https://www.bjornborg.com/us/libs-storyblok-cms-data-transformer-b…ataTransformerBlock-b8ca8b3cf5d5d3f37a3b.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6275],{49083:function(e,t,n){var i=n(56764),l=n(6916),o=n(17800),s=n(71410),r=n(44314),a=n(48166),d=n(65728),c=n(11041),u=n(1620);const p=(0,l.zo)("div",{position:"relative",display:"flex",flexDirection:"column",justifyContent:"flex-end",aspectRatio:"3 / 4",height:"auto",borderRadius:"6px",overflow:"hidden"}),h=(0,l.zo)("div",{display:"flex",gap:"4px",padding:"4px",backgroundColor:"white",borderRadius:"4px",position:"absolute",bottom:"6px",left:"6px",zIndex:1,alignSelf:"flex-start"}),x=(0,l.zo)("button",{display:"block",width:"48px",height:"64px",borderRadius:"2px",overflow:"hidden",flexShrink:0,padding:0,border:"none",cursor:"pointer",backgroundColor:c.O9.grey.nine});t.Z=e=>{let{$style:t={},id:n,image:c,products:f=[],sbEditable:g}=e;const[b]=(0,l.hQ)(),v=(0,i.useRef)(null),m=(0,i.useRef)(null),{0:y,1:_}=(0,i.useState)(null);(0,i.useEffect)((()=>{const e=v.current,t=m.current;if(!e||!t)return;const n=()=>{const n=e.clientWidth-12,i=t.scrollWidth;_(i<=n&&f.length<=5&&e.clientWidth>220)};n();const i=new ResizeObserver(n);return i.observe(e),()=>i.disconnect()}),[f.length]);return(0,u.jsxs)(p,{id:n,ref:v,$style:t,...g,children:[(0,u.jsx)(a.Z,{src:{url:c.src,width:[800]},alt:c.alt,loading:"lazy",sizes:["50vw",null,"33vw"],$style:{width:"100%",height:"100%",objectFit:"cover",...c.$style}}),f.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(h,{ref:m,$style:{opacity:y?1:0,pointerEvents:y?"auto":"none"},children:f.map((e=>(0,u.jsx)(x,{type:"button","aria-label":"Quick view "+e.name,onClick:()=>(e=>{s.Z.open(r._.QUICK_VIEW,{product:e,focusOnQuickShopButton:()=>{}})})(e),children:e.image&&(0,u.jsx)(a.Z,{src:e.image,alt:e.name||"",loading:"lazy",$style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})},e.id)))}),!y&&null!==y&&(0,u.jsxs)(o.ZP,{$style:{zIndex:1,position:"absolute",right:["6px",null,"auto"],left:["auto",null,"6px"],bottom:"6px",display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},size:"s",theme:"staticWhite",onClick:()=>{s.Z.open(r._.SHOP_THE_LOOK,{label:"Shop the look",products:f})},children:[(0,u.jsx)("span",{className:b({display:["none",null,"initial"]}),children:"Shop the look"}),(0,u.jsx)(d.Z,{width:"16px"})]})]})]})}},14892:function(e,t,n){n.r(t);var i=n(49083),l=n(85626),o=n(30490),s=(n(56764),n(1620));t.default=e=>{let{content:t}=e;const n=(0,o.Z)(t);return n?(0,s.jsx)(i.Z,{...n,sbEditable:(0,l.Z)(t._editable)}):null}},30490:function(e,t,n){var i=n(24142);t.Z=(e,t)=>{var n,l;const o=function(e){return"reuseShopTheLookItem"===e.component}(e)?e.data:e;if(!o||!o.image||!o.image.length)return null;const s=(0,i.Z)(o.image[0]);return{id:o._uid,image:s,products:(null===(n=o.productSelection)||void 0===n||null===(l=n[0])||void 0===l?void 0:l.products)||[],cardSize:t||"default"}}}}]);