@pdanpdan/virtual-scroll 0.2.1 → 0.3.0

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.
Files changed (15) hide show
  1. package/README.md +182 -88
  2. package/dist/index.cjs +2 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.d.ts +100 -35
  5. package/dist/index.js +1 -844
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +902 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/dist/virtual-scroll.css +2 -0
  10. package/package.json +8 -5
  11. package/src/components/VirtualScroll.test.ts +62 -15
  12. package/src/components/VirtualScroll.vue +83 -19
  13. package/src/composables/useVirtualScroll.test.ts +501 -68
  14. package/src/composables/useVirtualScroll.ts +150 -65
  15. package/dist/index.css +0 -2
package/dist/index.js CHANGED
@@ -1,845 +1,2 @@
1
- import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
2
- var FenwickTree = class {
3
- tree;
4
- values;
5
- constructor(e) {
6
- this.tree = new Float64Array(e + 1), this.values = new Float64Array(e);
7
- }
8
- update(e, t) {
9
- if (!(e < 0 || e >= this.values.length)) for (this.values[e] = this.values[e] + t, e++; e < this.tree.length;) this.tree[e] = this.tree[e] + t, e += e & -e;
10
- }
11
- query(e) {
12
- let t = 0;
13
- for (; e > 0;) t += this.tree[e] || 0, e -= e & -e;
14
- return t;
15
- }
16
- set(e, t) {
17
- e < 0 || e >= this.values.length || (this.values[e] = t);
18
- }
19
- get length() {
20
- return this.values.length;
21
- }
22
- get(e) {
23
- return this.values[e] || 0;
24
- }
25
- getValues() {
26
- return this.values;
27
- }
28
- findLowerBound(e) {
29
- let t = 0, n = this.tree.length, r = 1 << Math.floor(Math.log2(n - 1));
30
- for (; r > 0;) {
31
- let i = t + r;
32
- if (i < n) {
33
- let n = this.tree[i] || 0;
34
- n <= e && (t = i, e -= n);
35
- }
36
- r >>= 1;
37
- }
38
- return t;
39
- }
40
- rebuild() {
41
- this.tree.fill(0);
42
- for (let e = 0; e < this.values.length; e++) this.tree[e + 1] = this.values[e] || 0;
43
- for (let e = 1; e < this.tree.length; e++) {
44
- let t = e + (e & -e);
45
- t < this.tree.length && (this.tree[t] = this.tree[t] + this.tree[e]);
46
- }
47
- }
48
- resize(e) {
49
- if (e === this.values.length) return;
50
- let t = new Float64Array(e);
51
- t.set(this.values.subarray(0, Math.min(e, this.values.length))), this.values = t, this.tree = new Float64Array(e + 1), this.rebuild();
52
- }
53
- shift(e) {
54
- if (e === 0) return;
55
- let t = this.values.length, n = new Float64Array(t);
56
- e > 0 ? n.set(this.values.subarray(0, Math.min(t - e, this.values.length)), e) : n.set(this.values.subarray(-e)), this.values = n, this.rebuild();
57
- }
58
- };
59
- function isElement(e) {
60
- return !!e && "getBoundingClientRect" in e;
61
- }
62
- function isScrollableElement(e) {
63
- return !!e && "scrollLeft" in e;
64
- }
65
- function isScrollToIndexOptions(e) {
66
- return typeof e == "object" && !!e && ("align" in e || "behavior" in e || "isCorrection" in e);
67
- }
68
- function getPaddingX(e, t) {
69
- return typeof e == "object" && e ? e.x || 0 : t === "horizontal" && e || 0;
70
- }
71
- function getPaddingY(e, t) {
72
- return typeof e == "object" && e ? e.y || 0 : (t === "vertical" || t === "both") && e || 0;
73
- }
74
- const DEFAULT_ITEM_SIZE = 50, DEFAULT_COLUMN_WIDTH = 150, DEFAULT_BUFFER = 5;
75
- function useVirtualScroll(e) {
76
- let n = ref(0), r = ref(0), i = ref(!1), a = ref(!1), o = ref(!1), l = ref(!1), u = ref(0), p = ref(0), g = reactive({
77
- x: 0,
78
- y: 0
79
- }), _, v = ref(!1), y = new FenwickTree(e.value.items.length), b = new FenwickTree(e.value.items.length), S = new FenwickTree(e.value.columnCount || 0), D = ref(0), O = new Uint8Array(), k = new Uint8Array(), A = new Uint8Array(), j = ref(null), M = ref(!1), N = [], P = computed(() => e.value.itemSize === void 0 || e.value.itemSize === null || e.value.itemSize === 0), F = computed(() => e.value.columnWidth === void 0 || e.value.columnWidth === null || e.value.columnWidth === 0), I = computed(() => typeof e.value.itemSize == "number" && e.value.itemSize > 0 ? e.value.itemSize : null), L = computed(() => I.value || e.value.defaultItemSize || 50), R = computed(() => [...e.value.stickyIndices || []].sort((e, t) => e - t)), z = computed(() => {
80
- if (D.value, !a.value && e.value.ssrRange && !l.value) {
81
- let { start: t = 0, end: n = 0, colStart: r = 0, colEnd: i = 0 } = e.value.ssrRange, a = e.value.columnCount || 0;
82
- if (e.value.direction === "both" && a > 0) return S.query(i || a) - S.query(r);
83
- /* v8 ignore else -- @preserve */
84
- if (e.value.direction === "horizontal") return I.value === null ? y.query(n) - y.query(t) : (n - t) * (I.value + (e.value.columnGap || 0));
85
- }
86
- return e.value.direction === "both" && e.value.columnCount ? S.query(e.value.columnCount) : e.value.direction === "vertical" ? 0 : I.value === null ? y.query(e.value.items.length) : e.value.items.length * (I.value + (e.value.columnGap || 0));
87
- }), B = computed(() => {
88
- if (D.value, !a.value && e.value.ssrRange && !l.value) {
89
- let { start: t, end: n } = e.value.ssrRange;
90
- /* v8 ignore else -- @preserve */
91
- if (e.value.direction === "vertical" || e.value.direction === "both") return I.value === null ? b.query(n) - b.query(t) : (n - t) * (I.value + (e.value.gap || 0));
92
- }
93
- return e.value.direction === "horizontal" ? 0 : I.value === null ? b.query(e.value.items.length) : e.value.items.length * (I.value + (e.value.gap || 0));
94
- }), V = computed(() => {
95
- let t = e.value.direction === "horizontal" || e.value.direction === "both" ? getPaddingX(e.value.scrollPaddingStart, e.value.direction) : 0;
96
- return Math.max(0, n.value + t - g.x);
97
- }), H = computed(() => {
98
- let t = e.value.direction === "vertical" || e.value.direction === "both" ? getPaddingY(e.value.scrollPaddingStart, e.value.direction) : 0;
99
- return Math.max(0, r.value + t - g.y);
100
- }), U = (t) => {
101
- D.value;
102
- let n = e.value.columnWidth;
103
- return typeof n == "number" && n > 0 ? n : Array.isArray(n) && n.length > 0 ? n[t % n.length] || 150 : typeof n == "function" ? n(t) : S.get(t) || e.value.defaultColumnWidth || 150;
104
- }, W = (t, a, o) => {
105
- let s = typeof o == "object" && o && "isCorrection" in o ? o.isCorrection : !1;
106
- s || (j.value = {
107
- rowIndex: t,
108
- colIndex: a,
109
- options: o
110
- });
111
- let c = e.value.container || window, l = I.value, d = e.value.gap || 0, f = e.value.columnGap || 0, m, h;
112
- isScrollToIndexOptions(o) ? (m = o.align, h = o.behavior) : m = o;
113
- let _ = (typeof m == "object" ? m.x : m) || "auto", x = (typeof m == "object" ? m.y : m) || "auto", C = getPaddingX(e.value.scrollPaddingStart, e.value.direction), D = getPaddingX(e.value.scrollPaddingEnd, e.value.direction), O = getPaddingY(e.value.scrollPaddingStart, e.value.direction), k = getPaddingY(e.value.scrollPaddingEnd, e.value.direction), A = e.value.direction === "vertical" || e.value.direction === "both", M = e.value.direction === "horizontal" || e.value.direction === "both", N = u.value - (M ? C + D : 0), P = p.value - (A ? O + k : 0), F = V.value, L = H.value, R = 0, U = 0;
114
- if (t != null && (t >= e.value.items.length ? (L = B.value, U = 0) : (L = l === null ? b.query(t) : t * (l + d), U = l === null ? b.get(t) - d : l), x === "start" || (x === "center" ? L -= (P - U) / 2 : x === "end" ? L -= P - U : L >= H.value && L + U <= H.value + P || L < H.value || (L -= P - U))), a != null) {
115
- let t = e.value.columnCount || 0;
116
- a >= t && t > 0 ? (F = z.value, R = 0) : e.value.direction === "horizontal" ? (F = l === null ? y.query(a) : a * (l + f), R = l === null ? y.get(a) - f : l) : (F = S.query(a), R = S.get(a)), _ === "start" || (_ === "center" ? F -= (N - R) / 2 : _ === "end" ? F -= N - R : F >= V.value && F + R <= V.value + N || F < V.value || (F -= N - R));
117
- }
118
- F = Math.max(0, Math.min(F, Math.max(0, z.value - N))), L = Math.max(0, Math.min(L, Math.max(0, B.value - P)));
119
- let W = F + g.x - (M ? C : 0), G = L + g.y - (A ? O : 0), K = a == null || Math.abs(V.value - F) < 1, q = t == null || Math.abs(H.value - L) < 1;
120
- if (!K || !q) {
121
- let e = 0, n = 0, r = 0, i = 0, o = 0, s = 0;
122
- /* v8 ignore else -- @preserve */
123
- if (typeof window < "u") {
124
- if (c === window ? (e = window.scrollX, n = window.scrollY, r = document.documentElement.scrollWidth, i = document.documentElement.scrollHeight, o = window.innerWidth, s = window.innerHeight) : isElement(c) && (e = c.scrollLeft, n = c.scrollTop, r = c.scrollWidth, i = c.scrollHeight, o = c.clientWidth, s = c.clientHeight), !K && a != null) {
125
- let t = e <= 1 && W <= 1, n = e >= r - o - 1 && W >= r - o - 1;
126
- /* v8 ignore else -- @preserve */
127
- (t || n) && (K = !0);
128
- }
129
- if (!q && t != null) {
130
- let e = n <= 1 && G <= 1, t = n >= i - s - 1 && G >= i - s - 1;
131
- (e || t) && (q = !0);
132
- }
133
- }
134
- }
135
- let J = s ? "auto" : h || "smooth";
136
- if (v.value = !0, typeof window < "u" && c === window) window.scrollTo({
137
- left: a == null ? void 0 : Math.max(0, W),
138
- top: t == null ? void 0 : Math.max(0, G),
139
- behavior: J
140
- });
141
- else if (isScrollableElement(c)) {
142
- let e = { behavior: J };
143
- a != null && (e.left = Math.max(0, W)), t != null && (e.top = Math.max(0, G)), typeof c.scrollTo == "function" ? c.scrollTo(e) : (e.left !== void 0 && (c.scrollLeft = e.left), e.top !== void 0 && (c.scrollTop = e.top));
144
- }
145
- (J === "auto" || J === void 0) && (a != null && (n.value = Math.max(0, W)), t != null && (r.value = Math.max(0, G))), K && q && !i.value && (j.value = null);
146
- }, G = (t, i, a) => {
147
- let o = e.value.container || window;
148
- v.value = !0;
149
- let s = e.value.direction === "vertical" || e.value.direction === "both", c = e.value.direction === "horizontal" || e.value.direction === "both", l = getPaddingX(e.value.scrollPaddingStart, e.value.direction), d = getPaddingY(e.value.scrollPaddingStart, e.value.direction), f = getPaddingX(e.value.scrollPaddingEnd, e.value.direction), m = getPaddingY(e.value.scrollPaddingEnd, e.value.direction), h = u.value - (c ? l + f : 0), _ = p.value - (s ? d + m : 0), y = t == null ? null : c ? Math.max(0, Math.min(t, Math.max(0, z.value - h))) : Math.max(0, t), b = i == null ? null : s ? Math.max(0, Math.min(i, Math.max(0, B.value - _))) : Math.max(0, i), x = typeof window < "u" && o === window ? window.scrollX : o.scrollLeft, S = typeof window < "u" && o === window ? window.scrollY : o.scrollTop, C = y === null ? x : y + g.x - (c ? l : 0), w = b === null ? S : b + g.y - (s ? d : 0);
150
- if (typeof window < "u" && o === window) window.scrollTo({
151
- left: t == null ? void 0 : C,
152
- top: i == null ? void 0 : w,
153
- behavior: a?.behavior || "auto"
154
- });
155
- else if (isScrollableElement(o)) {
156
- let e = { behavior: a?.behavior || "auto" };
157
- t != null && (e.left = C), i != null && (e.top = w), typeof o.scrollTo == "function" ? o.scrollTo(e) : (e.left !== void 0 && (o.scrollLeft = e.left), e.top !== void 0 && (o.scrollTop = e.top));
158
- }
159
- (a?.behavior === "auto" || a?.behavior === void 0) && (t != null && (n.value = C), i != null && (r.value = w));
160
- }, K = () => {
161
- let t = e.value.items, n = t.length, r = e.value.columnCount || 0;
162
- if (y.resize(n), b.resize(n), S.resize(r), k.length !== n) {
163
- let e = new Uint8Array(n);
164
- e.set(k.subarray(0, Math.min(n, k.length))), k = e;
165
- }
166
- if (A.length !== n) {
167
- let e = new Uint8Array(n);
168
- e.set(A.subarray(0, Math.min(n, A.length))), A = e;
169
- }
170
- if (O.length !== r) {
171
- let e = new Uint8Array(r);
172
- e.set(O.subarray(0, Math.min(r, O.length))), O = e;
173
- }
174
- let i = 0;
175
- if (e.value.restoreScrollOnPrepend && N.length > 0 && n > N.length) {
176
- let e = N[0];
177
- /* v8 ignore else -- @preserve */
178
- if (e !== void 0) {
179
- for (let r = 1; r <= n - N.length; r++) if (t[r] === e) {
180
- i = r;
181
- break;
182
- }
183
- }
184
- }
185
- if (i > 0) {
186
- y.shift(i), b.shift(i), j.value && j.value.rowIndex !== null && j.value.rowIndex !== void 0 && (j.value.rowIndex += i);
187
- let r = new Uint8Array(n), a = new Uint8Array(n);
188
- r.set(k.subarray(0, Math.min(n - i, k.length)), i), a.set(A.subarray(0, Math.min(n - i, A.length)), i), k = r, A = a;
189
- let o = e.value.gap || 0, s = e.value.columnGap || 0, l = 0, u = 0;
190
- for (let n = 0; n < i; n++) {
191
- let r = typeof e.value.itemSize == "function" ? e.value.itemSize(t[n], n) : L.value;
192
- e.value.direction === "horizontal" ? l += r + s : u += r + o;
193
- }
194
- /* v8 ignore else -- @preserve */
195
- (l > 0 || u > 0) && nextTick(() => {
196
- G(l > 0 ? V.value + l : null, u > 0 ? H.value + u : null, { behavior: "auto" });
197
- });
198
- }
199
- if (r > 0) {
200
- let t = e.value.columnGap || 0, n = !1;
201
- for (let e = 0; e < r; e++) {
202
- let r = U(e), i = S.get(e);
203
- if (!F.value || i === 0) {
204
- let a = r + t;
205
- /* v8 ignore else -- @preserve */
206
- Math.abs(i - a) > .5 && (S.set(e, a), n = !0);
207
- }
208
- }
209
- n && S.rebuild();
210
- }
211
- let a = e.value.gap || 0, o = e.value.columnGap || 0, s = !1;
212
- for (let t = 0; t < n; t++) {
213
- let n = e.value.items[t], r = y.get(t), i = b.get(t);
214
- if (P.value && (r > 0 || i > 0)) continue;
215
- let c = typeof e.value.itemSize == "function" ? e.value.itemSize(n, t) : L.value, l = e.value.direction === "vertical", u = e.value.direction === "horizontal", d = e.value.direction === "both", f = u ? c + o : 0, p = l || d ? c + a : 0;
216
- Math.abs(r - f) > .5 && (y.set(t, f), s = !0), Math.abs(i - p) > .5 && (b.set(t, p), s = !0);
217
- }
218
- s && (y.rebuild(), b.rebuild()), N = [...t], M.value = !0, D.value++;
219
- }, q = () => {
220
- if (e.value.hostElement && typeof window < "u") {
221
- let t = e.value.hostElement.getBoundingClientRect(), n = e.value.container || window, r = 0, i = 0;
222
- if (n === window) r = t.left + window.scrollX, i = t.top + window.scrollY;
223
- else if (n === e.value.hostElement) r = 0, i = 0;
224
- else if (isElement(n)) {
225
- let e = n.getBoundingClientRect();
226
- r = t.left - e.left + n.scrollLeft, i = t.top - e.top + n.scrollTop;
227
- }
228
- (Math.abs(g.x - r) > .1 || Math.abs(g.y - i) > .1) && (g.x = r, g.y = i);
229
- }
230
- };
231
- watch([
232
- () => e.value.items.length,
233
- () => e.value.columnCount,
234
- () => e.value.columnWidth,
235
- () => e.value.itemSize,
236
- () => e.value.gap,
237
- () => e.value.columnGap
238
- ], K, { immediate: !0 }), watch(() => [e.value.container, e.value.hostElement], () => {
239
- q();
240
- });
241
- let J = computed(() => {
242
- if (D.value, (!a.value || o.value) && e.value.ssrRange) return {
243
- start: e.value.ssrRange.start,
244
- end: e.value.ssrRange.end
245
- };
246
- let t = e.value.direction || "vertical", n = e.value.ssrRange && !i.value ? 0 : e.value.bufferBefore ?? 5, r = e.value.bufferAfter ?? 5, s = e.value.gap || 0, c = e.value.columnGap || 0, l = I.value, d = getPaddingX(e.value.scrollPaddingStart, t), f = getPaddingX(e.value.scrollPaddingEnd, t), m = getPaddingY(e.value.scrollPaddingStart, t), h = getPaddingY(e.value.scrollPaddingEnd, t), g = t === "vertical" || t === "both", _ = t === "horizontal" || t === "both", v = u.value - (_ ? d + f : 0), x = p.value - (g ? m + h : 0), S = 0, C = e.value.items.length;
247
- if (g) if (l !== null) S = Math.floor(H.value / (l + s)), C = Math.ceil((H.value + x) / (l + s));
248
- else {
249
- S = b.findLowerBound(H.value);
250
- let t = b.query(S), n = S;
251
- for (; n < e.value.items.length && t < H.value + x;) t = b.query(++n);
252
- C = n;
253
- }
254
- else if (l !== null) S = Math.floor(V.value / (l + c)), C = Math.ceil((V.value + v) / (l + c));
255
- else {
256
- S = y.findLowerBound(V.value);
257
- let t = y.query(S), n = S;
258
- for (; n < e.value.items.length && t < V.value + v;) t = y.query(++n);
259
- C = n;
260
- }
261
- return {
262
- start: Math.max(0, S - n),
263
- end: Math.min(e.value.items.length, C + r)
264
- };
265
- }), Y = computed(() => {
266
- D.value;
267
- let t = I.value, n = e.value.gap || 0, r = e.value.columnGap || 0;
268
- return e.value.direction === "horizontal" ? t === null ? y.findLowerBound(V.value) : Math.floor(V.value / (t + r)) : t === null ? b.findLowerBound(H.value) : Math.floor(H.value / (t + n));
269
- }), X = computed(() => {
270
- D.value;
271
- let { start: t, end: n } = J.value, r = [], i = I.value, o = e.value.gap || 0, s = e.value.columnGap || 0, c = R.value, l = /* @__PURE__ */ new Set();
272
- for (let e = t; e < n; e++) l.add(e);
273
- if (a.value || !e.value.ssrRange) {
274
- let e = Y.value, r, i = 0, a = c.length - 1;
275
- for (; i <= a;) {
276
- let t = i + a >>> 1;
277
- c[t] < e ? (r = c[t], i = t + 1) : a = t - 1;
278
- }
279
- r !== void 0 && l.add(r);
280
- for (let e of c) e >= t && e < n && l.add(e);
281
- }
282
- let d = Array.from(l).sort((e, t) => e - t), f = e.value.ssrRange?.start || 0, m = e.value.ssrRange?.colStart || 0, h = 0, g = 0;
283
- !a.value && e.value.ssrRange && (g = e.value.direction === "vertical" || e.value.direction === "both" ? i === null ? b.query(f) : f * (i + o) : 0, e.value.direction === "horizontal" ? h = i === null ? y.query(m) : m * (i + s) : e.value.direction === "both" && (h = S.query(m)));
284
- for (let t of d) {
285
- let n = e.value.items[t];
286
- if (n === void 0) continue;
287
- let a = 0, l = 0, d = 0, f = 0;
288
- e.value.direction === "horizontal" ? (a = i === null ? y.query(t) : t * (i + s), d = i === null ? y.get(t) - s : i, f = p.value) : (l = (e.value.direction === "vertical" || e.value.direction === "both") && i !== null ? t * (i + o) : b.query(t), f = i === null ? b.get(t) - o : i, d = e.value.direction === "both" ? z.value : u.value);
289
- let m = c.includes(t), _ = a, v = l, x = !1, S = {
290
- x: 0,
291
- y: 0
292
- };
293
- if (m) {
294
- if (e.value.direction === "vertical" || e.value.direction === "both") {
295
- if (H.value > v) {
296
- x = !0;
297
- let e, n = 0, r = c.length - 1;
298
- for (; n <= r;) {
299
- let i = n + r >>> 1;
300
- c[i] > t ? (e = c[i], r = i - 1) : n = i + 1;
301
- }
302
- if (e !== void 0) {
303
- let t = (i === null ? b.query(e) : e * (i + o)) - H.value;
304
- /* v8 ignore else -- @preserve */
305
- t < f && (S.y = -(f - t));
306
- }
307
- }
308
- } else if (e.value.direction === "horizontal" && V.value > _) {
309
- x = !0;
310
- let e, n = 0, r = c.length - 1;
311
- for (; n <= r;) {
312
- let i = n + r >>> 1;
313
- c[i] > t ? (e = c[i], r = i - 1) : n = i + 1;
314
- }
315
- if (e !== void 0) {
316
- let t = (i === null ? y.query(e) : e * (i + s)) - V.value;
317
- /* v8 ignore else -- @preserve */
318
- t < d && (S.x = -(d - t));
319
- }
320
- }
321
- }
322
- r.push({
323
- item: n,
324
- index: t,
325
- offset: {
326
- x: _ - h,
327
- y: v - g
328
- },
329
- size: {
330
- width: d,
331
- height: f
332
- },
333
- originalX: _,
334
- originalY: v,
335
- isSticky: m,
336
- isStickyActive: x,
337
- stickyOffset: S
338
- });
339
- }
340
- return r;
341
- }), Z = computed(() => {
342
- D.value;
343
- let t = e.value.columnCount || 0;
344
- if (!t) return {
345
- start: 0,
346
- end: 0,
347
- padStart: 0,
348
- padEnd: 0
349
- };
350
- if ((!a.value || o.value) && e.value.ssrRange) {
351
- let { colStart: n = 0, colEnd: r = 0 } = e.value.ssrRange;
352
- return {
353
- start: Math.max(0, n),
354
- end: Math.min(t, r || t),
355
- padStart: 0,
356
- padEnd: 0
357
- };
358
- }
359
- let n = S.findLowerBound(V.value), r = S.query(n), s = n;
360
- for (; s < t && r < V.value + u.value;) r = S.query(++s);
361
- let c = e.value.ssrRange && !i.value ? 0 : 2, l = Math.max(0, n - c), d = Math.min(t, s + c);
362
- return {
363
- start: l,
364
- end: d,
365
- padStart: S.query(l),
366
- padEnd: S.query(t) - S.query(d)
367
- };
368
- }), ne = computed(() => {
369
- D.value;
370
- let t = I.value, n = e.value.columnGap || 0, r = 0;
371
- return (e.value.direction === "horizontal" || e.value.direction === "both") && (r = t === null ? y.findLowerBound(V.value) : Math.floor(V.value / (t + n))), {
372
- items: X.value,
373
- currentIndex: Y.value,
374
- currentColIndex: r,
375
- scrollOffset: {
376
- x: V.value,
377
- y: H.value
378
- },
379
- viewportSize: {
380
- width: u.value,
381
- height: p.value
382
- },
383
- totalSize: {
384
- width: z.value,
385
- height: B.value
386
- },
387
- isScrolling: i.value,
388
- isProgrammaticScroll: v.value,
389
- range: J.value,
390
- columnRange: Z.value
391
- };
392
- }), re = () => {
393
- v.value = !1, j.value = null;
394
- }, Q = (e) => {
395
- let t = e.target;
396
- typeof window > "u" || (t === window || t === document ? (n.value = window.scrollX, r.value = window.scrollY) : isScrollableElement(t) && (n.value = t.scrollLeft, r.value = t.scrollTop), i.value ||= (v.value || (j.value = null), !0), clearTimeout(_), _ = setTimeout(() => {
397
- i.value = !1, v.value = !1;
398
- }, 250));
399
- }, ie = (t) => {
400
- let n = !1, r = e.value.gap || 0, i = e.value.columnGap || 0;
401
- for (let { index: a, inlineSize: o, blockSize: s, element: c } of t) {
402
- if (P.value) {
403
- if (e.value.direction === "horizontal") {
404
- let e = y.get(a), t = o + i;
405
- Math.abs(e - t) > .5 && (t > e || !k[a]) && (y.update(a, t - e), k[a] = 1, n = !0);
406
- }
407
- if (e.value.direction === "vertical" || e.value.direction === "both") {
408
- let t = b.get(a), i = s + r;
409
- e.value.direction === "both" ? (i > t || !A[a]) && (b.update(a, i - t), A[a] = 1, n = !0) : Math.abs(t - i) > .5 && (i > t || !A[a]) && (b.update(a, i - t), A[a] = 1, n = !0);
410
- }
411
- }
412
- if (e.value.direction === "both" && c && e.value.columnCount && F.value) {
413
- let t = c.dataset.colIndex === void 0 ? Array.from(c.querySelectorAll("[data-col-index]")) : [c];
414
- for (let r of t) {
415
- let t = Number.parseInt(r.dataset.colIndex, 10);
416
- /* v8 ignore else -- @preserve */
417
- if (t >= 0 && t < (e.value.columnCount || 0)) {
418
- let e = r.offsetWidth, a = S.get(t), o = e + i;
419
- /* v8 ignore else -- @preserve */
420
- (o > a || !O[t]) && (S.update(t, o - a), O[t] = 1, n = !0);
421
- }
422
- }
423
- }
424
- }
425
- n && D.value++;
426
- }, ae = (e, t, n, r) => {
427
- ie([{
428
- index: e,
429
- inlineSize: t,
430
- blockSize: n,
431
- element: r
432
- }]);
433
- }, oe = () => {
434
- if (j.value && !o.value) {
435
- let { rowIndex: e, colIndex: t, options: n } = j.value;
436
- W(e, t, isScrollToIndexOptions(n) ? {
437
- ...n,
438
- isCorrection: !0
439
- } : {
440
- align: n,
441
- isCorrection: !0
442
- });
443
- }
444
- };
445
- watch(D, oe), watch(i, (e) => {
446
- e || oe();
447
- });
448
- let $ = null, se = (e) => {
449
- if (!e || typeof window > "u") return;
450
- let t = e === window ? document : e;
451
- if (t.addEventListener("scroll", Q, { passive: !0 }), e === window) {
452
- u.value = window.innerWidth, p.value = window.innerHeight, n.value = window.scrollX, r.value = window.scrollY;
453
- let e = () => {
454
- u.value = window.innerWidth, p.value = window.innerHeight, q();
455
- };
456
- return window.addEventListener("resize", e), () => {
457
- t.removeEventListener("scroll", Q), window.removeEventListener("resize", e);
458
- };
459
- } else return u.value = e.clientWidth, p.value = e.clientHeight, n.value = e.scrollLeft, r.value = e.scrollTop, $ = new ResizeObserver((t) => {
460
- for (let n of t)
461
- /* v8 ignore else -- @preserve */
462
- n.target === e && (u.value = e.clientWidth, p.value = e.clientHeight, q());
463
- }), $.observe(e), () => {
464
- t.removeEventListener("scroll", Q), $?.disconnect();
465
- };
466
- }, ce;
467
- return getCurrentInstance() && (onMounted(() => {
468
- l.value = !0, watch(() => e.value.container, (e) => {
469
- ce?.(), ce = se(e || null);
470
- }, { immediate: !0 }), q(), e.value.ssrRange || e.value.initialScrollIndex !== void 0 ? nextTick(() => {
471
- q();
472
- let t = e.value.initialScrollIndex === void 0 ? e.value.ssrRange?.start : e.value.initialScrollIndex, n = e.value.initialScrollAlign || "start";
473
- t != null && W(t, e.value.ssrRange?.colStart, {
474
- align: n,
475
- behavior: "auto"
476
- }), a.value = !0, o.value = !0, nextTick(() => {
477
- o.value = !1;
478
- });
479
- }) : a.value = !0;
480
- }), onUnmounted(() => {
481
- ce?.();
482
- })), {
483
- renderedItems: X,
484
- totalWidth: z,
485
- totalHeight: B,
486
- scrollDetails: ne,
487
- scrollToIndex: W,
488
- scrollToOffset: G,
489
- stopProgrammaticScroll: re,
490
- updateItemSize: ae,
491
- updateItemSizes: ie,
492
- updateHostOffset: q,
493
- columnRange: Z,
494
- getColumnWidth: U,
495
- refresh: () => {
496
- y.resize(0), b.resize(0), S.resize(0), O.fill(0), k.fill(0), A.fill(0), K();
497
- },
498
- isHydrated: a
499
- };
500
- }
501
- var _hoisted_1 = {
502
- key: 0,
503
- class: "virtual-scroll-debug-info"
504
- }, VirtualScroll_default = /* @__PURE__ */ ((e, t) => {
505
- let n = e.__vccOpts || e;
506
- for (let [e, r] of t) n[e] = r;
507
- return n;
508
- })(/* @__PURE__ */ defineComponent({
509
- __name: "VirtualScroll",
510
- props: {
511
- items: {},
512
- itemSize: {},
513
- direction: { default: "vertical" },
514
- bufferBefore: { default: 5 },
515
- bufferAfter: { default: 5 },
516
- container: {},
517
- ssrRange: {},
518
- columnCount: { default: 0 },
519
- columnWidth: {},
520
- containerTag: { default: "div" },
521
- wrapperTag: { default: "div" },
522
- itemTag: { default: "div" },
523
- scrollPaddingStart: { default: 0 },
524
- scrollPaddingEnd: { default: 0 },
525
- stickyHeader: {
526
- type: Boolean,
527
- default: !1
528
- },
529
- stickyFooter: {
530
- type: Boolean,
531
- default: !1
532
- },
533
- gap: { default: 0 },
534
- columnGap: { default: 0 },
535
- stickyIndices: { default: () => [] },
536
- loadDistance: { default: 50 },
537
- loading: {
538
- type: Boolean,
539
- default: !1
540
- },
541
- restoreScrollOnPrepend: {
542
- type: Boolean,
543
- default: !1
544
- },
545
- initialScrollIndex: {},
546
- initialScrollAlign: {},
547
- defaultItemSize: {},
548
- defaultColumnWidth: {},
549
- debug: {
550
- type: Boolean,
551
- default: !1
552
- }
553
- },
554
- emits: [
555
- "scroll",
556
- "load",
557
- "visibleRangeChange"
558
- ],
559
- setup(o, { expose: s, emit: c }) {
560
- let m = o, C = c, w = computed(() => m.debug), T = ref(null), E = ref(null), D = ref(null), O = ref(null), k = /* @__PURE__ */ new Map(), M = ref(0), N = ref(0), P = computed(() => {
561
- let e = m.container === void 0 ? T.value : m.container;
562
- return e === T.value || typeof window < "u" && (e === window || e === null);
563
- }), { isHydrated: F, columnRange: I, renderedItems: L, scrollDetails: R, totalHeight: z, totalWidth: B, getColumnWidth: V, scrollToIndex: H, scrollToOffset: U, updateHostOffset: W, updateItemSizes: G, refresh: K, stopProgrammaticScroll: q } = useVirtualScroll(computed(() => {
564
- let e = m.scrollPaddingStart, t = m.scrollPaddingEnd, n = typeof e == "object" ? e.x || 0 : m.direction === "horizontal" && e || 0, r = typeof e == "object" ? e.y || 0 : m.direction === "horizontal" ? 0 : e || 0, i = typeof t == "object" ? t.x || 0 : m.direction === "horizontal" && t || 0, a = typeof t == "object" ? t.y || 0 : m.direction === "horizontal" ? 0 : t || 0;
565
- /* v8 ignore stop -- @preserve */
566
- return {
567
- items: m.items,
568
- itemSize: m.itemSize,
569
- direction: m.direction,
570
- bufferBefore: m.bufferBefore,
571
- bufferAfter: m.bufferAfter,
572
- container: m.container === void 0 ? T.value : m.container,
573
- hostElement: E.value,
574
- ssrRange: m.ssrRange,
575
- columnCount: m.columnCount,
576
- columnWidth: m.columnWidth,
577
- scrollPaddingStart: {
578
- x: n,
579
- y: r + (m.stickyHeader && P.value ? M.value : 0)
580
- },
581
- scrollPaddingEnd: {
582
- x: i,
583
- y: a + (m.stickyFooter && P.value ? N.value : 0)
584
- },
585
- gap: m.gap,
586
- columnGap: m.columnGap,
587
- stickyIndices: m.stickyIndices,
588
- loadDistance: m.loadDistance,
589
- loading: m.loading,
590
- restoreScrollOnPrepend: m.restoreScrollOnPrepend,
591
- initialScrollIndex: m.initialScrollIndex,
592
- initialScrollAlign: m.initialScrollAlign,
593
- defaultItemSize: m.defaultItemSize,
594
- defaultColumnWidth: m.defaultColumnWidth,
595
- debug: w.value
596
- };
597
- }));
598
- watch(R, (e, t) => {
599
- F.value && (C("scroll", e), (!t || e.range.start !== t.range.start || e.range.end !== t.range.end || e.columnRange.start !== t.columnRange.start || e.columnRange.end !== t.columnRange.end) && C("visibleRangeChange", {
600
- start: e.range.start,
601
- end: e.range.end,
602
- colStart: e.columnRange.start,
603
- colEnd: e.columnRange.end
604
- }), !m.loading && (m.direction !== "horizontal" && e.totalSize.height - (e.scrollOffset.y + e.viewportSize.height) <= m.loadDistance && C("load", "vertical"), m.direction !== "vertical" && e.totalSize.width - (e.scrollOffset.x + e.viewportSize.width) <= m.loadDistance && C("load", "horizontal")));
605
- }), watch(F, (e) => {
606
- /* v8 ignore else -- @preserve */
607
- e && C("visibleRangeChange", {
608
- start: R.value.range.start,
609
- end: R.value.range.end,
610
- colStart: R.value.columnRange.start,
611
- colEnd: R.value.columnRange.end
612
- });
613
- }, { once: !0 });
614
- /* v8 ignore next 2 -- @preserve */
615
- let J = typeof window > "u" ? null : new ResizeObserver(W), Y = typeof window > "u" ? null : new ResizeObserver((e) => {
616
- let t = [];
617
- for (let n of e) {
618
- let e = n.target, r = Number(e.dataset.index);
619
- if (e.dataset.colIndex !== void 0) t.push({
620
- index: -1,
621
- inlineSize: 0,
622
- blockSize: 0,
623
- element: e
624
- });
625
- else if (!Number.isNaN(r)) {
626
- let i = n.contentRect.width, a = n.contentRect.height;
627
- n.borderBoxSize && n.borderBoxSize.length > 0 ? (i = n.borderBoxSize[0].inlineSize, a = n.borderBoxSize[0].blockSize) : (i = e.offsetWidth, a = e.offsetHeight), t.push({
628
- index: r,
629
- inlineSize: i,
630
- blockSize: a,
631
- element: e
632
- });
633
- }
634
- }
635
- /* v8 ignore else -- @preserve */
636
- t.length > 0 && G(t);
637
- }), X = typeof window > "u" ? null : new ResizeObserver(() => {
638
- M.value = D.value?.offsetHeight || 0, N.value = O.value?.offsetHeight || 0, W();
639
- });
640
- watch(D, (e, t) => {
641
- t && X?.unobserve(t), e && X?.observe(e);
642
- }, { immediate: !0 }), watch(O, (e, t) => {
643
- t && X?.unobserve(t), e && X?.observe(e);
644
- }, { immediate: !0 });
645
- let Z = computed(() => L.value[0]?.index);
646
- watch(Z, (e, t) => {
647
- if (m.direction === "both") {
648
- /* v8 ignore else -- @preserve */
649
- if (t !== void 0) {
650
- let e = k.get(t);
651
- e && e.querySelectorAll("[data-col-index]").forEach((e) => Y?.unobserve(e));
652
- }
653
- if (e !== void 0) {
654
- let t = k.get(e);
655
- /* v8 ignore else -- @preserve */
656
- t && t.querySelectorAll("[data-col-index]").forEach((e) => Y?.observe(e));
657
- }
658
- }
659
- }, { flush: "post" }), onMounted(() => {
660
- /* v8 ignore else -- @preserve */
661
- T.value && J?.observe(T.value);
662
- for (let e of k.values()) Y?.observe(e);
663
- /* v8 ignore else -- @preserve */
664
- if (Z.value !== void 0) {
665
- let e = k.get(Z.value);
666
- /* v8 ignore else -- @preserve */
667
- e && e.querySelectorAll("[data-col-index]").forEach((e) => Y?.observe(e));
668
- }
669
- }), watch([T, E], ([e], [t]) => {
670
- t && J?.unobserve(t), e && J?.observe(e);
671
- });
672
- function ne(e, t) {
673
- if (e) k.set(t, e), Y?.observe(e);
674
- else {
675
- let e = k.get(t);
676
- /* v8 ignore else -- @preserve */
677
- e && (Y?.unobserve(e), k.delete(t));
678
- }
679
- }
680
- function re(e) {
681
- q();
682
- let { viewportSize: t, scrollOffset: n } = R.value, r = m.direction !== "vertical", i = m.direction !== "horizontal";
683
- if (e.key === "Home") {
684
- e.preventDefault(), H(0, 0, "start");
685
- return;
686
- }
687
- if (e.key === "End") {
688
- e.preventDefault();
689
- let t = m.items.length - 1, n = (m.columnCount || 0) > 0 ? m.columnCount - 1 : 0;
690
- r ? i ? H(t, n, "end") : H(0, t, "end") : H(t, 0, "end");
691
- return;
692
- }
693
- if (e.key === "ArrowUp") {
694
- e.preventDefault(), U(null, n.y - 40);
695
- return;
696
- }
697
- if (e.key === "ArrowDown") {
698
- e.preventDefault(), U(null, n.y + 40);
699
- return;
700
- }
701
- if (e.key === "ArrowLeft") {
702
- e.preventDefault(), U(n.x - 40, null);
703
- return;
704
- }
705
- if (e.key === "ArrowRight") {
706
- e.preventDefault(), U(n.x + 40, null);
707
- return;
708
- }
709
- if (e.key === "PageUp") {
710
- e.preventDefault(), U(!i && r ? n.x - t.width : null, i ? n.y - t.height : null);
711
- return;
712
- }
713
- e.key === "PageDown" && (e.preventDefault(), U(!i && r ? n.x + t.width : null, i ? n.y + t.height : null));
714
- }
715
- onUnmounted(() => {
716
- J?.disconnect(), Y?.disconnect(), X?.disconnect();
717
- });
718
- let Q = computed(() => {
719
- let e = m.container;
720
- return e === null || typeof window < "u" && e === window ? !0 : e && typeof e == "object" && "tagName" in e ? e.tagName === "BODY" : !1;
721
- }), ie = computed(() => Q.value ? { ...m.direction === "vertical" ? {} : { whiteSpace: "nowrap" } } : m.containerTag === "table" ? { minInlineSize: m.direction === "vertical" ? "100%" : "auto" } : { ...m.direction === "vertical" ? {} : { whiteSpace: "nowrap" } }), ae = computed(() => ({
722
- inlineSize: m.direction === "vertical" ? "100%" : `${B.value}px`,
723
- blockSize: m.direction === "horizontal" ? "100%" : `${z.value}px`
724
- })), oe = computed(() => {
725
- let e = m.direction === "horizontal";
726
- return {
727
- display: e ? "inline-block" : "block",
728
- ...e ? {
729
- blockSize: "100%",
730
- verticalAlign: "top"
731
- } : { inlineSize: "100%" }
732
- };
733
- }), $ = computed(() => ({
734
- inlineSize: m.direction === "vertical" ? "1px" : `${B.value}px`,
735
- blockSize: m.direction === "horizontal" ? "1px" : `${z.value}px`
736
- }));
737
- function se(e) {
738
- let t = m.direction === "vertical", n = m.direction === "horizontal", r = m.direction === "both", i = m.itemSize === void 0 || m.itemSize === null || m.itemSize === 0, a = { blockSize: n ? "100%" : i ? "auto" : `${e.size.height}px` };
739
- return t && m.containerTag === "table" ? a.minInlineSize = "100%" : a.inlineSize = t ? "100%" : i ? "auto" : `${e.size.width}px`, i && (t || (a.minInlineSize = `${e.size.width}px`), n || (a.minBlockSize = `${e.size.height}px`)), F.value && (e.isStickyActive ? ((t || r) && (a.insetBlockStart = `${getPaddingY(m.scrollPaddingStart, m.direction)}px`), (n || r) && (a.insetInlineStart = `${getPaddingX(m.scrollPaddingStart, m.direction)}px`), a.transform = `translate(${e.stickyOffset.x}px, ${e.stickyOffset.y}px)`) : a.transform = `translate(${e.offset.x}px, ${e.offset.y}px)`), a;
740
- }
741
- return s({
742
- scrollDetails: R,
743
- columnRange: I,
744
- getColumnWidth: V,
745
- scrollToIndex: H,
746
- scrollToOffset: U,
747
- refresh: K,
748
- stopProgrammaticScroll: q
749
- }), (t, s) => (openBlock(), createBlock(resolveDynamicComponent(o.containerTag), {
750
- ref_key: "hostRef",
751
- ref: T,
752
- class: normalizeClass(["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
753
- "virtual-scroll--hydrated": unref(F),
754
- "virtual-scroll--window": Q.value,
755
- "virtual-scroll--table": o.containerTag === "table"
756
- }]]),
757
- style: normalizeStyle(ie.value),
758
- tabindex: "0",
759
- onKeydown: re,
760
- onWheelPassive: unref(q),
761
- onPointerdownPassive: unref(q),
762
- onTouchstartPassive: unref(q)
763
- }, {
764
- default: withCtx(() => [
765
- t.$slots.header ? (openBlock(), createBlock(resolveDynamicComponent(o.containerTag === "table" ? "thead" : "div"), {
766
- key: 0,
767
- ref_key: "headerRef",
768
- ref: D,
769
- class: normalizeClass(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }])
770
- }, {
771
- default: withCtx(() => [renderSlot(t.$slots, "header", {}, void 0, !0)]),
772
- _: 3
773
- }, 8, ["class"])) : createCommentVNode("", !0),
774
- (openBlock(), createBlock(resolveDynamicComponent(o.wrapperTag), {
775
- ref_key: "wrapperRef",
776
- ref: E,
777
- class: "virtual-scroll-wrapper",
778
- style: normalizeStyle(ae.value)
779
- }, {
780
- default: withCtx(() => [o.containerTag === "table" ? (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
781
- key: 0,
782
- class: "virtual-scroll-spacer",
783
- style: normalizeStyle($.value)
784
- }, {
785
- default: withCtx(() => [...s[0] ||= [createElementVNode("td", { style: {
786
- padding: "0",
787
- border: "none",
788
- "block-size": "inherit"
789
- } }, null, -1)]]),
790
- _: 1
791
- }, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(L), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
792
- key: e.index,
793
- ref_for: !0,
794
- ref: (t) => ne(t, e.index),
795
- "data-index": e.index,
796
- class: normalizeClass(["virtual-scroll-item", {
797
- "virtual-scroll--sticky": e.isStickyActive,
798
- "virtual-scroll--debug": w.value
799
- }]),
800
- style: normalizeStyle(se(e))
801
- }, {
802
- default: withCtx(() => [renderSlot(t.$slots, "item", {
803
- item: e.item,
804
- index: e.index,
805
- columnRange: unref(I),
806
- getColumnWidth: unref(V),
807
- isSticky: e.isSticky,
808
- isStickyActive: e.isStickyActive
809
- }, void 0, !0), w.value ? (openBlock(), createElementBlock("div", _hoisted_1, " #" + toDisplayString(e.index) + " (" + toDisplayString(Math.round(e.offset.x)) + ", " + toDisplayString(Math.round(e.offset.y)) + ") ", 1)) : createCommentVNode("", !0)]),
810
- _: 2
811
- }, 1032, [
812
- "data-index",
813
- "class",
814
- "style"
815
- ]))), 128))]),
816
- _: 3
817
- }, 8, ["style"])),
818
- o.loading && t.$slots.loading ? (openBlock(), createElementBlock("div", {
819
- key: 1,
820
- class: "virtual-scroll-loading",
821
- style: normalizeStyle(oe.value)
822
- }, [renderSlot(t.$slots, "loading", {}, void 0, !0)], 4)) : createCommentVNode("", !0),
823
- t.$slots.footer ? (openBlock(), createBlock(resolveDynamicComponent(o.containerTag === "table" ? "tfoot" : "div"), {
824
- key: 2,
825
- ref_key: "footerRef",
826
- ref: O,
827
- class: normalizeClass(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }])
828
- }, {
829
- default: withCtx(() => [renderSlot(t.$slots, "footer", {}, void 0, !0)]),
830
- _: 3
831
- }, 8, ["class"])) : createCommentVNode("", !0)
832
- ]),
833
- _: 3
834
- }, 40, [
835
- "class",
836
- "style",
837
- "onWheelPassive",
838
- "onPointerdownPassive",
839
- "onTouchstartPassive"
840
- ]));
841
- }
842
- }), [["__scopeId", "data-v-105a0cd5"]]);
843
- export { DEFAULT_BUFFER, DEFAULT_COLUMN_WIDTH, DEFAULT_ITEM_SIZE, FenwickTree, VirtualScroll_default as VirtualScroll, getPaddingX, getPaddingY, isElement, isScrollToIndexOptions, isScrollableElement, useVirtualScroll };
844
-
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VirtualScroll={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=class{tree;values;constructor(e){this.tree=new Float64Array(e+1),this.values=new Float64Array(e)}update(e,t){if(!(e<0||e>=this.values.length))for(this.values[e]=this.values[e]+t,e++;e<this.tree.length;)this.tree[e]=this.tree[e]+t,e+=e&-e}query(e){let t=0;for(;e>0;)t+=this.tree[e]||0,e-=e&-e;return t}set(e,t){e<0||e>=this.values.length||(this.values[e]=t)}get length(){return this.values.length}get(e){return this.values[e]||0}getValues(){return this.values}findLowerBound(e){let t=0,n=this.tree.length,r=1<<Math.floor(Math.log2(n-1));for(;r>0;){let i=t+r;if(i<n){let n=this.tree[i]||0;n<=e&&(t=i,e-=n)}r>>=1}return t}rebuild(){this.tree.fill(0);for(let e=0;e<this.values.length;e++)this.tree[e+1]=this.values[e]||0;for(let e=1;e<this.tree.length;e++){let t=e+(e&-e);t<this.tree.length&&(this.tree[t]=this.tree[t]+this.tree[e])}}resize(e){if(e===this.values.length)return;let t=new Float64Array(e);t.set(this.values.subarray(0,Math.min(e,this.values.length))),this.values=t,this.tree=new Float64Array(e+1),this.rebuild()}shift(e){if(e===0)return;let t=this.values.length,n=new Float64Array(t);e>0?n.set(this.values.subarray(0,Math.min(t-e,this.values.length)),e):n.set(this.values.subarray(-e)),this.values=n,this.rebuild()}};function r(e){return!!e&&`getBoundingClientRect`in e}function i(e){return!!e&&`scrollLeft`in e}function a(e){return typeof e==`object`&&!!e&&(`align`in e||`behavior`in e||`isCorrection`in e)}function o(e,t){return typeof e==`object`&&e?e.x||0:t===`horizontal`&&e||0}function s(e,t){return typeof e==`object`&&e?e.y||0:(t===`vertical`||t===`both`)&&e||0}function c(e){let c=(0,t.ref)(0),l=(0,t.ref)(0),u=(0,t.ref)(!1),d=(0,t.ref)(!1),f=(0,t.ref)(!1),p=(0,t.ref)(!1),m=(0,t.ref)(0),h=(0,t.ref)(0),g=(0,t.reactive)({x:0,y:0}),_,v=(0,t.ref)(!1),y=new n(e.value.items.length),b=new n(e.value.items.length),x=new n(e.value.columnCount||0),S=(0,t.ref)(0),C=new Uint8Array,w=new Uint8Array,T=new Uint8Array,E=(0,t.ref)(null),D=(0,t.ref)(!1),O=[],k=(0,t.computed)(()=>e.value.itemSize===void 0||e.value.itemSize===null||e.value.itemSize===0),A=(0,t.computed)(()=>e.value.columnWidth===void 0||e.value.columnWidth===null||e.value.columnWidth===0),j=(0,t.computed)(()=>typeof e.value.itemSize==`number`&&e.value.itemSize>0?e.value.itemSize:null),M=(0,t.computed)(()=>e.value.defaultItemSize||j.value||40),N=(0,t.computed)(()=>[...e.value.stickyIndices||[]].sort((e,t)=>e-t)),P=(0,t.computed)(()=>{if(S.value,!d.value&&e.value.ssrRange&&!p.value){let{start:t=0,end:n=0,colStart:r=0,colEnd:i=0}=e.value.ssrRange,a=e.value.columnCount||0;if(e.value.direction===`both`){if(a<=0)return 0;let t=i||a,n=x.query(t)-x.query(r);return Math.max(0,n-(t>r&&e.value.columnGap||0))}if(e.value.direction===`horizontal`){if(j.value!==null){let r=n-t;return Math.max(0,r*(j.value+(e.value.columnGap||0))-(r>0&&e.value.columnGap||0))}let r=y.query(n)-y.query(t);return Math.max(0,r-(n>t&&e.value.columnGap||0))}}if(e.value.direction===`both`){let t=e.value.columnCount||0;if(t<=0)return 0;let n=x.query(t);return Math.max(0,n-(e.value.columnGap||0))}if(e.value.direction===`vertical`)return 0;if(j.value!==null){let t=e.value.items.length;return Math.max(0,t*(j.value+(e.value.columnGap||0))-(t>0&&e.value.columnGap||0))}let t=y.query(e.value.items.length);return Math.max(0,t-(e.value.items.length>0&&e.value.columnGap||0))}),F=(0,t.computed)(()=>{if(S.value,!d.value&&e.value.ssrRange&&!p.value){let{start:t,end:n}=e.value.ssrRange;if(e.value.direction===`vertical`||e.value.direction===`both`){if(j.value!==null){let r=n-t;return Math.max(0,r*(j.value+(e.value.gap||0))-(r>0&&e.value.gap||0))}let r=b.query(n)-b.query(t);return Math.max(0,r-(n>t&&e.value.gap||0))}}if(e.value.direction===`horizontal`)return 0;if(j.value!==null){let t=e.value.items.length;return Math.max(0,t*(j.value+(e.value.gap||0))-(t>0&&e.value.gap||0))}let t=b.query(e.value.items.length);return Math.max(0,t-(e.value.items.length>0&&e.value.gap||0))}),I=(0,t.computed)(()=>{let t=e.value.direction===`horizontal`||e.value.direction===`both`?o(e.value.scrollPaddingStart,e.value.direction):0;return Math.max(0,c.value+t-g.x)}),L=(0,t.computed)(()=>{let t=e.value.direction===`vertical`||e.value.direction===`both`?s(e.value.scrollPaddingStart,e.value.direction):0;return Math.max(0,l.value+t-g.y)}),R=t=>{S.value;let n=e.value.columnWidth;if(typeof n==`number`&&n>0)return n;if(Array.isArray(n)&&n.length>0){let r=n[t%n.length];return r!=null&&r>0?r:e.value.defaultColumnWidth||100}return typeof n==`function`?n(t):x.get(t)||e.value.defaultColumnWidth||100},z=(t,n,d)=>{let f=typeof d==`object`&&d&&`isCorrection`in d?d.isCorrection:!1;f||(E.value={rowIndex:t,colIndex:n,options:d});let p=e.value.container||window,_=j.value,S=e.value.gap||0,C=e.value.columnGap||0,w,T;a(d)?(w=d.align,T=d.behavior):w=d;let D=(typeof w==`object`?w.x:w)||`auto`,O=(typeof w==`object`?w.y:w)||`auto`,k=o(e.value.scrollPaddingStart,e.value.direction),A=o(e.value.scrollPaddingEnd,e.value.direction),M=s(e.value.scrollPaddingStart,e.value.direction),N=s(e.value.scrollPaddingEnd,e.value.direction),R=e.value.direction===`vertical`||e.value.direction===`both`,z=e.value.direction===`horizontal`||e.value.direction===`both`,B=m.value-(z?k+A:0),V=h.value-(R?M+N:0),H=I.value,U=L.value,W=0,G=0;if(t!=null&&(t>=e.value.items.length?(U=F.value,G=0):(U=_===null?b.query(t):t*(_+S),G=_===null?b.get(t)-S:_),O===`start`||(O===`center`?U-=(V-G)/2:O===`end`?U-=V-G:U>=L.value&&U+G<=L.value+V||U<L.value||(U-=V-G))),n!=null){let t=e.value.columnCount||0;n>=t&&t>0?(H=P.value,W=0):e.value.direction===`horizontal`?(H=_===null?y.query(n):n*(_+C),W=_===null?y.get(n)-C:_):(H=x.query(n),W=x.get(n)-C),D===`start`||(D===`center`?H-=(B-W)/2:D===`end`?H-=B-W:H>=I.value&&H+W<=I.value+B||H<I.value||(H-=B-W))}H=Math.max(0,Math.min(H,Math.max(0,P.value-B))),U=Math.max(0,Math.min(U,Math.max(0,F.value-V)));let K=H+g.x-(z?k:0),q=U+g.y-(R?M:0),J=n==null||Math.abs(I.value-H)<1,Y=t==null||Math.abs(L.value-U)<1;if(!J||!Y){let e=0,i=0,a=0,o=0,s=0,c=0;if(typeof window<`u`){if(p===window?(e=window.scrollX,i=window.scrollY,a=document.documentElement.scrollWidth,o=document.documentElement.scrollHeight,s=window.innerWidth,c=window.innerHeight):r(p)&&(e=p.scrollLeft,i=p.scrollTop,a=p.scrollWidth,o=p.scrollHeight,s=p.clientWidth,c=p.clientHeight),!J&&n!=null){let t=e<=1&&K<=1,n=e>=a-s-1&&K>=a-s-1;(t||n)&&(J=!0)}if(!Y&&t!=null){let e=i<=1&&q<=1,t=i>=o-c-1&&q>=o-c-1;(e||t)&&(Y=!0)}}}let X=f?`auto`:T||`smooth`;if(v.value=!0,typeof window<`u`&&p===window)window.scrollTo({left:n==null?void 0:Math.max(0,K),top:t==null?void 0:Math.max(0,q),behavior:X});else if(i(p)){let e={behavior:X};n!=null&&(e.left=Math.max(0,K)),t!=null&&(e.top=Math.max(0,q)),typeof p.scrollTo==`function`?p.scrollTo(e):(e.left!==void 0&&(p.scrollLeft=e.left),e.top!==void 0&&(p.scrollTop=e.top))}(X===`auto`||X===void 0)&&(n!=null&&(c.value=Math.max(0,K)),t!=null&&(l.value=Math.max(0,q))),J&&Y&&!u.value&&(E.value=null)},B=(t,n,r)=>{let a=e.value.container||window;v.value=!0;let u=e.value.direction===`vertical`||e.value.direction===`both`,d=e.value.direction===`horizontal`||e.value.direction===`both`,f=o(e.value.scrollPaddingStart,e.value.direction),p=s(e.value.scrollPaddingStart,e.value.direction),_=o(e.value.scrollPaddingEnd,e.value.direction),y=s(e.value.scrollPaddingEnd,e.value.direction),b=m.value-(d?f+_:0),x=h.value-(u?p+y:0),S=t==null?null:d?Math.max(0,Math.min(t,Math.max(0,P.value-b))):Math.max(0,t),C=n==null?null:u?Math.max(0,Math.min(n,Math.max(0,F.value-x))):Math.max(0,n),w=typeof window<`u`&&a===window?window.scrollX:a.scrollLeft,T=typeof window<`u`&&a===window?window.scrollY:a.scrollTop,E=S===null?w:S+g.x-(d?f:0),D=C===null?T:C+g.y-(u?p:0);if(typeof window<`u`&&a===window)window.scrollTo({left:t==null?void 0:E,top:n==null?void 0:D,behavior:r?.behavior||`auto`});else if(i(a)){let e={behavior:r?.behavior||`auto`};t!=null&&(e.left=E),n!=null&&(e.top=D),typeof a.scrollTo==`function`?a.scrollTo(e):(e.left!==void 0&&(a.scrollLeft=e.left),e.top!==void 0&&(a.scrollTop=e.top))}(r?.behavior===`auto`||r?.behavior===void 0)&&(t!=null&&(c.value=E),n!=null&&(l.value=D))},V=()=>{let n=e.value.items,r=n.length,i=e.value.columnCount||0;if(y.resize(r),b.resize(r),x.resize(i),w.length!==r){let e=new Uint8Array(r);e.set(w.subarray(0,Math.min(r,w.length))),w=e}if(T.length!==r){let e=new Uint8Array(r);e.set(T.subarray(0,Math.min(r,T.length))),T=e}if(C.length!==i){let e=new Uint8Array(i);e.set(C.subarray(0,Math.min(i,C.length))),C=e}let a=0;if(e.value.restoreScrollOnPrepend&&O.length>0&&r>O.length){let e=O[0];if(e!==void 0){for(let t=1;t<=r-O.length;t++)if(n[t]===e){a=t;break}}}if(a>0){y.shift(a),b.shift(a),E.value&&E.value.rowIndex!==null&&E.value.rowIndex!==void 0&&(E.value.rowIndex+=a);let i=new Uint8Array(r),o=new Uint8Array(r);i.set(w.subarray(0,Math.min(r-a,w.length)),a),o.set(T.subarray(0,Math.min(r-a,T.length)),a),w=i,T=o;let s=e.value.gap||0,c=e.value.columnGap||0,l=0,u=0;for(let t=0;t<a;t++){let r=typeof e.value.itemSize==`function`?e.value.itemSize(n[t],t):M.value;e.value.direction===`horizontal`?l+=r+c:u+=r+s}(l>0||u>0)&&(0,t.nextTick)(()=>{B(l>0?I.value+l:null,u>0?L.value+u:null,{behavior:`auto`})})}if(i>0){let t=e.value.columnGap||0,n=!1;for(let e=0;e<i;e++){let r=R(e),i=x.get(e),a=C[e]===1;if(!A.value||!a||i===0){let a=r+t;Math.abs(i-a)>.5?(x.set(e,a),C[e]=A.value?0:1,n=!0):A.value||(C[e]=1)}}n&&x.rebuild()}let o=e.value.gap||0,s=e.value.columnGap||0,c=!1;for(let t=0;t<r;t++){let n=e.value.items[t],r=y.get(t),i=b.get(t),a=typeof e.value.itemSize==`function`?e.value.itemSize(n,t):M.value,l=e.value.direction===`vertical`,u=e.value.direction===`horizontal`,d=e.value.direction===`both`,f=u?a+s:0,p=l||d?a+o:0,m=w[t]===1,h=T[t]===1;u?(!k.value||!m||r===0)&&(Math.abs(r-f)>.5?(y.set(t,f),w[t]=k.value?0:1,c=!0):k.value||(w[t]=1)):r!==0&&(y.set(t,0),w[t]=0,c=!0),l||d?(!k.value||!h||i===0)&&(Math.abs(i-p)>.5?(b.set(t,p),T[t]=k.value?0:1,c=!0):k.value||(T[t]=1)):i!==0&&(b.set(t,0),T[t]=0,c=!0)}c&&(y.rebuild(),b.rebuild()),O=[...n],D.value=!0,S.value++},H=()=>{if(e.value.hostElement&&typeof window<`u`){let t=e.value.hostElement.getBoundingClientRect(),n=e.value.container||window,i=0,a=0;if(n===window)i=t.left+window.scrollX,a=t.top+window.scrollY;else if(n===e.value.hostElement)i=0,a=0;else if(r(n)){let e=n.getBoundingClientRect();i=t.left-e.left+n.scrollLeft,a=t.top-e.top+n.scrollTop}(Math.abs(g.x-i)>.1||Math.abs(g.y-a)>.1)&&(g.x=i,g.y=a)}};(0,t.watch)([()=>e.value.items,()=>e.value.direction,()=>e.value.columnCount,()=>e.value.columnWidth,()=>e.value.itemSize,()=>e.value.gap,()=>e.value.columnGap,()=>e.value.defaultItemSize,()=>e.value.defaultColumnWidth],V,{immediate:!0}),(0,t.watch)(()=>[e.value.container,e.value.hostElement],()=>{H()});let U=(0,t.computed)(()=>{if(S.value,(!d.value||f.value)&&e.value.ssrRange)return{start:e.value.ssrRange.start,end:e.value.ssrRange.end};let t=e.value.direction||`vertical`,n=e.value.ssrRange&&!u.value?0:e.value.bufferBefore??5,r=e.value.bufferAfter??5,i=e.value.gap||0,a=e.value.columnGap||0,c=j.value,l=o(e.value.scrollPaddingStart,t),p=o(e.value.scrollPaddingEnd,t),g=s(e.value.scrollPaddingStart,t),_=s(e.value.scrollPaddingEnd,t),v=t===`vertical`||t===`both`,x=t===`horizontal`||t===`both`,C=m.value-(x?l+p:0),w=h.value-(v?g+_:0),T=0,E=e.value.items.length;if(v)if(c!==null)T=Math.floor(L.value/(c+i)),E=Math.ceil((L.value+w)/(c+i));else{T=b.findLowerBound(L.value);let t=b.query(T),n=T;for(;n<e.value.items.length&&t<L.value+w;)t=b.query(++n);E=n}else if(c!==null)T=Math.floor(I.value/(c+a)),E=Math.ceil((I.value+C)/(c+a));else{T=y.findLowerBound(I.value);let t=y.query(T),n=T;for(;n<e.value.items.length&&t<I.value+C;)t=y.query(++n);E=n}return{start:Math.max(0,T-n),end:Math.min(e.value.items.length,E+r)}}),W=(0,t.computed)(()=>{S.value;let t=j.value,n=e.value.gap||0,r=e.value.columnGap||0;return e.value.direction===`horizontal`?t===null?y.findLowerBound(I.value):Math.floor(I.value/(t+r)):t===null?b.findLowerBound(L.value):Math.floor(L.value/(t+n))}),G=(0,t.computed)(()=>{S.value;let{start:t,end:n}=U.value,r=[],i=j.value,a=e.value.gap||0,o=e.value.columnGap||0,s=N.value,c=new Set;for(let e=t;e<n;e++)c.add(e);if(d.value||!e.value.ssrRange){let e=W.value,r,i=0,a=s.length-1;for(;i<=a;){let t=i+a>>>1;s[t]<e?(r=s[t],i=t+1):a=t-1}r!==void 0&&c.add(r);for(let e of s)e>=t&&e<n&&c.add(e)}let l=Array.from(c).sort((e,t)=>e-t),u=e.value.ssrRange?.start||0,f=e.value.ssrRange?.colStart||0,p=0,g=0;!d.value&&e.value.ssrRange&&(g=e.value.direction===`vertical`||e.value.direction===`both`?i===null?b.query(u):u*(i+a):0,e.value.direction===`horizontal`?p=i===null?y.query(f):f*(i+o):e.value.direction===`both`&&(p=x.query(f)));for(let t of l){let n=e.value.items[t];if(n===void 0)continue;let c=0,l=0,u=0,d=0;e.value.direction===`horizontal`?(c=i===null?y.query(t):t*(i+o),u=i===null?y.get(t)-o:i,d=h.value):(l=(e.value.direction===`vertical`||e.value.direction===`both`)&&i!==null?t*(i+a):b.query(t),d=i===null?b.get(t)-a:i,u=e.value.direction===`both`?P.value:m.value);let f=s.includes(t),_=c,v=l,x=!1,S={x:0,y:0};if(f){if(e.value.direction===`vertical`||e.value.direction===`both`){if(L.value>v){x=!0;let e,n=0,r=s.length-1;for(;n<=r;){let i=n+r>>>1;s[i]>t?(e=s[i],r=i-1):n=i+1}if(e!==void 0){let t=(i===null?b.query(e):e*(i+a))-L.value;t<d&&(S.y=-(d-t))}}}else if(e.value.direction===`horizontal`&&I.value>_){x=!0;let e,n=0,r=s.length-1;for(;n<=r;){let i=n+r>>>1;s[i]>t?(e=s[i],r=i-1):n=i+1}if(e!==void 0){let t=(i===null?y.query(e):e*(i+o))-I.value;t<u&&(S.x=-(u-t))}}}r.push({item:n,index:t,offset:{x:_-p,y:v-g},size:{width:u,height:d},originalX:_,originalY:v,isSticky:f,isStickyActive:x,stickyOffset:S})}return r}),K=(0,t.computed)(()=>{S.value;let t=e.value.columnCount||0;if(!t)return{start:0,end:0,padStart:0,padEnd:0};if((!d.value||f.value)&&e.value.ssrRange){let{colStart:n=0,colEnd:r=0}=e.value.ssrRange;return{start:Math.max(0,n),end:Math.min(t,r||t),padStart:0,padEnd:0}}let n=x.findLowerBound(I.value),r=x.query(n),i=n;for(;i<t&&r<I.value+m.value;)r=x.query(++i);let a=e.value.ssrRange&&!u.value?0:2,o=Math.max(0,n-a),s=Math.min(t,i+a);return{start:o,end:s,padStart:x.query(o),padEnd:x.query(t)-x.query(s)}}),q=(0,t.computed)(()=>{S.value;let t=j.value,n=e.value.columnGap||0,r=0;return(e.value.direction===`horizontal`||e.value.direction===`both`)&&(r=t===null?y.findLowerBound(I.value):Math.floor(I.value/(t+n))),{items:G.value,currentIndex:W.value,currentColIndex:r,scrollOffset:{x:I.value,y:L.value},viewportSize:{width:m.value,height:h.value},totalSize:{width:P.value,height:F.value},isScrolling:u.value,isProgrammaticScroll:v.value,range:U.value,columnRange:K.value}}),J=()=>{v.value=!1,E.value=null},Y=e=>{let t=e.target;typeof window>`u`||(t===window||t===document?(c.value=window.scrollX,l.value=window.scrollY):i(t)&&(c.value=t.scrollLeft,l.value=t.scrollTop),u.value||=(v.value||(E.value=null),!0),clearTimeout(_),_=setTimeout(()=>{u.value=!1,v.value=!1},250))},X=t=>{let n=!1,r=e.value.gap||0,i=e.value.columnGap||0;for(let{index:a,inlineSize:o,blockSize:s,element:c}of t){if((k.value||typeof e.value.itemSize==`function`)&&a>=0){if(e.value.direction===`horizontal`){let e=y.get(a),t=o+i;(!w[a]||Math.abs(t-e)>.5)&&(y.update(a,t-e),w[a]=1,n=!0)}if(e.value.direction===`vertical`||e.value.direction===`both`){let t=b.get(a),i=s+r;e.value.direction,(!T[a]||Math.abs(i-t)>.5)&&(b.update(a,i-t),T[a]=1,n=!0)}}let t=A.value||typeof e.value.columnWidth==`function`;if(e.value.direction===`both`&&c&&e.value.columnCount&&t){let t=c.dataset.colIndex===void 0?Array.from(c.querySelectorAll(`[data-col-index]`)):[c];for(let r of t){let t=Number.parseInt(r.dataset.colIndex,10);if(t>=0&&t<(e.value.columnCount||0)){let e=r.offsetWidth,a=x.get(t),o=e+i;Math.abs(a-o)>.5&&(x.update(t,o-a),C[t]=1,n=!0)}}}}n&&S.value++},ee=(e,t,n,r)=>{X([{index:e,inlineSize:t,blockSize:n,element:r}])},Z=()=>{if(E.value&&!f.value){let{rowIndex:e,colIndex:t,options:n}=E.value;z(e,t,a(n)?{...n,isCorrection:!0}:{align:n,isCorrection:!0})}};(0,t.watch)(S,Z),(0,t.watch)(u,e=>{e||Z()});let Q=null,te=e=>{if(!e||typeof window>`u`)return;let t=e===window?document:e;if(t.addEventListener(`scroll`,Y,{passive:!0}),e===window){m.value=window.innerWidth,h.value=window.innerHeight,c.value=window.scrollX,l.value=window.scrollY;let e=()=>{m.value=window.innerWidth,h.value=window.innerHeight,H()};return window.addEventListener(`resize`,e),()=>{t.removeEventListener(`scroll`,Y),window.removeEventListener(`resize`,e)}}else return m.value=e.clientWidth,h.value=e.clientHeight,c.value=e.scrollLeft,l.value=e.scrollTop,Q=new ResizeObserver(t=>{for(let n of t)n.target===e&&(m.value=e.clientWidth,h.value=e.clientHeight,H())}),Q.observe(e),()=>{t.removeEventListener(`scroll`,Y),Q?.disconnect()}},$;return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{p.value=!0,(0,t.watch)(()=>e.value.container,e=>{$?.(),$=te(e||null)},{immediate:!0}),H(),e.value.ssrRange||e.value.initialScrollIndex!==void 0?(0,t.nextTick)(()=>{H();let n=e.value.initialScrollIndex===void 0?e.value.ssrRange?.start:e.value.initialScrollIndex,r=e.value.initialScrollAlign||`start`;n!=null&&z(n,e.value.ssrRange?.colStart,{align:r,behavior:`auto`}),d.value=!0,f.value=!0,(0,t.nextTick)(()=>{f.value=!1})}):d.value=!0}),(0,t.onUnmounted)(()=>{$?.()})),{renderedItems:G,totalWidth:P,totalHeight:F,scrollDetails:q,scrollToIndex:z,scrollToOffset:B,stopProgrammaticScroll:J,updateItemSize:ee,updateItemSizes:X,updateHostOffset:H,columnRange:K,getColumnWidth:R,refresh:()=>{y.resize(0),b.resize(0),x.resize(0),C.fill(0),w.fill(0),T.fill(0),V()},isHydrated:d}}var l={key:0,class:`virtual-scroll-debug-info`},u=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,t.defineComponent)({__name:`VirtualScroll`,props:{items:{},itemSize:{},direction:{default:`vertical`},bufferBefore:{default:5},bufferAfter:{default:5},container:{},ssrRange:{},columnCount:{default:0},columnWidth:{},containerTag:{default:`div`},wrapperTag:{default:`div`},itemTag:{default:`div`},scrollPaddingStart:{default:0},scrollPaddingEnd:{default:0},stickyHeader:{type:Boolean,default:!1},stickyFooter:{type:Boolean,default:!1},gap:{default:0},columnGap:{default:0},stickyIndices:{default:()=>[]},loadDistance:{default:200},loading:{type:Boolean,default:!1},restoreScrollOnPrepend:{type:Boolean,default:!1},initialScrollIndex:{},initialScrollAlign:{},defaultItemSize:{},defaultColumnWidth:{},debug:{type:Boolean,default:!1}},emits:[`scroll`,`load`,`visibleRangeChange`],setup(e,{expose:n,emit:r}){let i=e,a=r,u=(0,t.useSlots)(),d=(0,t.ref)(null),f=(0,t.ref)(null),p=(0,t.ref)(null),m=(0,t.ref)(null),h=new Map,g=(0,t.ref)(0),_=(0,t.ref)(0),v=(0,t.computed)(()=>{let e=i.container===void 0?d.value:i.container;return e===d.value||typeof window<`u`&&(e===window||e===null)}),{isHydrated:y,columnRange:b,renderedItems:x,scrollDetails:S,totalHeight:C,totalWidth:w,getColumnWidth:T,scrollToIndex:E,scrollToOffset:D,updateHostOffset:O,updateItemSizes:k,refresh:A,stopProgrammaticScroll:j}=c((0,t.computed)(()=>{let e=i.scrollPaddingStart,t=i.scrollPaddingEnd,n=typeof e==`object`?e.x||0:i.direction===`horizontal`&&e||0,r=typeof e==`object`?e.y||0:i.direction===`horizontal`?0:e||0,a=typeof t==`object`?t.x||0:i.direction===`horizontal`&&t||0,o=typeof t==`object`?t.y||0:i.direction===`horizontal`?0:t||0;return{items:i.items,itemSize:i.itemSize,direction:i.direction,bufferBefore:i.bufferBefore,bufferAfter:i.bufferAfter,container:i.container===void 0?d.value:i.container,hostElement:f.value,ssrRange:i.ssrRange,columnCount:i.columnCount,columnWidth:i.columnWidth,scrollPaddingStart:{x:n,y:r+(i.stickyHeader&&v.value?g.value:0)},scrollPaddingEnd:{x:a,y:o+(i.stickyFooter&&v.value?_.value:0)},gap:i.gap,columnGap:i.columnGap,stickyIndices:i.stickyIndices,loadDistance:i.loadDistance,loading:i.loading,restoreScrollOnPrepend:i.restoreScrollOnPrepend,initialScrollIndex:i.initialScrollIndex,initialScrollAlign:i.initialScrollAlign,defaultItemSize:i.defaultItemSize,defaultColumnWidth:i.defaultColumnWidth,debug:i.debug}}));function M(){A(),(0,t.nextTick)(()=>{let e=[];for(let[t,n]of h.entries())n&&e.push({index:t,inlineSize:n.offsetWidth,blockSize:n.offsetHeight,element:n});e.length>0&&k(e)})}(0,t.watch)(S,(e,t)=>{y.value&&(a(`scroll`,e),(!t||e.range.start!==t.range.start||e.range.end!==t.range.end||e.columnRange.start!==t.columnRange.start||e.columnRange.end!==t.columnRange.end)&&a(`visibleRangeChange`,{start:e.range.start,end:e.range.end,colStart:e.columnRange.start,colEnd:e.columnRange.end}),!i.loading&&(i.direction!==`horizontal`&&e.totalSize.height-(e.scrollOffset.y+e.viewportSize.height)<=i.loadDistance&&a(`load`,`vertical`),i.direction!==`vertical`&&e.totalSize.width-(e.scrollOffset.x+e.viewportSize.width)<=i.loadDistance&&a(`load`,`horizontal`)))}),(0,t.watch)(y,e=>{e&&a(`visibleRangeChange`,{start:S.value.range.start,end:S.value.range.end,colStart:S.value.columnRange.start,colEnd:S.value.columnRange.end})},{once:!0});let N=typeof window>`u`?null:new ResizeObserver(O),P=typeof window>`u`?null:new ResizeObserver(e=>{let t=[];for(let n of e){let e=n.target,r=Number(e.dataset.index);if(e.dataset.colIndex!==void 0)t.push({index:-1,inlineSize:0,blockSize:0,element:e});else if(!Number.isNaN(r)){let i=n.contentRect.width,a=n.contentRect.height;n.borderBoxSize&&n.borderBoxSize.length>0?(i=n.borderBoxSize[0].inlineSize,a=n.borderBoxSize[0].blockSize):(i=e.offsetWidth,a=e.offsetHeight),t.push({index:r,inlineSize:i,blockSize:a,element:e})}}t.length>0&&k(t)}),F=typeof window>`u`?null:new ResizeObserver(()=>{g.value=p.value?.offsetHeight||0,_.value=m.value?.offsetHeight||0,O()});(0,t.watch)(p,(e,t)=>{t&&F?.unobserve(t),e&&F?.observe(e)},{immediate:!0}),(0,t.watch)(m,(e,t)=>{t&&F?.unobserve(t),e&&F?.observe(e)},{immediate:!0});let I=(0,t.computed)(()=>x.value[0]?.index);(0,t.watch)(I,(e,t)=>{if(i.direction===`both`){if(t!==void 0){let e=h.get(t);e&&e.querySelectorAll(`[data-col-index]`).forEach(e=>P?.unobserve(e))}if(e!==void 0){let t=h.get(e);t&&t.querySelectorAll(`[data-col-index]`).forEach(e=>P?.observe(e))}}},{flush:`post`}),(0,t.onMounted)(()=>{d.value&&N?.observe(d.value);for(let e of h.values())P?.observe(e);if(I.value!==void 0){let e=h.get(I.value);e&&e.querySelectorAll(`[data-col-index]`).forEach(e=>P?.observe(e))}}),(0,t.watch)([d,f],([e],[t])=>{t&&N?.unobserve(t),e&&N?.observe(e)});function L(e,t){if(e)h.set(t,e),P?.observe(e);else{let e=h.get(t);e&&(P?.unobserve(e),h.delete(t))}}function R(e){j();let{viewportSize:t,scrollOffset:n}=S.value,r=i.direction!==`vertical`,a=i.direction!==`horizontal`;if(e.key===`Home`){e.preventDefault(),E(0,0,`start`);return}if(e.key===`End`){e.preventDefault();let t=i.items.length-1,n=(i.columnCount||0)>0?i.columnCount-1:0;r?a?E(t,n,`end`):E(0,t,`end`):E(t,0,`end`);return}if(e.key===`ArrowUp`){e.preventDefault(),D(null,n.y-40);return}if(e.key===`ArrowDown`){e.preventDefault(),D(null,n.y+40);return}if(e.key===`ArrowLeft`){e.preventDefault(),D(n.x-40,null);return}if(e.key===`ArrowRight`){e.preventDefault(),D(n.x+40,null);return}if(e.key===`PageUp`){e.preventDefault(),D(!a&&r?n.x-t.width:null,a?n.y-t.height:null);return}e.key===`PageDown`&&(e.preventDefault(),D(!a&&r?n.x+t.width:null,a?n.y+t.height:null))}(0,t.onUnmounted)(()=>{N?.disconnect(),P?.disconnect(),F?.disconnect()});let z=(0,t.computed)(()=>{let e=i.container;return e===null||typeof window<`u`&&e===window?!0:e&&typeof e==`object`&&`tagName`in e?e.tagName===`BODY`:!1}),B=(0,t.computed)(()=>z.value?{...i.direction===`vertical`?{}:{whiteSpace:`nowrap`}}:i.containerTag===`table`?{minInlineSize:i.direction===`vertical`?`100%`:`auto`}:{...i.direction===`vertical`?{}:{whiteSpace:`nowrap`}}),V=(0,t.computed)(()=>({inlineSize:i.direction===`vertical`?`100%`:`${w.value}px`,blockSize:i.direction===`horizontal`?`100%`:`${C.value}px`})),H=(0,t.computed)(()=>{let e=i.direction===`horizontal`;return{display:e?`inline-block`:`block`,...e?{blockSize:`100%`,verticalAlign:`top`}:{inlineSize:`100%`}}}),U=(0,t.computed)(()=>({inlineSize:i.direction===`vertical`?`1px`:`${w.value}px`,blockSize:i.direction===`horizontal`?`1px`:`${C.value}px`}));function W(e){let t=i.direction===`vertical`,n=i.direction===`horizontal`,r=i.direction===`both`,a=i.itemSize===void 0||i.itemSize===null||i.itemSize===0,c={blockSize:n?`100%`:a?`auto`:`${e.size.height}px`};return t&&i.containerTag===`table`?c.minInlineSize=`100%`:c.inlineSize=t?`100%`:a?`auto`:`${e.size.width}px`,a&&(t||(c.minInlineSize=`1px`),n||(c.minBlockSize=`1px`)),y.value&&(e.isStickyActive?((t||r)&&(c.insetBlockStart=`${s(i.scrollPaddingStart,i.direction)}px`),(n||r)&&(c.insetInlineStart=`${o(i.scrollPaddingStart,i.direction)}px`),c.transform=`translate(${e.stickyOffset.x}px, ${e.stickyOffset.y}px)`):c.transform=`translate(${e.offset.x}px, ${e.offset.y}px)`),c}let G=(0,t.computed)(()=>i.debug),K=(0,t.computed)(()=>i.containerTag===`table`),q=(0,t.computed)(()=>K.value?`thead`:`div`),J=(0,t.computed)(()=>K.value?`tfoot`:`div`);return n({scrollDetails:S,columnRange:b,getColumnWidth:T,scrollToIndex:E,scrollToOffset:D,refresh:M,stopProgrammaticScroll:j}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.containerTag),{ref_key:`hostRef`,ref:d,class:(0,t.normalizeClass)([`virtual-scroll-container`,[`virtual-scroll--${e.direction}`,{"virtual-scroll--hydrated":(0,t.unref)(y),"virtual-scroll--window":z.value,"virtual-scroll--table":K.value}]]),style:(0,t.normalizeStyle)(B.value),tabindex:`0`,onKeydown:R,onWheelPassive:(0,t.unref)(j),onPointerdownPassive:(0,t.unref)(j),onTouchstartPassive:(0,t.unref)(j)},{default:(0,t.withCtx)(()=>[u.header?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(q.value),{key:0,ref_key:`headerRef`,ref:p,class:(0,t.normalizeClass)([`virtual-scroll-header`,{"virtual-scroll--sticky":e.stickyHeader}])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`header`,{},void 0,!0)]),_:3},8,[`class`])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.wrapperTag),{ref_key:`wrapperRef`,ref:f,class:`virtual-scroll-wrapper`,style:(0,t.normalizeStyle)(V.value)},{default:(0,t.withCtx)(()=>[K.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.itemTag),{key:0,class:`virtual-scroll-spacer`,style:(0,t.normalizeStyle)(U.value)},{default:(0,t.withCtx)(()=>[...r[0]||=[(0,t.createElementVNode)(`td`,{style:{padding:`0`,border:`none`,"block-size":`inherit`}},null,-1)]]),_:1},8,[`style`])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(x),r=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.itemTag),{key:r.index,ref_for:!0,ref:e=>L(e,r.index),"data-index":r.index,class:(0,t.normalizeClass)([`virtual-scroll-item`,{"virtual-scroll--sticky":r.isStickyActive,"virtual-scroll--debug":G.value}]),style:(0,t.normalizeStyle)(W(r))},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`item`,{item:r.item,index:r.index,columnRange:(0,t.unref)(b),getColumnWidth:(0,t.unref)(T),isSticky:r.isSticky,isStickyActive:r.isStickyActive},void 0,!0),G.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,` #`+(0,t.toDisplayString)(r.index)+` (`+(0,t.toDisplayString)(Math.round(r.offset.x))+`, `+(0,t.toDisplayString)(Math.round(r.offset.y))+`) `,1)):(0,t.createCommentVNode)(``,!0)]),_:2},1032,[`data-index`,`class`,`style`]))),128))]),_:3},8,[`style`])),e.loading&&u.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:`virtual-scroll-loading`,style:(0,t.normalizeStyle)(H.value)},[(0,t.renderSlot)(n.$slots,`loading`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0),u.footer?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(J.value),{key:2,ref_key:`footerRef`,ref:m,class:(0,t.normalizeClass)([`virtual-scroll-footer`,{"virtual-scroll--sticky":e.stickyFooter}])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`footer`,{},void 0,!0)]),_:3},8,[`class`])):(0,t.createCommentVNode)(``,!0)]),_:3},40,[`class`,`style`,`onWheelPassive`,`onPointerdownPassive`,`onTouchstartPassive`]))}}),[[`__scopeId`,`data-v-d61a0f1d`]]);e.DEFAULT_BUFFER=5,e.DEFAULT_COLUMN_WIDTH=100,e.DEFAULT_ITEM_SIZE=40,e.FenwickTree=n,e.VirtualScroll=u,e.getPaddingX=o,e.getPaddingY=s,e.isElement=r,e.isScrollToIndexOptions=a,e.isScrollableElement=i,e.useVirtualScroll=c});
845
2
  //# sourceMappingURL=index.js.map