https://www.fiksuruoka.fi/_nuxt/CVb_EPks.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`2.11.7+657e330`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`1ae47da7-ea38-4256-98ea-bc299e9f83af`,e._sentryDebugIdIdentifier=`sentry-dbid-1ae47da7-ea38-4256-98ea-bc299e9f83af`)}catch{}})();import{o as e}from"./DoNBhGya.js";import{$t as t,F as n,H as r,K as i,M as a,S as o,at as s,b as c,bt as l,ct as u,d,en as f,kt as p,lt as m,m as h,u as g,z as _}from"./HL0HKj5T.js";import{d as v,f as y}from"./2PojuKd2.js";import{$ as b,Et as x,Q as S,_r as C,_t as w,hr as T,l as E,vi as D,yn as O}from"./C4U_DtIU.js";import{t as k}from"./BcIMqsn3.js";import{t as A}from"./3Js3oMJV.js";import{t as j}from"./DdKRQAlW.js";import{t as M}from"./BAIHHcIv.js";import{n as N,t as P}from"./BHAFj1K8.js";var F=Object.assign(j(o({__name:`Icon`,props:{activeIcon:{},activeStepUuid:{}},setup(t,{expose:i}){let o=t,{$anime:s}=e(),u=l(),d=l(o.activeIcon),f=l(o.activeStepUuid),m=l(null),g=()=>{m.value=s.createTimeline({defaults:{ease:k(.3,0,.8,.15)},autoplay:!1}),m.value.add(u.value,{opacity:[1,0],duration:200,onComplete:()=>{d.value=o.activeIcon,f.value=o.activeStepUuid}}),m.value.add(u.value,{opacity:[0,1],duration:250})};return _(async()=>{await a(),g()}),n(()=>{m.value&&E(u.value)&&s.remove(u.value)}),i({changeIcon:()=>{d.value!==o.activeIcon&&m.value&&m.value.restart()}}),(e,t)=>{let n=A;return r(),h(`div`,{ref_key:`root`,ref:u,class:`icon-container`},[c(n,{icon:p(d),class:`icon-container__icon`},null,8,[`icon`])],512)}}}),[[`__scopeId`,`data-v-7f7c2c1f`]]),{__name:`FiksuruokaOrderIncentivesIcon`}),I=[`width`,`height`,`viewBox`],L=[`cx`,`cy`,`r`,`stroke`],R=[`cx`,`cy`,`r`,`stroke`,`stroke-dasharray`,`stroke-dashoffset`],z=o({__name:`Radial`,props:{diameter:{default:200},strokeWidth:{default:3},unFillColor:{default:N(P.Colors,`$forest-green-20`)},fillColor:{default:N(P.Colors,`$forest-green-80`)},timingFunction:{default:k(.05,0,0,.7)},animationSpeed:{default:1e3},progress:{default:0},isShown:{type:Boolean,default:!0},isAchieved:{type:Boolean,default:!1},showProgressCircle:{type:Boolean,default:!1}},emits:[`animation-begin`,`animation-end`,`change-step-content`],setup(n,{emit:o}){let c=n,u=o,{$anime:f}=e(),m=l(null),v=l(null),y=l(null),b=l(!1),x=g(()=>!c.showProgressCircle&&!b.value),S=g(()=>c.showProgressCircle&&b.value),C=g(()=>c.diameter/2*.85),w=g(()=>2*Math.PI*C.value),T=g(()=>c.diameter-c.strokeWidth*2),E=g(()=>({height:`${c.diameter}px`,width:`${c.diameter}px`})),D=g(()=>({width:`${T.value}px`})),O=g(()=>({height:`${c.diameter}px`,width:`${c.diameter}px`,strokeWidth:`${c.strokeWidth}px`})),k=g(()=>({transform:`rotate(-90deg)`,transformOrigin:`center`,strokeWidth:`${c.strokeWidth}px`})),A=e=>{let t=((e-1)%100+1)/100;return w.value*(1-t)},j=()=>{!y.value||y.value.began||y.value.play()},M=()=>{y.value&&=(f.remove(v.value),null)},N=(e,t)=>{if(e===t)return 0;let n=Math.floor(e/100),r=Math.floor(t/100),i=Math.abs(r-n);return(t%100==0&&t>e||e%100==0&&t<e)&&--i,+(i>=1)},P=()=>{u(`animation-begin`)},F=()=>{u(`animation-end`),y.value=null},z=()=>{u(`change-step-content`)},B=e=>{y.value.add([v.value,m.value],{opacity:[1,0],duration:200,onBegin:()=>{e?.changeBegin&&e.changeBegin()},onComplete:()=>{b.value=!0,e?.changeComplete&&e.changeComplete()}})},V=e=>{y.value.add([v.value,m.value],{opacity:[0,1],duration:250,onBegin:()=>{b.value=!1,e?.changeBegin&&e.changeBegin()},onComplete:()=>{e?.changeComplete&&e.changeComplete()}})},H=({startValue:e,endValue:t,rotation:n,duration:r=c.animationSpeed,changeComplete:i,changeBegin:a})=>{if(!y.value)return;let o=t>e,s=e,l=t;e%100==0&&(s=o?0:100),t%100==0&&(l=o?100:0);let u=A(s),d=A(l);y.value.add(v.value,{strokeDashoffset:[u,d],...n?{rotate:n}:{},duration:r,...a?{onBegin:a}:{},...i?{onComplete:i}:{}})},U=({newProgress:e,oldProgress:t,countOfStepsChanged:n,durations:r})=>{if(!y.value)return;let i=e>t,a=0;if(i&&!b.value?(H({startValue:t%100,endValue:100,duration:r[0],changeComplete:()=>{setTimeout(z,100)}}),a=100):b.value||H({startValue:t%100,endValue:0,duration:r[0],changeComplete:()=>{setTimeout(z,100)}}),x.value){B({changeBegin:()=>{i&&setTimeout(z,100)}});return}S.value&&V({changeBegin:()=>{setTimeout(z,100)}});let o=r.slice(1);for(let t=0;t<n;t+=1){let r=t===n-1;r&&(a=e%100),i?(H({startValue:100,endValue:0,rotation:[-90,270],duration:r&&o[t-1]||o[t],changeComplete:()=>{f.set(v.value,{rotate:-90,strokeDashoffset:A(0)})}}),H({startValue:0,endValue:a,duration:o[t]})):H({startValue:100,endValue:a,duration:o[t]})}},W=(e,t,n=0)=>{let r=c.animationSpeed,i=[],a=e>t,o=a?100-t%100:t%100;if(n>0){i.push(o);for(let e=1;e<n;e+=1)i.push(50);let t=a?e%100:100-e%100;i.push(t)}return i.map(e=>e/100*r)},G=(e,t)=>{if(!v.value||e===t)return;if(!c.showProgressCircle&&b.value){setTimeout(z,500);return}M();let n=N(t,e),r=W(e,t);if(y.value=f.createTimeline({autoplay:!1,defaults:{delay:500,ease:c.timingFunction},onBegin:P,onComplete:F}),n<=0){let n=e>t;H({startValue:t,endValue:e,duration:r[0],changeBegin:()=>{n||z()}}),e%100==0&&(H({startValue:100,endValue:0,rotation:[-90,270],duration:r[1],changeComplete:()=>{n&&setTimeout(z,100)}}),x.value&&B({}))}else U({newProgress:e,oldProgress:t,countOfStepsChanged:n,durations:r})};return s(()=>c.progress,(e,t=0)=>{c.isShown&&(G(e,t),j())}),s(()=>c.isShown,e=>{e&&j()}),_(async()=>{await a(),G(c.progress,0),c.isShown&&j()}),(e,a)=>(r(),h(`div`,{class:`radial-progress-container`,style:t(p(E))},[d(`div`,{class:`radial-progress-inner`,style:t(p(D))},[i(e.$slots,`default`,{},void 0,!0)],4),(r(),h(`svg`,{width:n.diameter,height:n.diameter,viewBox:`0 0 ${n.diameter} ${n.diameter}`},[d(`circle`,{ref_key:`baseCircle`,ref:m,cx:n.diameter/2,cy:n.diameter/2,r:p(C),stroke:n.unFillColor,"stroke-width":`3`,fill:`transparent`,style:t(p(O))},null,12,L),d(`circle`,{ref_key:`progressCircle`,ref:v,cx:n.diameter/2,cy:n.diameter/2,r:p(C),stroke:n.fillColor,"stroke-width":`3`,fill:`transparent`,"stroke-dasharray":p(w),"stroke-dashoffset":A(n.progress),style:t(p(k))},null,12,R)],8,I))],4))}}),B=Object.assign(j(z,[[`__scopeId`,`data-v-ff2ebf8a`]]),{__name:`FiksuruokaOrderIncentivesProgressBarRadial`}),V={class:`text-container__heading`},H=Object.assign(j(o({__name:`Step`,props:{activeStep:{},productsTotal:{}},setup(t,{expose:i}){let o=t,{$anime:c}=e(),{formatMoney:u}=M(),y=l(),b=l(o.activeStep?.uuid||``),x=l(``),S=l(``),C=l(),w=g(()=>{if(!o.activeStep?.target)return null;if(o.activeStep?.uuid===b.value){let e=o.activeStep.target-o.productsTotal;if(e>0)return u(e)}return null}),T=e=>{if(!o.activeStep||!b.value)return;let{title:t}=o.activeStep;if(t){if(O(e)){x.value=t.replace(`{target}`,``);return}x.value=t.replace(`{target}`,e)}},D=()=>{let{description:e,target:t}=o.activeStep||{};!O(t)&&e?.includes(`{target}`)&&(e=e?.replace(`{target}`,u(t))),S.value=e||``},A=()=>{C.value=c.createTimeline({defaults:{ease:k(.3,0,.8,.15)},autoplay:!1}),C.value.add(y.value,{opacity:[1,0],duration:200,onComplete:()=>{T(w.value),D(),b.value=o.activeStep?.uuid||``}}),C.value.add(y.value,{opacity:[0,1],duration:250})};return s(w,e=>{b.value===o.activeStep?.uuid&&T(e)},{immediate:!0}),D(),_(async()=>{await a(),A()}),n(()=>{C.value&&E(y.value)&&c.remove(y.value)}),i({changeContent:()=>{b.value!==o.activeStep?.uuid&&C.value&&C.value.restart()}}),(e,t)=>(r(),h(`div`,{ref_key:`root`,ref:y,class:`text-container`},[d(`div`,V,f(p(x)),1),m(d(`div`,{class:`text-container__description`},f(p(S)),513),[[v,p(S)]])],512))}}),[[`__scopeId`,`data-v-4b39b5be`]]),{__name:`FiksuruokaOrderIncentivesStep`}),U=Object.assign(j(o({__name:`Calculator`,props:{whiteBackgroun

1d:{type:Boolean,default:!1},isShown:{type:Boolean,default:!0}},emits:[`animation-begin`,`animation-end`,`updated`],setup(e,{emit:t}){let n=e,i=t,a=S(),o=w(),d=T(),f=x(),{open:m}=a,{getProductsTotal:_}=D(o),{openModal:v}=d,{getCalculatorSteps:E}=D(f),{isMobile:O}=b(),k=l(0),A=l(null),j=l(null),M=g(()=>n.whiteBackground?N(P.Colors,`$forest-green-20`):N(P.Colors,`$spring-green-20`)),I=g(()=>n.whiteBackground?N(P.Colors,`$forest-green-80`):N(P.Colors,`$forest-green-100`)),L=g(()=>E.value.filter(e=>e.achieved).length),R=g(()=>E.value.find(e=>!e.achieved)||E.value[(E.value?.length||0)-1]||null),z=g(()=>!!R.value?.progress),V=g(()=>{let e=z.value?`20`:`24`,t=R.value?.icon;return t?`${t}-${e}`:``}),U=g(()=>{let e=R.value?.target||0;if(!_.value)return 0;let t=_.value/e*100;return Math.max(0,Math.min(t,100))+L.value*100});s(_,(e,t)=>{if(e<=0||e<t)return;let{target:n}=R.value||{target:0};n<=t||i(`updated`)}),s(U,e=>{n.isShown&&(k.value=e)},{immediate:!0}),s(()=>n.isShown,e=>{e&&(k.value=U.value)},{immediate:!0});let W=()=>{A.value?.changeIcon(),j.value?.changeContent()},G=()=>{O?m({type:C.OrderIncentives}):v({type:C.OrderIncentives,transition:`slide-from-bottom`})};return(t,n)=>{let a=F,o=B;return r(),h(`div`,{class:`order-incentive`,tabindex:`0`,role:`button`,onClick:G,onKeyup:y(G,[`enter`])},[c(o,{diameter:40,"stroke-width":3,progress:p(k),"fill-color":p(I),"un-fill-color":p(M),"is-shown":e.isShown,"show-progress-circle":p(z),"animation-speed":800,onAnimationBegin:n[0]||=e=>i(`animation-begin`),onAnimationEnd:n[1]||=e=>i(`animation-end`),onChangeStepContent:W},{default:u(()=>[c(a,{ref_key:`iconRef`,ref:A,"active-icon":p(V),"active-step-uuid":p(R)?.uuid||null},null,8,[`active-icon`,`active-step-uuid`])]),_:1},8,[`progress`,`fill-color`,`un-fill-color`,`is-shown`,`show-progress-circle`]),c(p(H),{ref_key:`content`,ref:j,"active-step":p(R),"products-total":p(_)},null,8,[`active-step`,`products-total`])],32)}}}),[[`__scopeId`,`data-v-51c43c83`]]),{__name:`FiksuruokaOrderIncentivesCalculator`});export{U as t};