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/core/index.js CHANGED
@@ -1,177 +1,172 @@
1
- var {min: e, max: t, abs: o, floor: s} = Math, n = (o, s, n) => e(n, t(s, o)), r = e => [ ...e ].sort((e, t) => e - t), i = setTimeout, l = clearTimeout, c = "function" == typeof queueMicrotask ? queueMicrotask : e => {
1
+ var e, {min: t, max: n, abs: o, floor: s} = Math, r = (e, o, s) => t(s, n(o, e)), i = e => [ ...e ].sort((e, t) => e - t), l = setTimeout, c = clearTimeout, f = "function" == typeof queueMicrotask ? queueMicrotask : e => {
2
2
  Promise.resolve().then(e);
3
- }, f = () => {
3
+ }, a = () => {
4
4
  let e;
5
5
  return [ new Promise(t => {
6
6
  e = t;
7
7
  }), e ];
8
- }, a = e => {
9
- let t;
10
- return () => (e && (t = e(), e = void 0), t);
11
- }, u = "undefined" != typeof window, $ = e => e.documentElement, g = e => e.ownerDocument, d = e => e.defaultView, h = /*#__PURE__*/ a(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), m = /*#__PURE__*/ a(() => "scrollBehavior" in $(document).style), p = 5, S = 6, v = 1, w = 4, b = 8, z = e => t(e.$getTotalSize(), e.$getViewportSize()), I = ({$getRange: s, $findIndex: n, $getItemOffset: r, $getItemSize: i, $setItemSize: l, $isSizeEqual: c, $getTotalSize: f, $getLength: a, $setLength: u, $estimateDefaultSize: $}, g = 0) => {
12
- let d = !!$, m = !!g, p = 1, S = 0, v = 0, w = 0, b = 0, z = 0, I = 0, k = 0, L = 0, M = null, T = [ 0, m ? t(g - 1, 0) : -1 ], R = 0, x = !1;
13
- const y = /* @__PURE__ */ new Set, O = () => w - v, _ = () => O() + z + b, q = (e, t) => {
14
- const o = r(e) - z;
15
- return t ? f() - o - i(e) : o;
16
- }, C = e => {
17
- e && (h() && 0 !== k || M && 1 === L ? z += e : b += e);
8
+ }, u = "undefined" != typeof window, $ = e => e.ownerDocument, g = e => e.defaultView, d = () => (null == e && (e = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0),
9
+ e), h = 5, m = 6, p = 1, w = 4, S = 8, v = e => n(e.$getTotalSize(), e.$getViewportSize()), b = ({$getRange: e, $findIndex: s, $getItemOffset: r, $getItemSize: i, $setItemSize: l, $isSizeEqual: c, $getTotalSize: f, $getLength: a, $setLength: u, $estimateDefaultSize: $}, g = 0) => {
10
+ let h = !!$, m = !!g, p = 1, w = 0, S = 0, v = 0, b = 0, z = 0, I = 0, k = 0, y = 0, M = null, L = [ 0, m ? n(g - 1, 0) : -1 ], R = 0, T = !1;
11
+ const _ = /* @__PURE__ */ new Set, x = () => v - S, O = () => x() + z + b, q = e => r(e) - z, C = e => {
12
+ e && (d() && 0 !== k || M && 1 === y ? z += e : b += e);
18
13
  };
19
14
  return {
20
15
  $dispose: () => {
21
- y.clear();
16
+ _.clear();
22
17
  },
23
18
  $getStateVersion: () => p,
24
19
  $getRange: (o = 200) => {
25
- if (!x || m) return T;
26
- let n, r;
27
- if (I) [n, r] = T; else {
28
- let i = t(0, _()), l = i + S;
29
- d || (o = t(0, o), 1 !== k && (i -= o), 2 !== k && (l += o)), [n, r] = T = s(t(0, i), t(0, l)),
30
- M && (n = e(n, M[0]), r = t(r, M[1]));
20
+ if (!T || m) return L;
21
+ let s, r;
22
+ if (I) [s, r] = L; else {
23
+ let i = n(0, O()), l = i + w;
24
+ h || (o = n(0, o), 1 !== k && (i -= o), 2 !== k && (l += o)), [s, r] = L = e(n(0, i), n(0, l)),
25
+ M && (s = t(s, M[0]), r = n(r, M[1]));
31
26
  }
32
- return [ t(n, 0), e(r, a() - 1) ];
27
+ return [ n(s, 0), t(r, a() - 1) ];
33
28
  },
34
- $findItemIndex: e => n(e - v),
29
+ $findItemIndex: e => s(e - S),
35
30
  $isUnmeasuredItem: c,
36
31
  $getItemOffset: q,
37
32
  $getItemSize: i,
38
33
  $getItemsLength: a,
39
- $getScrollOffset: () => w,
34
+ $getScrollOffset: () => v,
40
35
  $isScrolling: () => 0 !== k,
41
- $getViewportSize: () => S,
42
- $getStartSpacerSize: () => v,
36
+ $getViewportSize: () => w,
37
+ $getStartSpacerSize: () => S,
43
38
  $getTotalSize: f,
44
- t: () => (I = b, b = 0, [ I, 2 === L ]),
39
+ t: () => (I = b, b = 0, [ I, 2 === y ]),
45
40
  $subscribe: (e, t) => {
46
- const o = [ e, t ];
47
- return y.add(o), () => {
48
- y.delete(o);
41
+ const n = [ e, t ];
42
+ return _.add(n), () => {
43
+ _.delete(n);
49
44
  };
50
45
  },
51
- $update: (e, t) => {
46
+ $update: (t, n) => {
52
47
  let r, a, g = 0;
53
- switch (e) {
48
+ switch (t) {
54
49
  case 1:
55
50
  {
56
- if (t === w && 0 === L) break;
51
+ if (n === v && 0 === y) break;
57
52
  const e = I;
58
53
  I = 0;
59
- const s = t - w, n = o(s);
60
- e && n < o(e) + 1 || 0 !== L || (k = s < 0 ? 2 : 1), m && (m = !1), w = t, g = 4;
61
- const r = O();
62
- r >= -S && r <= f() && (g += 1, a = n > S);
54
+ const t = n - v, s = o(t);
55
+ e && s < o(e) + 1 || 0 !== y || (k = t < 0 ? 2 : 1), m && (m = !1), v = n, g = 4;
56
+ const r = x();
57
+ r >= -w && r <= f() && (g += 1, a = s > w);
63
58
  break;
64
59
  }
65
60
 
66
61
  case 2:
67
- g = 8, 0 !== k && (r = !0, g += 1), k = 0, L = 0, M = null;
62
+ g = 8, 0 !== k && (r = !0, g += 1), k = 0, y = 0, M = null;
68
63
  break;
69
64
 
70
65
  case 3:
71
66
  {
72
- const e = t.filter(([e, t]) => !c(e, t));
67
+ const e = n.filter(([e, t]) => !c(e, t));
73
68
  if (!e.length) break;
74
- C(e.reduce((e, [t, o]) => {
75
- let s;
76
- if (2 === L) s = !0; else if (M && 1 === L) s = t < M[0]; else {
77
- const e = O(), o = q(t), n = i(t);
78
- s = 1 !== k && 0 === L ? o + n <= e : o < e && o + n < e + S;
69
+ C(e.reduce((e, [t, n]) => {
70
+ let o;
71
+ if (2 === y) o = !0; else if (M && 1 === y) o = t < M[0]; else {
72
+ const e = x(), n = q(t), s = i(t);
73
+ o = 1 !== k && 0 === y ? n + s <= e : n < e && n + s < e + w;
79
74
  }
80
- return s && (e += o - i(t)), e;
75
+ return o && (e += n - i(t)), e;
81
76
  }, 0));
82
- for (const [t, o] of e) {
83
- const e = i(t), s = l(t, o);
84
- d && (R += s ? o : o - e);
77
+ for (const [t, n] of e) {
78
+ const e = i(t), o = l(t, n);
79
+ h && (R += o ? n : n - e);
85
80
  }
86
- d && S && R > S && (C($(n(_()))), d = !1), g = 3, a = !0;
81
+ h && w && R > w && (C($(s(O()))), h = !1), g = 3, a = !0;
87
82
  break;
88
83
  }
89
84
 
90
85
  case 4:
91
- S !== t && (S || (x = a = !0), S = t, g = 3);
86
+ w !== n && (w || (T = a = !0), w = n, g = 3);
92
87
  break;
93
88
 
94
89
  case 5:
95
- t[1] ? (C(u(t[0], !0)), L = 2, g = 1) : (u(t[0]), g = 1);
90
+ n[1] ? (C(u(n[0], !0)), y = 2, g = 1) : (u(n[0]), g = 1);
96
91
  break;
97
92
 
98
93
  case 6:
99
- v = t;
94
+ S = n;
100
95
  break;
101
96
 
102
97
  case 7:
103
- L = 1;
98
+ y = 1;
104
99
  break;
105
100
 
106
101
  case 8:
107
- M = s(t, t + S), g = 1;
102
+ M = e(n, n + w), g = 1;
108
103
  }
109
- g && (p = 1 + (2147483647 & p), r && z && (b += z, z = 0), y.forEach(([e, t]) => {
104
+ g && (p = 1 + (2147483647 & p), r && z && (b += z, z = 0), _.forEach(([e, t]) => {
110
105
  g & e && t(a);
111
106
  }));
112
107
  }
113
108
  };
114
- }, k = (e, t, o, r = 0, i = t - 1) => {
115
- let l = r;
116
- for (;r <= i; ) {
117
- const t = s((r + i) / 2);
118
- e(t) <= o ? (l = t, r = t + 1) : i = t - 1;
109
+ }, z = (e, t, n, o = 0, i = t - 1) => {
110
+ let l = o;
111
+ for (;o <= i; ) {
112
+ const t = s((o + i) / 2);
113
+ e(t) <= n ? (l = t, o = t + 1) : i = t - 1;
119
114
  }
120
- return n(l, 0, t - 1);
121
- }, L = (e, t, o) => {
122
- const s = o ? "unshift" : "push";
123
- for (let o = 0; o < t; o++) e[s](-1);
115
+ return r(l, 0, t - 1);
116
+ }, I = (e, t, n) => {
117
+ const o = n ? "unshift" : "push";
118
+ for (let n = 0; n < t; n++) e[o](-1);
124
119
  return e;
125
- }, M = (o, s, n) => {
126
- let i = n && n[1] || s || 40, l = -1, c = 0;
127
- const f = n && n[0], a = f ? L(f.slice(0, e(o, f.length)), t(0, o - f.length)) : L([], o), u = L([], o + 1), $ = e => {
120
+ }, k = (e, o, s) => {
121
+ let r = s && s[1] || o || 40, l = -1, c = 0;
122
+ const f = s && s[0], a = f ? I(f.slice(0, t(e, f.length)), n(0, e - f.length)) : I([], e), u = I([], e + 1), $ = e => {
128
123
  const t = a[e];
129
- return -1 === t ? i : t;
130
- }, g = e => {
131
- if (!o) return 0;
132
- if (l >= e) return u[e];
124
+ return -1 === t ? r : t;
125
+ }, g = t => {
126
+ if (!e) return 0;
127
+ if (l >= t) return u[t];
133
128
  l < 0 && (u[0] = 0, l = 0);
134
- let t = l, s = u[t];
135
- for (;t < e; ) s += $(t), u[++t] = s;
136
- return l = e, s;
129
+ let n = l, o = u[n];
130
+ for (;n < t; ) o += $(n), u[++n] = o;
131
+ return l = t, o;
137
132
  };
138
133
  return {
139
- $getRange: (t, s) => {
140
- let n, r;
141
- return c = e(c, o - 1), g(c) <= t ? (r = k(g, o, s, c), n = k(g, o, t, c, r)) : (n = k(g, o, t, void 0, c),
142
- r = k(g, o, s, n)), c = n, [ n, r ];
134
+ $getRange: (n, o) => {
135
+ let s, r;
136
+ return c = t(c, e - 1), g(c) <= n ? (r = z(g, e, o, c), s = z(g, e, n, c, r)) : (s = z(g, e, n, void 0, c),
137
+ r = z(g, e, o, s)), c = s, [ s, r ];
143
138
  },
144
- $findIndex: e => k(g, o, e),
139
+ $findIndex: t => z(g, e, t),
145
140
  $getItemOffset: g,
146
141
  $getItemSize: $,
147
- $setItemSize: (t, o) => {
148
- const s = -1 === a[t];
149
- return a[t] = o, l = e(t, l), s;
142
+ $setItemSize: (e, n) => {
143
+ const o = -1 === a[e];
144
+ return a[e] = n, l = t(e, l), o;
150
145
  },
151
146
  $isSizeEqual: (e, t = -1) => a[e] === t,
152
- $getTotalSize: () => g(o),
153
- $getLength: () => o,
154
- $setLength: (t, s) => {
155
- const n = t - o;
156
- return l = s ? -1 : e(t - 1, l), o = t, n > 0 ? (L(u, n), L(a, n, s), i * n) : (u.splice(n),
157
- (s ? a.splice(0, -n) : a.splice(n)).reduce((e, t) => e - (-1 === t ? i : t), 0));
147
+ $getTotalSize: () => g(e),
148
+ $getLength: () => e,
149
+ $setLength: (n, o) => {
150
+ const s = n - e;
151
+ return l = o ? -1 : t(n - 1, l), e = n, s > 0 ? (I(u, s), I(a, s, o), r * s) : (u.splice(s),
152
+ (o ? a.splice(0, -s) : a.splice(s)).reduce((e, t) => e - (-1 === t ? r : t), 0));
158
153
  },
159
- $estimateDefaultSize: s ? void 0 : e => {
160
- let o = 0;
161
- const s = [];
162
- a.forEach((t, n) => {
163
- -1 !== t && (t && s.push(t), n < e && o++);
154
+ $estimateDefaultSize: o ? void 0 : e => {
155
+ let t = 0;
156
+ const o = [];
157
+ a.forEach((n, s) => {
158
+ -1 !== n && (n && o.push(n), s < e && t++);
164
159
  }), l = -1;
165
- const n = r(s), c = n.length, f = c / 2 | 0, u = c % 2 == 0 ? (n[f - 1] + n[f]) / 2 : n[f], $ = i;
166
- return ((i = u) - $) * t(e - o, 0);
160
+ const s = i(o), c = s.length, f = c / 2 | 0, u = c % 2 == 0 ? (s[f - 1] + s[f]) / 2 : s[f], $ = r;
161
+ return ((r = u) - $) * n(e - t, 0);
167
162
  },
168
- $snapshot: () => [ a.slice(), i ]
163
+ $snapshot: () => [ a.slice(), r ]
169
164
  };
170
- }, T = e => {
165
+ }, y = e => {
171
166
  let t;
172
167
  return {
173
- o(o) {
174
- (t || (t = new (d(g(o)).ResizeObserver)(e))).observe(o);
168
+ o(n) {
169
+ (t || (t = new (g($(n)).ResizeObserver)(e))).observe(n);
175
170
  },
176
171
  i(e) {
177
172
  t.unobserve(e);
@@ -180,285 +175,253 @@ var {min: e, max: t, abs: o, floor: s} = Math, n = (o, s, n) => e(n, t(s, o)), r
180
175
  t && t.disconnect();
181
176
  }
182
177
  };
183
- }, R = (e, t) => t ? -e : e, x = (e, t, o, s, n, r) => {
184
- let c, f = 0, a = !1, u = !1, $ = !1, g = !1;
185
- const d = Date.now, m = () => {
186
- if (a || u) return a = !1, void p();
187
- $ = !1, e.$update(2);
188
- }, p = () => {
189
- l(c), c = i(m, 150);
190
- }, S = () => {
191
- f = d(), $ && (g = !0), r && e.$update(6, r()), e.$update(1, s()), p();
192
- }, v = t => {
193
- if (a || !e.$isScrolling() || t.ctrlKey) return;
194
- const s = d() - f;
195
- 150 > s && 50 < s && (o ? t.deltaX : t.deltaY) && (a = !0);
196
- }, w = () => {
197
- u = !0, $ = g = !1;
198
- }, b = () => {
199
- u = !1, h() && ($ = !0);
178
+ }, M = (e, t, n, o, s, r, i) => {
179
+ let a, u, $ = 0, g = !1, h = !1, m = !1, p = !1;
180
+ const w = Date.now, S = o ? "scrollLeft" : "scrollTop", v = o ? "left" : "top", b = e => s ? -e : e, z = () => b(n[S]), I = (e, t) => {
181
+ n.scrollTo({
182
+ [v]: b(e),
183
+ behavior: t ? "smooth" : "instant"
184
+ });
185
+ }, k = () => {
186
+ if (g || h) return g = !1, void y();
187
+ m = !1, e.$update(2);
188
+ }, y = () => {
189
+ c(u), u = l(k, 150);
190
+ }, M = () => {
191
+ $ = w(), m && (p = !0), i && e.$update(6, i()), e.$update(1, z()), y();
192
+ }, L = t => {
193
+ if (g || !e.$isScrolling() || t.ctrlKey) return;
194
+ const n = w() - $;
195
+ 150 > n && 50 < n && (o ? t.deltaX : t.deltaY) && (g = !0);
196
+ }, R = () => {
197
+ h = !0, m = p = !1;
198
+ }, T = () => {
199
+ h = !1, d() && (m = !0);
200
200
  };
201
- return t.addEventListener("scroll", S), t.addEventListener("wheel", v, {
201
+ return t.addEventListener("scroll", M), t.addEventListener("wheel", L, {
202
202
  passive: !0
203
- }), t.addEventListener("touchstart", w, {
203
+ }), t.addEventListener("touchstart", R, {
204
204
  passive: !0
205
- }), t.addEventListener("touchend", b, {
205
+ }), t.addEventListener("touchend", T, {
206
206
  passive: !0
207
207
  }), {
208
208
  l: () => {
209
- t.removeEventListener("scroll", S), t.removeEventListener("wheel", v), t.removeEventListener("touchstart", w),
210
- t.removeEventListener("touchend", b), l(c);
209
+ t.removeEventListener("scroll", M), t.removeEventListener("wheel", L), t.removeEventListener("touchstart", R),
210
+ t.removeEventListener("touchend", T), c(u);
211
211
  },
212
212
  u: () => {
213
213
  const [t, o] = e.t();
214
- t && (n(t, o, g), g = !1, o && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
214
+ if (!t) return;
215
+ p && r && r(), p = !1;
216
+ const s = e.$getScrollOffset() + t;
217
+ s <= 0 || s >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? I(s) : n.scrollBy({
218
+ [v]: b(t),
219
+ behavior: "instant"
220
+ }), o && (a && a(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, z()));
221
+ },
222
+ $: (t, n) => {
223
+ let o, s, r;
224
+ a && a();
225
+ const i = a = () => {
226
+ o = !0, c(s), r && r();
227
+ }, u = () => {
228
+ if (!o) {
229
+ if (e.$getViewportSize() && (c(s), s = l(i, 150)), n) {
230
+ for (let [t, n] = e.$getRange(0); t <= n; t++) if (e.$isUnmeasuredItem(t)) return;
231
+ i();
232
+ }
233
+ e.$update(7), I(t(), n);
234
+ }
235
+ }, $ = () => {
236
+ if (o) return;
237
+ let t;
238
+ r = e.$subscribe(2, () => {
239
+ t || (t = !0, f(() => {
240
+ t = !1, u();
241
+ }));
242
+ }), u();
243
+ };
244
+ n ? (e.$update(8, t()), f($)) : $();
215
245
  }
216
246
  };
217
- }, y = (e, t, o) => {
218
- let s;
219
- return [ async (n, r) => {
220
- if (!await t()) return;
221
- let f, a, u;
222
- s && s();
223
- const $ = r && m(), g = s = () => {
224
- f = !0, l(a), u && u();
225
- }, d = () => {
226
- if (!f) {
227
- if (e.$getViewportSize() && (l(a), a = i(g, 150)), $) {
228
- for (let [t, o] = e.$getRange(0); t <= o; t++) if (e.$isUnmeasuredItem(t)) return;
229
- g();
230
- }
231
- e.$update(7), o(n(), $);
232
- }
233
- }, h = () => {
234
- if (f) return;
235
- let t;
236
- u = e.$subscribe(2, () => {
237
- t || (t = !0, c(() => {
238
- t = !1, d();
239
- }));
240
- }), d();
241
- };
242
- $ ? (e.$update(8, n()), c(h)) : h();
243
- }, () => {
244
- s && s();
245
- } ];
246
- }, O = (e, t) => {
247
- let o, s, n = f(), r = !1;
248
- const l = t ? "scrollLeft" : "scrollTop", c = t ? "overflowX" : "overflowY", [a, u] = y(e, () => n[0], (e, s) => {
249
- e = R(e, r), s ? o.scrollTo({
250
- [t ? "left" : "top"]: e,
251
- behavior: "smooth"
252
- }) : o[l] = e;
253
- }), $ = t ? "width" : "height", g = /* @__PURE__ */ new WeakMap, d = T(t => {
254
- const s = [];
255
- for (const {target: n, contentRect: r} of t) if (n.offsetParent) if (n === o) e.$update(4, r[$]); else {
256
- const e = g.get(n);
257
- null != e && s.push([ e, r[$] ]);
247
+ }, L = (e, t) => {
248
+ let n, o, s = a();
249
+ const r = t ? "width" : "height", i = /* @__PURE__ */ new WeakMap, c = y(t => {
250
+ const o = [];
251
+ for (const {target: s, contentRect: l} of t) if (s.offsetParent) if (s === n) e.$update(4, l[r]); else {
252
+ const e = i.get(s);
253
+ null != e && o.push([ e, l[r] ]);
258
254
  }
259
- s.length && e.$update(3, s);
255
+ o.length && e.$update(3, o);
260
256
  });
261
257
  return {
262
- $observe(f, a = f.parentElement) {
263
- d.o(o = a), t && (r = "rtl" === getComputedStyle(a).direction), s = x(e, a, t, () => R(a[l], r), (t, o, s) => {
264
- if (s) {
265
- const e = a.style, t = e[c];
266
- e[c] = "hidden", i(() => {
267
- e[c] = t;
268
- });
269
- }
270
- a[l] = R(e.$getScrollOffset() + t, r), o && u();
271
- }), n[1](!0);
258
+ $observe(r, i = r.parentElement) {
259
+ c.o(n = i), o = M(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
260
+ const e = t ? "overflowX" : "overflowY", n = i.style, o = n[e];
261
+ n[e] = "hidden", l(() => {
262
+ n[e] = o;
263
+ });
264
+ }), s[1](!0);
272
265
  },
273
266
  $dispose() {
274
- d.l(), s && s.l(), n[1](!1), n = f();
267
+ c.l(), o && o.l(), s[1](!1), s = a();
275
268
  },
276
- $observeItem: (e, t) => (g.set(e, t), d.o(e), () => {
277
- g.delete(e), d.i(e);
269
+ $observeItem: (e, t) => (i.set(e, t), c.o(e), () => {
270
+ i.delete(e), c.i(e);
278
271
  }),
279
- $isNegative: () => r,
280
- $scroll: a,
272
+ async $scroll(e, t) {
273
+ await s[0] && o.$(e, t);
274
+ },
281
275
  $effect() {
282
- s && s.u();
276
+ o && o.u();
283
277
  },
284
- $getBaseOffset: e.$getStartSpacerSize,
285
- $getScrollbarSize: () => 0
278
+ $getBaseOffset: e.$getStartSpacerSize
286
279
  };
287
- }, _ = (e, t) => {
288
- let o, s, n, r = f(), i = !1;
289
- const l = t ? "left" : "top", [a] = y(e, () => r[0], (e, t) => {
290
- e = R(e, i);
291
- const s = d(g(o));
292
- t ? s.scroll({
293
- [l]: e,
294
- behavior: "smooth"
295
- }) : s.scroll({
296
- [l]: e
297
- });
298
- }), u = t ? "width" : "height", h = /* @__PURE__ */ new WeakMap, m = T(t => {
280
+ }, R = (e, t) => {
281
+ let n, o, s, r, i, l = a();
282
+ const c = t ? "width" : "height", f = /* @__PURE__ */ new WeakMap, u = y(t => {
299
283
  const o = [];
300
284
  for (const {target: e, contentRect: s} of t) {
285
+ if (e === n) {
286
+ i && i();
287
+ continue;
288
+ }
301
289
  if (!e.offsetParent) continue;
302
- const t = h.get(e);
303
- null != t && o.push([ t, s[u] ]);
290
+ const t = f.get(e);
291
+ null != t && o.push([ t, s[c] ]);
304
292
  }
305
293
  o.length && e.$update(3, o);
306
- }), p = (e, t, o, s, n = 0) => {
307
- const r = s ? "offsetLeft" : "offsetTop", l = n + (s && i ? o.innerWidth - e[r] - e.offsetWidth : e[r]), c = e.offsetParent;
308
- return e !== t && c ? p(c, t, o, s, l) : l;
309
- };
294
+ });
310
295
  return {
311
- $observe(f) {
312
- o = f;
313
- const a = t ? "scrollX" : "scrollY", u = g(f), h = d(u), m = () => {
314
- e.$update(4, h[t ? "innerWidth" : "innerHeight"]);
296
+ $observe(c) {
297
+ const f = $(c), a = g(f), d = n = f.scrollingElement, h = t && "rtl" === getComputedStyle(d).direction, m = (e, t, n, o, s = 0) => {
298
+ const r = o ? "offsetLeft" : "offsetTop", i = s + (h ? t.clientWidth - e[r] - e.offsetWidth : e[r]), l = e.offsetParent;
299
+ return e !== n && l ? m(l, t, n, o, i) : i;
300
+ }, p = r = () => m(c, d, f.body, t), w = i = () => {
301
+ e.$update(4, d[t ? "clientWidth" : "clientHeight"]);
315
302
  };
316
- h.addEventListener("resize", m), c(m), n = () => {
317
- h.removeEventListener("resize", m);
318
- }, t && (i = "rtl" === getComputedStyle($(u)).direction), s = x(e, h, t, () => R(h[a], i), (t, o) => {
319
- o ? h.scroll({
320
- [l]: R(e.$getScrollOffset() + t, i)
321
- }) : h.scrollBy({
322
- [l]: R(t, i)
323
- });
324
- }, () => p(f, u.body, h, t)), r[1](!0);
303
+ a.addEventListener("resize", w), u.o(d), s = () => {
304
+ a.removeEventListener("resize", w);
305
+ }, o = M(e, a, d, t, h, null, p), l[1](!0);
325
306
  },
326
307
  $dispose() {
327
- n && n(), m.l(), s && s.l(), o = void 0, r[1](!1), r = f();
308
+ s && s(), u.l(), o && o.l(), n = void 0, l[1](!1), l = a();
328
309
  },
329
- $observeItem: (e, t) => (h.set(e, t), m.o(e), () => {
330
- h.delete(e), m.i(e);
310
+ $observeItem: (e, t) => (f.set(e, t), u.o(e), () => {
311
+ f.delete(e), u.i(e);
331
312
  }),
332
- $isNegative: () => i,
333
- $scroll: a,
334
- $effect() {
335
- s && s.u();
313
+ async $scroll(e, t) {
314
+ await l[0] && o.$(e, t);
336
315
  },
337
- $getBaseOffset() {
338
- const e = g(o);
339
- return p(o, e.body, d(e), t);
316
+ $effect() {
317
+ o && o.u();
340
318
  },
341
- $getScrollbarSize() {
342
- const s = $(g(o));
343
- return e.$getViewportSize() - (t ? s.clientWidth : s.clientHeight);
344
- }
319
+ $getBaseOffset: () => r()
345
320
  };
346
- }, q = (e, o) => {
347
- let s, n, r, l = f(), c = !1;
348
- const [a, u] = y(o, () => l[0], (e, t) => {
349
- const o = {
350
- left: R(e, c)
351
- };
352
- t && (o.behavior = "smooth"), s.scrollTo(o);
353
- }), [$, g] = y(e, () => l[0], (e, t) => {
354
- const o = {
355
- top: e
356
- };
357
- t && (o.behavior = "smooth"), s.scrollTo(o);
358
- }), d = /* @__PURE__ */ new WeakMap, h = /* @__PURE__ */ new Set, m = /* @__PURE__ */ new Set, p = /* @__PURE__ */ new Map, S = (e, t) => `${e}-${t}`, v = T(n => {
321
+ }, T = (e, t) => {
322
+ let o, s, r, i = a();
323
+ const c = /* @__PURE__ */ new WeakMap, f = /* @__PURE__ */ new Set, u = /* @__PURE__ */ new Set, $ = /* @__PURE__ */ new Map, g = (e, t) => `${e}-${t}`, d = y(s => {
359
324
  const r = /* @__PURE__ */ new Set, i = /* @__PURE__ */ new Set;
360
- for (const {target: t, contentRect: {width: l, height: c}} of n) if (t.offsetParent) if (t === s) e.$update(4, c),
361
- o.$update(4, l); else {
362
- const e = d.get(t);
325
+ for (const {target: n, contentRect: {width: l, height: f}} of s) if (n.offsetParent) if (n === o) e.$update(4, f),
326
+ t.$update(4, l); else {
327
+ const e = c.get(n);
363
328
  if (e) {
364
- const [t, o] = e, s = S(t, o), n = p.get(s);
365
- let f, a;
366
- n ? (n[0] !== c && (f = !0), n[1] !== l && (a = !0)) : f = a = !0, f && r.add(t),
367
- a && i.add(o), (f || a) && p.set(s, [ c, l ]);
329
+ const [t, n] = e, o = g(t, n), s = $.get(o);
330
+ let c, a;
331
+ s ? (s[0] !== f && (c = !0), s[1] !== l && (a = !0)) : c = a = !0, c && r.add(t),
332
+ a && i.add(n), (c || a) && $.set(o, [ f, l ]);
368
333
  }
369
334
  }
370
335
  if (r.size) {
371
- const o = [];
336
+ const t = [];
372
337
  r.forEach(e => {
373
- let s = 0;
374
- m.forEach(o => {
375
- const n = p.get(S(e, o));
376
- n && (s = t(s, n[0]));
377
- }), s && o.push([ e, s ]);
378
- }), e.$update(3, o);
338
+ let o = 0;
339
+ u.forEach(t => {
340
+ const s = $.get(g(e, t));
341
+ s && (o = n(o, s[0]));
342
+ }), o && t.push([ e, o ]);
343
+ }), e.$update(3, t);
379
344
  }
380
345
  if (i.size) {
381
346
  const e = [];
382
- i.forEach(o => {
383
- let s = 0;
384
- h.forEach(e => {
385
- const n = p.get(S(e, o));
386
- n && (s = t(s, n[1]));
387
- }), s && e.push([ o, s ]);
388
- }), o.$update(3, e);
347
+ i.forEach(t => {
348
+ let o = 0;
349
+ f.forEach(e => {
350
+ const s = $.get(g(e, t));
351
+ s && (o = n(o, s[1]));
352
+ }), o && e.push([ t, o ]);
353
+ }), t.$update(3, e);
389
354
  }
390
- }), w = (e, t, o) => {
391
- const n = s, r = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", f = t && c;
392
- return x(e, n, t, () => R(n[r], f), (t, s, c) => {
393
- if (c) {
394
- const e = n.style, t = e[l];
395
- e[l] = "hidden", i(() => {
396
- e[l] = t;
397
- });
398
- }
399
- n[r] = R(e.$getScrollOffset() + t, f), s && o();
400
- });
401
- };
355
+ });
402
356
  return {
403
- $observe(t, i = t.parentElement) {
404
- v.o(s = i), c = "rtl" === getComputedStyle(i).direction, n = w(e, !1, g), r = w(o, !0, u),
405
- l[1](!0);
357
+ $observe(n, c = n.parentElement) {
358
+ d.o(o = c);
359
+ const f = "rtl" === getComputedStyle(c).direction, a = e => () => {
360
+ const t = c.style, n = t[e];
361
+ t[e] = "hidden", l(() => {
362
+ t[e] = n;
363
+ });
364
+ };
365
+ s = M(e, c, c, !1, !1, a("overflowY")), r = M(t, c, c, !0, f, a("overflowX")), i[1](!0);
406
366
  },
407
367
  $dispose() {
408
- v.l(), n && n.l(), r && r.l(), l[1](!1), l = f();
368
+ d.l(), s && s.l(), r && r.l(), i[1](!1), i = a();
409
369
  },
410
- $observeItem: (e, t, o) => (d.set(e, [ t, o ]), h.add(t), m.add(o), v.o(e), () => {
411
- d.delete(e), v.i(e);
370
+ $observeItem: (e, t, n) => (c.set(e, [ t, n ]), f.add(t), u.add(n), d.o(e), () => {
371
+ c.delete(e), d.i(e);
412
372
  }),
413
- $resizeRows(t) {
414
- for (const [e] of t) for (let t = 0; t < o.$getItemsLength(); t++) p.delete(S(e, t));
415
- e.$update(3, t);
373
+ $resizeRows(n) {
374
+ for (const [e] of n) for (let n = 0; n < t.$getItemsLength(); n++) $.delete(g(e, n));
375
+ e.$update(3, n);
376
+ },
377
+ $resizeCols(n) {
378
+ for (const [t] of n) for (let n = 0; n < e.$getItemsLength(); n++) $.delete(g(n, t));
379
+ t.$update(3, n);
416
380
  },
417
- $resizeCols(t) {
418
- for (const [o] of t) for (let t = 0; t < e.$getItemsLength(); t++) p.delete(S(t, o));
419
- o.$update(3, t);
381
+ async $scrollX(e, t) {
382
+ await i[0] && r.$(e, t);
383
+ },
384
+ async $scrollY(e, t) {
385
+ await i[0] && s.$(e, t);
420
386
  },
421
- $isNegative: () => c,
422
- $scrollX: a,
423
- $scrollY: $,
424
387
  $effect() {
425
- n && n.u(), r && r.u();
388
+ s && s.u(), r && r.u();
426
389
  }
427
390
  };
428
- }, C = (e, t) => {
391
+ }, _ = (e, t) => {
429
392
  e.$scroll(() => t);
430
- }, X = (e, t, o) => {
431
- C(e, o + t.$getScrollOffset());
432
- }, Y = (e, t, o, {align: s, smooth: r, offset: i = 0} = {}) => {
433
- if (o = n(o, 0, t.$getItemsLength() - 1), "nearest" === s) {
434
- const e = t.$getItemOffset(o), n = t.$getScrollOffset();
435
- if (e < n) s = "start"; else {
436
- if (!(e + t.$getItemSize(o) > n + t.$getViewportSize())) return;
437
- s = "end";
393
+ }, x = (e, t, n) => {
394
+ _(e, n + t.$getScrollOffset());
395
+ }, O = (e, t, n, {align: o, smooth: s, offset: i = 0} = {}) => {
396
+ if (n = r(n, 0, t.$getItemsLength() - 1), "nearest" === o) {
397
+ const e = t.$getItemOffset(n), s = t.$getScrollOffset();
398
+ if (e < s) o = "start"; else {
399
+ if (!(e + t.$getItemSize(n) > s + t.$getViewportSize())) return;
400
+ o = "end";
438
401
  }
439
402
  }
440
- e.$scroll(() => i + e.$getBaseOffset() + t.$getItemOffset(o) + ("end" === s ? t.$getItemSize(o) - (t.$getViewportSize() - e.$getScrollbarSize()) : "center" === s ? (t.$getItemSize(o) - (t.$getViewportSize() - e.$getScrollbarSize())) / 2 : 0), r);
441
- }, B = (e, t, o) => {
442
- null != t && e.$scrollY(() => t), null != o && e.$scrollX(() => o);
443
- }, D = (e, t, o, s, n) => {
444
- if (null != s) {
445
- const o = s + t.$getScrollOffset();
446
- e.$scrollY(() => o);
403
+ e.$scroll(() => i + e.$getBaseOffset() + t.$getItemOffset(n) + ("end" === o ? t.$getItemSize(n) - t.$getViewportSize() : "center" === o ? (t.$getItemSize(n) - t.$getViewportSize()) / 2 : 0), s);
404
+ }, q = (e, t, n) => {
405
+ null != t && e.$scrollY(() => t), null != n && e.$scrollX(() => n);
406
+ }, C = (e, t, n, o, s) => {
407
+ if (null != o) {
408
+ const n = o + t.$getScrollOffset();
409
+ e.$scrollY(() => n);
447
410
  }
448
- if (null != n) {
449
- const t = n + o.$getScrollOffset();
411
+ if (null != s) {
412
+ const t = s + n.$getScrollOffset();
450
413
  e.$scrollX(() => t);
451
414
  }
452
- }, N = (e, t, o, s, r) => {
453
- if (null != s) {
454
- const o = n(s, 0, t.$getItemsLength() - 1);
455
- e.$scrollY(() => t.$getItemOffset(o));
415
+ }, D = (e, t, n, o, s) => {
416
+ if (null != o) {
417
+ const n = r(o, 0, t.$getItemsLength() - 1);
418
+ e.$scrollY(() => t.$getItemOffset(n));
456
419
  }
457
- if (null != r) {
458
- const t = n(r, 0, o.$getItemsLength() - 1);
459
- e.$scrollX(() => o.$getItemOffset(t));
420
+ if (null != s) {
421
+ const t = r(s, 0, n.$getItemsLength() - 1);
422
+ e.$scrollX(() => n.$getItemOffset(t));
460
423
  }
461
424
  };
462
425
 
463
- export { p as ACTION_ITEMS_LENGTH_CHANGE, S as ACTION_START_OFFSET_CHANGE, b as UPDATE_SCROLL_END_EVENT, w as UPDATE_SCROLL_EVENT, v as UPDATE_VIRTUAL_STATE, O as createContainerDriver, q as createContainerGridDriver, M as createListLayout, I as createVirtualStore, _ as createWindowDriver, z as getScrollSize, D as gridScrollBy, B as gridScrollTo, N as gridScrollToIndex, u as isBrowser, c as microtask, X as scrollBy, C as scrollTo, Y as scrollToIndex, r as sort };
426
+ export { h as ACTION_ITEMS_LENGTH_CHANGE, m as ACTION_START_OFFSET_CHANGE, S as UPDATE_SCROLL_END_EVENT, w as UPDATE_SCROLL_EVENT, p as UPDATE_VIRTUAL_STATE, L as createContainerDriver, T as createContainerGridDriver, k as createListLayout, b as createVirtualStore, R as createWindowDriver, v as getScrollSize, C as gridScrollBy, q as gridScrollTo, D as gridScrollToIndex, u as isBrowser, f as microtask, x as scrollBy, _ as scrollTo, O as scrollToIndex, i as sort };
464
427
  //# sourceMappingURL=index.js.map