virtua 0.23.3 → 0.25.0

package/lib/react/VGrid.d.ts

@@ -1,32 +1,5 @@
 import { CSSProperties, ReactNode } from "react";
 import { ViewportComponentAttributes } from "./types";
-/**
- * Props of customized scrollable component.
- */
-interface CustomViewportComponentProps {
-    /**
-     * Renderable item elements.
-     */
-    children: ReactNode;
-    /**
-     * Attributes that should be passed to the scrollable element.
-     */
-    attrs: ViewportComponentAttributes;
-    /**
-     * Total height of items. It's undefined if component is not vertically scrollable.
-     */
-    height: number | undefined;
-    /**
-     * Total width of items. It's undefined if component is not horizontally scrollable.
-     */
-    width: number | undefined;
-    /**
-     * Currently component is scrolling or not.
-     */
-    scrolling: boolean;
-}
-declare const DefaultViewport: import("react").ForwardRefExoticComponent<CustomViewportComponentProps & import("react").RefAttributes<any>>;
-export type CustomViewportComponent = typeof DefaultViewport;
 /**
  * Props of customized cell component for {@link VGrid}.
  */
@@ -119,23 +92,12 @@ export interface VGridProps extends ViewportComponentAttributes {
      */
     initialColCount?: number;
     /**
-     * Customized components for advanced usage.
+     * Component or element type for cell element. This component will get {@link CustomCellComponentProps} as props.
+     * @defaultValue "div"
      */
-    components?: {
-        /**
-         * Component for scrollable element. This component will get {@link CustomViewportComponentProps} as props.
-         * @defaultValue {@link DefaultViewport}
-         */
-        Root?: CustomViewportComponent;
-        /**
-         * Component or element type for cell element. This component will get {@link CustomCellComponentProps} as props.
-         * @defaultValue "div"
-         */
-        Cell?: keyof JSX.IntrinsicElements | CustomCellComponent;
-    };
+    item?: keyof JSX.IntrinsicElements | CustomCellComponent;
 }
 /**
  * Virtualized grid component. See {@link VGridProps} and {@link VGridHandle}.
  */
 export declare const VGrid: import("react").ForwardRefExoticComponent<VGridProps & import("react").RefAttributes<VGridHandle>>;
-export {};

package/lib/solid/VList.d.ts

@@ -2,98 +2,17 @@
  * @jsxImportSource solid-js
  */
 import { JSX } from "solid-js";
-import { ScrollToIndexOpts } from "../core/types";
 import { ViewportComponentAttributes } from "./types";
+import { VirtualizerHandle, VirtualizerProps } from "./Virtualizer";
 /**
  * Methods of {@link VList}.
  */
-export interface VListHandle {
-    /**
-     * Get current scrollTop or scrollLeft.
-     */
-    readonly scrollOffset: number;
-    /**
-     * Get current scrollHeight or scrollWidth.
-     */
-    readonly scrollSize: number;
-    /**
-     * Get current offsetHeight or offsetWidth.
-     */
-    readonly viewportSize: number;
-    /**
-     * Scroll to the item specified by index.
-     * @param index index of item
-     * @param opts options
-     */
-    scrollToIndex(index: number, opts?: ScrollToIndexOpts): void;
-    /**
-     * Scroll to the given offset.
-     * @param offset offset from start
-     */
-    scrollTo(offset: number): void;
-    /**
-     * Scroll by the given offset.
-     * @param offset offset from current position
-     */
-    scrollBy(offset: number): void;
+export interface VListHandle extends VirtualizerHandle {
 }
 /**
  * Props of {@link VList}.
  */
-export interface VListProps<T> extends ViewportComponentAttributes {
-    /**
-     * Get reference to {@link VListHandle}.
-     */
-    ref?: (handle?: VListHandle) => void;
-    /**
-     * The data items rendered by this component.
-     */
-    data: T[];
-    /**
-     * The elements renderer function.
-     */
-    children: (data: T, index: number) => JSX.Element;
-    /**
-     * Number of items to render above/below the visible bounds of the list. Lower value will give better performance but you can increase to avoid showing blank items in fast scrolling.
-     * @defaultValue 4
-     */
-    overscan?: number;
-    /**
-     * Item size hint for unmeasured items. It will help to reduce scroll jump when items are measured if used properly.
-     *
-     * - If not set, initial item sizes will be automatically estimated from measured sizes. This is recommended for most cases.
-     * - If set, you can opt out estimation and use the value as initial item size.
-     */
-    itemSize?: number;
-    /**
-     * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
-     */
-    shift?: boolean;
-    /**
-     * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.
-     */
-    horizontal?: boolean;
-    /**
-     * Callback invoked whenever scroll offset changes.
-     * @param offset Current scrollTop or scrollLeft.
-     */
-    onScroll?: (offset: number) => void;
-    /**
-     * Callback invoked when scrolling stops.
-     */
-    onScrollEnd?: () => void;
-    /**
-     * Callback invoked when visible items range changes.
-     */
-    onRangeChange?: (
-    /**
-     * The start index of viewable items.
-     */
-    startIndex: number, 
-    /**
-     * The end index of viewable items.
-     */
-    endIndex: number) => void;
+export interface VListProps<T> extends Pick<VirtualizerProps<T>, "ref" | "data" | "children" | "overscan" | "itemSize" | "shift" | "horizontal" | "onScroll" | "onScrollEnd" | "onRangeChange">, ViewportComponentAttributes {
 }
 /**
  * Virtualized list component. See {@link VListProps} and {@link VListHandle}.

package/lib/solid/Virtualizer.d.ts

@@ -0,0 +1,100 @@
+/**
+ * @jsxImportSource solid-js
+ */
+import { JSX } from "solid-js";
+import { ScrollToIndexOpts } from "../core/types";
+/**
+ * Methods of {@link Virtualizer}.
+ */
+export interface VirtualizerHandle {
+    /**
+     * Get current scrollTop or scrollLeft.
+     */
+    readonly scrollOffset: number;
+    /**
+     * Get current scrollHeight or scrollWidth.
+     */
+    readonly scrollSize: number;
+    /**
+     * Get current offsetHeight or offsetWidth.
+     */
+    readonly viewportSize: number;
+    /**
+     * Scroll to the item specified by index.
+     * @param index index of item
+     * @param opts options
+     */
+    scrollToIndex(index: number, opts?: ScrollToIndexOpts): void;
+    /**
+     * Scroll to the given offset.
+     * @param offset offset from start
+     */
+    scrollTo(offset: number): void;
+    /**
+     * Scroll by the given offset.
+     * @param offset offset from current position
+     */
+    scrollBy(offset: number): void;
+}
+/**
+ * Props of {@link Virtualizer}.
+ */
+export interface VirtualizerProps<T> {
+    /**
+     * Get reference to {@link VirtualizerHandle}.
+     */
+    ref?: (handle?: VirtualizerHandle) => void;
+    /**
+     * The data items rendered by this component.
+     */
+    data: T[];
+    /**
+     * The elements renderer function.
+     */
+    children: (data: T, index: number) => JSX.Element;
+    /**
+     * Number of items to render above/below the visible bounds of the list. Lower value will give better performance but you can increase to avoid showing blank items in fast scrolling.
+     * @defaultValue 4
+     */
+    overscan?: number;
+    /**
+     * Item size hint for unmeasured items. It will help to reduce scroll jump when items are measured if used properly.
+     *
+     * - If not set, initial item sizes will be automatically estimated from measured sizes. This is recommended for most cases.
+     * - If set, you can opt out estimation and use the value as initial item size.
+     */
+    itemSize?: number;
+    /**
+     * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
+     */
+    shift?: boolean;
+    /**
+     * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.
+     */
+    horizontal?: boolean;
+    /**
+     * Callback invoked whenever scroll offset changes.
+     * @param offset Current scrollTop or scrollLeft.
+     */
+    onScroll?: (offset: number) => void;
+    /**
+     * Callback invoked when scrolling stops.
+     */
+    onScrollEnd?: () => void;
+    /**
+     * Callback invoked when visible items range changes.
+     */
+    onRangeChange?: (
+    /**
+     * The start index of viewable items.
+     */
+    startIndex: number, 
+    /**
+     * The end index of viewable items.
+     */
+    endIndex: number) => void;
+}
+/**
+ * Customizable list virtualizer for advanced usage. See {@link VirtualizerProps} and {@link VirtualizerHandle}.
+ */
+export declare const Virtualizer: <T>(props: VirtualizerProps<T>) => JSX.Element;

package/lib/solid/WindowVirtualizer.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @jsxImportSource solid-js
+ */
+import { JSX } from "solid-js";
+/**
+ * Props of {@link WindowVirtualizer}.
+ */
+export interface WindowVirtualizerProps<T> {
+    /**
+     * The data items rendered by this component.
+     */
+    data: T[];
+    /**
+     * The elements renderer function.
+     */
+    children: (data: T, index: number) => JSX.Element;
+    /**
+     * Number of items to render above/below the visible bounds of the list. Lower value will give better performance but you can increase to avoid showing blank items in fast scrolling.
+     * @defaultValue 4
+     */
+    overscan?: number;
+    /**
+     * Item size hint for unmeasured items. It will help to reduce scroll jump when items are measured if used properly.
+     *
+     * - If not set, initial item sizes will be automatically estimated from measured sizes. This is recommended for most cases.
+     * - If set, you can opt out estimation and use the value as initial item size.
+     */
+    itemSize?: number;
+    /**
+     * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
+     */
+    shift?: boolean;
+    /**
+     * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.
+     */
+    horizontal?: boolean;
+    /**
+     * Callback invoked when scrolling stops.
+     */
+    onScrollEnd?: () => void;
+    /**
+     * Callback invoked when visible items range changes.
+     */
+    onRangeChange?: (
+    /**
+     * The start index of viewable items.
+     */
+    startIndex: number, 
+    /**
+     * The end index of viewable items.
+     */
+    endIndex: number) => void;
+}
+/**
+ * {@link Virtualizer} controlled by the window scrolling. See {@link WindowVirtualizerProps} and {@link WindowVirtualizer}.
+ */
+export declare const WindowVirtualizer: <T>(props: WindowVirtualizerProps<T>) => JSX.Element;

package/lib/solid/index.d.ts

@@ -3,3 +3,7 @@
  */
 export { VList } from "./VList";
 export type { VListProps, VListHandle } from "./VList";
+export { Virtualizer } from "./Virtualizer";
+export type { VirtualizerProps, VirtualizerHandle } from "./Virtualizer";
+export { WindowVirtualizer } from "./WindowVirtualizer";
+export type { WindowVirtualizerProps, } from "./WindowVirtualizer";

package/lib/solid/index.js

@@ -1,2 +1,2 @@
-var e=require("solid-js/web"),t=require("solid-js");const r=Math.min,n=Math.max,o=Math.abs,s=setTimeout,i=(e,t,o)=>r(o,n(t,e)),l=e=>null!=e,c="function"==typeof queueMicrotask?queueMicrotask:e=>{Promise.resolve().then(e)},u=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},a=-1,f=(e,t,r)=>{const n=r?"unshift":"push";for(let r=0;r<t;r++)e[n](a);return e},d=(e,t)=>{const r=e.o[t];return r===a?e.i:r},h=(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 r=e.u,n=e.h[r];for(;r<t;)n+=d(e,r),e.h[++r]=n;return e.u=t,n},_=(e,t,r)=>{let n=h(e,r);for(;r>=0&&r<e.l;)if(n<=t){const o=d(e,r);if(n+o>t)break;n+=o,r++}else n-=d(e,--r);return i(r,0,e.l-1)},v=(e,t,n,o)=>{const s=_(e,t,r(n,e.l-1));return[s,_(e,t+o,s)]},p=(e,t,n)=>{const o=t-e.l,s=o>0;let i;return s?(i=e.i*o,f(e.o,o,n),f(e.h,o)):(i=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,r)=>t+(r===a?e.i:r)),0),e.h.splice(o)),e.u=n?-1:r(t-1,e.u),e.l=t,[i,s]},g="undefined"!=typeof window,w=()=>document.documentElement,m=/*#__PURE__*/u((()=>!!g&&"rtl"===getComputedStyle(w()).direction)),b=/*#__PURE__*/u((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),S=/*#__PURE__*/u((()=>"scrollBehavior"in w().style)),y=(e,t,r)=>n(e-(1===r?1:n(1,t)),0),k=(e,t,o,s)=>r(e+(2===o?1:n(1,t)),s-1),x=(e,t,r)=>t.reduce(((t,[n,o])=>{const s=o-d(e,n);return(!r||s>0)&&(t+=s),t}),0),z=(e,t)=>t&&m()?-e:e;var I=/*#__PURE__*/e.template("<div>");const M=r=>{let n;t.createEffect((()=>{n&&t.onCleanup(r._(n,r.v))}));const o=t.createMemo((()=>{const e=r.p,t={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":"left"]:"0px",[e?m()?"right":"left":"top"]:r.m+"px",visibility:r.S?"hidden":"visible"};return e&&(t.display="flex"),t}));return s=I(),"function"==typeof(i=n)?e.use(i,s):n=s,e.insert(s,(()=>r.k)),e.effect((t=>e.style(s,o(),t))),s;var s,i},T=e=>{let r=new Map;return t.onCleanup((()=>{for(const e of r.values())e.I()})),t.createMemo((()=>{const n=e.M,[o,s]=e.T,i=new Map,l=[];return t.untrack((()=>{for(let c=o;c<=s;c++){const o=n[c],s=r.get(c);l.push(s?s.J:t.createRoot((r=>{const n=t.createSignal(o),s=e.O(n[0](),c);return i.set(c,{R:n,J:s,I:r}),s}))),s&&(o!==s.R&&s.R[1](o),i.set(c,s))}for(const[e,t]of r.entries())i.has(e)||t.I();return r=i,l}))}))};var J=/*#__PURE__*/e.template("<div><div>");exports.VList=u=>{let _;const{ref:g,data:w,children:m,overscan:I,itemSize:O,shift:R,horizontal:q=!1,onScroll:C,onScrollEnd:B,onRangeChange:P,style:j,...D}=u,E=((e,t=40,s=0,l,c,u=0,_=0)=>{let g=!!s,w=[],m=0,S=0,y=0,k=0,z=0,I=!1,M=0,T=0,J=0,O=g?[0,n(s-1,0)]:null,R=[0,0];const q=l||((e,t)=>({i:t,l:e,u:-1,o:f([],e),h:f([],e)}))(e,t),C=new Set,B=()=>(e=>e.l?h(e,e.l-1)+d(e,e.l-1):0)(q),P=()=>B()+u+_,j=()=>n(0,P()-m),D=e=>{b()&&0!==T?z+=e:(k+=e,y++)};return{q:()=>w,C:()=>JSON.parse(JSON.stringify(q)),B:()=>O?[r(R[0],O[0]),n(R[1],O[1])]:M?R:R=v(q,S-u+z+k,R[0],m),P:e=>q.o[e]===a,j:()=>!!O&&q.o.slice(n(0,O[0]-1),r(q.l-1,O[1]+1)+1).includes(a),D:e=>h(q,e)-z,L:e=>d(q,e),N:()=>q.l,U:()=>S,V:()=>T,F:()=>m,H:()=>u,W:()=>_,X:B,Y:()=>y,A(){const e=k,t=I;return k=0,I=!1,m>P()?[0,!1]:[M=e,t]},G(e,t){const r=[e,t];return C.add(r),()=>{C.delete(r)}},K(e,t){let n,s,l=0;switch(e){case 1:{const e=t.filter((([e,t])=>q.o[e]!==t));if(!e.length)break;let n=0;if(0===S);else if(S>j()-1.5)n=x(q,e,!0);else if(2===J)n=x(q,e);else{const[t]=R;n=x(q,e.filter((([e])=>e<t)))}n&&D(n);let o=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===a;return e.o[t]=n,e.u=r(t,e.u),o})(q,e,t)&&(o=!0)})),c&&o&&!S&&(e=>{const t=e.o.filter((e=>e!==a)),r=t[0];e.i=t.every((e=>e===r))?r:(e=>{const t=[...e].sort(((e,t)=>e-t)),r=e.length/2|0;return t.length%2==0?(t[r-1]+t[r])/2:t[r]})(t)})(q),l=2,s=!0;break}case 2:m!==t&&(m=t,l=2);break;case 3:if(t[1]){const e=j()-S,[n,o]=p(q,t[0],!0);D(o?n:-r(n,e)),o&&(J=2,I=!0),l=1}else p(q,t[0]);break;case 4:{const e=i(t,0,j()),r=M;if(M=0,e===S)break;const n=e-S,c=o(n);r&&c<o(r)+1||0!==J||(T=n<0?2:1),g&&(O=null,g=!1),s=c>m,S=e,l=5;break}case 5:l=8,0!==T&&(n=!0,l+=1),T=0,J=0,O=null;break;case 6:J=1;break;case 7:O=v(q,t,R[0],m),l=1}l&&(w=[],n&&z&&(k+=z,z=0,y++),C.forEach((([e,t])=>{l&e&&t(s)})))}}})(u.data.length,null!=O?O:40,void 0,void 0,!O),L=((e,t)=>{let r;const n=t?"width":"height",o=new WeakMap,s=(e=>{let t;return{Z(r){var n,o;(t||(t=new(o=r,n=o.ownerDocument,n.defaultView).ResizeObserver(e))).observe(r)},$(e){t.unobserve(e)},I(){t&&t.disconnect()}}})((t=>{const s=[];for(const{target:i,contentRect:c}of t)if(i.offsetParent)if(i===r)e.K(2,c[n]);else{const e=o.get(i);l(e)&&s.push([e,c[n]])}s.length&&e.K(1,s)}));return{ee(e){s.Z(r=e)},te:(e,t)=>(o.set(e,t),s.Z(e),()=>{o.delete(e),s.$(e)}),I:s.I}})(E,q),N=((e,t)=>{let r,n,o;const u=t?"scrollLeft":"scrollTop",a=t?"overflowX":"overflowY",f=async(n,i)=>{if(!r)return void c((()=>f(n,i)));o&&o();const l=()=>{let t;return[new Promise(((e,r)=>{t=e,s(o=r,150)})),e.G(2,(()=>{t&&t()}))]};if(i&&S()){for(;e.K(7,n()),e.j();){const[e,t]=l();try{await e}catch(e){return}finally{t()}}r.scrollTo({[t?"left":"top"]:z(n(),t),behavior:"smooth"})}else for(;;){const[o,s]=l();try{r[u]=z(n(),t),e.K(6),await o}catch(e){return}finally{s()}}};return{Z(o){r=o,n=((e,t,r,n,o)=>{const i=Date.now;let c=0,u=!1,a=!1,f=!1,d=!1;const h=(()=>{let t;const r=()=>{l(t)&&clearTimeout(t)},n=()=>{r(),t=s((()=>{t=null,(()=>{if(u||a)return u=!1,void h();f=!1,e.K(5)})()}),150)};return n.re=r,n})(),_=()=>{c=i(),f&&(d=!0),e.K(4,n()),h()},v=t=>{if(u||0===e.V()||t.ctrlKey)return;const n=i()-c;150>n&&50<n&&(r?t.deltaX:t.deltaY)&&(u=!0)},p=()=>{a=!0,f=d=!1},g=()=>{a=!1,b()&&(f=!0)};return t.addEventListener("scroll",_),t.addEventListener("wheel",v,{passive:!0}),t.addEventListener("touchstart",p,{passive:!0}),t.addEventListener("touchend",g,{passive:!0}),{I:()=>{t.removeEventListener("scroll",_),t.removeEventListener("wheel",v),t.removeEventListener("touchstart",p),t.removeEventListener("touchend",g),h.re()},ne:()=>{const[t,r]=e.A();if(t)return o(t,d),d=!1,r}}})(e,o,t,(()=>z(o[u],t)),((e,r)=>{if(r){const e=o.style,t=e[a];e[a]="hidden",s((()=>{e[a]=t}))}o[u]+=z(e,t)}))},I(){n&&n.I()},oe(e){f((()=>e))},se(t){t+=e.U(),f((()=>t))},ie(t,{align:r,smooth:n}={}){if(t=i(t,0,e.N()-1),"nearest"===r){const n=e.D(t),o=e.U();if(n<o)r="start";else{if(!(n+e.L(t)>o+e.F()))return;r="end"}}f((()=>e.H()+("end"===r?e.D(t)+e.L(t)-e.F():"center"===r?e.D(t)+(e.L(t)-e.F())/2:e.D(t))),n)},ne:()=>{n&&n.ne()&&o&&o()}}})(E,q),[U,V]=t.createSignal(E.q()),F=E.G(3,(()=>{V(E.q())})),H=E.G(4,(()=>{var e;null===(e=u.onScroll)||void 0===e||e.call(u,E.U())})),W=E.G(8,(()=>{var e;null===(e=u.onScrollEnd)||void 0===e||e.call(u)})),X=(e,t)=>e[0]===t[0]&&e[1]===t[1],Y=t.createMemo((e=>{U();const t=E.B();return e&&X(e,t)?e:t})),A=t.createMemo((()=>U()&&E.V())),G=t.createMemo((()=>U()&&E.X()));t.createMemo((()=>U()&&(e=>n(e.X(),e.F()-e.H()-e.W()))(E)));const K=t.createMemo((()=>U()&&E.Y())),Q=t.createMemo((e=>{var t;const r=null!==(t=u.overscan)&&void 0!==t?t:4,[n,o]=Y(),s=[y(n,r,A()),k(o,r,A(),u.data.length)];return e&&X(e,s)?e:s}));return t.onMount((()=>{u.ref&&u.ref({get scrollOffset(){return E.U()},get scrollSize(){return(e=>n(e.X(),e.F()))(E)},get viewportSize(){return E.F()},scrollToIndex:N.ie,scrollTo:N.oe,scrollBy:N.se}),L.ee(_),N.Z(_),t.onCleanup((()=>{u.ref&&u.ref(),F(),H(),W(),L.I(),N.I()}))})),t.createComputed(t.on((()=>u.data.length),((e,t)=>{l(t)&&e!==t&&E.K(3,[e,u.shift])}))),t.createEffect(t.on(K,(()=>{N.ne()}))),t.createEffect((()=>{const e=Y();u.onRangeChange&&u.onRangeChange(e[0],e[1])})),Z=J(),$=Z.firstChild,"function"==typeof(ee=_)?e.use(ee,Z):_=Z,e.spread(Z,e.mergeProps(D,{get style(){return{display:q?"inline-block":"block",[q?"overflow-x":"overflow-y"]:"auto",contain:"strict",width:"100%",height:"100%",...u.style}}}),!1,!0),e.style($,{"overflow-anchor":"none"}),$.style.setProperty("overflow-anchor","none"),$.style.setProperty("flex","none"),$.style.setProperty("position","relative"),$.style.setProperty("visibility","hidden"),e.insert($,e.createComponent(T,{get M(){return u.data},get T(){return Q()},O:(r,n)=>{const o=t.createMemo((()=>(U(),E.D(n)))),s=t.createMemo((()=>(U(),E.P(n))));return e.createComponent(M,{v:n,get _(){return L.te},get m(){return o()},get S(){return s()},get k(){return u.children(r,n)},p:q})}})),e.effect((e=>{var t=q?G()+"px":"100%",r=q?"100%":G()+"px",n=0!==A()?"none":"auto";return t!==e.e&&(null!=(e.e=t)?$.style.setProperty("width",t):$.style.removeProperty("width")),r!==e.t&&(null!=(e.t=r)?$.style.setProperty("height",r):$.style.removeProperty("height")),n!==e.a&&(null!=(e.a=n)?$.style.setProperty("pointer-events",n):$.style.removeProperty("pointer-events")),e}),{e:void 0,t:void 0,a:void 0}),Z;var Z,$,ee};
+var e=require("solid-js/web"),t=require("solid-js");const r=Math.min,n=Math.max,o=Math.abs,s=setTimeout,i=(e,t,o)=>r(o,n(t,e)),l=e=>null!=e,c="function"==typeof queueMicrotask?queueMicrotask:e=>{Promise.resolve().then(e)},u=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},a=-1,f=(e,t,r)=>{const n=r?"unshift":"push";for(let r=0;r<t;r++)e[n](a);return e},d=(e,t)=>{const r=e.o[t];return r===a?e.i:r},h=(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 r=e.u,n=e.h[r];for(;r<t;)n+=d(e,r),e.h[++r]=n;return e.u=t,n},v=(e,t,r)=>{let n=h(e,r);for(;r>=0&&r<e.l;)if(n<=t){const o=d(e,r);if(n+o>t)break;n+=o,r++}else n-=d(e,--r);return i(r,0,e.l-1)},g=(e,t,n,o)=>{const s=v(e,t,r(n,e.l-1));return[s,v(e,t+o,s)]},_=(e,t,n)=>{const o=t-e.l,s=o>0;let i;return s?(i=e.i*o,f(e.o,o,n),f(e.h,o)):(i=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,r)=>t+(r===a?e.i:r)),0),e.h.splice(o)),e.u=n?-1:r(t-1,e.u),e.l=t,[i,s]},p="undefined"!=typeof window,S=()=>document.documentElement,w=e=>e.ownerDocument,m=e=>e.defaultView,b=/*#__PURE__*/u((()=>!!p&&"rtl"===getComputedStyle(S()).direction)),z=/*#__PURE__*/u((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),x=/*#__PURE__*/u((()=>"scrollBehavior"in S().style)),y=(e,t,r)=>n(e-(1===r?1:n(1,t)),0),k=(e,t,o,s)=>r(e+(2===o?1:n(1,t)),s-1),I=(e,t,r)=>t.reduce(((t,[n,o])=>{const s=o-d(e,n);return(!r||s>0)&&(t+=s),t}),0),R=(e,t=40,s=0,l,c,u=0,v=0)=>{let p=!!s,S=[],w=0,m=0,b=0,x=0,y=0,k=!1,R=0,M=0,T=0,C=p?[0,n(s-1,0)]:null,J=[0,0];const O=l||((e,t)=>({i:t,l:e,u:-1,o:f([],e),h:f([],e)}))(e,t),E=new Set,q=()=>(e=>e.l?h(e,e.l-1)+d(e,e.l-1):0)(O),B=()=>q()+u+v,H=()=>n(0,B()-w),L=e=>{z()&&0!==M?y+=e:(x+=e,b++)};return{v:()=>S,_:()=>JSON.parse(JSON.stringify(O)),p:()=>C?[r(J[0],C[0]),n(J[1],C[1])]:R?J:J=g(O,m-u+y+x,J[0],w),S:e=>O.o[e]===a,m:()=>!!C&&O.o.slice(n(0,C[0]-1),r(O.l-1,C[1]+1)+1).includes(a),k:e=>h(O,e)-y,I:e=>d(O,e),R:()=>O.l,M:()=>m,T:()=>M,C:()=>w,J:()=>u,O:()=>v,q,B:()=>b,H(){const e=x,t=k;return x=0,k=!1,w>B()?[0,!1]:[R=e,t]},L(e,t){const r=[e,t];return E.add(r),()=>{E.delete(r)}},P(e,t){let n,s,l=0;switch(e){case 1:{const e=t.filter((([e,t])=>O.o[e]!==t));if(!e.length)break;let n=0;if(0===m);else if(m>H()-1.5)n=I(O,e,!0);else if(2===T)n=I(O,e);else{const[t]=J;n=I(O,e.filter((([e])=>e<t)))}n&&L(n);let o=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===a;return e.o[t]=n,e.u=r(t,e.u),o})(O,e,t)&&(o=!0)})),c&&o&&!m&&(e=>{const t=e.o.filter((e=>e!==a)),r=t[0];e.i=t.every((e=>e===r))?r:(e=>{const t=[...e].sort(((e,t)=>e-t)),r=e.length/2|0;return t.length%2==0?(t[r-1]+t[r])/2:t[r]})(t)})(O),l=2,s=!0;break}case 2:w!==t&&(w=t,l=2);break;case 3:if(t[1]){const e=H()-m,[n,o]=_(O,t[0],!0);L(o?n:-r(n,e)),o&&(T=2,k=!0),l=1}else _(O,t[0]);break;case 4:{const e=i(t,0,H()),r=R;if(R=0,e===m)break;const n=e-m,c=o(n);r&&c<o(r)+1||0!==T||(M=n<0?2:1),p&&(C=null,p=!1),s=c>w,m=e,l=5;break}case 5:l=8,0!==M&&(n=!0,l+=1),M=0,T=0,C=null;break;case 6:T=1;break;case 7:C=g(O,t,J[0],w),l=1}l&&(S=[],n&&y&&(x+=y,y=0,b++),E.forEach((([e,t])=>{l&e&&t(s)})))}}},M=e=>{let t;return{W(r){(t||(t=new(m(w(r)).ResizeObserver)(e))).observe(r)},j(e){t.unobserve(e)},D(){t&&t.disconnect()}}},T=(e,t)=>t&&b()?-e:e,C=(e,t,r,n,o)=>{const i=Date.now;let c=0,u=!1,a=!1,f=!1,d=!1;const h=(()=>{let t;const r=()=>{l(t)&&clearTimeout(t)},n=()=>{r(),t=s((()=>{t=null,(()=>{if(u||a)return u=!1,void h();f=!1,e.P(5)})()}),150)};return n.N=r,n})(),v=()=>{c=i(),f&&(d=!0),e.P(4,n()),h()},g=t=>{if(u||0===e.T()||t.ctrlKey)return;const n=i()-c;150>n&&50<n&&(r?t.deltaX:t.deltaY)&&(u=!0)},_=()=>{a=!0,f=d=!1},p=()=>{a=!1,z()&&(f=!0)};return t.addEventListener("scroll",v),t.addEventListener("wheel",g,{passive:!0}),t.addEventListener("touchstart",_,{passive:!0}),t.addEventListener("touchend",p,{passive:!0}),{D:()=>{t.removeEventListener("scroll",v),t.removeEventListener("wheel",g),t.removeEventListener("touchstart",_),t.removeEventListener("touchend",p),h.N()},U:()=>{const[t,r]=e.H();if(t)return o(t,d),d=!1,r}}};var J=/*#__PURE__*/e.template("<div>");const O=r=>{let n;t.createEffect((()=>{n&&t.onCleanup(r.V(n,r.X))}));const o=t.createMemo((()=>{const e=r.Y,t={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":"left"]:"0px",[e?b()?"right":"left":"top"]:r.F+"px",visibility:r.A?"hidden":"visible"};return e&&(t.display="flex"),t}));return s=J(),"function"==typeof(i=n)?e.use(i,s):n=s,e.insert(s,(()=>r.G)),e.effect((t=>e.style(s,o(),t))),s;var s,i},E=e=>{let r=new Map;return t.onCleanup((()=>{for(const e of r.values())e.D()})),t.createMemo((()=>{const n=e.K,[o,s]=e.Z,i=new Map,l=[];return t.untrack((()=>{for(let c=o;c<=s;c++){const o=n[c],s=r.get(c);l.push(s?s.$:t.createRoot((r=>{const n=t.createSignal(o),s=e.ee(n[0](),c);return i.set(c,{te:n,$:s,D:r}),s}))),s&&(o!==s.te&&s.te[1](o),i.set(c,s))}for(const[e,t]of r.entries())i.has(e)||t.D();return r=i,l}))}))},q=(e,t)=>e[0]===t[0]&&e[1]===t[1];var B=/*#__PURE__*/e.template("<div>");const H=r=>{let o;const{ref:u,data:a,children:f,overscan:d,itemSize:h,shift:v,horizontal:g=!1,onScroll:_,onScrollEnd:p,onRangeChange:S}=r,w=R(r.data.length,null!=h?h:40,void 0,void 0,!h),m=((e,t)=>{let r;const n=t?"width":"height",o=new WeakMap,s=M((t=>{const s=[];for(const{target:i,contentRect:c}of t)if(i.offsetParent)if(i===r)e.P(2,c[n]);else{const e=o.get(i);l(e)&&s.push([e,c[n]])}s.length&&e.P(1,s)}));return{re(e){s.W(r=e)},ne:(e,t)=>(o.set(e,t),s.W(e),()=>{o.delete(e),s.j(e)}),D:s.D}})(w,g),b=((e,t)=>{let r,n,o;const l=t?"scrollLeft":"scrollTop",u=t?"overflowX":"overflowY",a=async(n,i)=>{if(!r)return void c((()=>a(n,i)));o&&o();const u=()=>{let t;return[new Promise(((e,r)=>{t=e,s(o=r,150)})),e.L(2,(()=>{t&&t()}))]};if(i&&x()){for(;e.P(7,n()),e.m();){const[e,t]=u();try{await e}catch(e){return}finally{t()}}r.scrollTo({[t?"left":"top"]:T(n(),t),behavior:"smooth"})}else for(;;){const[o,s]=u();try{r[l]=T(n(),t),e.P(6),await o}catch(e){return}finally{s()}}};return{W(o){r=o,n=C(e,o,t,(()=>T(o[l],t)),((e,r)=>{if(r){const e=o.style,t=e[u];e[u]="hidden",s((()=>{e[u]=t}))}o[l]+=T(e,t)}))},D(){n&&n.D()},oe(e){a((()=>e))},se(t){t+=e.M(),a((()=>t))},ie(t,{align:r,smooth:n}={}){if(t=i(t,0,e.R()-1),"nearest"===r){const n=e.k(t),o=e.M();if(n<o)r="start";else{if(!(n+e.I(t)>o+e.C()))return;r="end"}}a((()=>e.J()+("end"===r?e.k(t)+e.I(t)-e.C():"center"===r?e.k(t)+(e.I(t)-e.C())/2:e.k(t))),n)},U:()=>{n&&n.U()&&o&&o()}}})(w,g),[z,I]=t.createSignal(w.v()),J=w.L(3,(()=>{I(w.v())})),H=w.L(4,(()=>{var e;null===(e=r.onScroll)||void 0===e||e.call(r,w.M())})),L=w.L(8,(()=>{var e;null===(e=r.onScrollEnd)||void 0===e||e.call(r)})),P=t.createMemo((e=>{z();const t=w.p();return e&&q(e,t)?e:t})),W=t.createMemo((()=>z()&&w.T())),j=t.createMemo((()=>z()&&w.q()));t.createMemo((()=>z()&&(e=>n(e.q(),e.C()-e.J()-e.O()))(w)));const D=t.createMemo((()=>z()&&w.B())),N=t.createMemo((e=>{var t;const n=null!==(t=r.overscan)&&void 0!==t?t:4,[o,s]=P(),i=[y(o,n,W()),k(s,n,W(),r.data.length)];return e&&q(e,i)?e:i}));return t.onMount((()=>{r.ref&&r.ref({get scrollOffset(){return w.M()},get scrollSize(){return(e=>n(e.q(),e.C()))(w)},get viewportSize(){return w.C()},scrollToIndex:b.ie,scrollTo:b.oe,scrollBy:b.se});const e=o.parentElement;m.re(e),b.W(e),t.onCleanup((()=>{r.ref&&r.ref(),J(),H(),L(),m.D(),b.D()}))})),t.createComputed(t.on((()=>r.data.length),((e,t)=>{l(t)&&e!==t&&w.P(3,[e,r.shift])}))),t.createEffect(t.on(D,(()=>{b.U()}))),t.createEffect((()=>{const e=P();r.onRangeChange&&r.onRangeChange(e[0],e[1])})),U=B(),"function"==typeof(V=o)?e.use(V,U):o=U,e.style(U,{"overflow-anchor":"none"}),U.style.setProperty("overflow-anchor","none"),U.style.setProperty("flex","none"),U.style.setProperty("position","relative"),U.style.setProperty("visibility","hidden"),e.insert(U,e.createComponent(E,{get K(){return r.data},get Z(){return N()},ee:(n,o)=>{const s=t.createMemo((()=>(z(),w.k(o)))),i=t.createMemo((()=>(z(),w.S(o))));return e.createComponent(O,{X:o,get V(){return m.ne},get F(){return s()},get A(){return i()},get G(){return r.children(n,o)},Y:g})}})),e.effect((e=>{var t=g?j()+"px":"100%",r=g?"100%":j()+"px",n=0!==W()?"none":"auto";return t!==e.e&&(null!=(e.e=t)?U.style.setProperty("width",t):U.style.removeProperty("width")),r!==e.t&&(null!=(e.t=r)?U.style.setProperty("height",r):U.style.removeProperty("height")),n!==e.a&&(null!=(e.a=n)?U.style.setProperty("pointer-events",n):U.style.removeProperty("pointer-events")),e}),{e:void 0,t:void 0,a:void 0}),U;var U,V};var L=/*#__PURE__*/e.template("<div>"),P=/*#__PURE__*/e.template("<div>");exports.VList=t=>{const{ref:r,data:n,children:o,overscan:s,itemSize:i,shift:l,horizontal:c=!1,onScroll:u,onScrollEnd:a,onRangeChange:f,style:d,...h}=t;return v=L(),e.spread(v,e.mergeProps(h,{get style(){return{display:c?"inline-block":"block",[c?"overflow-x":"overflow-y"]:"auto",contain:"strict",width:"100%",height:"100%",...t.style}}}),!1,!0),e.insert(v,e.createComponent(H,{ref(e){var r=t.ref;"function"==typeof r?r(e):t.ref=e},get data(){return t.data},get overscan(){return t.overscan},get itemSize(){return t.itemSize},get shift(){return t.shift},horizontal:c,get onScroll(){return t.onScroll},get onScrollEnd(){return t.onScrollEnd},get onRangeChange(){return t.onRangeChange},get children(){return t.children}})),v;var v},exports.Virtualizer=H,exports.WindowVirtualizer=r=>{let n;const{data:o,children:s,overscan:i,itemSize:c,shift:u,horizontal:a=!1,onScrollEnd:f,onRangeChange:d}=r,h=R(r.data.length,null!=c?c:40,void 0,void 0,!c),v=((e,t)=>{const r=t?"width":"height",n=t?"innerWidth":"innerHeight",o=new WeakMap,s=M((t=>{const n=[];for(const{target:e,contentRect:s}of t){if(!e.offsetParent)continue;const t=o.get(e);l(t)&&n.push([t,s[r]])}n.length&&e.P(1,n)}));let i;return{re(t){const r=m(w(t)),o=()=>{e.P(2,r[n])};r.addEventListener("resize",o),o(),i=()=>{r.removeEventListener("resize",o)}},ne:(e,t)=>(o.set(e,t),s.W(e),()=>{o.delete(e),s.j(e)}),D(){i&&i(),s.D()}}})(h,a),g=((e,t)=>{let r;return{W(n){const o=t?"scrollX":"scrollY",s=w(n),i=m(s),l=s.body,c=(e,t,r,n=0)=>{const o=r?"offsetLeft":"offsetTop",s=n+(r&&b()?i.innerWidth-e[o]-e.offsetWidth:e[o]),l=e.offsetParent;return e!==t&&l?c(l,t,r,s):s};r=C(e,i,t,(()=>T(i[o],t)-c(n,l,t)),(e=>{i.scrollBy(t?T(e,t):0,t?0:e)}))},D(){r&&r.D()},U:()=>{r&&r.U()}}})(h,a),[_,p]=t.createSignal(h.v()),S=h.L(3,(()=>{p(h.v())})),z=h.L(8,(()=>{var e;null===(e=r.onScrollEnd)||void 0===e||e.call(r)})),x=t.createMemo((e=>{_();const t=h.p();return e&&q(e,t)?e:t})),I=t.createMemo((()=>_()&&h.T())),J=t.createMemo((()=>_()&&h.q())),B=t.createMemo((()=>_()&&h.B())),H=t.createMemo((e=>{var t;const n=null!==(t=r.overscan)&&void 0!==t?t:4,[o,s]=x(),i=[y(o,n,I()),k(s,n,I(),r.data.length)];return e&&q(e,i)?e:i}));return t.onMount((()=>{v.re(n),g.W(n),t.onCleanup((()=>{S(),z(),v.D(),g.D()}))})),t.createComputed(t.on((()=>r.data.length),((e,t)=>{l(t)&&e!==t&&h.P(3,[e,r.shift])}))),t.createEffect(t.on(B,(()=>{g.U()}))),t.createEffect((()=>{const e=x();r.onRangeChange&&r.onRangeChange(e[0],e[1])})),L=P(),"function"==typeof(W=n)?e.use(W,L):n=L,L.style.setProperty("overflow-anchor","none"),L.style.setProperty("flex","none"),L.style.setProperty("position","relative"),L.style.setProperty("visibility","hidden"),e.insert(L,e.createComponent(E,{get K(){return r.data},get Z(){return H()},ee:(n,o)=>{const s=t.createMemo((()=>(_(),h.k(o)))),i=t.createMemo((()=>(_(),h.S(o))));return e.createComponent(O,{X:o,get V(){return v.ne},get F(){return s()},get A(){return i()},get G(){return r.children(n,o)},Y:a})}})),e.effect((e=>{var t=a?J()+"px":"100%",r=a?"100%":J()+"px",n=0!==I()?"none":"auto";return t!==e.e&&(null!=(e.e=t)?L.style.setProperty("width",t):L.style.removeProperty("width")),r!==e.t&&(null!=(e.t=r)?L.style.setProperty("height",r):L.style.removeProperty("height")),n!==e.a&&(null!=(e.a=n)?L.style.setProperty("pointer-events",n):L.style.removeProperty("pointer-events")),e}),{e:void 0,t:void 0,a:void 0}),L;var L,W};
 //# sourceMappingURL=index.js.map