https://returnoncreators.com/assets/use-scroll-BtFzIKcE.js

1import{A as e,B as t,C as n,H as r,I as i,L as a,P as o,R as s,S as c,T as l,U as u,f as d,j as f,k as p,m,p as h,u as g,x as _,y as v}from"./proxy-BsjmIexl.js";import{d as y,h as b}from"./index-DSFEz-Lw.js";function x(t,n){let r,i=()=>{let{currentTime:e}=n,i=(e===null?0:e.value)/100;r!==i&&t(i),r=i};return e.preUpdate(i,!0),()=>p(i)}var S=b(y(),1);function C(e){return typeof window>`u`?!1:e?c():_()}var ee=50,w=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),T=()=>({time:0,x:w(),y:w()}),E={x:{length:`Width`,position:`Left`},y:{length:`Height`,position:`Top`}};function D(e,t,n,r){let a=n[t],{length:s,position:c}=E[t],l=a.current,u=n.time;a.current=Math.abs(e[`scroll${c}`]),a.scrollLength=e[`scroll${s}`]-e[`client${s}`],a.offset.length=0,a.offset[0]=0,a.offset[1]=a.scrollLength,a.progress=i(0,a.scrollLength,a.current);let d=r-u;a.velocity=d>ee?0:o(a.current-l,d)}function te(e,t,n){D(e,`x`,t,n),D(e,`y`,t,n),t.time=n}function O(e,t){let n={x:0,y:0},r=e;for(;r&&r!==t;)if(m(r))n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if(r.tagName===`svg`){let e=r.getBoundingClientRect();r=r.parentElement;let t=r.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,a=r.parentNode;for(;!i;)a.tagName===`svg`&&(i=a),a=r.parentNode;r=i}else break;return n}var k={start:0,center:.5,end:1};function A(e,t,n=0){let r=0;if(e in k&&(e=k[e]),typeof e==`string`){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 typeof e==`number`&&(r=t*e),n+r}var j=[0,0];function M(e,t,n,r){let i=Array.isArray(e)?e:j,a=0,o=0;return typeof e==`number`?i=[e,e]:typeof e==`string`&&(e=e.trim(),i=e.includes(` `)?e.split(` `):[e,k[e]?e:`0`]),a=A(i[0],n,r),o=A(i[1],t),a-o}var N={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},ne={x:0,y:0};function re(e){return`getBBox`in e&&e.tagName!==`svg`?e.getBBox():{width:e.clientWidth,height:e.clientHeight}}function ie(e,r,i){let{offset:a=N.All}=i,{target:o=e,axis:s=`y`}=i,c=s===`y`?`height`:`width`,u=o===e?ne:O(o,e),d=o===e?{width:e.scrollWidth,height:e.scrollHeight}:re(o),f={width:e.clientWidth,height:e.clientHeight};r[s].offset.length=0;let p=!r[s].interpolate,m=a.length;for(let e=0;e<m;e++){let t=M(a[e],f[c],d[c],u[s]);!p&&t!==r[s].interpolatorOffsets[e]&&(p=!0),r[s].offset[e]=t}p&&(r[s].interpolate=l(r[s].offset,n(a),{clamp:!1}),r[s].interpolatorOffsets=[...r[s].offset]),r[s].progress=t(0,1,r[s].interpolate(r[s].current))}function ae(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}function oe(e,t,n,r={}){return{measure:t=>{ae(e,r.target,n),te(e,n,t),(r.offset||r.target)&&ie(e,n,r)},notify:()=>t(n)}}var P=new WeakMap,F=new WeakMap,I=new WeakMap,L=new WeakMap,R=new WeakMap,z=e=>e===document.scrollingElement?window:e;function B(t,{container:n=document.scrollingElement,trackContentSize:r=!1,...i}={}){if(!n)return a;let o=I.get(n);o||(o=new Set,I.set(n,o));let s=oe(n,t,T(),i);if(o.add(s),!P.has(n)){let t=()=>{for(let e of o)e.measure(f.timestamp);e.preUpdate(r)},r=()=>{for(let e of o)e.notify()},i=()=>e.read(t);P.set(n,i);let a=z(n);window.addEventListener(`resize`,i),n!==document.documentElement&&F.set(n,g(n,i)),a.addEventListener(`scroll`,i),i()}if(r&&!R.has(n)){let t=P.get(n),r={width:n.scrollWidth,height:n.scrollHeight};L.set(n,r);let i=e.read(()=>{let e=n.scrollWidth,i=n.scrollHeight;(r.width!==e||r.height!==i)&&(t(),r.width=e,r.height=i)},!0);R.set(n,i)}let c=P.get(n);return e.read(c,!1,!0),()=>{p(c);let e=I.get(n);if(!e||(e.delete(s),e.size))return;let t=P.get(n);P.delete(n),t&&(z(n).removeEventListener(`scroll`,t),F.get(n)?.(),window.removeEventListener(`resize`,t));let r=R.get(n);r&&(p(r),R.delete(n)),L.delete(n)}}var V=[[N.Enter,`entry`],[N.Exit,`exit`],[N.Any,`cover`],[N.All,`contain`]],H={start:0,end:1};function U(e){let t=e.trim().split(/\s+/);if(t.length!==2)return;let n=H[t[0]],r=H[t[1]];if(!(n===void 0||r===void 0))return[n,r]}function W(e){if(e.length!==2)return;let t=[];for(let n of e)if(Array.isArray(n))t.push(n);else if(typeof n==`string`){let e=U(n);if(!e)return;t.push(e)}else return;return t}function G(e,t){let n=W(e);if(!n)return!1;for(let e=0;e<2;e++){let r=n[e],i=t[e];if(r[0]!==i[0]||r[1]!==i[1])return!1}return!0}function K(e){if(!e)return{rangeStart:`contain 0%`,rangeEnd:`contain 100%`};for(let[t,n]of V)if(G(e,t))return{rangeStart:`${n} 0%`,rangeEnd:`${n} 100%`}}var q=new Map;function J(e){let t={value:0};return{currentTime:t,cancel:B(n=>{t.value=n[e.axis].progress*100},e)}}function Y({source:e,container:t,...n}){let{axis:r}=n;e&&(t=e);let i=q.get(t);i||(i=new Map,q.set(t,i));let a=n.target??`self`,o=i.get(a);o||(o={},i.set(a,o));let s=r+(n.offset??[]).join(`,`);return o[s]||(n.target&&C(n.target)?K(n.offset)?o[s]=new ViewTimeline({subject:n.target,axis:r}):o[s]=J({container:t,...n}):C()?o[s]=new ScrollTimeline({source:t,axis:r}):o[s]=J({container:t,...n})),o[s]}function se(e,t){let n=Y(t),r=t.target?K(t.offset):void 0,i=t.target?C(t.target)&&!!r:C();return e.attachTimeline({timeline:i?n:void 0,...r&&i&&{rangeStart:r.rangeStart,rangeEnd:r.rangeEnd},observe:e=>(e.pause(),x(t=>{e.time=e.iterationDuration*t},n))})}function ce(e){return e&&(e.target||e.offset)}function X(e){return e.length===2}function le(e,t){return X(e)||ce(t)?B(n=>

1{e(n[t.axis].progress,n)},t):x(e,Y(t))}function Z(e,{axis:t=`y`,container:n=document.scrollingElement,...r}={}){if(!n)return a;let i={axis:t,container:n,...r};return typeof e==`function`?le(e,i):se(e,i)}var ue=()=>({scrollX:v(0),scrollY:v(0),scrollXProgress:v(0),scrollYProgress:v(0)}),Q=e=>e?!e.current:!1;function $(e,t,n,r){return{factory:i=>{let a,o=()=>{if(Q(n)||Q(r)){h.read(o);return}a=Z(i,{...t,axis:e,container:n?.current||void 0,target:r?.current||void 0})};return h.read(o),()=>{d(o),a?.()}},times:[0,1],keyframes:[0,1],ease:e=>e,duration:1}}function de(e,t){return typeof window>`u`?!1:e?c()&&!!K(t):_()}function fe({container:e,target:t,...n}={}){let i=u(ue);de(t,n.offset)&&(i.scrollXProgress.accelerate=$(`x`,n,e,t),i.scrollYProgress.accelerate=$(`y`,n,e,t));let a=(0,S.useRef)(null),o=(0,S.useRef)(!1),c=(0,S.useCallback)(()=>(a.current=Z((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)},{...n,container:e?.current||void 0,target:t?.current||void 0}),()=>{a.current?.()}),[e,t,JSON.stringify(n.offset)]);return r(()=>{if(o.current=!1,Q(e)||Q(t)){o.current=!0;return}else return c()},[c]),(0,S.useEffect)(()=>{if(!o.current)return;let n,r=()=>{let r=Q(e),i=Q(t);s(!r,`Container ref is defined but not hydrated`,`use-scroll-ref`),s(!i,`Target ref is defined but not hydrated`,`use-scroll-ref`),!r&&!i&&(n=c())};return h.read(r),()=>{d(r),n?.()}},[c]),i}export{fe as t};