1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8994],{28994:(e,l,t)=>{"use strict";t.r(l),t.d(l,{ProductCardMedia:()=>x});var r=t(58618),a=t(93327),s=t(59579),n=t(90032),i=t(72786),c=t(77419),d=t(45119),o=t(44424),u=t(57667),f=t(92062),p=t(76578),h=t(51685),g=t.n(h),m=t(48277),v=t(60667);let x=e=>{let{sizes:l,watchDrag:t=!0,priority:h=!1,variants:x,defaultImageType:C}=e,[I]=(0,u.fp)(v.variantIndexAtom),{isPackshotMode:j,isModelMode:k}=(e=>{let l=(0,m.$y)({shallow:!0}).get("imageType"),t=(null==e?void 0:e.defaultImageType)==="packshot"||(null==e?void 0:e.defaultImageType)==="model"?e.defaultImageType:"model",r=l||t;return{imageType:r,isPackshotMode:"packshot"===r,isModelMode:"model"===r}})({defaultImageType:C}),N=x[null!==I?I:0],M=null==N?void 0:N.showAsOnSale,S=(0,i.useMemo)(()=>{let e=x[null!==I?I:0].media;if(0===e.length)return e;let l=e.filter(e=>e.isPackshot),t=e.filter(e=>!e.isPackshot);return j?0===l.length?e:[...l,...t]:k?0===t.length?e:[...t,...l]:e},[I,x,j,k]),[b,w]=(0,o.L)({loop:!0,align:"start",startIndex:0,watchDrag:t&&S.length>1});(0,i.useEffect)(()=>{var e,l;null==(e=w.current)||e.reInit(),null==(l=w.current)||l.scrollTo(0)},[w,S]);let{selectedIndex:P,scrollSnaps:T}=(e=>{let[l,t]=(0,i.useState)(0),[r,a]=(0,i.useState)([]),s=(0,i.useCallback)(e=>{a(e.scrollSnapList())},[]),n=(0,i.useCallback)(e=>{t(e.selectedScrollSnap())},[]);return(0,i.useEffect)(()=>{let l=null==e?void 0:e.current;if(l)return s(l),n(l),l.on("reInit",s).on("reInit",n).on("select",n),()=>{l.off("reInit",s).off("reInit",n).off("select",n)}},[s,n]),{selectedIndex:l,scrollSnaps:r}})(w),{onNextClick:_,onPrevClick:y}=(0,c.z)(w);return 0===S.length?(0,r.jsx)("div",{className:g().productCardMedia,children:(0,r.jsx)("figure",{className:g().productCardMediaImage,children:(0,r.jsx)(f.default,{alt:"No product",priority:h,src:p.A,fill:!0,sizes:l,loader:e=>{let{src:l}=e;return l}})})}):(0,r.jsxs)("div",{className:g().productCardMedia,children:[M&&(0,r.jsx)("div",{className:g().saleTag,children:(0,r.jsx)(n.v,{children:(0,r.jsx)(s.Translate,{children:"Sale"})})}),(0,r.jsx)("div",{className:g().productCardMediaSlider,ref:b,children:(0,r.jsx)("div",{className:g().productCardMediaContainer,children:S.filter(Boolean).map((e,t)=>{let{alt:a,href:s}=e;return(0,r.jsx)("figure",{className:g().productCardMediaImage,children:(0,r.jsx)(f.default,{alt:a,priority:h&&0===t,src:s,fill:!0,sizes:l})},t)})})}),S.length>1&&(0,r.jsx)("section",{className:g().productCardMediaIndicators,children:T.map((e,l)=>(0,r.jsx)("span",{className:(0,d.$z)(g().productCardMediaIndicator,l===P&&g().selected)},l))}),S.length>1&&(0,r.jsxs)("section",{className:g().productCardMediaNavigation,children:[(0,r.jsx)("button",{onClick:e=>{e.stopPropagation(),y()},children:(0,r.jsx)(a.JG,{})}),(0,r.jsx)("button",{onClick:e=>{e.stopPropagation(),_()},children:(0,r.jsx)(a.c_,{})})]})]})}},77419:(e,l,t)=>{"use strict";t.d(l,{z:()=>a});var r=t(72786);let a=e=>{let[l,t]=(0,r.useState)(!0),[a,s]=(0,r.useState)(!0),[n,i]=(0,r.useState)([]),c=(0,r.useCallback)(()=>{(null==e?void 0:e.current)&&e.current.scrollPrev()},[e]),d=(0,r.useCallback)(()=>{(null==e?void 0:e.current)&&e.current.scrollNext()},[e]),o=(0,r.useCallback)(e=>{t(!e.canScrollNext()),s(!e.canScrollPrev())},[]),u=(0,r.useCallback)(e=>{i(e.slidesInView())},[]);return(0,r.useEffect)(()=>{let l=null==e?void 0:e.current;if(l)return l.on("reInit",u).on("slidesInView",u),o(l),l.on("reInit",o).on("select",o),()=>{l.off("reInit",o).off("select",o),l.off("reInit",u).off("slidesInView",u)}},[o,u]),{nextDisabled:l,onNextClick:d,onPrevClick:c,prevDisabled:a,slidesInView:n}}},90032:(e,l,t)=>{"use strict";t.d(l,{v:()=>n});var r=t(45119),a=t(91774),s=t.n(a);let n=r.Ec.div(s().tag)},91774:e=>{e.exports={tag:"Tag_tag__5evMt"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.