1import{j as l}from"./_app.account.orders-B0QsRrI4.js";import{r as c}from"./icons-CjXQEFTa.js";import{u as x}from"./index-CZa9_6Z_.js";const m=c.createContext(null);function j(){return c.useContext(m)}function v({writeReviewFormPromise:e,children:s}){return l.jsx(m.Provider,{value:e,children:s})}function d(e,s){return e.width&&e.height?`${e.width} / ${e.height}`:s}function f({content:e,loadImages:s}){const[r,u]=c.useState(0),o=c.useRef([]),i=t=>{const a=Math.min(Math.max(t,0),e.slides.length-1);u(a),o.current[a]?.scrollIntoView?.({behavior:"smooth",block:"nearest",inline:"center"})},n=t=>{t.key==="ArrowLeft"&&i(r-1),t.key==="ArrowRight"&&i(r+1),t.key==="Home"&&i(0),t.key==="End"&&i(e.slides.length-1)};return l.jsxs("section",{className:"w-full min-w-0 max-w-full overflow-x-clip","aria-label":e.title,children:[l.jsxs("div",{className:"mx-auto mb-6 max-w-3xl text-center",children:[l.jsx("h2",{className:"text-2xl font-semibold md:text-3xl",children:e.title}),e.description?l.jsx("p",{className:"mt-3 text-base",children:e.description}):null]}),l.jsxs("div",{className:"relative min-[576px]:hidden",children:[l.jsx("ul",{className:"flex snap-x snap-mandatory overflow-x-auto overscroll-x-contain scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden","aria-label":"A+ feature slides","aria-live":"polite",onScroll:t=>{const a=t.currentTarget.clientWidth;a>0&&u(Math.min(Math.round(t.currentTarget.scrollLeft/a),e.slides.length-1))},children:e.slides.map((t,a)=>l.jsx("li",{className:"w-full shrink-0 snap-center",style:{aspectRatio:d(t,"351 / 564")},ref:h=>{o.current[a]=h},"aria-label":`${a+1} of ${e.slides.length}`,children:s?l.jsx("img",{className:"mx-auto h-auto max-w-full",src:t.src,alt:t.alt,width:t.width,height:t.height,loading:"lazy",decoding:"async"}):null},t.src))}),l.jsx("button",{className:"absolute left-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-white/90 text-3xl shadow-sm disabled:opacity-40",type:"button","aria-label":"Previous slide",disabled:r===0,onKeyDown:n,onClick:()=>i(r-1),children:l.jsx("span",{"aria-hidden":"true",children:"â¹"})}),l.jsx("button",{className:"absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-white/90 text-3xl shadow-sm disabled:opacity-40",type:"button","aria-label":"Next slide",disabled:r===e.slides.length-1,onKeyDown:n,onClick:()=>i(r+1),children:l.jsx("span",{"aria-hidden":"true",children:"âº"})})]}),l.jsx("div",{"data-aplus-media":"desktop",className:"mx-auto hidden w-full min-[576px]:block",style:{aspectRatio:d(e.desktopImage,"4442 / 1788")},children:s?l.jsx("img",{className:"h-auto w-full",src:e.desktopImage.src,alt:e.desktopImage.alt,width:e.desktopImage.width,height:e.desktopImage.height,loading:"lazy",decoding:"async"}):null}),l.jsx("div",{"data-aplus-media":"detail",className:"mt-6 w-full",style:{aspectRatio:d(e.detailPicture.image,"1 / 1")},children:s?l.jsxs("picture",{className:"block",children:[e.detailPicture.sources.map(t=>l.jsx("source",{media:t.media,srcSet:t.srcSet},`${t.media??"all"}-${t.srcSet}`)),l.jsx("img",{className:"h-auto w-full",src:e.detailPicture.image.src,alt:e.detailPicture.image.alt,width:e.detailPicture.image.width,height:e.detailPicture.image.height,loading:"lazy",decoding:"async"})]}):null})]})}function p({asset:e}){const s=c.useRef(null),r=x(s,{rootMargin:"200px 0px",useOnce:!0});if(c.useEffect(()=>{if(!r||!s.current||e.aPlusCarousel)return;const o=(i,n)=>{const t=`data-aplus-${n}`,a=i.getAttribute(t);a&&(i.setAttribute(n,a),i.removeAttribute(t))};for(const i of s.current.querySelectorAll("source"))o(i,"src"),o(i,"srcset");for(const i of s.current.querySelectorAll("img"))o(i,"srcset"),o(i,"src")}),e.aPlusCarousel)return l.jsx("div",{ref:s,className:"w-full min-w-0 max-w-full overflow-x-clip",children:l.jsx(f,{content:e.aPlusCarousel,loadImages:r})});const u=e.html;return l.jsx("div",{ref:s,className:"w-full min-w-0 max-w-full overflow-x-clip aplus-content",dangerouslySetInnerHTML:{__html:u}})}function w({asset:e}){const s=e.aPlusCarousel?JSON.stringify(e.aPlusCarousel):e.html;return l.jsx(p,{asset:e},s)}const N=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"}));
1export{v as W,N as i,j as u}; 2//# sourceMappingURL=index-DzemPYcq.js.map
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.