virtua 0.4.1 → 0.4.3

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