https://framebird.io/_next/static/chunks/4399-543c5511b584df96.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4399],{84399:(e,t,r)=>{r.d(t,{L:()=>Q});var n=r(39364),l=r(76137),i=r(75550),o=r(29090),s=r(14346),f=r(80159),a=r(94253);function c(e){return!("u"<typeof window)&&(e?(0,i.d)():(0,i.J)())}var u=r(77303),g=r(86438),d=r(71831);let h=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),p=()=>({time:0,x:h(),y:h()}),m={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};var v=r(82826);let y={start:0,center:.5,end:1};function w(e,t,r=0){let n=0;if(e in y&&(e=y[e]),"string"==typeof e){let t=parseFloat(e);e.endsWith("px")?n=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?n=t/100*document.documentElement.clientWidth:e.endsWith("vh")?n=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(n=t*e),r+n}let L=[0,0],E=[[0,0],[1,1]];var x=r(80853);let W=new WeakMap,k=new WeakMap,b=new WeakMap,G=new WeakMap,O=e=>e===document.scrollingElement?window:e;function B(e,{container:t=document.scrollingElement,trackContentSize:r=!1,...n}={}){if(!t)return f.l;let l=b.get(t);l||(l=new Set,b.set(t,l));let i=function(e,t,r,n={}){let{target:l}=n,i=l||n.offset;return{measure:t=>{if(i){for(let e in r.time=t.time,m){let{offset:n}=r[e];Object.assign(r[e],t[e]),r[e].offset=n}if(l&&l!==e){let t=function(e,t){let r={x:0,y:0},n=e;for(;n&&n!==t;)if((0,x.s)(n))r.x+=n.offsetLeft,r.y+=n.offsetTop,n=n.offsetParent;else if("svg"===n.tagName){let e=n.getBoundingClientRect(),t=(n=n.parentElement).getBoundingClientRect();r.x+=e.left-t.left,r.y+=e.top-t.top}else if(n instanceof SVGGraphicsElement){let{x:e,y:t}=n.getBBox();r.x+=e,r.y+=t;let l=null,i=n.parentNode;for(;!l;)"svg"===i.tagName&&(l=i),i=n.parentNode;n=l}else break;return r}(l,e),n="getBBox"in l&&"svg"!==l.tagName?l.getBBox():{width:l.clientWidth,height:l.clientHeight};r.x.targetOffset=t.x,r.y.targetOffset=t.y,r.x.targetLength=n.width,r.y.targetLength=n.height}!function(e,t){let{offset:r=E,axis:n="y"}=t,l=e[n];l.offset.length=0;let i=r.length;for(let e=0;e<i;e++)l.offset[e]=function(e,t,r,n){let l=Array.isArray(e)?e:L,i=0;return"number"==typeof e?l=[e,e]:"string"==typeof e&&(l=(e=e.trim()).includes(" ")?e.split(" "):[e,y[e]?e:"0"]),(i=w(l[0],r,n))-w(l[1],t)}(r[e],l.containerLength,l.targetLength,l.targetOffset);l.progress=(0,v.q)(0,1,function(e,t){let r=e.length-1;if(r<1)return 0;let n=e[0]>e[r],l=t=>e[n?r-t:t];if(e[0]===e[1]&&t<l(0))return+!!n;let i=0;for(;i<r-1&&t>=l(i+1);)i++;let o=(i+(0,g.q)(l(i),l(i+1),t))/r;return n?1-o:o}(l.offset,l.current))}(r,n)}},notify:e=>t(i?r:e)}}(t,e,p(),n);if(l.add(i),!W.has(t)){let e=p(),r=()=>{var r=a.uv.timestamp;for(let n in m)!function(e,t,r,n){let l=r[t],{length:i,position:o}=m[t],s=l.current,f=r.time;l.current=Math.abs(e[`scroll${o}`]),l.containerLength=e[`client${i}`],l.targetLength=e[`scroll${i}`],l.scrollLength=l.targetLength-l.containerLength,l.offset.length=0,l.offset[0]=0,l.offset[1]=l.scrollLength,l.progress=(0,g.q)(0,l.scrollLength,l.current);let a=n-f;l.velocity=a>50?0:(0,d.f)(l.current-s,a)}(t,n,e,r);for(let t of(e.time=r,l))t.measure(e);a.Gt.preUpdate(n)},n=()=>{for(let t of l)t.notify(e)},i=()=>a.Gt.read(r);W.set(t,i);let o=O(t);window.addEventListener("resize",i),t!==document.documentElement&&k.set(t,(0,u.X)(t,i)),o.addEventListener("scroll",i),i()}if(r&&!G.has(t)){let e=W.get(t),r={width:t.scrollWidth,height:t.scrollHeight},n=a.Gt.read(()=>{let n=t.scrollWidth,l=t.scrollHeight;(r.width!==n||r.height!==l)&&(e(),r.width=n,r.height=l)},!0);G.set(t,n)}let o=W.get(t);return a.Gt.read(o,!1,!0),()=>{(0,a.WG)(o);let e=b.get(t);if(!e||(e.delete(i),e.size))return;b.delete(t);let r=W.get(t);W.delete(t),r&&(O(t).removeEventListener("scroll",r),k.get(t)?.(),window.removeEventListener("resize",r));let n=G.get(t);n&&((0,a.WG)(n),G.delete(t))}}let M=[[[[0,1],[1,1]],"entry"],[[[0,0],[1,0]],"exit"],[[[1,0],[0,1]],"cover"],[E,"contain"]],N={start:0,end:1};function S(e){if(!e)return{rangeStart:"contain 0%",rangeEnd:"contain 100%"};for(let[t,r]of M)if(function(e,t){let r=function(e){if(2!==e.length)return;let t=[];for(let r of e)if(Array.isArray(r))t.push(r);else{if("string"!=typeof r)return;let e=function(e){let t=e.trim().split(/\s+/);if(2!==t.length)return;let r=N[t[0]],n=N[t[1]];if(void 0!==r&&void 0!==n)return[r,n]}(r);if(!e)return;t.push(e)}return t}(e);if(!r)return!1;for(let e=0;e<2;e++){let n=r[e],l=t[e];if(n[0]!==l[0]||n[1]!==l[1])return!1}return!0}(e,t))return{rangeStart:`${r} 0%`,rangeEnd:`${r} 100%`}}let P=new Map;function C(e){let t={value:0},r=B(r=>

1{t.value=100*r[e.axis].progress},e);return{currentTime:t,cancel:r}}function T(e,{axis:t="y",source:r,container:n=document.scrollingElement,...l}={}){let i,o,s;if(!n)return f.l;let u={axis:t,container:r||n,...l};return"function"==typeof e?B(r=>e(r[t].progress,r),u):(i=function({container:e,...t}){let{axis:r}=t,n=P.get(e);n||(n=new Map,P.set(e,n));let l=t.target??"self",i=n.get(l);i||(i={},n.set(l,i));let o=r+(t.offset??[]).join(",");return i[o]||(t.target&&c(t.target)?S(t.offset)?i[o]=new ViewTimeline({subject:t.target,axis:r}):i[o]=C({container:e,...t}):c()?i[o]=new ScrollTimeline({source:e,axis:r}):i[o]=C({container:e,...t})),i[o]}(u),o=u.target?S(u.offset):void 0,s=u.target?c(u.target)&&!!o:c(),e.attachTimeline({timeline:s?i:void 0,...o&&s&&{rangeStart:o.rangeStart,rangeEnd:o.rangeEnd},observe:e=>{var t;let r,n;return e.pause(),t=t=>{e.time=e.iterationDuration*t},n=()=>{let{currentTime:e}=i,n=(null===e?0:e.value)/100;r!==n&&t(n),r=n},a.Gt.preUpdate(n,!0),()=>(0,a.WG)(n)}}))}var X=r(18491),H=r(96241);let Y=()=>({scrollX:(0,n.OQ)(0),scrollY:(0,n.OQ)(0),scrollXProgress:(0,n.OQ)(0),scrollYProgress:(0,n.OQ)(0)}),$=e=>!!e&&!e.current;function A(e,t,r,n){return{factory:i=>{let o,s=()=>{$(r)||$(n)?l.k.read(s):o=T(i,{...t,axis:e,container:r?.current||void 0,target:n?.current||void 0})};return l.k.read(s),()=>{(0,l.c)(s),o?.()}},times:[0,1],keyframes:[0,1],ease:e=>e,duration:1}}function Q({container:e,target:t,...r}={}){var n;let f=(0,X.M)(Y);n=r.offset,!("u"<typeof window)&&(t?(0,i.d)()&&!!S(n):(0,i.J)())&&(f.scrollXProgress.accelerate=A("x",r,e,t),f.scrollYProgress.accelerate=A("y",r,e,t));let a=(0,s.useRef)(null),c=(0,s.useRef)(!1),u=(0,s.useCallback)(()=>(a.current=T((e,{x:t,y:r})=>{f.scrollX.set(t.current),f.scrollXProgress.set(t.progress),f.scrollY.set(r.current),f.scrollYProgress.set(r.progress)},{...r,container:e?.current||void 0,target:t?.current||void 0}),()=>{a.current?.()}),[e,t,JSON.stringify(r.offset)]);return(0,H.E)(()=>{if(c.current=!1,!($(e)||$(t)))return u();c.current=!0},[u]),(0,s.useEffect)(()=>{let r;if(!c.current)return;let n=()=>{let n=$(e),l=$(t);(0,o.V)(!n,"Container ref is defined but not hydrated","use-scroll-ref"),(0,o.V)(!l,"Target ref is defined but not hydrated","use-scroll-ref"),n||l||(r=u())};return l.k.read(n),()=>{(0,l.c)(n),r?.()}},[u]),f}}}]);