virtua 0.16.2 → 0.16.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 n,useRef as o,forwardRef as r,useMemo as i,memo as s,useReducer as l,useImperativeHandle as c}from"react";import{flushSync as a}from"react-dom";const u=Math.min,h=Math.max,d=Math.abs,f=Date.now,_=Object.values,w=Array.isArray,g=setTimeout,m=(e,t,n)=>u(n,h(t,e)),p=e=>null!=e,v=(e,t)=>{let n;const o=()=>{p(n)&&clearTimeout(n)},r=()=>{o(),n=g((()=>{n=null,e()}),t)};return r.t=o,r},b=e=>{let t,n;return(...o)=>(t||(t=!0,n=e(...o)),n)},S=e=>getComputedStyle(e),z=e=>e?parseFloat(e):0,I=-1,y=(e,t)=>{const n=e.o[t];return n===I?e.i:n},x=(e,t)=>{if(!e.l)return 0;if(e.u>=t)return e.h[t];let n=e.u,o=e.h[n];for(;n<t;)o+=y(e,n),e.h[++n]=o;return e.u=t,o},R=(e,t,n)=>{let o=x(e,n);for(;n>=0&&n<e.l;)if(o<=t){const r=y(e,n);if(o+r>t)break;o+=r,n++}else o-=y(e,--n);return m(n,0,e.l-1)},k=(e,t,n,o)=>{const r=R(e,t,u(n,e.l-1));return[r,R(e,t+o,r)]},O=(e,t,n)=>{const o=n?"unshift":"push";for(let n=e.l;n<t;n++)e.o[o](I),e.h.push(0===n?0:I);e.l=t},C=(e,t,n)=>{const o=t-e.l,r=o<0;let i;return r?(i=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,n)=>t+(n===I?e.i:n)),0),e.h.splice(o)):(i=e.i*o,O(e,e.l+o,n)),e.u=n?0:m(t-1,0,e.u),e.l=t,[i,r]},T="undefined"!=typeof window,M=()=>document.documentElement,H=/*#__PURE__*/b((e=>{const t="scrollLeft",n=e[t];e[t]=1;const o=e[t]<1;return e[t]=n,o})),J=/*#__PURE__*/b((()=>!!T&&"rtl"===S(M()).direction)),W=/*#__PURE__*/b((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),B=/*#__PURE__*/b((()=>"scrollBehavior"in M().style)),L=(e,t,n)=>t.reduce(((t,[o,r])=>{const i=r-y(e,o);return(!n||i>0)&&(t+=i),t}),0),$=(e,t=40,n=0,o=((e,t)=>{const n={i:t,l:0,u:0,o:[],h:[]};return O(n,e),n})(e,t),r,i)=>{let s=t*h(n-1,0),l=0,c=0,a=0,f=0,_=0,w=0,g=0,p=!1,v=null,b=!1,S=[0,n];const z=new Set,R=()=>(e=>e.l?x(e,e.l-1)+y(e,e.l-1):0)(o),T=()=>R()-s+l+c,M=e=>m(e,0,T()),H=e=>{W()&&0!==g?w+=e:(_+=e,f++)},J=e=>{const t=g;return g=e,g!==t};return{_:()=>JSON.parse(JSON.stringify(o)),g:()=>v?[u(S[0],v[0]),h(S[1],v[1])]:S=k(o,a+w,S[0],s),m:e=>o.o[e]===I,p:()=>!!v&&o.o.slice(h(0,v[0]-1),u(o.l-1,v[1]+1)+1).includes(I),v(e){const t=x(o,e)-w;return r?t+h(0,s-R()):t},S:e=>y(o,e),I:()=>o.l,R:()=>a,k:T,O:()=>g,C:()=>s,T:()=>l,M:()=>h(R(),s-l-c),H:()=>f,J(){const e=_;return _=0,e},W(e,t){const n=[e,t];return z.add(n),()=>{z.delete(n)}},B(e,t){let n,r,h=0;switch(e){case 1:{const e=t.filter((([e,t])=>o.o[e]!==t));if(!e.length)break;let n=0;if(0===a);else if(a>T()-1.5)n=L(o,e,!0);else{const[t]=S;n=L(o,e.filter((([e])=>e<t)))}n&&H(n);let s=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===I;return e.o[t]=n,e.u=u(t,e.u),o})(o,e,t)&&(s=!0)})),i&&s&&!a&&(e=>{const t=e.o.filter((e=>e!==I)),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)})(o),h+=2,b=r=!0;break}case 2:{const e=t[0]+t[1]+t[2];s!==e&&(s=e,l=t[1],c=t[2],h=2);break}case 3:if(t[1]){const e=T()-a,[n,r]=C(o,t[0],!0),i=r?-u(n,e):n;H(i),W()||(a=M(a+i)),h=1}else C(o,t[0]);break;case 4:{if(t===a)break;const e=t-a,n=b;b=!1,0!==g&&n||p||J(e<0?2:1),r=d(e)>s,h+=4,a=M(t),h+=1;break}case 5:J(0)&&(n=!0,h=1),p=!1,v=null;break;case 6:p=!0;break;case 7:v=k(o,t,S[0],s),h=1}h&&(n&&w&&(b=!0,_+=w,w=0,f++),z.forEach((([e,t])=>{h&e&&t(r)})))}}},P=T?t:n,V=(e,t,n)=>(()=>{let o=f()-50;return(...r)=>{const i=f();o+50<i&&(o=i,(o=>{if(0!==e.O()&&!o.ctrlKey&&(t?o.deltaX:o.deltaY)){const t=e.R();t>0&&t<e.k()&&n()}})(...r))}})(),X=(e,t,n,o)=>H(e)||o?-n:t.k()-n,Y=(e,t)=>{let n,o,r=!1;const i=t?"scrollLeft":"scrollTop",s=t?"overflowX":"overflowY",l=(o,r)=>t&&J()?X(n,e,o,r):o,c=async(r,s)=>{if(!n)return;o&&o();const c=()=>m(r(),0,e.k()),a=()=>{let t;return[new Promise(((e,n)=>{t=e,g(o=n,150)})),e.W(2,(()=>{t&&t()}))]};if(s&&B()){for(;e.B(7,c()),e.p();){const[e,t]=a();try{await e}catch(e){return}finally{t()}}n.scrollTo({[t?"left":"top"]:l(c()),behavior:"smooth"})}else for(;;){const[t,o]=a();try{n[i]=l(c()),e.B(6),await t}catch(e){return}finally{o()}}};return{L(o){n=o;let s=!1,c=!1;const a=v((()=>{s?a():(c=!1,e.B(5))}),150),u=()=>{c&&(r=!0),e.B(4,l(o[i])),a()},h=V(e,t,a),d=()=>{s=!0,c=r=!1},f=()=>{s=!1,W()&&(c=!0)};return o.addEventListener("scroll",u),o.addEventListener("wheel",h,{passive:!0}),o.addEventListener("touchstart",d,{passive:!0}),o.addEventListener("touchend",f,{passive:!0}),()=>{o.removeEventListener("scroll",u),o.removeEventListener("wheel",h),o.removeEventListener("touchstart",d),o.removeEventListener("touchend",f),a.t()}},$(e){c((()=>e))},P(t){t+=e.R(),c((()=>t))},V(t,{align:n,smooth:o}={}){if(t=m(t,0,e.I()-1),"nearest"===n){const o=e.v(t),r=e.R();if(o<r)n="start";else{if(!(o+e.S(t)>r+e.C()))return;n="end"}}c((()=>"end"===n?e.T()+e.v(t)+e.S(t)-e.C():"center"===n?e.T()+e.v(t)+(e.S(t)-e.C())/2:e.T()+e.v(t)),o)},X:e=>{if(n){if(r){r=!1;const e=n.style,t=e[s];e[s]="hidden",g((()=>{e[s]=t}))}n[i]+=l(e,!0)}}}},j=(e,t)=>{let n;const o=t?"scrollX":"scrollY",r=t?"offsetLeft":"offsetTop",i=(o,r)=>t&&J()?X(n,e,o,r):o;return{L(s){n=s;const l=(e,n)=>{const o=n+(t&&J()?window.innerWidth-e[r]-e.offsetWidth:e[r]),i=e.offsetParent;return e!==document.body&&i?l(i,o):o},c=v((()=>{e.B(5)}),150),a=()=>{e.B(4,i(window[o])-l(s,0)),c()},u=V(e,t,c);return window.addEventListener("scroll",a),window.addEventListener("wheel",u,{passive:!0}),()=>{window.removeEventListener("scroll",a),window.removeEventListener("wheel",u),c.t()}},X:e=>{window.scrollBy(t?i(e,!0):0,t?0:e)}}},D="current",N={},U=(e,t)=>{if(w(e))for(const n of e)U(n,t);else p(e)&&"boolean"!=typeof e&&t.push(e)},A=e=>{const t=[];return U(e,t),t},E=(e,t,n)=>h(e-(1===n?1:h(1,t)),0),F=(e,t,n,o)=>u(e+(2===n?1:h(1,t)),o-1),G=e=>{const t=o();return t[D]||(t[D]=e())},q=e=>{const t=o(e);return P((()=>{t[D]=e}),[e]),t},K={box:"border-box"},Q=(e,t)=>{let n;const o=t?"width":"height",r=new WeakMap,i=b((()=>new ResizeObserver((i=>{const s=[];for(const{target:l,contentRect:c}of i)if(l.offsetParent)if(l===n)e.B(2,[c[o],c[t?"left":"top"],z(S(n)[t?"paddingRight":"paddingBottom"])]);else{const e=r.get(l);p(e)&&s.push([e,c[o]])}s.length&&e.B(1,s)}))));return{Y(e){n=e;const t=i();return t.observe(e,K),()=>{t.disconnect()}},j(e,t){const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}}}},Z=(e,t)=>{const n=t?"width":"height",o=t?"innerWidth":"innerHeight",r=new WeakMap,i=b((()=>new ResizeObserver((t=>{const o=[];for(const{target:e,contentRect:i}of t){if(!e.offsetParent)continue;const t=r.get(e);p(t)&&o.push([t,i[n]])}o.length&&e.B(1,o)}))));return{Y(){const t=()=>{e.B(2,[window[o],0,0])};return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t),i().disconnect()}},j(e,t){const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}}}},ee=(e,t)=>{let n;const o="height",r="width",i=new WeakMap,s=new Set,l=new Set,c=new Map,a=(e,t)=>`${e}-${t}`,u=b((()=>new ResizeObserver((u=>{const d=new Set,f=new Set;for(const{target:s,contentRect:l}of u)if(s.offsetParent)if(s===n){const i=S(n);e.B(2,[l[o],l.top,z(i.paddingBottom)]),t.B(2,[l[r],l.left,z(i.paddingRight)])}else{const e=i.get(s);if(e){const[t,n]=e,i=a(t,n),s=c.get(i),u=[l[o],l[r]];let h,_;s?(s[0]!==u[0]&&(h=!0),s[1]!==u[1]&&(_=!0)):h=_=!0,h&&d.add(t),_&&f.add(n),(h||_)&&c.set(i,u)}}if(d.size){const t=[];d.forEach((e=>{let n=0;l.forEach((t=>{const o=c.get(a(e,t));o&&(n=h(n,o[0]))})),n&&t.push([e,n])})),e.B(1,t)}if(f.size){const e=[];f.forEach((t=>{let n=0;s.forEach((e=>{const o=c.get(a(e,t));o&&(n=h(n,o[1]))})),n&&e.push([t,n])})),t.B(1,e)}}))));return{Y(e){n=e;const t=u();return t.observe(e,K),()=>{t.disconnect()}},j(e,t,n){const o=u();return i.set(e,[t,n]),s.add(t),l.add(n),o.observe(e),()=>{i.delete(e),o.unobserve(e)}}}},te=/*#__PURE__*/r((({children:t,attrs:n,width:o,height:r,scrolling:s},l)=>e("div",{ref:l,...n,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:null!=o?o:"100%",height:null!=r?r:"100%",pointerEvents:s?"none":"auto"})),[o,r,s]),children:t})}))),ne=/*#__PURE__*/s((({D:t,N:n,U:r,A:s,F:l,G:c,q:a})=>{const u=o(null);return P((()=>n.j(u[D],r)),[r]),e(c,{ref:u,style:i((()=>{const e={margin:0,padding:0,position:"absolute",[a?"height":"width"]:"100%",[a?"top":"left"]:0,[a?J()?"right":"left":"top"]:s,visibility:l?"hidden":"visible"};return a&&(e.display="flex"),e}),[s,l]),children:t})})),oe=()=>[],re=()=>l(oe,void 0,oe)[1],ie=/*#__PURE__*/r((({children:t,overscan:r=4,initialItemSize:s,initialItemCount:l,shift:u,horizontal:h,reverse:d,cache:f,components:{Root:w=te,Item:g="div"}=N,onScroll:m,onScrollStop:v,onRangeChange:b,...S},z)=>{const I=i((()=>A(t)),[t]),y=I.length,x=q(m),R=q(v),[k,O,C,T]=G((()=>{const e=!!h,t=$(y,s,l,f,!!d,!s);return[t,Q(t,e),Y(t,e),e]}));y!==k.I()&&k.B(3,[y,u]);const M=re(),[H,J]=k.g(),W=k.O(),B=k.H(),L=k.M(),V=o(null),X=0!==W;P((()=>{const e=V[D],t=k.W(3,(e=>{e?a(M):M()})),n=k.W(4,(()=>{x[D]&&x[D](k.R())})),o=O.Y(e),r=C.L(e);return()=>{t(),n(),o(),r()}}),[]),P((()=>{const e=k.J();e&&C.X(e)}),[B]),n((()=>{X||R[D]&&R[D]()}),[X]),n((()=>{b&&b(H,J)}),[H,J]),c(z,(()=>({get cache(){return k._()},get scrollOffset(){return k.R()},get scrollSize(){return k.M()},get viewportSize(){return k.C()},scrollToIndex:C.V,scrollTo:C.$,scrollBy:C.P})),[]);const j=E(H,r,W),U=F(J,r,W,y),K=[];for(let t=j;t<=U;t++){const n=I[t],o=n.key;K.push(e(ne,{N:O,U:t,A:k.v(t),F:k.m(t),G:g,D:n,q:T},p(o)?o:"_"+t))}return e(w,{ref:V,width:T?L:void 0,height:T?void 0:L,scrolling:X,attrs:i((()=>({...S,style:{[T?"overflowX":"overflowY"]:"auto",display:T?"inline-block":"block",contain:"strict",width:"100%",height:"100%",...S.style}})),_(S)),children:K})})),se=/*#__PURE__*/r((({children:t,overscan:r=4,initialItemSize:s,initialItemCount:l,horizontal:u,cache:h,components:{Root:d=te,Item:f="div"}=N,onScrollStop:w,onRangeChange:g,...m},v)=>{const b=i((()=>A(t)),[t]),S=b.length,z=q(w),[I,y,x,R]=G((()=>{const e=!!u,t=$(S,s,l,h,!1,!s);return[t,Z(t,e),j(t,e),e]}));S!==I.I()&&I.B(3,[S]);const k=re(),[O,C]=I.g(),T=I.O(),M=I.H(),H=I.M(),J=o(null),W=0!==T;P((()=>{const e=J[D],t=I.W(3,(e=>{e?a(k):k()})),n=y.Y(e),o=x.L(e);return()=>{t(),n(),o()}}),[]),P((()=>{const e=I.J();e&&x.X(e)}),[M]),n((()=>{W||z[D]&&z[D]()}),[W]),n((()=>{g&&g(O,C)}),[O,C]),c(v,(()=>({get cache(){return I._()}})),[]);const B=E(O,r,T),L=F(C,r,T,S),V=[];for(let t=B;t<=L;t++){const n=b[t],o=n.key;V.push(e(ne,{N:y,U:t,A:I.v(t),F:I.m(t),G:f,D:n,q:R},p(o)?o:"_"+t))}return e(d,{ref:J,width:R?H:void 0,height:R?void 0:H,scrolling:W,attrs:i((()=>({...m,style:{display:R?"inline-block":"block",width:R?"auto":"100%",height:R?"100%":"auto",...m.style}})),_(m)),children:V})})),le=(e,t)=>`${e}-${t}`,ce=/*#__PURE__*/s((({D:t,N:n,K:r,Z:s,ee:l,te:c,ne:a,oe:u,F:h,G:d})=>{const f=o(null);return P((()=>n.j(f[D],r,s)),[s,r]),e(d,{ref:f,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:l,[J()?"right":"left"]:c,visibility:h?"hidden":"visible",minHeight:a,minWidth:u})),[l,c,u,a,h]),children:t})})),ae=/*#__PURE__*/r((({children:t,row:n,col:r,cellHeight:s=40,cellWidth:l=100,overscan:u=2,initialRowCount:h,initialColCount:d,components:{Root:f=te,Cell:w="div"}=N,...g},m)=>{const[p,v,b,S,z]=G((()=>{const e=$(n,s,h),t=$(r,l,d);return[e,t,ee(e,t),Y(e,!1),Y(t,!0)]}));n!==p.I()&&p.B(3,[n]),r!==v.I()&&v.B(3,[r]);const I=re(),[y,x]=p.g(),[R,k]=v.g(),O=p.O(),C=v.O(),T=p.H(),M=v.H(),H=p.M(),J=v.M(),W=o(null),B=0!==O,L=0!==C;P((()=>{const e=W[D],t=e=>{e?a(I):I()},n=p.W(3,t),o=v.W(3,t),r=b.Y(e),i=S.L(e),s=z.L(e);return()=>{n(),o(),r(),i(),s()}}),[]),P((()=>{const e=p.J();e&&S.X(e)}),[T]),P((()=>{const e=v.J();e&&z.X(e)}),[M]),c(m,(()=>({get scrollOffset(){return[v.R(),p.R()]},get scrollSize(){return[v.M(),p.M()]},get viewportSize(){return[v.C(),p.C()]},scrollToIndex(e,t){z.V(e),S.V(t)},scrollTo(e,t){z.$(e),S.$(t)},scrollBy(e,t){z.P(e),S.P(t)}})),[]);const V=i((()=>{const e=new Map;return(n,o)=>{let r=e.get(le(n,o));return r||e.set(le(n,o),r=t({rowIndex:n,colIndex:o})),r}}),[t]),X=E(y,u,O),j=F(x,u,O,n),U=E(R,u,C),A=F(k,u,C,r),q=[];for(let t=X;t<=j;t++)for(let n=U;n<=A;n++)q.push(e(ce,{N:b,K:t,Z:n,ee:p.v(t),te:v.v(n),ne:p.S(t),oe:v.S(n),F:p.m(t)||v.m(n),G:w,D:V(t,n)},le(t,n)));return e(f,{ref:W,width:J,height:H,scrolling:B||L,attrs:i((()=>({...g,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",...g.style}})),_(g)),children:q})}));export{ie as VList,se as WVList,ae as experimental_VGrid};
+import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useEffect as n,useRef as o,forwardRef as r,useMemo as i,memo as s,useReducer as l,useImperativeHandle as c}from"react";import{flushSync as a}from"react-dom";const u=Math.min,h=Math.max,d=Math.abs,f=Date.now,_=Object.values,w=Array.isArray,g=setTimeout,m=(e,t,n)=>u(n,h(t,e)),p=e=>null!=e,v=(e,t)=>{let n;const o=()=>{p(n)&&clearTimeout(n)},r=()=>{o(),n=g((()=>{n=null,e()}),t)};return r.t=o,r},b=e=>{let t,n;return(...o)=>(t||(t=!0,n=e(...o)),n)},S=e=>getComputedStyle(e),z=e=>e?parseFloat(e):0,I=-1,y=(e,t)=>{const n=e.o[t];return n===I?e.i:n},x=(e,t)=>{if(!e.l)return 0;if(e.u>=t)return e.h[t];let n=e.u,o=e.h[n];for(;n<t;)o+=y(e,n),e.h[++n]=o;return e.u=t,o},R=(e,t,n)=>{let o=x(e,n);for(;n>=0&&n<e.l;)if(o<=t){const r=y(e,n);if(o+r>t)break;o+=r,n++}else o-=y(e,--n);return m(n,0,e.l-1)},k=(e,t,n,o)=>{const r=R(e,t,u(n,e.l-1));return[r,R(e,t+o,r)]},O=(e,t,n)=>{const o=n?"unshift":"push";for(let n=e.l;n<t;n++)e.o[o](I),e.h.push(0===n?0:I);e.l=t},C=(e,t,n)=>{const o=t-e.l,r=o<0;let i;return r?(i=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,n)=>t+(n===I?e.i:n)),0),e.h.splice(o)):(i=e.i*o,O(e,e.l+o,n)),e.u=n?0:m(t-1,0,e.u),e.l=t,[i,r]},T="undefined"!=typeof window,M=()=>document.documentElement,H=/*#__PURE__*/b((e=>{const t="scrollLeft",n=e[t];e[t]=1;const o=e[t]<1;return e[t]=n,o})),J=/*#__PURE__*/b((()=>!!T&&"rtl"===S(M()).direction)),W=/*#__PURE__*/b((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),B=/*#__PURE__*/b((()=>"scrollBehavior"in M().style)),L=(e,t,n)=>t.reduce(((t,[o,r])=>{const i=r-y(e,o);return(!n||i>0)&&(t+=i),t}),0),$=(e,t=40,n=0,o=((e,t)=>{const n={i:t,l:0,u:0,o:[],h:[]};return O(n,e),n})(e,t),r,i)=>{let s=t*h(n-1,0),l=0,c=0,a=0,f=0,_=0,w=0,g=0,p=!1,v=null,b=!1,S=[0,n];const z=new Set,R=()=>(e=>e.l?x(e,e.l-1)+y(e,e.l-1):0)(o),T=()=>R()-s+l+c,M=e=>m(e,0,T()),H=e=>{W()&&0!==g?w+=e:(_+=e,f++)},J=e=>{const t=g;return g=e,g!==t};return{_:()=>JSON.parse(JSON.stringify(o)),g:()=>v?[u(S[0],v[0]),h(S[1],v[1])]:S=k(o,a+w,S[0],s),m:e=>o.o[e]===I,p:()=>!!v&&o.o.slice(h(0,v[0]-1),u(o.l-1,v[1]+1)+1).includes(I),v(e){const t=x(o,e)-w;return r?t+h(0,s-R()):t},S:e=>y(o,e),I:()=>o.l,R:()=>a,k:T,O:()=>g,C:()=>s,T:()=>l,M:()=>h(R(),s-l-c),H:()=>f,J(){const e=_;return _=0,e},W(e,t){const n=[e,t];return z.add(n),()=>{z.delete(n)}},B(e,t){let n,r,h=0;switch(e){case 1:{const e=t.filter((([e,t])=>o.o[e]!==t));if(!e.length)break;let n=0;if(0===a);else if(a>T()-1.5)n=L(o,e,!0);else{const[t]=S;n=L(o,e.filter((([e])=>e<t)))}n&&H(n);let s=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===I;return e.o[t]=n,e.u=u(t,e.u),o})(o,e,t)&&(s=!0)})),i&&s&&!a&&(e=>{const t=e.o.filter((e=>e!==I)),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)})(o),h=2,b=r=!0;break}case 2:{const e=t[0]+t[1]+t[2];s!==e&&(s=e,l=t[1],c=t[2],h=2);break}case 3:if(t[1]){const e=T()-a,[n,r]=C(o,t[0],!0),i=r?-u(n,e):n;H(i),W()||(a=M(a+i)),h=1}else C(o,t[0]);break;case 4:{if(t===a)break;const e=t-a,n=b;b=!1,0!==g&&n||p||J(e<0?2:1),r=d(e)>s,a=M(t),h=5;break}case 5:J(0)&&(n=!0,h=1),p=!1,v=null;break;case 6:p=!0;break;case 7:v=k(o,t,S[0],s),h=1}h&&(n&&w&&(b=!0,_+=w,w=0,f++),z.forEach((([e,t])=>{h&e&&t(r)})))}}},P=T?t:n,V=(e,t,n)=>(()=>{let o=f()-50;return(...r)=>{const i=f();o+50<i&&(o=i,(o=>{if(0!==e.O()&&!o.ctrlKey&&(t?o.deltaX:o.deltaY)){const t=e.R();t>0&&t<e.k()&&n()}})(...r))}})(),X=(e,t,n,o)=>H(e)||o?-n:t.k()-n,Y=(e,t)=>{let n,o,r=!1;const i=t?"scrollLeft":"scrollTop",s=t?"overflowX":"overflowY",l=(o,r)=>t&&J()?X(n,e,o,r):o,c=async(r,s)=>{if(!n)return;o&&o();const c=()=>m(r(),0,e.k()),a=()=>{let t;return[new Promise(((e,n)=>{t=e,g(o=n,150)})),e.W(2,(()=>{t&&t()}))]};if(s&&B()){for(;e.B(7,c()),e.p();){const[e,t]=a();try{await e}catch(e){return}finally{t()}}n.scrollTo({[t?"left":"top"]:l(c()),behavior:"smooth"})}else for(;;){const[t,o]=a();try{n[i]=l(c()),e.B(6),await t}catch(e){return}finally{o()}}};return{L(o){n=o;let s=!1,c=!1;const a=v((()=>{s?a():(c=!1,e.B(5))}),150),u=()=>{c&&(r=!0),e.B(4,l(o[i])),a()},h=V(e,t,a),d=()=>{s=!0,c=r=!1},f=()=>{s=!1,W()&&(c=!0)};return o.addEventListener("scroll",u),o.addEventListener("wheel",h,{passive:!0}),o.addEventListener("touchstart",d,{passive:!0}),o.addEventListener("touchend",f,{passive:!0}),()=>{o.removeEventListener("scroll",u),o.removeEventListener("wheel",h),o.removeEventListener("touchstart",d),o.removeEventListener("touchend",f),a.t()}},$(e){c((()=>e))},P(t){t+=e.R(),c((()=>t))},V(t,{align:n,smooth:o}={}){if(t=m(t,0,e.I()-1),"nearest"===n){const o=e.v(t),r=e.R();if(o<r)n="start";else{if(!(o+e.S(t)>r+e.C()))return;n="end"}}c((()=>"end"===n?e.T()+e.v(t)+e.S(t)-e.C():"center"===n?e.T()+e.v(t)+(e.S(t)-e.C())/2:e.T()+e.v(t)),o)},X:e=>{if(n){if(r){r=!1;const e=n.style,t=e[s];e[s]="hidden",g((()=>{e[s]=t}))}n[i]+=l(e,!0)}}}},j=(e,t)=>{let n;const o=t?"scrollX":"scrollY",r=t?"offsetLeft":"offsetTop",i=(o,r)=>t&&J()?X(n,e,o,r):o;return{L(s){n=s;const l=(e,n)=>{const o=n+(t&&J()?window.innerWidth-e[r]-e.offsetWidth:e[r]),i=e.offsetParent;return e!==document.body&&i?l(i,o):o},c=v((()=>{e.B(5)}),150),a=()=>{e.B(4,i(window[o])-l(s,0)),c()},u=V(e,t,c);return window.addEventListener("scroll",a),window.addEventListener("wheel",u,{passive:!0}),()=>{window.removeEventListener("scroll",a),window.removeEventListener("wheel",u),c.t()}},X:e=>{window.scrollBy(t?i(e,!0):0,t?0:e)}}},D="current",N={},U=(e,t)=>{if(w(e))for(const n of e)U(n,t);else p(e)&&"boolean"!=typeof e&&t.push(e)},A=(e,t,n)=>h(e-(1===n?1:h(1,t)),0),E=(e,t,n,o)=>u(e+(2===n?1:h(1,t)),o-1),F=e=>{const t=o();return t[D]||(t[D]=e())},G=e=>{const t=o(e);return P((()=>{t[D]=e}),[e]),t},q={box:"border-box"},K=(e,t)=>{let n;const o=t?"width":"height",r=new WeakMap,i=b((()=>new ResizeObserver((i=>{const s=[];for(const{target:l,contentRect:c}of i)if(l.offsetParent)if(l===n)e.B(2,[c[o],c[t?"left":"top"],z(S(n)[t?"paddingRight":"paddingBottom"])]);else{const e=r.get(l);p(e)&&s.push([e,c[o]])}s.length&&e.B(1,s)}))));return{Y(e){n=e;const t=i();return t.observe(e,q),()=>{t.disconnect()}},j(e,t){const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}}}},Q=(e,t)=>{const n=t?"width":"height",o=t?"innerWidth":"innerHeight",r=new WeakMap,i=b((()=>new ResizeObserver((t=>{const o=[];for(const{target:e,contentRect:i}of t){if(!e.offsetParent)continue;const t=r.get(e);p(t)&&o.push([t,i[n]])}o.length&&e.B(1,o)}))));return{Y(){const t=()=>{e.B(2,[window[o],0,0])};return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t),i().disconnect()}},j(e,t){const n=i();return r.set(e,t),n.observe(e),()=>{r.delete(e),n.unobserve(e)}}}},Z=(e,t)=>{let n;const o="height",r="width",i=new WeakMap,s=new Set,l=new Set,c=new Map,a=(e,t)=>`${e}-${t}`,u=b((()=>new ResizeObserver((u=>{const d=new Set,f=new Set;for(const{target:s,contentRect:l}of u)if(s.offsetParent)if(s===n){const i=S(n);e.B(2,[l[o],l.top,z(i.paddingBottom)]),t.B(2,[l[r],l.left,z(i.paddingRight)])}else{const e=i.get(s);if(e){const[t,n]=e,i=a(t,n),s=c.get(i),u=[l[o],l[r]];let h,_;s?(s[0]!==u[0]&&(h=!0),s[1]!==u[1]&&(_=!0)):h=_=!0,h&&d.add(t),_&&f.add(n),(h||_)&&c.set(i,u)}}if(d.size){const t=[];d.forEach((e=>{let n=0;l.forEach((t=>{const o=c.get(a(e,t));o&&(n=h(n,o[0]))})),n&&t.push([e,n])})),e.B(1,t)}if(f.size){const e=[];f.forEach((t=>{let n=0;s.forEach((e=>{const o=c.get(a(e,t));o&&(n=h(n,o[1]))})),n&&e.push([t,n])})),t.B(1,e)}}))));return{Y(e){n=e;const t=u();return t.observe(e,q),()=>{t.disconnect()}},j(e,t,n){const o=u();return i.set(e,[t,n]),s.add(t),l.add(n),o.observe(e),()=>{i.delete(e),o.unobserve(e)}}}},ee=/*#__PURE__*/r((({children:t,attrs:n,width:o,height:r,scrolling:s},l)=>e("div",{ref:l,...n,children:e("div",{style:i((()=>({position:"relative",visibility:"hidden",width:null!=o?o:"100%",height:null!=r?r:"100%",pointerEvents:s?"none":"auto"})),[o,r,s]),children:t})}))),te=/*#__PURE__*/s((({D:t,N:n,U:r,A:s,F:l,G:c,q:a})=>{const u=o(null);return P((()=>n.j(u[D],r)),[r]),e(c,{ref:u,style:i((()=>{const e={margin:0,padding:0,position:"absolute",[a?"height":"width"]:"100%",[a?"top":"left"]:0,[a?J()?"right":"left":"top"]:s,visibility:l?"hidden":"visible"};return a&&(e.display="flex"),e}),[s,l]),children:t})})),ne=()=>[],oe=()=>l(ne,void 0,ne)[1],re=(e,t)=>i((()=>{if("function"==typeof e)return[e,t||0];const n=(e=>{const t=[];return U(e,t),t})(e);return[e=>n[e],n.length]}),[e,t]),ie=/*#__PURE__*/r((({children:t,count:r,overscan:s=4,initialItemSize:l,initialItemCount:u,shift:h,horizontal:d,reverse:f,cache:w,components:{Root:g=ee,Item:m="div"}=N,onScroll:v,onScrollStop:b,onRangeChange:S,...z},I)=>{const[y,x]=re(t,r),R=G(v),k=G(b),[O,C,T,M]=F((()=>{const e=!!d,t=$(x,l,u,w,!!f,!l);return[t,K(t,e),Y(t,e),e]}));x!==O.I()&&O.B(3,[x,h]);const H=oe(),[J,W]=O.g(),B=O.O(),L=O.H(),V=O.M(),X=o(null),j=0!==B;P((()=>{const e=X[D],t=O.W(3,(e=>{e?a(H):H()})),n=O.W(4,(()=>{R[D]&&R[D](O.R())})),o=C.Y(e),r=T.L(e);return()=>{t(),n(),o(),r()}}),[]),P((()=>{const e=O.J();e&&T.X(e)}),[L]),n((()=>{j||k[D]&&k[D]()}),[j]),n((()=>{S&&S(J,W)}),[J,W]),c(I,(()=>({get cache(){return O._()},get scrollOffset(){return O.R()},get scrollSize(){return O.M()},get viewportSize(){return O.C()},scrollToIndex:T.V,scrollTo:T.$,scrollBy:T.P})),[]);const U=A(J,s,B),q=E(W,s,B,x),Q=[];for(let t=U;t<=q;t++){const n=y(t),o=n.key;Q.push(e(te,{N:C,U:t,A:O.v(t),F:O.m(t),G:m,D:n,q:M},p(o)?o:"_"+t))}return e(g,{ref:X,width:M?V:void 0,height:M?void 0:V,scrolling:j,attrs:i((()=>({...z,style:{[M?"overflowX":"overflowY"]:"auto",display:M?"inline-block":"block",contain:"strict",width:"100%",height:"100%",...z.style}})),_(z)),children:Q})})),se=/*#__PURE__*/r((({children:t,count:r,overscan:s=4,initialItemSize:l,initialItemCount:u,horizontal:h,cache:d,components:{Root:f=ee,Item:w="div"}=N,onScrollStop:g,onRangeChange:m,...v},b)=>{const[S,z]=re(t,r),I=G(g),[y,x,R,k]=F((()=>{const e=!!h,t=$(z,l,u,d,!1,!l);return[t,Q(t,e),j(t,e),e]}));z!==y.I()&&y.B(3,[z]);const O=oe(),[C,T]=y.g(),M=y.O(),H=y.H(),J=y.M(),W=o(null),B=0!==M;P((()=>{const e=W[D],t=y.W(3,(e=>{e?a(O):O()})),n=x.Y(e),o=R.L(e);return()=>{t(),n(),o()}}),[]),P((()=>{const e=y.J();e&&R.X(e)}),[H]),n((()=>{B||I[D]&&I[D]()}),[B]),n((()=>{m&&m(C,T)}),[C,T]),c(b,(()=>({get cache(){return y._()}})),[]);const L=A(C,s,M),V=E(T,s,M,z),X=[];for(let t=L;t<=V;t++){const n=S(t),o=n.key;X.push(e(te,{N:x,U:t,A:y.v(t),F:y.m(t),G:w,D:n,q:k},p(o)?o:"_"+t))}return e(f,{ref:W,width:k?J:void 0,height:k?void 0:J,scrolling:B,attrs:i((()=>({...v,style:{display:k?"inline-block":"block",width:k?"auto":"100%",height:k?"100%":"auto",...v.style}})),_(v)),children:X})})),le=(e,t)=>`${e}-${t}`,ce=/*#__PURE__*/s((({D:t,N:n,K:r,Z:s,ee:l,te:c,ne:a,oe:u,F:h,G:d})=>{const f=o(null);return P((()=>n.j(f[D],r,s)),[s,r]),e(d,{ref:f,style:i((()=>({display:"grid",margin:0,padding:0,position:"absolute",top:l,[J()?"right":"left"]:c,visibility:h?"hidden":"visible",minHeight:a,minWidth:u})),[l,c,u,a,h]),children:t})})),ae=/*#__PURE__*/r((({children:t,row:n,col:r,cellHeight:s=40,cellWidth:l=100,overscan:u=2,initialRowCount:h,initialColCount:d,components:{Root:f=ee,Cell:w="div"}=N,...g},m)=>{const[p,v,b,S,z]=F((()=>{const e=$(n,s,h),t=$(r,l,d);return[e,t,Z(e,t),Y(e,!1),Y(t,!0)]}));n!==p.I()&&p.B(3,[n]),r!==v.I()&&v.B(3,[r]);const I=oe(),[y,x]=p.g(),[R,k]=v.g(),O=p.O(),C=v.O(),T=p.H(),M=v.H(),H=p.M(),J=v.M(),W=o(null),B=0!==O,L=0!==C;P((()=>{const e=W[D],t=e=>{e?a(I):I()},n=p.W(3,t),o=v.W(3,t),r=b.Y(e),i=S.L(e),s=z.L(e);return()=>{n(),o(),r(),i(),s()}}),[]),P((()=>{const e=p.J();e&&S.X(e)}),[T]),P((()=>{const e=v.J();e&&z.X(e)}),[M]),c(m,(()=>({get scrollOffset(){return[v.R(),p.R()]},get scrollSize(){return[v.M(),p.M()]},get viewportSize(){return[v.C(),p.C()]},scrollToIndex(e,t){z.V(e),S.V(t)},scrollTo(e,t){z.$(e),S.$(t)},scrollBy(e,t){z.P(e),S.P(t)}})),[]);const V=i((()=>{const e=new Map;return(n,o)=>{let r=e.get(le(n,o));return r||e.set(le(n,o),r=t({rowIndex:n,colIndex:o})),r}}),[t]),X=A(y,u,O),j=E(x,u,O,n),U=A(R,u,C),G=E(k,u,C,r),q=[];for(let t=X;t<=j;t++)for(let n=U;n<=G;n++)q.push(e(ce,{N:b,K:t,Z:n,ee:p.v(t),te:v.v(n),ne:p.S(t),oe:v.S(n),F:p.m(t)||v.m(n),G:w,D:V(t,n)},le(t,n)));return e(f,{ref:W,width:J,height:H,scrolling:B||L,attrs:i((()=>({...g,style:{overflow:"auto",contain:"strict",width:"100%",height:"100%",...g.style}})),_(g)),children:q})}));export{ie as VList,se as WVList,ae as experimental_VGrid};
 //# sourceMappingURL=index.mjs.map