virtua 0.4.2 → 0.4.4

package/lib/index.mjs

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