https://www.chupachups.bg/_next/static/chunks/7515.89da84fd5eda1cf1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7515,7663],{17515:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var n=r(95155),i=r(12115),s=r(28461),o=r.n(s),c=r(45911),u=r(68966),l=r(73131),a=r(97663),d=r(74701),h=r.n(d),f=r(81543);let w=i.memo(e=>{let t=(0,i.useRef)(null),r=(0,i.useRef)(null),s=(0,i.useRef)(null),d=(0,i.useRef)(0),w=(0,i.useRef)([]),g=(0,i.useRef)(0),y=(0,i.useRef)(null),m=(0,i.useRef)({x:0,y:0,rotation:0}),p=(0,i.useRef)(0),v=(0,i.useRef)(null),x=(0,i.useRef)(null),_=(0,i.useRef)(null),k=(0,i.useRef)(0),E=(0,i.useRef)(!1),b={blue:["#81E2FF","#67DAFD","#9BE8FF","#44D4FF"],green:["#91dda1","#dbffe3","#b8fdc7","#dbffe3"],pink:["#fa8eae","#f64b98","#ff60a7","#ffbdd1"]}[e.theme??"blue"],{viewportWidth:S,viewportHeight:A}=function(){let e=(0,i.useRef)(null);function t(){let{body:e}=document,t=document.documentElement;return{viewportWidth:Math.min(window.innerWidth??0),viewportHeight:Math.min(window.innerHeight??0),documentWidth:Math.max(e.scrollWidth,e.offsetWidth,t.clientWidth,t.scrollWidth,t.offsetWidth),documentHeight:Math.max(e.scrollHeight,e.offsetHeight,t.clientHeight,t.scrollHeight,t.offsetHeight)}}let[r,n]=(0,i.useState)(t);return(0,i.useEffect)(()=>{return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)};function r(){(0,u.a4)(e.current)||(e.current=window.setTimeout(()=>{e.current=null,n(t())},250))}},[]),r}(),H=c.Ay.utils.random(0,b.length-1,1,!0),M=c.Ay.utils.random(10,40,1,!0),W=i.useCallback(e=>{w.current=[],w.current=[o().Bodies.rectangle(window.innerWidth/2,0,window.innerWidth,10,{isStatic:!0,render:{fillStyle:"p",strokeStyle:"transparant"}}),o().Bodies.rectangle(window.innerWidth/2,window.innerHeight+450,window.innerWidth,900,{isStatic:!0,restitution:1e3,density:100,render:{fillStyle:"transparent",strokeStyle:"transparant"}}),o().Bodies.rectangle(-450,window.innerHeight/2,900,window.innerHeight,{isStatic:!0,render:{fillStyle:"transparant",strokeStyle:"transparant",lineWidth:0}}),o().Bodies.rectangle(window.innerWidth+20,window.innerHeight/2,50,window.innerHeight,{isStatic:!0,render:{fillStyle:"transparent",strokeStyle:"transparant",lineWidth:0}})],o().Composite.add(e,w.current)},[]),R=i.useCallback(()=>{(m.current.y!==Math.round(y.current.position.y)||m.current.x!==Math.round(y.current.position.x)||m.current.rotation!==Math.round(y.current.angle))&&(c.Ay.set(s.current,{y:y.current.position.y,x:y.current.position.x}),m.current={y:Math.round(y.current.position.y),x:Math.round(y.current.position.x),rotation:Math.round(y.current.angle)})},[]),P=i.useCallback(e=>{let t=e.x,r=e.y,n=(0,u.a4)(y.current)?o().Query.point([y.current],{x:t,y:r}):[];if(e.target instanceof Element){let t=e.target.closest(f.N);if((0,u.a4)(t))return}if((0,u.a4)(n[0])||d.current>=54)return;let i=b[H()],s=o().Bodies.circle(t,r,M(),{render:{fillStyle:i}});s.restitution=.1,s.frictionAir=.001,(0,u.a4)(_.current)&&o().Composite.add(_.current,[s]),o().Body.applyForce(s,{x:s.position.x,y:s.position.y},{x:.03,y:.03}),d.current++},[b,H,M]),C=i.useCallback(()=>{if(null===w.current||!(0,u.a4)(w.current[1])||null===v.current)return;let e=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight);o().Body.setPosition(w.current[1],{x:window.innerWidth/2,y:e-window.pageYOffset-p.current+450}),(0,u.iA)(g.current,window.pageYOffset)>.8?E.current||(c.Ay.set(v.current.gravity,{y:2,overwrite:!0}),E.current=!0):E.current&&(c.Ay.to(v.current.gravity,{y:-1,duration:.4}),c.Ay.to(v.current.gravity,{y:0,duration:1,delay:1}),o().Body.setPosition(w.current[1],{x:window.innerWidth/2,y:window.innerHeight+450}),E.current=!1)},[]);return i.useEffect(()=>{c.Ay.registerPlugin(l.ScrollTrigger)},[]),(0,i.useEffect)(()=>{if(null==x.current||!(0,u.a4)(w.current))return;let e=document.querySelector(".js-footer")?.getBoundingClientRect()??null;p.current=null!=e?e?.height+33:0;let t=Math.min(window.devicePixelRatio,2);x.current.bounds.max.x=window.innerWidth,x.current.bounds.max.y=window.innerHeight,x.current.options.width=window.innerWidth,x.current.options.height=window.innerHeight,x.current.canvas.width=window.innerWidth*t,x.current.canvas.height=window.innerHeight*t,x.current.canvas.style.width=`${window.innerWidth}px`,x.current.canvas.style.height=`${window.innerHeight}px`,o().Body.setPosition(w.current[3],{x:S+20,y:window.innerHeight/2}),o().Body.scale(w.current[1],S/k.current,1),o().Body.scale(w.current[0],S/k.current,1),o().Body.setPosition(w.current[0],{x:window.innerWidth/2,y:0}),k.current=S,g.current=document.documentElement.scrollHeight-document.documentElement.clientHeight,C()},[S,C,A]),(0,i.useEffect)(()=>{let e=document.querySelector(".js-footer")?.getBoundingClientRect()??null;p.current=Number(e?.height)+33,k.current=S,g.current=document.documentElement.scrollHeight-document.documentElement.clientHeight,(0,u.a4)(r.current)&&(r.current.width=(0,u.a4)(window.innerWidth)?window.innerWidth:0),(0,u.a4)(r.current)&&(r.current.height=(0,u.a4)(window.innerHeight)?window.innerHeight:0);let n=o().Render,i=o().Runner,s=o().MouseConstraint,l=o().Mouse,a=o().Bodies;if(v.current=o().Engine.create(),_.current=v.current.world,v.current.gravity.y=0,!(0,u.a4)(t.current)||!(0,u.a4)(r.current))return;x.current=n.create({element:t.current,canvas:r.current,engine:v.current,options:{pixelRatio:Math.min(window.devicePixelRatio,2),width:window.innerWidth,height:window.innerHeight,showAngleIndicator:!1,wireframes:!1,background:"transparent",wireframeBackgroun

1d:"transparent"}}),n.run(x.current);let h=i.create();i.run(h,v.current),y.current=a.circle(100,320,50,{density:1.4,frictionAir:.01,restitution:.4,friction:.001,render:{fillStyle:"transparent",sprite:{texture:"/decorations/mentos/candy/texture.png",xScale:1,yScale:1}}}),o().Composite.add(_.current,[y.current]),W(_.current);let f=l.create(x.current.canvas),m=s.create(v.current,{mouse:f,constraint:{stiffness:.1,render:{visible:!1}}});return o().Composite.add(_.current,m),window.addEventListener("click",P),x.current.mouse=f,m.mouse.element.removeEventListener("mousewheel",m.mouse.sourceEvents.mousewheel),m.mouse.element.removeEventListener("DOMMouseScroll",m.mouse.mousewheel),window.addEventListener("scroll",C),c.Ay.ticker.add(R),()=>{window.removeEventListener("click",P),o().Mouse.clearSourceEvents(m.mouse),window.removeEventListener("scroll",C),c.Ay.ticker.remove(R),(0,u.a4)(x.current)&&(n.stop(x.current),null!=v.current&&(o().World.clear(v.current.world,!1),o().Engine.clear(v.current),i.stop(h),x.current.canvas.remove(),x.current.textures={},x.current.canvas=null,x.current.context=null,y.current=null,w.current=[],d.current=0,x.current=null,v.current=null,_.current=null))}},[W,P,C,R,S]),(0,n.jsxs)("div",{ref:t,children:[(0,n.jsx)("div",{className:h().scrollIndicatorWrapper,children:(0,n.jsx)("div",{className:h().scrollIndicatorPositioner,ref:s,children:(0,n.jsx)(a.default,{})})}),(0,n.jsx)("canvas",{className:`${h().canvas} allowClick`,ref:r})]})})},20379:e=>{e.exports={scrollIndicator:"styles_scrollIndicator__udamT",svg:"styles_svg__yIhTY",svgCircle:"styles_svgCircle__7CdMi",text:"styles_text__rrRe7",standAllone:"styles_standAllone__r4Rgl"}},74701:e=>{e.exports={canvas:"styles_canvas__X85cF",scrollIndicatorWrapper:"styles_scrollIndicatorWrapper__vk7lW",scrollIndicatorPositioner:"styles_scrollIndicatorPositioner__3p_wu"}},97663:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>T});var n,i,s,o,c,u,l,a,d=r(95155),h=r(12115),f=r(45911),w=r(68966),g=function(){return!0},y=function(){return n||g()&&(n=window.gsap)&&n.registerPlugin&&n},m=/[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi,p={rect:["width","height"],circle:["r","r"],ellipse:["rx","ry"],line:["x2","y2"]},v=function(e){return Math.round(1e4*e)/1e4},x=function(e){return parseFloat(e)||0},_=function(e,t){var r=x(e);return~e.indexOf("%")?r/100*t:r},k=function(e,t){return x(e.getAttribute(t))},E=Math.sqrt,b=function(e,t,r,n,i,s){return E(Math.pow((x(r)-x(e))*i,2)+Math.pow((x(n)-x(t))*s,2))},S=function(e){return console.warn(e)},A=function(e){return"non-scaling-stroke"===e.getAttribute("vector-effect")},H=function(e,t,r){var n,i,s=e.indexOf(" ");return s<0?(n=void 0!==r?r+"":e,i=e):(n=e.substr(0,s),i=e.substr(s+1)),(n=_(n,t))>(i=_(i,t))?[i,n]:[n,i]},M=function(e){if(!(e=i(e)[0]))return 0;var t,r,n,s,o,c,l,a=e.tagName.toLowerCase(),d=e.style,h=1,f=1;A(e)&&(h=E((f=e.getScreenCTM()).a*f.a+f.b*f.b),f=E(f.d*f.d+f.c*f.c));try{r=e.getBBox()}catch(e){S("Some browsers won't measure invisible elements (like display:none or masks inside defs).")}var w=r||{x:0,y:0,width:0,height:0},g=w.x,y=w.y,x=w.width,_=w.height;if(r&&(x||_)||!p[a]||(x=k(e,p[a][0]),_=k(e,p[a][1]),"rect"!==a&&"line"!==a&&(x*=2,_*=2),"line"===a&&(g=k(e,"x1"),y=k(e,"y1"),x=Math.abs(x-g),_=Math.abs(_-y))),"path"===a)s=d.strokeDasharray,d.strokeDasharray="none",t=e.getTotalLength()||0,v(h)!==v(f)&&!u&&(u=1)&&S("Warning: <path> length cannot be measured when vector-effect is non-scaling-stroke and the element isn't proportionally scaled."),t*=(h+f)/2,d.strokeDasharray=s;else if("rect"===a)t=2*x*h+2*_*f;else if("line"===a)t=b(g,y,g+x,y+_,h,f);else if("polyline"===a||"polygon"===a)for(n=e.getAttribute("points").match(m)||[],"polygon"===a&&n.push(n[0],n[1]),t=0,o=2;o<n.length;o+=2)t+=b(n[o-2],n[o-1],n[o],n[o+1],h,f)||0;else("circle"===a||"ellipse"===a)&&(t=Math.PI*(3*((c=x/2*h)+(l=_/2*f))-E((3*c+l)*(c+3*l))));return t||0},W=function(e,t){if(!(e=i(e)[0]))return[0,0];t||(t=M(e)+1);var r=s.getComputedStyle(e),n=r.strokeDasharray||"",o=x(r.strokeDashoffset),c=n.indexOf(",");return c<0&&(c=n.indexOf(" ")),(n=c<0?t:x(n.substr(0,c)))>t&&(n=t),[-o||0,n-o||0]},R=function(){g()&&(document,s=window,c=n=y(),i=n.utils.toArray,l=n.core.getStyleSaver,a=n.core.reverting||function(){},o=-1!==((s.navigator||{}).userAgent||"").indexOf("Edge"))},P={version:"3.12.5",name:"drawSVG",register:function(e){n=e,R()},init:function(e,t,r,n,i){if(!e.getBBox)return!1;c||R();var u,a,d,h=M(e);return this.styles=l&&l(e,"strokeDashoffset,strokeDasharray,strokeMiterlimit"),this.tween=r,this._style=e.style,this._target=e,t+""=="true"?t="0 100%":t?-1===(t+"").indexOf(" ")&&(t="0 "+t):t="0 0",u=W(e,h),a=H(t,h,u[0]),this._length=v(h),this._dash=v(u[1]-u[0]),this._offset=v(-u[0]),this._dashPT=this.add(this,"_dash",this._dash,v(a[1]-a[0]),0,0,0,0,0,1),this._offsetPT=this.add(this,"_offset",this._offset,v(-a[0]),0,0,0,0,0,1),o&&(d=s.getComputedStyle(e)).strokeLinecap!==d.strokeLinejoin&&(a=x(d.strokeMiterlimit),this.add(e.style,"strokeMiterlimit",a,a+.01)),this._live=A(e)||~(t+"").indexOf("live"),this._nowrap=~(t+"").indexOf("nowrap"),this._props.push("drawSVG"),1},render:function(e,t){if(t.tween._time||!a()){var r,n,i,s,o=t._pt,c=t._style;if(o){for(t._live&&(r=M(t._target))!==t._length&&(n=r/t._length,t._length=r,t._offsetPT&&(t._offsetPT.s*=n,t._offsetPT.c*=n),t._dashPT?(t._dashPT.s*=n,t._dashPT.c*=n):t._dash*=n);o;)o.r(e,o.d),o=o._next;i=t._dash||e&&1!==e&&1e-4||0,r=t._length-i+.1,s=t._offset,i&&s&&i+Math.abs(s%t._length)>t._length-.2&&(s+=s<0?.1:-.1)&&(r+=.1),c.strokeDashoffset=i?s:s+.001,c.strokeDasharray=r<.2?"none":i?i+"px,"+(t._nowrap?999999:r)+"px":"0px, 999999px"}}else t.styles.revert()},getLength:M,getPosition:W};y()&&n.registerPlugin(P);var C=r(29722),B=r(20379),L=r.n(B);let T=e=>{let t=(0,h.useRef)(null),r=(0,h.useRef)(0),n=(0,h.useRef)(!0),i=(0,h.useRef)(null),s=(0,h.useRef)(0),[o,c]=(0,h.useState)(!0),[u,l]=(0,h.useState)(0),a=()=>{n.current=!0;let e=window.scrollY,t=(0,w.iA)(s.current,e);l(Math.round(100*t)),t>.8?c(!1):c(!0)},g=()=>{s.current=document.documentElement.scrollHeight-document.documentElement.clientHeight};return h.useEffect(()=>{f.Ay.registerPlugin(P)},[]),(0,h.useEffect)(()=>{let e=()=>{let e;n.current&&(e=(0,w.Cc)(r.current,(0,w.iA)(s.current,window.scrollY),.15),null!=i.current&&(i.current.progress(e),r.current===e&&(n.current=!1),r.current=e))};g();let o=f.Ay.utils.selector(t);return null!=i.current&&i.current.kill(),i.current=f.Ay.timeline({repeat:-1,paused:!0}),f.Ay.set(o("circle"),{drawSVG:"100%"}),i.current.from(o("circle"),{duration:1,stagger:.08,drawSVG:"0%"}),window.addEventListener("scroll",a),window.addEventListener("resize",g),f.Ay.ticker.add(e),()=>{f.Ay.ticker.remove(e),window.removeEventListener("resize",g),window.removeEventListener("scroll",a),null!=i.current&&i.current.kill()}},[]),(0,h.useEffect)(()=>

1{null!=t.current&&(o?f.Ay.to(t.current,{scale:1,opacity:1,duration:.5}):f.Ay.to(t.current,{scale:0,opacity:0,duration:.3,ease:"Power.4.inOut"}))},[o]),(0,d.jsxs)("div",{className:(0,C.A)(L().scrollIndicator,{[L().standAllone]:e.isStandAlone}),ref:t,children:[(0,d.jsx)("svg",{className:L().svg,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1000 1000",children:(0,d.jsx)("circle",{className:L().svgCircle,r:"420",fill:"none",cx:"50%",cy:"50%",stroke:"white",strokeWidth:"20"})}),(0,d.jsxs)("div",{className:L().text,children:[u,"%"]})]})}}}]);