"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8066],{1281:function(t,e,n){function o(t,e){var n;return"string"===typeof t?e?(null!==(n=e[t])&&void 0!==n||(e[t]=document.querySelectorAll(t)),t=e[t]):t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}n.d(e,{I:function(){return o}})},43693:function(t,e,n){n.d(e,{m:function(){return o}});const o=t=>"function"===typeof t},8066:function(t,e,n){n.d(e,{v:function(){return V}});var o=n(43112),r=n(1281);const i=new WeakMap;let s;function c({target:t,contentRect:e,borderBoxSize:n}){var o;null===(o=i.get(t))||void 0===o||o.forEach((o=>{o({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})}))}function l(t){t.forEach(c)}function f(t,e){s||"undefined"!==typeof ResizeObserver&&(s=new ResizeObserver(l));const n=(0,r.I)(t);return n.forEach((t=>{let n=i.get(t);n||(n=new Set,i.set(t,n)),n.add(e),null===s||void 0===s||s.observe(t)})),()=>{n.forEach((t=>{const n=i.get(t);null===n||void 0===n||n.delete(e),(null===n||void 0===n?void 0:n.size)||null===s||void 0===s||s.unobserve(t)}))}}const a=new Set;let u;function d(t){return a.add(t),u||(u=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};a.forEach((t=>t(e)))},window.addEventListener("resize",u)),()=>{a.delete(t),!a.size&&u&&(u=void 0)}}var g=n(43693);const h=(t,e,n)=>e-t===0?1:(n-t)/(e-t);const p={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function v(t,e,n,o){const r=n[e],{length:i,position:s}=p[e],c=r.current,l=n.time;r.current=t["scroll"+s],r.scrollLength=t["scroll"+i]-t["client"+i],r.offset.length=0,r.offset[0]=0,r.offset[1]=r.scrollLength,r.progress=h(0,r.scrollLength,r.current);const f=o-l;var a,u;r.velocity=f>50?0:(a=r.current-c,(u=f)?a*(1e3/u):0)}const m=t=>t,y=(t,e,n)=>-n*t+n*e+t;function w(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const r=h(0,e,o);t.push(y(n,1,r))}}function E(t){const e=[0];return w(e,t-1),e}const L=t=>"number"===typeof t;function x(t,e){return(t=>Array.isArray(t)&&!L(t[0]))(t)?t[((t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t})(0,t.length,e)]:t}function W(t,e=E(t.length),n=m){const o=t.length,r=o-e.length;return r>0&&w(e,r),r=>{let i=0;for(;i<o-2&&!(r<e[i+1]);i++);let s=(c=0,l=1,f=h(e[i],e[i+1],r),Math.min(Math.max(f,c),l));var c,l,f;return s=x(n,i)(s),y(t[i],t[i+1],s)}}const z={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},B=t=>"string"===typeof t,b={start:0,center:.5,end:1};function S(t,e,n=0){let o=0;if(void 0!==b[t]&&(t=b[t]),B(t)){const e=parseFloat(t);t.endsWith("px")?o=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?o=e/100*document.documentElement.clientWidth:t.endsWith("vh")?o=e/100*document.documentElement.clientHeight:t=e}return L(t)&&(o=e*t),n+o}const A=[0,0];function H(t,e,n,o){let r=Array.isArray(t)?t:A,i=0,s=0;return L(t)?r=[t,t]:B(t)&&(r=(t=t.trim()).includes(" ")?t.split(" "):[t,b[t]?t:"0"]),i=S(r[0],n,o),s=S(r[1],e),i-s}const O={x:0,y:0};function k(t,e,n){let{offset:o=z.All}=n;const{target:r=t,axis:i="y"}=n,s="y"===i?"height":"width",c=r!==t?function(t,e){let n={x:0,y:0},o=t;for(;o&&o!==e;)if(o instanceof HTMLElement)n.x+=o.offsetLeft,n.y+=o.offsetTop,o=o.offsetParent;else if(o instanceof SVGGraphicsElement&&"getBBox"in o){const{top:t,left:e}=o.getBBox();for(n.x+=e,n.y+=t;o&&"svg"!==o.tagName;)o=o.parentNode}return n}(r,t):O,l=r===t?{width:t.scrollWidth,height:t.scrollHeight}:{width:r.clientWidth,height:r.clientHeight},f={width:t.clientWidth,height:t.clientHeight};e[i].offset.length=0;let a=!e[i].interpolate;const u=o.length;for(let d=0;d<u;d++){const t=H(o[d],f[s],l[s],c[i]);a||t===e[i].interpolatorOffsets[d]||(a=!0),e[i].offset[d]=t}a&&(e[i].interpolate=W(E(u),e[i].offset),e[i].interpolatorOffsets=[...e[i].offset]),e[i].progress=e[i].interpolate(e[i].current)}function T(t,e,n,o={}){const r=o.axis||"y";return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let o=e;for(;o&&o!=t;)n.x.targetOffset+=o.offsetLeft,n.y.targetOffset+=o.offsetTop,o=o.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight}(t,o.target,n),update:e=>{!function(t,e,n){v(t,"x",e,n),v(t,"y",e,n),e.time=n}(t,n,e),(o.offset||o.target)&&k(t,n,o)},notify:(0,g.m)(e)?()=>e(n):M(e,n[r])}}function M(t,e){return t.pause(),t.forEachNative(((t,{easing:e})=>{var n,o;if(t.updateDuration)e||(t.easing=m),t.updateDuration(1);else{const r={duration:1e3};e||(r.easing="linear"),null===(o=null===(n=t.effect)||void 0===n?void 0:n.updateTiming)||void 0===o||o.call(n,r)}})),()=>{t.currentTime=e.progress}}const P=new WeakMap,N=new WeakMap,Y=new WeakMap,_=t=>t===document.documentElement?window:t;function X(t,e={}){var{container:n=document.documentElement}=e,r=(0,o._T)(e,["container"]);let i=Y.get(n);i||(i=new Set,Y.set(n,i));const s=T(n,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},r);if(i.add(s),!P.has(n)){const t=()=>{const t=performance.now();for(const e of i)e.measure();for(const e of i)e.update(t);for(const e of i)e.notify()};P.set(n,t);const e=_(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&N.set(n,(c=n,l=t,(0,g.m)(c)?d(c):f(c,l))),e.addEventListener("scroll",t,{passive:!0})}var c,l;const a=P.get(n),u=requestAnimationFrame(a);return()=>{var e;"function"!==typeof t&&t.stop(),cancelAnimationFrame(u);const o=Y.get(n);if(!o)return;if(o.delete(s),o.size)return;const r=P.get(n);P.delete(n),r&&(_(n).removeEventListener("scroll",r),null===(e=N.get(n))||void 0===e||e(),window.removeEventListener("resize",r))}}var q=n(67488),F=n(50525),G=n(52983),R=n(60694),C=n(23747);function D(t,e){(0,R.K)(Boolean(!e||e.current),`You have defined a ${t} 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.`)}const I=()=>({scrollX:(0,q.B)(0),scrollY:(0,q.B)(0),scrollXProgress:(0,q.B)(0),scrollYProgress:(0,q.B)(0)});function V({container:t,target:e,layoutEffect:n=!0,...o}={}){const r=(0,F.h)(I);return(n?C.L:G.useEffect)((()=>(D("target",e),D("container",t),X((({x:t,y:e})=>{r.scrollX.set(t.current),r.scrollXProgress.set(t.progress),r.scrollY.set(e.current),r.scrollYProgress.set(e.progress)}),{...o,container:(null===t||void 0===t?void 0:t.current)||void 0,target:(null===e||void 0===e?void 0:e.current)||void 0}))),[]),r}}}]);
//# sourceMappingURL=8066-4dfeb403edf17ff6.js.map