https://www.bjornborg.com/us/modules-default-ShopTheLookGalleryModuleContext-f5f849318ebe4040c484.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1084,3206],{77553:function(e,t,n){n.r(t);var l=n(11041),i=n(96131),o=n(85626),r=n(6916),a=(n(56764),n(41075)),s=n(1620);t.default=e=>{let{content:t,layout:n,...d}=e;const[c]=(0,r.hQ)(),u=["account"].includes(n),p=u?[0]:l.ew;return(0,s.jsx)("section",{className:"layout-"+n+" "+c({...(0,a.Z)({style:t.moduleMarginStyle}),paddingLeft:p,paddingRight:p}),...(0,o.Z)(t._editable),children:(0,s.jsx)(i.default,{content:t,inlinePadding:u?void 0:l.ew,...d})})}},85901:function(e,t,n){n.d(t,{Z:function(){return h}});var l=n(6916),i=n(11041),o=n(17507),r=n(29990),a=n(17800),s=n(49222),d=n(1620);const c={display:"inline-flex",alignItems:"center",gap:"8px",whiteSpace:"nowrap",color:i.O9.black,fontWeight:500,padding:0};var u=e=>{let{link:t}=e;const[n]=(0,l.hQ)();return(0,d.jsxs)(a.ZP,{as:r.Z,to:t.url,theme:"transparentStrong",size:"s",$style:c,children:[t.label,(0,d.jsx)("div",{className:n({borderRadius:"50%",border:"1px solid "+i.O9.grey.nine,height:"24px",width:"24px",display:"flex",alignItems:"center",justifyContent:"center"}),children:(0,d.jsx)(s.Z,{rotation:"right",width:14})})]})};const p=(0,l.zo)("div",{display:"flex",alignItems:"center",width:"100%",marginBottom:"24px",paddingBlock:"4px"});var h=e=>{let{heading:t,headerLink:n,$style:l={},$headingStyle:r={}}=e;return null!=t&&t.text||n?(0,d.jsxs)(p,{$style:{...l,justifyContent:n&&t?"space-between":"flex-start"},children:[(null==t?void 0:t.text)&&(0,d.jsx)(o.Z,{as:t.type||"h2",styleAs:t.style||"l",$style:{fontSize:"18px",fontWeight:500,fontFamily:i.Vl.regular,...r},...t.sbEditable||{},children:t.text}),n&&(0,d.jsx)(u,{link:n})]}):null}},21874:function(e,t,n){n(56764);var l=n(6916),i=n(53767),o=n(11041),r=n(1620);const a=(0,l.zo)("div",{width:"100%",maxWidth:o.kk,marginInline:"auto",display:"grid",gridTemplateColumns:"repeat(12, 1fr)",gap:["8px",null,"16px"]}),s=(0,l.zo)("div",{gridColumn:["5 / span 4",null,"6 / span 2"],height:"2px",background:i.Z.grey.eight,borderRadius:"3px",overflow:"hidden",position:"relative",marginBlock:"4px"}),d=(0,l.zo)("div",{height:"100%",background:i.Z.black,borderRadius:"3px",transition:"left "+o.lI.primary,position:"absolute",left:"0"});t.Z=e=>{let{$style:t={},$trackStyle:n={},$thumbStyle:l={},currentSlide:i,totalSlides:o,visibleSlides:c=1}=e;const u=c/o*100,p=(e=>100-e)(u),h=((e,t)=>{const n=Math.max(o-c,1);return Math.min(i/n*t,t)})(0,p);return(0,r.jsx)(a,{$style:t,children:(0,r.jsx)(s,{$style:n,children:(0,r.jsx)(d,{style:{width:u+"%",left:h+"%",...l}})})})}},49083:function(e,t,n){var l=n(56764),i=n(6916),o=n(17800),r=n(71410),a=n(44314),s=n(48166),d=n(65728),c=n(11041),u=n(1620);const p=(0,i.zo)("div",{position:"relative",display:"flex",flexDirection:"column",justifyContent:"flex-end",aspectRatio:"3 / 4",height:"auto",borderRadius:"6px",overflow:"hidden"}),h=(0,i.zo)("div",{display:"flex",gap:"4px",padding:"4px",backgroundColor:"white",borderRadius:"4px",position:"absolute",bottom:"6px",left:"6px",zIndex:1,alignSelf:"flex-start"}),g=(0,i.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:x=[],sbEditable:f}=e;const[v]=(0,i.hQ)(),m=(0,l.useRef)(null),y=(0,l.useRef)(null),{0:b,1:S}=(0,l.useState)(null);(0,l.useEffect)((()=>{const e=m.current,t=y.current;if(!e||!t)return;const n=()=>{const n=e.clientWidth-12,l=t.scrollWidth;S(l<=n&&x.length<=5&&e.clientWidth>220)};n();const l=new ResizeObserver(n);return l.observe(e),()=>l.disconnect()}),[x.length]);return(0,u.jsxs)(p,{id:n,ref:m,$style:t,...f,children:[(0,u.jsx)(s.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}}),x.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(h,{ref:y,$style:{opacity:b?1:0,pointerEvents:b?"auto":"none"},children:x.map((e=>(0,u.jsx)(g,{type:"button","aria-label":"Quick view "+e.name,onClick:()=>(e=>{r.Z.open(a._.QUICK_VIEW,{product:e,focusOnQuickShopButton:()=>{}})})(e),children:e.image&&(0,u.jsx)(s.Z,{src:e.image,alt:e.name||"",loading:"lazy",$style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})},e.id)))}),!b&&null!==b&&(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:()=>{r.Z.open(a._.SHOP_THE_LOOK,{label:"Shop the look",products:x})},children:[(0,u.jsx)("span",{className:v({display:["none",null,"initial"]}),children:"Shop the look"}),(0,u.jsx)(d.Z,{width:"16px"})]})]})]})}},92760:function(e,t,n){n.d(t,{Z:function(){return m}});var l=n(21874),i=n(85901),o=n(83106),r=n(20006),a=n(14516),s=n(6916),d=n(56764),c=n(79741),u=n(11041),p=n(5929),h=n(1620);const g=(0,s.zo)("div",{display:"none",[u.BC.min.laptop]:{display:"block"}}),x={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2};var f=()=>{const{canScrollPrev:e,canScrollNext:t,scrollPrev:n,scrollNext:l}=(0,o.vr)();return(0,h.jsxs)(g,{children:[e&&(0,h.jsx)(p.Z,{$style:{...x,left:"16px"},addBoxShadow:!0,icon:"chevron-left",size:"l",theme:"solidWhite","aria-label":"Go to the previous slide",onClick:n}),t&&(0,h.jsx)(p.Z,{$style:{...x,right:"16px"},addBoxShadow:!0,icon:"chevron-right",size:"l",theme:"solidWhite","aria-label":"Go to the next slide",onClick:l})]})};const v=(0,s.zo)("div",{position:"relative",display:"flex",flexDirection:"column",paddingBlock:"24px"});var m=(0,d.forwardRef)(((e,t)=>{let{children:n,id:u,sbEditable:p,dragFree:g=[!0,null,!1],heading:x,headerLink:m,inlinePadding:y,slidesPerView:b,spaceBetween:S=["8px",null,"16px"],isDraggable:Z=!0,onSlideChange:w,showProgressBar:j=!0,snapAlign:k="start",$headerStyle:$={},$headingStyle:z={},$progressBarStyle:_={},$style:L={}}=e;const C=d.Children.count(n),[E]=(0,s.hQ)(),{0:I,1:P}=(0,d.useState)(),{0:B,1:A}

1=(0,d.useState)(0),O=(0,a.Z)(Z),R=(0,a.Z)(k),D=(0,a.Z)(g),T=(0,c._2)(b).map((e=>C<e?C:e)),W=(0,a.Z)(T);(0,d.useImperativeHandle)(t,(()=>({scrollTo:e=>null==I?void 0:I.scrollTo(e)})),[I]),(0,d.useEffect)((()=>{if(!I)return;const e=()=>{const e=I.selectedScrollSnap();A(e),null==w||w(e)};return e(),I.on("select",e),I.on("reInit",e),()=>{I.off("select",e),I.off("reInit",e)}}),[I]);const M=(0,d.useMemo)((()=>({align:"none"===R?"start":R,loop:!1,watchDrag:!!O,skipSnaps:!0,dragFree:!!D,inViewThreshold:0})),[R,O,D]),N=(0,c._2)(T).map((e=>null!=e?100/e+"%":null)),Q=(0,c._2)(S).map((e=>null!=e?"-"+e:null)),F=(0,d.useMemo)((()=>{if(y)return(0,c._2)(y)}),[y]),V=(0,d.useMemo)((()=>{if(F)return F.map((e=>null!=e?"-"+e:null))}),[F]),H=C>W;return(0,h.jsxs)(v,{$style:{...L},id:u,...p,children:[(0,h.jsx)(i.Z,{heading:x,headerLink:m,$headingStyle:z,$style:$}),(0,h.jsx)("div",{className:E({position:"relative",minWidth:0,alignSelf:"stretch",...V&&H?{marginInline:V}:{}}),children:(0,h.jsxs)(o.lr,{setApi:P,orientation:"horizontal",opts:M,plugins:[(0,r.Y)()],children:[(0,h.jsx)(f,{}),(0,h.jsx)(o.KI,{$style:{marginLeft:Q},$viewportStyle:F&&H?{paddingInline:F}:{},children:d.Children.map(n,((e,t)=>(0,h.jsx)(o.d$,{$style:{boxSizing:"border-box",flexBasis:N,paddingLeft:S},children:e},t)))})]})}),W<C&&j&&(0,h.jsx)(l.Z,{currentSlide:B,totalSlides:C,visibleSlides:W,$style:{paddingTop:"24px",..._}})]})}))},14516:function(e,t,n){var l=n(56764),i=n(58307),o=n(72014);t.Z=e=>{const{0:t,1:n}=(0,l.useState)(o.Z),r=(0,l.useCallback)((()=>{n((0,o.Z)())}),[]);if((0,l.useEffect)((()=>{r();const e=i.AV.slice(1).map((e=>window.matchMedia("(min-width: "+e+"px)")));for(const t of e)t.addEventListener("change",r);return()=>{for(const t of e)t.removeEventListener("change",r)}}),[r]),!Array.isArray(e))return e;let a=e[0];for(let l=1;l<=t&&l<e.length;l++)null!==e[l]&&void 0!==e[l]&&(a=e[l]);return a}},96131:function(e,t,n){n.r(t),n.d(t,{default:function(){return p}});var l=n(92760),i=n(49083),o=n(1620);var r=e=>{let{cardSize:t="default",headerLink:n,heading:r,id:a,inlinePadding:s,sbEditable:d,slides:c=[]}=e;return(0,o.jsx)(l.Z,{id:a,headerLink:n,heading:r,inlinePadding:s,isDraggable:[!0,null,null,!1],sbEditable:d,slidesPerView:"small"===t?[1.2,null,5]:[1.2,null,3],spaceBetween:["8px",null,"16px"],children:c.map((e=>(0,o.jsx)(i.Z,{id:e.id,image:e.image,products:e.products,cardSize:e.cardSize},e.id)))})},a=n(76353),s=n(26750),d=n(85626),c=n(30490),u=n(79022);n(56764);var p=e=>{var t,n;let{content:l,inlinePadding:i}=e;const{_uid:p,anchorTag:h,headerLink:g,cardSize:x,content:f=[],heading:v=[]}=l;return f.length?(0,o.jsx)(r,{headerLink:g?null===(t=(0,s.Z)(g))||void 0===t?void 0:t[0]:void 0,cardSize:x,heading:(0,a.ZP)({heading:v,defaultStyle:"l",defaultType:"h2"}),id:(null==h||null===(n=h[0])||void 0===n?void 0:n.anchorTag)||p,inlinePadding:i,sbEditable:(0,d.Z)(null==l?void 0:l._editable),slides:f.map((e=>"shopTheLookProductItemModule"===e.component?(0,u.Z)(e,x):(0,c.Z)({...e},x))).filter((e=>null!==e))}):null}},26750:function(e,t,n){n.d(t,{l:function(){return i}});var l=n(85626);const i=e=>{var t;return{label:e.label,url:null===(t=e.link)||void 0===t?void 0:t.url,rel:"no_follow"===e.follow?"nofollow":void 0,sbEditable:(0,l.Z)(e._editable)}};t.Z=function(e){return void 0===e&&(e=[]),e.map(i)}},30490:function(e,t,n){var l=n(24142);t.Z=(e,t)=>{var n,i;const o=function(e){return"reuseShopTheLookItem"===e.component}(e)?e.data:e;if(!o||!o.image||!o.image.length)return null;const r=(0,l.Z)(o.image[0]);return{id:o._uid,image:r,products:(null===(n=o.productSelection)||void 0===n||null===(i=n[0])||void 0===i?void 0:i.products)||[],cardSize:t||"default"}}},79022:function(e,t){t.Z=(e,t)=>{var n,l,i,o,r;const a=null===(n=e.productSelection)||void 0===n||null===(l=n[0])||void 0===l||null===(i=l.products)||void 0===i?void 0:i[0];if(!a||!a.image)return null;const s={alt:a.imageAlt||a.name,src:a.image,type:"image",component:"image"};return{id:e._uid,image:s,products:(null===(o=e.additionalProductSelection)||void 0===o||null===(r=o[0])||void 0===r?void 0:r.products)||[],cardSize:t||"default"}}}}]);