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
@@ -1,71 +1,71 @@
1
- import { createComponent as e, Dynamic as t, spread as r, mergeProps as n, insert as o, template as s, use as i, effect as c, setStyleProperty as l } from "solid-js/web";
1
+ import { Dynamic as e, createComponent as t, effect as r, insert as n, mergeProps as o, setStyleProperty as s, spread as i, template as l, use as c } from "solid-js/web";
2
2
 
3
- import { mergeProps as u, createEffect as f, createMemo as a, onCleanup as d, createSignal as g, onMount as h, createComputed as p, on as v, untrack as m, For as S, splitProps as $ } from "solid-js";
3
+ import { For as u, createComputed as f, createEffect as a, createMemo as d, createSignal as g, mergeProps as h, on as p, onCleanup as v, onMount as m, splitProps as S, untrack as $ } from "solid-js";
4
4
 
5
- const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r, w(t, e)), I = e => [ ...e ].sort((e, t) => e - t), k = "function" == typeof queueMicrotask ? queueMicrotask : e => {
5
+ var {min: b, max: z, abs: w, floor: x} = Math, y = (e, t, r) => b(r, z(t, e)), _ = e => [ ...e ].sort((e, t) => e - t), I = "function" == typeof queueMicrotask ? queueMicrotask : e => {
6
6
  Promise.resolve().then(e);
7
- }, T = () => {
7
+ }, k = () => {
8
8
  let e;
9
9
  return [ new Promise(t => {
10
10
  e = t;
11
11
  }), e ];
12
- }, M = e => {
12
+ }, T = e => {
13
13
  let t;
14
14
  return () => (e && (t = e(), e = void 0), t);
15
- }, O = (e, t, r) => {
15
+ }, M = (e, t, r) => {
16
16
  const n = r ? "unshift" : "push";
17
17
  for (let r = 0; r < t; r++) e[n](-1);
18
18
  return e;
19
- }, R = (e, t) => {
19
+ }, O = (e, t) => {
20
20
  const r = e.o[t];
21
21
  return -1 === r ? e.i : r;
22
- }, J = (e, t, r) => {
22
+ }, R = (e, t, r) => {
23
23
  const n = -1 === e.o[t];
24
- return e.o[t] = r, e.l = z(t, e.l), n;
25
- }, P = (e, t) => {
24
+ return e.o[t] = r, e.l = b(t, e.l), n;
25
+ }, J = (e, t) => {
26
26
  if (!e.u) return 0;
27
27
  if (e.l >= t) return e.h[t];
28
28
  e.l < 0 && (e.h[0] = 0, e.l = 0);
29
29
  let r = e.l, n = e.h[r];
30
- for (;r < t; ) n += R(e, r), e.h[++r] = n;
30
+ for (;r < t; ) n += O(e, r), e.h[++r] = n;
31
31
  return e.l = t, n;
32
- }, B = (e, t, r = 0, n = e.u - 1) => {
32
+ }, P = (e, t, r = 0, n = e.u - 1) => {
33
33
  let o = r;
34
34
  for (;r <= n; ) {
35
- const s = y((r + n) / 2);
36
- P(e, s) <= t ? (o = s, r = s + 1) : n = s - 1;
35
+ const s = x((r + n) / 2);
36
+ J(e, s) <= t ? (o = s, r = s + 1) : n = s - 1;
37
37
  }
38
- return _(o, 0, e.u - 1);
39
- }, C = (e, t, r) => {
38
+ return y(o, 0, e.u - 1);
39
+ }, B = (e, t, r) => {
40
40
  const n = t - e.u;
41
- return e.l = r ? -1 : z(t - 1, e.l), e.u = t, n > 0 ? (O(e.h, n), O(e.o, n, r),
41
+ return e.l = r ? -1 : b(t - 1, e.l), e.u = t, n > 0 ? (M(e.h, n), M(e.o, n, r),
42
42
  e.i * n) : (e.h.splice(n), (r ? e.o.splice(0, -n) : e.o.splice(n)).reduce((t, r) => t - (-1 === r ? e.i : r), 0));
43
- }, E = e => e.documentElement, H = e => e.ownerDocument, L = e => e.defaultView, W = /*#__PURE__*/ M(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), j = /*#__PURE__*/ M(() => "scrollBehavior" in E(document).style), q = (e, t = 40, r = 0, n, o = !1) => {
44
- let s = !!r, i = 1, c = 0, l = 0, u = 0, f = 0, a = 0, d = 0, g = 0, h = 0, p = b, v = [ 0, s ? w(r - 1, 0) : -1 ], m = 0, S = !1;
43
+ }, C = e => e.documentElement, E = e => e.ownerDocument, H = e => e.defaultView, L = /*#__PURE__*/ T(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), W = /*#__PURE__*/ T(() => "scrollBehavior" in C(document).style), j = (e, t = 40, r = 0, n, o = !1) => {
44
+ let s = !!r, i = 1, l = 0, c = 0, u = 0, f = 0, a = 0, d = 0, g = 0, h = 0, p = null, v = [ 0, s ? z(r - 1, 0) : -1 ], m = 0, S = !1;
45
45
  const $ = ((e, t, r) => ({
46
46
  i: t,
47
- o: r ? O(r.slice(0, z(e, r.length)), w(0, e - r.length)) : O([], e),
47
+ o: r ? M(r.slice(0, b(e, r.length)), z(0, e - r.length)) : M([], e),
48
48
  u: e,
49
49
  l: -1,
50
- h: O([], e + 1)
51
- }))(e, n ? n[1] : t, n && n[0]), y = new Set, _ = () => u - l, k = () => _() + a + f, T = (e, t) => ((e, t, r, n) => {
52
- if (n = z(n, e.u - 1), P(e, n) <= t) {
53
- const o = B(e, r, n);
54
- return [ B(e, t, n, o), o ];
50
+ h: M([], e + 1)
51
+ }))(e, n ? n[1] : t, n && n[0]), x = /* @__PURE__ */ new Set, y = () => u - c, I = () => y() + a + f, k = (e, t) => ((e, t, r, n) => {
52
+ if (n = b(n, e.u - 1), J(e, n) <= t) {
53
+ const o = P(e, r, n);
54
+ return [ P(e, t, n, o), o ];
55
55
  }
56
56
  {
57
- const o = B(e, t, void 0, n);
58
- return [ o, B(e, r, o) ];
57
+ const o = P(e, t, void 0, n);
58
+ return [ o, P(e, r, o) ];
59
59
  }
60
- })($, e, t, v[0]), M = () => P($, $.u), E = (e, t) => {
61
- const r = P($, e) - a;
62
- return t ? M() - r - H(e) : r;
63
- }, H = e => R($, e), L = (e, t = -1) => $.o[e] === t, j = e => {
64
- e && (W() && 0 !== g || p && 1 === h ? a += e : f += e);
60
+ })($, e, t, v[0]), T = () => J($, $.u), C = (e, t) => {
61
+ const r = J($, e) - a;
62
+ return t ? T() - r - E(e) : r;
63
+ }, E = e => O($, e), H = (e, t = -1) => $.o[e] === t, W = e => {
64
+ e && (L() && 0 !== g || p && 1 === h ? a += e : f += e);
65
65
  };
66
66
  return {
67
67
  p: () => {
68
- y.clear();
68
+ x.clear();
69
69
  },
70
70
  v: () => i,
71
71
  m: () => (e => [ e.o.slice(), e.i ])($),
@@ -73,27 +73,27 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
73
73
  if (!S || s) return v;
74
74
  let t, r;
75
75
  if (d) [t, r] = v; else {
76
- let n = w(0, k()), s = n + c;
77
- o || (e = w(0, e), 1 !== g && (n -= e), 2 !== g && (s += e)), [t, r] = v = T(w(0, n), w(0, s)),
78
- p && (t = z(t, p[0]), r = w(r, p[1]));
76
+ let n = z(0, I()), s = n + l;
77
+ o || (e = z(0, e), 1 !== g && (n -= e), 2 !== g && (s += e)), [t, r] = v = k(z(0, n), z(0, s)),
78
+ p && (t = b(t, p[0]), r = z(r, p[1]));
79
79
  }
80
- return [ w(t, 0), z(r, $.u - 1) ];
80
+ return [ z(t, 0), b(r, $.u - 1) ];
81
81
  },
82
- $: e => B($, e - l),
83
- _: L,
84
- I: E,
85
- k: H,
82
+ $: e => P($, e - c),
83
+ _: H,
84
+ I: C,
85
+ k: E,
86
86
  T: () => $.u,
87
87
  M: () => u,
88
88
  O: () => 0 !== g,
89
- R: () => c,
90
- J: () => l,
91
- P: M,
89
+ R: () => l,
90
+ J: () => c,
91
+ P: T,
92
92
  B: () => (d = f, f = 0, [ d, 2 === h ]),
93
93
  C: (e, t) => {
94
94
  const r = [ e, t ];
95
- return y.add(r), () => {
96
- y.delete(r);
95
+ return x.add(r), () => {
96
+ x.delete(r);
97
97
  };
98
98
  },
99
99
  H: (e, t) => {
@@ -104,55 +104,55 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
104
104
  if (t === u && 0 === h) break;
105
105
  const e = d;
106
106
  d = 0;
107
- const r = t - u, o = x(r);
108
- e && o < x(e) + 1 || 0 !== h || (g = r < 0 ? 2 : 1), s && (s = !1), u = t, v = 4;
109
- const i = _();
110
- i >= -c && i <= M() && (v += 1, n = o > c);
107
+ const r = t - u, o = w(r);
108
+ e && o < w(e) + 1 || 0 !== h || (g = r < 0 ? 2 : 1), s && (s = !1), u = t, v = 4;
109
+ const i = y();
110
+ i >= -l && i <= T() && (v += 1, n = o > l);
111
111
  break;
112
112
  }
113
113
 
114
114
  case 2:
115
- v = 8, 0 !== g && (r = !0, v += 1), g = 0, h = 0, p = b;
115
+ v = 8, 0 !== g && (r = !0, v += 1), g = 0, h = 0, p = null;
116
116
  break;
117
117
 
118
118
  case 3:
119
119
  {
120
- const e = t.filter(([e, t]) => !L(e, t));
120
+ const e = t.filter(([e, t]) => !H(e, t));
121
121
  if (!e.length) break;
122
- j(e.reduce((e, [t, r]) => {
122
+ W(e.reduce((e, [t, r]) => {
123
123
  let n;
124
124
  if (2 === h) n = !0; else if (p && 1 === h) n = t < p[0]; else {
125
- const e = _(), r = E(t), o = H(t);
126
- n = 1 !== g && 0 === h ? r + o <= e : r < e && r + o < e + c;
125
+ const e = y(), r = C(t), o = E(t);
126
+ n = 1 !== g && 0 === h ? r + o <= e : r < e && r + o < e + l;
127
127
  }
128
- return n && (e += r - H(t)), e;
128
+ return n && (e += r - E(t)), e;
129
129
  }, 0));
130
130
  for (const [t, r] of e) {
131
- const e = H(t), n = J($, t, r);
131
+ const e = E(t), n = R($, t, r);
132
132
  o && (m += n ? r : r - e);
133
133
  }
134
- o && c && m > c && (j(((e, t) => {
134
+ o && l && m > l && (W(((e, t) => {
135
135
  let r = 0;
136
136
  const n = [];
137
137
  e.o.forEach((e, o) => {
138
138
  -1 !== e && (n.push(e), o < t && r++);
139
139
  }), e.l = -1;
140
- const o = I(n), s = o.length, i = s / 2 | 0, c = s % 2 == 0 ? (o[i - 1] + o[i]) / 2 : o[i], l = e.i;
141
- return ((e.i = c) - l) * w(t - r, 0);
142
- })($, B($, k()))), o = !1), v = 3, n = !0;
140
+ const o = _(n), s = o.length, i = s / 2 | 0, l = s % 2 == 0 ? (o[i - 1] + o[i]) / 2 : o[i], c = e.i;
141
+ return ((e.i = l) - c) * z(t - r, 0);
142
+ })($, P($, I()))), o = !1), v = 3, n = !0;
143
143
  break;
144
144
  }
145
145
 
146
146
  case 4:
147
- c !== t && (c || (S = n = !0), c = t, v = 3);
147
+ l !== t && (l || (S = n = !0), l = t, v = 3);
148
148
  break;
149
149
 
150
150
  case 5:
151
- t[1] ? (j(C($, t[0], !0)), h = 2, v = 1) : (C($, t[0]), v = 1);
151
+ t[1] ? (W(B($, t[0], !0)), h = 2, v = 1) : (B($, t[0]), v = 1);
152
152
  break;
153
153
 
154
154
  case 6:
155
- l = t;
155
+ c = t;
156
156
  break;
157
157
 
158
158
  case 7:
@@ -160,39 +160,39 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
160
160
  break;
161
161
 
162
162
  case 8:
163
- p = T(t, t + c), v = 1;
163
+ p = k(t, t + l), v = 1;
164
164
  }
165
- v && (i = 1 + (2147483647 & i), r && a && (f += a, a = 0), y.forEach(([e, t]) => {
165
+ v && (i = 1 + (2147483647 & i), r && a && (f += a, a = 0), x.forEach(([e, t]) => {
166
166
  v & e && t(n);
167
167
  }));
168
168
  }
169
169
  };
170
- }, N = setTimeout, V = (e, t) => t ? -e : e, X = (e, t, r, n, o, s) => {
170
+ }, q = setTimeout, N = (e, t) => t ? -e : e, V = (e, t, r, n, o, s) => {
171
171
  const i = Date.now;
172
- let c = 0, l = !1, u = !1, f = !1, a = !1;
172
+ let l = 0, c = !1, u = !1, f = !1, a = !1;
173
173
  const d = (() => {
174
174
  let t;
175
175
  const r = () => {
176
- t != b && clearTimeout(t);
176
+ null != t && clearTimeout(t);
177
177
  }, n = () => {
178
- r(), t = N(() => {
179
- t = b, (() => {
180
- if (l || u) return l = !1, void d();
178
+ r(), t = q(() => {
179
+ t = null, (() => {
180
+ if (c || u) return c = !1, void d();
181
181
  f = !1, e.H(2);
182
182
  })();
183
183
  }, 150);
184
184
  };
185
185
  return n.L = r, n;
186
186
  })(), g = () => {
187
- c = i(), f && (a = !0), s && e.H(6, s()), e.H(1, n()), d();
187
+ l = i(), f && (a = !0), s && e.H(6, s()), e.H(1, n()), d();
188
188
  }, h = t => {
189
- if (l || !e.O() || t.ctrlKey) return;
190
- const n = i() - c;
191
- 150 > n && 50 < n && (r ? t.deltaX : t.deltaY) && (l = !0);
189
+ if (c || !e.O() || t.ctrlKey) return;
190
+ const n = i() - l;
191
+ 150 > n && 50 < n && (r ? t.deltaX : t.deltaY) && (c = !0);
192
192
  }, p = () => {
193
193
  u = !0, f = a = !1;
194
194
  }, v = () => {
195
- u = !1, W() && (f = !0);
195
+ u = !1, L() && (f = !0);
196
196
  };
197
197
  return t.addEventListener("scroll", g), t.addEventListener("wheel", h, {
198
198
  passive: !0
@@ -210,20 +210,20 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
210
210
  t && (o(t, r, a), a = !1, r && e.R() > e.P() && e.H(1, n()));
211
211
  }
212
212
  };
213
- }, Y = (e, t, r) => {
213
+ }, X = (e, t, r) => {
214
214
  let n;
215
215
  return [ async (o, s) => {
216
216
  if (!await t()) return;
217
217
  n && n();
218
218
  const i = () => {
219
- const [t, r] = T();
219
+ const [t, r] = k();
220
220
  return n = () => {
221
221
  r(!1);
222
- }, e.R() && N(n, 150), [ t, e.C(2, () => {
222
+ }, e.R() && q(n, 150), [ t, e.C(2, () => {
223
223
  r(!0);
224
224
  }) ];
225
225
  };
226
- if (s && j()) e.H(8, o()), k(async () => {
226
+ if (s && W()) e.H(8, o()), I(async () => {
227
227
  for (;;) {
228
228
  let t = !0;
229
229
  for (let [r, n] = e.S(); r <= n; r++) if (e._(r)) {
@@ -250,11 +250,11 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
250
250
  }, () => {
251
251
  n && n();
252
252
  } ];
253
- }, D = e => {
253
+ }, Y = e => {
254
254
  let t;
255
255
  return {
256
256
  q(r) {
257
- (t || (t = new (L(H(r)).ResizeObserver)(e))).observe(r);
257
+ (t || (t = new (H(E(r)).ResizeObserver)(e))).observe(r);
258
258
  },
259
259
  N(e) {
260
260
  t.unobserve(e);
@@ -263,14 +263,14 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
263
263
  t && t.disconnect();
264
264
  }
265
265
  };
266
- }, U = r => {
266
+ }, D = r => {
267
267
  let n;
268
- r = u({
268
+ r = h({
269
269
  V: "div"
270
- }, r), f(() => {
271
- n && d(r.X(n, r.Y));
270
+ }, r), a(() => {
271
+ n && v(r.X(n, r.Y));
272
272
  });
273
- const o = a(() => {
273
+ const o = d(() => {
274
274
  const e = r.D, t = {
275
275
  contain: "layout style",
276
276
  position: "absolute",
@@ -281,7 +281,7 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
281
281
  };
282
282
  return e && (t.display = "inline-flex"), t;
283
283
  });
284
- return e(t, {
284
+ return t(e, {
285
285
  get component() {
286
286
  return r.V;
287
287
  },
@@ -298,19 +298,19 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
298
298
  return r.F;
299
299
  }
300
300
  });
301
- }, A = (e, t) => e[0] === t[0] && e[1] === t[1], F = r => {
301
+ }, U = (e, t) => e[0] === t[0] && e[1] === t[1], A = r => {
302
302
  let n;
303
303
  const {itemSize: o, horizontal: s = !1, cache: i} = r;
304
- r = u({
304
+ r = h({
305
305
  as: "div"
306
306
  }, r);
307
- const c = q(r.data.length, o, void 0, i, !o), l = ((e, t) => {
307
+ const l = j(r.data.length, o, void 0, i, !o), c = ((e, t) => {
308
308
  let r;
309
- const n = t ? "width" : "height", o = new WeakMap, s = D(t => {
309
+ const n = t ? "width" : "height", o = /* @__PURE__ */ new WeakMap, s = Y(t => {
310
310
  const s = [];
311
- for (const {target: i, contentRect: c} of t) if (i.offsetParent) if (i === r) e.H(4, c[n]); else {
311
+ for (const {target: i, contentRect: l} of t) if (i.offsetParent) if (i === r) e.H(4, l[n]); else {
312
312
  const e = o.get(i);
313
- e != b && s.push([ e, c[n] ]);
313
+ null != e && s.push([ e, l[n] ]);
314
314
  }
315
315
  s.length && e.H(3, s);
316
316
  });
@@ -323,112 +323,112 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
323
323
  }),
324
324
  p: s.W
325
325
  };
326
- })(c, s), $ = ((e, t) => {
327
- let r, n, o = T(), s = !1;
328
- const i = t ? "scrollLeft" : "scrollTop", c = t ? "overflowX" : "overflowY", [l, u] = Y(e, () => o[0], (e, n) => {
329
- e = V(e, s), n ? r.scrollTo({
326
+ })(l, s), S = ((e, t) => {
327
+ let r, n, o = k(), s = !1;
328
+ const i = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [c, u] = X(e, () => o[0], (e, n) => {
329
+ e = N(e, s), n ? r.scrollTo({
330
330
  [t ? "left" : "top"]: e,
331
331
  behavior: "smooth"
332
332
  }) : r[i] = e;
333
333
  });
334
334
  return {
335
- Z(l, f) {
336
- r = f, t && (s = "rtl" === getComputedStyle(f).direction), n = X(e, f, t, () => V(f[i], s), (t, r, n) => {
335
+ Z(c, f) {
336
+ r = f, t && (s = "rtl" === getComputedStyle(f).direction), n = V(e, f, t, () => N(f[i], s), (t, r, n) => {
337
337
  if (n) {
338
- const e = f.style, t = e[c];
339
- e[c] = "hidden", N(() => {
340
- e[c] = t;
338
+ const e = f.style, t = e[l];
339
+ e[l] = "hidden", q(() => {
340
+ e[l] = t;
341
341
  });
342
342
  }
343
- f[i] = V(e.M() + t, s), r && u();
343
+ f[i] = N(e.M() + t, s), r && u();
344
344
  }), o[1](!0);
345
345
  },
346
346
  p() {
347
- n && n.W(), o[1](!1), o = T();
347
+ n && n.W(), o[1](!1), o = k();
348
348
  },
349
349
  ee: () => s,
350
350
  te(e) {
351
- l(() => e);
351
+ c(() => e);
352
352
  },
353
353
  re(t) {
354
- t += e.M(), l(() => t);
354
+ t += e.M(), c(() => t);
355
355
  },
356
356
  ne(t, {align: r, smooth: n, offset: o = 0} = {}) {
357
- if (t = _(t, 0, e.T() - 1), "nearest" === r) {
357
+ if (t = y(t, 0, e.T() - 1), "nearest" === r) {
358
358
  const n = e.I(t), o = e.M();
359
359
  if (n < o) r = "start"; else {
360
360
  if (!(n + e.k(t) > o + e.R())) return;
361
361
  r = "end";
362
362
  }
363
363
  }
364
- l(() => o + e.J() + e.I(t) + ("end" === r ? e.k(t) - e.R() : "center" === r ? (e.k(t) - e.R()) / 2 : 0), n);
364
+ c(() => o + e.J() + e.I(t) + ("end" === r ? e.k(t) - e.R() : "center" === r ? (e.k(t) - e.R()) / 2 : 0), n);
365
365
  },
366
366
  oe: () => {
367
367
  n && n.j();
368
368
  }
369
369
  };
370
- })(c, s), [z, x] = g(c.v());
371
- c.C(1, () => {
372
- x(c.v());
373
- }), c.C(4, () => {
374
- r.onScroll?.(c.M());
375
- }), c.C(8, () => {
370
+ })(l, s), [b, w] = g(l.v());
371
+ l.C(1, () => {
372
+ w(l.v());
373
+ }), l.C(4, () => {
374
+ r.onScroll?.(l.M());
375
+ }), l.C(8, () => {
376
376
  r.onScrollEnd?.();
377
377
  });
378
- const y = a(e => {
379
- z();
380
- const t = c.S(r.bufferSize);
381
- return e && A(e, t) ? e : t;
382
- }), k = a(() => z() && c.O()), M = a(() => z() && c.P()), O = a(() => z() && $.ee());
383
- h(() => {
378
+ const x = d(e => {
379
+ b();
380
+ const t = l.S(r.bufferSize);
381
+ return e && U(e, t) ? e : t;
382
+ }), I = d(() => b() && l.O()), T = d(() => b() && l.P()), M = d(() => b() && S.ee());
383
+ m(() => {
384
384
  r.ref && r.ref({
385
385
  get cache() {
386
- return c.m();
386
+ return l.m();
387
387
  },
388
388
  get scrollOffset() {
389
- return c.M();
389
+ return l.M();
390
390
  },
391
391
  get scrollSize() {
392
- return (e => w(e.P(), e.R()))(c);
392
+ return (e => z(e.P(), e.R()))(l);
393
393
  },
394
394
  get viewportSize() {
395
- return c.R();
395
+ return l.R();
396
396
  },
397
- findItemIndex: c.$,
398
- getItemOffset: c.I,
399
- getItemSize: c.k,
400
- scrollToIndex: $.ne,
401
- scrollTo: $.te,
402
- scrollBy: $.re
397
+ findItemIndex: l.$,
398
+ getItemOffset: l.I,
399
+ getItemSize: l.k,
400
+ scrollToIndex: S.ne,
401
+ scrollTo: S.te,
402
+ scrollBy: S.re
403
403
  });
404
404
  const e = n, t = r.scrollRef || e.parentElement;
405
- l.G(t), $.Z(e, t), d(() => {
406
- r.ref && r.ref(), c.p(), l.p(), $.p();
405
+ c.G(t), S.Z(e, t), v(() => {
406
+ r.ref && r.ref(), l.p(), c.p(), S.p();
407
407
  });
408
- }), p(v(() => r.startMargin || 0, e => {
409
- e !== c.J() && c.H(6, e);
410
- })), f(v(z, () => {
411
- $.oe();
408
+ }), f(p(() => r.startMargin || 0, e => {
409
+ e !== l.J() && l.H(6, e);
410
+ })), a(p(b, () => {
411
+ S.oe();
412
412
  }));
413
- const R = a(() => {
413
+ const O = d(() => {
414
414
  const e = r.data.length;
415
- m(() => {
416
- e !== c.T() && c.H(5, [ e, r.shift ]);
415
+ $(() => {
416
+ e !== l.T() && l.H(5, [ e, r.shift ]);
417
417
  });
418
418
  const t = [], n = [];
419
419
  if (r.keepMounted) {
420
420
  const e = new Set(r.keepMounted);
421
- for (let [t, r] = y(); t <= r; t++) e.add(t);
422
- I([ ...e ]).forEach(e => {
421
+ for (let [t, r] = x(); t <= r; t++) e.add(t);
422
+ _([ ...e ]).forEach(e => {
423
423
  t.push(r.data[e]), n.push(e);
424
424
  });
425
- } else for (let [e, o] = y(); e <= o; e++) t.push(r.data[e]), n.push(e);
425
+ } else for (let [e, o] = x(); e <= o; e++) t.push(r.data[e]), n.push(e);
426
426
  return {
427
427
  se: t,
428
428
  ie: n
429
429
  };
430
430
  });
431
- return e(t, {
431
+ return t(e, {
432
432
  get component() {
433
433
  return r.as;
434
434
  },
@@ -441,19 +441,19 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
441
441
  "overflow-anchor": "none",
442
442
  flex: "none",
443
443
  position: "relative",
444
- width: s ? M() + "px" : "100%",
445
- height: s ? "100%" : M() + "px",
446
- "pointer-events": k() ? "none" : void 0
444
+ width: s ? T() + "px" : "100%",
445
+ height: s ? "100%" : T() + "px",
446
+ "pointer-events": I() ? "none" : void 0
447
447
  };
448
448
  },
449
449
  get children() {
450
- return e(S, {
450
+ return t(u, {
451
451
  get each() {
452
- return R().se;
452
+ return O().se;
453
453
  },
454
- children: (t, n) => ((t, n) => {
455
- const o = a(() => (z(), c.I(n(), O()))), i = a(() => (z(), c._(n()))), u = a(() => m(() => r.children(t, n)));
456
- return e(U, {
454
+ children: (e, n) => ((e, n) => {
455
+ const o = d(() => (b(), l.I(n(), M()))), i = d(() => (b(), l._(n()))), u = d(() => $(() => r.children(e, n)));
456
+ return t(D, {
457
457
  get V() {
458
458
  return r.item;
459
459
  },
@@ -461,7 +461,7 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
461
461
  return n();
462
462
  },
463
463
  get X() {
464
- return l.K;
464
+ return c.K;
465
465
  },
466
466
  get U() {
467
467
  return o();
@@ -474,90 +474,82 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
474
474
  },
475
475
  D: s
476
476
  });
477
- })(t, a(() => R().ie[n()]))
477
+ })(e, d(() => O().ie[n()]))
478
478
  });
479
479
  }
480
480
  });
481
- };
482
-
483
- var G = /*#__PURE__*/ s("<div>");
484
-
485
- const K = t => {
486
- const [s, i] = $(t, [ "ref", "data", "children", "bufferSize", "itemSize", "shift", "horizontal", "keepMounted", "cache", "item", "onScroll", "onScrollEnd", "style" ]);
487
- return c = G(), r(c, n(i, {
481
+ }, F = /*#__PURE__*/ l("<div>"), G = e => {
482
+ const [r, s] = S(e, [ "ref", "data", "children", "bufferSize", "itemSize", "shift", "horizontal", "keepMounted", "cache", "item", "onScroll", "onScrollEnd", "style" ]);
483
+ return l = F(), i(l, o(s, {
488
484
  get style() {
489
485
  return {
490
- display: s.horizontal ? "inline-block" : "block",
491
- [s.horizontal ? "overflow-x" : "overflow-y"]: "auto",
486
+ display: r.horizontal ? "inline-block" : "block",
487
+ [r.horizontal ? "overflow-x" : "overflow-y"]: "auto",
492
488
  contain: "strict",
493
489
  width: "100%",
494
490
  height: "100%",
495
- ...s.style
491
+ ...r.style
496
492
  };
497
493
  }
498
- }), !1, !0), o(c, e(F, {
494
+ }), !1, !0), n(l, t(A, {
499
495
  ref(e) {
500
- var t = s.ref;
501
- "function" == typeof t ? t(e) : s.ref = e;
496
+ var t = r.ref;
497
+ "function" == typeof t ? t(e) : r.ref = e;
502
498
  },
503
499
  get data() {
504
- return s.data;
500
+ return r.data;
505
501
  },
506
502
  get bufferSize() {
507
- return s.bufferSize;
503
+ return r.bufferSize;
508
504
  },
509
505
  get itemSize() {
510
- return s.itemSize;
506
+ return r.itemSize;
511
507
  },
512
508
  get shift() {
513
- return s.shift;
509
+ return r.shift;
514
510
  },
515
511
  get horizontal() {
516
- return s.horizontal;
512
+ return r.horizontal;
517
513
  },
518
514
  get keepMounted() {
519
- return s.keepMounted;
515
+ return r.keepMounted;
520
516
  },
521
517
  get cache() {
522
- return s.cache;
518
+ return r.cache;
523
519
  },
524
520
  get item() {
525
- return s.item;
521
+ return r.item;
526
522
  },
527
523
  get onScroll() {
528
- return s.onScroll;
524
+ return r.onScroll;
529
525
  },
530
526
  get onScrollEnd() {
531
- return s.onScrollEnd;
527
+ return r.onScrollEnd;
532
528
  },
533
529
  get children() {
534
- return s.children;
530
+ return r.children;
535
531
  }
536
- })), c;
537
- var c;
538
- };
539
-
540
- var Q = /*#__PURE__*/ s('<div style="contain:size style;overflow-anchor:none;flex:none;position:relative">');
541
-
542
- const Z = t => {
543
- let r;
544
- const {ref: n, data: s, children: u, itemSize: p, shift: $, horizontal: z = !1, cache: w, onScrollEnd: x} = t, y = q(t.data.length, p, void 0, w, !p), I = ((e, t) => {
545
- const r = t ? "width" : "height", n = t ? "innerWidth" : "innerHeight", o = new WeakMap, s = D(t => {
532
+ })), l;
533
+ var l;
534
+ }, K = /*#__PURE__*/ l('<div style="contain:size style;overflow-anchor:none;flex:none;position:relative">'), Q = e => {
535
+ let o;
536
+ const {ref: i, data: l, children: f, itemSize: h, shift: S, horizontal: b = !1, cache: z, onScrollEnd: w} = e, x = j(e.data.length, h, void 0, z, !h), _ = ((e, t) => {
537
+ const r = t ? "width" : "height", n = t ? "innerWidth" : "innerHeight", o = /* @__PURE__ */ new WeakMap, s = Y(t => {
546
538
  const n = [];
547
539
  for (const {target: e, contentRect: s} of t) {
548
540
  if (!e.offsetParent) continue;
549
541
  const t = o.get(e);
550
- t != b && n.push([ t, s[r] ]);
542
+ null != t && n.push([ t, s[r] ]);
551
543
  }
552
544
  n.length && e.H(3, n);
553
545
  });
554
546
  let i;
555
547
  return {
556
548
  G(t) {
557
- const r = L(H(t)), o = () => {
549
+ const r = H(E(t)), o = () => {
558
550
  e.H(4, r[n]);
559
551
  };
560
- r.addEventListener("resize", o), k(o), i = () => {
552
+ r.addEventListener("resize", o), I(o), i = () => {
561
553
  r.removeEventListener("resize", o);
562
554
  };
563
555
  },
@@ -568,35 +560,35 @@ const Z = t => {
568
560
  i && i(), s.W();
569
561
  }
570
562
  };
571
- })(y, z), M = ((e, t) => {
572
- let r, n, o = T(), s = !1;
573
- const i = t ? "left" : "top", [c] = Y(e, () => o[0], (e, t) => {
574
- e = V(e, s);
575
- const n = L(H(r));
563
+ })(x, b), T = ((e, t) => {
564
+ let r, n, o = k(), s = !1;
565
+ const i = t ? "left" : "top", [l] = X(e, () => o[0], (e, t) => {
566
+ e = N(e, s);
567
+ const n = H(E(r));
576
568
  t ? n.scroll({
577
569
  [i]: e,
578
570
  behavior: "smooth"
579
571
  }) : n.scroll({
580
572
  [i]: e
581
573
  });
582
- }), l = (e, t, r, n, o = 0) => {
583
- const i = n ? "offsetLeft" : "offsetTop", c = o + (n && s ? r.innerWidth - e[i] - e.offsetWidth : e[i]), u = e.offsetParent;
584
- return e !== t && u ? l(u, t, r, n, c) : c;
574
+ }), c = (e, t, r, n, o = 0) => {
575
+ const i = n ? "offsetLeft" : "offsetTop", l = o + (n && s ? r.innerWidth - e[i] - e.offsetWidth : e[i]), u = e.offsetParent;
576
+ return e !== t && u ? c(u, t, r, n, l) : l;
585
577
  };
586
578
  return {
587
- Z(c) {
588
- r = c;
589
- const u = t ? "scrollX" : "scrollY", f = H(c), a = L(f);
590
- t && (s = "rtl" === getComputedStyle(E(f)).direction), n = X(e, a, t, () => V(a[u], s), (t, r) => {
579
+ Z(l) {
580
+ r = l;
581
+ const u = t ? "scrollX" : "scrollY", f = E(l), a = H(f);
582
+ t && (s = "rtl" === getComputedStyle(C(f)).direction), n = V(e, a, t, () => N(a[u], s), (t, r) => {
591
583
  r ? a.scroll({
592
- [i]: V(e.M() + t, s)
584
+ [i]: N(e.M() + t, s)
593
585
  }) : a.scrollBy({
594
- [i]: V(t, s)
586
+ [i]: N(t, s)
595
587
  });
596
- }, () => l(c, f.body, a, t)), o[1](!0);
588
+ }, () => c(l, f.body, a, t)), o[1](!0);
597
589
  },
598
590
  p() {
599
- n && n.W(), r = void 0, o[1](!1), o = T();
591
+ n && n.W(), r = void 0, o[1](!1), o = k();
600
592
  },
601
593
  ee: () => s,
602
594
  oe: () => {
@@ -604,73 +596,73 @@ const Z = t => {
604
596
  },
605
597
  ne(n, {align: o, smooth: s, offset: i = 0} = {}) {
606
598
  if (!r) return;
607
- if (n = _(n, 0, e.T() - 1), "nearest" === o) {
599
+ if (n = y(n, 0, e.T() - 1), "nearest" === o) {
608
600
  const t = e.I(n), r = e.M();
609
601
  if (t < r) o = "start"; else {
610
602
  if (!(t + e.k(n) > r + e.R())) return;
611
603
  o = "end";
612
604
  }
613
605
  }
614
- const u = H(r), f = L(u), a = E(u), d = () => e.R() - (t ? a.clientWidth : a.clientHeight);
615
- c(() => i + l(r, u.body, f, t) + e.I(n) + ("end" === o ? e.k(n) - (e.R() - d()) : "center" === o ? (e.k(n) - (e.R() - d())) / 2 : 0), s);
606
+ const u = E(r), f = H(u), a = C(u), d = () => e.R() - (t ? a.clientWidth : a.clientHeight);
607
+ l(() => i + c(r, u.body, f, t) + e.I(n) + ("end" === o ? e.k(n) - (e.R() - d()) : "center" === o ? (e.k(n) - (e.R() - d())) / 2 : 0), s);
616
608
  }
617
609
  };
618
- })(y, z), [O, R] = g(y.v());
619
- y.C(1, () => {
620
- R(y.v());
621
- }), y.C(4, () => {
622
- t.onScroll?.();
623
- }), y.C(8, () => {
624
- t.onScrollEnd?.();
610
+ })(x, b), [M, O] = g(x.v());
611
+ x.C(1, () => {
612
+ O(x.v());
613
+ }), x.C(4, () => {
614
+ e.onScroll?.();
615
+ }), x.C(8, () => {
616
+ e.onScrollEnd?.();
625
617
  });
626
- const J = a(e => {
627
- O();
628
- const r = y.S(t.bufferSize);
629
- return e && A(e, r) ? e : r;
630
- }), P = a(() => O() && y.O()), B = a(() => O() && y.P()), C = a(() => O() && M.ee());
631
- h(() => {
632
- t.ref && t.ref({
618
+ const R = d(t => {
619
+ M();
620
+ const r = x.S(e.bufferSize);
621
+ return t && U(t, r) ? t : r;
622
+ }), J = d(() => M() && x.O()), P = d(() => M() && x.P()), B = d(() => M() && T.ee());
623
+ m(() => {
624
+ e.ref && e.ref({
633
625
  get cache() {
634
- return y.m();
626
+ return x.m();
635
627
  },
636
628
  get scrollOffset() {
637
- return y.M();
629
+ return x.M();
638
630
  },
639
631
  get viewportSize() {
640
- return y.R();
632
+ return x.R();
641
633
  },
642
- findItemIndex: y.$,
643
- getItemOffset: y.I,
644
- getItemSize: y.k,
645
- scrollToIndex: M.ne
646
- }), I.G(r), M.Z(r), d(() => {
647
- t.ref && t.ref(), y.p(), I.p(), M.p();
634
+ findItemIndex: x.$,
635
+ getItemOffset: x.I,
636
+ getItemSize: x.k,
637
+ scrollToIndex: T.ne
638
+ }), _.G(o), T.Z(o), v(() => {
639
+ e.ref && e.ref(), x.p(), _.p(), T.p();
648
640
  });
649
- }), f(v(O, () => {
650
- M.oe();
641
+ }), a(p(M, () => {
642
+ T.oe();
651
643
  }));
652
- const W = a(() => {
653
- const e = t.data.length;
654
- m(() => {
655
- e !== y.T() && y.H(5, [ e, t.shift ]);
644
+ const L = d(() => {
645
+ const t = e.data.length;
646
+ $(() => {
647
+ t !== x.T() && x.H(5, [ t, e.shift ]);
656
648
  });
657
649
  const r = [];
658
- for (let [e, n] = J(); e <= n; e++) r.push(t.data[e]);
650
+ for (let [t, n] = R(); t <= n; t++) r.push(e.data[t]);
659
651
  return r;
660
652
  });
661
- return j = Q(), "function" == typeof r ? i(r, j) : r = j, o(j, e(S, {
653
+ return W = K(), "function" == typeof o ? c(o, W) : o = W, n(W, t(u, {
662
654
  get each() {
663
- return W();
655
+ return L();
664
656
  },
665
657
  children: (r, n) => {
666
- const o = a(() => J()[0] + n()), s = a(() => (O(), y.I(o(), C()))), i = a(() => (O(),
667
- y._(o()))), c = a(() => m(() => t.children(r, o)));
668
- return e(U, {
658
+ const o = d(() => R()[0] + n()), s = d(() => (M(), x.I(o(), B()))), i = d(() => (M(),
659
+ x._(o()))), l = d(() => $(() => e.children(r, o)));
660
+ return t(D, {
669
661
  get Y() {
670
662
  return o();
671
663
  },
672
664
  get X() {
673
- return I.K;
665
+ return _.K;
674
666
  },
675
667
  get U() {
676
668
  return s();
@@ -679,22 +671,22 @@ const Z = t => {
679
671
  return i();
680
672
  },
681
673
  get F() {
682
- return c();
674
+ return l();
683
675
  },
684
- D: z
676
+ D: b
685
677
  });
686
678
  }
687
- })), c(e => {
688
- var t = z ? B() + "px" : "100%", r = z ? "100%" : B() + "px", n = P() ? "none" : void 0;
689
- return t !== e.e && l(j, "width", e.e = t), r !== e.t && l(j, "height", e.t = r),
690
- n !== e.a && l(j, "pointer-events", e.a = n), e;
679
+ })), r(e => {
680
+ var t = b ? P() + "px" : "100%", r = b ? "100%" : P() + "px", n = J() ? "none" : void 0;
681
+ return t !== e.e && s(W, "width", e.e = t), r !== e.t && s(W, "height", e.t = r),
682
+ n !== e.a && s(W, "pointer-events", e.a = n), e;
691
683
  }, {
692
684
  e: void 0,
693
685
  t: void 0,
694
686
  a: void 0
695
- }), j;
696
- var j;
687
+ }), W;
688
+ var W;
697
689
  };
698
690
 
699
- export { K as VList, F as Virtualizer, Z as WindowVirtualizer };
700
- //# sourceMappingURL=index.js.map
691
+ export { G as VList, A as Virtualizer, Q as WindowVirtualizer };
692
+ //# sourceMappingURL=index.js.map