virtua 0.25.0 → 0.26.0

package/README.md

@@ -315,7 +315,7 @@ It may be dispatched by ResizeObserver in this lib [as described in spec](https:
 | Horizontal scroll                                  | ✅                                                                                                               | ❌                                                                                                                               | ✅ ([may be dropped in v2](https://github.com/bvaughn/react-window/issues/302))                                              | ✅                                                                                                                                                                     | 🟠 (needs customization)                                                                                                                           | ✅                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
 | Horizontal scroll in RTL direction                 | ✅                                                                                                               | ❌                                                                                                                               | ✅ ([may be dropped in v2](https://github.com/bvaughn/react-window/issues/302))                                              | ❌                                                                                                                                                                     | ❌                                                                                                                                                 | ❌                                                                                                                                                 | ❌                                                                                                                                       |
 | Grid (Virtualization for two dimension)            | 🟠 (experimental_VGrid)                                                                                          | ❌                                                                                                                               | ✅ (FixedSizeGrid / VariableSizeGrid)                                                                                        | ✅ ([Grid](https://github.com/bvaughn/react-virtualized/blob/master/docs/Grid.md))                                                                                     | 🟠 (needs customization)                                                                                                                           | ❌                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
-| Table                                              | 🟠 (needs customization)                                                                                         | ✅ (TableVirtuoso)                                                                                                               | 🟠 (needs customization)                                                                                                     | ✅ ([Table](https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md))                                                                                   | 🟠 (needs customization)                                                                                                                           | ❌                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
+| Table                                              | 🟠 (needs customization)                                                                                         | ✅ (TableVirtuoso)                                                                                                               | 🟠 (needs customization)                                                                                                     | 🟠 ([Table](https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md) but it's built with div)                                                           | 🟠 (needs customization)                                                                                                                           | ❌                                                                                                                                                 | 🟠 (needs customization)                                                                                                                 |
 | Window scroller                                    | ✅ (WindowVirtualizer)                                                                                           | ✅                                                                                                                               | ❌                                                                                                                           | ✅ ([WindowScroller](https://github.com/bvaughn/react-virtualized/blob/master/docs/WindowScroller.md))                                                                 | ✅                                                                                                                                                 | ❌                                                                                                                                                 | ❌                                                                                                                                       |
 | Dynamic list size                                  | ✅                                                                                                               | ✅                                                                                                                               | 🟠 (needs [AutoSizer](https://github.com/bvaughn/react-virtualized/blob/master/docs/AutoSizer.md))                           | 🟠 (needs [AutoSizer](https://github.com/bvaughn/react-virtualized/blob/master/docs/AutoSizer.md))                                                                     | ✅                                                                                                                                                 | ❌                                                                                                                                                 | ✅                                                                                                                                       |
 | Dynamic item size                                  | ✅                                                                                                               | ✅                                                                                                                               | 🟠 (needs additional codes and has wrong destination when scrolling to item imperatively)                                    | 🟠 (needs [CellMeasurer](https://github.com/bvaughn/react-virtualized/blob/master/docs/CellMeasurer.md) and has wrong destination when scrolling to item imperatively) | 🟠 (has wrong destination when scrolling to item imperatively)                                                                                     | ❌                                                                                                                                                 | 🟠 (has wrong destination when scrolling to item imperatively)                                                                           |

package/lib/index.js

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