virtua 0.50.6 → 0.51.1

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