https://www.hellofresh.de/_next/static/chunks/43309-87df464ab15009d4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43309],{143309:function(e,t,n){let r,i;n.d(t,{v:function(){return G}});var o=n(827378),l=n(259498);let s=new WeakMap;function f({target:e,contentRect:t,borderBoxSize:n}){s.get(e)?.forEach(r=>{r({target:e,contentSize:t,get size(){return function(e,t){if(t){let{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}(e,n)}})})}function c(e){e.forEach(f)}let a=new Set;var u=n(792811),g=n(452670);let d=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),h=()=>({time:0,x:d(),y:d()}),p={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function m(e,t,n,r){let i=n[t],{length:o,position:l}=p[t],s=i.current,f=n.time;i.current=e[`scroll${l}`],i.scrollLength=e[`scroll${o}`]-e[`client${o}`],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=(0,u.Y)(0,i.scrollLength,i.current);let c=r-f;i.velocity=c>50?0:(0,g.R)(i.current-s,c)}let v={start:0,center:.5,end:1};function y(e,t,n=0){let r=0;if(e in v&&(e=v[e]),"string"==typeof e){let t=parseFloat(e);e.endsWith("px")?r=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?r=t/100*document.documentElement.clientWidth:e.endsWith("vh")?r=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(r=t*e),n+r}let w=[0,0],E=[[0,0],[1,1]];var W=n(940557),x=n(319192),L=n(553668);let B={x:0,y:0};var b=n(461518);let H=new WeakMap,z=new WeakMap,O=new WeakMap,S=e=>e===document.documentElement?window:e;function k(e,{container:t=document.documentElement,...n}={}){let o=O.get(t);o||(o=new Set,O.set(t,o));let f=function(e,t,n,r={}){return{measure:()=>(function(e,t=e,n){if(n.x.targetOffset=0,n.y.targetOffset=0,t!==e){let r=t;for(;r&&r!==e;)n.x.targetOffset+=r.offsetLeft,n.y.targetOffset+=r.offsetTop,r=r.offsetParent}n.x.targetLength=t===e?t.scrollWidth:t.clientWidth,n.y.targetLength=t===e?t.scrollHeight:t.clientHeight,n.x.containerLength=e.clientWidth,n.y.containerLength=e.clientHeight})(e,r.target,n),update:t=>{m(e,"x",n,t),m(e,"y",n,t),n.time=t,(r.offset||r.target)&&function(e,t,n){let{offset:r=E}=n,{target:i=e,axis:o="y"}=n,l="y"===o?"height":"width",s=i!==e?function(e,t){let n={x:0,y:0},r=e;for(;r&&r!==t;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if("svg"===r.tagName){let e=r.getBoundingClientRect(),t=(r=r.parentElement).getBoundingClientRect();n.x+=e.left-t.left,n.y+=e.top-t.top}else if(r instanceof SVGGraphicsElement){let{x:e,y:t}=r.getBBox();n.x+=e,n.y+=t;let i=null,o=r.parentNode;for(;!i;)"svg"===o.tagName&&(i=o),o=r.parentNode;r=i}else break;return n}(i,e):B,f=i===e?{width:e.scrollWidth,height:e.scrollHeight}:"getBBox"in i&&"svg"!==i.tagName?i.getBBox():{width:i.clientWidth,height:i.clientHeight},c={width:e.clientWidth,height:e.clientHeight};t[o].offset.length=0;let a=!t[o].interpolate,u=r.length;for(let e=0;e<u;e++){let n=function(e,t,n,r){let i=Array.isArray(e)?e:w,o=0;return"number"==typeof e?i=[e,e]:"string"==typeof e&&(i=(e=e.trim()).includes(" ")?e.split(" "):[e,v[e]?e:"0"]),y(i[0],n,r)-y(i[1],t)}(r[e],c[l],f[l],s[o]);a||n===t[o].interpolatorOffsets[e]||(a=!0),t[o].offset[e]=n}a&&(t[o].interpolate=(0,W.s)(t[o].offset,(0,x.Y)(r),{clamp:!1}),t[o].interpolatorOffsets=[...t[o].offset]),t[o].progress=(0,L.u)(0,1,t[o].interpolate(t[o].current))}(e,n,r)},notify:()=>t(n)}}(t,e,h(),n);if(o.add(f),!H.has(t)){let e=()=>{for(let e of o)e.measure()},n=()=>{for(let e of o)e.update(b.frameData.timestamp)},f=()=>{for(let e of o)e.notify()},u=()=>{b.Wi.read(e,!1,!0),b.Wi.read(n,!1,!0),b.Wi.preUpdate(f,!1,!0)};H.set(t,u);let g=S(t);window.addEventListener("resize",u,{passive:!0}),t!==document.documentElement&&z.set(t,"function"==typeof t?(a.add(t),i||(i=()=>{let e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};a.forEach(e=>e(t))},window.addEventListener("resize",i)),()=>{a.delete(t),!a.size&&i&&(i=void 0)}):function(e,t){r||"undefined"==typeof ResizeObserver||(r=new ResizeObserver(c));let n=(0,l.I)(e);

1return n.forEach(e=>{let n=s.get(e);n||(n=new Set,s.set(e,n)),n.add(t),r?.observe(e)}),()=>{n.forEach(e=>{let n=s.get(e);n?.delete(t),n?.size||r?.unobserve(e)})}}(t,u)),g.addEventListener("scroll",u,{passive:!0})}let u=H.get(t);return b.Wi.read(u,!1,!0),()=>{(0,b.Pn)(u);let e=O.get(t);if(!e||(e.delete(f),e.size))return;let n=H.get(t);H.delete(t),n&&(S(t).removeEventListener("scroll",n),z.get(t)?.(),window.removeEventListener("resize",n))}}var N=n(570440);let P=new Map;function X({source:e,container:t,...n}){let{axis:r}=n;e&&(t=e);let i=P.get(t)??new Map;P.set(t,i);let o=n.target??"self",l=i.get(o)??{},s=r+(n.offset??[]).join(",");return l[s]||(l[s]=!n.target&&(0,N.t)()?new ScrollTimeline({source:t,axis:r}):function(e){let t={value:0},n=k(n=>{t.value=100*n[e.axis].progress},e);return{currentTime:t,cancel:n}}({container:t,...n})),l[s]}function M(e,t){let n;let r=()=>{let{currentTime:r}=t,i=(null===r?0:r.value)/100;n!==i&&e(i),n=i};return b.Wi.preUpdate(r,!0),()=>(0,b.Pn)(r)}var T=n(168885),Y=n(551099),R=n(801027),C=n(155529);function $(e,t){(0,R.K)(!!(!t||t.current),`You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`)}let _=()=>({scrollX:(0,C.BX)(0),scrollY:(0,C.BX)(0),scrollXProgress:(0,C.BX)(0),scrollYProgress:(0,C.BX)(0)});function G({container:e,target:t,layoutEffect:n=!0,...r}={}){let i=(0,T.h)(_);return(n?Y.L:o.useEffect)(()=>($("target",t),$("container",e),function(e,{axis:t="y",container:n=document.documentElement,...r}={}){n===document.documentElement&&("y"===t&&n.scrollHeight===n.clientHeight||"x"===t&&n.scrollWidth===n.clientWidth)&&(n=document.body);let i={axis:t,container:n,...r};return"function"==typeof e?2===e.length?k(t=>{e(t[i.axis].progress,t)},i):M(e,X(i)):function(e,t){let n=X(t);return e.attachTimeline({timeline:t.target?void 0:n,observe:e=>(e.pause(),M(t=>{e.time=e.duration*t},n))})}(e,i)}((e,{x:t,y:n})=>{i.scrollX.set(t.current),i.scrollXProgress.set(t.progress),i.scrollY.set(n.current),i.scrollYProgress.set(n.progress)},{...r,container:e?.current||void 0,target:t?.current||void 0})),[e,t,JSON.stringify(r.offset)]),i}}}]);