virtua 0.6.1 → 0.7.0

package/lib/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as n,Children as r,useRef as o,useState as i,forwardRef as s,useMemo as l,memo as c,useImperativeHandle as u}from"react";import{flushSync as a}from"react-dom";const d=Math.min,h=Math.max,f=Math.abs,_=Date.now,g=Object.values,w=setTimeout,m=e=>null!=e,p=(e,t)=>{let n;const r=()=>{m(n)&&clearTimeout(n)},o=()=>{r(),n=w((()=>{n=null,e()}),t)};return o.t=r,o},v=e=>{let t,n;return(...r)=>(t||(t=!0,n=e(...r)),n)},S=-1,b=(e,t)=>{const n=e.o[t];return n===S?e.i:n},I=(e,t,n)=>{if(!e.l)return 0;if(e.u>=t)return n?e.h[t]+b(e,t):e.h[t];let r=e.u,o=e.h[r];for(;r<=t&&(e.h[r]=o,r!==t||n);)o+=b(e,r),r++;return e.u=t,o},z=(e,t)=>I(e,t),R=(e,t,n)=>{let r=0;if(n>=0)for(;t<e.l-1;){const o=b(e,t++);if((r+=o)>=n){r-o/2>=n&&t--;break}}else for(;t>0;){const o=b(e,--t);if((r-=o)<=n){r+o/2<n&&t++;break}}return d(e.l-1,h(0,t))},x=(e,t,n,r)=>R(e,n,t-r),y=(e,t)=>{for(let n=e.l;n<t;n++)e.o.push(S),e.h.push(0===n?0:S);e.l=t},k=(e,t)=>t.reduce(((t,[n,r])=>t+(r-b(e,n))),0),O=(e,t=40,n=0,r=((e,t)=>{const n={i:t,l:0,u:0,o:[],h:[]};return y(n,e),n})(e,t),o,i)=>{let s=t*h(n-1,0),l=0,c=0,u=0,a=0,_=!1,g=!1,w=[0,n];const m=new Set,p=()=>(e=>I(e,e.l-1,!0))(r),v=()=>p()-s,O=e=>{const t=a;return a=e,a!==t&&(0===a||0===t)};return{_:()=>JSON.parse(JSON.stringify(r)),g(){const[e,t]=w,n=z(r,e),o=x(r,l,e,n),i=R(r,o,s);return e===o&&t===i?w:w=[o,i]},m:e=>r.o[e]===S,p:e=>((e,t,n)=>{for(let r=t;r<=n;r++)if(e.o[r]===S)return!0;return!1})(r,h(0,e-2),d(r.l-1,e+2)),v(e){const t=z(r,e);return o?t+h(0,s-p()):t},S:e=>b(r,e),I:()=>r.l,R:()=>l,k:v,O:()=>s,C:p,T:()=>h(p(),s),M:()=>c,H(){const e=u;return u=0,e},J:e=>x(r,e,0,0),W(e,t){const n=[e,t];return m.add(n),()=>{m.delete(n)}},L(e,t){let n,o=0;switch(e){case 1:{const e=t.filter((([e,t])=>r.o[e]!==t));if(!e.length)break;let s=0;if(2===a)s=k(r,e);else if(_){const[t]=w;0===l||(s=l>v()-1.5?k(r,e):k(r,e.filter((([e])=>e<t))))}s&&(u=s,c++,o+=4);let h=!1;e.forEach((([e,t])=>{((e,t,n)=>{const r=e.o[t]===S;return e.o[t]=n,e.u=d(t,e.u),r})(r,e,t)&&(h=!0)})),i&&h&&!l&&(e=>{const t=e.o.filter((e=>e!==S)),n=t[0];e.i=t.every((e=>e===n))?n:(e=>{const t=[...e].sort(((e,t)=>e-t)),n=e.length/2|0;return t.length%2==0?(t[n-1]+t[n])/2:t[n]})(t)})(r),o+=2,g=n=!0;break}case 2:s!==t&&(s=t,o=2);break;case 3:case 4:if(l===t)break;if(3===e){const e=g;g=!1,0!==a&&e||_||O(l>t?2:1)&&(o+=8),n=f(l-t)>s,o+=16}l=d(v(),h(0,t)),o+=1;break;case 5:O(0)&&(o=8),_=!1;break;case 6:_=!0}o&&m.forEach((([e,t])=>{o&e&&t(n)}))},$:()=>0!==a,j(e){r.l!==e&&((e,t)=>{const n=t-e.l;if(n>0)y(e,t);else{for(let t=n;t<0;t++)e.o.pop(),e.h.pop();e.l=t,e.u=d(e.u,t-1)}})(r,e)}}},C="undefined"!=typeof window?t:n,T="current",M={},H=e=>{const t=[];return r.forEach(e,(e=>{m(e)&&"boolean"!=typeof e&&t.push(e)})),t},J=e=>{const t=o(e);return C((()=>{t[T]=e}),[e]),t},W=(e,n,r,o)=>{const[s,l]=i(n),c=J(n);if(t((()=>{const t=()=>{l((()=>c[T]()))};return e.W(r,(e=>{e?a(t):t()}))}),[]),o){const e=n();s!==e&&l(e)}return s},L=/*#__PURE__*/v((e=>{const t="scrollLeft",n=e[t];e[t]=1;const r=e[t]<1;return e[t]=n,r})),$=(e,t,n)=>(()=>{let r=_()-50;return(...o)=>{const i=_();r+50<i&&(r=i,(r=>{if(e.$()&&!r.ctrlKey&&(t?r.deltaX:r.deltaY)){const t=e.R();t>0&&t<e.k()&&n()}})(...o))}})(),j=(e,t,n)=>{let r,o;const i=t?"scrollLeft":"scrollTop",s=()=>r?t?r.scrollWidth:r.scrollHeight:0,l=(o,i)=>t&&n?L(r)||i?-o:e.k()-o:o,c=async(t,n)=>{if(!r)return;const c=()=>d(n(),s()-e.O());for(;e.L(4,c()),e.p(t);){o&&o[1]();const t=e.W(2,(()=>{o&&o[0]()}));try{await new Promise(((e,t)=>{let n=!1;const r=()=>{n||(n=!0,e(),o=void 0)};o=[r,t],w(r,250)}))}catch(e){return}finally{t()}}r[i]=l(c()),e.L(6)};return{B(n){r=n;const o=()=>{e.L(3,l(n[i]))},s=p((()=>{o(),e.L(5)}),150),c=()=>{o(),s()},u=$(e,t,s);return n.addEventListener("scroll",c),n.addEventListener("wheel",u,{passive:!0}),()=>{n.removeEventListener("scroll",c),n.removeEventListener("wheel",u),s.t()}},N:s,U(t){t=h(t,0),c(e.J(t),(()=>t))},A(t){t=d(e.I()-1,h(0,t)),c(t,(()=>e.v(t)))},D:e=>{r&&(r[i]+=l(e,!0))}}},B=(e,t)=>{const n=t?"scrollX":"scrollY",r=t?"offsetLeft":"offsetTop";return{B(o){let i=!1;const s=(e,t)=>{const n=t+e[r],o=e.offsetParent;return e!==document.body&&o?s(o,n):n},l=()=>{i&&e.L(3,window[n]-s(o,0))},c=p((()=>{l(),e.L(5)}),150),u=()=>{l(),c()},a=$(e,t,c),d=new IntersectionObserver((([e])=>{i=e.isIntersecting}));return d.observe(o),window.addEventListener("scroll",u),window.addEventListener("wheel",a,{passive:!0}),()=>{d.disconnect(),window.removeEventListener("scroll",u),window.removeEventListener("wheel",a),c.t()}},D:e=>{window.scrollBy(t?e:0,t?0:e)}}},N=e=>{const t=o();return t[T]||(t[T]=e())},U=(e,t)=>{let n;const r=t?"width":"height",o=new WeakMap,i=v((()=>new ResizeObserver((t=>{const i=[];for(const{target:s,contentRect:l}of t)if(s===n)e.L(2,l[r]);else{const e=o.get(s);m(e)&&i.push([e,l[r]])}i.length&&e.L(1,i)}))));return{F(e){n=e;const t=i();return t.observe(e),()=>{t.disconnect()}},P(e,t){const n=i();return o.set(e,t),n.observe(e),()=>{o.delete(e),n.unobserve(e)}}}},A=(e,t)=>{const n=t?"width":"height",r=t?"innerWidth":"innerHeight",o=new WeakMap,i=v((()=>new ResizeObserver((t=>{const r=[];for(const{target:e,contentRect:i}of t){const t=o.get(e);m(t)&&r.push([t,i[n]])}r.length&&e.L(1,r)}))));return{F(){const t=()=>{e.L(2,window[r])};return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t),i().disconnect()}},P(e,t){const n=i();return o.set(e,t),n.observe(e),()=>{o.delete(e),n.unobserve(e)}}}},D=(e,t)=>{let n;const r="height",o="width",i=new WeakMap,s=new Set,l=new Set,c=new Map,u=(e,t)=>`${e}-${t}`,a=v((()=>new ResizeObserver((a=>{const d=new Set,f=new Set;for(const{target:s,contentRect:l}of a)if(s===n)e.L(2,l[r]),t.L(2,l[o]);else{const e=i.get(s);if(e){const[t,n]=e,i=u(t,n),s=c.get(i),a=[l[r],l[o]];let h,_;s?(s[0]!==a[0]&&(h=!0),s[1]!==a[1]&&(_=!0)):h=_=!0,h&&d.add(t),_&&f.add(n),(h||_)&&c.set(i,a)}}if(d.size){const t=[];d.forEach((e=>{let n=0;l.forEach((t=>{const r=c.get(u(e,t));r&&(n=h(n,r[0]))})),n&&t.push([e,n])})),e.L(1,t)}if(f.size){const e=[];f.forEach((t=>{let n=0;s.forEach((e=>{const r=c.get(u(e,t));r&&(n=h(n,r[1]))})),n&&e.push([t,n])})),t.L(1,e)}}))));return{F(e){n=e;const t=a();return t.observe(e),()=>{t.disconnect()}},P(e,t,n){const r=a();return i.set(e,[t,n]),s.add(t),l.add(n),r.observe(e),()=>{i.delete(e),r.unobserve(e)}}}},E=/*#__PURE__*/s((({children:t,attrs:n,width:r,height:o,scrolling:i},s)=>e("div",{ref:s,...n,children:e("div",{style:l((()=>({position:"relative",visibility:"hidden",width:null!=r?r:"100%",height:null!=o?o:"100%",pointerEvents:i?"none":"auto"})),[r,o,i]),children:t})}))),F=/*#__PURE__*/c((({V:t,X:n,Y:r,q:i,G:s,K:c,Z:u})=>{const a=o(null),d=W(r,(()=>r.v(i)),2,!0),h=W(r,(()=>r.m(i)),2,!0);return C((()=>n.P(a[T],i)),[i]),e(s,{ref:a,style:l((()=>{const e=u?"right":"left",t={margin:0,padding:0,position:"absolute",[c?"height":"width"]:"100%",[c?"top":e]:0,[c?e:"top"]:d,visibility:h?"hidden":"visible"};return c&&(t.display="flex"),t}),[d,h]),children:t})})),P=/*#__PURE__*/s((({children:t,overscan:r=4,initialItemSize:i,initialItemCount:s,horizontal:c,mode:a,cache:f,components:{Root:_=E,Item:w="div"}=M,onScroll:p,onScrollStop:v,onRangeChange:S,...b},I)=>{const z=l((()=>H(t)),[t]),R=z.length,x=J(p),y=J(v),[k,L,$,B,A]=N((()=>{const e=!!c,t="rtl"===a,n=O(R,i,s,f,"reverse"===a,!i);return[n,U(n,e),j(n,e,t),e,t]}));k.j(R);const[D,P]=W(k,k.g,3),V=W(k,k.$,8),X=W(k,k.M,4),Y=W(k,k.T,2,!0),q=o(null);C((()=>{const e=q[T],t=L.F(e),n=$.B(e),r=k.W(16,(()=>{x[T]&&x[T](k.R())}));return()=>{t(),n(),r()}}),[]),C((()=>{const e=k.H();e&&$.D(e)}),[X]),n((()=>{V||y[T]&&y[T]()}),[V]),n((()=>{S&&S(D,P)}),[D,P]),u(I,(()=>({get cache(){return k._()},get scrollOffset(){return k.R()},get scrollSize(){return $.N()},get viewportSize(){return k.O()},scrollToIndex:$.A,scrollTo:$.U,scrollBy(e){$.U(k.R()+e)}})),[]);const G=h(D-r,0),K=d(P+r,R-1),Q=l((()=>{const t=[];for(let n=G;n<=K;n++){const r=z[n];m(r)&&t.push(e(F,{X:L,Y:k,q:n,G:w,V:r,K:B,Z:A},r.key||n))}return t}),[z,G,K]);return e(_,{ref:q,width:B?Y:void 0,height:B?void 0:Y,scrolling:V,attrs:l((()=>({...b,style:{overflow:B?"auto hidden":"hidden auto",display:B?"inline-block":"block",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...b.style}})),g(b)),children:Q})})),V=(e,t)=>`${e}-${t}`,X=/*#__PURE__*/c((({V:t,X:n,ee:r,te:i,ne:s,re:c,G:u,Z:a})=>{const d=o(null),h=W(r,(()=>r.v(s)),2,!0),f=W(i,(()=>i.v(c)),2,!0),_=W(r,(()=>r.m(s)),2,!0),g=W(i,(()=>i.m(c)),2,!0),w=W(r,(()=>r.S(s)),2,!0),m=W(i,(()=>i.S(c)),2,!0);return C((()=>n.P(d[T],s,c)),[c,s]),e(u,{ref:d,style:l((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:h,[a?"right":"left"]:f,visibility:_||g?"hidden":"visible",minHeight:w,minWidth:m})),[h,f,m,w,_,g]),children:t})})),Y=/*#__PURE__*/s((({children:t,row:n,col:r,cellHeight:i=40,cellWidth:s=100,overscan:c=2,initialRowCount:a,initialColCount:f,rtl:_,components:{Root:w=E,Cell:m="div"}=M,...p},v)=>{const[S,b,I,z,R,x]=N((()=>{const e=!!_,t=O(n,i,a),o=O(r,s,f);return[t,o,D(t,o),j(t,!1,e),j(o,!0,e),e]}));S.j(n),b.j(r);const[y,k]=W(S,S.g,3),[H,J]=W(b,b.g,3),L=W(S,S.$,8),$=W(b,b.$,8),B=W(S,S.M,4),U=W(b,b.M,4),A=W(S,S.T,2,!0),F=W(b,b.T,2,!0),P=o(null);C((()=>{const e=P[T],t=I.F(e),n=z.B(e),r=R.B(e);return()=>{t(),n(),r()}}),[]),C((()=>{const e=S.H();e&&z.D(e)}),[B]),C((()=>{const e=b.H();e&&R.D(e)}),[U]),u(v,(()=>({get scrollOffset(){return[b.R(),S.R()]},get scrollSize(){return[R.N(),z.N()]},get viewportSize(){return[b.O(),S.O()]},scrollToIndex(e,t){R.A(e),z.A(t)},scrollTo(e,t){R.U(e),z.U(t)},scrollBy(e,t){R.U(b.R()+e),z.U(S.R()+t)}})),[]);const Y=l((()=>{const e=new Map;return(n,r)=>{let o=e.get(V(n,r));return o||e.set(V(n,r),o=t({rowIndex:n,colIndex:r})),o}}),[t]),q=h(y-c,0),G=d(k+c,n-1),K=h(H-c,0),Q=d(J+c,r-1),Z=l((()=>{const t=[];for(let n=q;n<=G;n++)for(let r=K;r<=Q;r++)t.push(e(X,{X:I,ee:S,te:b,ne:n,re:r,G:m,V:Y(n,r),Z:x},V(n,r)));return t}),[Y,q,G,K,Q]);return e(w,{ref:P,width:F,height:A,scrolling:L||$,attrs:l((()=>({...p,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...p.style}})),g(p)),children:Z})})),q=/*#__PURE__*/s((({children:t,overscan:r=4,initialItemSize:i,initialItemCount:s,horizontal:c,cache:a,components:{Root:f=E,Item:_="div"}=M,onScrollStop:w,onRangeChange:p,...v},S)=>{const b=l((()=>H(t)),[t]),I=b.length,z=J(w),[R,x,y,k]=N((()=>{const e=!!c,t=O(I,i,s,a,!1,!i);return[t,A(t,e),B(t,e),e]}));R.j(I);const[L,$]=W(R,R.g,3),j=W(R,R.$,8),U=W(R,R.M,4),D=W(R,R.T,2,!0),P=o(null);C((()=>{const e=P[T],t=x.F(e),n=y.B(e);return()=>{t(),n()}}),[]),C((()=>{const e=R.H();e&&y.D(e)}),[U]),n((()=>{j||z[T]&&z[T]()}),[j]),n((()=>{p&&p(L,$)}),[L,$]),u(S,(()=>({get cache(){return R._()}})),[]);const V=h(L-r,0),X=d($+r,I-1),Y=l((()=>{const t=[];for(let n=V;n<=X;n++){const r=b[n];m(r)&&t.push(e(F,{X:x,Y:R,q:n,G:_,V:r,K:k,Z:!1},r.key||n))}return t}),[b,V,X]);return e(f,{ref:P,width:k?D:void 0,height:k?void 0:D,scrolling:j,attrs:l((()=>({...v,style:{overflow:"visible",display:k?"inline-block":"block",width:k?"auto":"100%",height:k?"100%":"auto",padding:0,margin:0,...v.style}})),g(v)),children:Y})}));export{Y as VGrid,P as VList,q as WVList};
+import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as n,useRef as r,useState as o,forwardRef as i,useMemo as s,memo as l,useImperativeHandle as c}from"react";import{flushSync as a}from"react-dom";const u=Math.min,d=Math.max,h=Math.abs,f=Date.now,_=Object.values,g=setTimeout,w=(e,t,n)=>u(n,d(t,e)),m=e=>null!=e,p=(e,t)=>{let n;const r=()=>{m(n)&&clearTimeout(n)},o=()=>{r(),n=g((()=>{n=null,e()}),t)};return o.t=r,o},v=e=>{let t,n;return(...r)=>(t||(t=!0,n=e(...r)),n)},b=-1,S=(e,t)=>{const n=e.o[t];return n===b?e.i:n},I=(e,t)=>{if(!e.l)return 0;if(e.u>=t)return e.h[t];let n=e.u,r=e.h[n];for(;n<t;)r+=S(e,n),e.h[++n]=r;return e.u=t,r},z=(e,t,n)=>{let r=0;if(n>=0)for(;t<e.l-1;){const o=S(e,t++);if((r+=o)>=n){r-o/2>=n&&t--;break}}else for(;t>0;){const o=S(e,--t);if((r-=o)<=n){r+o/2<n&&t++;break}}return w(t,0,e.l-1)},R=(e,t,n)=>z(e,n,t-I(e,n)),y=(e,t)=>{for(let n=e.l;n<t;n++)e.o.push(b),e.h.push(0===n?0:b);e.l=t},x=(e,t)=>t.reduce(((t,[n,r])=>t+(r-S(e,n))),0),k=(e,t=40,n=0,r=((e,t)=>{const n={i:t,l:0,u:0,o:[],h:[]};return y(n,e),n})(e,t),o,i)=>{let s=t*d(n-1,0),l=0,c=0,a=0,f=0,_=!1,g=!1,m=[0,n];const p=new Set,v=()=>(e=>e.l?I(e,e.l-1)+S(e,e.l-1):0)(r),k=()=>v()-s,O=e=>{const t=f;return f=e,f!==t&&(0===f||0===t)};return{_:()=>JSON.parse(JSON.stringify(r)),g(){const[e,t]=m,n=R(r,l,e),o=z(r,n,s);return e===n&&t===o?m:m=[n,o]},m:e=>r.o[e]===b,p(e){const t=R(r,e,m[0]);return((e,t,n)=>e.o.slice(t,n+1).includes(b))(r,d(0,t-1),u(r.l-1,z(r,t,s)+1))},v(e){const t=I(r,e);return o?t+d(0,s-v()):t},S:e=>S(r,e),I:()=>r.l,R:()=>l,k,O:()=>0!==f,C:()=>s,T:()=>d(v(),s),M:()=>c,H(){const e=a;return a=0,e},J(e,t){const n=[e,t];return p.add(n),()=>{p.delete(n)}},W(e,t){let n,o=0;switch(e){case 1:{const e=t.filter((([e,t])=>r.o[e]!==t));if(!e.length)break;let s=0;if(2===f)s=x(r,e);else if(_){const[t]=m;0===l||(s=l>k()-1.5?x(r,e):x(r,e.filter((([e])=>e<t))))}s&&(a=s,c++,o+=4);let d=!1;e.forEach((([e,t])=>{((e,t,n)=>{const r=e.o[t]===b;return e.o[t]=n,e.u=u(t,e.u),r})(r,e,t)&&(d=!0)})),i&&d&&!l&&(e=>{const t=e.o.filter((e=>e!==b)),n=t[0];e.i=t.every((e=>e===n))?n:(e=>{const t=[...e].sort(((e,t)=>e-t)),n=e.length/2|0;return t.length%2==0?(t[n-1]+t[n])/2:t[n]})(t)})(r),o+=2,g=n=!0;break}case 2:s!==t&&(s=t,o=2);break;case 3:case 4:if(l===t)break;if(3===e){const e=g;g=!1,0!==f&&e||_||O(l>t?2:1)&&(o+=8),n=h(l-t)>s,o+=16}l=w(t,0,k()),o+=1;break;case 5:O(0)&&(o=8),_=!1;break;case 6:_=!0}o&&p.forEach((([e,t])=>{o&e&&t(n)}))},L(e){r.l!==e&&((e,t)=>{const n=t-e.l;if(n>0)y(e,t);else{for(let t=n;t<0;t++)e.o.pop(),e.h.pop();e.l=t,e.u=u(e.u,t-1)}})(r,e)}}},O="undefined"!=typeof window?t:n,C="current",T={},M=(e,t)=>{if(Array.isArray(e))for(const n of e)M(n,t);else m(e)&&"boolean"!=typeof e&&t.push(e)},H=e=>{const t=[];return M(e,t),t},J=e=>{const t=r(e);return O((()=>{t[C]=e}),[e]),t},W=(e,n,r,i)=>{const[s,l]=o(n),c=J(n);if(t((()=>{const t=()=>{l((()=>c[C]()))};return e.J(r,(e=>{e?a(t):t()}))}),[]),i){const e=n();s!==e&&l(e)}return s},L=/*#__PURE__*/v((e=>{const t="scrollLeft",n=e[t];e[t]=1;const r=e[t]<1;return e[t]=n,r})),$=(e,t,n)=>(()=>{let r=f()-50;return(...o)=>{const i=f();r+50<i&&(r=i,(r=>{if(e.O()&&!r.ctrlKey&&(t?r.deltaX:r.deltaY)){const t=e.R();t>0&&t<e.k()&&n()}})(...o))}})(),B=(e,t,n)=>{let r,o;const i=t?"scrollLeft":"scrollTop",s=()=>r?t?r.scrollWidth:r.scrollHeight:0,l=(o,i)=>t&&n?L(r)||i?-o:e.k()-o:o,c=async t=>{if(!r)return;const n=()=>w(t(),0,s()-e.C());for(;;){const t=n();if(e.W(4,t),!e.p(t))break;o&&o[1]();const r=e.J(2,(()=>{o&&o[0]()}));try{await new Promise(((e,t)=>{let n=!1;const r=()=>{n||(n=!0,e(),o=void 0)};o=[r,t],g(r,250)}))}catch(e){return}finally{r()}}r[i]=l(n()),e.W(6)};return{$(n){r=n;const o=()=>{e.W(3,l(n[i]))},s=p((()=>{o(),e.W(5)}),150),c=()=>{o(),s()},a=$(e,t,s);return n.addEventListener("scroll",c),n.addEventListener("wheel",a,{passive:!0}),()=>{n.removeEventListener("scroll",c),n.removeEventListener("wheel",a),s.t()}},B:s,j(e){c((()=>e))},A(t){t+=e.R(),c((()=>t))},N(t,n){t=w(t,0,e.I()-1),c("end"===n?()=>e.v(t)+e.S(t)-e.C():()=>e.v(t))},U:e=>{r&&(r[i]+=l(e,!0))}}},j=(e,t)=>{const n=t?"scrollX":"scrollY",r=t?"offsetLeft":"offsetTop";return{$(o){let i=!1;const s=(e,t)=>{const n=t+e[r],o=e.offsetParent;return e!==document.body&&o?s(o,n):n},l=()=>{i&&e.W(3,window[n]-s(o,0))},c=p((()=>{l(),e.W(5)}),150),a=()=>{l(),c()},u=$(e,t,c),d=new IntersectionObserver((([e])=>{i=e.isIntersecting}));return d.observe(o),window.addEventListener("scroll",a),window.addEventListener("wheel",u,{passive:!0}),()=>{d.disconnect(),window.removeEventListener("scroll",a),window.removeEventListener("wheel",u),c.t()}},U:e=>{window.scrollBy(t?e:0,t?0:e)}}},A=e=>{const t=r();return t[C]||(t[C]=e())},N=(e,t)=>{let n;const r=t?"width":"height",o=new WeakMap,i=v((()=>new ResizeObserver((t=>{const i=[];for(const{target:s,contentRect:l}of t)if(s===n)e.W(2,l[r]);else{const e=o.get(s);m(e)&&i.push([e,l[r]])}i.length&&e.W(1,i)}))));return{V(e){n=e;const t=i();return t.observe(e),()=>{t.disconnect()}},D(e,t){const n=i();return o.set(e,t),n.observe(e),()=>{o.delete(e),n.unobserve(e)}}}},U=(e,t)=>{const n=t?"width":"height",r=t?"innerWidth":"innerHeight",o=new WeakMap,i=v((()=>new ResizeObserver((t=>{const r=[];for(const{target:e,contentRect:i}of t){const t=o.get(e);m(t)&&r.push([t,i[n]])}r.length&&e.W(1,r)}))));return{V(){const t=()=>{e.W(2,window[r])};return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t),i().disconnect()}},D(e,t){const n=i();return o.set(e,t),n.observe(e),()=>{o.delete(e),n.unobserve(e)}}}},V=(e,t)=>{let n;const r="height",o="width",i=new WeakMap,s=new Set,l=new Set,c=new Map,a=(e,t)=>`${e}-${t}`,u=v((()=>new ResizeObserver((u=>{const h=new Set,f=new Set;for(const{target:s,contentRect:l}of u)if(s===n)e.W(2,l[r]),t.W(2,l[o]);else{const e=i.get(s);if(e){const[t,n]=e,i=a(t,n),s=c.get(i),u=[l[r],l[o]];let d,_;s?(s[0]!==u[0]&&(d=!0),s[1]!==u[1]&&(_=!0)):d=_=!0,d&&h.add(t),_&&f.add(n),(d||_)&&c.set(i,u)}}if(h.size){const t=[];h.forEach((e=>{let n=0;l.forEach((t=>{const r=c.get(a(e,t));r&&(n=d(n,r[0]))})),n&&t.push([e,n])})),e.W(1,t)}if(f.size){const e=[];f.forEach((t=>{let n=0;s.forEach((e=>{const r=c.get(a(e,t));r&&(n=d(n,r[1]))})),n&&e.push([t,n])})),t.W(1,e)}}))));return{V(e){n=e;const t=u();return t.observe(e),()=>{t.disconnect()}},D(e,t,n){const r=u();return i.set(e,[t,n]),s.add(t),l.add(n),r.observe(e),()=>{i.delete(e),r.unobserve(e)}}}},D=/*#__PURE__*/i((({children:t,attrs:n,width:r,height:o,scrolling:i},l)=>e("div",{ref:l,...n,children:e("div",{style:s((()=>({position:"relative",visibility:"hidden",width:null!=r?r:"100%",height:null!=o?o:"100%",pointerEvents:i?"none":"auto"})),[r,o,i]),children:t})}))),E=/*#__PURE__*/l((({P:t,X:n,Y:o,q:i,F:l,G:c,K:a})=>{const u=r(null),d=W(o,(()=>o.v(i)),2,!0),h=W(o,(()=>o.m(i)),2,!0);return O((()=>n.D(u[C],i)),[i]),e(l,{ref:u,style:s((()=>{const e=a?"right":"left",t={margin:0,padding:0,position:"absolute",[c?"height":"width"]:"100%",[c?"top":e]:0,[c?e:"top"]:d,visibility:h?"hidden":"visible"};return c&&(t.display="flex"),t}),[d,h]),children:t})})),P=/*#__PURE__*/i((({children:t,overscan:o=4,initialItemSize:i,initialItemCount:l,horizontal:a,mode:h,cache:f,components:{Root:g=D,Item:w="div"}=T,onScroll:p,onScrollStop:v,onRangeChange:b,...S},I)=>{const z=s((()=>H(t)),[t]),R=z.length,y=J(p),x=J(v),[M,L,$,j,U]=A((()=>{const e=!!a,t="rtl"===h,n=k(R,i,l,f,"reverse"===h,!i);return[n,N(n,e),B(n,e,t),e,t]}));M.L(R);const[V,P]=W(M,M.g,3),X=W(M,M.O,8),Y=W(M,M.M,4),q=W(M,M.T,2,!0),F=r(null);O((()=>{const e=F[C],t=L.V(e),n=$.$(e),r=M.J(16,(()=>{y[C]&&y[C](M.R())}));return()=>{t(),n(),r()}}),[]),O((()=>{const e=M.H();e&&$.U(e)}),[Y]),n((()=>{X||x[C]&&x[C]()}),[X]),n((()=>{b&&b(V,P)}),[V,P]),c(I,(()=>({get cache(){return M._()},get scrollOffset(){return M.R()},get scrollSize(){return $.B()},get viewportSize(){return M.C()},scrollToIndex:$.N,scrollTo:$.j,scrollBy:$.A})),[]);const G=d(V-o,0),K=u(P+o,R-1),Q=s((()=>{const t=[];for(let n=G;n<=K;n++){const r=z[n],o=r.key;t.push(e(E,{X:L,Y:M,q:n,F:w,P:r,G:j,K:U},m(o)?o:"_"+n))}return t}),[z,G,K]);return e(g,{ref:F,width:j?q:void 0,height:j?void 0:q,scrolling:X,attrs:s((()=>({...S,style:{overflow:j?"auto hidden":"hidden auto",display:j?"inline-block":"block",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...S.style}})),_(S)),children:Q})})),X=(e,t)=>`${e}-${t}`,Y=/*#__PURE__*/l((({P:t,X:n,Z:o,ee:i,te:l,ne:c,F:a,K:u})=>{const d=r(null),h=W(o,(()=>o.v(l)),2,!0),f=W(i,(()=>i.v(c)),2,!0),_=W(o,(()=>o.m(l)),2,!0),g=W(i,(()=>i.m(c)),2,!0),w=W(o,(()=>o.S(l)),2,!0),m=W(i,(()=>i.S(c)),2,!0);return O((()=>n.D(d[C],l,c)),[c,l]),e(a,{ref:d,style:s((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:h,[u?"right":"left"]:f,visibility:_||g?"hidden":"visible",minHeight:w,minWidth:m})),[h,f,m,w,_,g]),children:t})})),q=/*#__PURE__*/i((({children:t,row:n,col:o,cellHeight:i=40,cellWidth:l=100,overscan:a=2,initialRowCount:h,initialColCount:f,rtl:g,components:{Root:w=D,Cell:m="div"}=T,...p},v)=>{const[b,S,I,z,R,y]=A((()=>{const e=!!g,t=k(n,i,h),r=k(o,l,f);return[t,r,V(t,r),B(t,!1,e),B(r,!0,e),e]}));b.L(n),S.L(o);const[x,M]=W(b,b.g,3),[H,J]=W(S,S.g,3),L=W(b,b.O,8),$=W(S,S.O,8),j=W(b,b.M,4),N=W(S,S.M,4),U=W(b,b.T,2,!0),E=W(S,S.T,2,!0),P=r(null);O((()=>{const e=P[C],t=I.V(e),n=z.$(e),r=R.$(e);return()=>{t(),n(),r()}}),[]),O((()=>{const e=b.H();e&&z.U(e)}),[j]),O((()=>{const e=S.H();e&&R.U(e)}),[N]),c(v,(()=>({get scrollOffset(){return[S.R(),b.R()]},get scrollSize(){return[R.B(),z.B()]},get viewportSize(){return[S.C(),b.C()]},scrollToIndex(e,t){R.N(e),z.N(t)},scrollTo(e,t){R.j(e),z.j(t)},scrollBy(e,t){R.A(e),z.A(t)}})),[]);const q=s((()=>{const e=new Map;return(n,r)=>{let o=e.get(X(n,r));return o||e.set(X(n,r),o=t({rowIndex:n,colIndex:r})),o}}),[t]),F=d(x-a,0),G=u(M+a,n-1),K=d(H-a,0),Q=u(J+a,o-1),Z=s((()=>{const t=[];for(let n=F;n<=G;n++)for(let r=K;r<=Q;r++)t.push(e(Y,{X:I,Z:b,ee:S,te:n,ne:r,F:m,P:q(n,r),K:y},X(n,r)));return t}),[q,F,G,K,Q]);return e(w,{ref:P,width:E,height:U,scrolling:L||$,attrs:s((()=>({...p,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...p.style}})),_(p)),children:Z})})),F=/*#__PURE__*/i((({children:t,overscan:o=4,initialItemSize:i,initialItemCount:l,horizontal:a,cache:h,components:{Root:f=D,Item:g="div"}=T,onScrollStop:w,onRangeChange:p,...v},b)=>{const S=s((()=>H(t)),[t]),I=S.length,z=J(w),[R,y,x,M]=A((()=>{const e=!!a,t=k(I,i,l,h,!1,!i);return[t,U(t,e),j(t,e),e]}));R.L(I);const[L,$]=W(R,R.g,3),B=W(R,R.O,8),N=W(R,R.M,4),V=W(R,R.T,2,!0),P=r(null);O((()=>{const e=P[C],t=y.V(e),n=x.$(e);return()=>{t(),n()}}),[]),O((()=>{const e=R.H();e&&x.U(e)}),[N]),n((()=>{B||z[C]&&z[C]()}),[B]),n((()=>{p&&p(L,$)}),[L,$]),c(b,(()=>({get cache(){return R._()}})),[]);const X=d(L-o,0),Y=u($+o,I-1),q=s((()=>{const t=[];for(let n=X;n<=Y;n++){const r=S[n],o=r.key;t.push(e(E,{X:y,Y:R,q:n,F:g,P:r,G:M,K:!1},m(o)?o:"_"+n))}return t}),[S,X,Y]);return e(f,{ref:P,width:M?V:void 0,height:M?void 0:V,scrolling:B,attrs:s((()=>({...v,style:{overflow:"visible",display:M?"inline-block":"block",width:M?"auto":"100%",height:M?"100%":"auto",padding:0,margin:0,...v.style}})),_(v)),children:q})}));export{q as VGrid,P as VList,F as WVList};
 //# sourceMappingURL=index.mjs.map