virtua 0.18.0 → 0.19.0

package/README.md

@@ -281,7 +281,7 @@ WIP
 ## Contribute
 
 All contributions are welcome.
-If you find a problem, feel free to create an [issue](https://github.com/inokawa/virtua/issues) or a [PR](https://github.com/inokawa/virtua/pulls).
+If you find a problem, feel free to create an [issue](https://github.com/inokawa/virtua/issues) or a [PR](https://github.com/inokawa/virtua/pulls). If you have a question, ask in [discussions](https://github.com/inokawa/virtua/discussions).
 
 ### Making a Pull Request
 

package/lib/index.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @module react
+ */
 export type { CacheSnapshot, ScrollToIndexAlign, ScrollToIndexOpts, } from "./core/types";
 export * from "./react";

package/lib/index.js

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