"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[31],{68: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",desktop_slider:n="disabled"}){const u=t();(0,i.useLogCollection)(e);const[a,f]=(0,c.useState)(0),h=(0,c.useRef)(null),p=()=>{const e=h.current;if(!e)return;const t=e.getBoundingClientRect(),l=Array.from(e.children),n=l[l.length-1].getBoundingClientRect().right-t.right<45;let r=1/0;l.forEach(((e,l)=>{const s=e.getBoundingClientRect();if(n&&s.left<0)return;const d=Math.abs(s.left-t.left)+(s.left<0?20:0);d<r&&(r=d,f(l))}))},g=(0,c.useMemo)((()=>{var t;const l=null===(t=e.transformedMetafields)||void 0===t?void 0:t.disruptors;return l?e.products.flatMap(((e,t)=>{const n=l.find((e=>e.position===t+1));return n?[n,e]:e})):e.products}),[e]);return(0,c.useEffect)((()=>{var e;return null===(e=h.current)||void 0===e||e.addEventListener("scroll",p),()=>{var e;null===(e=h.current)||void 0===e||e.removeEventListener("scroll",p)}}),[h.current]),0===g.length?(0,r.jsx)(s.Fragment,{}):(l=function(e,t){return 1===e||"1.5"===t?"1.5":2===e?"disabled":t}(g.length,l),(0,r.jsxs)(s.Fragment,{children:[(0,r.jsx)("div",{class:d.default.container,children:(0,r.jsx)("div",{class:[d.default.collectionItems,"disabled"!==n&&d.default.desktopItemsSlider,"disabled"!==l&&d.default.mobileItemsSlider].join(" "),style:{"--collection-desktop-slider-size":n,"--collection-mobile-slider-size":l},ref:h,children:g.map(((t,l)=>{if(!t)return null;const n="defaultVariantId"in t?`${t.handle}${t.defaultVariantId}`:`${t.handle}${l}`;return(0,r.jsx)(o.ProductCard,{product:t,sharedStateStore:u,collectionHandle:e.handle},n)}))})}),"disabled"!==l&&g.length>=parseFloat(l)&&(0,r.jsx)("div",{class:d.default.sliderDots,children:e.products.slice(0,["2.0","2.5"].includes(l)?e.products.length-1:e.products.length).map(((e,t)=>(0,r.jsx)("div",{class:[d.default.dot,t===a&&d.default.dotActive].join(" ")},t)))})]}))};const r=l(0),s=l(3),d=n(l(26)),i=l(51),o=l(49),c=l(2)}}]);