https://instore.si/_next/static/chunks/7653.fa1d34cfd860245a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7653],{52394:r=>{r.exports={progressContainer:"ProgressBar_progressContainer__oNDeB",progressCircle:"ProgressBar_progressCircle__15FN_",circleBg:"ProgressBar_circleBg__1Uyqb",circle:"ProgressBar_circle__Yikej",barWrapper:"ProgressBar_barWrapper__qNH4o",circleText:"ProgressBar_circleText__9wvJK",progressBar:"ProgressBar_progressBar__vgYcs",progressBarFill:"ProgressBar_progressBarFill__HDv0B",progressText:"ProgressBar_progressText__WJGGu",prefixText:"ProgressBar_prefixText__hAa_t",suffixText:"ProgressBar_suffixText__eOPOr",textContainer:"ProgressBar_textContainer__MPvCo",topAnchor:"ProgressBar_topAnchor__IE7wX",bottomAnchor:"ProgressBar_bottomAnchor__MSJJv",spinner:"ProgressBar_spinner__w3y0z",spinnerCircle:"ProgressBar_spinnerCircle__IjVHl",spin:"ProgressBar_spin__f4NFC"}},87653:(r,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>x});var c=s(95155),a=s(12115),t=s(2821),n=s(12758),o=s.n(n),i=s(52394),l=s.n(i);let p=a.memo(function(r){let{className:e,classes:s,data:{variant:n="text",speed:o=700,min:i=0,max:p=100,value:x=75,delay:g=0,anchor:_="middle",prefix:d,suffix:m}}=r,u=a.useMemo(()=>parseInt(x,10)||0,[x]),f=a.useMemo(()=>parseInt(i,10)||0,[i]),B=a.useMemo(()=>parseInt(p,10)||0,[p]),[h,T]=a.useState(f),P=a.useRef(null);return a.useEffect(()=>{let r=(u-f)/(o/100),e=setTimeout(()=>{P.current=setInterval(()=>{T(e=>e>=u?(clearInterval(P.current),Math.round(u)):Math.round(e+r))},100)},g);return()=>{clearInterval(P.current),clearTimeout(e)}},[f,u,o,g]),(0,c.jsx)("div",{className:(0,t.A)(l().progressContainer,s,e),children:(()=>{let r=()=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:(0,t.A)(l().prefixText,{["".concat(s,"Prefix")]:""!==s},"".concat(e,"Prefix")),children:d}),(0,c.jsx)("span",{className:(0,t.A)(l().progressText,{["".concat(s,"ProgressText")]:""!==s},"".concat(e,"ProgressText")),children:h}),(0,c.jsx)("span",{className:(0,t.A)(l().suffixText,{["".concat(s,"Suffix")]:""!==s},"".concat(e,"Suffix")),children:m})]});switch(n){case"text":return(0,c.jsxs)("div",{className:(0,t.A)(l().progressText,{["".concat(s,"Text")]:""!==s},"".concat(e,"Text")),children:[d,h,m]});case"circle":return(0,c.jsxs)("div",{className:(0,t.A)(l().progressCircle,{["".concat(s,"ProgressCircle")]:""!==s},"".concat(e,"ProgressCircle")),children:[(0,c.jsxs)("svg",{viewBox:"0 0 36 36",children:[(0,c.jsx)("path",{className:(0,t.A)(l().circleBg,{["".concat(s,"CircleBg")]:""!==s},"".concat(e,"CircleBg")),d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"}),(0,c.jsx)("path",{className:(0,t.A)(l().circle,{["".concat(s,"Circle")]:""!==s},"".concat(e,"Circle")),strokeDasharray:"".concat(h/B*100,", 100"),d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"})]}),(0,c.jsxs)("div",{className:(0,t.A)(l().circleText,{["".concat(s,"CircleText")]:""!==s},"".concat(e,"CircleText")),children:[(0,c.jsx)("span",{className:(0,t.A)(l().prefixText,{["".concat(s,"Prefix")]:""!==s},"".concat(e,"Prefix")),children:d}),(0,c.jsx)("span",{className:(0,t.A)(l().progressText,{["".concat(s,"ProgressText")]:""!==s},"".concat(e,"ProgressText")),children:h}),(0,c.jsx)("span",{className:(0,t.A)(l().suffixText,{["".concat(s,"Suffix")]:""!==s},"".concat(e,"Suffix")),children:m})]})]});case"bar":return(0,c.jsxs)("div",{className:(0,t.A)(l().barWrapper,"".concat(e,"BarWrapper"),{["".concat(s,"BarWrapper")]:""!==s}),children:[(0,c.jsx)("div",{className:(0,t.A)(l().progressBar,{["".concat(s,"ProgressBar")]:""!==s},"".concat(e,"ProgressBar")),children:(0,c.jsx)("div",{className:(0,t.A)(l().progressBarFill,{["".concat(s,"ProgressBarFill")]:""!==s,[l().bottomAnchor]:"top"===_,[l().topAnchor]:"bottom"===_},"".concat(e,"ProgressBarFill")),style:{width:"".concat(h/B*100,"%"),transition:"width ".concat(o,"ms linear")},children:"middle"===_&&(0,c.jsx)(r,{})})}),"middle"!==_&&(0,c.jsx)("div",{className:(0,t.A)(l().textContainer,"".concat(e,"TextContainer"),{["".concat(s,"TextContainer")]:""!==s,["".concat(l().bottomAnchor," ").concat(s,"Bottom ").concat(e,"Bottom")]:"bottom"===_,["".concat(l().topAnchor," ").concat(s,"Top ").concat(e,"Top")]:"top"===_}),children:(0,c.jsx)(r,{})})]});case"spinner":return(0,c.jsx)("div",{className:(0,t.A)(l().spinner,{["".concat(s,"Spinner")]:""!==s},"".concat(e,"Spinner")),children:(0,c.jsx)("div",{className:(0,t.A)(l().spinnerCircle,"".concat(e,"SpinnerCircle")),style:{animationDuration:"".concat(o,"ms"),animationDelay:"".concat(g,"ms")}})});default:return null}})()})});p.propTypes={variant:o().oneOf(["text","circle","bar"]).isRequired,speed:o().number.isRequired,min:o().oneOfType([o().number,o().string]).isRequired,max:o().oneOfType([o().number,o().string]).isRequired,value:o().oneOfType([o().number,o().string]).isRequired,anchor:o().oneOf(["top","bottom","middle"]),prefix:o().string,

1suffix:o().string};let x=p}}]);