"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[24],{328:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.ProductIndicators=void 0;const o=t(0),i=(t(1),t(2)),n=t(16),a=s(t(62)),{wrapper:l,wrapperDesktop:c,wrapperMobile:d,wrapperCarousel:u,wrapperCarouselLeft:p,wrapperCarouselRight:w,wrapperCarouselProgress:f}=a.default;r.ProductIndicators=function({sliderIndicatorMobile:e,isProgressWhite:r,slidesPerView:t,currentSlide:s,total:a,slider:j}){const h=`${l} ${e?d:c}`;return(0,o.jsx)("div",Object.assign({className:h},{children:(0,o.jsxs)("div",Object.assign({className:u},{children:[(0,o.jsx)("div",Object.assign({className:p,onClick:()=>j.prev()},{children:r?(0,o.jsx)(n.ArrowLeftButton,{color:"#fff",bgColor:"transparent"}):(0,o.jsx)(n.ArrowLeftButton,{})})),(0,o.jsxs)("progress",Object.assign({className:(0,i.cx)(f,r&&"white"),value:s+t,max:a},{children:["Product ",s+t," of ",a]})),(0,o.jsx)("div",Object.assign({className:w,onClick:()=>{s+t>=a?j.moveToIdx(0):j.next()}},{children:r?(0,o.jsx)(n.ArrowRightButton,{color:"#fff",bgColor:"transparent"}):(0,o.jsx)(n.ArrowRightButton,{})}))]}))}))}},44:function(e,r,t){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.ProductSlider=void 0;const o=t(0),i=(t(1),t(3)),n=t(11);t(9);const a=t(2),l=t(16),c=t(328),d=s(t(63)),{wrapper:u,wrapperArrow:p,wrapperArrowActive:w,wrapperArrowRight:f,wrapperArrowRightDots:j,wrapperArrowLeft:h,wrapperArrowLeftDots:g,wrapperDots:v,wrapperDotsSingleDot:x,wrapperDotsSingleDotActive:b,wrapperNojs:m}=d.default;function A(e,r=0){let t=1;return e<=1024?t=1:e>1400?t=4:e>1024&&(t=3),0!==r&&r<t&&(t=r),t}r.ProductSlider=function({children:e,maxSlidePerPage:r,total:t,showSliderIndicator:s=!0,sliderIndicatorMobile:d=!1,showDots:C=!1,autoplay:P=!1,autoplayTimeout:S=3e3,isProgressWhite:O=!1}){const k="undefined"!=typeof window,[I,N]=(0,i.useState)(k?window.innerWidth:100),[_,D]=(0,i.useState)(k?A(window.innerWidth,r||0):1),M=s&&_<t,[L,B]=(0,i.useState)(),y=()=>{N(window.innerWidth)};(0,i.useEffect)((()=>{if(k)return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)}),[k]),(0,i.useEffect)((()=>{k&&D(A(I,r||0))}),[I,k]);const[E,R]=(0,i.useState)(0),W=(0,i.useMemo)((()=>({initial:0,slides:{perView:_},dragSpeed:_===t?0:1,loop:_!==t,created(e){B(Object.assign({},e))},slideChanged(e){R(e.track.details.rel),B(Object.assign({},e))}})),[_]),[T,V]=(0,i.useState)(!1),[$]=(0,n.useKeenSlider)(W),z=void 0!==$;return P&&(0,i.useEffect)((()=>{const e=setInterval((()=>{null==L||L.moveToIdx(E+1)}),S);return()=>clearInterval(e)})),(0,i.useEffect)((()=>{null==L||L.update()}),[e]),(0,o.jsxs)("div",Object.assign({className:u},{children:[(0,o.jsxs)("div",Object.assign({onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),ref:$,className:(0,a.cx)(!z&&m,"blendjet-carousel keen-slider")},{children:[e,_<t&&(0,o.jsx)("div",Object.assign({className:(0,a.cx)(h,p,T&&w,C&&g),onClick:()=>null==L?void 0:L.prev()},{children:O?(0,o.jsx)(l.ArrowLeftButton,{color:"#fff",bgColor:"transparent"}):(0,o.jsx)(l.ArrowLeftButton,{})})),_<t&&(0,o.jsx)("div",Object.assign({className:(0,a.cx)(f,p,T&&w,C&&j),onClick:()=>{E+_>=t?null==L||L.moveToIdx(0):null==L||L.next()}},{children:O?(0,o.jsx)(l.ArrowRightButton,{color:"#fff",bgColor:"transparent"}):(0,o.jsx)(l.ArrowRightButton,{})}))]})),L&&M&&(0,o.jsx)(c.ProductIndicators,{sliderIndicatorMobile:d,isProgressWhite:O,slidesPerView:_,currentSlide:E,total:t,slider:L}),L&&C&&(0,o.jsx)("div",Object.assign({className:v},{children:[...Array(t).keys()].map((e=>(0,o.jsx)("button",{onClick:()=>{null==L||L.moveToIdx(e)},className:x+(E===e?` ${b}`:"")},e)))}))]}))}}}]);