virtua 0.51.3 → 0.52.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.
Files changed (46) hide show
  1. package/README.md +37 -13
  2. package/lib/angular/VGrid.d.ts +249 -0
  3. package/lib/angular/VList.d.ts +3 -3
  4. package/lib/angular/Virtualizer.d.ts +3 -3
  5. package/lib/angular/WindowVirtualizer.d.ts +3 -3
  6. package/lib/angular/index.d.ts +2 -0
  7. package/lib/angular/index.js +1152 -327
  8. package/lib/angular/index.js.map +1 -1
  9. package/lib/core/grid.d.ts +30 -0
  10. package/lib/core/index.cjs +481 -265
  11. package/lib/core/index.cjs.map +1 -1
  12. package/lib/core/index.d.ts +5 -3
  13. package/lib/core/index.js +464 -249
  14. package/lib/core/index.js.map +1 -1
  15. package/lib/core/layouts/grid.d.ts +23 -0
  16. package/lib/core/scroll-to.d.ts +50 -1
  17. package/lib/core/types.d.ts +0 -25
  18. package/lib/index.cjs +763 -558
  19. package/lib/index.cjs.map +1 -1
  20. package/lib/index.d.ts +2 -1
  21. package/lib/index.js +732 -509
  22. package/lib/index.js.map +1 -1
  23. package/lib/react/VGrid.d.ts +105 -80
  24. package/lib/react/index.d.ts +3 -2
  25. package/lib/solid/VGrid.d.ts +193 -0
  26. package/lib/solid/index.cjs +819 -288
  27. package/lib/solid/index.cjs.map +1 -1
  28. package/lib/solid/index.d.ts +3 -0
  29. package/lib/solid/index.js +788 -270
  30. package/lib/solid/index.js.map +1 -1
  31. package/lib/solid/index.jsx +741 -124
  32. package/lib/solid/index.jsx.map +1 -1
  33. package/lib/svelte/GridCell.svelte +44 -0
  34. package/lib/svelte/GridRow.svelte +42 -0
  35. package/lib/svelte/GridRowGroup.svelte +42 -0
  36. package/lib/svelte/VGrid.svelte +238 -0
  37. package/lib/svelte/VGrid.type.d.ts +185 -0
  38. package/lib/svelte/index.d.ts +3 -0
  39. package/lib/svelte/index.js +2 -1
  40. package/lib/vue/VGrid.d.ts +194 -0
  41. package/lib/vue/index.cjs +888 -376
  42. package/lib/vue/index.cjs.map +1 -1
  43. package/lib/vue/index.d.ts +3 -0
  44. package/lib/vue/index.js +860 -349
  45. package/lib/vue/index.js.map +1 -1
  46. package/package.json +4 -3
package/lib/vue/index.js CHANGED
@@ -1,311 +1,457 @@
1
- import { computed as e, createVNode as t, defineComponent as r, isVNode as o, mergeProps as n, onMounted as s, onUnmounted as i, ref as l, watch as c } from "vue";
1
+ import { computed as e, createVNode as t, defineComponent as o, isVNode as r, mergeProps as n, onMounted as s, onUnmounted as l, ref as i, watch as c, watchEffect as a } from "vue";
2
2
 
3
- var a, {min: u, max: f, abs: d, floor: m} = Math, p = (e, t, r) => u(r, f(t, e)), g = e => [ ...e ].sort((e, t) => e - t), h = setTimeout, _ = clearTimeout, S = "function" == typeof queueMicrotask ? queueMicrotask : e => {
3
+ var u, f = [], {min: d, max: p, abs: m, floor: g} = Math, _ = (e, t, o) => d(o, p(t, e)), $ = e => e.sort((e, t) => e - t), h = setTimeout, w = clearTimeout, S = "function" == typeof queueMicrotask ? queueMicrotask : e => {
4
4
  Promise.resolve().then(e);
5
- }, b = () => {
5
+ }, y = () => {
6
6
  let e;
7
7
  return [ new Promise(t => {
8
8
  e = t;
9
9
  }), e ];
10
- }, z = e => e.ownerDocument, $ = e => e.defaultView, v = () => (null == a && (a = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0),
11
- a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) => {
12
- let p = !!a, g = !!m, h = 1, _ = 0, S = 0, b = 0, z = 0, $ = 0, y = 0, x = 0, I = 0, w = null, O = [ 0, g ? f(m - 1, 0) : -1 ], k = 0, j = !1;
13
- const E = /* @__PURE__ */ new Set, R = () => b - S, T = () => R() + $ + z, M = e => r(e) - $, B = e => {
14
- e && (v() && 0 !== x || w && 1 === I ? $ += e : z += e);
10
+ }, z = e => e.ownerDocument, b = e => e.defaultView, x = () => (null == u && (u = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0),
11
+ u), v = e => p(e.t(), e.o()), I = ({l: e, i: t, u: o, p: r, m: n, h: s, t: l, S: i, v: c, I: a}, u = 0) => {
12
+ let f = !!a, g = !!u, _ = 1, $ = 0, h = 0, w = 0, S = 0, y = 0, z = 0, b = 0, v = 0, I = null, k = [ 0, g ? p(u - 1, 0) : -1 ], O = 0, R = !1;
13
+ const T = /* @__PURE__ */ new Set, A = () => w - h, N = () => A() + y + S, M = e => o(e) - y, C = e => {
14
+ e && (x() && 0 !== b || I && 1 === v ? y += e : S += e);
15
15
  };
16
16
  return {
17
- I: () => {
18
- E.clear();
17
+ k: () => {
18
+ T.clear();
19
19
  },
20
- O: () => h,
21
- t: (t = 200) => {
22
- if (!j || g) return O;
23
- let r, o;
24
- if (y) [r, o] = O; else {
25
- let n = f(0, T()), s = n + _;
26
- p || (t = f(0, t), 1 !== x && (n -= t), 2 !== x && (s += t)), [r, o] = O = e(f(0, n), f(0, s)),
27
- w && (r = u(r, w[0]), o = f(o, w[1]));
20
+ O: () => _,
21
+ l: (t = 200) => {
22
+ if (!R || g) return k;
23
+ let o, r;
24
+ if (z) [o, r] = k; else {
25
+ let n = p(0, N()), s = n + $;
26
+ f || (t = p(0, t), 1 !== b && (n -= t), 2 !== b && (s += t)), [o, r] = k = e(p(0, n), p(0, s)),
27
+ I && (o = d(o, I[0]), r = p(r, I[1]));
28
28
  }
29
- return [ f(r, 0), u(o, l() - 1) ];
29
+ return [ p(o, 0), d(r, i() - 1) ];
30
30
  },
31
- k: e => t(e - S),
32
- j: s,
33
- i: M,
34
- l: o,
35
- R: l,
36
- T: () => b,
37
- M: () => 0 !== x,
38
- B: () => _,
39
- N: () => S,
40
- p: i,
41
- P: () => (y = z, z = 0, [ y, 2 === I ]),
42
- A: (e, t) => {
43
- const r = [ e, t ];
44
- return E.add(r), () => {
45
- E.delete(r);
31
+ R: e => t(e - h),
32
+ T: s,
33
+ u: M,
34
+ p: r,
35
+ A: i,
36
+ N: () => w,
37
+ M: () => 0 !== b,
38
+ o: () => $,
39
+ C: () => h,
40
+ t: l,
41
+ j: () => (z = S, S = 0, [ z, 2 === v ]),
42
+ q: (e, t) => {
43
+ const o = [ e, t ];
44
+ return T.add(o), () => {
45
+ T.delete(o);
46
46
  };
47
47
  },
48
- q: (r, l) => {
49
- let u, f, m = 0;
50
- switch (r) {
48
+ B: (o, i) => {
49
+ let u, d, p = 0;
50
+ switch (o) {
51
51
  case 1:
52
52
  {
53
- if (l === b && 0 === I) break;
54
- const e = y;
55
- y = 0;
56
- const t = l - b, r = d(t);
57
- e && r < d(e) + 1 || 0 !== I || (x = t < 0 ? 2 : 1), g && (g = !1), b = l, m = 4;
58
- const o = R();
59
- o >= -_ && o <= i() && (m += 1, f = r > _);
53
+ if (i === w && 0 === v) break;
54
+ const e = z;
55
+ z = 0;
56
+ const t = i - w, o = m(t);
57
+ e && o < m(e) + 1 || 0 !== v || (b = t < 0 ? 2 : 1), g && (g = !1), w = i, p = 4;
58
+ const r = A();
59
+ r >= -$ && r <= l() && (p += 1, d = o > $);
60
60
  break;
61
61
  }
62
62
 
63
63
  case 2:
64
- m = 8, 0 !== x && (u = !0, m += 1), x = 0, I = 0, w = null;
64
+ p = 8, 0 !== b && (u = !0, p += 1), b = 0, v = 0, I = null;
65
65
  break;
66
66
 
67
67
  case 3:
68
68
  {
69
- const e = l.filter(([e, t]) => !s(e, t));
69
+ const e = i.filter(([e, t]) => !s(e, t));
70
70
  if (!e.length) break;
71
- B(e.reduce((e, [t, r]) => {
71
+ C(e.reduce((e, [t, o]) => {
72
72
  let n;
73
- if (2 === I) n = !0; else if (w && 1 === I) n = t < w[0]; else {
74
- const e = R(), r = M(t), s = o(t);
75
- n = 1 !== x && 0 === I ? r + s <= e : r < e && r + s < e + _;
73
+ if (2 === v) n = !0; else if (I && 1 === v) n = t < I[0]; else {
74
+ const e = A(), o = M(t), s = r(t);
75
+ n = 1 !== b && 0 === v ? o + s <= e : o < e && o + s < e + $;
76
76
  }
77
- return n && (e += r - o(t)), e;
77
+ return n && (e += o - r(t)), e;
78
78
  }, 0));
79
- for (const [t, r] of e) {
80
- const e = o(t), s = n(t, r);
81
- p && (k += s ? r : r - e);
79
+ for (const [t, o] of e) {
80
+ const e = r(t), s = n(t, o);
81
+ f && (O += s ? o : o - e);
82
82
  }
83
- p && _ && k > _ && (B(a(t(T()))), p = !1), m = 3, f = !0;
83
+ f && $ && O > $ && (C(a(t(N()))), f = !1), p = 3, d = !0;
84
84
  break;
85
85
  }
86
86
 
87
87
  case 4:
88
- _ !== l && (_ || (j = f = !0), _ = l, m = 3);
88
+ $ !== i && ($ || (R = d = !0), $ = i, p = 3);
89
89
  break;
90
90
 
91
91
  case 5:
92
- l[1] ? (B(c(l[0], !0)), I = 2, m = 1) : (c(l[0]), m = 1);
92
+ i[1] ? (C(c(i[0], !0)), v = 2, p = 1) : (c(i[0]), p = 1);
93
93
  break;
94
94
 
95
95
  case 6:
96
- S = l;
96
+ h = i;
97
97
  break;
98
98
 
99
99
  case 7:
100
- I = 1;
100
+ v = 1;
101
+ break;
102
+
103
+ case 9:
104
+ C(i), p = 3;
101
105
  break;
102
106
 
103
107
  case 8:
104
- w = e(l, l + _), m = 1;
108
+ I = e(i, i + $), p = 1;
105
109
  }
106
- m && (h = 1 + (2147483647 & h), u && $ && (z += $, $ = 0), E.forEach(([e, t]) => {
107
- m & e && t(f);
110
+ p && (_ = 1 + (2147483647 & _), u && y && (S += y, y = 0), T.forEach(([e, t]) => {
111
+ p & e && t(d);
108
112
  }));
109
113
  }
110
114
  };
111
- }, x = (e, t, r, o = 0, n = t - 1) => {
112
- let s = o;
113
- for (;o <= n; ) {
114
- const t = m((o + n) / 2);
115
- e(t) <= r ? (s = t, o = t + 1) : n = t - 1;
115
+ }, k = (e, t, o, r = 0, n = t - 1) => {
116
+ let s = r;
117
+ for (;r <= n; ) {
118
+ const t = g((r + n) / 2);
119
+ e(t) <= o ? (s = t, r = t + 1) : n = t - 1;
116
120
  }
117
- return p(s, 0, t - 1);
118
- }, I = (e, t, r) => {
119
- const o = r ? "unshift" : "push";
120
- for (let r = 0; r < t; r++) e[o](-1);
121
+ return _(s, 0, t - 1);
122
+ }, O = (e, t, o) => {
123
+ const r = o ? "unshift" : "push";
124
+ for (let o = 0; o < t; o++) e[r](-1);
121
125
  return e;
122
- }, w = (e, t, r) => {
123
- let o = r && r[1] || t || 40, n = -1, s = 0;
124
- const i = r && r[0], l = i ? I(i.slice(0, u(e, i.length)), f(0, e - i.length)) : I([], e), c = I([], e + 1), a = e => {
125
- const t = l[e];
126
- return -1 === t ? o : t;
127
- }, d = t => {
126
+ }, R = (e, t, o) => {
127
+ let r = o && o[1] || t || 40, n = -1, s = 0;
128
+ const l = o && o[0], i = l ? O(l.slice(0, d(e, l.length)), p(0, e - l.length)) : O([], e), c = O([], e + 1), a = e => {
129
+ const t = i[e];
130
+ return -1 === t ? r : t;
131
+ }, u = t => {
128
132
  if (!e) return 0;
129
133
  if (n >= t) return c[t];
130
134
  n < 0 && (c[0] = 0, n = 0);
131
- let r = n, o = c[r];
132
- for (;r < t; ) o += a(r), c[++r] = o;
133
- return n = t, o;
135
+ let o = n, r = c[o];
136
+ for (;o < t; ) r += a(o), c[++o] = r;
137
+ return n = t, r;
134
138
  };
135
139
  return {
136
- t: (t, r) => {
137
- let o, n;
138
- return s = u(s, e - 1), d(s) <= t ? (n = x(d, e, r, s), o = x(d, e, t, s, n)) : (o = x(d, e, t, void 0, s),
139
- n = x(d, e, r, o)), s = o, [ o, n ];
140
+ l: (t, o) => {
141
+ let r, n;
142
+ return s = d(s, e - 1), u(s) <= t ? (n = k(u, e, o, s), r = k(u, e, t, s, n)) : (r = k(u, e, t, void 0, s),
143
+ n = k(u, e, o, r)), s = r, [ r, n ];
140
144
  },
141
- o: t => x(d, e, t),
142
- i: d,
143
- l: a,
144
- u: (e, t) => {
145
- const r = -1 === l[e];
146
- return l[e] = t, n = u(e, n), r;
145
+ i: t => k(u, e, t),
146
+ u,
147
+ p: a,
148
+ m: (e, t) => {
149
+ const o = -1 === i[e];
150
+ return i[e] = t, n = d(e, n), o;
147
151
  },
148
- m: (e, t = -1) => l[e] === t,
149
- p: () => d(e),
150
- h: () => e,
151
- S: (t, r) => {
152
+ h: (e, t = -1) => i[e] === t,
153
+ t: () => u(e),
154
+ S: () => e,
155
+ v: (t, o) => {
152
156
  const s = t - e;
153
- return n = r ? -1 : u(t - 1, n), e = t, s > 0 ? (I(c, s), I(l, s, r), o * s) : (c.splice(s),
154
- (r ? l.splice(0, -s) : l.splice(s)).reduce((e, t) => e - (-1 === t ? o : t), 0));
157
+ return n = o ? -1 : d(t - 1, n), e = t, s > 0 ? (O(c, s), O(i, s, o), r * s) : (c.splice(s),
158
+ (o ? i.splice(0, -s) : i.splice(s)).reduce((e, t) => e - (-1 === t ? r : t), 0));
155
159
  },
156
- v: t ? void 0 : e => {
160
+ I: t ? void 0 : e => {
157
161
  let t = 0;
158
- const r = [];
159
- l.forEach((o, n) => {
160
- -1 !== o && (o && r.push(o), n < e && t++);
161
- }), n = -1;
162
- const s = g(r), i = s.length, c = i / 2 | 0, a = i % 2 == 0 ? (s[c - 1] + s[c]) / 2 : s[c], u = o;
163
- return ((o = a) - u) * f(e - t, 0);
162
+ const o = [];
163
+ i.forEach((r, n) => {
164
+ -1 !== r && (r && o.push(r), n < e && t++);
165
+ }), n = -1, $(o);
166
+ const s = o.length, l = s / 2 | 0, c = s % 2 == 0 ? (o[l - 1] + o[l]) / 2 : o[l], a = r;
167
+ return ((r = c) - a) * p(e - t, 0);
164
168
  },
165
- C: () => [ l.slice(), o ]
169
+ L: () => [ i.slice(), r ]
170
+ };
171
+ }, T = e => "number" == typeof e ? e : e.length, A = (e, t) => "number" == typeof e ? t : e[t], N = (e, t, o = 0) => {
172
+ if ("number" == typeof t) {
173
+ let r = T(e), n = t;
174
+ const s = e => n + o ? _(g(e / (n + o)), 0, r - 1) : 0;
175
+ return {
176
+ l: (e, t) => [ s(e), s(t) ],
177
+ i: s,
178
+ u: e => e * (n + o),
179
+ p: () => n,
180
+ m: () => !1,
181
+ h: () => !1,
182
+ t: () => r ? r * (n + o) - o : 0,
183
+ S: () => r,
184
+ v: e => (r = e, 0),
185
+ P: () => !1,
186
+ H: (e, t, o) => {
187
+ if ("number" != typeof t || t === n) return;
188
+ const r = s(o) * (t - n);
189
+ return n = t, r;
190
+ }
191
+ };
192
+ }
193
+ const r = "auto" === t;
194
+ let n, s = t;
195
+ const l = T(e), i = [], c = R(l, void 0, [ [], 40 + o ]), a = e => r || !!i[e], u = {
196
+ l: c.l,
197
+ i: c.i,
198
+ u: c.u,
199
+ p: e => c.p(e) - o,
200
+ m: (e, t) => a(e) && c.m(e, t + o),
201
+ h: (e, t) => c.h(e, t + o),
202
+ t: () => c.S() ? c.t() - o : 0,
203
+ S: c.S,
204
+ v: c.v,
205
+ I: r ? c.I : void 0,
206
+ P: a,
207
+ H: (e, t, l, a) => {
208
+ if (r) return;
209
+ const u = "number" == typeof t || "auto" === t ? s : t, f = c.S();
210
+ if (!a && e === n && u === s && f === i.length) return;
211
+ n = e, s = u, i.length = f;
212
+ const d = c.i(l), p = c.u(d);
213
+ let m;
214
+ for (let t = 0; t < f; t++) {
215
+ const r = e[t], n = null !== r && "object" == typeof r ? r[u] : null, s = "number" != typeof n;
216
+ if (!s || !i[t]) {
217
+ i[t] = s;
218
+ const e = s ? -1 : n + o;
219
+ c.h(t, e) || (c.m(t, e), m = !0);
220
+ }
221
+ }
222
+ return m ? c.u(d) - p : void 0;
223
+ }
224
+ };
225
+ return u.H(e, t, 0), u;
226
+ }, M = (e, t, o, r, n) => {
227
+ const s = T(o);
228
+ s !== e.A() && e.B(5, [ s ]);
229
+ const l = t.H(o, r, e.N() - e.u(0), n);
230
+ null != l && e.B(9, l);
231
+ }, C = /*#__PURE__*/ new WeakMap, E = (e, t, o, r, n, s, l) => {
232
+ if (t < r || p(t, n) < d(o, s + 1) || l < o) return !0;
233
+ for (const r of e) if (r >= t && r < o) return !0;
234
+ return !1;
235
+ }, j = (e, t, o) => {
236
+ const r = [];
237
+ for (const n of e) n >= t && n < o && r.push(n);
238
+ return $(r);
239
+ }, q = (e, t, o) => {
240
+ if (t >= o) return -1;
241
+ let r = 0, n = e.length;
242
+ for (;r < n; ) {
243
+ const o = r + n >> 1;
244
+ e[o] <= t ? r = o + 1 : n = o;
245
+ }
246
+ return r - 1;
247
+ }, B = (e, t, o, r) => {
248
+ const n = q(t, o, r);
249
+ n >= 0 && e.push(t[n]);
250
+ }, L = (e, t, o, r, n, s) => {
251
+ const l = [];
252
+ for (let e = 0; e < o; e++) l.push(e);
253
+ const i = e.length;
254
+ let c = 0, a = o - 1;
255
+ for (;c < i && e[c] < r; c++) {
256
+ const t = e[c];
257
+ t > a && (l.push(t), a = t);
258
+ }
259
+ for (let e = r; e <= n; e++) l.push(e);
260
+ for (a = n; c < i && e[c] < s; c++) {
261
+ const t = e[c];
262
+ t > a && (l.push(t), a = t);
263
+ }
264
+ for (let e = s; e < t; e++) l.push(e);
265
+ return l;
266
+ }, P = (e, t) => d(e.rowIndex + (e.rowSpan || 1), t), H = (e, t) => d(e.colIndex + (e.colSpan || 1), t), W = (e, t, o, r, n, s) => {
267
+ const l = t.length, i = r.length;
268
+ let c = "[l0]", a = 0, u = 0, f = 0;
269
+ for (;u < l || f < i; ) {
270
+ const p = u < l ? t[u] : s, m = f < i ? r[f] : s;
271
+ if (m <= a) f++; else {
272
+ let t, r;
273
+ if (p === a) {
274
+ t = a + 1;
275
+ const s = o[u];
276
+ r = null == s ? e.p(a) + "px" : s ? n : "minmax(" + e.p(a) + "px,auto)", u++;
277
+ } else t = d(p, m), r = "minmax(" + (e.u(t - 1) + e.p(t - 1) - e.u(a)) + "px,auto)";
278
+ c += " " + r + " [l" + t + "]", a = t;
279
+ }
280
+ }
281
+ return a < s && (c += " minmax(" + (e.t() - e.u(a)) + "px,auto) [l" + s + "]"),
282
+ c;
283
+ }, V = (e, t, o, r, n) => {
284
+ const s = {
285
+ display: "grid",
286
+ gridTemplateRows: "subgrid",
287
+ gridTemplateColumns: "subgrid",
288
+ gridColumn: "1/-1",
289
+ gridRow: "l" + e + "/l" + t
166
290
  };
167
- }, O = e => {
291
+ return null != o && (s.position = "sticky", s[r] = o + "px", s.zIndex = n), s;
292
+ }, D = e => {
168
293
  let t;
169
294
  return {
170
- L(r) {
171
- (t || (t = new ($(z(r)).ResizeObserver)(e))).observe(r);
295
+ W(o) {
296
+ (t || (t = new (b(z(o)).ResizeObserver)(e))).observe(o);
172
297
  },
173
298
  V(e) {
174
299
  t.unobserve(e);
175
300
  },
176
- H() {
301
+ D() {
177
302
  t && t.disconnect();
178
303
  }
179
304
  };
180
- }, k = (e, t, r, o, n, s, i) => {
181
- let l, c, a = 0, u = !1, f = !1, d = !1, m = !1;
182
- const p = Date.now, g = o ? "scrollLeft" : "scrollTop", b = o ? "left" : "top", z = e => n ? -e : e, $ = () => z(r[g]), y = (e, t) => {
183
- r.scrollTo({
184
- [b]: z(e),
305
+ }, F = (e, t, o, r, n, s, l) => {
306
+ let i, c, a = 0, u = !1, f = !1, d = !1, p = !1;
307
+ const m = Date.now, g = r ? "scrollLeft" : "scrollTop", _ = r ? "left" : "top", $ = e => n ? -e : e, y = () => $(o[g]), z = (e, t) => {
308
+ o.scrollTo({
309
+ [_]: $(e),
185
310
  behavior: t ? "smooth" : "instant"
186
311
  });
187
- }, x = () => {
188
- if (u || f) return u = !1, void I();
189
- d = !1, e.q(2);
312
+ }, b = () => {
313
+ if (u || f) return u = !1, void v();
314
+ d = !1, e.B(2);
315
+ }, v = () => {
316
+ w(c), c = h(b, 150);
190
317
  }, I = () => {
191
- _(c), c = h(x, 150);
192
- }, w = () => {
193
- a = p(), d && (m = !0), i && e.q(6, i()), e.q(1, $()), I();
194
- }, O = t => {
318
+ a = m(), d && (p = !0), l && e.B(6, l()), e.B(1, y()), v();
319
+ }, k = t => {
195
320
  if (u || !e.M() || t.ctrlKey) return;
196
- const r = p() - a;
197
- 150 > r && 50 < r && (o ? t.deltaX : t.deltaY) && (u = !0);
198
- }, k = () => {
199
- f = !0, d = m = !1;
200
- }, j = () => {
201
- f = !1, v() && (d = !0);
321
+ const o = m() - a;
322
+ 150 > o && 50 < o && (r ? t.deltaX : t.deltaY) && (u = !0);
323
+ }, O = () => {
324
+ f = !0, d = p = !1;
325
+ }, R = () => {
326
+ f = !1, x() && (d = !0);
202
327
  };
203
- return t.addEventListener("scroll", w), t.addEventListener("wheel", O, {
328
+ return t.addEventListener("scroll", I), t.addEventListener("wheel", k, {
204
329
  passive: !0
205
- }), t.addEventListener("touchstart", k, {
330
+ }), t.addEventListener("touchstart", O, {
206
331
  passive: !0
207
- }), t.addEventListener("touchend", j, {
332
+ }), t.addEventListener("touchend", R, {
208
333
  passive: !0
209
334
  }), {
210
- H: () => {
211
- t.removeEventListener("scroll", w), t.removeEventListener("wheel", O), t.removeEventListener("touchstart", k),
212
- t.removeEventListener("touchend", j), _(c);
335
+ D: () => {
336
+ t.removeEventListener("scroll", I), t.removeEventListener("wheel", k), t.removeEventListener("touchstart", O),
337
+ t.removeEventListener("touchend", R), w(c);
213
338
  },
214
339
  F: () => {
215
- const [t, o] = e.P();
340
+ const [t, r] = e.j();
216
341
  if (!t) return;
217
- m && s && s(), m = !1;
218
- const n = e.T() + t;
219
- n <= 0 || n >= e.N() + e.p() - e.B() ? y(n) : r.scrollBy({
220
- [b]: z(t),
342
+ p && s && s(), p = !1;
343
+ const n = e.N() + t;
344
+ n <= 0 || n >= e.C() + e.t() - e.o() ? z(n) : o.scrollBy({
345
+ [_]: $(t),
221
346
  behavior: "instant"
222
- }), o && (l && l(), e.B() > e.p() && e.q(1, $()));
347
+ }), r && (i && i(), e.o() > e.t() && e.B(1, y()));
223
348
  },
224
- D: (t, r) => {
225
- let o, n, s;
226
- l && l();
227
- const i = l = () => {
228
- o = !0, _(n), s && s();
349
+ X: (t, o) => {
350
+ let r, n, s;
351
+ i && i();
352
+ const l = i = () => {
353
+ r = !0, w(n), s && s();
229
354
  }, c = () => {
230
- if (!o) {
231
- if (e.B() && (_(n), n = h(i, 150)), r) {
232
- for (let [t, r] = e.t(0); t <= r; t++) if (e.j(t)) return;
233
- i();
355
+ if (!r) {
356
+ if (e.o() && (w(n), n = h(l, 150)), o) {
357
+ for (let [t, o] = e.l(0); t <= o; t++) if (e.T(t)) return;
358
+ l();
234
359
  }
235
- e.q(7), y(t(), r);
360
+ e.B(7), z(t(), o);
236
361
  }
237
362
  }, a = () => {
238
- if (o) return;
363
+ if (r) return;
239
364
  let t;
240
- s = e.A(2, () => {
365
+ s = e.q(2, () => {
241
366
  t || (t = !0, S(() => {
242
367
  t = !1, c();
243
368
  }));
244
369
  }), c();
245
370
  };
246
- r ? (e.q(8, t()), S(a)) : a();
371
+ o ? (e.B(8, t()), S(a)) : a();
247
372
  }
248
373
  };
249
- }, j = (e, t) => {
250
- e.J(() => t);
251
- }, E = (e, t, r, {align: o, smooth: n, offset: s = 0} = {}) => {
252
- if (r = p(r, 0, t.R() - 1), "nearest" === o) {
253
- const e = t.i(r), n = t.T();
254
- if (e < n) o = "start"; else {
255
- if (!(e + t.l(r) > n + t.B())) return;
256
- o = "end";
374
+ }, X = (e, t) => {
375
+ e.Y(() => t);
376
+ }, Y = (e, t, o, {align: r, smooth: n, offset: s = 0} = {}) => {
377
+ if (o = _(o, 0, t.A() - 1), "nearest" === r) {
378
+ const e = t.u(o), n = t.N();
379
+ if (e < n) r = "start"; else {
380
+ if (!(e + t.p(o) > n + t.o())) return;
381
+ r = "end";
257
382
  }
258
383
  }
259
- e.J(() => s + e.W() + t.i(r) + ("end" === o ? t.l(r) - t.B() : "center" === o ? (t.l(r) - t.B()) / 2 : 0), n);
260
- }, R = /* @__PURE__ */ r(r => {
261
- const o = l(), s = e(() => r.X.value && r.Y.i(r.U)), i = e(() => r.X.value && r.Y.j(r.U)), a = e(() => r.G({
262
- item: r.K,
263
- index: r.U
384
+ e.Y(() => s + e.J() + t.u(o) + ("end" === r ? t.p(o) - t.o() : "center" === r ? (t.p(o) - t.o()) / 2 : 0), n);
385
+ }, J = (e, t, o, r, n, s, l, i) => {
386
+ const c = t.A(), a = d(o, c), u = p(c - n, a);
387
+ s = _(s, 0, c - 1);
388
+ const f = j(r, a, u), m = q(f, s, u), g = m < 0 ? -1 : f[m], $ = () => [ t.u(a) - t.u(0) + (g < 0 || g === s ? 0 : t.u(g + 1) - t.u(g)), t.u(c) - t.u(u) ];
389
+ if ("nearest" === l) {
390
+ if (s < a || s >= u) return;
391
+ const [e, o] = $(), r = t.N(), n = t.p(s);
392
+ let i = t.u(s);
393
+ if (g === s) {
394
+ const o = (m + 1 < f.length ? f[m + 1] : u) - 1;
395
+ i = p(i, d(r + e, t.u(o) + t.p(o) - n));
396
+ }
397
+ if (i < r + e) l = "start"; else {
398
+ if (!(i + n > r + t.o() - o)) return;
399
+ l = "end";
400
+ }
401
+ }
402
+ e.Y(i, () => {
403
+ const [e, o] = $(), r = t.p(s) - t.o();
404
+ return t.u(s) + ("end" === l ? r + o : "center" === l ? (r + o - e) / 2 : -e);
405
+ });
406
+ }, U = /* @__PURE__ */ o(o => {
407
+ const r = i(), s = e(() => o.U.value && o.G.u(o.K)), l = e(() => o.U.value && o.G.T(o.K)), a = e(() => o.Z({
408
+ item: o.ee,
409
+ index: o.K
264
410
  }));
265
- return c(() => o.value && r.U, (e, t, n) => {
266
- n(r.Z(o.value, r.U));
411
+ return c(() => r.value && o.K, (e, t, n) => {
412
+ n(o.te(r.value, o.K));
267
413
  }, {
268
414
  flush: "post"
269
415
  }), () => {
270
- const {ee: e, te: l, re: c, U: u, K: f} = r, d = i.value, {style: m, ...p} = r.oe?.({
416
+ const {oe: e, re: i, ne: c, K: u, ee: f} = o, d = l.value, {style: p, ...m} = o.se?.({
271
417
  item: f,
272
418
  index: u
273
419
  }) || {}, g = {
274
420
  contain: "layout style",
275
- position: d && l ? void 0 : "absolute",
421
+ position: d && i ? void 0 : "absolute",
276
422
  [e ? "height" : "width"]: "100%",
277
423
  [e ? "top" : "left"]: "0px",
278
424
  [e ? "insetInlineStart" : "top"]: s.value + "px",
279
- visibility: !d || l ? void 0 : "hidden",
280
- ...m
425
+ visibility: !d || i ? void 0 : "hidden",
426
+ ...p
281
427
  };
282
428
  return e && (g.display = "inline-flex"), t(c, n({
283
- ref: o,
429
+ ref: r,
284
430
  style: g
285
- }, p), {
431
+ }, m), {
286
432
  default: () => [ a.value ]
287
433
  }, 16, [ "style" ]);
288
434
  };
289
435
  }, {
290
436
  props: {
291
- X: null,
292
- Y: null,
437
+ U: null,
293
438
  G: null,
294
- K: null,
295
439
  Z: null,
296
- U: null,
297
440
  ee: null,
298
441
  te: null,
442
+ K: null,
443
+ oe: null,
299
444
  re: null,
300
- oe: null
445
+ ne: null,
446
+ se: null
301
447
  }
302
- }), T = (e, t) => {
448
+ }), G = (e, t) => {
303
449
  if (1 === e.length) {
304
450
  const t = e[0].key;
305
451
  if (null != t) return t;
306
452
  }
307
453
  return "_" + t;
308
- }, M = (e, t) => e[0] === t[0] && e[1] === t[1], B = /* @__PURE__ */ r({
454
+ }, K = (e, t) => e[0] === t[0] && e[1] === t[1], Q = /* @__PURE__ */ o({
309
455
  props: {
310
456
  data: {
311
457
  type: Array,
@@ -334,122 +480,122 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
334
480
  cache: Object
335
481
  },
336
482
  emits: [ "scroll", "scrollEnd" ],
337
- setup(r, {emit: n, expose: a, slots: u}) {
338
- let d = !!r.ssrCount;
339
- const m = r.horizontal, p = l(), _ = w(r.data.length, r.itemSize, r.cache), S = y(_, r.ssrCount), z = ((e, t) => {
340
- let r, o, n = b();
341
- const s = /* @__PURE__ */ new WeakMap, i = O(o => {
483
+ setup(o, {emit: n, expose: a, slots: u}) {
484
+ let f = !!o.ssrCount;
485
+ const d = o.horizontal, p = i(), m = R(o.data.length, o.itemSize, o.cache), g = I(m, o.ssrCount), _ = ((e, t) => {
486
+ let o, r, n = y();
487
+ const s = /* @__PURE__ */ new WeakMap, l = D(r => {
342
488
  const n = [];
343
- for (const {target: i, contentRect: {width: l, height: c}} of o) if (i === r) (l || c) && e.q(4, t ? l : c); else if (i.offsetParent) {
344
- const e = s.get(i);
345
- null != e && n.push([ e, t ? l : c ]);
489
+ for (const {target: l, contentRect: {width: i, height: c}} of r) if (l === o) (i || c) && e.B(4, t ? i : c); else if (l.offsetParent) {
490
+ const e = s.get(l);
491
+ null != e && n.push([ e, t ? i : c ]);
346
492
  }
347
- n.length && e.q(3, n);
493
+ n.length && e.B(3, n);
348
494
  });
349
495
  return {
350
- ne(s, l = s.parentElement) {
351
- i.L(r = l), o = k(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
352
- const e = t ? "overflowX" : "overflowY", r = l.style, o = r[e];
353
- r[e] = "hidden", h(() => {
354
- r[e] = o;
496
+ le(s, i = s.parentElement) {
497
+ l.W(o = i), r = F(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
498
+ const e = t ? "overflowX" : "overflowY", o = i.style, r = o[e];
499
+ o[e] = "hidden", h(() => {
500
+ o[e] = r;
355
501
  });
356
502
  }), n[1](!0);
357
503
  },
358
- I() {
359
- i.H(), o && o.H(), n[1](!1), n = b();
504
+ k() {
505
+ l.D(), r && r.D(), n[1](!1), n = y();
360
506
  },
361
- se: (e, t) => (s.set(e, t), i.L(e), () => {
362
- s.delete(e), i.V(e);
507
+ ie: (e, t) => (s.set(e, t), l.W(e), () => {
508
+ s.delete(e), l.V(e);
363
509
  }),
364
- async J(e, t) {
365
- await n[0] && o.D(e, t);
510
+ async Y(e, t) {
511
+ await n[0] && r.X(e, t);
366
512
  },
367
- ie() {
368
- o && o.F();
513
+ ce() {
514
+ r && r.F();
369
515
  },
370
- W: e.N
516
+ J: e.C
371
517
  };
372
- })(S, m), $ = l(S.O());
373
- S.A(1, () => {
374
- $.value = S.O();
375
- }), S.A(4, () => {
376
- n("scroll", S.T());
377
- }), S.A(8, () => {
518
+ })(g, d), w = i(g.O());
519
+ g.q(1, () => {
520
+ w.value = g.O();
521
+ }), g.q(4, () => {
522
+ n("scroll", g.N());
523
+ }), g.q(8, () => {
378
524
  n("scrollEnd");
379
525
  });
380
- const v = e(e => {
381
- $.value;
382
- const t = S.t(r.bufferSize);
383
- return e && M(e, t) ? e : t;
384
- }), x = e(() => $.value && S.M()), I = e(() => $.value && S.p());
526
+ const S = e(e => {
527
+ w.value;
528
+ const t = g.l(o.bufferSize);
529
+ return e && K(e, t) ? e : t;
530
+ }), z = e(() => w.value && g.M()), b = e(() => w.value && g.t());
385
531
  return s(() => {
386
- d = !1;
532
+ f = !1;
387
533
  const e = p.value, t = requestAnimationFrame(() => {
388
- z.ne(e, r.scrollRef);
534
+ _.le(e, o.scrollRef);
389
535
  });
390
- i(() => {
536
+ l(() => {
391
537
  cancelAnimationFrame(t);
392
538
  });
393
- }), i(() => {
394
- S.I(), z.I();
395
- }), c(() => r.data.length, e => {
396
- S.q(5, [ e, r.shift ]);
397
- }), c(() => r.startMargin, e => {
398
- S.q(6, e);
539
+ }), l(() => {
540
+ g.k(), _.k();
541
+ }), c(() => o.data.length, e => {
542
+ g.B(5, [ e, o.shift ]);
543
+ }), c(() => o.startMargin, e => {
544
+ g.B(6, e);
399
545
  }, {
400
546
  immediate: !0
401
- }), c([ $ ], () => {
402
- z.ie();
547
+ }), c([ w ], () => {
548
+ _.ce();
403
549
  }, {
404
550
  flush: "post"
405
551
  }), a({
406
552
  get cache() {
407
- return _.C();
553
+ return m.L();
408
554
  },
409
555
  get scrollOffset() {
410
- return S.T();
556
+ return g.N();
411
557
  },
412
558
  get scrollSize() {
413
- return (e => f(e.p(), e.B()))(S);
559
+ return v(g);
414
560
  },
415
561
  get viewportSize() {
416
- return S.B();
562
+ return g.o();
417
563
  },
418
- findItemIndex: S.k,
419
- getItemOffset: S.i,
420
- getItemSize: S.l,
421
- scrollToIndex: (e, t) => E(z, S, e, t),
422
- scrollTo: e => j(z, e),
423
- scrollBy: e => ((e, t, r) => {
424
- j(e, r + t.T());
425
- })(z, S, e)
564
+ findItemIndex: g.R,
565
+ getItemOffset: g.u,
566
+ getItemSize: g.p,
567
+ scrollToIndex: (e, t) => Y(_, g, e, t),
568
+ scrollTo: e => X(_, e),
569
+ scrollBy: e => ((e, t, o) => {
570
+ X(e, o + t.N());
571
+ })(_, g, e)
426
572
  }), () => {
427
- const e = r.as, n = r.item, s = I.value, i = [], l = e => {
428
- const o = u.default({
429
- item: r.data[e],
573
+ const e = o.as, n = o.item, s = b.value, l = [], i = e => {
574
+ const r = u.default({
575
+ item: o.data[e],
430
576
  index: e
431
577
  });
432
- return t(R, {
433
- key: T(o, e),
434
- X: $,
435
- Y: S,
436
- Z: z.se,
437
- U: e,
438
- G: u.default,
439
- K: r.data[e],
440
- ee: m,
441
- te: d,
442
- re: n,
443
- oe: r.itemProps
444
- }, null, 8, [ "X", "Y", "Z", "U", "G", "K", "ee", "te", "re", "oe" ]);
578
+ return t(U, {
579
+ key: G(r, e),
580
+ U: w,
581
+ G: g,
582
+ te: _.ie,
583
+ K: e,
584
+ Z: u.default,
585
+ ee: o.data[e],
586
+ oe: d,
587
+ re: f,
588
+ ne: n,
589
+ se: o.itemProps
590
+ }, null, 8, [ "U", "G", "te", "K", "Z", "ee", "oe", "re", "ne", "se" ]);
445
591
  };
446
- if (r.keepMounted) {
447
- const e = r.data.length, t = new Set(r.keepMounted);
448
- for (let [e, r] = v.value; e <= r; e++) t.add(e);
449
- g([ ...t ]).forEach(t => {
450
- t < e && i.push(l(t));
592
+ if (o.keepMounted) {
593
+ const e = o.data.length, t = new Set(o.keepMounted);
594
+ for (let [e, o] = S.value; e <= o; e++) t.add(e);
595
+ $([ ...t ]).forEach(t => {
596
+ t < e && l.push(i(t));
451
597
  });
452
- } else for (let [e, t] = v.value; e <= t; e++) i.push(l(e));
598
+ } else for (let [e, t] = S.value; e <= t; e++) l.push(i(e));
453
599
  return t(e, {
454
600
  ref: p,
455
601
  style: {
@@ -457,18 +603,18 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
457
603
  overflowAnchor: "none",
458
604
  flex: "none",
459
605
  position: "relative",
460
- width: m ? s + "px" : "100%",
461
- height: m ? "100%" : s + "px",
462
- pointerEvents: x.value ? "none" : void 0
606
+ width: d ? s + "px" : "100%",
607
+ height: d ? "100%" : s + "px",
608
+ pointerEvents: z.value ? "none" : void 0
463
609
  }
464
- }, "function" == typeof (c = i) || "[object Object]" === Object.prototype.toString.call(c) && !o(c) ? i : {
465
- default: () => [ i ],
610
+ }, "function" == typeof (c = l) || "[object Object]" === Object.prototype.toString.call(c) && !r(c) ? l : {
611
+ default: () => [ l ],
466
612
  _: 2
467
613
  }, 8, [ "style" ]);
468
614
  var c;
469
615
  };
470
616
  }
471
- }), N = /* @__PURE__ */ r({
617
+ }), Z = /* @__PURE__ */ o({
472
618
  props: {
473
619
  data: {
474
620
  type: Array,
@@ -484,12 +630,12 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
484
630
  cache: Object
485
631
  },
486
632
  emits: [ "scroll", "scrollEnd" ],
487
- setup(e, {emit: r, expose: n, slots: s}) {
488
- const i = e.horizontal, c = e => {
489
- r("scroll", e);
633
+ setup(e, {emit: o, expose: n, slots: s}) {
634
+ const l = e.horizontal, c = e => {
635
+ o("scroll", e);
490
636
  }, a = () => {
491
- r("scrollEnd");
492
- }, u = l();
637
+ o("scrollEnd");
638
+ }, u = i();
493
639
  return n({
494
640
  get cache() {
495
641
  return u.value.cache;
@@ -512,13 +658,13 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
512
658
  }), () => {
513
659
  return t("div", {
514
660
  style: {
515
- display: i ? "inline-block" : "block",
516
- [i ? "overflowX" : "overflowY"]: "auto",
661
+ display: l ? "inline-block" : "block",
662
+ [l ? "overflowX" : "overflowY"]: "auto",
517
663
  contain: "strict",
518
664
  width: "100%",
519
665
  height: "100%"
520
666
  }
521
- }, [ t(B, {
667
+ }, [ t(Q, {
522
668
  ref: u,
523
669
  data: e.data,
524
670
  bufferSize: e.bufferSize,
@@ -526,19 +672,19 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
526
672
  itemProps: e.itemProps,
527
673
  shift: e.shift,
528
674
  ssrCount: e.ssrCount,
529
- horizontal: i,
675
+ horizontal: l,
530
676
  keepMounted: e.keepMounted,
531
677
  cache: e.cache,
532
678
  onScroll: c,
533
679
  onScrollEnd: a
534
- }, (r = s, "function" == typeof r || "[object Object]" === Object.prototype.toString.call(r) && !o(r) ? s : {
680
+ }, (o = s, "function" == typeof o || "[object Object]" === Object.prototype.toString.call(o) && !r(o) ? s : {
535
681
  default: () => [ s ],
536
682
  _: 2
537
683
  }), 8, [ "data", "bufferSize", "itemSize", "itemProps", "shift", "ssrCount", "horizontal", "keepMounted", "cache", "onScroll", "onScrollEnd" ]) ], 4);
538
- var r;
684
+ var o;
539
685
  };
540
686
  }
541
- }), P = /* @__PURE__ */ r({
687
+ }), ee = /* @__PURE__ */ o({
542
688
  props: {
543
689
  data: {
544
690
  type: Array,
@@ -560,105 +706,105 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
560
706
  cache: Object
561
707
  },
562
708
  emits: [ "scroll", "scrollEnd" ],
563
- setup(r, {emit: n, slots: a, expose: u}) {
564
- let f = !!r.ssrCount;
565
- const d = r.horizontal, m = l(), p = w(r.data.length, r.itemSize, r.cache), g = y(p, r.ssrCount), h = ((e, t) => {
566
- let r, o, n, s, i, l = b();
567
- const c = /* @__PURE__ */ new WeakMap, a = O(o => {
709
+ setup(o, {emit: n, slots: a, expose: u}) {
710
+ let f = !!o.ssrCount;
711
+ const d = o.horizontal, p = i(), m = R(o.data.length, o.itemSize, o.cache), g = I(m, o.ssrCount), _ = ((e, t) => {
712
+ let o, r, n, s, l, i = y();
713
+ const c = /* @__PURE__ */ new WeakMap, a = D(r => {
568
714
  const n = [];
569
- for (const {target: e, contentRect: {width: s, height: l}} of o) if (e === r) i && i(); else if (e.offsetParent) {
570
- const r = c.get(e);
571
- null != r && n.push([ r, t ? s : l ]);
715
+ for (const {target: e, contentRect: {width: s, height: i}} of r) if (e === o) l && l(); else if (e.offsetParent) {
716
+ const o = c.get(e);
717
+ null != o && n.push([ o, t ? s : i ]);
572
718
  }
573
- n.length && e.q(3, n);
719
+ n.length && e.B(3, n);
574
720
  });
575
721
  return {
576
- ne(c) {
577
- const u = z(c), f = $(u), d = r = u.scrollingElement, m = t && "rtl" === getComputedStyle(d).direction, p = (e, t, r, o, n = 0) => {
578
- const s = o ? "offsetLeft" : "offsetTop", i = n + (m ? t.clientWidth - e[s] - e.offsetWidth : e[s]), l = e.offsetParent;
579
- return e !== r && l ? p(l, t, r, o, i) : i;
580
- }, g = s = () => p(c, d, u.body, t), h = i = () => {
581
- e.q(4, d[t ? "clientWidth" : "clientHeight"]);
722
+ le(c) {
723
+ const u = z(c), f = b(u), d = o = u.scrollingElement, p = t && "rtl" === getComputedStyle(d).direction, m = (e, t, o, r, n = 0) => {
724
+ const s = r ? "offsetLeft" : "offsetTop", l = n + (p ? t.clientWidth - e[s] - e.offsetWidth : e[s]), i = e.offsetParent;
725
+ return e !== o && i ? m(i, t, o, r, l) : l;
726
+ }, g = s = () => m(c, d, u.body, t), _ = l = () => {
727
+ e.B(4, d[t ? "clientWidth" : "clientHeight"]);
582
728
  };
583
- f.addEventListener("resize", h), a.L(d), n = () => {
584
- f.removeEventListener("resize", h);
585
- }, o = k(e, f, d, t, m, null, g), l[1](!0);
729
+ f.addEventListener("resize", _), a.W(d), n = () => {
730
+ f.removeEventListener("resize", _);
731
+ }, r = F(e, f, d, t, p, null, g), i[1](!0);
586
732
  },
587
- I() {
588
- n && n(), a.H(), o && o.H(), l[1](!1), l = b();
733
+ k() {
734
+ n && n(), a.D(), r && r.D(), i[1](!1), i = y();
589
735
  },
590
- se: (e, t) => (c.set(e, t), a.L(e), () => {
736
+ ie: (e, t) => (c.set(e, t), a.W(e), () => {
591
737
  c.delete(e), a.V(e);
592
738
  }),
593
- async J(e, t) {
594
- await l[0] && o.D(e, t);
739
+ async Y(e, t) {
740
+ await i[0] && r.X(e, t);
595
741
  },
596
- ie() {
597
- o && o.F();
742
+ ce() {
743
+ r && r.F();
598
744
  },
599
- W: () => s()
745
+ J: () => s()
600
746
  };
601
- })(g, d), _ = l(g.O());
602
- g.A(1, () => {
603
- _.value = g.O();
604
- }), g.A(4, () => {
747
+ })(g, d), $ = i(g.O());
748
+ g.q(1, () => {
749
+ $.value = g.O();
750
+ }), g.q(4, () => {
605
751
  n("scroll");
606
- }), g.A(8, () => {
752
+ }), g.q(8, () => {
607
753
  n("scrollEnd");
608
754
  });
609
- const S = e(e => {
610
- _.value;
611
- const t = g.t(r.bufferSize);
612
- return e && M(e, t) ? e : t;
613
- }), v = e(() => _.value && g.M()), x = e(() => _.value && g.p());
755
+ const h = e(e => {
756
+ $.value;
757
+ const t = g.l(o.bufferSize);
758
+ return e && K(e, t) ? e : t;
759
+ }), w = e(() => $.value && g.M()), S = e(() => $.value && g.t());
614
760
  return s(() => {
615
761
  f = !1;
616
- const e = m.value;
617
- e && h.ne(e);
618
- }), i(() => {
619
- g.I(), h.I();
620
- }), c(() => r.data.length, e => {
621
- g.q(5, [ e, r.shift ]);
622
- }), c([ _ ], () => {
623
- h.ie();
762
+ const e = p.value;
763
+ e && _.le(e);
764
+ }), l(() => {
765
+ g.k(), _.k();
766
+ }), c(() => o.data.length, e => {
767
+ g.B(5, [ e, o.shift ]);
768
+ }), c([ $ ], () => {
769
+ _.ce();
624
770
  }, {
625
771
  flush: "post"
626
772
  }), u({
627
773
  get cache() {
628
- return p.C();
774
+ return m.L();
629
775
  },
630
776
  get scrollOffset() {
631
- return g.T();
777
+ return g.N();
632
778
  },
633
779
  get viewportSize() {
634
- return g.B();
780
+ return g.o();
635
781
  },
636
- findItemIndex: g.k,
637
- getItemOffset: g.i,
638
- getItemSize: g.l,
639
- scrollToIndex: (e, t) => E(h, g, e, t)
782
+ findItemIndex: g.R,
783
+ getItemOffset: g.u,
784
+ getItemSize: g.p,
785
+ scrollToIndex: (e, t) => Y(_, g, e, t)
640
786
  }), () => {
641
- const e = r.as, n = r.item, s = x.value, i = [];
642
- for (let [e, o] = S.value; e <= o; e++) {
643
- const o = a.default({
644
- item: r.data[e],
787
+ const e = o.as, n = o.item, s = S.value, l = [];
788
+ for (let [e, r] = h.value; e <= r; e++) {
789
+ const r = a.default({
790
+ item: o.data[e],
645
791
  index: e
646
792
  });
647
- i.push(t(R, {
648
- key: T(o, e),
649
- X: _,
650
- Y: g,
651
- Z: h.se,
652
- U: e,
653
- G: a.default,
654
- K: r.data[e],
655
- ee: d,
656
- te: f,
657
- re: n
658
- }, null, 8, [ "X", "Y", "Z", "U", "G", "K", "ee", "te", "re" ]));
793
+ l.push(t(U, {
794
+ key: G(r, e),
795
+ U: $,
796
+ G: g,
797
+ te: _.ie,
798
+ K: e,
799
+ Z: a.default,
800
+ ee: o.data[e],
801
+ oe: d,
802
+ re: f,
803
+ ne: n
804
+ }, null, 8, [ "U", "G", "te", "K", "Z", "ee", "oe", "re", "ne" ]));
659
805
  }
660
806
  return t(e, {
661
- ref: m,
807
+ ref: p,
662
808
  style: {
663
809
  contain: "size style",
664
810
  overflowAnchor: "none",
@@ -666,16 +812,381 @@ a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) =>
666
812
  position: "relative",
667
813
  width: d ? s + "px" : "100%",
668
814
  height: d ? "100%" : s + "px",
669
- pointerEvents: v.value ? "none" : void 0
815
+ pointerEvents: w.value ? "none" : void 0
670
816
  }
671
- }, "function" == typeof (l = i) || "[object Object]" === Object.prototype.toString.call(l) && !o(l) ? i : {
672
- default: () => [ i ],
817
+ }, "function" == typeof (i = l) || "[object Object]" === Object.prototype.toString.call(i) && !r(i) ? l : {
818
+ default: () => [ l ],
673
819
  _: 2
674
820
  }, 8, [ "style" ]);
675
- var l;
821
+ var i;
822
+ };
823
+ }
824
+ }), te = /* @__PURE__ */ o(e => {
825
+ const o = i();
826
+ return c([ o, () => e.ue.ae, () => e.ue.fe ], ([t, o, r], n, s) => {
827
+ !t || null == o && null == r || s(e.te(t, o, r));
828
+ }, {
829
+ flush: "post"
830
+ }), () => {
831
+ const {de: r, pe: n, me: s, ge: l, _e: i, $e: c} = e.ue;
832
+ return t("div", {
833
+ ref: o,
834
+ role: l,
835
+ "aria-colindex": r + 1,
836
+ "aria-rowspan": n,
837
+ "aria-colspan": s,
838
+ "aria-sort": i,
839
+ style: c
840
+ }, [ e.Z({
841
+ row: e.he,
842
+ col: e.we,
843
+ cell: {
844
+ rowIndex: e.Se,
845
+ colIndex: r
846
+ }
847
+ }) ], 12, [ "role", "aria-colindex", "aria-rowspan", "aria-colspan", "aria-sort" ]);
848
+ };
849
+ }, {
850
+ props: {
851
+ ue: null,
852
+ Z: null,
853
+ he: null,
854
+ we: null,
855
+ Se: null,
856
+ te: null
857
+ }
858
+ }), oe = /* @__PURE__ */ o(e => () => {
859
+ const {ye: o, ze: r, $e: n} = e.ue;
860
+ return t("div", {
861
+ role: "row",
862
+ "aria-rowindex": o + 1,
863
+ style: n
864
+ }, [ r.map(r => t(te, {
865
+ key: r.de,
866
+ ue: r,
867
+ Z: e.Z,
868
+ he: e.he,
869
+ we: A(e.be, r.de),
870
+ Se: o,
871
+ te: e.te
872
+ }, null, 8, [ "ue", "Z", "he", "we", "Se", "te" ])) ], 12, [ "aria-rowindex" ]);
873
+ }, {
874
+ props: {
875
+ ue: null,
876
+ Z: null,
877
+ he: null,
878
+ be: null,
879
+ te: null
880
+ }
881
+ }), re = /* @__PURE__ */ o(e => () => {
882
+ const {xe: o, $e: r} = e.ue;
883
+ return t("div", {
884
+ role: "rowgroup",
885
+ style: r
886
+ }, [ o.map(o => t(oe, {
887
+ key: o.ye,
888
+ ue: o,
889
+ Z: e.Z,
890
+ he: A(e.ve, o.ye),
891
+ be: e.be,
892
+ te: e.te
893
+ }, null, 8, [ "ue", "Z", "he", "be", "te" ])) ], 4);
894
+ }, {
895
+ props: {
896
+ ue: null,
897
+ Z: null,
898
+ ve: null,
899
+ be: null,
900
+ te: null
901
+ }
902
+ }), ne = /* @__PURE__ */ o({
903
+ props: {
904
+ rows: {
905
+ type: [ Number, Array ],
906
+ required: !0
907
+ },
908
+ cols: {
909
+ type: [ Number, Array ],
910
+ required: !0
911
+ },
912
+ rowHeight: {
913
+ type: [ Number, String ],
914
+ required: !0
915
+ },
916
+ colWidth: {
917
+ type: [ Number, String ],
918
+ required: !0
919
+ },
920
+ headerRows: Number,
921
+ sectionRows: Array,
922
+ footerRows: Number,
923
+ headerCols: Number,
924
+ footerCols: Number,
925
+ spans: Array,
926
+ keepMounted: Array,
927
+ bufferSize: Number,
928
+ gap: {
929
+ type: Number,
930
+ default: 0
931
+ },
932
+ ariaSort: Object
933
+ },
934
+ emits: [ "verticalScroll", "horizontalScroll", "scrollEnd" ],
935
+ setup(o, {emit: r, expose: n, slots: u}) {
936
+ const m = i(), g = N(o.rows, o.rowHeight, o.gap), w = N(o.cols, o.colWidth, o.gap), S = I(g), z = I(w), b = ((e, t) => {
937
+ let o, r, n, s = y();
938
+ const l = /* @__PURE__ */ new WeakMap, i = /* @__PURE__ */ new WeakMap, c = D(r => {
939
+ const n = [], s = [];
940
+ for (const {target: c, contentRect: {width: a, height: u}} of r) if (c === o) (a || u) && (e.B(4, u),
941
+ t.B(4, a)); else if (c.offsetParent) {
942
+ const e = l.get(c), t = i.get(c);
943
+ null != e && n.push([ e, u ]), null != t && s.push([ t, a ]);
944
+ }
945
+ n.length && e.B(3, n), s.length && t.B(3, s);
946
+ });
947
+ return {
948
+ async Y(e, t) {
949
+ await s[0] && (e ? n : r).X(t);
950
+ },
951
+ le(l) {
952
+ const i = o = l.parentElement;
953
+ c.W(i);
954
+ const a = (e, t) => F(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
955
+ const e = t ? "overflowX" : "overflowY", o = i.style, r = o[e];
956
+ o[e] = "hidden", h(() => {
957
+ o[e] = r;
958
+ });
959
+ });
960
+ r = a(e, !1), n = a(t, !0), s[1](!0);
961
+ },
962
+ k() {
963
+ c.D(), r && r.D(), n && n.D(), s[1](!1), s = y();
964
+ },
965
+ ie: (e, t, o) => (null != t && l.set(e, t), null != o && i.set(e, o), c.W(e), () => {
966
+ l.delete(e), i.delete(e), c.V(e);
967
+ }),
968
+ ce() {
969
+ r && r.F(), n && n.F();
970
+ }
971
+ };
972
+ })(S, z), x = i(S.O() + z.O()), k = () => {
973
+ x.value = S.O() + z.O();
974
+ };
975
+ S.q(1, k), z.q(1, k);
976
+ let O = !1;
977
+ S.q(4, () => {
978
+ O = !0, r("verticalScroll", S.N());
979
+ }), z.q(4, () => {
980
+ O = !0, r("horizontalScroll", z.N());
981
+ });
982
+ const R = () => {
983
+ !O || S.M() || z.M() || (O = !1, r("scrollEnd"));
984
+ };
985
+ S.q(8, R), z.q(8, R), a(() => {
986
+ M(S, g, o.rows, o.rowHeight, !0);
987
+ }), a(() => {
988
+ M(z, w, o.cols, o.colWidth, !0);
989
+ });
990
+ const T = e(() => x.value && S.A()), X = e(() => x.value && z.A()), Y = e(() => (x.value,
991
+ ((e, t, o, r, n = 0, s = f, l = 0, i = 0, c = 0, a = f, u = f, m) => {
992
+ const g = e.S(), h = t.S(), w = d(n, g), S = p(g - l, w), y = d(i, h), z = p(h - c, y), b = _(o[0], w, S), x = d(o[1], S - 1), v = _(r[0], y, z), I = d(r[1], z - 1), k = j(s, w, S), O = p(y - 1, 0), R = [], T = [], A = [];
993
+ for (const e of u) e.rowIndex < g && e.colIndex < h && A.push(e);
994
+ const N = k.length;
995
+ N && (B(R, k, b, S), T.push(O));
996
+ let M = a, D = 0;
997
+ do {
998
+ for (;D < A.length; D++) {
999
+ const {rowIndex: e, colIndex: t} = A[D];
1000
+ R.push(e), B(R, k, e, S), T.push(t);
1001
+ }
1002
+ const e = [];
1003
+ for (const t of M) {
1004
+ const o = t.rowIndex, r = t.colIndex, n = P(t, g), s = H(t, h);
1005
+ if (o < g && r < h && (n - o > 1 || s - r > 1)) if (E(R, o, n, w, b, x, S)) if (E(T, r, s, y, v, I, z)) A.push(t); else {
1006
+ const r = q(k, n - 1, S);
1007
+ (o < w || r >= 0 && k[r] >= o) && e.push(t);
1008
+ } else r < y && e.push(t);
1009
+ }
1010
+ M = e;
1011
+ } while (D < A.length);
1012
+ $(R), $(T);
1013
+ const F = L(R, g, w, b, x, S), X = L(T, h, y, v, I, z), Y = F.length, J = X.length, U = /* @__PURE__ */ new Map, G = [], K = [];
1014
+ for (const e of A) {
1015
+ const t = P(e, g), o = H(e, h);
1016
+ G.push(t), K.push(o);
1017
+ const r = X.indexOf(e.colIndex);
1018
+ for (let n = F.indexOf(e.rowIndex); n < Y && F[n] < t; n++) {
1019
+ const t = F[n] * h;
1020
+ for (let n = r; n < J && X[n] < o; n++) U.set(t + X[n], e);
1021
+ }
1022
+ }
1023
+ const Q = [];
1024
+ for (const e of X) Q.push(!t.P(e) && null);
1025
+ const Z = [], ee = e.u(w), te = [];
1026
+ let oe = te;
1027
+ const re = C.get(e), ne = /* @__PURE__ */ new Map;
1028
+ for (const o of F) {
1029
+ const r = o < w, n = o >= S, s = n || o >= b && o <= x, l = q(k, o, S), i = r ? 0 : n ? S : l < 0 ? -1 : k[l];
1030
+ if (o === i) {
1031
+ const e = r ? w : n ? g : l + 1 < N ? k[l + 1] : S;
1032
+ G.push(e);
1033
+ const t = [];
1034
+ te.push({
1035
+ Ie: r ? -1 : n ? -2 : -3 - i,
1036
+ xe: t,
1037
+ $e: V(i, e, r || n ? 0 : null, n ? "bottom" : "top", 4)
1038
+ }), oe = t;
1039
+ } else i < 0 && (oe = te);
1040
+ const c = l >= 0 && o === i, a = c ? ee : null, u = o * h, f = re && re.get(o), d = f && f.ze, _ = [];
1041
+ let $ = 0, R = !e.P(o) && null, T = o + 1, A = !1;
1042
+ for (let e = 0; e < J; e++) {
1043
+ const n = X[e], l = n < y, i = n >= z, a = i || n >= v && n <= I, f = U.get(u + n);
1044
+ if (f ? f.rowIndex === o && f.colIndex === n : s && a || r || c || l) {
1045
+ const s = f ? P(f, g) : o + 1, a = f ? H(f, h) : n + 1, u = s - o > 1, w = a - n > 1, S = u || w, y = S ? s - o : void 0, z = S ? a - n : void 0;
1046
+ let b, x;
1047
+ T = p(T, s);
1048
+ const v = l ? t.u(n) : null, I = i ? t.t() - t.u(a - 1) - t.p(a - 1) : null;
1049
+ !1 !== R || u || (b = o, R = !0), !1 !== Q[e] || w || (x = n, Q[e] = !0);
1050
+ const k = r ? "columnheader" : n === O && (l || c) ? "rowheader" : "cell", N = "cell" !== k && m && m.rowIndex === o && m.colIndex === n ? m.order : void 0;
1051
+ let M;
1052
+ if (d) {
1053
+ for (;$ < d.length && d[$].de < n; ) $++;
1054
+ $ < d.length && (M = d[$]);
1055
+ }
1056
+ if (!M || M.de !== n || M.pe !== y || M.me !== z || M.ke !== v || M.Oe !== I || M.ae !== b || M.fe !== x || M.ge !== k || M._e !== N) {
1057
+ const e = {
1058
+ contain: "layout style",
1059
+ display: "grid",
1060
+ gridArea: S ? "1/l" + n + "/l" + s + "/l" + a : "1/l" + n
1061
+ };
1062
+ u && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), w && (e.width = "0px",
1063
+ e.minWidth = "100%"), (l || i) && (l ? e.insetInlineStart = v + "px" : e.insetInlineEnd = I + "px",
1064
+ e.position = "sticky", e.zIndex = 2), M = {
1065
+ de: n,
1066
+ pe: y,
1067
+ me: z,
1068
+ ae: b,
1069
+ fe: x,
1070
+ ge: k,
1071
+ _e: N,
1072
+ $e: e,
1073
+ ke: v,
1074
+ Oe: I
1075
+ }, A = !0;
1076
+ }
1077
+ _.push(M);
1078
+ }
1079
+ }
1080
+ if (Z.push(R), _.length) {
1081
+ const e = f && !A && f.ze.length === _.length && f.Re === a ? f : {
1082
+ ye: o,
1083
+ ze: _,
1084
+ $e: V(o, T, a, "top", 3),
1085
+ Re: a
1086
+ };
1087
+ ne.set(o, e), oe.push(e);
1088
+ }
1089
+ }
1090
+ return C.set(e, ne), {
1091
+ Te: W(e, F, Z, $(G), "max-content", g),
1092
+ Ae: W(t, X, Q, $(K), "minmax(max-content,auto)", h),
1093
+ Ne: te
1094
+ };
1095
+ })(g, w, S.l(o.bufferSize), z.l(o.bufferSize), o.headerRows, o.sectionRows, o.footerRows, o.headerCols, o.footerCols, o.spans, o.keepMounted, o.ariaSort))), U = e(() => x.value && (S.M() || z.M()));
1096
+ return s(() => {
1097
+ b.le(m.value);
1098
+ }), l(() => {
1099
+ S.k(), z.k(), b.k();
1100
+ }), c([ x ], () => {
1101
+ b.ce();
1102
+ }, {
1103
+ flush: "post"
1104
+ }), n({
1105
+ get verticalScrollOffset() {
1106
+ return S.N();
1107
+ },
1108
+ get horizontalScrollOffset() {
1109
+ return z.N();
1110
+ },
1111
+ get scrollHeight() {
1112
+ return v(S);
1113
+ },
1114
+ get scrollWidth() {
1115
+ return v(z);
1116
+ },
1117
+ get viewportHeight() {
1118
+ return S.o();
1119
+ },
1120
+ get viewportWidth() {
1121
+ return z.o();
1122
+ },
1123
+ findRowIndex: S.R,
1124
+ findColIndex: z.R,
1125
+ getRowOffset: S.u,
1126
+ getColOffset: z.u,
1127
+ getRowSize: S.p,
1128
+ getColSize: z.p,
1129
+ scrollToIndex: e => ((e, t, o, r = 0, n = f, s = 0, l = 0, i = 0, {rowIndex: c, colIndex: a, rowAlign: u, colAlign: d}) => {
1130
+ null != c && J(e, t, r, n, s, c, u, !1), null != a && J(e, o, l, f, i, a, d, !0);
1131
+ })(b, S, z, o.headerRows, o.sectionRows, o.footerRows, o.headerCols, o.footerCols, e),
1132
+ scrollTo: ({vertical: e, horizontal: t}) => ((e, t, o) => {
1133
+ null != t && e.Y(!1, () => t), null != o && e.Y(!0, () => o);
1134
+ })(b, e, t),
1135
+ scrollBy: ({vertical: e, horizontal: t}) => ((e, t, o, r, n) => {
1136
+ if (null != r) {
1137
+ const o = r + t.N();
1138
+ e.Y(!1, () => o);
1139
+ }
1140
+ if (null != n) {
1141
+ const t = n + o.N();
1142
+ e.Y(!0, () => t);
1143
+ }
1144
+ })(b, S, z, e, t)
1145
+ }), () => {
1146
+ const {Te: e, Ae: r, Ne: n} = Y.value, s = S.u(0), l = z.u(0), i = {
1147
+ contain: "size style",
1148
+ overflowAnchor: "none",
1149
+ flex: "none",
1150
+ display: "grid",
1151
+ gridTemplateRows: e,
1152
+ gridTemplateColumns: r,
1153
+ gap: o.gap + "px",
1154
+ marginTop: s + "px",
1155
+ marginInlineStart: l + "px",
1156
+ height: v(S) - s + "px",
1157
+ pointerEvents: U.value ? "none" : void 0
1158
+ };
1159
+ return t("div", {
1160
+ role: "table",
1161
+ "aria-rowcount": T.value,
1162
+ "aria-colcount": X.value,
1163
+ style: {
1164
+ overflow: "auto",
1165
+ contain: "strict",
1166
+ width: "100%",
1167
+ height: "100%"
1168
+ }
1169
+ }, [ t("div", {
1170
+ ref: m,
1171
+ style: i
1172
+ }, [ n.map(e => "xe" in e ? t(re, {
1173
+ key: e.Ie,
1174
+ ue: e,
1175
+ Z: u.default,
1176
+ ve: o.rows,
1177
+ be: o.cols,
1178
+ te: b.ie
1179
+ }, null, 8, [ "ue", "Z", "ve", "be", "te" ]) : t(oe, {
1180
+ key: e.ye,
1181
+ ue: e,
1182
+ Z: u.default,
1183
+ he: A(o.rows, e.ye),
1184
+ be: o.cols,
1185
+ te: b.ie
1186
+ }, null, 8, [ "ue", "Z", "he", "be", "te" ])) ], 4) ], 8, [ "aria-rowcount", "aria-colcount" ]);
676
1187
  };
677
1188
  }
678
1189
  });
679
1190
 
680
- export { N as VList, B as Virtualizer, P as WindowVirtualizer };
1191
+ export { ne as VGrid, Z as VList, Q as Virtualizer, ee as WindowVirtualizer };
681
1192
  //# sourceMappingURL=index.js.map