virtua 0.49.2 → 0.50.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 (59) hide show
  1. package/README.md +39 -5
  2. package/lib/angular/ListItem.d.ts +1 -0
  3. package/lib/angular/VList.d.ts +85 -0
  4. package/lib/angular/Virtualizer.d.ts +141 -0
  5. package/lib/angular/WindowVirtualizer.d.ts +103 -0
  6. package/lib/angular/index.d.ts +6 -0
  7. package/lib/angular/index.js +1148 -0
  8. package/lib/angular/index.js.map +1 -0
  9. package/lib/angular/utils.d.ts +19 -0
  10. package/lib/core/index.cjs +237 -233
  11. package/lib/core/index.cjs.map +1 -1
  12. package/lib/core/index.d.ts +6 -6
  13. package/lib/core/index.js +272 -272
  14. package/lib/core/index.js.map +1 -1
  15. package/lib/index.cjs +529 -499
  16. package/lib/index.cjs.map +1 -1
  17. package/lib/index.d.ts +2 -2
  18. package/lib/index.js +321 -315
  19. package/lib/index.js.map +1 -1
  20. package/lib/react/VGrid.d.ts +2 -2
  21. package/lib/react/VList.d.ts +3 -3
  22. package/lib/react/Virtualizer.d.ts +3 -3
  23. package/lib/react/WindowVirtualizer.d.ts +3 -3
  24. package/lib/react/index.d.ts +9 -9
  25. package/lib/react/types.d.ts +1 -1
  26. package/lib/solid/VList.d.ts +3 -6
  27. package/lib/solid/Virtualizer.d.ts +2 -5
  28. package/lib/solid/WindowVirtualizer.d.ts +2 -5
  29. package/lib/solid/index.cjs +331 -323
  30. package/lib/solid/index.cjs.map +1 -1
  31. package/lib/solid/index.d.ts +7 -7
  32. package/lib/solid/index.js +249 -257
  33. package/lib/solid/index.js.map +1 -1
  34. package/lib/solid/index.jsx +1224 -1566
  35. package/lib/solid/index.jsx.map +1 -1
  36. package/lib/solid/types.d.ts +1 -1
  37. package/lib/svelte/ListItem.svelte +12 -2
  38. package/lib/svelte/VList.svelte +2 -0
  39. package/lib/svelte/VList.type.d.ts +3 -3
  40. package/lib/svelte/Virtualizer.svelte +2 -0
  41. package/lib/svelte/Virtualizer.type.d.ts +8 -3
  42. package/lib/svelte/WindowVirtualizer.type.d.ts +2 -2
  43. package/lib/svelte/index.d.ts +6 -6
  44. package/lib/svelte/index.js +4 -4
  45. package/lib/svelte/types.d.ts +1 -1
  46. package/lib/svelte/utils.d.ts +7 -0
  47. package/lib/svelte/utils.js +11 -11
  48. package/lib/svelte/utils.js.map +1 -1
  49. package/lib/vue/VList.d.ts +2 -3
  50. package/lib/vue/Virtualizer.d.ts +3 -4
  51. package/lib/vue/WindowVirtualizer.d.ts +2 -3
  52. package/lib/vue/index.cjs +327 -317
  53. package/lib/vue/index.cjs.map +1 -1
  54. package/lib/vue/index.d.ts +6 -6
  55. package/lib/vue/index.js +284 -284
  56. package/lib/vue/index.js.map +1 -1
  57. package/lib/vue/utils.d.ts +1 -1
  58. package/package.json +40 -17
  59. package/lib/svelte/index.js.map +0 -1
package/lib/vue/index.js CHANGED
@@ -1,152 +1,152 @@
1
- import { defineComponent as e, ref as t, computed as r, watch as o, createVNode as n, mergeProps as s, isVNode as i, onMounted as l, onUnmounted as c } from "vue";
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";
2
2
 
3
- const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r, f(t, e)), h = e => [ ...e ].sort((e, t) => e - t), _ = "function" == typeof queueMicrotask ? queueMicrotask : e => {
3
+ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m = e => [ ...e ].sort((e, t) => e - t), h = "function" == typeof queueMicrotask ? queueMicrotask : e => {
4
4
  Promise.resolve().then(e);
5
- }, b = () => {
5
+ }, _ = () => {
6
6
  let e;
7
7
  return [ new Promise(t => {
8
8
  e = t;
9
9
  }), e ];
10
- }, g = e => {
10
+ }, b = e => {
11
11
  let t;
12
12
  return () => (e && (t = e(), e = void 0), t);
13
- }, v = (e, t, r) => {
13
+ }, g = (e, t, r) => {
14
14
  const o = r ? "unshift" : "push";
15
15
  for (let r = 0; r < t; r++) e[o](-1);
16
16
  return e;
17
- }, y = (e, t) => {
17
+ }, v = (e, t) => {
18
18
  const r = e.t[t];
19
19
  return -1 === r ? e.o : r;
20
- }, S = (e, t, r) => {
20
+ }, y = (e, t, r) => {
21
21
  const o = -1 === e.t[t];
22
- return e.t[t] = r, e.i = u(t, e.i), o;
23
- }, z = (e, t) => {
22
+ return e.t[t] = r, e.i = a(t, e.i), o;
23
+ }, S = (e, t) => {
24
24
  if (!e.l) return 0;
25
25
  if (e.i >= t) return e.u[t];
26
26
  e.i < 0 && (e.u[0] = 0, e.i = 0);
27
27
  let r = e.i, o = e.u[r];
28
- for (;r < t; ) o += y(e, r), e.u[++r] = o;
28
+ for (;r < t; ) o += v(e, r), e.u[++r] = o;
29
29
  return e.i = t, o;
30
- }, x = (e, t, r = 0, o = e.l - 1) => {
30
+ }, z = (e, t, r = 0, o = e.l - 1) => {
31
31
  let n = r;
32
32
  for (;r <= o; ) {
33
- const s = p((r + o) / 2);
34
- z(e, s) <= t ? (n = s, r = s + 1) : o = s - 1;
33
+ const s = d((r + o) / 2);
34
+ S(e, s) <= t ? (n = s, r = s + 1) : o = s - 1;
35
35
  }
36
- return m(n, 0, e.l - 1);
37
- }, $ = (e, t, r) => {
36
+ return p(n, 0, e.l - 1);
37
+ }, x = (e, t, r) => {
38
38
  const o = t - e.l;
39
- return e.i = r ? -1 : u(t - 1, e.i), e.l = t, o > 0 ? (v(e.u, o), v(e.t, o, r),
39
+ return e.i = r ? -1 : a(t - 1, e.i), e.l = t, o > 0 ? (g(e.u, o), g(e.t, o, r),
40
40
  e.o * o) : (e.u.splice(o), (r ? e.t.splice(0, -o) : e.t.splice(o)).reduce((t, r) => t - (-1 === r ? e.o : r), 0));
41
- }, w = e => e.documentElement, I = e => e.ownerDocument, O = e => e.defaultView, k = /*#__PURE__*/ g(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), j = /*#__PURE__*/ g(() => "scrollBehavior" in w(document).style), N = (e, t = 40, r = 0, o, n = !1) => {
42
- let s = !!r, i = 1, l = 0, c = 0, p = 0, m = 0, _ = 0, b = 0, g = 0, w = 0, I = a, O = [ 0, s ? f(r - 1, 0) : -1 ], j = 0, N = !1;
43
- const B = ((e, t, r) => ({
41
+ }, $ = e => e.documentElement, w = e => e.ownerDocument, I = e => e.defaultView, O = /*#__PURE__*/ b(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), k = /*#__PURE__*/ b(() => "scrollBehavior" in $(document).style), j = (e, t = 40, r = 0, o, n = !1) => {
42
+ let s = !!r, i = 1, l = 0, c = 0, d = 0, p = 0, h = 0, _ = 0, b = 0, $ = 0, w = null, I = [ 0, s ? u(r - 1, 0) : -1 ], k = 0, j = !1;
43
+ const N = ((e, t, r) => ({
44
44
  o: t,
45
- t: r ? v(r.slice(0, u(e, r.length)), f(0, e - r.length)) : v([], e),
45
+ t: r ? g(r.slice(0, a(e, r.length)), u(0, e - r.length)) : g([], e),
46
46
  l: e,
47
47
  i: -1,
48
- u: v([], e + 1)
49
- }))(e, o ? o[1] : t, o && o[0]), T = new Set, q = () => p - c, M = () => q() + _ + m, E = (e, t) => ((e, t, r, o) => {
50
- if (o = u(o, e.l - 1), z(e, o) <= t) {
51
- const n = x(e, r, o);
52
- return [ x(e, t, o, n), n ];
48
+ u: g([], e + 1)
49
+ }))(e, o ? o[1] : t, o && o[0]), B = /* @__PURE__ */ new Set, T = () => d - c, q = () => T() + h + p, M = (e, t) => ((e, t, r, o) => {
50
+ if (o = a(o, e.l - 1), S(e, o) <= t) {
51
+ const n = z(e, r, o);
52
+ return [ z(e, t, o, n), n ];
53
53
  }
54
54
  {
55
- const n = x(e, t, void 0, o);
56
- return [ n, x(e, r, n) ];
55
+ const n = z(e, t, void 0, o);
56
+ return [ n, z(e, r, n) ];
57
57
  }
58
- })(B, e, t, O[0]), P = () => z(B, B.l), R = (e, t) => {
59
- const r = z(B, e) - _;
60
- return t ? P() - r - A(e) : r;
61
- }, A = e => y(B, e), C = (e, t = -1) => B.t[e] === t, H = e => {
62
- e && (k() && 0 !== g || I && 1 === w ? _ += e : m += e);
58
+ })(N, e, t, I[0]), E = () => S(N, N.l), P = (e, t) => {
59
+ const r = S(N, e) - h;
60
+ return t ? E() - r - R(e) : r;
61
+ }, R = e => v(N, e), A = (e, t = -1) => N.t[e] === t, C = e => {
62
+ e && (O() && 0 !== b || w && 1 === $ ? h += e : p += e);
63
63
  };
64
64
  return {
65
65
  p: () => {
66
- T.clear();
66
+ B.clear();
67
67
  },
68
68
  m: () => i,
69
- h: () => (e => [ e.t.slice(), e.o ])(B),
69
+ h: () => (e => [ e.t.slice(), e.o ])(N),
70
70
  v: (e = 200) => {
71
- if (!N || s) return O;
71
+ if (!j || s) return I;
72
72
  let t, r;
73
- if (b) [t, r] = O; else {
74
- let o = f(0, M()), s = o + l;
75
- n || (e = f(0, e), 1 !== g && (o -= e), 2 !== g && (s += e)), [t, r] = O = E(f(0, o), f(0, s)),
76
- I && (t = u(t, I[0]), r = f(r, I[1]));
73
+ if (_) [t, r] = I; else {
74
+ let o = u(0, q()), s = o + l;
75
+ n || (e = u(0, e), 1 !== b && (o -= e), 2 !== b && (s += e)), [t, r] = I = M(u(0, o), u(0, s)),
76
+ w && (t = a(t, w[0]), r = u(r, w[1]));
77
77
  }
78
- return [ f(t, 0), u(r, B.l - 1) ];
78
+ return [ u(t, 0), a(r, N.l - 1) ];
79
79
  },
80
- S: e => x(B, e - c),
81
- I: C,
82
- O: R,
83
- k: A,
84
- j: () => B.l,
85
- N: () => p,
86
- B: () => 0 !== g,
80
+ S: e => z(N, e - c),
81
+ I: A,
82
+ O: P,
83
+ k: R,
84
+ j: () => N.l,
85
+ N: () => d,
86
+ B: () => 0 !== b,
87
87
  T: () => l,
88
88
  q: () => c,
89
- M: P,
90
- P: () => (b = m, m = 0, [ b, 2 === w ]),
89
+ M: E,
90
+ P: () => (_ = p, p = 0, [ _, 2 === $ ]),
91
91
  R: (e, t) => {
92
92
  const r = [ e, t ];
93
- return T.add(r), () => {
94
- T.delete(r);
93
+ return B.add(r), () => {
94
+ B.delete(r);
95
95
  };
96
96
  },
97
97
  A: (e, t) => {
98
- let r, o, u = 0;
98
+ let r, o, a = 0;
99
99
  switch (e) {
100
100
  case 1:
101
101
  {
102
- if (t === p && 0 === w) break;
103
- const e = b;
104
- b = 0;
105
- const r = t - p, n = d(r);
106
- e && n < d(e) + 1 || 0 !== w || (g = r < 0 ? 2 : 1), s && (s = !1), p = t, u = 4;
107
- const i = q();
108
- i >= -l && i <= P() && (u += 1, o = n > l);
102
+ if (t === d && 0 === $) break;
103
+ const e = _;
104
+ _ = 0;
105
+ const r = t - d, n = f(r);
106
+ e && n < f(e) + 1 || 0 !== $ || (b = r < 0 ? 2 : 1), s && (s = !1), d = t, a = 4;
107
+ const i = T();
108
+ i >= -l && i <= E() && (a += 1, o = n > l);
109
109
  break;
110
110
  }
111
111
 
112
112
  case 2:
113
- u = 8, 0 !== g && (r = !0, u += 1), g = 0, w = 0, I = a;
113
+ a = 8, 0 !== b && (r = !0, a += 1), b = 0, $ = 0, w = null;
114
114
  break;
115
115
 
116
116
  case 3:
117
117
  {
118
- const e = t.filter(([e, t]) => !C(e, t));
118
+ const e = t.filter(([e, t]) => !A(e, t));
119
119
  if (!e.length) break;
120
- H(e.reduce((e, [t, r]) => {
120
+ C(e.reduce((e, [t, r]) => {
121
121
  let o;
122
- if (2 === w) o = !0; else if (I && 1 === w) o = t < I[0]; else {
123
- const e = q(), r = R(t), n = A(t);
124
- o = 1 !== g && 0 === w ? r + n <= e : r < e && r + n < e + l;
122
+ if (2 === $) o = !0; else if (w && 1 === $) o = t < w[0]; else {
123
+ const e = T(), r = P(t), n = R(t);
124
+ o = 1 !== b && 0 === $ ? r + n <= e : r < e && r + n < e + l;
125
125
  }
126
- return o && (e += r - A(t)), e;
126
+ return o && (e += r - R(t)), e;
127
127
  }, 0));
128
128
  for (const [t, r] of e) {
129
- const e = A(t), o = S(B, t, r);
130
- n && (j += o ? r : r - e);
129
+ const e = R(t), o = y(N, t, r);
130
+ n && (k += o ? r : r - e);
131
131
  }
132
- n && l && j > l && (H(((e, t) => {
132
+ n && l && k > l && (C(((e, t) => {
133
133
  let r = 0;
134
134
  const o = [];
135
135
  e.t.forEach((e, n) => {
136
136
  -1 !== e && (o.push(e), n < t && r++);
137
137
  }), e.i = -1;
138
- const n = h(o), s = n.length, i = s / 2 | 0, l = s % 2 == 0 ? (n[i - 1] + n[i]) / 2 : n[i], c = e.o;
139
- return ((e.o = l) - c) * f(t - r, 0);
140
- })(B, x(B, M()))), n = !1), u = 3, o = !0;
138
+ const n = m(o), s = n.length, i = s / 2 | 0, l = s % 2 == 0 ? (n[i - 1] + n[i]) / 2 : n[i], c = e.o;
139
+ return ((e.o = l) - c) * u(t - r, 0);
140
+ })(N, z(N, q()))), n = !1), a = 3, o = !0;
141
141
  break;
142
142
  }
143
143
 
144
144
  case 4:
145
- l !== t && (l || (N = o = !0), l = t, u = 3);
145
+ l !== t && (l || (j = o = !0), l = t, a = 3);
146
146
  break;
147
147
 
148
148
  case 5:
149
- t[1] ? (H($(B, t[0], !0)), w = 2, u = 1) : ($(B, t[0]), u = 1);
149
+ t[1] ? (C(x(N, t[0], !0)), $ = 2, a = 1) : (x(N, t[0]), a = 1);
150
150
  break;
151
151
 
152
152
  case 6:
@@ -154,74 +154,74 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
154
154
  break;
155
155
 
156
156
  case 7:
157
- w = 1;
157
+ $ = 1;
158
158
  break;
159
159
 
160
160
  case 8:
161
- I = E(t, t + l), u = 1;
161
+ w = M(t, t + l), a = 1;
162
162
  }
163
- u && (i = 1 + (2147483647 & i), r && _ && (m += _, _ = 0), T.forEach(([e, t]) => {
164
- u & e && t(o);
163
+ a && (i = 1 + (2147483647 & i), r && h && (p += h, h = 0), B.forEach(([e, t]) => {
164
+ a & e && t(o);
165
165
  }));
166
166
  }
167
167
  };
168
- }, B = setTimeout, T = (e, t) => t ? -e : e, q = (e, t, r, o, n, s) => {
168
+ }, N = setTimeout, B = (e, t) => t ? -e : e, T = (e, t, r, o, n, s) => {
169
169
  const i = Date.now;
170
- let l = 0, c = !1, u = !1, f = !1, d = !1;
171
- const p = (() => {
170
+ let l = 0, c = !1, a = !1, u = !1, f = !1;
171
+ const d = (() => {
172
172
  let t;
173
173
  const r = () => {
174
- t != a && clearTimeout(t);
174
+ null != t && clearTimeout(t);
175
175
  }, o = () => {
176
- r(), t = B(() => {
177
- t = a, (() => {
178
- if (c || u) return c = !1, void p();
179
- f = !1, e.A(2);
176
+ r(), t = N(() => {
177
+ t = null, (() => {
178
+ if (c || a) return c = !1, void d();
179
+ u = !1, e.A(2);
180
180
  })();
181
181
  }, 150);
182
182
  };
183
183
  return o.C = r, o;
184
- })(), m = () => {
185
- l = i(), f && (d = !0), s && e.A(6, s()), e.A(1, o()), p();
186
- }, h = t => {
184
+ })(), p = () => {
185
+ l = i(), u && (f = !0), s && e.A(6, s()), e.A(1, o()), d();
186
+ }, m = t => {
187
187
  if (c || !e.B() || t.ctrlKey) return;
188
188
  const o = i() - l;
189
189
  150 > o && 50 < o && (r ? t.deltaX : t.deltaY) && (c = !0);
190
+ }, h = () => {
191
+ a = !0, u = f = !1;
190
192
  }, _ = () => {
191
- u = !0, f = d = !1;
192
- }, b = () => {
193
- u = !1, k() && (f = !0);
193
+ a = !1, O() && (u = !0);
194
194
  };
195
- return t.addEventListener("scroll", m), t.addEventListener("wheel", h, {
195
+ return t.addEventListener("scroll", p), t.addEventListener("wheel", m, {
196
196
  passive: !0
197
- }), t.addEventListener("touchstart", _, {
197
+ }), t.addEventListener("touchstart", h, {
198
198
  passive: !0
199
- }), t.addEventListener("touchend", b, {
199
+ }), t.addEventListener("touchend", _, {
200
200
  passive: !0
201
201
  }), {
202
202
  H: () => {
203
- t.removeEventListener("scroll", m), t.removeEventListener("wheel", h), t.removeEventListener("touchstart", _),
204
- t.removeEventListener("touchend", b), p.C();
203
+ t.removeEventListener("scroll", p), t.removeEventListener("wheel", m), t.removeEventListener("touchstart", h),
204
+ t.removeEventListener("touchend", _), d.C();
205
205
  },
206
206
  V: () => {
207
207
  const [t, r] = e.P();
208
- t && (n(t, r, d), d = !1, r && e.T() > e.M() && e.A(1, o()));
208
+ t && (n(t, r, f), f = !1, r && e.T() > e.M() && e.A(1, o()));
209
209
  }
210
210
  };
211
- }, M = (e, t, r) => {
211
+ }, q = (e, t, r) => {
212
212
  let o;
213
213
  return [ async (n, s) => {
214
214
  if (!await t()) return;
215
215
  o && o();
216
216
  const i = () => {
217
- const [t, r] = b();
217
+ const [t, r] = _();
218
218
  return o = () => {
219
219
  r(!1);
220
- }, e.T() && B(o, 150), [ t, e.R(2, () => {
220
+ }, e.T() && N(o, 150), [ t, e.R(2, () => {
221
221
  r(!0);
222
222
  }) ];
223
223
  };
224
- if (s && j()) e.A(8, n()), _(async () => {
224
+ if (s && k()) e.A(8, n()), h(async () => {
225
225
  for (;;) {
226
226
  let t = !0;
227
227
  for (let [r, o] = e.v(); r <= o; r++) if (e.I(r)) {
@@ -248,11 +248,11 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
248
248
  }, () => {
249
249
  o && o();
250
250
  } ];
251
- }, E = e => {
251
+ }, M = e => {
252
252
  let t;
253
253
  return {
254
254
  F(r) {
255
- (t || (t = new (O(I(r)).ResizeObserver)(e))).observe(r);
255
+ (t || (t = new (I(w(r)).ResizeObserver)(e))).observe(r);
256
256
  },
257
257
  J(e) {
258
258
  t.unobserve(e);
@@ -261,7 +261,7 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
261
261
  t && t.disconnect();
262
262
  }
263
263
  };
264
- }, P = /*#__PURE__*/ e({
264
+ }, E = /*#__PURE__*/ r({
265
265
  props: {
266
266
  L: {
267
267
  type: Object,
@@ -298,39 +298,39 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
298
298
  },
299
299
  ee: Object
300
300
  },
301
- setup(e) {
302
- const l = t(), c = r(() => e.L.value && e.W.O(e.D, e.K)), a = r(() => e.L.value && e.W.I(e.D));
303
- return o(() => l.value && e.D, (t, r, o) => {
304
- o(e.Y(l.value, e.D));
301
+ setup(r) {
302
+ const s = l(), i = e(() => r.L.value && r.W.O(r.D, r.K)), a = e(() => r.L.value && r.W.I(r.D));
303
+ return c(() => s.value && r.D, (e, t, o) => {
304
+ o(r.Y(s.value, r.D));
305
305
  }, {
306
306
  flush: "post"
307
307
  }), () => {
308
- const {X: t, U: r, G: o, Z: u} = e, f = a.value, {style: d, ...p} = e.ee ?? {}, m = {
308
+ const {X: e, U: l, G: c, Z: u} = r, f = a.value, {style: d, ...p} = r.ee ?? {}, m = {
309
309
  contain: "layout style",
310
- position: f && o ? void 0 : "absolute",
311
- [r ? "height" : "width"]: "100%",
312
- [r ? "top" : "left"]: "0px",
313
- [r ? "left" : "top"]: c.value + "px",
314
- visibility: !f || o ? void 0 : "hidden",
310
+ position: f && c ? void 0 : "absolute",
311
+ [l ? "height" : "width"]: "100%",
312
+ [l ? "top" : "left"]: "0px",
313
+ [l ? "left" : "top"]: i.value + "px",
314
+ visibility: !f || c ? void 0 : "hidden",
315
315
  ...d
316
316
  };
317
- return r && (m.display = "inline-flex"), n(u, s({
318
- ref: l,
317
+ return l && (m.display = "inline-flex"), t(u, n({
318
+ ref: s,
319
319
  style: m
320
- }, p), "function" == typeof (h = t) || "[object Object]" === Object.prototype.toString.call(h) && !i(h) ? t : {
321
- default: () => [ t ],
320
+ }, p), "function" == typeof (h = e) || "[object Object]" === Object.prototype.toString.call(h) && !o(h) ? e : {
321
+ default: () => [ e ],
322
322
  _: 2
323
323
  }, 16, [ "style" ]);
324
324
  var h;
325
325
  };
326
326
  }
327
- }), R = (e, t) => {
327
+ }), P = (e, t) => {
328
328
  if (1 === e.length) {
329
329
  const t = e[0].key;
330
330
  if (null != t) return t;
331
331
  }
332
332
  return "_" + t;
333
- }, A = (e, t) => e[0] === t[0] && e[1] === t[1], C = /*#__PURE__*/ e({
333
+ }, R = (e, t) => e[0] === t[0] && e[1] === t[1], A = /*#__PURE__*/ r({
334
334
  props: {
335
335
  data: {
336
336
  type: Array,
@@ -359,15 +359,15 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
359
359
  cache: Object
360
360
  },
361
361
  emits: [ "scroll", "scrollEnd" ],
362
- setup(e, {emit: s, expose: u, slots: d}) {
363
- let p = !!e.ssrCount;
364
- const _ = e.horizontal, g = t(), v = N(e.data.length, e.itemSize, e.ssrCount, e.cache, !e.itemSize), y = ((e, t) => {
362
+ setup(r, {emit: n, expose: a, slots: f}) {
363
+ let d = !!r.ssrCount;
364
+ const h = r.horizontal, b = l(), g = j(r.data.length, r.itemSize, r.ssrCount, r.cache, !r.itemSize), v = ((e, t) => {
365
365
  let r;
366
- const o = t ? "width" : "height", n = new WeakMap, s = E(t => {
366
+ const o = t ? "width" : "height", n = /* @__PURE__ */ new WeakMap, s = M(t => {
367
367
  const s = [];
368
368
  for (const {target: i, contentRect: l} of t) if (i.offsetParent) if (i === r) e.A(4, l[o]); else {
369
369
  const e = n.get(i);
370
- e != a && s.push([ e, l[o] ]);
370
+ null != e && s.push([ e, l[o] ]);
371
371
  }
372
372
  s.length && e.A(3, s);
373
373
  });
@@ -380,28 +380,28 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
380
380
  }),
381
381
  p: s.H
382
382
  };
383
- })(v, _), S = ((e, t) => {
384
- let r, o, n = b(), s = !1;
385
- const i = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [c, a] = M(e, () => n[0], (e, o) => {
386
- e = T(e, s), o ? r.scrollTo({
383
+ })(g, h), y = ((e, t) => {
384
+ let r, o, n = _(), s = !1;
385
+ const i = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [c, a] = q(e, () => n[0], (e, o) => {
386
+ e = B(e, s), o ? r.scrollTo({
387
387
  [t ? "left" : "top"]: e,
388
388
  behavior: "smooth"
389
389
  }) : r[i] = e;
390
390
  });
391
391
  return {
392
392
  oe(c, u) {
393
- r = u, t && (s = "rtl" === getComputedStyle(u).direction), o = q(e, u, t, () => T(u[i], s), (t, r, o) => {
393
+ r = u, t && (s = "rtl" === getComputedStyle(u).direction), o = T(e, u, t, () => B(u[i], s), (t, r, o) => {
394
394
  if (o) {
395
395
  const e = u.style, t = e[l];
396
- e[l] = "hidden", B(() => {
396
+ e[l] = "hidden", N(() => {
397
397
  e[l] = t;
398
398
  });
399
399
  }
400
- u[i] = T(e.N() + t, s), r && a();
400
+ u[i] = B(e.N() + t, s), r && a();
401
401
  }), n[1](!0);
402
402
  },
403
403
  p() {
404
- o && o.H(), n[1](!1), n = b();
404
+ o && o.H(), n[1](!1), n = _();
405
405
  },
406
406
  ne: () => s,
407
407
  se(e) {
@@ -411,7 +411,7 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
411
411
  t += e.N(), c(() => t);
412
412
  },
413
413
  le(t, {align: r, smooth: o, offset: n = 0} = {}) {
414
- if (t = m(t, 0, e.j() - 1), "nearest" === r) {
414
+ if (t = p(t, 0, e.j() - 1), "nearest" === r) {
415
415
  const o = e.O(t), n = e.N();
416
416
  if (o < n) r = "start"; else {
417
417
  if (!(o + e.k(t) > n + e.T())) return;
@@ -424,110 +424,110 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
424
424
  o && o.V();
425
425
  }
426
426
  };
427
- })(v, _), z = t(v.m());
428
- v.R(1, () => {
429
- z.value = v.m();
430
- }), v.R(4, () => {
431
- s("scroll", v.N());
432
- }), v.R(8, () => {
433
- s("scrollEnd");
427
+ })(g, h), S = l(g.m());
428
+ g.R(1, () => {
429
+ S.value = g.m();
430
+ }), g.R(4, () => {
431
+ n("scroll", g.N());
432
+ }), g.R(8, () => {
433
+ n("scrollEnd");
434
434
  });
435
- const x = r(t => {
436
- z.value;
437
- const r = v.v(e.bufferSize);
438
- return t && A(t, r) ? t : r;
439
- }), $ = r(() => z.value && v.B()), w = r(() => z.value && v.M());
440
- return l(() => {
441
- p = !1;
442
- const t = g.value, r = requestAnimationFrame(() => {
443
- const r = e => {
444
- y.te(e), S.oe(t, e);
435
+ const z = e(e => {
436
+ S.value;
437
+ const t = g.v(r.bufferSize);
438
+ return e && R(e, t) ? e : t;
439
+ }), x = e(() => S.value && g.B()), $ = e(() => S.value && g.M());
440
+ return s(() => {
441
+ d = !1;
442
+ const e = b.value, t = requestAnimationFrame(() => {
443
+ const t = t => {
444
+ v.te(t), y.oe(e, t);
445
445
  };
446
- e.scrollRef ? r(e.scrollRef) : r(t.parentElement);
446
+ r.scrollRef ? t(r.scrollRef) : t(e.parentElement);
447
447
  });
448
- c(() => {
449
- cancelAnimationFrame(r);
448
+ i(() => {
449
+ cancelAnimationFrame(t);
450
450
  });
451
- }), c(() => {
452
- v.p(), y.p(), S.p();
453
- }), o(() => e.data.length, t => {
454
- v.A(5, [ t, e.shift ]);
455
- }), o(() => e.startMargin, e => {
456
- v.A(6, e);
451
+ }), i(() => {
452
+ g.p(), v.p(), y.p();
453
+ }), c(() => r.data.length, e => {
454
+ g.A(5, [ e, r.shift ]);
455
+ }), c(() => r.startMargin, e => {
456
+ g.A(6, e);
457
457
  }, {
458
458
  immediate: !0
459
- }), o([ z ], () => {
460
- S.ce();
459
+ }), c([ S ], () => {
460
+ y.ce();
461
461
  }, {
462
462
  flush: "post"
463
- }), u({
463
+ }), a({
464
464
  get cache() {
465
- return v.h();
465
+ return g.h();
466
466
  },
467
467
  get scrollOffset() {
468
- return v.N();
468
+ return g.N();
469
469
  },
470
470
  get scrollSize() {
471
- return (e => f(e.M(), e.T()))(v);
471
+ return (e => u(e.M(), e.T()))(g);
472
472
  },
473
473
  get viewportSize() {
474
- return v.T();
474
+ return g.T();
475
475
  },
476
- findItemIndex: v.S,
477
- getItemOffset: v.O,
478
- getItemSize: v.k,
479
- scrollToIndex: S.le,
480
- scrollTo: S.se,
481
- scrollBy: S.ie
476
+ findItemIndex: g.S,
477
+ getItemOffset: g.O,
478
+ getItemSize: g.k,
479
+ scrollToIndex: y.le,
480
+ scrollTo: y.se,
481
+ scrollBy: y.ie
482
482
  }), () => {
483
- const t = e.as, r = e.item, o = w.value, s = S.ne(), l = [], c = t => {
484
- const o = d.default({
485
- item: e.data[t],
486
- index: t
483
+ const e = r.as, n = r.item, s = $.value, i = y.ne(), l = [], c = e => {
484
+ const o = f.default({
485
+ item: r.data[e],
486
+ index: e
487
487
  });
488
- return n(P, {
489
- key: R(o, t),
490
- L: z,
491
- W: v,
492
- Y: y.re,
493
- D: t,
488
+ return t(E, {
489
+ key: P(o, e),
490
+ L: S,
491
+ W: g,
492
+ Y: v.re,
493
+ D: e,
494
494
  X: o,
495
- U: _,
496
- K: s,
497
- G: p,
498
- Z: r,
499
- ee: e.itemProps?.({
500
- item: e.data[t],
501
- index: t
495
+ U: h,
496
+ K: i,
497
+ G: d,
498
+ Z: n,
499
+ ee: r.itemProps?.({
500
+ item: r.data[e],
501
+ index: e
502
502
  })
503
503
  }, null, 8, [ "L", "W", "Y", "D", "X", "U", "K", "G", "Z", "ee" ]);
504
504
  };
505
- if (e.keepMounted) {
506
- const t = new Set(e.keepMounted);
507
- for (let [e, r] = x.value; e <= r; e++) t.add(e);
508
- h([ ...t ]).forEach(e => {
505
+ if (r.keepMounted) {
506
+ const e = new Set(r.keepMounted);
507
+ for (let [t, r] = z.value; t <= r; t++) e.add(t);
508
+ m([ ...e ]).forEach(e => {
509
509
  l.push(c(e));
510
510
  });
511
- } else for (let [e, t] = x.value; e <= t; e++) l.push(c(e));
512
- return n(t, {
513
- ref: g,
511
+ } else for (let [e, t] = z.value; e <= t; e++) l.push(c(e));
512
+ return t(e, {
513
+ ref: b,
514
514
  style: {
515
515
  contain: "size style",
516
516
  overflowAnchor: "none",
517
517
  flex: "none",
518
518
  position: "relative",
519
- width: _ ? o + "px" : "100%",
520
- height: _ ? "100%" : o + "px",
521
- pointerEvents: $.value ? "none" : void 0
519
+ width: h ? s + "px" : "100%",
520
+ height: h ? "100%" : s + "px",
521
+ pointerEvents: x.value ? "none" : void 0
522
522
  }
523
- }, "function" == typeof (a = l) || "[object Object]" === Object.prototype.toString.call(a) && !i(a) ? l : {
523
+ }, "function" == typeof (a = l) || "[object Object]" === Object.prototype.toString.call(a) && !o(a) ? l : {
524
524
  default: () => [ l ],
525
525
  _: 2
526
526
  }, 8, [ "style" ]);
527
527
  var a;
528
528
  };
529
529
  }
530
- }), H = /*#__PURE__*/ e({
530
+ }), C = /*#__PURE__*/ r({
531
531
  props: {
532
532
  data: {
533
533
  type: Array,
@@ -543,13 +543,13 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
543
543
  cache: Object
544
544
  },
545
545
  emits: [ "scroll", "scrollEnd" ],
546
- setup(e, {emit: r, expose: o, slots: s}) {
547
- const l = e.horizontal, c = e => {
546
+ setup(e, {emit: r, expose: n, slots: s}) {
547
+ const i = e.horizontal, c = e => {
548
548
  r("scroll", e);
549
549
  }, a = () => {
550
550
  r("scrollEnd");
551
- }, u = t();
552
- return o({
551
+ }, u = l();
552
+ return n({
553
553
  get cache() {
554
554
  return u.value.cache;
555
555
  },
@@ -569,15 +569,15 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
569
569
  scrollTo: (...e) => u.value.scrollTo(...e),
570
570
  scrollBy: (...e) => u.value.scrollBy(...e)
571
571
  }), () => {
572
- return n("div", {
572
+ return t("div", {
573
573
  style: {
574
- display: l ? "inline-block" : "block",
575
- [l ? "overflowX" : "overflowY"]: "auto",
574
+ display: i ? "inline-block" : "block",
575
+ [i ? "overflowX" : "overflowY"]: "auto",
576
576
  contain: "strict",
577
577
  width: "100%",
578
578
  height: "100%"
579
579
  }
580
- }, [ n(C, {
580
+ }, [ t(A, {
581
581
  ref: u,
582
582
  data: e.data,
583
583
  bufferSize: e.bufferSize,
@@ -585,19 +585,19 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
585
585
  itemProps: e.itemProps,
586
586
  shift: e.shift,
587
587
  ssrCount: e.ssrCount,
588
- horizontal: l,
588
+ horizontal: i,
589
589
  keepMounted: e.keepMounted,
590
590
  cache: e.cache,
591
591
  onScroll: c,
592
592
  onScrollEnd: a
593
- }, (t = s, "function" == typeof t || "[object Object]" === Object.prototype.toString.call(t) && !i(t) ? s : {
593
+ }, (r = s, "function" == typeof r || "[object Object]" === Object.prototype.toString.call(r) && !o(r) ? s : {
594
594
  default: () => [ s ],
595
595
  _: 2
596
596
  }), 8, [ "data", "bufferSize", "itemSize", "itemProps", "shift", "ssrCount", "horizontal", "keepMounted", "cache", "onScroll", "onScrollEnd" ]) ], 4);
597
- var t;
597
+ var r;
598
598
  };
599
599
  }
600
- }), V = /*#__PURE__*/ e({
600
+ }), H = /*#__PURE__*/ r({
601
601
  props: {
602
602
  data: {
603
603
  type: Array,
@@ -618,24 +618,24 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
618
618
  cache: Object
619
619
  },
620
620
  emits: [ "scroll", "scrollEnd" ],
621
- setup(e, {emit: s, slots: u, expose: f}) {
622
- const d = e.horizontal, p = t(), h = N(e.data.length, e.itemSize, void 0, e.cache, !e.itemSize), g = ((e, t) => {
623
- const r = t ? "width" : "height", o = t ? "innerWidth" : "innerHeight", n = new WeakMap, s = E(t => {
621
+ setup(r, {emit: n, slots: a, expose: u}) {
622
+ const f = r.horizontal, d = l(), m = j(r.data.length, r.itemSize, void 0, r.cache, !r.itemSize), b = ((e, t) => {
623
+ const r = t ? "width" : "height", o = t ? "innerWidth" : "innerHeight", n = /* @__PURE__ */ new WeakMap, s = M(t => {
624
624
  const o = [];
625
625
  for (const {target: e, contentRect: s} of t) {
626
626
  if (!e.offsetParent) continue;
627
627
  const t = n.get(e);
628
- t != a && o.push([ t, s[r] ]);
628
+ null != t && o.push([ t, s[r] ]);
629
629
  }
630
630
  o.length && e.A(3, o);
631
631
  });
632
632
  let i;
633
633
  return {
634
634
  te(t) {
635
- const r = O(I(t)), n = () => {
635
+ const r = I(w(t)), n = () => {
636
636
  e.A(4, r[o]);
637
637
  };
638
- r.addEventListener("resize", n), _(n), i = () => {
638
+ r.addEventListener("resize", n), h(n), i = () => {
639
639
  r.removeEventListener("resize", n);
640
640
  };
641
641
  },
@@ -646,11 +646,11 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
646
646
  i && i(), s.H();
647
647
  }
648
648
  };
649
- })(h, d), v = ((e, t) => {
650
- let r, o, n = b(), s = !1;
651
- const i = t ? "left" : "top", [l] = M(e, () => n[0], (e, t) => {
652
- e = T(e, s);
653
- const o = O(I(r));
649
+ })(m, f), g = ((e, t) => {
650
+ let r, o, n = _(), s = !1;
651
+ const i = t ? "left" : "top", [l] = q(e, () => n[0], (e, t) => {
652
+ e = B(e, s);
653
+ const o = I(w(r));
654
654
  t ? o.scroll({
655
655
  [i]: e,
656
656
  behavior: "smooth"
@@ -664,17 +664,17 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
664
664
  return {
665
665
  oe(l) {
666
666
  r = l;
667
- const a = t ? "scrollX" : "scrollY", u = I(l), f = O(u);
668
- t && (s = "rtl" === getComputedStyle(w(u)).direction), o = q(e, f, t, () => T(f[a], s), (t, r) => {
667
+ const a = t ? "scrollX" : "scrollY", u = w(l), f = I(u);
668
+ t && (s = "rtl" === getComputedStyle($(u)).direction), o = T(e, f, t, () => B(f[a], s), (t, r) => {
669
669
  r ? f.scroll({
670
- [i]: T(e.N() + t, s)
670
+ [i]: B(e.N() + t, s)
671
671
  }) : f.scrollBy({
672
- [i]: T(t, s)
672
+ [i]: B(t, s)
673
673
  });
674
674
  }, () => c(l, u.body, f, t)), n[1](!0);
675
675
  },
676
676
  p() {
677
- o && o.H(), r = void 0, n[1](!1), n = b();
677
+ o && o.H(), r = void 0, n[1](!1), n = _();
678
678
  },
679
679
  ne: () => s,
680
680
  ce: () => {
@@ -682,86 +682,86 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
682
682
  },
683
683
  le(o, {align: n, smooth: s, offset: i = 0} = {}) {
684
684
  if (!r) return;
685
- if (o = m(o, 0, e.j() - 1), "nearest" === n) {
685
+ if (o = p(o, 0, e.j() - 1), "nearest" === n) {
686
686
  const t = e.O(o), r = e.N();
687
687
  if (t < r) n = "start"; else {
688
688
  if (!(t + e.k(o) > r + e.T())) return;
689
689
  n = "end";
690
690
  }
691
691
  }
692
- const a = I(r), u = O(a), f = w(a), d = () => e.T() - (t ? f.clientWidth : f.clientHeight);
692
+ const a = w(r), u = I(a), f = $(a), d = () => e.T() - (t ? f.clientWidth : f.clientHeight);
693
693
  l(() => i + c(r, a.body, u, t) + e.O(o) + ("end" === n ? e.k(o) - (e.T() - d()) : "center" === n ? (e.k(o) - (e.T() - d())) / 2 : 0), s);
694
694
  }
695
695
  };
696
- })(h, d), y = t(h.m());
697
- h.R(1, () => {
698
- y.value = h.m();
699
- }), h.R(4, () => {
700
- s("scroll");
701
- }), h.R(8, () => {
702
- s("scrollEnd");
696
+ })(m, f), v = l(m.m());
697
+ m.R(1, () => {
698
+ v.value = m.m();
699
+ }), m.R(4, () => {
700
+ n("scroll");
701
+ }), m.R(8, () => {
702
+ n("scrollEnd");
703
703
  });
704
- const S = r(t => {
705
- y.value;
706
- const r = h.v(e.bufferSize);
707
- return t && A(t, r) ? t : r;
708
- }), z = r(() => y.value && h.B()), x = r(() => y.value && h.M());
709
- return l(() => {
710
- const e = p.value;
711
- e && (g.te(e), v.oe(e));
712
- }), c(() => {
713
- h.p(), g.p(), v.p();
714
- }), o(() => e.data.length, t => {
715
- h.A(5, [ t, e.shift ]);
716
- }), o([ y ], () => {
717
- v.ce();
704
+ const y = e(e => {
705
+ v.value;
706
+ const t = m.v(r.bufferSize);
707
+ return e && R(e, t) ? e : t;
708
+ }), S = e(() => v.value && m.B()), z = e(() => v.value && m.M());
709
+ return s(() => {
710
+ const e = d.value;
711
+ e && (b.te(e), g.oe(e));
712
+ }), i(() => {
713
+ m.p(), b.p(), g.p();
714
+ }), c(() => r.data.length, e => {
715
+ m.A(5, [ e, r.shift ]);
716
+ }), c([ v ], () => {
717
+ g.ce();
718
718
  }, {
719
719
  flush: "post"
720
- }), f({
720
+ }), u({
721
721
  get cache() {
722
- return h.h();
722
+ return m.h();
723
723
  },
724
724
  get scrollOffset() {
725
- return h.N();
725
+ return m.N();
726
726
  },
727
727
  get viewportSize() {
728
- return h.T();
728
+ return m.T();
729
729
  },
730
- findItemIndex: h.S,
731
- getItemOffset: h.O,
732
- getItemSize: h.k,
733
- scrollToIndex: v.le
730
+ findItemIndex: m.S,
731
+ getItemOffset: m.O,
732
+ getItemSize: m.k,
733
+ scrollToIndex: g.le
734
734
  }), () => {
735
- const t = e.as, r = e.item, o = x.value, s = v.ne(), l = [];
736
- for (let [t, o] = S.value; t <= o; t++) {
737
- const o = u.default({
738
- item: e.data[t],
739
- index: t
735
+ const e = r.as, n = r.item, s = z.value, i = g.ne(), l = [];
736
+ for (let [e, o] = y.value; e <= o; e++) {
737
+ const o = a.default({
738
+ item: r.data[e],
739
+ index: e
740
740
  });
741
- l.push(n(P, {
742
- key: R(o, t),
743
- L: y,
744
- W: h,
745
- Y: g.re,
746
- D: t,
741
+ l.push(t(E, {
742
+ key: P(o, e),
743
+ L: v,
744
+ W: m,
745
+ Y: b.re,
746
+ D: e,
747
747
  X: o,
748
- U: d,
749
- K: s,
750
- Z: r
748
+ U: f,
749
+ K: i,
750
+ Z: n
751
751
  }, null, 8, [ "L", "W", "Y", "D", "X", "U", "K", "Z" ]));
752
752
  }
753
- return n(t, {
754
- ref: p,
753
+ return t(e, {
754
+ ref: d,
755
755
  style: {
756
756
  contain: "size style",
757
757
  overflowAnchor: "none",
758
758
  flex: "none",
759
759
  position: "relative",
760
- width: d ? o + "px" : "100%",
761
- height: d ? "100%" : o + "px",
762
- pointerEvents: z.value ? "none" : void 0
760
+ width: f ? s + "px" : "100%",
761
+ height: f ? "100%" : s + "px",
762
+ pointerEvents: S.value ? "none" : void 0
763
763
  }
764
- }, "function" == typeof (c = l) || "[object Object]" === Object.prototype.toString.call(c) && !i(c) ? l : {
764
+ }, "function" == typeof (c = l) || "[object Object]" === Object.prototype.toString.call(c) && !o(c) ? l : {
765
765
  default: () => [ l ],
766
766
  _: 2
767
767
  }, 8, [ "style" ]);
@@ -770,5 +770,5 @@ const a = null, {min: u, max: f, abs: d, floor: p} = Math, m = (e, t, r) => u(r,
770
770
  }
771
771
  });
772
772
 
773
- export { H as VList, C as Virtualizer, V as WindowVirtualizer };
774
- //# sourceMappingURL=index.js.map
773
+ export { C as VList, A as Virtualizer, H as WindowVirtualizer };
774
+ //# sourceMappingURL=index.js.map