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