virtua 0.4.5 → 0.5.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 l,useMemo as s,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,v=(e,t)=>{let n;const r=()=>{m(n)&&clearTimeout(n)},o=()=>{r(),n=w((()=>{n=null,e()}),t)};return o.t=r,o},p=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},z=(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},I=(e,t)=>z(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(h(t,0),e.l-1)},x=(e,t,n,r)=>R(e,n,t-r),y=(e,t,n)=>{const r=[],o=[];for(let t=0;t<e;t++){const e=n&&n.o[t];if(r.push(m(e)?e:S),0===t)o.push(0);else{const e=n&&n.h[t];o.push(m(e)?e:S)}}return{i:n?n.i:t,l:e,u:n?d(n.u,e-1):0,o:r,h:o}},k=e=>e.reduce(((e,[t])=>e+t),0),O=(e,t)=>t.map((([t,n])=>[n-b(e,t),t])),C=(e,t,n=0,r,o,i,l)=>{var s;const c=!t,u=t||40;let a=u*h(n-1,0),_=0,g=0,w=0,v=null!==(s=i)&&void 0!==s?s:y(e,u),p=0,C=!1,T=[0,n];const M=new Set,H=()=>(e=>z(e,e.l-1,!0))(v),J=()=>H()-a,W=e=>{const t=p;return p=e,0!==p&&(0===t&&(1===p||2===p)||void 0)};return{_:()=>JSON.parse(JSON.stringify(v)),g(){const[e,t]=T,n=I(v,e),r=x(v,_,e,n),o=R(v,r,a);return e===r&&t===o?T:T=[r,o]},m:e=>v.o[e]===S,v:e=>((e,t,n)=>{for(let r=t;r<=n;r++)if(e.o[r]===S)return!0;return!1})(v,h(0,e-2),d(v.l-1,e+2)),p(e){const t=I(v,e);return r?t+h(0,a-H()):t},S:e=>b(v,e),I:()=>v.l,R:()=>_,k:J,O:()=>a,C:H,T:()=>h(H(),a),M:()=>g,H(){const e=w;return w=0,e},J:e=>x(v,e,0,0),W(e,t){const n=[e,t];return M.add(n),()=>{M.delete(n)}},L(e,t){let n,r,i=0;switch(e){case 1:{const e=t.filter((([e,t])=>v.o[e]!==t));if(!e.length)break;let r=0;if(2===p)r=k(O(v,e));else if(3===p){const t=O(v,e),[n]=T;0===_||(r=_>J()-1.5?k(t):k(t.filter((([,e])=>e<n))))}r&&(w=r,g++,i+=4);let o=!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})(v,e,t)&&(o=!0)})),c&&o&&!_&&(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)})(v),i+=2,C=n=!0;break}case 2:a!==t&&(a=t,i=2);break;case 3:case 4:if(_===t)break;if(3===e){const e=(()=>{const e=C;return C=!1,e})();0!==p&&e||3===p||(r=W(_>t?2:1)),n=f(_-t)>a}_=h(0,d(J(),t)),i=1;break;case 5:r=W(t?3:0)}i&&(M.forEach((([e,t])=>{i&e&&t(n)})),3===e&&l&&l(_)),m(r)&&o(r)},$:()=>p,j(e){v.l!==e&&(v=y(e,u,v))}}},T="undefined"!=typeof window?t:n,M="current",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 T((()=>{t[M]=e}),[e]),t},W=(e,n,r)=>{const[o,l]=i(n),s=J(n);if(t((()=>{let t;t=n===e.g?3:n===e.T?2:n===e.M?4:2;const r=()=>{l((()=>s[M]()))};return e.W(t,(e=>{e?a(r):r()}))}),[]),r){const e=n();o!==e&&l(e)}return o},L=/*#__PURE__*/p((e=>{const t="scrollLeft",n=e[t];e[t]=1;const r=e[t]<1;return e[t]=n,r})),E=(e,t,n)=>(()=>{let r=_()-50;return(...o)=>{const i=_();r+50<i&&(r=i,(r=>{if(0!==e.$()&&!r.ctrlKey&&(t?r.deltaX:r.deltaY)){const t=e.R();t>0&&t<e.k()&&n()}})(...o))}})(),$=(e,t,n)=>{let r,o;const i=t?"scrollLeft":"scrollTop",l=()=>r?t?r.scrollWidth:r.scrollHeight:0,s=(o,i)=>t&&n?L(r)||i?-o:e.k()-o:o,c=async(t,n)=>{if(!r)return;const c=()=>d(n(),l()-e.O());for(;e.L(4,c()),e.v(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]=s(c()),e.L(5,!0)};return{B(n){r=n;const o=()=>{e.L(3,s(n[i]))},l=v((()=>{o(),e.L(5,!1)}),150),c=()=>{o(),l()},u=E(e,t,l);return n.addEventListener("scroll",c),n.addEventListener("wheel",u,{passive:!0}),()=>{n.removeEventListener("scroll",c),n.removeEventListener("wheel",u),l.t()}},D:l,N(t){t=h(t,0),c(e.J(t),(()=>t))},U(t){t=h(d(t,e.I()-1),0),c(t,(()=>e.p(t)))},A:e=>{r&&(r[i]+=s(e,!0))}}},j=(e,t)=>{const n=t?"scrollX":"scrollY",r=t?"offsetLeft":"offsetTop";return{B(o){let i=!1;const l=(e,t)=>{const n=t+e[r],o=e.offsetParent;return e!==document.body&&o?l(o,n):n},s=()=>{i&&e.L(3,window[n]-l(o,0))},c=v((()=>{s(),e.L(5,!1)}),150),u=()=>{s(),c()},a=E(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()}},A:e=>{window.scrollBy(t?e:0,t?0:e)}}},B=e=>{const t=o();return t[M]||(t[M]=e())},D=(e,t)=>{let n;const r=t?"width":"height",o=new WeakMap,i=p((()=>new ResizeObserver((t=>{const i=[];for(const{target:l,contentRect:s}of t)if(l===n)e.L(2,s[r]);else{const e=o.get(l);m(e)&&i.push([e,s[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)}}}},N=(e,t)=>{const n=t?"width":"height",r=t?"innerWidth":"innerHeight",o=new WeakMap,i=p((()=>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)}}}},U=(e,t)=>{let n;const r="height",o="width",i=new WeakMap,l=new Set,s=new Set,c=new Map,u=(e,t)=>`${e}-${t}`,a=p((()=>new ResizeObserver((a=>{const d=new Set,f=new Set;for(const{target:l,contentRect:s}of a)if(l===n)e.L(2,s[r]),t.L(2,s[o]);else{const e=i.get(l);if(e){const[t,n]=e,i=u(t,n),l=c.get(i),a=[s[r],s[o]];let h,_;l?(l[0]!==a[0]&&(h=!0),l[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;s.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;l.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]),l.add(t),s.add(n),r.observe(e),()=>{i.delete(e),r.unobserve(e)}}}},A=/*#__PURE__*/l((({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})}))),F=/*#__PURE__*/c((({V:t,X:n,Y:r,q:i,G:l,K:c,Z:u})=>{const a=o(null),d=W(r,(()=>r.p(i)),!0),h=W(r,(()=>r.m(i)),!0);return T((()=>n.P(a[M],i)),[i]),e(l,{ref:a,style:s((()=>{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__*/l((({children:t,overscan:r=4,initialItemSize:l,initialItemCount:c,horizontal:a,mode:f,cache:_,element:w=A,itemElement:v="div",onScroll:p,onScrollStop:S,onRangeChange:b,...z},I)=>{const R=s((()=>H(t)),[t]),x=R.length,y=J(p),k=J(S),[O,L]=i(!1),[E,j,N,U,P]=B((()=>{const e=!!a,t="rtl"===f,n=C(x,l,c,"reverse"===f,(e=>{L(e),e||k[M]&&k[M]()}),_,(e=>{y[M]&&y[M](e)}));return[n,D(n,e),$(n,e,t),e,t]}));E.j(x);const[V,X]=W(E,E.g),Y=W(E,E.M),q=W(E,E.T,!0),G=o(null);T((()=>{const e=G[M],t=j.F(e),n=N.B(e);return()=>{t(),n()}}),[]),T((()=>{const e=E.H();e&&N.A(e)}),[Y]),n((()=>{b&&b({start:V,end:X,count:x})}),[V,X]),u(I,(()=>({get cache(){return E._()},get scrollOffset(){return E.R()},get scrollSize(){return N.D()},get viewportSize(){return E.O()},scrollToIndex:N.U,scrollTo:N.N,scrollBy(e){N.N(E.R()+e)}})),[]);const K=h(V-r,0),Q=d(X+r,x-1),Z=s((()=>{const t=[];for(let n=K;n<=Q;n++){const r=R[n];m(r)&&t.push(e(F,{X:j,Y:E,q:n,G:v,V:r,K:U,Z:P},r.key||n))}return t}),[R,K,Q]);return e(w,{ref:G,width:U?q:void 0,height:U?void 0:q,scrolling:O,attrs:s((()=>({...z,style:{overflow:U?"auto hidden":"hidden auto",display:U?"inline-block":"block",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...z.style}})),g(z)),children:Z})})),V=(e,t)=>`${e}-${t}`,X=/*#__PURE__*/c((({V:t,X:n,ee:r,te:i,ne:l,re:c,G:u,Z:a})=>{const d=o(null),h=W(r,(()=>r.p(l)),!0),f=W(i,(()=>i.p(c)),!0),_=W(r,(()=>r.m(l)),!0),g=W(i,(()=>i.m(c)),!0),w=W(r,(()=>r.S(l)),!0),m=W(i,(()=>i.S(c)),!0);return T((()=>n.P(d[M],l,c)),[c,l]),e(u,{ref:d,style:s((()=>({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__*/l((({children:t,row:n,col:r,cellHeight:l=40,cellWidth:c=100,overscan:a=2,initialRowCount:f,initialColCount:_,rtl:w,element:m=A,cellElement:v="div",...p},S)=>{const[b,z]=i(!1),[I,R]=i(!1),[x,y,k,O,H,J]=B((()=>{const e=!!w,t=C(n,l,f,!1,z),o=C(r,c,_,!1,R);return[t,o,U(t,o),$(t,!1,e),$(o,!0,e),e]}));x.j(n),y.j(r);const[L,E]=W(x,x.g),[j,D]=W(y,y.g),N=W(x,x.M),F=W(y,y.M),P=W(x,x.T,!0),Y=W(y,y.T,!0),q=o(null);T((()=>{const e=q[M],t=k.F(e),n=O.B(e),r=H.B(e);return()=>{t(),n(),r()}}),[]),T((()=>{const e=x.H();e&&O.A(e)}),[N]),T((()=>{const e=y.H();e&&H.A(e)}),[F]),u(S,(()=>({get scrollOffset(){return[y.R(),x.R()]},get scrollSize(){return[H.D(),O.D()]},get viewportSize(){return[y.O(),x.O()]},scrollToIndex(e,t){H.U(e),O.U(t)},scrollTo(e,t){H.N(e),O.N(t)},scrollBy(e,t){H.N(y.R()+e),O.N(x.R()+t)}})),[]);const G=s((()=>{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]),K=h(L-a,0),Q=d(E+a,n-1),Z=h(j-a,0),ee=d(D+a,r-1),te=s((()=>{const t=[];for(let n=K;n<=Q;n++)for(let r=Z;r<=ee;r++)t.push(e(X,{X:k,ee:x,te:y,ne:n,re:r,G:v,V:G(n,r),Z:J},V(n,r)));return t}),[G,K,Q,Z,ee]);return e(m,{ref:q,width:Y,height:P,scrolling:b||I,attrs:s((()=>({...p,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...p.style}})),g(p)),children:te})})),q=/*#__PURE__*/l((({children:t,overscan:r=4,initialItemSize:l,initialItemCount:c,horizontal:a,cache:f,element:_=A,itemElement:w="div",onScrollStop:v,onRangeChange:p,...S},b)=>{const z=s((()=>H(t)),[t]),I=z.length,R=J(v),[x,y]=i(!1),[k,O,L,E]=B((()=>{const e=!!a,t=C(I,l,c,!1,(e=>{y(e),e||R[M]&&R[M]()}),f);return[t,N(t,e),j(t,e),e]}));k.j(I);const[$,D]=W(k,k.g),U=W(k,k.M),P=W(k,k.T,!0),V=o(null);T((()=>{const e=V[M],t=O.F(e),n=L.B(e);return()=>{t(),n()}}),[]),T((()=>{const e=k.H();e&&L.A(e)}),[U]),n((()=>{p&&p({start:$,end:D,count:I})}),[$,D]),u(b,(()=>({get cache(){return k._()}})),[]);const X=h($-r,0),Y=d(D+r,I-1),q=s((()=>{const t=[];for(let n=X;n<=Y;n++){const r=z[n];m(r)&&t.push(e(F,{X:O,Y:k,q:n,G:w,V:r,K:E,Z:!1},r.key||n))}return t}),[z,X,Y]);return e(_,{ref:V,width:E?P:void 0,height:E?void 0:P,scrolling:x,attrs:s((()=>({...S,style:{overflow:"visible",display:E?"inline-block":"block",width:E?"auto":"100%",height:E?"100%":"auto",padding:0,margin:0,...S.style}})),g(S)),children:q})}));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,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},z=(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},I=(e,t)=>z(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(h(t,0),e.l-1)},x=(e,t,n,r)=>R(e,n,t-r),y=(e,t)=>t.reduce(((t,[n,r])=>t+(r-b(e,n))),0),k=(e,t,n=0,r,o)=>{const i=!t,s=t||40,l=o||((e,t)=>{const n=[],r=[];for(let t=0;t<e;t++)n.push(S),r.push(0===t?0:S);return{i:t,l:e,u:0,o:n,h:r}})(e,s);let c=s*h(n-1,0),u=0,a=0,_=0,g=0,w=!1,p=!1,v=[0,n];const k=new Set,O=()=>(e=>z(e,e.l-1,!0))(l),C=()=>O()-c,T=e=>{const t=g;return g=e,g!==t&&(0===g||0===t)};return{_:()=>JSON.parse(JSON.stringify(l)),g(){const[e,t]=v,n=I(l,e),r=x(l,u,e,n),o=R(l,r,c);return e===r&&t===o?v:v=[r,o]},m:e=>l.o[e]===S,p:e=>((e,t,n)=>{for(let r=t;r<=n;r++)if(e.o[r]===S)return!0;return!1})(l,h(0,e-2),d(l.l-1,e+2)),v(e){const t=I(l,e);return r?t+h(0,c-O()):t},S:e=>b(l,e),I:()=>l.l,R:()=>u,k:C,O:()=>c,C:O,T:()=>h(O(),c),M:()=>a,H(){const e=_;return _=0,e},J:e=>x(l,e,0,0),W(e,t){const n=[e,t];return k.add(n),()=>{k.delete(n)}},L(e,t){let n,r=0;switch(e){case 1:{const e=t.filter((([e,t])=>l.o[e]!==t));if(!e.length)break;let o=0;if(2===g)o=y(l,e);else if(w){const[t]=v;0===u||(o=u>C()-1.5?y(l,e):y(l,e.filter((([e])=>e<t))))}o&&(_=o,a++,r+=4);let s=!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})(l,e,t)&&(s=!0)})),i&&s&&!u&&(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)})(l),r+=2,p=n=!0;break}case 2:c!==t&&(c=t,r=2);break;case 3:case 4:if(u===t)break;if(3===e){const e=p;p=!1,0!==g&&e||w||T(u>t?2:1)&&(r+=8),n=f(u-t)>c,r+=16}u=h(0,d(C(),t)),r+=1;break;case 5:T(0)&&(r=8),w=!1;break;case 6:w=!0}r&&k.forEach((([e,t])=>{r&e&&t(n)}))},$:()=>0!==g,j(e){l.l!==e&&((e,t)=>{const n=[],r=[];for(let o=0;o<t;o++){const t=e.o[o];if(n.push(m(t)?t:S),0===o)r.push(0);else{const t=e.h[o];r.push(m(t)?t:S)}}e.l=t,e.u=d(e.u,t-1),e.o=n,e.h=r})(l,e)}}},O="undefined"!=typeof window?t:n,C="current",T=e=>{const t=[];return r.forEach(e,(e=>{m(e)&&"boolean"!=typeof e&&t.push(e)})),t},M=e=>{const t=o(e);return O((()=>{t[C]=e}),[e]),t},H=(e,n,r,o)=>{const[s,l]=i(n),c=M(n);if(t((()=>{const t=()=>{l((()=>c[C]()))};return e.W(r,(e=>{e?a(t):t()}))}),[]),o){const e=n();s!==e&&l(e)}return s},J=/*#__PURE__*/v((e=>{const t="scrollLeft",n=e[t];e[t]=1;const r=e[t]<1;return e[t]=n,r})),W=(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))}})(),L=(e,t,n)=>{let r,o;const i=t?"scrollLeft":"scrollTop",s=()=>r?t?r.scrollWidth:r.scrollHeight:0,l=(o,i)=>t&&n?J(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=W(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=h(d(t,e.I()-1),0),c(t,(()=>e.v(t)))},D:e=>{r&&(r[i]+=l(e,!0))}}},E=(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=W(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)}}},$=e=>{const t=o();return t[C]||(t[C]=e())},j=(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)}}}},B=(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)}}}},N=(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)}}}},U=/*#__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})}))),A=/*#__PURE__*/c((({V:t,X:n,Y:r,q:i,G:s,K:c,Z:u})=>{const a=o(null),d=H(r,(()=>r.v(i)),2,!0),h=H(r,(()=>r.m(i)),2,!0);return O((()=>n.P(a[C],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})})),D=/*#__PURE__*/s((({children:t,overscan:r=4,initialItemSize:i,initialItemCount:s,horizontal:c,mode:a,cache:f,element:_=U,itemElement:w="div",onScroll:p,onScrollStop:v,onRangeChange:S,...b},z)=>{const I=l((()=>T(t)),[t]),R=I.length,x=M(p),y=M(v),[J,W,E,B,N]=$((()=>{const e=!!c,t="rtl"===a,n=k(R,i,s,"reverse"===a,f);return[n,j(n,e),L(n,e,t),e,t]}));J.j(R);const[D,F]=H(J,J.g,3),P=H(J,J.$,8),V=H(J,J.M,4),X=H(J,J.T,2,!0),Y=o(null);O((()=>{const e=Y[C],t=W.F(e),n=E.B(e),r=J.W(16,(()=>{x[C]&&x[C](J.R())}));return()=>{t(),n(),r()}}),[]),O((()=>{const e=J.H();e&&E.D(e)}),[V]),n((()=>{P||y[C]&&y[C]()}),[P]),n((()=>{S&&S(D,F)}),[D,F]),u(z,(()=>({get cache(){return J._()},get scrollOffset(){return J.R()},get scrollSize(){return E.N()},get viewportSize(){return J.O()},scrollToIndex:E.A,scrollTo:E.U,scrollBy(e){E.U(J.R()+e)}})),[]);const q=h(D-r,0),G=d(F+r,R-1),K=l((()=>{const t=[];for(let n=q;n<=G;n++){const r=I[n];m(r)&&t.push(e(A,{X:W,Y:J,q:n,G:w,V:r,K:B,Z:N},r.key||n))}return t}),[I,q,G]);return e(_,{ref:Y,width:B?X:void 0,height:B?void 0:X,scrolling:P,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:K})})),F=(e,t)=>`${e}-${t}`,P=/*#__PURE__*/c((({V:t,X:n,ee:r,te:i,ne:s,re:c,G:u,Z:a})=>{const d=o(null),h=H(r,(()=>r.v(s)),2,!0),f=H(i,(()=>i.v(c)),2,!0),_=H(r,(()=>r.m(s)),2,!0),g=H(i,(()=>i.m(c)),2,!0),w=H(r,(()=>r.S(s)),2,!0),m=H(i,(()=>i.S(c)),2,!0);return O((()=>n.P(d[C],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})})),V=/*#__PURE__*/s((({children:t,row:n,col:r,cellHeight:i=40,cellWidth:s=100,overscan:c=2,initialRowCount:a,initialColCount:f,rtl:_,element:w=U,cellElement:m="div",...p},v)=>{const[S,b,z,I,R,x]=$((()=>{const e=!!_,t=k(n,i,a,!1),o=k(r,s,f,!1);return[t,o,N(t,o),L(t,!1,e),L(o,!0,e),e]}));S.j(n),b.j(r);const[y,T]=H(S,S.g,3),[M,J]=H(b,b.g,3),W=H(S,S.$,8),E=H(b,b.$,8),j=H(S,S.M,4),B=H(b,b.M,4),A=H(S,S.T,2,!0),D=H(b,b.T,2,!0),V=o(null);O((()=>{const e=V[C],t=z.F(e),n=I.B(e),r=R.B(e);return()=>{t(),n(),r()}}),[]),O((()=>{const e=S.H();e&&I.D(e)}),[j]),O((()=>{const e=b.H();e&&R.D(e)}),[B]),u(v,(()=>({get scrollOffset(){return[b.R(),S.R()]},get scrollSize(){return[R.N(),I.N()]},get viewportSize(){return[b.O(),S.O()]},scrollToIndex(e,t){R.A(e),I.A(t)},scrollTo(e,t){R.U(e),I.U(t)},scrollBy(e,t){R.U(b.R()+e),I.U(S.R()+t)}})),[]);const X=l((()=>{const e=new Map;return(n,r)=>{let o=e.get(F(n,r));return o||e.set(F(n,r),o=t({rowIndex:n,colIndex:r})),o}}),[t]),Y=h(y-c,0),q=d(T+c,n-1),G=h(M-c,0),K=d(J+c,r-1),Q=l((()=>{const t=[];for(let n=Y;n<=q;n++)for(let r=G;r<=K;r++)t.push(e(P,{X:z,ee:S,te:b,ne:n,re:r,G:m,V:X(n,r),Z:x},F(n,r)));return t}),[X,Y,q,G,K]);return e(w,{ref:V,width:D,height:A,scrolling:W||E,attrs:l((()=>({...p,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",padding:0,margin:0,...p.style}})),g(p)),children:Q})})),X=/*#__PURE__*/s((({children:t,overscan:r=4,initialItemSize:i,initialItemCount:s,horizontal:c,cache:a,element:f=U,itemElement:_="div",onScrollStop:w,onRangeChange:p,...v},S)=>{const b=l((()=>T(t)),[t]),z=b.length,I=M(w),[R,x,y,J]=$((()=>{const e=!!c,t=k(z,i,s,!1,a);return[t,B(t,e),E(t,e),e]}));R.j(z);const[W,L]=H(R,R.g,3),j=H(R,R.$,8),N=H(R,R.M,4),D=H(R,R.T,2,!0),F=o(null);O((()=>{const e=F[C],t=x.F(e),n=y.B(e);return()=>{t(),n()}}),[]),O((()=>{const e=R.H();e&&y.D(e)}),[N]),n((()=>{j||I[C]&&I[C]()}),[j]),n((()=>{p&&p(W,L)}),[W,L]),u(S,(()=>({get cache(){return R._()}})),[]);const P=h(W-r,0),V=d(L+r,z-1),X=l((()=>{const t=[];for(let n=P;n<=V;n++){const r=b[n];m(r)&&t.push(e(A,{X:x,Y:R,q:n,G:_,V:r,K:J,Z:!1},r.key||n))}return t}),[b,P,V]);return e(f,{ref:F,width:J?D:void 0,height:J?void 0:D,scrolling:j,attrs:l((()=>({...v,style:{overflow:"visible",display:J?"inline-block":"block",width:J?"auto":"100%",height:J?"100%":"auto",padding:0,margin:0,...v.style}})),g(v)),children:X})}));export{V as VGrid,D as VList,X as WVList};
 //# sourceMappingURL=index.mjs.map