"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[7],{31:(e,r,s)=>{s.d(r,{a:()=>$});var a=s(0),i=s(1),c=s(185),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(17);const{wrapper:p,wrapperBiggerFont:u,wrapperTitle:m,wrapperCrossedPrice:j,wrapperImageContainer:g,wrapperPricesContainer:h,wrapperPricesContainerActualPrice:x,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,P=Object.assign({},d),v=`${r}?variant=${i}`;return(0,a.jsxs)("div",Object.assign({className:p},{children:[(0,a.jsx)("a",Object.assign({href:v},{children:(0,a.jsx)("div",Object.assign({className:g},{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:h},{children:(0,a.jsx)("p",Object.assign({className:w},{children:`From ${o}${n}`}))})),!l&&(0,a.jsxs)("div",Object.assign({className:h},{children:[C&&(0,a.jsx)("p",Object.assign({className:(0,c.a)(b,j),style:{color:P.regularPriceColor}},{children:`${o}${t}`})),(0,a.jsx)("p",Object.assign({className:(0,c.a)(x,!C&&u),style:{color:C?P.redPriceColor:P.grayscaleColor}},{children:` ${o}${n}`}))]}))]})})]}))};var P=s(4),v=s(18);const O={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:f,wrapperTitle:N,arrowLeft:k,arrowRight:y,disable:S}=v.a,$=({title:e,slides:r,currencySymbol:s="$",noMarginOnCollection:d})=>{const{carouselRef:o,isJsDisabled:p,handleSlideNext:u,handleSlidePrev:m,slideIdx:{current:j,min:g,max:h}}=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,p;(0,n.useEffect)((o=d,p=e,()=>(o.current&&o.current.update(Object.assign({},p)),()=>{o.current&&o.current.destroy()})),[d.current]);const u=(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:u,isJsDisabled:r,instanceRef:d,slideIdx:a}}(O);return(0,a.jsx)(i.Fragment,{children:r.length>0&&(0,a.jsxs)("div",Object.assign({className:(0,c.a)(f,p&&"noJsProductSlider")},{children:[(0,a.jsx)("h3",Object.assign({className:N},{children:e})),r.length>5&&(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("a",Object.assign({className:(0,c.a)(k,j===g?S:""),onClick:m},{children:(0,a.jsx)(P.r,{})})),(0,a.jsx)("a",Object.assign({className:(0,c.a)(y,j===h?S:""),onClick:u},{children:(0,a.jsx)(P.s,{})}))]}),(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)))}))]}))})}}}]);