"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[25],{51:function(e,t,l){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Collection=function({collection:e,useSharedState:t,mobile_slider:l="disabled"}){const n=t();(0,r.useLogCollection)(e);const[u,a]=(0,d.useState)(0),f=(0,d.useRef)(null),h=()=>{const e=f.current;if(!e)return;const t=e.getBoundingClientRect(),l=Array.from(e.children),n=l[l.length-1].getBoundingClientRect().right-t.right<45;let s=1/0;l.forEach(((e,l)=>{const i=e.getBoundingClientRect();if(n&&i.left<0)return;const c=Math.abs(i.left-t.left)+(i.left<0?20:0);c<s&&(s=c,a(l))}))};return(0,d.useEffect)((()=>{var e;return null===(e=f.current)||void 0===e||e.addEventListener("scroll",h),()=>{var e;null===(e=f.current)||void 0===e||e.removeEventListener("scroll",h)}}),[f.current]),(0,s.jsxs)(i.Fragment,{children:[e.title&&(0,s.jsx)("h1",{class:c.default.collectionTitle,children:e.title}),(0,s.jsx)("div",{class:c.default.container,children:(0,s.jsx)("div",{class:[c.default.collectionItems,"disabled"!==l&&c.default.collectionItemsSlider].join(" "),style:{"--collection-mobile-slider-size":l},ref:f,children:e.products.map((t=>(0,s.jsx)(o.ProductCard,{product:t,sharedStateStore:n,collectionHandle:e.handle})))})}),"disabled"!==l&&(0,s.jsx)("div",{class:c.default.sliderDots,children:e.products.slice(0,["2.0","2.5"].includes(l)?e.products.length-1:e.products.length).map(((e,t)=>(0,s.jsx)("div",{class:[c.default.dot,t===u&&c.default.dotActive].join(" ")},t)))})]})};const s=l(0),i=l(1),c=n(l(29)),r=l(40),o=l(38),d=l(3)}}]);