virtua 0.50.2 → 0.50.4

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