@floor/vlist 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +839 -0
- package/dist/adapters/index.d.ts +20 -0
- package/dist/adapters/index.d.ts.map +1 -0
- package/dist/adapters/react.d.ts +119 -0
- package/dist/adapters/react.d.ts.map +1 -0
- package/dist/adapters/svelte.d.ts +198 -0
- package/dist/adapters/svelte.d.ts.map +1 -0
- package/dist/adapters/vue.d.ts +151 -0
- package/dist/adapters/vue.d.ts.map +1 -0
- package/dist/builder/context.d.ts +36 -0
- package/dist/builder/context.d.ts.map +1 -0
- package/dist/builder/core.d.ts +16 -0
- package/dist/builder/core.d.ts.map +1 -0
- package/dist/builder/data.d.ts +71 -0
- package/dist/builder/data.d.ts.map +1 -0
- package/dist/builder/index.d.ts +25 -0
- package/dist/builder/index.d.ts.map +1 -0
- package/dist/builder/index.js +1 -0
- package/dist/builder/types.d.ts +269 -0
- package/dist/builder/types.d.ts.map +1 -0
- package/dist/compression/index.js +1 -0
- package/dist/constants.d.ts +65 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/core/index.js +1 -0
- package/dist/core-light.d.ts +104 -0
- package/dist/core-light.d.ts.map +1 -0
- package/dist/core-light.js +1 -0
- package/dist/core.d.ts +129 -0
- package/dist/core.d.ts.map +1 -0
- package/dist/data/index.js +1 -0
- package/dist/events/emitter.d.ts +20 -0
- package/dist/events/emitter.d.ts.map +1 -0
- package/dist/events/index.d.ts +6 -0
- package/dist/events/index.d.ts.map +1 -0
- package/dist/grid/index.js +1 -0
- package/dist/groups/index.js +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1 -0
- package/dist/plugins/compression/index.d.ts +10 -0
- package/dist/plugins/compression/index.d.ts.map +1 -0
- package/dist/plugins/compression/plugin.d.ts +42 -0
- package/dist/plugins/compression/plugin.d.ts.map +1 -0
- package/dist/plugins/data/index.d.ts +9 -0
- package/dist/plugins/data/index.d.ts.map +1 -0
- package/dist/plugins/data/manager.d.ts +103 -0
- package/dist/plugins/data/manager.d.ts.map +1 -0
- package/dist/plugins/data/placeholder.d.ts +62 -0
- package/dist/plugins/data/placeholder.d.ts.map +1 -0
- package/dist/plugins/data/plugin.d.ts +60 -0
- package/dist/plugins/data/plugin.d.ts.map +1 -0
- package/dist/plugins/data/sparse.d.ts +91 -0
- package/dist/plugins/data/sparse.d.ts.map +1 -0
- package/dist/plugins/grid/index.d.ts +9 -0
- package/dist/plugins/grid/index.d.ts.map +1 -0
- package/dist/plugins/grid/layout.d.ts +29 -0
- package/dist/plugins/grid/layout.d.ts.map +1 -0
- package/dist/plugins/grid/plugin.d.ts +48 -0
- package/dist/plugins/grid/plugin.d.ts.map +1 -0
- package/dist/plugins/grid/renderer.d.ts +55 -0
- package/dist/plugins/grid/renderer.d.ts.map +1 -0
- package/dist/plugins/grid/types.d.ts +71 -0
- package/dist/plugins/grid/types.d.ts.map +1 -0
- package/dist/plugins/groups/index.d.ts +10 -0
- package/dist/plugins/groups/index.d.ts.map +1 -0
- package/dist/plugins/groups/layout.d.ts +46 -0
- package/dist/plugins/groups/layout.d.ts.map +1 -0
- package/dist/plugins/groups/plugin.d.ts +63 -0
- package/dist/plugins/groups/plugin.d.ts.map +1 -0
- package/dist/plugins/groups/sticky.d.ts +33 -0
- package/dist/plugins/groups/sticky.d.ts.map +1 -0
- package/dist/plugins/groups/types.d.ts +86 -0
- package/dist/plugins/groups/types.d.ts.map +1 -0
- package/dist/plugins/scroll/controller.d.ts +121 -0
- package/dist/plugins/scroll/controller.d.ts.map +1 -0
- package/dist/plugins/scroll/index.d.ts +8 -0
- package/dist/plugins/scroll/index.d.ts.map +1 -0
- package/dist/plugins/scroll/plugin.d.ts +60 -0
- package/dist/plugins/scroll/plugin.d.ts.map +1 -0
- package/dist/plugins/scroll/scrollbar.d.ts +73 -0
- package/dist/plugins/scroll/scrollbar.d.ts.map +1 -0
- package/dist/plugins/selection/index.d.ts +7 -0
- package/dist/plugins/selection/index.d.ts.map +1 -0
- package/dist/plugins/selection/plugin.d.ts +44 -0
- package/dist/plugins/selection/plugin.d.ts.map +1 -0
- package/dist/plugins/selection/state.d.ts +102 -0
- package/dist/plugins/selection/state.d.ts.map +1 -0
- package/dist/plugins/snapshots/index.d.ts +8 -0
- package/dist/plugins/snapshots/index.d.ts.map +1 -0
- package/dist/plugins/snapshots/plugin.d.ts +44 -0
- package/dist/plugins/snapshots/plugin.d.ts.map +1 -0
- package/dist/plugins/window/index.d.ts +8 -0
- package/dist/plugins/window/index.d.ts.map +1 -0
- package/dist/plugins/window/plugin.d.ts +53 -0
- package/dist/plugins/window/plugin.d.ts.map +1 -0
- package/dist/react/index.js +1 -0
- package/dist/render/compression.d.ts +116 -0
- package/dist/render/compression.d.ts.map +1 -0
- package/dist/render/heights.d.ts +63 -0
- package/dist/render/heights.d.ts.map +1 -0
- package/dist/render/index.d.ts +9 -0
- package/dist/render/index.d.ts.map +1 -0
- package/dist/render/renderer.d.ts +103 -0
- package/dist/render/renderer.d.ts.map +1 -0
- package/dist/render/virtual.d.ts +139 -0
- package/dist/render/virtual.d.ts.map +1 -0
- package/dist/scroll/index.js +1 -0
- package/dist/selection/index.js +1 -0
- package/dist/snapshots/index.js +1 -0
- package/dist/svelte/index.js +1 -0
- package/dist/types.d.ts +559 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/vlist-extras.css +1 -0
- package/dist/vlist.css +1 -0
- package/dist/vlist.d.ts +22 -0
- package/dist/vlist.d.ts.map +1 -0
- package/dist/vue/index.js +1 -0
- package/dist/window/index.js +1 -0
- package/package.json +137 -0
package/dist/core.d.ts
ADDED
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* vlist/core - Lightweight Virtual List
|
|
3
|
+
*
|
|
4
|
+
* A self-contained, minimal virtual list factory for the common case:
|
|
5
|
+
* static or streaming lists that don't need selection, groups,
|
|
6
|
+
* compression, custom scrollbar, or async data adapters.
|
|
7
|
+
*
|
|
8
|
+
* ~10 KB minified vs ~42 KB for the full bundle.
|
|
9
|
+
*
|
|
10
|
+
* Supports:
|
|
11
|
+
* - Fixed and variable item heights
|
|
12
|
+
* - scrollToIndex with smooth animation
|
|
13
|
+
* - setItems / appendItems / prependItems / updateItem / removeItem
|
|
14
|
+
* - Events (scroll, item:click, range:change, resize)
|
|
15
|
+
* - Window (document) scrolling
|
|
16
|
+
* - ResizeObserver for container resize
|
|
17
|
+
* - DOM element pooling & DocumentFragment batching
|
|
18
|
+
*
|
|
19
|
+
* Does NOT include (use full `vlist` if needed):
|
|
20
|
+
* - Selection / keyboard navigation
|
|
21
|
+
* - Groups / sticky headers
|
|
22
|
+
* - Compression (lists > ~100K items)
|
|
23
|
+
* - Custom scrollbar
|
|
24
|
+
* - Async data adapter / placeholders
|
|
25
|
+
* - Velocity tracking / load cancellation
|
|
26
|
+
*/
|
|
27
|
+
/** Base item interface — must have an id */
|
|
28
|
+
export interface VListItem {
|
|
29
|
+
id: string | number;
|
|
30
|
+
[key: string]: unknown;
|
|
31
|
+
}
|
|
32
|
+
/** State passed to template */
|
|
33
|
+
export interface ItemState {
|
|
34
|
+
selected: boolean;
|
|
35
|
+
focused: boolean;
|
|
36
|
+
}
|
|
37
|
+
/** Item template function */
|
|
38
|
+
export type ItemTemplate<T extends VListItem = VListItem> = (item: T, index: number, state: ItemState) => string | HTMLElement;
|
|
39
|
+
/** Visible range */
|
|
40
|
+
export interface Range {
|
|
41
|
+
start: number;
|
|
42
|
+
end: number;
|
|
43
|
+
}
|
|
44
|
+
/** Options for scrollToIndex */
|
|
45
|
+
export interface ScrollToOptions {
|
|
46
|
+
align?: "start" | "center" | "end";
|
|
47
|
+
behavior?: "auto" | "smooth";
|
|
48
|
+
duration?: number;
|
|
49
|
+
}
|
|
50
|
+
/** Scroll position snapshot for save/restore */
|
|
51
|
+
export interface CoreScrollSnapshot {
|
|
52
|
+
/** First visible item index */
|
|
53
|
+
index: number;
|
|
54
|
+
/** Pixel offset within the first visible item (how far it's scrolled off) */
|
|
55
|
+
offsetInItem: number;
|
|
56
|
+
}
|
|
57
|
+
/** Event handler / unsubscribe */
|
|
58
|
+
export type EventHandler<T> = (payload: T) => void;
|
|
59
|
+
export type Unsubscribe = () => void;
|
|
60
|
+
/** Core event map */
|
|
61
|
+
export interface CoreEvents<T extends VListItem = VListItem> {
|
|
62
|
+
"item:click": {
|
|
63
|
+
item: T;
|
|
64
|
+
index: number;
|
|
65
|
+
event: MouseEvent;
|
|
66
|
+
};
|
|
67
|
+
"item:dblclick": {
|
|
68
|
+
item: T;
|
|
69
|
+
index: number;
|
|
70
|
+
event: MouseEvent;
|
|
71
|
+
};
|
|
72
|
+
scroll: {
|
|
73
|
+
scrollTop: number;
|
|
74
|
+
direction: "up" | "down";
|
|
75
|
+
};
|
|
76
|
+
"range:change": {
|
|
77
|
+
range: Range;
|
|
78
|
+
};
|
|
79
|
+
resize: {
|
|
80
|
+
height: number;
|
|
81
|
+
width: number;
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
/** Item configuration */
|
|
85
|
+
export interface CoreItemConfig<T extends VListItem = VListItem> {
|
|
86
|
+
height: number | ((index: number) => number);
|
|
87
|
+
template: ItemTemplate<T>;
|
|
88
|
+
}
|
|
89
|
+
/** Core configuration */
|
|
90
|
+
export interface CoreConfig<T extends VListItem = VListItem> {
|
|
91
|
+
container: HTMLElement | string;
|
|
92
|
+
item: CoreItemConfig<T>;
|
|
93
|
+
items?: T[];
|
|
94
|
+
overscan?: number;
|
|
95
|
+
classPrefix?: string;
|
|
96
|
+
ariaLabel?: string;
|
|
97
|
+
scrollElement?: Window;
|
|
98
|
+
}
|
|
99
|
+
/** Core VList instance */
|
|
100
|
+
export interface VListCore<T extends VListItem = VListItem> {
|
|
101
|
+
readonly element: HTMLElement;
|
|
102
|
+
readonly items: readonly T[];
|
|
103
|
+
readonly total: number;
|
|
104
|
+
setItems(items: T[]): void;
|
|
105
|
+
appendItems(items: T[]): void;
|
|
106
|
+
prependItems(items: T[]): void;
|
|
107
|
+
updateItem(id: string | number, updates: Partial<T>): void;
|
|
108
|
+
removeItem(id: string | number): void;
|
|
109
|
+
scrollToIndex(index: number, alignOrOptions?: "start" | "center" | "end" | ScrollToOptions): void;
|
|
110
|
+
scrollToItem(id: string | number, alignOrOptions?: "start" | "center" | "end" | ScrollToOptions): void;
|
|
111
|
+
cancelScroll(): void;
|
|
112
|
+
getScrollPosition(): number;
|
|
113
|
+
/** Get a snapshot of the current scroll position for save/restore */
|
|
114
|
+
getScrollSnapshot(): CoreScrollSnapshot;
|
|
115
|
+
/** Restore scroll position from a snapshot */
|
|
116
|
+
restoreScroll(snapshot: CoreScrollSnapshot): void;
|
|
117
|
+
on<K extends keyof CoreEvents<T>>(event: K, handler: EventHandler<CoreEvents<T>[K]>): Unsubscribe;
|
|
118
|
+
off<K extends keyof CoreEvents<T>>(event: K, handler: EventHandler<CoreEvents<T>[K]>): void;
|
|
119
|
+
destroy(): void;
|
|
120
|
+
}
|
|
121
|
+
/**
|
|
122
|
+
* Create a lightweight virtual list (core).
|
|
123
|
+
*
|
|
124
|
+
* This is the minimal-footprint alternative to `createVList` from `vlist`.
|
|
125
|
+
* Same essential behaviour, but without selection, groups, compression,
|
|
126
|
+
* custom scrollbar, or async data adapter support.
|
|
127
|
+
*/
|
|
128
|
+
export declare const createVList: <T extends VListItem = VListItem>(config: CoreConfig<T>) => VListCore<T>;
|
|
129
|
+
//# sourceMappingURL=core.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAMH,4CAA4C;AAC5C,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,+BAA+B;AAC/B,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,6BAA6B;AAC7B,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,CAC1D,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,SAAS,KACb,MAAM,GAAG,WAAW,CAAC;AAE1B,oBAAoB;AACpB,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gDAAgD;AAChD,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,kCAAkC;AAClC,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC;AAErC,qBAAqB;AACrB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IACzD,YAAY,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC;IAC5D,eAAe,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC;IAC/D,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IACxD,cAAc,EAAE;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;IACjC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAED,yBAAyB;AACzB,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IAC7D,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7C,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,yBAAyB;AACzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IACzD,SAAS,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0BAA0B;AAC1B,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IACxD,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEtC,aAAa,CACX,KAAK,EAAE,MAAM,EACb,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAC5D,IAAI,CAAC;IACR,YAAY,CACV,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAC5D,IAAI,CAAC;IACR,YAAY,IAAI,IAAI,CAAC;IACrB,iBAAiB,IAAI,MAAM,CAAC;IAE5B,qEAAqE;IACrE,iBAAiB,IAAI,kBAAkB,CAAC;IACxC,8CAA8C;IAC9C,aAAa,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAElD,EAAE,CAAC,CAAC,SAAS,MAAM,UAAU,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtC,WAAW,CAAC;IACf,GAAG,CAAC,CAAC,SAAS,MAAM,UAAU,CAAC,CAAC,CAAC,EAC/B,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtC,IAAI,CAAC;IAER,OAAO,IAAI,IAAI,CAAC;CACjB;AAoSD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,SAAS,GAAG,SAAS,EACzD,QAAQ,UAAU,CAAC,CAAC,CAAC,KACpB,SAAS,CAAC,CAAC,CAslBb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var $j=(U={})=>{let{chunkSize:G=100,maxCachedItems:Y=5000,evictionBuffer:N=200,onEvict:M}=U,Q=new Map,j=0,D=0,T=(q)=>{let X=Q.get(q);if(!X)X={items:Array(G),count:0,lastAccess:Date.now()},Q.set(q,X);else X.lastAccess=Date.now();return X},z=(q)=>{return Math.floor(q/G)},W=(q)=>{return q%G},y=()=>j,L=(q)=>{j=q},b=(q)=>{if(q<0||q>=j)return;let X=z(q),B=Q.get(X);if(!B)return;return B.items[W(q)]},C=(q)=>{if(q<0||q>=j)return!1;let X=z(q),B=Q.get(X);if(!B)return!1;return B.items[W(q)]!==void 0},u=(q,X)=>{let B=z(q),K=T(B),_=W(q),l=K.items[_]===void 0;if(K.items[_]=X,l)K.count++,D++;if(q>=j)j=q+1},H=(q,X)=>{for(let B=0;B<X.length;B++){let K=X[B];if(K!==void 0)u(q+B,K)}},Z=(q)=>{if(q<0||q>=j)return!1;let X=z(q),B=Q.get(X);if(!B)return!1;let K=W(q);if(B.items[K]===void 0)return!1;if(B.items[K]=void 0,B.count--,D--,B.count===0)Q.delete(X);return!0},F=(q,X)=>{let B=[];for(let K=q;K<=X&&K<j;K++)B.push(b(K));return B},V=(q,X)=>{for(let B=q;B<=X&&B<j;B++)if(!C(B))return!1;return!0},O=()=>{let q=[],X=null,B=Array.from(Q.keys()).sort((K,_)=>K-_);for(let K of B){let _=Q.get(K);if(!_)continue;let l=K*G;for(let R=0;R<G;R++){let p=l+R;if(p>=j)break;if(_.items[R]!==void 0)if(X===null)X={start:p,end:p};else if(p===X.end+1)X.end=p;else q.push(X),X={start:p,end:p};else if(X!==null)q.push(X),X=null}}if(X!==null)q.push(X);return q},h=(q,X)=>{let B=[],K=null;for(let _=q;_<=X&&_<j;_++)if(!C(_))if(K===null)K={start:_,end:_};else K.end=_;else if(K!==null)B.push(K),K=null;if(K!==null)B.push(K);return B},w=(q)=>{return Q.has(q)},k=(q)=>{let X=Q.get(q);if(X)X.lastAccess=Date.now()},A=(q,X)=>{if(q>X||Q.size===0)return;let B=Date.now(),K=z(Math.max(0,q)),_=z(Math.min(j-1,X));for(let l=K;l<=_;l++){let R=Q.get(l);if(R)R.lastAccess=B}},f=(q,X)=>{if(D<=Y)return 0;let B=Math.max(0,q-N),K=Math.min(j-1,X+N),_=z(B),l=z(K),R=0,p=[];for(let[i,qj]of Q)if(i<_||i>l)R+=qj.count,p.push(i),D-=qj.count,Q.delete(i);if(R>0&&M)M(R,p);return R},I=()=>{if(D<=Y)return 0;let q=Array.from(Q.entries()).sort(([,K],[,_])=>K.lastAccess-_.lastAccess),X=0,B=[];for(let[K,_]of q){if(D<=Y)break;X+=_.count,D-=_.count,B.push(K),Q.delete(K)}if(X>0&&M)M(X,B);return X},r=()=>{return{totalItems:j,cachedItems:D,cachedChunks:Q.size,chunkSize:G,maxCachedItems:Y,memoryEfficiency:j>0?1-D/j:1}},t=()=>D,e=()=>{Q.clear(),D=0};return{chunkSize:G,maxCachedItems:Y,getTotal:y,setTotal:L,get:b,has:C,set:u,setRange:H,delete:Z,getRange:F,isRangeLoaded:V,getLoadedRanges:O,findUnloadedRanges:h,getChunkIndex:z,isChunkLoaded:w,touchChunk:k,touchChunksForRange:A,evictDistant:f,evictToLimit:I,getStats:r,getCachedCount:t,clear:e,reset:()=>{e(),j=0}}},Uj=(U)=>{if(U.length===0)return[];let G=[...U].sort((N,M)=>N.start-M.start),Y=[{...G[0]}];for(let N=1;N<G.length;N++){let M=G[N],Q=Y[Y.length-1];if(M.start<=Q.end+1)Q.end=Math.max(Q.end,M.end);else Y.push({...M})}return Y},Xj=(U,G,Y)=>{let N=Math.floor(U.start/Y)*Y,M=Math.ceil((U.end+1)/Y)*Y-1,Q={start:N,end:M};if(G.length===0)return[Q];let j=[],D=Uj(G),T=Q.start;for(let z of D){if(z.end<T)continue;if(z.start>Q.end)break;if(z.start>T)j.push({start:T,end:Math.min(z.start-1,Q.end)});if(T=z.end+1,T>Q.end)break}if(T<=Q.end)j.push({start:T,end:Q.end});return j};var Yj=(U={})=>{let{enabled:G=!0,maskCharacter:Y="█",randomVariance:N=!0,maxSampleSize:M=20,customGenerator:Q}=U,j=null,D=!1,T=0,z=(Z)=>{if(!G||D||Z.length===0)return;let F=new Map,V=new Map,O=Math.min(Z.length,M);for(let h=0;h<O;h++){let w=Z[h];if(!w||typeof w!=="object")continue;for(let[k,A]of Object.entries(w)){if(k.startsWith("_")||k==="id")continue;if(!V.has(k))V.set(k,{lengths:[],types:new Set});let f=V.get(k),I=Array.isArray(A)?"array":typeof A;if(f.types.add(I),typeof A==="string")f.lengths.push(A.length);else if(A!==null&&A!==void 0)f.lengths.push(String(A).length)}}for(let[h,w]of V){if(w.lengths.length===0)continue;let k=Math.min(...w.lengths),A=Math.max(...w.lengths),f=Math.round(w.lengths.reduce((r,t)=>r+t,0)/w.lengths.length),I="string";if(w.types.has("number")&&w.types.size===1)I="number";else if(w.types.has("boolean")&&w.types.size===1)I="boolean";else if(w.types.has("array"))I="array";else if(w.types.has("object")&&!w.types.has("string"))I="object";F.set(h,{minLength:k,maxLength:A,avgLength:f,type:I})}j=F,D=!0},W=()=>D,y=(Z)=>{let F=Z.avgLength;if(N&&Z.minLength!==Z.maxLength){if(F=Math.floor(Math.random()*(Z.maxLength-Z.minLength+1)+Z.minLength),Math.random()<0.3)F=Math.max(1,F+Math.floor(Math.random()*3)-1)}return Y.repeat(Math.max(1,F))},L=(Z)=>{if(Q)return{...Q(Z),["_isPlaceholder"]:!0};let F={id:`__placeholder_${T++}`,["_isPlaceholder"]:!0,_index:Z};if(!j||j.size===0)return F.label=Y.repeat(12),F;for(let[V,O]of j)switch(O.type){case"string":F[V]=y(O);break;case"number":F[V]=0;break;case"boolean":F[V]=!1;break;case"array":F[V]=[];break;case"object":F[V]={};break;default:F[V]=y(O)}return F};return{analyzeStructure:z,hasAnalyzedStructure:W,generate:L,generateRange:(Z,F)=>{let V=[];for(let O=Z;O<=F;O++)V.push(L(O));return V},isPlaceholder:(Z)=>{if(!Z||typeof Z!=="object")return!1;return Z._isPlaceholder===!0},getPlaceholderKey:()=>"_isPlaceholder",clear:()=>{j=null,D=!1,T=0}}},d=(U)=>{if(!U||typeof U!=="object")return!1;return U._isPlaceholder===!0},Nj=(U)=>{return U.filter((G)=>!d(G))},Fj=(U)=>{let G=0;for(let Y of U)if(Y!==void 0&&!d(Y))G++;return G},Ej=(U,G,Y)=>{let N=0;for(let M=0;M<G.length;M++){let Q=Y+M,j=U[Q];if(j===void 0||d(j)){if(U[Q]=G[M],d(j))N++}}return N};var Lj=50,Bj=(U={})=>{let{adapter:G,initialItems:Y,initialTotal:N,storage:M,placeholder:Q,pageSize:j=Lj,onStateChange:D,onItemsLoaded:T,onItemsEvicted:z}=U,W=$j({...M,onEvict:(J,$)=>{z?.(J),O()}}),y=null,L=()=>{if(!y)y=Yj(Q);return y},b=new Map,C=!1,u,H=!0,Z,F=[],V=new Map,O=()=>{D?.(e())},h=()=>{b.clear();let J=W.getLoadedRanges();for(let $ of J)for(let P=$.start;P<=$.end;P++){let E=W.get(P);if(E&&!d(E))b.set(E.id,P)}},w=(J,$)=>{if(!d($))b.set($.id,J)},k=(J)=>{b.delete(J)},A=(J,$)=>{return`${J}-${$}`},f=()=>W.getTotal(),I=()=>W.getCachedCount(),r=()=>C,t=()=>H,e=()=>({total:W.getTotal(),cached:W.getCachedCount(),isLoading:C,pendingRanges:F,error:u,hasMore:H,cursor:Z}),Zj=()=>W,q=()=>L(),X=(J)=>{let $=W.get(J);if($!==void 0)return $;if(J>=0&&J<W.getTotal())return L().generate(J);return},B=(J)=>{let $=b.get(J);if($===void 0)return;return W.get($)},K=(J)=>{return b.get(J)??-1},_=(J)=>{let $=W.get(J);return $!==void 0&&!d($)},l=(J,$)=>{let P=[],E=W.getTotal(),g=0,x=0;W.touchChunksForRange(J,Math.min($,E-1));for(let c=J;c<=$&&c<E;c++){let s=W.get(c);if(s!==void 0)P.push(s),g++;else P.push(L().generate(c)),x++}return P},R=(J)=>{W.setTotal(J),H=W.getCachedCount()<J,O()},p=(J,$=0,P)=>{if(y&&!y.hasAnalyzedStructure()&&J.length>0)y.analyzeStructure(J);for(let E=0;E<J.length;E++){let g=J[E];if(g!==void 0){let x=$+E;W.set(x,g),w(x,g)}}if(P!==void 0)W.setTotal(P);else if($+J.length>W.getTotal())W.setTotal($+J.length);H=W.getCachedCount()<W.getTotal(),T?.(J,$,W.getTotal()),O()},i=(J,$)=>{let P=b.get(J);if(P===void 0)return!1;let E=W.get(P);if(!E)return!1;let g={...E,...$};if(W.set(P,g),$.id!==void 0&&$.id!==J)k(J),w(P,g);return O(),!0},qj=(J)=>{let $=b.get(J);if($===void 0)return!1;W.delete($),k(J);let P=W.getTotal();if(P>0)W.setTotal(P-1);return O(),!0},Jj=async(J,$)=>{if(!G)return;let P=A(J,$);if(V.has(P))return;let E=W.getLoadedRanges(),g=Xj({start:J,end:$},E,W.chunkSize);if(g.length===0)return;let x=W.chunkSize,c=[];for(let v of g){let a=Math.floor(v.start/x),n=Math.floor(v.end/x);for(let S=a;S<=n;S++){let o=S*x,m=o+x-1,Qj=A(o,m);if(!c.some((Wj)=>Wj.start===o)&&!V.has(Qj))c.push({start:o,end:m})}}let s=[];for(let v of g){let a=Math.floor(v.start/x),n=Math.floor(v.end/x);for(let S=a;S<=n;S++){let o=S*x,m=o+x-1,Qj=A(o,m);if(V.has(Qj)){let Wj=V.get(Qj);if(!s.includes(Wj))s.push(Wj)}}}for(let v of c){let a=A(v.start,v.end),n=(async()=>{F.push(v),C=!0,u=void 0,O();try{let S=v.end-v.start+1,o={offset:v.start,limit:S,cursor:void 0},m=await G.read(o);if(p(m.items,v.start,m.total),m.cursor)Z=m.cursor;if(m.hasMore!==void 0)H=m.hasMore;else if(m.total!==void 0)H=W.getCachedCount()<m.total}catch(S){u=S instanceof Error?S:Error(String(S))}finally{V.delete(a),F=F.filter((S)=>S.start!==v.start||S.end!==v.end),C=V.size>0,O()}})();V.set(a,n),s.push(n)}await Promise.all(s)},Aj=async(J,$)=>{if(W.isRangeLoaded(J,$))return;await Jj(J,$)},Dj=async()=>{if(!G)return;await Jj(0,j-1)},Oj=async()=>{if(!G||C||!H)return!1;let J=W.getCachedCount(),$=W.getTotal(),P=J,E=Math.min(P+j-1,$>0?$-1:P+j-1);if(P>=$&&$>0)return H=!1,!1;return await Jj(P,E),W.getCachedCount()>J},zj=async()=>{if(W.clear(),b.clear(),y)y.clear();Z=void 0,H=!0,u=void 0,O(),await Dj()},Hj=(J,$)=>{if(W.evictDistant(J,$)>0)h()},yj=()=>{W.clear(),b.clear(),Z=void 0,u=void 0,F=[],C=!1,O()},bj=()=>{if(W.reset(),b.clear(),y)y.clear();Z=void 0,H=!0,u=void 0,F=[],C=!1,O()};if(Y&&Y.length>0)p(Y,0,N??Y.length);else if(N!==void 0)W.setTotal(N);return{getState:e,getTotal:f,getCached:I,getIsLoading:r,getHasMore:t,getStorage:Zj,getPlaceholders:q,getItem:X,getItemById:B,getIndexById:K,isItemLoaded:_,getItemsInRange:l,setTotal:R,setItems:p,updateItem:i,removeItem:qj,loadRange:Jj,ensureRange:Aj,loadInitial:Dj,loadMore:Oj,reload:zj,evictDistant:Hj,clear:yj,reset:bj}};var Vj=(U,G,Y,N,M,Q)=>{if(N===0||G===0)return Q.start=0,Q.end=-1,Q;let j=Y.indexAtOffset(U),D=Y.indexAtOffset(U+G);if(D<N-1)D++;return Q.start=Math.max(0,j),Q.end=Math.min(N-1,Math.max(0,D)),Q},wj=(U,G,Y,N)=>{if(Y===0)return N.start=0,N.end=-1,N;return N.start=Math.max(0,U.start-G),N.end=Math.min(Y-1,U.end+G),N};var Gj=(U,G,Y,N,M,Q=Vj)=>{return Q(U.scrollTop,U.containerHeight,G,Y,M,U.visibleRange),wj(U.visibleRange,N,Y,U.renderRange),U.totalHeight=M.virtualHeight,U.actualHeight=M.actualHeight,U.isCompressed=M.isCompressed,U.compressionRatio=M.ratio,U};var Kj=200,jj=50;var Mj=15,Pj=2,_j=50;var Tj=(U)=>{let{adapter:G,loading:Y}=U,N=Y?.cancelThreshold??Mj,M=Y?.preloadThreshold??Pj,Q=Y?.preloadAhead??_j;return{name:"withData",priority:20,methods:["reload"],setup(j){let{emitter:D}=j,T=j.config.reverse,z=j.config.overscan,W=Bj({adapter:G,pageSize:jj,onStateChange:()=>{if(j.state.isInitialized)j.heightCache.rebuild(j.getVirtualTotal()),j.updateCompressionMode(),j.state.viewportState=Gj(j.state.viewportState,j.heightCache,j.getVirtualTotal(),z,j.getCachedCompression()),j.updateContentSize(j.state.viewportState.totalHeight),j.renderIfNeeded()},onItemsLoaded:(Z,F,V)=>{if(j.state.isInitialized)j.heightCache.rebuild(j.getVirtualTotal()),j.forceRender(),D.emit("load:end",{items:Z,total:V})}});j.replaceDataManager(W);let y=null,L=null,b=0,C=()=>{if(L){let Z=L;L=null,j.dataManager.ensureRange(Z.start,Z.end).catch((F)=>{D.emit("error",{error:F,context:"ensureRange"})})}};j.afterScroll.push((Z,F)=>{if(j.state.isDestroyed)return;let V=j.scrollController.getVelocity(),h=j.scrollController.isTracking()&&V<=N;if(L&&b>N&&V<=N){let A=L;L=null,j.dataManager.ensureRange(A.start,A.end).catch((f)=>{D.emit("error",{error:f,context:"ensureRange"})})}if(b=V,h&&!j.dataManager.getIsLoading()&&j.dataManager.getHasMore()){if(T){if(Z<Kj)D.emit("load:start",{offset:j.dataManager.getCached(),limit:jj}),j.dataManager.loadMore().catch((A)=>{D.emit("error",{error:A,context:"loadMore"})})}else if(j.state.viewportState.totalHeight-Z-j.state.viewportState.containerHeight<Kj)D.emit("load:start",{offset:j.dataManager.getCached(),limit:jj}),j.dataManager.loadMore().catch((f)=>{D.emit("error",{error:f,context:"loadMore"})})}let{renderRange:w}=j.state.viewportState;if(!y||w.start!==y.start||w.end!==y.end)if(y={start:w.start,end:w.end},h){L=null;let{start:A,end:f}=w,I=j.getVirtualTotal();if(V>M)if(F==="down")f=Math.min(w.end+Q,I-1);else A=Math.max(w.start-Q,0);j.dataManager.ensureRange(A,f).catch((r)=>{D.emit("error",{error:r,context:"ensureRange"})})}else L={start:w.start,end:w.end}});let u=200,H=null;j.afterScroll.push((Z,F)=>{if(H!==null)clearTimeout(H);H=setTimeout(()=>{H=null,C()},u)}),j.destroyHandlers.push(()=>{if(H!==null)clearTimeout(H),H=null}),D.on("load:start",()=>{j.dom.root.setAttribute("aria-busy","true")}),D.on("load:end",()=>{j.dom.root.removeAttribute("aria-busy")}),j.methods.set("reload",async()=>{await j.dataManager.reload()}),D.emit("load:start",{offset:0,limit:jj}),j.dataManager.loadInitial().catch((Z)=>{D.emit("error",{error:Z,context:"loadInitial"})})}}};export{Tj as withData,Ej as replacePlaceholders,Uj as mergeRanges,d as isPlaceholderItem,Nj as filterPlaceholders,$j as createSparseStorage,Yj as createPlaceholderManager,Bj as createDataManager,Fj as countRealItems,Xj as calculateMissingRanges};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* vlist - Event Emitter
|
|
3
|
+
* Lightweight, type-safe event system
|
|
4
|
+
*/
|
|
5
|
+
import type { EventHandler, Unsubscribe, EventMap } from "../types";
|
|
6
|
+
/**
|
|
7
|
+
* Create a type-safe event emitter
|
|
8
|
+
* Functional approach - returns an object with methods
|
|
9
|
+
*/
|
|
10
|
+
export declare const createEmitter: <T extends EventMap>() => {
|
|
11
|
+
on: <K extends keyof T>(event: K, handler: EventHandler<T[K]>) => Unsubscribe;
|
|
12
|
+
off: <K extends keyof T>(event: K, handler: EventHandler<T[K]>) => void;
|
|
13
|
+
emit: <K extends keyof T>(event: K, payload: T[K]) => void;
|
|
14
|
+
once: <K extends keyof T>(event: K, handler: EventHandler<T[K]>) => Unsubscribe;
|
|
15
|
+
clear: <K extends keyof T>(event?: K) => void;
|
|
16
|
+
listenerCount: <K extends keyof T>(event: K) => number;
|
|
17
|
+
};
|
|
18
|
+
/** Event emitter type */
|
|
19
|
+
export type Emitter<T extends EventMap> = ReturnType<typeof createEmitter<T>>;
|
|
20
|
+
//# sourceMappingURL=emitter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emitter.d.ts","sourceRoot":"","sources":["../../src/events/emitter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAWpE;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,QAAQ;SAMlC,CAAC,SAAS,MAAM,CAAC,SACpB,CAAC,WACC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC1B,WAAW;UAaD,CAAC,SAAS,MAAM,CAAC,SACrB,CAAC,WACC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC1B,IAAI;WAOO,CAAC,SAAS,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAG,IAAI;WAgBjD,CAAC,SAAS,MAAM,CAAC,SACtB,CAAC,WACC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC1B,WAAW;YAWC,CAAC,SAAS,MAAM,CAAC,UAAU,CAAC,KAAG,IAAI;oBAa3B,CAAC,SAAS,MAAM,CAAC,SAAS,CAAC,KAAG,MAAM;CAY5D,CAAC;AAEF,yBAAyB;AACzB,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,QAAQ,IAAI,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var o=(Y)=>{let q=Math.max(1,Math.floor(Y.columns)),J=Y.gap??0,j=Y.isHeaderFn,D={row:0,col:0},X=(K)=>{if(K<=0)return 0;if(!j)return Math.ceil(K/q);let $=0,N=0,M=0;for(let F=0;F<K;F++)if(j(F)){if(M++,N>0)$++,N=0;$++,N=0}else if(N++,N>=q)$++,N=0;if(N>0)$++;return $},z=(K)=>{return D.row=L(K),D.col=O(K),D},L=(K)=>{if(!j)return Math.floor(K/q);let $=0,N=0;for(let M=0;M<=K;M++)if(j(M)){if(N>0)$++,N=0;if(M===K)return $;$++,N=0}else{if(M===K)return $;if(N++,N>=q)$++,N=0}return console.warn(`⚠️ getRow(${K}) fell through - returning ${$}`),$},O=(K)=>{if(!j)return K%q;if(j(K))return 0;let $=0;for(let N=0;N<=K;N++)if(j(N))$=0;else{if(N===K)return $;if($++,$>=q)$=0}return $},_=(K,$,N)=>{if(N<=0)return{start:0,end:-1};if(!j){let T=Math.max(0,K*q),k=Math.min(N-1,($+1)*q-1);return{start:T,end:k}}let M=-1,F=-1,v=0,H=0;for(let T=0;T<N;T++){if(j(T)){if(H>0)v++,H=0;if(v>=K&&v<=$){if(M===-1)M=T;F=T}v++,H=0}else{if(v>=K&&v<=$){if(M===-1)M=T;F=T}if(H++,H>=q)v++,H=0}if(v>$&&H===0)break}if(M===-1)return{start:0,end:-1};return{start:M,end:F}},W=(K,$,N)=>{if($<0||$>=q)return-1;let M=K*q+$;if(M<0||M>=N)return-1;return M},b=(K)=>{let $=(q-1)*J;return Math.max(0,(K-$)/q)};return{get columns(){return q},get gap(){return J},update:(K)=>{if(K.columns!==void 0)q=Math.max(1,Math.floor(K.columns));if(K.gap!==void 0)J=K.gap;if(K.isHeaderFn!==void 0)j=K.isHeaderFn},getTotalRows:X,getPosition:z,getRow:L,getCol:O,getItemRange:_,getItemIndex:W,getColumnWidth:b,getColumnOffset:(K,$)=>{let N=b($);return K*(N+J)}}};var i=16000000;var K2=(Y,q,J)=>{if(J===0)return 0;if(!Y.isVariable())return Math.floor(q/Y.getHeight(0));let j=0,D=0;for(let X=J-1;X>=0;X--){let z=Y.getHeight(X);if(D+z>q)break;D+=z,j++}return Math.max(j,1)},t=(Y,q,J)=>{if(J===0)return 0;let j=Math.floor(q),D=q-j,X=Math.max(0,Math.min(j,J-1));return Y.getOffset(X)+D*Y.getHeight(X)};var Q2=(Y,q)=>{let J=q.getTotalHeight(),j=J>i,D=j?i:J,X=J>0?D/J:1;return{isCompressed:j,actualHeight:J,virtualHeight:D,ratio:X}};var Y2=(Y,q,J,j,D,X,z)=>{if(!X.isCompressed||j===0)return J.getOffset(Y);let{virtualHeight:L}=X,O=L-D,_=O-q;if(_<=D&&_>=-1){if(q>=O-1){let v=J.getTotalHeight()-J.getOffset(Y);return D-v}let f=K2(J,D,j),u=Math.max(0,j-f),$=q/L*j,N=Math.max(0,Math.min(1,1-_/D)),M=J.getOffset(Y)-J.getOffset(u),F=J.getOffset(Y)-t(J,$,j);return F+(M-F)*N}let b=q/L*j;return J.getOffset(Y)-t(J,b,j)};var Z2=(Y)=>{return Y!==null&&typeof Y==="object"&&Y.__groupHeader===!0};var X2=(Y=200)=>{let q=[];return{acquire:()=>{let X=q.pop();if(X)return X;let z=document.createElement("div");return z.setAttribute("role","option"),z},release:(X)=>{if(q.length<Y)X.className="",X.textContent="",X.removeAttribute("style"),X.removeAttribute("data-index"),X.removeAttribute("data-id"),X.removeAttribute("data-row"),X.removeAttribute("data-col"),q.push(X)},clear:()=>{q.length=0}}},e=(Y,q,J,j,D,X,z,L)=>{let O=X2(),_=new Map,W=X,b=!1,f=null,u=0,K="",$=(Q)=>{if(f&&u===Q)return f;return f=Q2(Q,J),u=Q,f},N={selected:!1,focused:!1},M=(Q,Z)=>{return N.selected=Q,N.focused=Z,N},F=`${D}-item ${D}-grid-item`,v=`${D}-item--selected`,H=`${D}-item--focused`,T=(Q,Z)=>{if(typeof Z==="string")Q.innerHTML=Z;else Q.replaceChildren(Z)},k=(Q,Z,B)=>{Q.classList.toggle(v,Z),Q.classList.toggle(H,B)},P=(Q,Z)=>{let B=j.getRow(Q);if(Z){let A=Z.totalItems,E=$(A);if(E.isCompressed)return Y2(B,Z.scrollTop,J,A,Z.containerHeight,E,Z.rangeStart)}return J.getOffset(B)},S=(Q,Z,B)=>{let A=Q.dataset.id?.startsWith("__group_header"),E=A?0:j.getCol(Z),V=A?0:j.getColumnOffset(E,W),R;if(b){let g=j.getRow(Z),U=0,I=new Set;for(let C=0;C<Z;C++){let h=j.getRow(C);if(h<g&&!I.has(h)){let c=J.getHeight(C);U+=c,I.add(h)}}R=U}else R=P(Z,B);Q.style.transform=`translate(${Math.round(V)}px, ${Math.round(R)}px)`},G=(Q,Z)=>{let B=Q.dataset.id?.startsWith("__group_header"),A=B?W:j.getColumnWidth(W),E;if(b||B)E=J.getHeight(Z)-j.gap;else{let V=j.getRow(Z);E=J.getHeight(V)-j.gap}Q.style.width=`${A}px`,Q.style.height=`${E}px`},p=(Q,Z,B,A,E)=>{let V=O.acquire(),R=M(B,A);if(V.className=F,V.dataset.index=String(Q),V.dataset.id=String(Z.id),V.dataset.row=String(j.getRow(Q)),V.dataset.col=String(j.getCol(Q)),V.ariaSelected=String(B),L)V.id=`${L}-item-${Q}`;if(z)K=String(z()),V.setAttribute("aria-setsize",K),V.setAttribute("aria-posinset",String(Q+1));G(V,Q);let g=q(Z,Q,R);return T(V,g),k(V,B,A),S(V,Q,E),V},y=(Q,Z,B,A,E)=>{if(Z.start===0&&Q.length>0)b=Z2(Q[0]);for(let[U,I]of _)if(U<Z.start||U>Z.end)I.element.remove(),O.release(I.element),_.delete(U);let V=!1;if(z){let U=String(z());V=U!==K,K=U}let R=document.createDocumentFragment(),g=[];for(let U=Z.start;U<=Z.end;U++){let I=U-Z.start,C=Q[I];if(!C){console.warn(`⚠️ RENDER: Missing item at index ${U} (range: ${Z.start}-${Z.end}, items.length: ${Q.length})`);continue}let h=B.has(C.id),c=U===A,w=_.get(U);if(w){let a=w.element.dataset.id,J2=String(C.id);if(a!==J2){let k2=M(h,c),N2=q(C,U,k2);T(w.element,N2),w.element.dataset.id=J2,w.element.dataset.row=String(j.getRow(U)),w.element.dataset.col=String(j.getCol(U)),G(w.element,U)}if(k(w.element,h,c),w.element.ariaSelected=String(h),S(w.element,U,E),V)w.element.setAttribute("aria-setsize",K)}else{let a=p(U,C,h,c,E);R.appendChild(a),g.push({index:U,element:a})}}if(g.length>0){Y.appendChild(R);for(let{index:U,element:I}of g)_.set(U,{index:U,element:I})}},x=(Q)=>{for(let[Z,B]of _)S(B.element,Z,Q)},m=(Q,Z,B,A)=>{let E=_.get(Q);if(E){let V=M(B,A),R=q(Z,Q,V);T(E.element,R),k(E.element,B,A),E.element.dataset.id=String(Z.id),E.element.ariaSelected=String(B),G(E.element,Q)}},l=(Q,Z,B)=>{let A=_.get(Q);if(A)k(A.element,Z,B)},d=(Q)=>{return _.get(Q)?.element},n=(Q)=>{if(Math.abs(Q-W)<1)return;W=Q;for(let[Z,B]of _)G(B.element,Z),S(B.element,Z)},r=()=>{for(let[,Q]of _)Q.element.remove(),O.release(Q.element);_.clear()};return{render:y,updatePositions:x,updateItem:m,updateItemClasses:l,getElement:d,updateContainerWidth:n,clear:r,destroy:()=>{r(),O.clear()}}};var $2=(Y,q,J,j,D,X)=>{if(j===0)return 0;let z=Math.max(0,Math.min(Y,j-1)),L=q.getOffset(z),O=q.getHeight(z),_=q.getTotalHeight(),W=Math.max(0,_-J),b;switch(X){case"center":b=L-J/2+O/2;break;case"end":b=L-J+O;break;case"start":default:b=L;break}return Math.max(0,Math.min(b,W))};var j2=(Y,q,J,j,D="start",X,z=$2)=>{return z(Y,q,J,j,X,D)};var D2=(Y)=>{if(!Y.columns||Y.columns<1)throw Error("[vlist/builder] withGrid: columns must be a positive integer >= 1");let q=null,J=null;return{name:"withGrid",priority:10,setup(j){let{dom:D,emitter:X,config:z,rawConfig:L}=j,{classPrefix:O}=z;if(z.horizontal)throw Error("[vlist/builder] withGrid cannot be used with direction: 'horizontal'");if(z.reverse)throw Error("[vlist/builder] withGrid cannot be used with reverse: true");let _=L.items?.some((k)=>k.__groupHeader===!0),W={columns:Y.columns,gap:Y.gap??0};if(_)W.isHeaderFn=(k)=>{let P=j.dataManager.getItem(k);return P&&P.__groupHeader===!0};q=o(W);let b=q.gap;j.setVirtualTotalFn(()=>{let k=j.dataManager.getTotal();return q.getTotalRows(k)});let f=L.item,u=z.horizontal?f.width:f.height,K={containerWidth:j.getContainerWidth(),columns:q.columns,gap:q.gap};if(typeof u==="function")j.setHeightConfig((k)=>{let P=K.containerWidth-2,S=(K.columns-1)*K.gap,G=(P-S)/K.columns,p={containerWidth:K.containerWidth,columns:K.columns,gap:K.gap,columnWidth:G};return u(k,p)+K.gap});else if(b>0)j.setHeightConfig(u+b);let $=j.dataManager.getTotal(),N=q.getTotalRows($);j.rebuildHeightCache(),D.root.classList.add(`${O}--grid`);let M=j.getContainerWidth(),F=L.item.template,v=()=>{J=e(D.items,F,j.heightCache,q,O,M,()=>j.dataManager.getTotal(),z.ariaIdPrefix),j.replaceRenderer(J)};v(),j.methods.set("_getGridLayout",()=>q),j.methods.set("_getGridConfig",()=>W),j.methods.set("_replaceGridRenderer",(k)=>{J=k}),j.methods.set("_updateGridLayoutForGroups",(k)=>{q.update({isHeaderFn:k});let P=j.dataManager.getTotal(),S=q.getTotalRows(P),G=0;for(let y=0;y<P;y++)if(q.getCol(y)===0){let x=j.heightCache.getHeight(y);G+=x}let p=j.heightCache.getTotalHeight.bind(j.heightCache);j.heightCache.getTotalHeight=()=>G,j.dom.content.style.height=`${G}px`,v()}),j.methods.set("updateGrid",(k)=>{if(k.columns!==void 0){if(!Number.isInteger(k.columns)||k.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");W.columns=k.columns}if(k.gap!==void 0){if(k.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");W.gap=k.gap}if(q)q.update(W);let P=j.getContainerWidth();if(K.containerWidth=P,K.columns=W.columns,K.gap=W.gap,J)J.updateContainerWidth(P);let S=Math.ceil(j.dataManager.getTotal()/W.columns);j.rebuildHeightCache(),j.updateContentSize(j.heightCache.getTotalHeight()),j.updateCompressionMode();for(let G=0;G<j.contentSizeHandlers.length;G++)j.contentSizeHandlers[G]();if(J)J.clear();j.forceRender()});let H=()=>{if(j.state.isDestroyed)return;let k=j.scrollController.getScrollTop(),P=j.state.viewportState.containerHeight,S=j.getVirtualTotal(),G={start:0,end:0};if(S===0||P===0)G.start=0,G.end=0;else{G.start=Math.max(0,j.heightCache.indexAtOffset(k));let s=j.heightCache.indexAtOffset(k+P);if(s<S-1)s++;G.end=Math.min(S-1,Math.max(0,s))}let p=z.overscan??3,y={start:Math.max(0,G.start-p),end:Math.min(S-1,G.end+p)};j.state.viewportState.scrollTop=k,j.state.viewportState.visibleRange=G,j.state.viewportState.renderRange=y;let x=j.state.lastRenderRange,m=j.state.viewportState.isCompressed;if(y.start===x.start&&y.end===x.end){if(m)J.updatePositions(j.getCompressionContext());return}let l=j.dataManager.getTotal(),d=q.getItemRange(y.start,y.end,l),n=j.dataManager.getItemsInRange(d.start,d.end),r=m?j.getCompressionContext():void 0;J.render(n,d,new Set,-1,r),j.state.lastRenderRange={...y},X.emit("range:change",{range:y})},T=()=>{if(j.state.isDestroyed)return;j.state.lastRenderRange={start:-1,end:-1},H()};if(j.setRenderFns(H,T),j.resizeHandlers.push((k,P)=>{if(J)J.updateContainerWidth(k)}),j.methods.set("scrollToIndex",(k,P)=>{let S=Math.floor(k/Y.columns),{align:G,behavior:p,duration:y}=M2(P),x=j.dataManager.getState(),m=q.getTotalRows(x.total),l=Math.max(0,Math.min(S,m-1)),d=j2(l,j.heightCache,j.state.viewportState.containerHeight,m,G,j.getCachedCompression());if(p==="smooth")j.scrollController.scrollTo(d);else j.scrollController.scrollTo(d)}),!j.methods.has("_getTotal"))j.methods.set("_getTotal",()=>j.dataManager.getTotal());j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null;D.root.classList.remove(`${O}--grid`)})},destroy(){if(J)J.destroy(),J=null}}},q2=300,M2=(Y)=>{if(typeof Y==="string")return{align:Y,behavior:"auto",duration:q2};if(Y&&typeof Y==="object")return{align:Y.align??"start",behavior:Y.behavior??"auto",duration:Y.duration??q2};return{align:"start",behavior:"auto",duration:q2}};export{D2 as withGrid,e as createGridRenderer,o as createGridLayout};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var{defineProperty:n,getOwnPropertyNames:Pj,getOwnPropertyDescriptor:Oj}=Object,Gj=Object.prototype.hasOwnProperty;var Nj=new WeakMap,Lj=(Q)=>{var Z=Nj.get(Q),j;if(Z)return Z;if(Z=n({},"__esModule",{value:!0}),Q&&typeof Q==="object"||typeof Q==="function")Pj(Q).map((J)=>!Gj.call(Z,J)&&n(Z,J,{get:()=>Q[J],enumerable:!(j=Oj(Q,J))||j.enumerable}));return Nj.set(Q,Z),Z};var wj=(Q,Z)=>{for(var j in Z)n(Q,j,{get:Z[j],enumerable:!0,configurable:!0,set:(J)=>Z[j]=()=>J})};var Kj=(Q,Z)=>()=>(Q&&(Z=Q(Q=0)),Z);var d=(Q)=>{return Q!==null&&typeof Q==="object"&&Q.__groupHeader===!0};var Wj=(Q,Z,j)=>{if(j===0)return 0;if(!Q.isVariable())return Math.floor(Z/Q.getHeight(0));let J=0,$=0;for(let q=j-1;q>=0;q--){let X=Q.getHeight(q);if($+X>Z)break;$+=X,J++}return Math.max(J,1)},e=(Q,Z,j)=>{if(j===0)return 0;let J=Math.floor(Z),$=Z-J,q=Math.max(0,Math.min(J,j-1));return Q.getOffset(q)+$*Q.getHeight(q)};var qj=16000000;var Dj=(Q,Z)=>{let j=Z.getTotalHeight(),J=j>qj,$=J?qj:j,q=j>0?$/j:1;return{isCompressed:J,actualHeight:j,virtualHeight:$,ratio:q}},Uj=(Q,Z,j,J,$,q,X)=>{if(!q.isCompressed||J===0)return j.getOffset(Q);let{virtualHeight:E}=q,B=E-$,W=B-Z;if(W<=$&&W>=-1){if(Z>=B-1){let v=j.getTotalHeight()-j.getOffset(Q);return $-v}let Y=Wj(j,$,J),V=Math.max(0,J-Y),k=Z/E*J,P=Math.max(0,Math.min(1,1-W/$)),w=j.getOffset(Q)-j.getOffset(V),R=j.getOffset(Q)-e(j,k,J);return R+(w-R)*P}let L=Z/E*J;return j.getOffset(Q)-e(j,L,J)};var kj=()=>{};var zj={};wj(zj,{createGridRenderer:()=>bj});var Fj=(Q=200)=>{let Z=[];return{acquire:()=>{let q=Z.pop();if(q)return q;let X=document.createElement("div");return X.setAttribute("role","option"),X},release:(q)=>{if(Z.length<Q)q.className="",q.textContent="",q.removeAttribute("style"),q.removeAttribute("data-index"),q.removeAttribute("data-id"),q.removeAttribute("data-row"),q.removeAttribute("data-col"),Z.push(q)},clear:()=>{Z.length=0}}},bj=(Q,Z,j,J,$,q,X,E)=>{let B=Fj(),W=new Map,G=q,L=!1,Y=null,V=0,z="",k=(N)=>{if(Y&&V===N)return Y;return Y=Dj(N,j),V=N,Y},P={selected:!1,focused:!1},w=(N,K)=>{return P.selected=N,P.focused=K,P},R=`${$}-item ${$}-grid-item`,v=`${$}-item--selected`,H=`${$}-item--focused`,C=(N,K)=>{if(typeof K==="string")N.innerHTML=K;else N.replaceChildren(K)},F=(N,K,D)=>{N.classList.toggle(v,K),N.classList.toggle(H,D)},M=(N,K)=>{let D=J.getRow(N);if(K){let O=K.totalItems,A=k(O);if(A.isCompressed)return Uj(D,K.scrollTop,j,O,K.containerHeight,A,K.rangeStart)}return j.getOffset(D)},b=(N,K,D)=>{let O=N.dataset.id?.startsWith("__group_header"),A=O?0:J.getCol(K),_=O?0:J.getColumnOffset(A,G),y;if(L){let p=J.getRow(K),U=0,I=new Set;for(let f=0;f<K;f++){let x=J.getRow(f);if(x<p&&!I.has(x)){let m=j.getHeight(f);U+=m,I.add(x)}}y=U}else y=M(K,D);N.style.transform=`translate(${Math.round(_)}px, ${Math.round(y)}px)`},S=(N,K)=>{let D=N.dataset.id?.startsWith("__group_header"),O=D?G:J.getColumnWidth(G),A;if(L||D)A=j.getHeight(K)-J.gap;else{let _=J.getRow(K);A=j.getHeight(_)-J.gap}N.style.width=`${O}px`,N.style.height=`${A}px`},h=(N,K,D,O,A)=>{let _=B.acquire(),y=w(D,O);if(_.className=R,_.dataset.index=String(N),_.dataset.id=String(K.id),_.dataset.row=String(J.getRow(N)),_.dataset.col=String(J.getCol(N)),_.ariaSelected=String(D),E)_.id=`${E}-item-${N}`;if(X)z=String(X()),_.setAttribute("aria-setsize",z),_.setAttribute("aria-posinset",String(N+1));S(_,N);let p=Z(K,N,y);return C(_,p),F(_,D,O),b(_,N,A),_},u=(N,K,D,O,A)=>{if(K.start===0&&N.length>0)L=d(N[0]);for(let[U,I]of W)if(U<K.start||U>K.end)I.element.remove(),B.release(I.element),W.delete(U);let _=!1;if(X){let U=String(X());_=U!==z,z=U}let y=document.createDocumentFragment(),p=[];for(let U=K.start;U<=K.end;U++){let I=U-K.start,f=N[I];if(!f){console.warn(`⚠️ RENDER: Missing item at index ${U} (range: ${K.start}-${K.end}, items.length: ${N.length})`);continue}let x=D.has(f.id),m=U===O,T=W.get(U);if(T){let l=T.element.dataset.id,$j=String(f.id);if(l!==$j){let Vj=w(x,m),Aj=Z(f,U,Vj);C(T.element,Aj),T.element.dataset.id=$j,T.element.dataset.row=String(J.getRow(U)),T.element.dataset.col=String(J.getCol(U)),S(T.element,U)}if(F(T.element,x,m),T.element.ariaSelected=String(x),b(T.element,U,A),_)T.element.setAttribute("aria-setsize",z)}else{let l=h(U,f,x,m,A);y.appendChild(l),p.push({index:U,element:l})}}if(p.length>0){Q.appendChild(y);for(let{index:U,element:I}of p)W.set(U,{index:U,element:I})}},Qj=(N)=>{for(let[K,D]of W)b(D.element,K,N)},a=(N,K,D,O)=>{let A=W.get(N);if(A){let _=w(D,O),y=Z(K,N,_);C(A.element,y),F(A.element,D,O),A.element.dataset.id=String(K.id),A.element.ariaSelected=String(D),S(A.element,N)}},c=(N,K,D)=>{let O=W.get(N);if(O)F(O.element,K,D)},_j=(N)=>{return W.get(N)?.element},Ej=(N)=>{if(Math.abs(N-G)<1)return;G=N;for(let[K,D]of W)S(D.element,K),b(D.element,K)},Zj=()=>{for(let[,N]of W)N.element.remove(),B.release(N.element);W.clear()};return{render:u,updatePositions:Qj,updateItem:a,updateItemClasses:c,getElement:_j,updateContainerWidth:Ej,clear:Zj,destroy:()=>{Zj(),B.clear()}}};var Bj=Kj(()=>{kj()});var o=(Q,Z)=>{let j=0,J=Q.length-1;while(j<J){let $=j+J+1>>>1;if(Q[$].headerLayoutIndex<=Z)j=$;else J=$-1}return j},Xj=(Q,Z)=>{let j=0,J=Q.length-1;while(j<J){let $=j+J+1>>>1;if(Q[$].firstDataIndex<=Z)j=$;else J=$-1}return j},Yj=(Q,Z)=>{if(Q===0)return[];let j=[],J=Z(0),$=0,q=0;for(let X=1;X<Q;X++){let E=Z(X);if(E!==J){let B=X-$;j.push({key:J,groupIndex:j.length,headerLayoutIndex:q,firstDataIndex:$,count:B}),q=q+1+B,J=E,$=X}}return j.push({key:J,groupIndex:j.length,headerLayoutIndex:q,firstDataIndex:$,count:Q-$}),j},r=(Q,Z)=>{if(Q.length===0||Z.length===0)return[];let j=Q.length+Z.length,J=Array(j),$=0;for(let q of Z){J[$]={id:`__group_header_${q.groupIndex}`,__groupHeader:!0,groupKey:q.key,groupIndex:q.groupIndex},$++;for(let X=0;X<q.count;X++)J[$]=Q[q.firstDataIndex+X],$++}return J},s=(Q,Z)=>{let j=typeof Z==="number"?(J)=>Z:Z;return(J)=>{let $=Q.getEntry(J);if($.type==="header")return Q.getHeaderHeight($.group.groupIndex);return j($.dataIndex)}},i=(Q,Z)=>{let j=Yj(Q,Z.getGroupForIndex),J=Q+j.length,$=Z.headerHeight;return{get totalEntries(){return J},get groupCount(){return j.length},get groups(){return j},getEntry:(Y)=>{if(j.length===0)return{type:"item",dataIndex:Y,group:{key:"",groupIndex:0,headerLayoutIndex:0,firstDataIndex:0,count:0}};let V=o(j,Y),z=j[V];if(Y===z.headerLayoutIndex)return{type:"header",group:z};let k=Y-z.headerLayoutIndex-1;return{type:"item",dataIndex:z.firstDataIndex+k,group:z}},layoutToDataIndex:(Y)=>{if(j.length===0)return Y;let V=o(j,Y),z=j[V];if(Y===z.headerLayoutIndex)return-1;let k=Y-z.headerLayoutIndex-1;return z.firstDataIndex+k},dataToLayoutIndex:(Y)=>{if(j.length===0)return Y;let V=Xj(j,Y),z=j[V],k=Y-z.firstDataIndex;return z.headerLayoutIndex+1+k},getGroupAtLayoutIndex:(Y)=>{if(j.length===0)return{key:"",groupIndex:0,headerLayoutIndex:0,firstDataIndex:0,count:0};let V=o(j,Y);return j[V]},getGroupAtDataIndex:(Y)=>{if(j.length===0)return{key:"",groupIndex:0,headerLayoutIndex:0,firstDataIndex:0,count:0};let V=Xj(j,Y);return j[V]},getHeaderHeight:typeof $==="number"?(Y)=>$:(Y)=>{let V=j[Y];if(!V)return 0;return $(V.key,Y)},rebuild:(Y)=>{j=Yj(Y,Z.getGroupForIndex),J=Y+j.length}}};var t=(Q,Z,j,J,$)=>{let q=document.createElement("div");q.className=`${$}-sticky-header`,q.setAttribute("role","presentation"),q.setAttribute("aria-hidden","true"),q.style.position="absolute",q.style.top="0",q.style.left="0",q.style.right="0",q.style.zIndex="5",q.style.pointerEvents="none",q.style.willChange="transform",q.style.overflow="hidden",Q.insertBefore(q,Q.firstChild);let X=-1,E=!1,B=0,W=(k)=>{if(k===X)return;X=k;let P=Z.groups;if(k<0||k>=P.length){q.textContent="";return}let w=P[k],R=J.headerTemplate(w.key,w.groupIndex),v=Z.getHeaderHeight(k);if(q.style.height=`${v}px`,typeof R==="string")q.innerHTML=R;else q.replaceChildren(R)},G=(k)=>{let P=Z.groups;if(P.length===0){Y();return}let w=0;for(let F=P.length-1;F>=0;F--)if(j.getOffset(P[F].headerLayoutIndex)<=k){w=F;break}let R=j.getOffset(P[0].headerLayoutIndex);if(k<R){Y();return}if(!E)L();W(w);let v=Z.getHeaderHeight(w),H=0,C=w+1;if(C<P.length){let M=j.getOffset(P[C].headerLayoutIndex)-k;if(M<v)H=M-v}if(H!==B)B=H,q.style.transform=H===0?"":`translateY(${Math.round(H)}px)`},L=()=>{if(E)return;E=!0,q.style.display=""},Y=()=>{if(!E)return;E=!1,q.style.display="none",X=-1,B=0,q.style.transform=""},V=()=>{let k=X;if(X=-1,k>=0)W(k)},z=()=>{q.remove(),X=-1,E=!1};return q.style.display="none",{update:G,refresh:V,show:L,hide:Y,destroy:z}};var Mj=(Q,Z,j,J,$,q)=>{if(J===0)return 0;let X=Math.max(0,Math.min(Q,J-1)),E=Z.getOffset(X),B=Z.getHeight(X),W=Z.getTotalHeight(),G=Math.max(0,W-j),L;switch(q){case"center":L=E-j/2+B/2;break;case"end":L=E-j+B;break;case"start":default:L=E;break}return Math.max(0,Math.min(L,G))};var jj=(Q,Z,j,J,$="start",q,X=Mj)=>{return X(Q,Z,j,J,q,$)};var Rj=(Q)=>{if(!Q.getGroupForIndex)throw Error("[vlist/builder] withGroups: getGroupForIndex is required");if(Q.headerHeight==null||Q.headerHeight<=0)throw Error("[vlist/builder] withGroups: headerHeight must be a positive number");if(!Q.headerTemplate)throw Error("[vlist/builder] withGroups: headerTemplate is required");let Z=null,j=null,J=[],$=[];return{name:"withGroups",priority:10,setup(q){let{dom:X,emitter:E,config:B,rawConfig:W}=q,{classPrefix:G}=B;if(B.horizontal)throw Error("[vlist/builder] withGroups cannot be used with direction: 'horizontal'");if(B.reverse)throw Error("[vlist/builder] withGroups cannot be used with reverse: true");let Y=W.item.height;J=W.items?[...W.items]:[];let V=J.length,z={getGroupForIndex:Q.getGroupForIndex,headerHeight:Q.headerHeight,headerTemplate:Q.headerTemplate,sticky:Q.sticky};Z=i(V,z),$=r(J,Z.groups);let k=s(Z,Y);q.setHeightConfig(k),q.rebuildHeightCache($.length),q.dataManager.setItems($,0,$.length);let P=W.item.template,{headerTemplate:w}=Q,R=(M,b,S)=>{if(d(M))return w(M.groupKey,M.groupIndex);return P(M,b,S)},v=q.methods.get("_getGridLayout"),H=q.methods.get("_replaceGridRenderer"),C=q.methods.get("_updateGridLayoutForGroups");if(v&&H){if(C)C((h)=>{let u=$[h];return u&&d(u)});let{createGridRenderer:M}=(Bj(),Lj(zj)),b=v(),S=M(X.items,R,q.heightCache,b,G,q.getContainerWidth(),()=>q.dataManager.getTotal(),B.ariaIdPrefix);H(S)}else q.replaceTemplate(R);if(X.root.classList.add(`${G}--grouped`),Q.sticky!==!1){j=t(X.root,Z,q.heightCache,z,G);let M=j;q.afterScroll.push((b,S)=>{M.update(b)}),j.update(q.scrollController.getScrollTop())}let F=()=>{if(!Z)return;Z.rebuild(J.length),$=r(J,Z.groups);let M=s(Z,Y);if(q.setHeightConfig(M),q.rebuildHeightCache($.length),q.dataManager.setItems($,0,$.length),j)j.refresh()};q.methods.set("setItems",(M)=>{J=[...M],F()}),q.methods.set("appendItems",(M)=>{J=[...J,...M],F()}),q.methods.set("prependItems",(M)=>{J=[...M,...J],F()}),q.methods.set("removeItem",(M)=>{J=J.filter((b)=>b.id!==M),F()}),q.methods.set("scrollToIndex",(M,b)=>{let S=Z.dataToLayoutIndex(M),{align:h,behavior:u,duration:Qj}=vj(b),a=q.dataManager.getTotal(),c=jj(S,q.heightCache,q.state.viewportState.containerHeight,a,h,q.getCachedCompression());if(u==="smooth")q.scrollController.scrollTo(c);else q.scrollController.scrollTo(c)}),q.methods.set("_getItems",()=>J),q.methods.set("_getTotal",()=>J.length),q.destroyHandlers.push(()=>{if(j)j.destroy(),j=null;X.root.classList.remove(`${G}--grouped`)})},destroy(){if(j)j.destroy(),j=null}}},Jj=300,vj=(Q)=>{if(typeof Q==="string")return{align:Q,behavior:"auto",duration:Jj};if(Q&&typeof Q==="object")return{align:Q.align??"start",behavior:Q.behavior??"auto",duration:Q.duration??Jj};return{align:"start",behavior:"auto",duration:Jj}};export{Rj as withGroups,d as isGroupHeader,t as createStickyHeader,s as createGroupedHeightFn,i as createGroupLayout,r as buildLayoutItems};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* vlist - Lightweight Virtual List
|
|
3
|
+
* High-performance virtual scrolling with zero dependencies
|
|
4
|
+
* Supports compression for handling 1M+ items
|
|
5
|
+
*
|
|
6
|
+
* @packageDocumentation
|
|
7
|
+
*/
|
|
8
|
+
export { createVList } from "./vlist";
|
|
9
|
+
export type { VList, VListConfig, VListItem, VListEvents, ItemTemplate, ItemState, SelectionMode, SelectionConfig, SelectionState, ScrollbarConfig, ScrollbarOptions, ScrollConfig, ScrollToOptions, ScrollSnapshot, VListAdapter, AdapterParams, AdapterResponse, Range, ViewportState, EventHandler, Unsubscribe, } from "./types";
|
|
10
|
+
export { createGroupLayout, buildLayoutItems, createGroupedHeightFn, createStickyHeader, isGroupHeader, type GroupsConfig, type GroupBoundary, type LayoutEntry, type GroupHeaderItem, type GroupLayout, type StickyHeader, } from "./plugins/groups";
|
|
11
|
+
export { createGridLayout, createGridRenderer, type GridConfig, type GridLayout, type GridPosition, type GridRenderer, type ItemRange, } from "./plugins/grid";
|
|
12
|
+
export { createHeightCache, type HeightCache, simpleVisibleRange, calculateRenderRange, calculateTotalHeight, calculateActualHeight, calculateItemOffset, calculateScrollToIndex, clampScrollPosition, rangesEqual, isInRange, getRangeCount, diffRanges, MAX_VIRTUAL_HEIGHT, getCompressionState, getCompression, needsCompression, getMaxItemsWithoutCompression, getCompressionInfo, calculateCompressedVisibleRange, calculateCompressedRenderRange, calculateCompressedItemPosition, calculateCompressedScrollToIndex, calculateIndexFromScrollPosition, type CompressionState, } from "./render";
|
|
13
|
+
export { createSelectionState, selectItems, deselectItems, toggleSelection, selectAll, clearSelection, isSelected, getSelectedIds, getSelectedItems, } from "./plugins/selection";
|
|
14
|
+
export { createEmitter, type Emitter } from "./events";
|
|
15
|
+
export { createDataManager, createSparseStorage, createPlaceholderManager, isPlaceholderItem, filterPlaceholders, mergeRanges, calculateMissingRanges, type DataManager, type SparseStorage, type PlaceholderManager, } from "./plugins/data";
|
|
16
|
+
export { createScrollController, createScrollbar, rafThrottle, type ScrollController, type Scrollbar, } from "./plugins/scroll";
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,YAAY,EAEV,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EAGX,YAAY,EACZ,SAAS,EAGT,aAAa,EACb,eAAe,EACf,cAAc,EAGd,eAAe,EACf,gBAAgB,EAGhB,YAAY,EACZ,eAAe,EACf,cAAc,EAGd,YAAY,EACZ,aAAa,EACb,eAAe,EAGf,KAAK,EACL,aAAa,EAGb,YAAY,EACZ,WAAW,GACZ,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,GACf,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAEL,iBAAiB,EACjB,KAAK,WAAW,EAEhB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,SAAS,EACT,aAAa,EACb,UAAU,EAEV,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC7B,kBAAkB,EAClB,+BAA+B,EAC/B,8BAA8B,EAC9B,+BAA+B,EAC/B,gCAAgC,EAChC,gCAAgC,EAChC,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,eAAe,EACf,SAAS,EACT,cAAc,EACd,UAAU,EACV,cAAc,EACd,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAGvD,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,sBAAsB,EACtB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var{defineProperty:Gj,getOwnPropertyNames:xJ,getOwnPropertyDescriptor:hJ}=Object,mJ=Object.prototype.hasOwnProperty;var xj=new WeakMap,gJ=(j)=>{var $=xj.get(j),Q;if($)return $;if($=Gj({},"__esModule",{value:!0}),j&&typeof j==="object"||typeof j==="function")xJ(j).map((J)=>!mJ.call($,J)&&Gj($,J,{get:()=>j[J],enumerable:!(Q=hJ(j,J))||Q.enumerable}));return xj.set(j,$),$};var dJ=(j,$)=>{for(var Q in $)Gj(j,Q,{get:$[Q],enumerable:!0,configurable:!0,set:(J)=>$[Q]=()=>J})};var hj=(j,$)=>()=>(j&&($=j(j=0)),$);var Ej=200,I2=50,gj=15,dj=2,cj=50,L2=16000000;var X4=(j,$)=>{let Q=$;return{getOffset:(J)=>J*j,getHeight:(J)=>j,indexAtOffset:(J)=>{if(Q===0||j===0)return 0;return Math.max(0,Math.min(Math.floor(J/j),Q-1))},getTotalHeight:()=>Q*j,getTotal:()=>Q,rebuild:(J)=>{Q=J},isVariable:()=>!1}},q4=(j,$)=>{let Q=$,J=new Float64Array(0),K=(q)=>{Q=q,J=new Float64Array(q+1),J[0]=0;for(let Z=0;Z<q;Z++)J[Z+1]=J[Z]+j(Z)};K($);let X=(q)=>{if(Q===0)return 0;if(q<=0)return 0;if(q>=J[Q])return Q-1;let Z=0,M=Q-1;while(Z<M){let U=Z+M+1>>>1;if(J[U]<=q)Z=U;else M=U-1}return Z};return{getOffset:(q)=>{if(q<=0)return 0;if(q>=Q)return J[Q];return J[q]},getHeight:(q)=>j(q),indexAtOffset:(q)=>X(q),getTotalHeight:()=>J[Q]??0,getTotal:()=>Q,rebuild:(q)=>K(q),isVariable:()=>!0}},lj=(j,$)=>{if(typeof j==="number")return X4(j,$);return q4(j,$)},Fj=(j,$,Q,J)=>{if(J===0)return 0;if(!j.isVariable())return Math.ceil(Q/j.getHeight(0));let K=0,X=0,q=$;while(q<J&&X<Q)X+=j.getHeight(q),K++,q++;return Math.max(1,K)},r2=(j,$,Q)=>{if(Q===0)return 0;if(!j.isVariable())return Math.floor($/j.getHeight(0));let J=0,K=0;for(let X=Q-1;X>=0;X--){let q=j.getHeight(X);if(K+q>$)break;K+=q,J++}return Math.max(J,1)},n2=(j,$,Q)=>{if(Q===0)return 0;let J=Math.floor($),K=$-J,X=Math.max(0,Math.min(J,Q-1));return j.getOffset(X)+K*j.getHeight(X)};var M2=(j,$)=>{let Q=$.getTotalHeight(),J=Q>L2,K=J?L2:Q,X=Q>0?K/Q:1;return{isCompressed:J,actualHeight:Q,virtualHeight:K,ratio:X}},o2=(j,$,Q,J,K,X)=>{if(J===0||$===0)return X.start=0,X.end=-1,X;if(!K.isCompressed){let N=Q.indexAtOffset(j),_=Q.indexAtOffset(j+$);if(_<J-1)_++;return X.start=Math.max(0,N),X.end=Math.min(J-1,Math.max(0,_)),X}let{virtualHeight:q}=K,M=j/q*J,U=Math.floor(M),D=Fj(Q,Math.max(0,U),$,J),F=Math.ceil(M)+D,b=q-$-j;if(b<=$&&b>=-1){let N=r2(Q,$,J),_=Math.max(0,J-N),W=Math.max(0,Math.min(1,1-b/$));U=Math.floor(U+(_-U)*W),F=b<=1?J-1:Math.min(J-1,U+D)}return X.start=Math.max(0,U),X.end=Math.min(J-1,Math.max(0,F)),X},sj=(j,$,Q,J)=>{if(Q===0)return J.start=0,J.end=-1,J;return J.start=Math.max(0,j.start-$),J.end=Math.min(Q-1,j.end+$),J},H2=(j,$,Q,J,K,X,q)=>{if(!X.isCompressed||J===0)return Q.getOffset(j);let{virtualHeight:Z}=X,M=Z-K,U=M-$;if(U<=K&&U>=-1){if($>=M-1){let H=Q.getTotalHeight()-Q.getOffset(j);return K-H}let G=r2(Q,K,J),b=Math.max(0,J-G),_=$/Z*J,W=Math.max(0,Math.min(1,1-U/K)),A=Q.getOffset(j)-Q.getOffset(b),L=Q.getOffset(j)-n2(Q,_,J);return L+(A-L)*W}let F=$/Z*J;return Q.getOffset(j)-n2(Q,F,J)},i2=(j,$,Q,J,K,X="start")=>{if(J===0)return 0;let q;if(K.isCompressed){if(X==="end"&&j===J-1)return Math.max(0,K.virtualHeight-Q);q=j/J*K.virtualHeight}else q=$.getOffset(j);let Z=$.getHeight(j);switch(X){case"center":q-=(Q-Z)/2;break;case"end":q-=Q-Z;break}let M=K.virtualHeight-Q;return Math.max(0,Math.min(q,M))},aj=(j,$,Q,J)=>{if(Q===0)return 0;if(J.isCompressed){let K=j/J.virtualHeight;return Math.floor(K*Q)}return $.indexAtOffset(j)},rj=(j,$)=>{if(typeof $==="number")return j*$>L2;return $.getTotalHeight()>L2},nj=(j)=>{if(j<=0)return 0;return Math.floor(L2/j)},oj=(j,$)=>{let Q=M2(j,$);if(!Q.isCompressed)return`No compression needed (${j} items, ${(Q.actualHeight/1e6).toFixed(2)}M px)`;return`Compressed to ${(Q.ratio*100).toFixed(1)}% (${j} items, ${(Q.actualHeight/1e6).toFixed(1)}M px → ${(Q.virtualHeight/1e6).toFixed(1)}M px virtual)`};var t2=()=>{};var b2=(j)=>{return j!==null&&typeof j==="object"&&j.__groupHeader===!0};var ij={};dJ(ij,{createGridRenderer:()=>p2});var K4=(j=200)=>{let $=[];return{acquire:()=>{let X=$.pop();if(X)return X;let q=document.createElement("div");return q.setAttribute("role","option"),q},release:(X)=>{if($.length<j)X.className="",X.textContent="",X.removeAttribute("style"),X.removeAttribute("data-index"),X.removeAttribute("data-id"),X.removeAttribute("data-row"),X.removeAttribute("data-col"),$.push(X)},clear:()=>{$.length=0}}},p2=(j,$,Q,J,K,X,q,Z)=>{let M=K4(),U=new Map,D=X,F=!1,G=null,b=0,N="",_=(P)=>{if(G&&b===P)return G;return G=M2(P,Q),b=P,G},W={selected:!1,focused:!1},A=(P,C)=>{return W.selected=P,W.focused=C,W},L=`${K}-item ${K}-grid-item`,H=`${K}-item--selected`,R=`${K}-item--focused`,v=(P,C)=>{if(typeof C==="string")P.innerHTML=C;else P.replaceChildren(C)},B=(P,C,h)=>{P.classList.toggle(H,C),P.classList.toggle(R,h)},O=(P,C)=>{let h=J.getRow(P);if(C){let m=C.totalItems,a=_(m);if(a.isCompressed)return H2(h,C.scrollTop,Q,m,C.containerHeight,a,C.rangeStart)}return Q.getOffset(h)},V=(P,C,h)=>{let m=P.dataset.id?.startsWith("__group_header"),a=m?0:J.getCol(C),n=m?0:J.getColumnOffset(a,D),q2;if(F){let Z2=J.getRow(C),T=0,c=new Set;for(let x=0;x<C;x++){let J2=J.getRow(x);if(J2<Z2&&!c.has(J2)){let t=Q.getHeight(x);T+=t,c.add(J2)}}q2=T}else q2=O(C,h);P.style.transform=`translate(${Math.round(n)}px, ${Math.round(q2)}px)`},z=(P,C)=>{let h=P.dataset.id?.startsWith("__group_header"),m=h?D:J.getColumnWidth(D),a;if(F||h)a=Q.getHeight(C)-J.gap;else{let n=J.getRow(C);a=Q.getHeight(n)-J.gap}P.style.width=`${m}px`,P.style.height=`${a}px`},g=(P,C,h,m,a)=>{let n=M.acquire(),q2=A(h,m);if(n.className=L,n.dataset.index=String(P),n.dataset.id=String(C.id),n.dataset.row=String(J.getRow(P)),n.dataset.col=String(J.getCol(P)),n.ariaSelected=String(h),Z)n.id=`${Z}-item-${P}`;if(q)N=String(q()),n.setAttribute("aria-setsize",N),n.setAttribute("aria-posinset",String(P+1));z(n,P);let Z2=$(C,P,q2);return v(n,Z2),B(n,h,m),V(n,P,a),n},d=(P,C,h,m,a)=>{if(C.start===0&&P.length>0)F=b2(P[0]);for(let[T,c]of U)if(T<C.start||T>C.end)c.element.remove(),M.release(c.element),U.delete(T);let n=!1;if(q){let T=String(q());n=T!==N,N=T}let q2=document.createDocumentFragment(),Z2=[];for(let T=C.start;T<=C.end;T++){let c=T-C.start,x=P[c];if(!x){console.warn(`⚠️ RENDER: Missing item at index ${T} (range: ${C.start}-${C.end}, items.length: ${P.length})`);continue}let J2=h.has(x.id),t=T===m,Q2=U.get(T);if(Q2){let w=Q2.element.dataset.id,f=String(x.id);if(w!==f){let $2=A(J2,t),l=$(x,T,$2);v(Q2.element,l),Q2.element.dataset.id=f,Q2.element.dataset.row=String(J.getRow(T)),Q2.element.dataset.col=String(J.getCol(T)),z(Q2.element,T)}if(B(Q2.element,J2,t),Q2.element.ariaSelected=String(J2),V(Q2.element,T,a),n)Q2.element.setAttribute("aria-setsize",N)}else{let w=g(T,x,J2,t,a);q2.appendChild(w),Z2.push({index:T,element:w})}}if(Z2.length>0){j.appendChild(q2);for(let{index:T,element:c}of Z2)U.set(T,{index:T,element:c})}},s=(P)=>{for(let[C,h]of U)V(h.element,C,P)},j2=(P,C,h,m)=>{let a=U.get(P);if(a){let n=A(h,m),q2=$(C,P,n);v(a.element,q2),B(a.element,h,m),a.element.dataset.id=String(C.id),a.element.ariaSelected=String(h),z(a.element,P)}},i=(P,C,h)=>{let m=U.get(P);if(m)B(m.element,C,h)},k=(P)=>{return U.get(P)?.element},S=(P)=>{if(Math.abs(P-D)<1)return;D=P;for(let[C,h]of U)z(h.element,C),V(h.element,C)},p=()=>{for(let[,P]of U)P.element.remove(),M.release(P.element);U.clear()};return{render:d,updatePositions:s,updateItem:j2,updateItemClasses:i,getElement:k,updateContainerWidth:S,clear:p,destroy:()=>{p(),M.clear()}}};var e2=hj(()=>{t2()});var cJ=0,y2=5,lJ=100,Mj=2,sJ=(j=0)=>{let $=Array(y2);for(let Q=0;Q<y2;Q++)$[Q]={position:0,time:0};return{velocity:0,lastPosition:j,lastTime:performance.now(),samples:$,sampleIndex:0,sampleCount:0}},aJ=(j,$)=>{let Q=performance.now(),J=Q-j.lastTime;if(J===0)return j;if(J>lJ){j.sampleCount=0,j.sampleIndex=0,j.velocity=0;let X=j.samples[0];return X.position=$,X.time=Q,j.sampleIndex=1,j.sampleCount=1,j.lastPosition=$,j.lastTime=Q,j}let K=j.samples[j.sampleIndex];if(K.position=$,K.time=Q,j.sampleIndex=(j.sampleIndex+1)%y2,j.sampleCount=Math.min(j.sampleCount+1,y2),j.sampleCount>=Mj){let X=(j.sampleIndex-j.sampleCount+y2)%y2,q=j.samples[X],Z=$-q.position,M=Q-q.time;j.velocity=M>0?Math.abs(Z)/M:0}return j.lastPosition=$,j.lastTime=Q,j},mj=(j,$)=>{if(typeof j==="number"){let X=$;return{getOffset:(q)=>q*j,getHeight:()=>j,indexAtOffset:(q)=>{if(X===0||j===0)return 0;return Math.max(0,Math.min(Math.floor(q/j),X-1))},getTotalHeight:()=>X*j,getTotal:()=>X,rebuild:(q)=>{X=q},isVariable:()=>!1}}let Q=$,J=new Float64Array(0),K=(X)=>{Q=X,J=new Float64Array(X+1),J[0]=0;for(let q=0;q<X;q++)J[q+1]=J[q]+j(q)};return K($),{getOffset:(X)=>{if(X<=0)return 0;if(X>=Q)return J[Q];return J[X]},getHeight:(X)=>j(X),indexAtOffset:(X)=>{if(Q===0)return 0;if(X<=0)return 0;if(X>=J[Q])return Q-1;let q=0,Z=Q-1;while(q<Z){let M=q+Z+1>>>1;if(J[M]<=X)q=M;else Z=M-1}return q},getTotalHeight:()=>J[Q]??0,getTotal:()=>Q,rebuild:(X)=>K(X),isVariable:()=>!0}},rJ=()=>{let j={},$=(X,q)=>{if(!j[X])j[X]=new Set;return j[X].add(q),()=>Q(X,q)},Q=(X,q)=>{j[X]?.delete(q)};return{on:$,off:Q,emit:(X,q)=>{j[X]?.forEach((Z)=>{try{Z(q)}catch(M){console.error(`[vlist] Error in "${X}" handler:`,M)}})},clear:()=>{for(let X in j)delete j[X]}}},nJ=(j)=>{if(typeof j==="string"){let $=document.querySelector(j);if(!$)throw Error(`[vlist/builder] Container not found: ${j}`);return $}return j},oJ=(j,$,Q,J)=>{let K=document.createElement("div");if(K.className=$,J)K.classList.add(`${$}--horizontal`);if(K.setAttribute("role","listbox"),K.setAttribute("tabindex","0"),Q)K.setAttribute("aria-label",Q);if(J)K.setAttribute("aria-orientation","horizontal");let X=document.createElement("div");if(X.className=`${$}-viewport`,J)X.style.overflowX="auto",X.style.overflowY="hidden";else X.style.overflow="auto";X.style.height="100%",X.style.width="100%";let q=document.createElement("div");if(q.className=`${$}-content`,q.style.position="relative",J)q.style.height="100%";else q.style.width="100%";let Z=document.createElement("div");if(Z.className=`${$}-items`,Z.style.position="relative",J)Z.style.height="100%";else Z.style.width="100%";return q.appendChild(Z),X.appendChild(q),K.appendChild(X),j.appendChild(K),{root:K,viewport:X,content:q,items:Z}},iJ=(j=100)=>{let $=[];return{acquire:()=>{let Q=$.pop();if(Q)return Q;let J=document.createElement("div");return J.setAttribute("role","option"),J},release:(Q)=>{if($.length<j)Q.className="",Q.textContent="",Q.removeAttribute("style"),Q.removeAttribute("data-index"),Q.removeAttribute("data-id"),$.push(Q)},clear:()=>{$.length=0}}},tJ=(j,$,Q,J,K)=>{if(J===0||$===0){K.start=0,K.end=0;return}let X=Q.indexAtOffset(j),q=Q.indexAtOffset(j+$);if(q<J-1)q++;K.start=Math.max(0,X),K.end=Math.min(J-1,Math.max(0,q))},eJ=(j,$,Q,J)=>{if(Q===0){J.start=0,J.end=0;return}J.start=Math.max(0,j.start-$),J.end=Math.min(Q-1,j.end+$)},j4=(j,$,Q,J,K)=>{if(J===0)return 0;let X=Math.max(0,Math.min(j,J-1)),q=$.getOffset(X),Z=$.getHeight(X),M=Math.max(0,$.getTotalHeight()-Q),U;switch(K){case"center":U=q-(Q-Z)/2;break;case"end":U=q-Q+Z;break;default:U=q}return Math.max(0,Math.min(U,M))},J4=(j)=>j<0.5?2*j*j:-1+(4-2*j)*j,$4=(j)=>{if(typeof j==="string")return{align:j,behavior:"auto",duration:300};if(j&&typeof j==="object")return{align:j.align??"start",behavior:j.behavior??"auto",duration:j.duration??300};return{align:"start",behavior:"auto",duration:300}},Aj=(j)=>{if(!j.container)throw Error("[vlist/builder] Container is required");if(!j.item)throw Error("[vlist/builder] item configuration is required");let $=j.direction==="horizontal",Q=$?"width":"height",J=$?j.item.width:j.item.height;if(J==null)throw Error(`[vlist/builder] item.${Q} is required${$?" when direction is 'horizontal'":""}`);if(typeof J==="number"&&J<=0)throw Error(`[vlist/builder] item.${Q} must be a positive number`);if(typeof J!=="number"&&typeof J!=="function")throw Error(`[vlist/builder] item.${Q} must be a number or a function (index) => number`);if(!j.item.template)throw Error("[vlist/builder] item.template is required");if($&&j.reverse)throw Error("[vlist/builder] horizontal direction cannot be combined with reverse mode");let K=new Map,X=!1,q={use(Z){if(X)throw Error("[vlist/builder] Cannot call .use() after .build()");return K.set(Z.name,Z),q},build(){if(X)throw Error("[vlist/builder] .build() can only be called once");return X=!0,Q4(j,K,$,J)}};return q};function Q4(j,$,Q,J){let{item:K,items:X,overscan:q=3,classPrefix:Z="vlist",ariaLabel:M,reverse:U=!1,scroll:D}=j,F=D?.wheel??!0,G=D?.wrap??!1,b=U,N=`${Z}-${cJ++}`,_=J,W=Q?typeof K.height==="number"?K.height:void 0:typeof K.width==="number"?K.width:void 0,A=K.template,L={overscan:q,classPrefix:Z,reverse:b,wrap:G,horizontal:Q,ariaIdPrefix:N},H=Array.from($.values()).sort((Y,E)=>(Y.priority??50)-(E.priority??50)),R=new Set(H.map((Y)=>Y.name));for(let Y of H)if(Y.conflicts){for(let E of Y.conflicts)if(R.has(E))throw Error(`[vlist/builder] ${Y.name} and ${E} cannot be combined`)}if(Q){if(R.has("withGrid"))throw Error("[vlist/builder] withGrid cannot be used with direction: 'horizontal'");if(R.has("withGroups"))throw Error("[vlist/builder] withGroups cannot be used with direction: 'horizontal'")}if(b){if(R.has("withGrid"))throw Error("[vlist/builder] withGrid cannot be used with reverse: true");if(R.has("withGroups"))throw Error("[vlist/builder] withGroups cannot be used with reverse: true")}let v=nJ(j.container),B=oJ(v,Z,M,Q),O=rJ(),V=X?[...X]:[],z=mj(_,V.length),g=iJ(),d=B.viewport.clientHeight,s=B.viewport.clientWidth,j2=!1,i=!1,k=0,S=null,p=null,I=sJ(0),P={start:0,end:0},C={start:0,end:0},h={start:-1,end:-1},m={viewportState:{scrollTop:0,containerHeight:d,totalHeight:z.getTotalHeight(),actualHeight:z.getTotalHeight(),isCompressed:!1,compressionRatio:1,visibleRange:{start:0,end:0},renderRange:{start:0,end:0}},lastRenderRange:{start:-1,end:-1},isInitialized:!1,isDestroyed:!1,cachedCompression:null},a=new Map,n={selected:!1,focused:!1},q2=`${Z}-item`,Z2="",T=new Map,c=()=>{T.clear();for(let Y=0;Y<V.length;Y++){let E=V[Y];if(E)T.set(E.id,Y)}};c();let x=null,J2=()=>x?x.getTotal():V.length,t=[],Q2=[],w=[],f=[],o=[],$2=[],l=new Map,X2=()=>{return Q?B.viewport.scrollLeft:B.viewport.scrollTop},K2=(Y)=>{if(Q)B.viewport.scrollLeft=Y;else B.viewport.scrollTop=Y},A2=(Y=2)=>{let E=z.getTotalHeight();return k+d>=E-Y},U2=!1,Y2,V2,B2=(Y,E,y,u,e)=>{tJ(Y,E,y,u,e)},G2=(Y,E,y,u,e)=>{return j4(Y,E,y,u,e)},D2=(Y,E)=>{if(typeof E==="string")Y.innerHTML=E;else Y.replaceChildren(E)},F2=(Y,E)=>{let y=Math.round(z.getOffset(E));if(Q)Y.style.transform=`translateX(${y}px)`;else Y.style.transform=`translateY(${y}px)`},FJ=(Y,E)=>{let y=g.acquire();if(y.className=q2,Q){if(y.style.width=`${z.getHeight(Y)}px`,W!=null)y.style.height=`${W}px`}else y.style.height=`${z.getHeight(Y)}px`;return y.dataset.index=String(Y),y.dataset.id=String(E.id),y.ariaSelected="false",y.id=`${N}-item-${Y}`,Z2=String(J2()),y.setAttribute("aria-setsize",Z2),y.setAttribute("aria-posinset",String(Y+1)),D2(y,A(E,Y,n)),F2(y,Y),y},w2=()=>{let Y=`${z.getTotalHeight()}px`;if(Q)B.content.style.width=Y;else B.content.style.height=Y},Dj=new Set,Nj=-1,LJ=()=>{if(j2)return;let Y=J2();if(B2(k,d,z,Y,P),eJ(P,q,Y,C),C.start===h.start&&C.end===h.end)return;let E=String(Y),y=E!==Z2;Z2=E;for(let[r,W2]of a)if(r<C.start||r>C.end)W2.remove(),g.release(W2),a.delete(r);let u=document.createDocumentFragment(),e=[];for(let r=C.start;r<=C.end;r++){let W2=x?x.getItem(r):V[r];if(!W2)continue;let _2=a.get(r);if(_2){let E2=_2.dataset.id,l2=String(W2.id);if(E2!==l2)if(D2(_2,A(W2,r,n)),_2.dataset.id=l2,Q)_2.style.width=`${z.getHeight(r)}px`;else _2.style.height=`${z.getHeight(r)}px`;F2(_2,r);let s2=Dj.has(W2.id),uJ=r===Nj;if(_2.classList.toggle(`${Z}-item--selected`,s2),_2.classList.toggle(`${Z}-item--focused`,uJ),_2.ariaSelected=s2?"true":"false",y)_2.setAttribute("aria-setsize",Z2)}else{let E2=FJ(r,W2),l2=Dj.has(W2.id),s2=r===Nj;if(l2)E2.classList.add(`${Z}-item--selected`),E2.ariaSelected="true";if(s2)E2.classList.add(`${Z}-item--focused`);u.appendChild(E2),e.push({index:r,element:E2})}}if(e.length>0){B.items.appendChild(u);for(let{index:r,element:W2}of e)a.set(r,W2)}h.start=C.start,h.end=C.end,m.lastRenderRange.start=C.start,m.lastRenderRange.end=C.end,m.viewportState.scrollTop=k,m.viewportState.visibleRange.start=P.start,m.viewportState.visibleRange.end=P.end,m.viewportState.renderRange.start=C.start,m.viewportState.renderRange.end=C.end,O.emit("range:change",{range:{start:C.start,end:C.end}})},OJ=()=>{h.start=-1,h.end=-1,Y2()};Y2=LJ,V2=OJ;let v2=()=>{if(j2)return;let Y=X2(),E=Y>=k?"down":"up";if(I=aJ(I,Y),!B.root.classList.contains(`${Z}--scrolling`))B.root.classList.add(`${Z}--scrolling`);k=Y,Y2(),O.emit("scroll",{scrollTop:Y,direction:E}),O.emit("velocity:change",{velocity:I.velocity,reliable:I.sampleCount>=Mj});for(let y=0;y<t.length;y++)t[y](Y,E);if(p)clearTimeout(p);p=setTimeout(()=>{B.root.classList.remove(`${Z}--scrolling`),I.velocity=0,I.sampleCount=0,O.emit("velocity:change",{velocity:0,reliable:!1})},D?.idleTimeout??150)},d2=null,P2=B.viewport;if(P2.addEventListener("scroll",v2,{passive:!0}),Q&&F)d2=(Y)=>{if(Y.deltaX)return;Y.preventDefault(),B.viewport.scrollLeft+=Y.deltaY},B.viewport.addEventListener("wheel",d2);B.viewport.classList.add(`${Z}-viewport--custom-scrollbar`);let vj=(Y)=>{let y=Y.target.closest("[data-index]");if(y){let u=parseInt(y.dataset.index??"-1",10);if(u>=0){let e=x?.getItem(u)??V[u];if(e){if(e.__groupHeader)return;O.emit("item:click",{item:e,index:u,event:Y})}}}for(let u=0;u<Q2.length;u++)Q2[u](Y)},zJ=(Y)=>{let y=Y.target.closest("[data-index]");if(y){let u=parseInt(y.dataset.index??"-1",10);if(u>=0){let e=x?.getItem(u)??V[u];if(e){if(e.__groupHeader)return;O.emit("item:dblclick",{item:e,index:u,event:Y})}}}},fj=(Y)=>{for(let E=0;E<w.length;E++)w[E](Y)};B.items.addEventListener("click",vj),B.items.addEventListener("dblclick",zJ),B.root.addEventListener("keydown",fj);let Wj=!0,bJ=()=>s,PJ=()=>d,_j=new ResizeObserver((Y)=>{if(j2)return;for(let E of Y){let y=E.contentRect.height,u=E.contentRect.width,e=Q?u:y;if(s=u,Math.abs(e-d)>1){if(d=e,m.viewportState.containerHeight=e,i)w2(),Y2(),O.emit("resize",{height:y,width:u})}if(i)for(let r=0;r<f.length;r++)f[r](u,y)}});if(Wj)_j.observe(B.viewport);let N2={get dom(){return B},get heightCache(){return z},get emitter(){return O},get config(){return L},get rawConfig(){return j},get renderer(){return{render:(Y,E,y,u,e)=>{Dj=y,Nj=u,V2()},updateItemClasses:(Y,E,y)=>{let u=a.get(Y);if(!u)return;u.classList.toggle(`${Z}-item--selected`,E),u.classList.toggle(`${Z}-item--focused`,y),u.ariaSelected=E?"true":"false"},updatePositions:()=>{},updateItem:()=>{},getElement:(Y)=>a.get(Y)??null,clear:()=>{},destroy:()=>{}}},set renderer(Y){},get dataManager(){return x},set dataManager(Y){x=Y},get scrollController(){return Vj},set scrollController(Y){Vj=Y},state:m,getContainerWidth(){return s},afterScroll:t,clickHandlers:Q2,keydownHandlers:w,resizeHandlers:f,contentSizeHandlers:o,destroyHandlers:$2,methods:l,replaceTemplate(Y){A=Y},replaceRenderer(Y){},replaceDataManager(Y){x=Y},replaceScrollController(Y){Vj=Y},getItemsForRange(Y){let E=[];for(let y=Y.start;y<=Y.end;y++){let u=x?x.getItem(y):V[y];if(u)E.push(u)}return E},getAllLoadedItems(){if(x){let Y=x.getTotal(),E=[];for(let y=0;y<Y;y++){let u=x.getItem(y);if(u)E.push(u)}return E}return[...V]},getVirtualTotal(){return J2()},getCachedCompression(){return{isCompressed:!1,actualHeight:z.getTotalHeight(),virtualHeight:z.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:k,totalItems:J2(),containerHeight:d,rangeStart:C.start}},renderIfNeeded(){Y2()},forceRender(){V2()},getRenderFns(){return{renderIfNeeded:Y2,forceRender:V2}},setRenderFns(Y,E){Y2=Y,V2=E},setVirtualTotalFn(Y){J2=Y},rebuildHeightCache(Y){z.rebuild(Y??J2())},setHeightConfig(Y){z=mj(Y,J2())},updateContentSize(Y){let E=`${Y}px`;if(Q)B.content.style.width=E;else B.content.style.height=E},updateCompressionMode(){},setVisibleRangeFn(Y){B2=Y},setScrollToPosFn(Y){G2=Y},setPositionElementFn(Y){F2=Y},setScrollFns(Y,E){X2=Y,K2=(y)=>{E(y),v2()}},setScrollTarget(Y){P2.removeEventListener("scroll",v2),P2=Y,P2.addEventListener("scroll",v2,{passive:!0})},getScrollTarget(){return P2},setContainerDimensions(Y){bJ=Y.width,PJ=Y.height,s=Y.width(),d=Y.height(),m.viewportState.containerWidth=s,m.viewportState.containerHeight=d},disableViewportResize(){if(Wj)Wj=!1,_j.unobserve(B.viewport)}};x={getState:()=>({total:V.length,cached:V.length,isLoading:!1,pendingRanges:[],error:void 0,hasMore:!1,cursor:void 0}),getTotal:()=>V.length,getCached:()=>V.length,getIsLoading:()=>!1,getHasMore:()=>!1,getStorage:()=>null,getPlaceholders:()=>null,getItem:(Y)=>V[Y],getItemById:(Y)=>{let E=T.get(Y);return E!==void 0?V[E]:void 0},getIndexById:(Y)=>T.get(Y)??-1,isItemLoaded:(Y)=>Y>=0&&Y<V.length&&V[Y]!==void 0,getItemsInRange:(Y,E)=>{let y=[],u=Math.max(0,Y),e=Math.min(E,V.length-1);for(let r=u;r<=e;r++)y.push(V[r]);return y},setTotal:(Y)=>{},setItems:(Y,E=0,y)=>{if(E===0&&(y!==void 0||V.length===0))V=[...Y];else{let u=E+Y.length;if(V.length<u)V.length=u;for(let e=0;e<Y.length;e++)V[E+e]=Y[e]}if(c(),i){z.rebuild(J2()),w2(),N2.updateCompressionMode();for(let u=0;u<o.length;u++)o[u]();V2()}},updateItem:(Y,E)=>{let y=T.get(Y);if(y===void 0)return!1;let u=V[y];if(!u)return!1;if(V[y]={...u,...E},E.id!==void 0&&E.id!==Y)T.delete(Y),T.set(E.id,y);let e=a.get(y);if(e)D2(e,A(V[y],y,n)),e.dataset.id=String(V[y].id);return!0},removeItem:(Y)=>{let E=T.get(Y);if(E===void 0)return!1;if(V.splice(E,1),c(),i){z.rebuild(J2()),w2(),N2.updateCompressionMode();for(let y=0;y<o.length;y++)o[y]();V2()}return!0},loadRange:async()=>{},ensureRange:async()=>{},loadInitial:async()=>{},loadMore:async()=>!1,reload:async()=>{},evictDistant:()=>{},clear:()=>{V=[],T.clear()},reset:()=>{if(V=[],T.clear(),i)z.rebuild(0),w2(),V2()}};let Vj={getScrollTop:()=>X2(),scrollTo:(Y)=>{K2(Y),k=Y,Y2()},scrollBy:(Y)=>{let E=X2()+Y;K2(E),k=E,Y2()},isAtTop:()=>k<=2,isAtBottom:(Y=2)=>A2(Y),getScrollPercentage:()=>{let Y=z.getTotalHeight(),E=Math.max(0,Y-d);return E>0?k/E:0},getVelocity:()=>I.velocity,isTracking:()=>I.sampleCount>=Mj,isScrolling:()=>B.root.classList.contains(`${Z}--scrolling`),updateConfig:()=>{},enableCompression:()=>{},disableCompression:()=>{},isCompressed:()=>U2,isWindowMode:()=>!1,updateContainerHeight:(Y)=>{d=Y},destroy:()=>{}},Ij=new Map;for(let Y of H)if(Y.methods)for(let E of Y.methods){let y=Ij.get(E);if(y)throw Error(`[vlist/builder] Method "${E}" is registered by both "${y}" and "${Y.name}"`);Ij.set(E,Y.name)}for(let Y of H)Y.setup(N2);if(i=!0,N2.state.isInitialized=!0,w2(),Y2(),b&&V.length>0){let Y=G2(V.length-1,z,d,V.length,"end");K2(Y),k=Y,Y2()}let yJ=(Y)=>{N2.dataManager.setItems(Y,0,Y.length)},HJ=b?(Y)=>{let E=A2(2),y=V.length;if(N2.dataManager.setItems(Y,y),E&&V.length>0){let u=G2(V.length-1,z,d,V.length,"end");K2(u),k=u,Y2()}}:(Y)=>{let E=V.length;N2.dataManager.setItems(Y,E)},kJ=b?(Y)=>{let E=X2(),y=z.getTotalHeight(),u=[...V];N2.dataManager.clear(),N2.dataManager.setItems([...Y,...u],0);let r=z.getTotalHeight()-y;if(r>0)K2(E+r),k=E+r}:(Y)=>{let E=[...V];N2.dataManager.clear(),N2.dataManager.setItems([...Y,...E],0)},RJ=(Y,E)=>{N2.dataManager.updateItem(Y,E)},TJ=(Y)=>{N2.dataManager.removeItem(Y)},CJ=async()=>{if(N2.dataManager.reload)await N2.dataManager.reload()},c2=()=>{if(S!==null)cancelAnimationFrame(S),S=null},SJ=(Y,E,y)=>{if(c2(),Math.abs(E-Y)<1){K2(E),k=E,Y2();return}let u=performance.now(),e=(r)=>{let W2=r-u,_2=Math.min(W2/y,1),E2=Y+(E-Y)*J4(_2);if(K2(E2),k=E2,Y2(),_2<1)S=requestAnimationFrame(e);else S=null};S=requestAnimationFrame(e)},pj=(Y,E)=>{let{align:y,behavior:u,duration:e}=$4(E),r=J2(),W2=Y;if(G&&r>0)W2=(W2%r+r)%r;let _2=G2(W2,z,d,r,y);if(u==="smooth")SJ(X2(),_2,e);else c2(),K2(_2)},wJ=(Y,E)=>{let y=T.get(Y)??N2.dataManager.getIndexById(Y);if(y>=0)pj(y,E)},vJ=()=>X2(),fJ=(Y,E)=>{return O.on(Y,E)},IJ=(Y,E)=>{O.off(Y,E)},pJ=()=>{if(j2)return;if(j2=!0,N2.state.isDestroyed=!0,B.items.removeEventListener("click",vj),B.root.removeEventListener("keydown",fj),P2.removeEventListener("scroll",v2),_j.disconnect(),d2)B.viewport.removeEventListener("wheel",d2);if(p)clearTimeout(p);for(let Y=0;Y<$2.length;Y++)$2[Y]();for(let Y of H)if(Y.destroy)Y.destroy();c2();for(let[,Y]of a)Y.remove(),g.release(Y);a.clear(),g.clear(),O.clear(),B.root.remove()},uj={get element(){return B.root},get items(){if(l.has("_getItems"))return l.get("_getItems")();return V},get total(){if(l.has("_getTotal"))return l.get("_getTotal")();return J2()},setItems:l.has("setItems")?l.get("setItems"):yJ,appendItems:l.has("appendItems")?l.get("appendItems"):HJ,prependItems:l.has("prependItems")?l.get("prependItems"):kJ,updateItem:l.has("updateItem")?l.get("updateItem"):RJ,removeItem:l.has("removeItem")?l.get("removeItem"):TJ,reload:l.has("reload")?l.get("reload"):CJ,scrollToIndex:l.has("scrollToIndex")?l.get("scrollToIndex"):pj,scrollToItem:l.has("scrollToItem")?l.get("scrollToItem"):wJ,cancelScroll:l.has("cancelScroll")?l.get("cancelScroll"):c2,getScrollPosition:l.has("getScrollPosition")?l.get("getScrollPosition"):vJ,on:fJ,off:IJ,destroy:pJ};for(let[Y,E]of l){if(Y==="setItems"||Y==="appendItems"||Y==="prependItems"||Y==="updateItem"||Y==="removeItem"||Y==="reload"||Y==="scrollToIndex"||Y==="scrollToItem"||Y==="cancelScroll"||Y==="getScrollPosition")continue;uj[Y]=E}return uj}var a2=(j)=>{let $=Math.max(1,Math.floor(j.columns)),Q=j.gap??0,J=j.isHeaderFn,K={row:0,col:0},X=(N)=>{if(N<=0)return 0;if(!J)return Math.ceil(N/$);let _=0,W=0,A=0;for(let L=0;L<N;L++)if(J(L)){if(A++,W>0)_++,W=0;_++,W=0}else if(W++,W>=$)_++,W=0;if(W>0)_++;return _},q=(N)=>{return K.row=Z(N),K.col=M(N),K},Z=(N)=>{if(!J)return Math.floor(N/$);let _=0,W=0;for(let A=0;A<=N;A++)if(J(A)){if(W>0)_++,W=0;if(A===N)return _;_++,W=0}else{if(A===N)return _;if(W++,W>=$)_++,W=0}return console.warn(`⚠️ getRow(${N}) fell through - returning ${_}`),_},M=(N)=>{if(!J)return N%$;if(J(N))return 0;let _=0;for(let W=0;W<=N;W++)if(J(W))_=0;else{if(W===N)return _;if(_++,_>=$)_=0}return _},U=(N,_,W)=>{if(W<=0)return{start:0,end:-1};if(!J){let v=Math.max(0,N*$),B=Math.min(W-1,(_+1)*$-1);return{start:v,end:B}}let A=-1,L=-1,H=0,R=0;for(let v=0;v<W;v++){if(J(v)){if(R>0)H++,R=0;if(H>=N&&H<=_){if(A===-1)A=v;L=v}H++,R=0}else{if(H>=N&&H<=_){if(A===-1)A=v;L=v}if(R++,R>=$)H++,R=0}if(H>_&&R===0)break}if(A===-1)return{start:0,end:-1};return{start:A,end:L}},D=(N,_,W)=>{if(_<0||_>=$)return-1;let A=N*$+_;if(A<0||A>=W)return-1;return A},F=(N)=>{let _=($-1)*Q;return Math.max(0,(N-_)/$)};return{get columns(){return $},get gap(){return Q},update:(N)=>{if(N.columns!==void 0)$=Math.max(1,Math.floor(N.columns));if(N.gap!==void 0)Q=N.gap;if(N.isHeaderFn!==void 0)J=N.isHeaderFn},getTotalRows:X,getPosition:q,getRow:Z,getCol:M,getItemRange:U,getItemIndex:D,getColumnWidth:F,getColumnOffset:(N,_)=>{let W=F(_);return N*(W+Q)}}};e2();var Lj=(j,$,Q,J,K,X)=>{if(J===0||$===0)return X.start=0,X.end=-1,X;let q=Q.indexAtOffset(j),Z=Q.indexAtOffset(j+$);if(Z<J-1)Z++;return X.start=Math.max(0,q),X.end=Math.min(J-1,Math.max(0,Z)),X},Oj=(j,$,Q,J)=>{if(Q===0)return J.start=0,J.end=-1,J;return J.start=Math.max(0,j.start-$),J.end=Math.min(Q-1,j.end+$),J},tj=(j,$,Q,J,K,X)=>{if(J===0)return 0;let q=Math.max(0,Math.min(j,J-1)),Z=$.getOffset(q),M=$.getHeight(q),U=$.getTotalHeight(),D=Math.max(0,U-Q),F;switch(X){case"center":F=Z-Q/2+M/2;break;case"end":F=Z-Q+M;break;case"start":default:F=Z;break}return Math.max(0,Math.min(F,D))},ej=(j,$,Q)=>{if(Q&&Q.isCompressed)return Q.virtualHeight;return $.getTotalHeight()},jJ=(j,$)=>{return $.getTotalHeight()},JJ=(j,$)=>{return $.getOffset(j)},$J=(j,$,Q)=>{let J=Math.max(0,$-Q);return Math.max(0,Math.min(j,J))};var zj=(j,$,Q,J,K,X=Lj)=>{return X(j.scrollTop,j.containerHeight,$,Q,K,j.visibleRange),Oj(j.visibleRange,J,Q,j.renderRange),j.totalHeight=K.virtualHeight,j.actualHeight=K.actualHeight,j.isCompressed=K.isCompressed,j.compressionRatio=K.ratio,j},O2=(j,$,Q,J,K="start",X,q=tj)=>{return q(j,$,Q,J,X,K)},QJ=(j,$)=>{return j.start===$.start&&j.end===$.end},XJ=(j,$)=>{return j>=$.start&&j<=$.end},qJ=(j)=>{if(j.end<j.start)return 0;return j.end-j.start+1};var KJ=(j,$)=>{let Q=[],J=[];for(let K=j.start;K<=j.end;K++)if(K<$.start||K>$.end)J.push(K);for(let K=$.start;K<=$.end;K++)if(K<j.start||K>j.end)Q.push(K);return{add:Q,remove:J}};t2();var YJ=(j)=>{if(!j.columns||j.columns<1)throw Error("[vlist/builder] withGrid: columns must be a positive integer >= 1");let $=null,Q=null;return{name:"withGrid",priority:10,setup(J){let{dom:K,emitter:X,config:q,rawConfig:Z}=J,{classPrefix:M}=q;if(q.horizontal)throw Error("[vlist/builder] withGrid cannot be used with direction: 'horizontal'");if(q.reverse)throw Error("[vlist/builder] withGrid cannot be used with reverse: true");let U=Z.items?.some((B)=>B.__groupHeader===!0),D={columns:j.columns,gap:j.gap??0};if(U)D.isHeaderFn=(B)=>{let O=J.dataManager.getItem(B);return O&&O.__groupHeader===!0};$=a2(D);let F=$.gap;J.setVirtualTotalFn(()=>{let B=J.dataManager.getTotal();return $.getTotalRows(B)});let G=Z.item,b=q.horizontal?G.width:G.height,N={containerWidth:J.getContainerWidth(),columns:$.columns,gap:$.gap};if(typeof b==="function")J.setHeightConfig((B)=>{let O=N.containerWidth-2,V=(N.columns-1)*N.gap,z=(O-V)/N.columns,g={containerWidth:N.containerWidth,columns:N.columns,gap:N.gap,columnWidth:z};return b(B,g)+N.gap});else if(F>0)J.setHeightConfig(b+F);let _=J.dataManager.getTotal(),W=$.getTotalRows(_);J.rebuildHeightCache(),K.root.classList.add(`${M}--grid`);let A=J.getContainerWidth(),L=Z.item.template,H=()=>{Q=p2(K.items,L,J.heightCache,$,M,A,()=>J.dataManager.getTotal(),q.ariaIdPrefix),J.replaceRenderer(Q)};H(),J.methods.set("_getGridLayout",()=>$),J.methods.set("_getGridConfig",()=>D),J.methods.set("_replaceGridRenderer",(B)=>{Q=B}),J.methods.set("_updateGridLayoutForGroups",(B)=>{$.update({isHeaderFn:B});let O=J.dataManager.getTotal(),V=$.getTotalRows(O),z=0;for(let d=0;d<O;d++)if($.getCol(d)===0){let s=J.heightCache.getHeight(d);z+=s}let g=J.heightCache.getTotalHeight.bind(J.heightCache);J.heightCache.getTotalHeight=()=>z,J.dom.content.style.height=`${z}px`,H()}),J.methods.set("updateGrid",(B)=>{if(B.columns!==void 0){if(!Number.isInteger(B.columns)||B.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");D.columns=B.columns}if(B.gap!==void 0){if(B.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");D.gap=B.gap}if($)$.update(D);let O=J.getContainerWidth();if(N.containerWidth=O,N.columns=D.columns,N.gap=D.gap,Q)Q.updateContainerWidth(O);let V=Math.ceil(J.dataManager.getTotal()/D.columns);J.rebuildHeightCache(),J.updateContentSize(J.heightCache.getTotalHeight()),J.updateCompressionMode();for(let z=0;z<J.contentSizeHandlers.length;z++)J.contentSizeHandlers[z]();if(Q)Q.clear();J.forceRender()});let R=()=>{if(J.state.isDestroyed)return;let B=J.scrollController.getScrollTop(),O=J.state.viewportState.containerHeight,V=J.getVirtualTotal(),z={start:0,end:0};if(V===0||O===0)z.start=0,z.end=0;else{z.start=Math.max(0,J.heightCache.indexAtOffset(B));let I=J.heightCache.indexAtOffset(B+O);if(I<V-1)I++;z.end=Math.min(V-1,Math.max(0,I))}let g=q.overscan??3,d={start:Math.max(0,z.start-g),end:Math.min(V-1,z.end+g)};J.state.viewportState.scrollTop=B,J.state.viewportState.visibleRange=z,J.state.viewportState.renderRange=d;let s=J.state.lastRenderRange,j2=J.state.viewportState.isCompressed;if(d.start===s.start&&d.end===s.end){if(j2)Q.updatePositions(J.getCompressionContext());return}let i=J.dataManager.getTotal(),k=$.getItemRange(d.start,d.end,i),S=J.dataManager.getItemsInRange(k.start,k.end),p=j2?J.getCompressionContext():void 0;Q.render(S,k,new Set,-1,p),J.state.lastRenderRange={...d},X.emit("range:change",{range:d})},v=()=>{if(J.state.isDestroyed)return;J.state.lastRenderRange={start:-1,end:-1},R()};if(J.setRenderFns(R,v),J.resizeHandlers.push((B,O)=>{if(Q)Q.updateContainerWidth(B)}),J.methods.set("scrollToIndex",(B,O)=>{let V=Math.floor(B/j.columns),{align:z,behavior:g,duration:d}=Y4(O),s=J.dataManager.getState(),j2=$.getTotalRows(s.total),i=Math.max(0,Math.min(V,j2-1)),k=O2(i,J.heightCache,J.state.viewportState.containerHeight,j2,z,J.getCachedCompression());if(g==="smooth")J.scrollController.scrollTo(k);else J.scrollController.scrollTo(k)}),!J.methods.has("_getTotal"))J.methods.set("_getTotal",()=>J.dataManager.getTotal());J.destroyHandlers.push(()=>{if(Q)Q.destroy(),Q=null;K.root.classList.remove(`${M}--grid`)})},destroy(){if(Q)Q.destroy(),Q=null}}},bj=300,Y4=(j)=>{if(typeof j==="string")return{align:j,behavior:"auto",duration:bj};if(j&&typeof j==="object")return{align:j.align??"start",behavior:j.behavior??"auto",duration:j.duration??bj};return{align:"start",behavior:"auto",duration:bj}};var Pj=(j,$)=>{let Q=0,J=j.length-1;while(Q<J){let K=Q+J+1>>>1;if(j[K].headerLayoutIndex<=$)Q=K;else J=K-1}return Q},ZJ=(j,$)=>{let Q=0,J=j.length-1;while(Q<J){let K=Q+J+1>>>1;if(j[K].firstDataIndex<=$)Q=K;else J=K-1}return Q},BJ=(j,$)=>{if(j===0)return[];let Q=[],J=$(0),K=0,X=0;for(let q=1;q<j;q++){let Z=$(q);if(Z!==J){let M=q-K;Q.push({key:J,groupIndex:Q.length,headerLayoutIndex:X,firstDataIndex:K,count:M}),X=X+1+M,J=Z,K=q}}return Q.push({key:J,groupIndex:Q.length,headerLayoutIndex:X,firstDataIndex:K,count:j-K}),Q},u2=(j,$)=>{if(j.length===0||$.length===0)return[];let Q=j.length+$.length,J=Array(Q),K=0;for(let X of $){J[K]={id:`__group_header_${X.groupIndex}`,__groupHeader:!0,groupKey:X.key,groupIndex:X.groupIndex},K++;for(let q=0;q<X.count;q++)J[K]=j[X.firstDataIndex+q],K++}return J},x2=(j,$)=>{let Q=typeof $==="number"?(J)=>$:$;return(J)=>{let K=j.getEntry(J);if(K.type==="header")return j.getHeaderHeight(K.group.groupIndex);return Q(K.dataIndex)}},jj=(j,$)=>{let Q=BJ(j,$.getGroupForIndex),J=j+Q.length,K=$.headerHeight;return{get totalEntries(){return J},get groupCount(){return Q.length},get groups(){return Q},getEntry:(G)=>{if(Q.length===0)return{type:"item",dataIndex:G,group:{key:"",groupIndex:0,headerLayoutIndex:0,firstDataIndex:0,count:0}};let b=Pj(Q,G),N=Q[b];if(G===N.headerLayoutIndex)return{type:"header",group:N};let _=G-N.headerLayoutIndex-1;return{type:"item",dataIndex:N.firstDataIndex+_,group:N}},layoutToDataIndex:(G)=>{if(Q.length===0)return G;let b=Pj(Q,G),N=Q[b];if(G===N.headerLayoutIndex)return-1;let _=G-N.headerLayoutIndex-1;return N.firstDataIndex+_},dataToLayoutIndex:(G)=>{if(Q.length===0)return G;let b=ZJ(Q,G),N=Q[b],_=G-N.firstDataIndex;return N.headerLayoutIndex+1+_},getGroupAtLayoutIndex:(G)=>{if(Q.length===0)return{key:"",groupIndex:0,headerLayoutIndex:0,firstDataIndex:0,count:0};let b=Pj(Q,G);return Q[b]},getGroupAtDataIndex:(G)=>{if(Q.length===0)return{key:"",groupIndex:0,headerLayoutIndex:0,firstDataIndex:0,count:0};let b=ZJ(Q,G);return Q[b]},getHeaderHeight:typeof K==="number"?(G)=>K:(G)=>{let b=Q[G];if(!b)return 0;return K(b.key,G)},rebuild:(G)=>{Q=BJ(G,$.getGroupForIndex),J=G+Q.length}}};var Jj=(j,$,Q,J,K)=>{let X=document.createElement("div");X.className=`${K}-sticky-header`,X.setAttribute("role","presentation"),X.setAttribute("aria-hidden","true"),X.style.position="absolute",X.style.top="0",X.style.left="0",X.style.right="0",X.style.zIndex="5",X.style.pointerEvents="none",X.style.willChange="transform",X.style.overflow="hidden",j.insertBefore(X,j.firstChild);let q=-1,Z=!1,M=0,U=(_)=>{if(_===q)return;q=_;let W=$.groups;if(_<0||_>=W.length){X.textContent="";return}let A=W[_],L=J.headerTemplate(A.key,A.groupIndex),H=$.getHeaderHeight(_);if(X.style.height=`${H}px`,typeof L==="string")X.innerHTML=L;else X.replaceChildren(L)},D=(_)=>{let W=$.groups;if(W.length===0){G();return}let A=0;for(let B=W.length-1;B>=0;B--)if(Q.getOffset(W[B].headerLayoutIndex)<=_){A=B;break}let L=Q.getOffset(W[0].headerLayoutIndex);if(_<L){G();return}if(!Z)F();U(A);let H=$.getHeaderHeight(A),R=0,v=A+1;if(v<W.length){let O=Q.getOffset(W[v].headerLayoutIndex)-_;if(O<H)R=O-H}if(R!==M)M=R,X.style.transform=R===0?"":`translateY(${Math.round(R)}px)`},F=()=>{if(Z)return;Z=!0,X.style.display=""},G=()=>{if(!Z)return;Z=!1,X.style.display="none",q=-1,M=0,X.style.transform=""},b=()=>{let _=q;if(q=-1,_>=0)U(_)},N=()=>{X.remove(),q=-1,Z=!1};return X.style.display="none",{update:D,refresh:b,show:F,hide:G,destroy:N}};var UJ=(j)=>{if(!j.getGroupForIndex)throw Error("[vlist/builder] withGroups: getGroupForIndex is required");if(j.headerHeight==null||j.headerHeight<=0)throw Error("[vlist/builder] withGroups: headerHeight must be a positive number");if(!j.headerTemplate)throw Error("[vlist/builder] withGroups: headerTemplate is required");let $=null,Q=null,J=[],K=[];return{name:"withGroups",priority:10,setup(X){let{dom:q,emitter:Z,config:M,rawConfig:U}=X,{classPrefix:D}=M;if(M.horizontal)throw Error("[vlist/builder] withGroups cannot be used with direction: 'horizontal'");if(M.reverse)throw Error("[vlist/builder] withGroups cannot be used with reverse: true");let G=U.item.height;J=U.items?[...U.items]:[];let b=J.length,N={getGroupForIndex:j.getGroupForIndex,headerHeight:j.headerHeight,headerTemplate:j.headerTemplate,sticky:j.sticky};$=jj(b,N),K=u2(J,$.groups);let _=x2($,G);X.setHeightConfig(_),X.rebuildHeightCache(K.length),X.dataManager.setItems(K,0,K.length);let W=U.item.template,{headerTemplate:A}=j,L=(O,V,z)=>{if(b2(O))return A(O.groupKey,O.groupIndex);return W(O,V,z)},H=X.methods.get("_getGridLayout"),R=X.methods.get("_replaceGridRenderer"),v=X.methods.get("_updateGridLayoutForGroups");if(H&&R){if(v)v((g)=>{let d=K[g];return d&&b2(d)});let{createGridRenderer:O}=(e2(),gJ(ij)),V=H(),z=O(q.items,L,X.heightCache,V,D,X.getContainerWidth(),()=>X.dataManager.getTotal(),M.ariaIdPrefix);R(z)}else X.replaceTemplate(L);if(q.root.classList.add(`${D}--grouped`),j.sticky!==!1){Q=Jj(q.root,$,X.heightCache,N,D);let O=Q;X.afterScroll.push((V,z)=>{O.update(V)}),Q.update(X.scrollController.getScrollTop())}let B=()=>{if(!$)return;$.rebuild(J.length),K=u2(J,$.groups);let O=x2($,G);if(X.setHeightConfig(O),X.rebuildHeightCache(K.length),X.dataManager.setItems(K,0,K.length),Q)Q.refresh()};X.methods.set("setItems",(O)=>{J=[...O],B()}),X.methods.set("appendItems",(O)=>{J=[...J,...O],B()}),X.methods.set("prependItems",(O)=>{J=[...O,...J],B()}),X.methods.set("removeItem",(O)=>{J=J.filter((V)=>V.id!==O),B()}),X.methods.set("scrollToIndex",(O,V)=>{let z=$.dataToLayoutIndex(O),{align:g,behavior:d,duration:s}=Z4(V),j2=X.dataManager.getTotal(),i=O2(z,X.heightCache,X.state.viewportState.containerHeight,j2,g,X.getCachedCompression());if(d==="smooth")X.scrollController.scrollTo(i);else X.scrollController.scrollTo(i)}),X.methods.set("_getItems",()=>J),X.methods.set("_getTotal",()=>J.length),X.destroyHandlers.push(()=>{if(Q)Q.destroy(),Q=null;q.root.classList.remove(`${D}--grouped`)})},destroy(){if(Q)Q.destroy(),Q=null}}},yj=300,Z4=(j)=>{if(typeof j==="string")return{align:j,behavior:"auto",duration:yj};if(j&&typeof j==="object")return{align:j.align??"start",behavior:j.behavior??"auto",duration:j.duration??yj};return{align:"start",behavior:"auto",duration:yj}};var $j=(j)=>({selected:new Set(j??[]),focusedIndex:-1}),h2=(j,$,Q)=>{if(Q==="none")return j;let J=new Set(j.selected);if(Q==="single"){if(J.clear(),$.length>0)J.add($[0])}else for(let K of $)J.add(K);return{...j,selected:J}},m2=(j,$)=>{let Q=new Set(j.selected);for(let J of $)Q.delete(J);return{...j,selected:Q}},k2=(j,$,Q)=>{if(Q==="none")return j;if(j.selected.has($))return m2(j,[$]);else return h2(j,[$],Q)},Qj=(j,$,Q)=>{if(Q!=="multiple")return j;return{...j,selected:new Set($.map((J)=>J.id))}},Xj=(j)=>({...j,selected:new Set}),Hj=(j,$)=>{return j.focusedIndex=$,j},kj=(j,$,Q=!0)=>{if($===0)return j;let J=j.focusedIndex-1;if(J<0)J=Q?$-1:0;return j.focusedIndex=J,j},Rj=(j,$,Q=!0)=>{if($===0)return j;let J=j.focusedIndex+1;if(J>=$)J=Q?0:$-1;return j.focusedIndex=J,j},Tj=(j,$)=>{if($===0)return j;return j.focusedIndex=0,j},Cj=(j,$)=>{if($===0)return j;return j.focusedIndex=$-1,j};var DJ=(j,$)=>{return j.selected.has($)},R2=(j)=>{return Array.from(j.selected)},T2=(j,$)=>{let Q=[];for(let J of j.selected){let K=$(J);if(K)Q.push(K)}return Q};var Sj=(j)=>{let $=j?.mode??"single",Q=j?.initial,J=$j(Q),K=null;return{name:"withSelection",priority:50,methods:["select","deselect","toggleSelect","selectAll","clearSelection","getSelected","getSelectedItems"],setup(X){let{dom:q,emitter:Z,config:M}=X,{classPrefix:U,ariaIdPrefix:D}=M;if($==="none"){X.methods.set("select",()=>{}),X.methods.set("deselect",()=>{}),X.methods.set("toggleSelect",()=>{}),X.methods.set("selectAll",()=>{}),X.methods.set("clearSelection",()=>{}),X.methods.set("getSelected",()=>[]),X.methods.set("getSelectedItems",()=>[]),X.methods.set("setSelectionMode",()=>{});return}let{renderIfNeeded:F,forceRender:G}=X.getRenderFns(),b=()=>{X.dom.items.querySelectorAll("[data-index]").forEach((H)=>{let R=H,v=R.dataset.id;if(v!==void 0){let B=/^\d+$/.test(v)?parseInt(v,10):v,O=J.selected.has(B),z=parseInt(R.dataset.index??"-1",10)===J.focusedIndex;R.classList.toggle(`${U}-item--selected`,O),R.classList.toggle(`${U}-item--focused`,z),R.ariaSelected=O?"true":"false"}})},N=()=>{if(X.state.isDestroyed)return;F(),b()},_=()=>{if(X.state.isDestroyed)return;G(),b()};X.setRenderFns(N,_);let W=()=>{b(),Z.emit("selection:change",{selected:R2(J),items:T2(J,(L)=>X.dataManager.getItemById(L))})};K=document.createElement("div"),K.setAttribute("aria-live","polite"),K.setAttribute("aria-atomic","true"),K.className=`${U}-live-region`,K.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",q.root.appendChild(K);let A=K;Z.on("selection:change",({selected:L})=>{let H=L.length;if(H===0)A.textContent="";else if(H===1)A.textContent="1 item selected";else A.textContent=`${H} items selected`}),X.clickHandlers.push((L)=>{if(X.state.isDestroyed)return;let R=L.target.closest("[data-index]");if(!R)return;let v=parseInt(R.dataset.index??"-1",10);if(v<0)return;let B=X.dataManager.getItem(v);if(!B)return;Z.emit("item:click",{item:B,index:v,event:L}),J=Hj(J,v),q.root.setAttribute("aria-activedescendant",`${D}-item-${v}`),J=k2(J,B.id,$),W()}),X.keydownHandlers.push((L)=>{if(X.state.isDestroyed)return;let H=X.dataManager.getTotal(),R=J.focusedIndex,v=!1,B=!1,O=J;switch(L.key){case"ArrowUp":O=kj(J,H),v=!0,B=!0;break;case"ArrowDown":O=Rj(J,H),v=!0,B=!0;break;case"Home":O=Tj(J,H),v=!0,B=!0;break;case"End":O=Cj(J,H),v=!0,B=!0;break;case" ":case"Enter":if(J.focusedIndex>=0){let V=X.dataManager.getItem(J.focusedIndex);if(V)O=k2(J,V.id,$);v=!0}break}if(v){L.preventDefault(),J=O;let V=J.focusedIndex;if(V>=0){let z=X.dataManager.getState(),g=O2(V,X.heightCache,X.state.viewportState.containerHeight,z.total,"center",X.getCachedCompression());X.scrollController.scrollTo(g),q.root.setAttribute("aria-activedescendant",`${D}-item-${V}`)}else q.root.removeAttribute("aria-activedescendant");if(B){let{selected:z}=J;if(R>=0&&R!==V){let g=X.dataManager.getItem(R);if(g)X.renderer.updateItemClasses(R,z.has(g.id),!1)}if(V>=0){let g=X.dataManager.getItem(V);if(g)X.renderer.updateItemClasses(V,z.has(g.id),!0)}}else _(),Z.emit("selection:change",{selected:R2(J),items:T2(J,(z)=>X.dataManager.getItemById(z))})}}),X.methods.set("select",(...L)=>{if($==="none")return;J=h2(J,L,$),W()}),X.methods.set("deselect",(...L)=>{J=m2(J,L),W()}),X.methods.set("toggleSelect",(L)=>{if($==="none")return;J=k2(J,L,$),W()}),X.methods.set("selectAll",()=>{if($!=="multiple")return;let L=X.getAllLoadedItems();J=Qj(J,L,$),W()}),X.methods.set("clearSelection",()=>{J=Xj(J);let{renderRange:L,isCompressed:H}=X.state.viewportState,R=X.getItemsForRange(L),v=H?X.getCompressionContext():void 0;X.renderer.render(R,L,J.selected,J.focusedIndex,v),Z.emit("selection:change",{selected:[],items:[]})}),X.methods.set("getSelected",()=>{return R2(J)}),X.methods.set("getSelectedItems",()=>{return T2(J,(L)=>X.dataManager.getItemById(L))}),X.destroyHandlers.push(()=>{if(A&&A.parentNode)A.remove()})},destroy(){if(K&&K.parentNode)K.remove();K=null}}};var C2=(j,$,Q={},J="vlist",K=!1)=>{let{autoHide:X=!0,autoHideDelay:q=1000,minThumbSize:Z=30,showOnHover:M=!0,hoverZoneWidth:U=16,showOnViewportEnter:D=!0}=Q,F=0,G=0,b=0,N=0,_=!1,W=!1,A=0,L=0,H=0,R=null,v=!1,B=null,O=null,V=K?"width":"height",z=K?"translateX":"translateY",g=K?(t)=>t.clientX:(t)=>t.clientY,d=K?"left":"top",s=document.createElement("div"),j2=document.createElement("div"),i=M?document.createElement("div"):null,k=()=>{if(s.className=`${J}-scrollbar`,j2.className=`${J}-scrollbar-thumb`,K)s.classList.add(`${J}-scrollbar--horizontal`);if(s.appendChild(j2),j.appendChild(s),i){if(i.className=`${J}-scrollbar-hover`,K)i.classList.add(`${J}-scrollbar-hover--horizontal`),i.style.height=`${U}px`;else i.style.width=`${U}px`;j.appendChild(i)}},S=()=>{if(R)clearTimeout(R),R=null},p=()=>{if(!X)return;S(),R=setTimeout(P,q)},I=()=>{if(F<=G)return;if(S(),!v)s.classList.add(`${J}-scrollbar--visible`),v=!0;if(X&&!_&&!W)p()},P=()=>{if(_||W)return;s.classList.remove(`${J}-scrollbar--visible`),v=!1},C=(t,Q2)=>{F=t,G=Q2;let w=F>G;if(s.style.display=w?"":"none",!w){P();return}let f=G/F;b=Math.max(Z,f*G),j2.style[V]=`${b}px`,N=G-b,h(H)},h=(t)=>{if(H=t,F<=G||N<=0)return;let Q2=F-G,f=Math.min(1,Math.max(0,t/Q2))*N;j2.style.transform=`${z}(${f}px)`},m=(t)=>{if(t.target===j2)return;let Q2=s.getBoundingClientRect(),o=g(t)-Q2[d]-b/2,l=Math.max(0,Math.min(o,N))/N,X2=F-G,K2=l*X2;$(K2),I()},a=(t)=>{t.preventDefault(),t.stopPropagation(),_=!0,A=g(t),L=H,S(),s.classList.add(`${J}-scrollbar--dragging`),document.addEventListener("mousemove",n),document.addEventListener("mouseup",q2)},n=(t)=>{if(!_)return;let Q2=g(t)-A,w=N>0?Q2/N:0,f=F-G,o=w*f,$2=Math.max(0,Math.min(L+o,f)),X2=$2/f*N;if(j2.style.transform=`${z}(${X2}px)`,O=$2,B===null)B=requestAnimationFrame(()=>{if(O!==null)$(O);B=null})},q2=()=>{if(_=!1,B!==null)cancelAnimationFrame(B),B=null;if(O!==null)$(O),O=null;if(s.classList.remove(`${J}-scrollbar--dragging`),X&&!W)p();document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",q2)},Z2=()=>{if(D)I()},T=()=>{if(!_){if(W=!1,X)p()}},c=()=>{W=!0,S(),I()},x=()=>{if(W=!1,!_&&X)p()},J2=()=>{if(S(),B!==null)cancelAnimationFrame(B),B=null;if(s.removeEventListener("click",m),s.removeEventListener("mouseenter",c),s.removeEventListener("mouseleave",x),j2.removeEventListener("mousedown",a),j.removeEventListener("mouseenter",Z2),j.removeEventListener("mouseleave",T),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",q2),i){if(i.removeEventListener("mouseenter",c),i.removeEventListener("mouseleave",x),i.parentNode)i.parentNode.removeChild(i)}if(s.parentNode)s.parentNode.removeChild(s)};if(k(),s.addEventListener("click",m),s.addEventListener("mouseenter",c),s.addEventListener("mouseleave",x),j2.addEventListener("mousedown",a),j.addEventListener("mouseenter",Z2),j.addEventListener("mouseleave",T),i)i.addEventListener("mouseenter",c),i.addEventListener("mouseleave",x);return{show:I,hide:P,updateBounds:C,updatePosition:h,isVisible:()=>v,destroy:J2}};var NJ=(j)=>{let $=null;return{name:"withScrollbar",priority:30,setup(Q){let{dom:J,config:K}=Q,{classPrefix:X,horizontal:q}=K;if($=C2(J.viewport,(U)=>Q.scrollController.scrollTo(U),j??{},X,q),!J.viewport.classList.contains(`${X}-viewport--custom-scrollbar`))J.viewport.classList.add(`${X}-viewport--custom-scrollbar`);let Z=Q.getCachedCompression();$.updateBounds(Z.virtualHeight,Q.state.viewportState.containerHeight);let M=$;Q.afterScroll.push((U,D)=>{M.updatePosition(U),M.show()}),Q.resizeHandlers.push((U,D)=>{if(M){let F=Q.getCachedCompression();M.updateBounds(F.virtualHeight,Q.state.viewportState.containerHeight)}}),Q.contentSizeHandlers.push(()=>{if(M){let U=Q.getCachedCompression();M.updateBounds(U.virtualHeight,Q.state.viewportState.containerHeight)}}),Q.destroyHandlers.push(()=>{if(M)M.destroy()})},destroy(){if($)$.destroy(),$=null}}};t2();var WJ=(j=0)=>{let $=[,,,,,,,,];for(let Q=0;Q<8;Q++)$[Q]={position:0,time:0};return{velocity:0,lastPosition:j,lastTime:performance.now(),samples:$,sampleIndex:0,sampleCount:0}},qj=(j,$)=>{let Q=performance.now(),J=Q-j.lastTime;if(J===0)return j;if(J>100){j.sampleCount=0,j.sampleIndex=0,j.velocity=0;let X=j.samples[0];return X.position=$,X.time=Q,j.sampleIndex=1,j.sampleCount=1,j.lastPosition=$,j.lastTime=Q,j}let K=j.samples[j.sampleIndex];if(K.position=$,K.time=Q,j.sampleIndex=(j.sampleIndex+1)%8,j.sampleCount=Math.min(j.sampleCount+1,8),j.sampleCount>=2){let X=(j.sampleIndex-j.sampleCount+8)%8,q=j.samples[X],Z=$-q.position,M=Q-q.time;j.velocity=M>0?Z/M:0}return j.lastPosition=$,j.lastTime=Q,j},B4=(j)=>j.sampleCount>=3,_J=(j,$={})=>{let{wheel:Q=!0,sensitivity:J=1,smoothing:K=!1,idleTimeout:X=150,onScroll:q,onIdle:Z,scrollElement:M,horizontal:U=!1}=$,D=!!M,F=0,G=0,b=D?U?window.innerWidth:window.innerHeight:U?j.clientWidth:j.clientHeight,N=$.compressed??!1,_=$.compression,W=WJ(),A=!1,L=null,R=Kj(()=>{let T=U?j.scrollLeft:j.scrollTop,c=T>=F?"down":"up";if(W=qj(W,T),F=T,q)q({scrollTop:F,direction:c,velocity:W.velocity});g()}),B=Kj(()=>{let T=j.getBoundingClientRect(),c=U?Math.max(0,-T.left):Math.max(0,-T.top),x=c>=F?"down":"up";if(W=qj(W,c),F=c,!A)A=!0;if(q)q({scrollTop:F,direction:x,velocity:W.velocity});g()}),O=(T)=>{T.preventDefault()},V=(T)=>{if(T.deltaX)return;T.preventDefault(),j.scrollLeft+=T.deltaY},z=(T)=>{if(!N)return;T.preventDefault();let c=(U?T.deltaX||T.deltaY:T.deltaY)*J,x=F+c;if(K)x=F+c*0.3;if(x=Math.max(0,Math.min(x,G)),x!==F){let t=x>=F?"down":"up";if(W=qj(W,x),F=x,!A)A=!0;if(q)q({scrollTop:F,direction:t,velocity:W.velocity});g()}},g=()=>{if(L)clearTimeout(L);L=setTimeout(()=>{if(A=!1,W=WJ(F),Z)Z()},X)},d=(T)=>{if(N)return;if(N=!0,_=T,G=T.virtualHeight-b,D)return;if(R.cancel(),j.removeEventListener("scroll",R),!Q)j.removeEventListener("wheel",O);else if(U)j.removeEventListener("wheel",V);if(U)j.style.overflowX="hidden";else j.style.overflow="hidden";if(Q)j.addEventListener("wheel",z,{passive:!1});let c=U?j.scrollLeft:j.scrollTop;if(c>0){let x=U?_?.actualHeight??j.scrollWidth:_?.actualHeight??j.scrollHeight;F=c/x*G}if(U)j.scrollLeft=0;else j.scrollTop=0},s=()=>{if(!N)return;if(N=!1,D){_=void 0;return}if(j.removeEventListener("wheel",z),U)j.style.overflowX="auto";else j.style.overflow="auto";if(j.addEventListener("scroll",R,{passive:!0}),!Q)j.addEventListener("wheel",O,{passive:!1});else if(U)j.addEventListener("wheel",V,{passive:!1});if(_&&F>0){let c=F/G*(_.actualHeight-b);if(U)j.scrollLeft=c;else j.scrollTop=c}_=void 0},j2=()=>{if(D||N)return F;return U?j.scrollLeft:j.scrollTop},i=(T,c=!1)=>{let x=Math.max(0,Math.min(T,G||1/0));if(D){let J2=j.getBoundingClientRect();if(U){let t=J2.left+window.scrollX;window.scrollTo({left:t+x,behavior:c?"smooth":"auto"})}else{let t=J2.top+window.scrollY;window.scrollTo({top:t+x,behavior:c?"smooth":"auto"})}}else if(N){if(x===F)return;let t=x>=F?"down":"up";if(W=qj(W,x),F=x,!A)A=!0;if(q)q({scrollTop:F,direction:t,velocity:W.velocity});g()}else if(U)j.scrollTo({left:x,behavior:c?"smooth":"auto"});else j.scrollTo({top:x,behavior:c?"smooth":"auto"})},k=(T)=>{i(j2()+T)},S=()=>{return j2()<=0},p=(T=0)=>{let c=j2(),x=D||N?G:U?j.scrollWidth-j.clientWidth:j.scrollHeight-j.clientHeight;return c>=x-T},I=()=>{let T=j2(),c=D||N?G:U?j.scrollWidth-j.clientWidth:j.scrollHeight-j.clientHeight;if(c<=0)return 0;return Math.min(1,Math.max(0,T/c))},P=(T)=>{if(T.compression)_=T.compression,G=_.virtualHeight-b},C=()=>N,h=()=>Math.abs(W.velocity),m=()=>B4(W),a=()=>A,n=()=>D,q2=(T)=>{if(b=T,_)G=_.virtualHeight-b},Z2=()=>{if(L)clearTimeout(L);if(D)B.cancel(),window.removeEventListener("scroll",B);else R.cancel(),j.removeEventListener("scroll",R),j.removeEventListener("wheel",z),j.removeEventListener("wheel",O),j.removeEventListener("wheel",V)};if(D){if(N&&_)G=_.virtualHeight-b;window.addEventListener("scroll",B,{passive:!0})}else if(N&&_){if(G=_.virtualHeight-b,U)j.style.overflowX="hidden";else j.style.overflow="hidden";if(Q)j.addEventListener("wheel",z,{passive:!1})}else{if(U)j.style.overflowX="auto",j.style.overflowY="hidden";else j.style.overflow="auto";if(j.addEventListener("scroll",R,{passive:!0}),!Q)j.addEventListener("wheel",O,{passive:!1});else if(U)j.addEventListener("wheel",V,{passive:!1})}return{getScrollTop:j2,scrollTo:i,scrollBy:k,isAtTop:S,isAtBottom:p,getScrollPercentage:I,getVelocity:h,isTracking:m,isScrolling:a,updateConfig:P,enableCompression:d,disableCompression:s,isCompressed:C,isWindowMode:n,updateContainerHeight:q2,destroy:Z2}},Kj=(j)=>{let $=null,Q=null,J=(...K)=>{if(Q=K,$===null)$=requestAnimationFrame(()=>{if($=null,Q)j(...Q)})};return J.cancel=()=>{if($!==null)cancelAnimationFrame($),$=null},J};var VJ=()=>{let j=null,$=0,Q=!1;return{name:"withCompression",priority:20,setup(J){let{dom:K,config:X}=J,{classPrefix:q,horizontal:Z}=X,M=J.updateCompressionMode.bind(J),U=()=>{let F=J.getVirtualTotal(),G=M2(F,J.heightCache);if(G.isCompressed&&!Q){Q=!0,J.scrollController.enableCompression(G),J.updateContentSize(G.virtualHeight),J.setScrollFns(()=>$,(W)=>{$=W});let b=K.viewport,N=(W)=>{W.preventDefault();let A=G.virtualHeight-J.state.viewportState.containerHeight;$=Math.max(0,Math.min($+W.deltaY,A)),J.scrollController.scrollTo($)};if(b.addEventListener("wheel",N,{passive:!1}),J.destroyHandlers.push(()=>{b.removeEventListener("wheel",N)}),!K.viewport.querySelector(`.${q}-scrollbar-track`)){if(j=C2(K.viewport,(A)=>J.scrollController.scrollTo(A),{},q,Z),!K.viewport.classList.contains(`${q}-viewport--custom-scrollbar`))K.viewport.classList.add(`${q}-viewport--custom-scrollbar`);j.updateBounds(G.virtualHeight,J.state.viewportState.containerHeight);let W=j;J.afterScroll.push((A,L)=>{if(W)W.updatePosition(A),W.show()}),J.resizeHandlers.push((A,L)=>{if(W){let H=J.getCachedCompression();W.updateBounds(H.virtualHeight,J.state.viewportState.containerHeight)}})}}else if(!G.isCompressed&&Q)Q=!1,J.scrollController.disableCompression(),J.updateContentSize(G.actualHeight);else if(G.isCompressed)J.scrollController.updateConfig({compression:G}),J.updateContentSize(G.virtualHeight);if(j)j.updateBounds(G.virtualHeight,J.state.viewportState.containerHeight);J.state.cachedCompression={state:G,totalItems:F}};J.updateCompressionMode=U;let D=J.getCachedCompression.bind(J);J.getCachedCompression=()=>{if(J.state.cachedCompression)return J.state.cachedCompression.state;return D()},J.setVisibleRangeFn((F,G,b,N,_)=>{let W=M2(N,b);o2(F,G,b,N,W,_)}),J.setScrollToPosFn((F,G,b,N,_)=>{let W=M2(N,G);return i2(F,G,b,N,W,_)}),J.setPositionElementFn((F,G)=>{let b=J.getVirtualTotal(),N=M2(b,J.heightCache);if(N.isCompressed){let _=Math.round(H2(G,J.scrollController.getScrollTop(),J.heightCache,b,J.state.viewportState.containerHeight,N)),W=J.config.horizontal;F.style.transform=W?`translateX(${_}px)`:`translateY(${_}px)`}else{let _=Math.round(J.heightCache.getOffset(G)),W=J.config.horizontal;F.style.transform=W?`translateX(${_}px)`:`translateY(${_}px)`}}),U(),J.destroyHandlers.push(()=>{if(j)j.destroy(),j=null})},destroy(){if(j)j.destroy(),j=null}}};var GJ=()=>{return{name:"withSnapshots",priority:50,methods:["getScrollSnapshot","restoreScroll"],setup(j){j.methods.set("getScrollSnapshot",()=>{let $=j.scrollController.getScrollTop(),Q=j.getCachedCompression(),J=j.getVirtualTotal(),K=j.methods.get("getSelected"),X=K&&K().length>0?K():void 0;if(J===0){let U={index:0,offsetInItem:0};if(X)U.selectedIds=X;return U}let q,Z;if(Q.isCompressed){let D=$/Q.virtualHeight*J;q=Math.max(0,Math.min(Math.floor(D),J-1)),Z=(D-q)*j.heightCache.getHeight(q)}else q=j.heightCache.indexAtOffset($),Z=$-j.heightCache.getOffset(q);Z=Math.max(0,Z);let M={index:q,offsetInItem:Z};if(X)M.selectedIds=X;return M}),j.methods.set("restoreScroll",($)=>{let{index:Q,offsetInItem:J,selectedIds:K}=$,X=j.getCachedCompression(),q=j.getVirtualTotal();if(q===0)return;let Z=Math.max(0,Math.min(Q,q-1)),M;if(X.isCompressed){let D=j.heightCache.getHeight(Z),F=D>0?J/D:0;M=(Z+F)/q*X.virtualHeight}else M=j.heightCache.getOffset(Z)+J;let U=Math.max(0,X.virtualHeight-j.state.viewportState.containerHeight);if(M=Math.max(0,Math.min(M,U)),j.scrollController.scrollTo(M),K&&K.length>0){let D=j.methods.get("select");if(D)D(...K)}})}}};var Yj=(j={})=>{let{chunkSize:$=100,maxCachedItems:Q=5000,evictionBuffer:J=200,onEvict:K}=j,X=new Map,q=0,Z=0,M=(k)=>{let S=X.get(k);if(!S)S={items:Array($),count:0,lastAccess:Date.now()},X.set(k,S);else S.lastAccess=Date.now();return S},U=(k)=>{return Math.floor(k/$)},D=(k)=>{return k%$},F=()=>q,G=(k)=>{q=k},b=(k)=>{if(k<0||k>=q)return;let S=U(k),p=X.get(S);if(!p)return;return p.items[D(k)]},N=(k)=>{if(k<0||k>=q)return!1;let S=U(k),p=X.get(S);if(!p)return!1;return p.items[D(k)]!==void 0},_=(k,S)=>{let p=U(k),I=M(p),P=D(k),C=I.items[P]===void 0;if(I.items[P]=S,C)I.count++,Z++;if(k>=q)q=k+1},W=(k,S)=>{for(let p=0;p<S.length;p++){let I=S[p];if(I!==void 0)_(k+p,I)}},A=(k)=>{if(k<0||k>=q)return!1;let S=U(k),p=X.get(S);if(!p)return!1;let I=D(k);if(p.items[I]===void 0)return!1;if(p.items[I]=void 0,p.count--,Z--,p.count===0)X.delete(S);return!0},L=(k,S)=>{let p=[];for(let I=k;I<=S&&I<q;I++)p.push(b(I));return p},H=(k,S)=>{for(let p=k;p<=S&&p<q;p++)if(!N(p))return!1;return!0},R=()=>{let k=[],S=null,p=Array.from(X.keys()).sort((I,P)=>I-P);for(let I of p){let P=X.get(I);if(!P)continue;let C=I*$;for(let h=0;h<$;h++){let m=C+h;if(m>=q)break;if(P.items[h]!==void 0)if(S===null)S={start:m,end:m};else if(m===S.end+1)S.end=m;else k.push(S),S={start:m,end:m};else if(S!==null)k.push(S),S=null}}if(S!==null)k.push(S);return k},v=(k,S)=>{let p=[],I=null;for(let P=k;P<=S&&P<q;P++)if(!N(P))if(I===null)I={start:P,end:P};else I.end=P;else if(I!==null)p.push(I),I=null;if(I!==null)p.push(I);return p},B=(k)=>{return X.has(k)},O=(k)=>{let S=X.get(k);if(S)S.lastAccess=Date.now()},V=(k,S)=>{if(k>S||X.size===0)return;let p=Date.now(),I=U(Math.max(0,k)),P=U(Math.min(q-1,S));for(let C=I;C<=P;C++){let h=X.get(C);if(h)h.lastAccess=p}},z=(k,S)=>{if(Z<=Q)return 0;let p=Math.max(0,k-J),I=Math.min(q-1,S+J),P=U(p),C=U(I),h=0,m=[];for(let[a,n]of X)if(a<P||a>C)h+=n.count,m.push(a),Z-=n.count,X.delete(a);if(h>0&&K)K(h,m);return h},g=()=>{if(Z<=Q)return 0;let k=Array.from(X.entries()).sort(([,I],[,P])=>I.lastAccess-P.lastAccess),S=0,p=[];for(let[I,P]of k){if(Z<=Q)break;S+=P.count,Z-=P.count,p.push(I),X.delete(I)}if(S>0&&K)K(S,p);return S},d=()=>{return{totalItems:q,cachedItems:Z,cachedChunks:X.size,chunkSize:$,maxCachedItems:Q,memoryEfficiency:q>0?1-Z/q:1}},s=()=>Z,j2=()=>{X.clear(),Z=0};return{chunkSize:$,maxCachedItems:Q,getTotal:F,setTotal:G,get:b,has:N,set:_,setRange:W,delete:A,getRange:L,isRangeLoaded:H,getLoadedRanges:R,findUnloadedRanges:v,getChunkIndex:U,isChunkLoaded:B,touchChunk:O,touchChunksForRange:V,evictDistant:z,evictToLimit:g,getStats:d,getCachedCount:s,clear:j2,reset:()=>{j2(),q=0}}},Zj=(j)=>{if(j.length===0)return[];let $=[...j].sort((J,K)=>J.start-K.start),Q=[{...$[0]}];for(let J=1;J<$.length;J++){let K=$[J],X=Q[Q.length-1];if(K.start<=X.end+1)X.end=Math.max(X.end,K.end);else Q.push({...K})}return Q},g2=(j,$,Q)=>{let J=Math.floor(j.start/Q)*Q,K=Math.ceil((j.end+1)/Q)*Q-1,X={start:J,end:K};if($.length===0)return[X];let q=[],Z=Zj($),M=X.start;for(let U of Z){if(U.end<M)continue;if(U.start>X.end)break;if(U.start>M)q.push({start:M,end:Math.min(U.start-1,X.end)});if(M=U.end+1,M>X.end)break}if(M<=X.end)q.push({start:M,end:X.end});return q};var Bj=(j={})=>{let{enabled:$=!0,maskCharacter:Q="█",randomVariance:J=!0,maxSampleSize:K=20,customGenerator:X}=j,q=null,Z=!1,M=0,U=(A)=>{if(!$||Z||A.length===0)return;let L=new Map,H=new Map,R=Math.min(A.length,K);for(let v=0;v<R;v++){let B=A[v];if(!B||typeof B!=="object")continue;for(let[O,V]of Object.entries(B)){if(O.startsWith("_")||O==="id")continue;if(!H.has(O))H.set(O,{lengths:[],types:new Set});let z=H.get(O),g=Array.isArray(V)?"array":typeof V;if(z.types.add(g),typeof V==="string")z.lengths.push(V.length);else if(V!==null&&V!==void 0)z.lengths.push(String(V).length)}}for(let[v,B]of H){if(B.lengths.length===0)continue;let O=Math.min(...B.lengths),V=Math.max(...B.lengths),z=Math.round(B.lengths.reduce((d,s)=>d+s,0)/B.lengths.length),g="string";if(B.types.has("number")&&B.types.size===1)g="number";else if(B.types.has("boolean")&&B.types.size===1)g="boolean";else if(B.types.has("array"))g="array";else if(B.types.has("object")&&!B.types.has("string"))g="object";L.set(v,{minLength:O,maxLength:V,avgLength:z,type:g})}q=L,Z=!0},D=()=>Z,F=(A)=>{let L=A.avgLength;if(J&&A.minLength!==A.maxLength){if(L=Math.floor(Math.random()*(A.maxLength-A.minLength+1)+A.minLength),Math.random()<0.3)L=Math.max(1,L+Math.floor(Math.random()*3)-1)}return Q.repeat(Math.max(1,L))},G=(A)=>{if(X)return{...X(A),["_isPlaceholder"]:!0};let L={id:`__placeholder_${M++}`,["_isPlaceholder"]:!0,_index:A};if(!q||q.size===0)return L.label=Q.repeat(12),L;for(let[H,R]of q)switch(R.type){case"string":L[H]=F(R);break;case"number":L[H]=0;break;case"boolean":L[H]=!1;break;case"array":L[H]=[];break;case"object":L[H]={};break;default:L[H]=F(R)}return L};return{analyzeStructure:U,hasAnalyzedStructure:D,generate:G,generateRange:(A,L)=>{let H=[];for(let R=A;R<=L;R++)H.push(G(R));return H},isPlaceholder:(A)=>{if(!A||typeof A!=="object")return!1;return A._isPlaceholder===!0},getPlaceholderKey:()=>"_isPlaceholder",clear:()=>{q=null,Z=!1,M=0}}},z2=(j)=>{if(!j||typeof j!=="object")return!1;return j._isPlaceholder===!0},wj=(j)=>{return j.filter(($)=>!z2($))};var D4=50,Uj=(j={})=>{let{adapter:$,initialItems:Q,initialTotal:J,storage:K,placeholder:X,pageSize:q=D4,onStateChange:Z,onItemsLoaded:M,onItemsEvicted:U}=j,D=Yj({...K,onEvict:(w,f)=>{U?.(w),R()}}),F=null,G=()=>{if(!F)F=Bj(X);return F},b=new Map,N=!1,_,W=!0,A,L=[],H=new Map,R=()=>{Z?.(j2())},v=()=>{b.clear();let w=D.getLoadedRanges();for(let f of w)for(let o=f.start;o<=f.end;o++){let $2=D.get(o);if($2&&!z2($2))b.set($2.id,o)}},B=(w,f)=>{if(!z2(f))b.set(f.id,w)},O=(w)=>{b.delete(w)},V=(w,f)=>{return`${w}-${f}`},z=()=>D.getTotal(),g=()=>D.getCachedCount(),d=()=>N,s=()=>W,j2=()=>({total:D.getTotal(),cached:D.getCachedCount(),isLoading:N,pendingRanges:L,error:_,hasMore:W,cursor:A}),i=()=>D,k=()=>G(),S=(w)=>{let f=D.get(w);if(f!==void 0)return f;if(w>=0&&w<D.getTotal())return G().generate(w);return},p=(w)=>{let f=b.get(w);if(f===void 0)return;return D.get(f)},I=(w)=>{return b.get(w)??-1},P=(w)=>{let f=D.get(w);return f!==void 0&&!z2(f)},C=(w,f)=>{let o=[],$2=D.getTotal(),l=0,X2=0;D.touchChunksForRange(w,Math.min(f,$2-1));for(let K2=w;K2<=f&&K2<$2;K2++){let A2=D.get(K2);if(A2!==void 0)o.push(A2),l++;else o.push(G().generate(K2)),X2++}return o},h=(w)=>{D.setTotal(w),W=D.getCachedCount()<w,R()},m=(w,f=0,o)=>{if(F&&!F.hasAnalyzedStructure()&&w.length>0)F.analyzeStructure(w);for(let $2=0;$2<w.length;$2++){let l=w[$2];if(l!==void 0){let X2=f+$2;D.set(X2,l),B(X2,l)}}if(o!==void 0)D.setTotal(o);else if(f+w.length>D.getTotal())D.setTotal(f+w.length);W=D.getCachedCount()<D.getTotal(),M?.(w,f,D.getTotal()),R()},a=(w,f)=>{let o=b.get(w);if(o===void 0)return!1;let $2=D.get(o);if(!$2)return!1;let l={...$2,...f};if(D.set(o,l),f.id!==void 0&&f.id!==w)O(w),B(o,l);return R(),!0},n=(w)=>{let f=b.get(w);if(f===void 0)return!1;D.delete(f),O(w);let o=D.getTotal();if(o>0)D.setTotal(o-1);return R(),!0},q2=async(w,f)=>{if(!$)return;let o=V(w,f);if(H.has(o))return;let $2=D.getLoadedRanges(),l=g2({start:w,end:f},$2,D.chunkSize);if(l.length===0)return;let X2=D.chunkSize,K2=[];for(let U2 of l){let Y2=Math.floor(U2.start/X2),V2=Math.floor(U2.end/X2);for(let B2=Y2;B2<=V2;B2++){let G2=B2*X2,D2=G2+X2-1,S2=V(G2,D2);if(!K2.some((F2)=>F2.start===G2)&&!H.has(S2))K2.push({start:G2,end:D2})}}let A2=[];for(let U2 of l){let Y2=Math.floor(U2.start/X2),V2=Math.floor(U2.end/X2);for(let B2=Y2;B2<=V2;B2++){let G2=B2*X2,D2=G2+X2-1,S2=V(G2,D2);if(H.has(S2)){let F2=H.get(S2);if(!A2.includes(F2))A2.push(F2)}}}for(let U2 of K2){let Y2=V(U2.start,U2.end),V2=(async()=>{L.push(U2),N=!0,_=void 0,R();try{let B2=U2.end-U2.start+1,G2={offset:U2.start,limit:B2,cursor:void 0},D2=await $.read(G2);if(m(D2.items,U2.start,D2.total),D2.cursor)A=D2.cursor;if(D2.hasMore!==void 0)W=D2.hasMore;else if(D2.total!==void 0)W=D.getCachedCount()<D2.total}catch(B2){_=B2 instanceof Error?B2:Error(String(B2))}finally{H.delete(Y2),L=L.filter((B2)=>B2.start!==U2.start||B2.end!==U2.end),N=H.size>0,R()}})();H.set(Y2,V2),A2.push(V2)}await Promise.all(A2)},Z2=async(w,f)=>{if(D.isRangeLoaded(w,f))return;await q2(w,f)},T=async()=>{if(!$)return;await q2(0,q-1)},c=async()=>{if(!$||N||!W)return!1;let w=D.getCachedCount(),f=D.getTotal(),o=w,$2=Math.min(o+q-1,f>0?f-1:o+q-1);if(o>=f&&f>0)return W=!1,!1;return await q2(o,$2),D.getCachedCount()>w},x=async()=>{if(D.clear(),b.clear(),F)F.clear();A=void 0,W=!0,_=void 0,R(),await T()},J2=(w,f)=>{if(D.evictDistant(w,f)>0)v()},t=()=>{D.clear(),b.clear(),A=void 0,_=void 0,L=[],N=!1,R()},Q2=()=>{if(D.reset(),b.clear(),F)F.clear();A=void 0,W=!0,_=void 0,L=[],N=!1,R()};if(Q&&Q.length>0)m(Q,0,J??Q.length);else if(J!==void 0)D.setTotal(J);return{getState:j2,getTotal:z,getCached:g,getIsLoading:d,getHasMore:s,getStorage:i,getPlaceholders:k,getItem:S,getItemById:p,getIndexById:I,isItemLoaded:P,getItemsInRange:C,setTotal:h,setItems:m,updateItem:a,removeItem:n,loadRange:q2,ensureRange:Z2,loadInitial:T,loadMore:c,reload:x,evictDistant:J2,clear:t,reset:Q2}};var MJ=(j)=>{let{adapter:$,loading:Q}=j,J=Q?.cancelThreshold??gj,K=Q?.preloadThreshold??dj,X=Q?.preloadAhead??cj;return{name:"withData",priority:20,methods:["reload"],setup(q){let{emitter:Z}=q,M=q.config.reverse,U=q.config.overscan,D=Uj({adapter:$,pageSize:I2,onStateChange:()=>{if(q.state.isInitialized)q.heightCache.rebuild(q.getVirtualTotal()),q.updateCompressionMode(),q.state.viewportState=zj(q.state.viewportState,q.heightCache,q.getVirtualTotal(),U,q.getCachedCompression()),q.updateContentSize(q.state.viewportState.totalHeight),q.renderIfNeeded()},onItemsLoaded:(A,L,H)=>{if(q.state.isInitialized)q.heightCache.rebuild(q.getVirtualTotal()),q.forceRender(),Z.emit("load:end",{items:A,total:H})}});q.replaceDataManager(D);let F=null,G=null,b=0,N=()=>{if(G){let A=G;G=null,q.dataManager.ensureRange(A.start,A.end).catch((L)=>{Z.emit("error",{error:L,context:"ensureRange"})})}};q.afterScroll.push((A,L)=>{if(q.state.isDestroyed)return;let H=q.scrollController.getVelocity(),v=q.scrollController.isTracking()&&H<=J;if(G&&b>J&&H<=J){let V=G;G=null,q.dataManager.ensureRange(V.start,V.end).catch((z)=>{Z.emit("error",{error:z,context:"ensureRange"})})}if(b=H,v&&!q.dataManager.getIsLoading()&&q.dataManager.getHasMore()){if(M){if(A<Ej)Z.emit("load:start",{offset:q.dataManager.getCached(),limit:I2}),q.dataManager.loadMore().catch((V)=>{Z.emit("error",{error:V,context:"loadMore"})})}else if(q.state.viewportState.totalHeight-A-q.state.viewportState.containerHeight<Ej)Z.emit("load:start",{offset:q.dataManager.getCached(),limit:I2}),q.dataManager.loadMore().catch((z)=>{Z.emit("error",{error:z,context:"loadMore"})})}let{renderRange:B}=q.state.viewportState;if(!F||B.start!==F.start||B.end!==F.end)if(F={start:B.start,end:B.end},v){G=null;let{start:V,end:z}=B,g=q.getVirtualTotal();if(H>K)if(L==="down")z=Math.min(B.end+X,g-1);else V=Math.max(B.start-X,0);q.dataManager.ensureRange(V,z).catch((d)=>{Z.emit("error",{error:d,context:"ensureRange"})})}else G={start:B.start,end:B.end}});let _=200,W=null;q.afterScroll.push((A,L)=>{if(W!==null)clearTimeout(W);W=setTimeout(()=>{W=null,N()},_)}),q.destroyHandlers.push(()=>{if(W!==null)clearTimeout(W),W=null}),Z.on("load:start",()=>{q.dom.root.setAttribute("aria-busy","true")}),Z.on("load:end",()=>{q.dom.root.removeAttribute("aria-busy")}),q.methods.set("reload",async()=>{await q.dataManager.reload()}),Z.emit("load:start",{offset:0,limit:I2}),q.dataManager.loadInitial().catch((A)=>{Z.emit("error",{error:A,context:"loadInitial"})})}}};var AJ=()=>{let j=null;return{name:"withWindow",priority:5,setup($){let{dom:Q,state:J,config:K,emitter:X}=$;Q.root.style.overflow="visible",Q.root.style.height="auto",Q.viewport.classList.remove(`${K.classPrefix}-viewport--custom-scrollbar`),$.disableViewportResize(),$.setScrollTarget(window),$.setScrollFns(()=>{let U=Q.viewport.getBoundingClientRect();if(K.horizontal)return Math.max(0,-U.left);else return Math.max(0,-U.top)},(U)=>{let D=Q.viewport.getBoundingClientRect();if(K.horizontal){let F=D.left+window.scrollX;window.scrollTo(F+U,window.scrollY)}else{let F=D.top+window.scrollY;window.scrollTo(window.scrollX,F+U)}}),$.setContainerDimensions({width:()=>window.innerWidth,height:()=>window.innerHeight}),J.viewportState.containerWidth=window.innerWidth,J.viewportState.containerHeight=window.innerHeight;let{innerHeight:q,innerWidth:Z}=window,M=()=>{let{innerWidth:U,innerHeight:D}=window,F=K.horizontal?U:D,G=K.horizontal?Z:q;if(Math.abs(F-G)<=1)return;q=D,Z=U,J.viewportState.containerWidth=U,J.viewportState.containerHeight=D,X.emit("resize",{width:U,height:D});for(let b=0;b<$.resizeHandlers.length;b++)$.resizeHandlers[b](U,D);$.renderIfNeeded()};window.addEventListener("resize",M,{passive:!0}),j=()=>{window.removeEventListener("resize",M)},$.destroyHandlers.push(j)},destroy(){if(j)j(),j=null}}};var N4=(j)=>{let $=Aj(j);if(j.scroll?.element===window)$=$.use(AJ());if(j.adapter)$=$.use(MJ({adapter:j.adapter,...j.loading&&{loading:j.loading}}));if(j.layout==="grid"){if(!j.grid)throw Error("[vlist/builder] grid configuration is required when layout is 'grid'");if(!j.grid.columns||j.grid.columns<1)throw Error("[vlist/builder] grid.columns must be a positive integer >= 1");let X={columns:j.grid.columns};if(j.grid.gap!==void 0)X.gap=j.grid.gap;$=$.use(YJ(X))}if(j.groups){if(j.direction==="horizontal")throw Error("[vlist/builder] horizontal direction cannot be combined with groups");let X={getGroupForIndex:j.groups.getGroupForIndex,headerHeight:typeof j.groups.headerHeight==="function"?j.groups.headerHeight("",0):j.groups.headerHeight,headerTemplate:j.groups.headerTemplate};if(j.groups.sticky!==void 0)X.sticky=j.groups.sticky;$=$.use(UJ(X))}let Q=j.selection?.mode||"none";if(Q!=="none"){let X={mode:Q};if(j.selection?.initial!==void 0)X.initial=j.selection.initial;$=$.use(Sj(X))}else $=$.use(Sj({mode:"none"}));$=$.use(VJ());let J=j.scroll?.scrollbar||j.scrollbar;if(J!=="none"){let X=typeof J==="object"?J:{};$=$.use(NJ(X))}$=$.use(GJ());let K=$.build();return K.update=(X)=>{if(X.grid&&K.updateGrid)K.updateGrid(X.grid);if(X.selectionMode!==void 0&&K.setSelectionMode)K.setSelectionMode(X.selectionMode);if(X.itemHeight!==void 0)console.warn("[vlist] Updating itemHeight via update() is not yet supported with the builder pattern. Please recreate the instance or use the full API from 'vlist/full'.");if(X.overscan!==void 0)console.warn("[vlist] Updating overscan via update() is not yet supported with the builder pattern.")},K};e2();var EJ=()=>{let j={},$=(Z,M)=>{if(!j[Z])j[Z]=new Set;return j[Z].add(M),()=>Q(Z,M)},Q=(Z,M)=>{j[Z]?.delete(M)};return{on:$,off:Q,emit:(Z,M)=>{j[Z]?.forEach((U)=>{try{U(M)}catch(D){console.error(`[vlist] Error in event handler for "${String(Z)}":`,D)}})},once:(Z,M)=>{let U=(D)=>{Q(Z,U),M(D)};return $(Z,U)},clear:(Z)=>{if(Z)delete j[Z];else for(let M in j)delete j[M]},listenerCount:(Z)=>{return j[Z]?.size??0}}};export{k2 as toggleSelection,Lj as simpleVisibleRange,h2 as selectItems,Qj as selectAll,QJ as rangesEqual,Kj as rafThrottle,rj as needsCompression,Zj as mergeRanges,DJ as isSelected,z2 as isPlaceholderItem,XJ as isInRange,b2 as isGroupHeader,T2 as getSelectedItems,R2 as getSelectedIds,qJ as getRangeCount,nj as getMaxItemsWithoutCompression,M2 as getCompressionState,oj as getCompressionInfo,M2 as getCompression,wj as filterPlaceholders,KJ as diffRanges,m2 as deselectItems,N4 as createVList,Jj as createStickyHeader,Yj as createSparseStorage,$j as createSelectionState,C2 as createScrollbar,_J as createScrollController,Bj as createPlaceholderManager,lj as createHeightCache,x2 as createGroupedHeightFn,jj as createGroupLayout,p2 as createGridRenderer,a2 as createGridLayout,EJ as createEmitter,Uj as createDataManager,Xj as clearSelection,$J as clampScrollPosition,ej as calculateTotalHeight,O2 as calculateScrollToIndex,Oj as calculateRenderRange,g2 as calculateMissingRanges,JJ as calculateItemOffset,aj as calculateIndexFromScrollPosition,o2 as calculateCompressedVisibleRange,i2 as calculateCompressedScrollToIndex,sj as calculateCompressedRenderRange,H2 as calculateCompressedItemPosition,jJ as calculateActualHeight,u2 as buildLayoutItems,L2 as MAX_VIRTUAL_HEIGHT};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* vlist - Compression Sub-module
|
|
3
|
+
* Re-exports compression utilities for tree-shakeable imports
|
|
4
|
+
*
|
|
5
|
+
* Usage: import { getCompressionInfo } from 'vlist/compression'
|
|
6
|
+
* Usage: import { withCompression } from 'vlist/compression'
|
|
7
|
+
*/
|
|
8
|
+
export { MAX_VIRTUAL_HEIGHT, getCompressionState, needsCompression, getMaxItemsWithoutCompression, getCompressionInfo, calculateCompressedVisibleRange, calculateCompressedRenderRange, calculateCompressedItemPosition, calculateCompressedScrollToIndex, calculateIndexFromScrollPosition, type CompressionState, } from "../../render/compression";
|
|
9
|
+
export { withCompression } from "./plugin";
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/compression/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,6BAA6B,EAC7B,kBAAkB,EAClB,+BAA+B,EAC/B,8BAA8B,EAC9B,+BAA+B,EAC/B,gCAAgC,EAChC,gCAAgC,EAChC,KAAK,gBAAgB,GACtB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* vlist/compression - Builder Plugin
|
|
3
|
+
* Enables support for lists with 1M+ items by compressing the scroll space
|
|
4
|
+
* when the total height exceeds the browser's ~16.7M pixel limit.
|
|
5
|
+
*
|
|
6
|
+
* Priority: 20 (runs before scrollbar, after grid/groups)
|
|
7
|
+
*
|
|
8
|
+
* What it wires:
|
|
9
|
+
* - Scroll mode switch — transitions from native to compressed scrolling when needed
|
|
10
|
+
* - Scroll position mapping — maps compressed scroll positions to item indices
|
|
11
|
+
* - Item positioning — positions items relative to viewport in compressed mode
|
|
12
|
+
* - Custom scrollbar fallback — forces custom scrollbar in compressed mode
|
|
13
|
+
* - Near-bottom interpolation — smooth blending near the end of the list
|
|
14
|
+
* - Cached compression state — recalculates only when total item count changes
|
|
15
|
+
*
|
|
16
|
+
* No configuration needed — compression activates automatically when the total
|
|
17
|
+
* height exceeds the browser limit, and deactivates when items are removed.
|
|
18
|
+
*/
|
|
19
|
+
import type { VListItem } from "../../types";
|
|
20
|
+
import type { VListPlugin } from "../../builder/types";
|
|
21
|
+
/**
|
|
22
|
+
* Create a compression plugin for the builder.
|
|
23
|
+
*
|
|
24
|
+
* Enables support for lists with 1M+ items. No configuration needed —
|
|
25
|
+
* compression activates automatically when the total height exceeds
|
|
26
|
+
* the browser's ~16.7M pixel limit.
|
|
27
|
+
*
|
|
28
|
+
* ```ts
|
|
29
|
+
* import { vlist } from 'vlist/builder'
|
|
30
|
+
* import { withCompression } from 'vlist/compression'
|
|
31
|
+
*
|
|
32
|
+
* const list = vlist({
|
|
33
|
+
* container: '#app',
|
|
34
|
+
* item: { height: 48, template: renderItem },
|
|
35
|
+
* items: millionItems,
|
|
36
|
+
* })
|
|
37
|
+
* .use(withCompression())
|
|
38
|
+
* .build()
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
export declare const withCompression: <T extends VListItem = VListItem>() => VListPlugin<T>;
|
|
42
|
+
//# sourceMappingURL=plugin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/compression/plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,qBAAqB,CAAC;AAevE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,GAC1B,CAAC,SAAS,SAAS,GAAG,SAAS,OAC5B,WAAW,CAAC,CAAC,CA6QjB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* vlist - Data Domain
|
|
3
|
+
* Data management, sparse storage, and placeholder generation
|
|
4
|
+
*/
|
|
5
|
+
export { withData, type DataPluginConfig } from "./plugin";
|
|
6
|
+
export { createDataManager, mergeRanges, calculateMissingRanges, isPlaceholderItem, filterPlaceholders, countRealItems, type DataManager, type DataManagerConfig, type DataState, } from "./manager";
|
|
7
|
+
export { createSparseStorage, type SparseStorage, type SparseStorageConfig, type SparseStorageStats, } from "./sparse";
|
|
8
|
+
export { createPlaceholderManager, replacePlaceholders, type PlaceholderManager, type PlaceholderConfig, } from "./placeholder";
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/data/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG3D,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,SAAS,GACf,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,mBAAmB,EACnB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EACnB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC"}
|