https://app.meetball.fun/assets/useHorizontalScrollFade-BhuSwlmx.js

1import{c as e,r as t,t as n}from"./compiler-runtime-BOc5URQk.js";var r=n(),i=e(t(),1);function a(e){let t=(0,r.c)(11),n=(0,i.useRef)(null),a;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(a={isAtStart:!0,isAtEnd:!0},t[0]=a):a=t[0];let[o,s]=(0,i.useState)(a),c;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(c=()=>{let e=n.current;e&&s({isAtStart:e.scrollLeft<=5,isAtEnd:e.scrollLeft>=e.scrollWidth-e.clientWidth-5})},t[1]=c):c=t[1];let l=c,u;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(u=()=>{let e=n.current;if(!e)return;l(),e.addEventListener(`scroll`,l,{passive:!0});let t=new ResizeObserver(l);t.observe(e);for(let n of e.children)t.observe(n);return()=>{e.removeEventListener(`scroll`,l),t.disconnect()}},t[2]=u):u=t[2];let d;t[3]===e?d=t[4]:(d=[l,e],t[3]=e,t[4]=d),(0,i.useEffect)(u,d);let f=o.isAtStart?`0%`:`10%`,p=o.isAtEnd?`100%`:`90%`,m;t[5]!==f||t[6]!==p?(m={"--fade-left-end":f,"--fade-right-start":p},t[5]=f,t[6]=p,t[7]=m):m=t[7];let h=m,g;return t[8]!==h||t[9]!==o?(g={scrollRef:n,fadeStyle:h,measure:l,...o},t[8]=h,t[9]=o,t[10]=g):g=t[10],g}export{a as t};