"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[12],{23:(e,r,s)=>{s.d(r,{a:()=>$});var a=s(0),i=s(1),c=s(205),n=s(2),t=s(8);function l(e){return r=>{r.on("animationStarted",(()=>{const s=r.track.details.minIdx,a=r.track.details.maxIdx,i=r.animator.targetIdx||0;e({min:s,max:a,current:i})}))}}const d={priceColor:"#000000",grayscaleColor:"#000000",regularPriceColor:"#000",redPriceColor:"#B70111"};var o=s(24);const{wrapper:u,wrapperBiggerFont:p,wrapperTitle:m,wrapperCrossedPrice:x,wrapperImageContainer:j,wrapperPricesContainer:g,wrapperPricesContainerActualPrice:h,wrapperPricesContainerComparePrice:b,wrapperPricesContainerActualPriceFrom:w}=o.a,C=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:i,price:n,crossedPrice:t,isFromPrice:l},currencySymbol:o="$"})=>{const C=n!==t,N=Object.assign({},d),P=`${r}?variant=${i}`;return(0,a.jsxs)("div",Object.assign({className:u},{children:[(0,a.jsx)("a",Object.assign({href:P},{children:(0,a.jsx)("div",Object.assign({className:j},{children:(0,a.jsx)("img",{width:13,height:18,src:s.src,alt:s.alt})}))})),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",Object.assign({className:m},{children:e})),l&&(0,a.jsx)("div",Object.assign({className:g},{children:(0,a.jsx)("p",Object.assign({className:w},{children:`From ${o}${Number(n).toFixed(2)}`}))})),!l&&(0,a.jsxs)("div",Object.assign({className:g},{children:[C&&(0,a.jsx)("p",Object.assign({className:(0,c.a)(b,x),style:{color:N.regularPriceColor}},{children:`${o}${Number(t).toFixed(2)}`})),(0,a.jsx)("p",Object.assign({className:(0,c.a)(h,!C&&p),style:{color:C?N.redPriceColor:N.grayscaleColor}},{children:` ${o}${Number(n).toFixed(2)}`}))]}))]})})]}))};var N=s(4),P=s(25);const v={initial:0,mode:"free",slides:{perView:2.5},breakpoints:{"(min-width: 794px)":{slides:{perView:3.5}},"(min-width: 990px)":{slides:{perView:5}}},loop:!1},{wrapper:O,wrapperTitle:f,arrowLeft:k,arrowRight:y,disable:S}=P.a,$=({title:e,slides:r,currencySymbol:s="$",noMarginOnCollection:d})=>{const{carouselRef:o,isJsDisabled:u,handleSlideNext:p,handleSlidePrev:m,slideIdx:{current:x,min:j,max:g}}=function(e){const[r,s]=(0,n.useState)(!0),[a,i]=(0,n.useState)({min:0,max:1,current:0}),[c,d]=(0,t.a)(e,[l(i)]);var o,u;(0,n.useEffect)((o=d,u=e,()=>(o.current&&o.current.update(Object.assign({},u)),()=>{o.current&&o.current.destroy()})),[d.current]);const p=(0,n.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.prev()}),[d.current]),m=(0,n.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.next()}),[d.current]);return(0,n.useEffect)((()=>{s(!1)}),[]),{carouselRef:c,handleSlideNext:m,handleSlidePrev:p,isJsDisabled:r,instanceRef:d,slideIdx:a}}(v);return(0,a.jsx)(i.Fragment,{children:r.length>0&&(0,a.jsxs)("div",Object.assign({className:(0,c.a)(O,u&&"noJsProductSlider")},{children:[(0,a.jsx)("h3",Object.assign({className:f},{children:e})),r.length>5&&(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("a",Object.assign({className:(0,c.a)(k,x===j?S:""),onClick:m},{children:(0,a.jsx)(N.x,{})})),(0,a.jsx)("a",Object.assign({className:(0,c.a)(y,x===g?S:""),onClick:p},{children:(0,a.jsx)(N.y,{})}))]}),(0,a.jsx)("div",Object.assign({className:(0,c.a)("keen-slider"),ref:o},{children:r.length>0&&r.map(((e,r)=>(0,a.jsx)("div",Object.assign({className:(0,c.a)(`keen-slider__slide number-slide${r}`)},{children:(0,a.jsx)(C,{currencySymbol:s,product:e},e.productTitle)}),e.productTitle)))}))]}))})}}}]);