virtua 0.50.4 → 0.50.6
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.
- package/lib/angular/index.js +163 -183
- package/lib/angular/index.js.map +1 -1
- package/lib/core/index.cjs +160 -181
- package/lib/core/index.cjs.map +1 -1
- package/lib/core/index.js +264 -285
- package/lib/core/index.js.map +1 -1
- package/lib/index.cjs +320 -341
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +293 -314
- package/lib/index.js.map +1 -1
- package/lib/solid/index.cjs +226 -246
- package/lib/solid/index.cjs.map +1 -1
- package/lib/solid/index.js +264 -284
- package/lib/solid/index.js.map +1 -1
- package/lib/solid/index.jsx +77 -88
- package/lib/solid/index.jsx.map +1 -1
- package/lib/svelte/Virtualizer.svelte +1 -1
- package/lib/svelte/WindowVirtualizer.svelte +1 -1
- package/lib/vue/index.cjs +251 -271
- package/lib/vue/index.cjs.map +1 -1
- package/lib/vue/index.js +190 -210
- package/lib/vue/index.js.map +1 -1
- package/package.json +1 -1
package/lib/angular/index.js
CHANGED
|
@@ -4,23 +4,23 @@ import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, Ele
|
|
|
4
4
|
|
|
5
5
|
import { NgTemplateOutlet as y } from "@angular/common";
|
|
6
6
|
|
|
7
|
-
var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R = e => [ ...e ].sort((e, t) => e - t), $ = setTimeout, I = "function" == typeof queueMicrotask ? queueMicrotask : e => {
|
|
7
|
+
var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R = e => [ ...e ].sort((e, t) => e - t), $ = setTimeout, I = clearTimeout, q = "function" == typeof queueMicrotask ? queueMicrotask : e => {
|
|
8
8
|
Promise.resolve().then(e);
|
|
9
9
|
}, x = () => {
|
|
10
10
|
let e;
|
|
11
11
|
return [ new Promise(t => {
|
|
12
12
|
e = t;
|
|
13
13
|
}), e ];
|
|
14
|
-
},
|
|
14
|
+
}, k = e => {
|
|
15
15
|
let t;
|
|
16
16
|
return () => (e && (t = e(), e = void 0), t);
|
|
17
|
-
},
|
|
18
|
-
let m = !!c, h = !!u, p = 1, f = 0, d = 0, g = 0, S = 0, y = 0, N = 0, P = 0, R = 0, $ = null, I = [ 0, h ? z(u - 1, 0) : -1 ],
|
|
19
|
-
const k = /* @__PURE__ */ new Set, F = () => g - d, w = () => F() + y + S,
|
|
17
|
+
}, F = e => e.documentElement, w = e => e.ownerDocument, O = e => e.defaultView, T = /*#__PURE__*/ k(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), C = /*#__PURE__*/ k(() => "scrollBehavior" in F(document).style), M = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $setItemSize: n, $isSizeEqual: r, $getTotalSize: o, $getLength: a, $setLength: l, $estimateDefaultSize: c}, u = 0) => {
|
|
18
|
+
let m = !!c, h = !!u, p = 1, f = 0, d = 0, g = 0, S = 0, y = 0, N = 0, P = 0, R = 0, $ = null, I = [ 0, h ? z(u - 1, 0) : -1 ], q = 0, x = !1;
|
|
19
|
+
const k = /* @__PURE__ */ new Set, F = () => g - d, w = () => F() + y + S, O = (e, t) => {
|
|
20
20
|
const n = i(e) - y;
|
|
21
21
|
return t ? o() - n - s(e) : n;
|
|
22
22
|
}, C = e => {
|
|
23
|
-
e && (
|
|
23
|
+
e && (T() && 0 !== P || $ && 1 === R ? y += e : S += e);
|
|
24
24
|
};
|
|
25
25
|
return {
|
|
26
26
|
$dispose: () => {
|
|
@@ -28,7 +28,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
28
28
|
},
|
|
29
29
|
$getStateVersion: () => p,
|
|
30
30
|
$getRange: (t = 200) => {
|
|
31
|
-
if (!
|
|
31
|
+
if (!x || h) return I;
|
|
32
32
|
let i, s;
|
|
33
33
|
if (N) [i, s] = I; else {
|
|
34
34
|
let n = z(0, w()), r = n + f;
|
|
@@ -39,7 +39,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
39
39
|
},
|
|
40
40
|
$findItemIndex: e => t(e - d),
|
|
41
41
|
$isUnmeasuredItem: r,
|
|
42
|
-
$getItemOffset:
|
|
42
|
+
$getItemOffset: O,
|
|
43
43
|
$getItemSize: s,
|
|
44
44
|
$getItemsLength: a,
|
|
45
45
|
$getScrollOffset: () => g,
|
|
@@ -80,21 +80,21 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
80
80
|
C(e.reduce((e, [t, i]) => {
|
|
81
81
|
let n;
|
|
82
82
|
if (2 === R) n = !0; else if ($ && 1 === R) n = t < $[0]; else {
|
|
83
|
-
const e = F(), i =
|
|
83
|
+
const e = F(), i = O(t), r = s(t);
|
|
84
84
|
n = 1 !== P && 0 === R ? i + r <= e : i < e && i + r < e + f;
|
|
85
85
|
}
|
|
86
86
|
return n && (e += i - s(t)), e;
|
|
87
87
|
}, 0));
|
|
88
88
|
for (const [t, i] of e) {
|
|
89
89
|
const e = s(t), r = n(t, i);
|
|
90
|
-
m && (
|
|
90
|
+
m && (q += r ? i : i - e);
|
|
91
91
|
}
|
|
92
|
-
m && f &&
|
|
92
|
+
m && f && q > f && (C(c(t(w()))), m = !1), z = 3, v = !0;
|
|
93
93
|
break;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
case 4:
|
|
97
|
-
f !== a && (f || (
|
|
97
|
+
f !== a && (f || (x = v = !0), f = a, z = 3);
|
|
98
98
|
break;
|
|
99
99
|
|
|
100
100
|
case 5:
|
|
@@ -117,20 +117,20 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
117
117
|
}));
|
|
118
118
|
}
|
|
119
119
|
};
|
|
120
|
-
},
|
|
120
|
+
}, _ = (e, t, i, s = 0, n = t - 1) => {
|
|
121
121
|
let r = s;
|
|
122
122
|
for (;s <= n; ) {
|
|
123
123
|
const t = N((s + n) / 2);
|
|
124
124
|
e(t) <= i ? (r = t, s = t + 1) : n = t - 1;
|
|
125
125
|
}
|
|
126
126
|
return P(r, 0, t - 1);
|
|
127
|
-
},
|
|
127
|
+
}, K = (e, t, i) => {
|
|
128
128
|
const s = i ? "unshift" : "push";
|
|
129
129
|
for (let i = 0; i < t; i++) e[s](-1);
|
|
130
130
|
return e;
|
|
131
|
-
},
|
|
131
|
+
}, V = (e, t, i) => {
|
|
132
132
|
let s = i && i[1] || t || 40, n = -1, r = 0;
|
|
133
|
-
const o = i && i[0], a = o ?
|
|
133
|
+
const o = i && i[0], a = o ? K(o.slice(0, v(e, o.length)), z(0, e - o.length)) : K([], e), l = K([], e + 1), c = e => {
|
|
134
134
|
const t = a[e];
|
|
135
135
|
return -1 === t ? s : t;
|
|
136
136
|
}, u = t => {
|
|
@@ -144,10 +144,10 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
144
144
|
return {
|
|
145
145
|
$getRange: (t, i) => {
|
|
146
146
|
let s, n;
|
|
147
|
-
return r = v(r, e - 1), u(r) <= t ? (n =
|
|
148
|
-
n =
|
|
147
|
+
return r = v(r, e - 1), u(r) <= t ? (n = _(u, e, i, r), s = _(u, e, t, r, n)) : (s = _(u, e, t, void 0, r),
|
|
148
|
+
n = _(u, e, i, s)), r = s, [ s, n ];
|
|
149
149
|
},
|
|
150
|
-
$findIndex: t =>
|
|
150
|
+
$findIndex: t => _(u, e, t),
|
|
151
151
|
$getItemOffset: u,
|
|
152
152
|
$getItemSize: c,
|
|
153
153
|
$setItemSize: (e, t) => {
|
|
@@ -159,25 +159,25 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
159
159
|
$getLength: () => e,
|
|
160
160
|
$setLength: (t, i) => {
|
|
161
161
|
const r = t - e;
|
|
162
|
-
return n = i ? -1 : v(t - 1, n), e = t, r > 0 ? (
|
|
162
|
+
return n = i ? -1 : v(t - 1, n), e = t, r > 0 ? (K(l, r), K(a, r, i), s * r) : (l.splice(r),
|
|
163
163
|
(i ? a.splice(0, -r) : a.splice(r)).reduce((e, t) => e - (-1 === t ? s : t), 0));
|
|
164
164
|
},
|
|
165
165
|
$estimateDefaultSize: t ? void 0 : e => {
|
|
166
166
|
let t = 0;
|
|
167
167
|
const i = [];
|
|
168
168
|
a.forEach((s, n) => {
|
|
169
|
-
-1 !== s && (i.push(s), n < e && t++);
|
|
169
|
+
-1 !== s && (s && i.push(s), n < e && t++);
|
|
170
170
|
}), n = -1;
|
|
171
171
|
const r = R(i), o = r.length, l = o / 2 | 0, c = o % 2 == 0 ? (r[l - 1] + r[l]) / 2 : r[l], u = s;
|
|
172
172
|
return ((s = c) - u) * z(e - t, 0);
|
|
173
173
|
},
|
|
174
174
|
$snapshot: () => [ a.slice(), s ]
|
|
175
175
|
};
|
|
176
|
-
},
|
|
176
|
+
}, E = e => {
|
|
177
177
|
let t;
|
|
178
178
|
return {
|
|
179
179
|
i(i) {
|
|
180
|
-
(t || (t = new (w(
|
|
180
|
+
(t || (t = new (O(w(i)).ResizeObserver)(e))).observe(i);
|
|
181
181
|
},
|
|
182
182
|
o(e) {
|
|
183
183
|
t.unobserve(e);
|
|
@@ -186,92 +186,72 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
186
186
|
t && t.disconnect();
|
|
187
187
|
}
|
|
188
188
|
};
|
|
189
|
-
},
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
if (l || c) return l = !1, void h();
|
|
200
|
-
u = !1, e.$update(2);
|
|
201
|
-
})();
|
|
202
|
-
}, 150);
|
|
203
|
-
};
|
|
204
|
-
return s.u = i, s;
|
|
205
|
-
})(), p = () => {
|
|
206
|
-
a = o(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), h();
|
|
207
|
-
}, f = t => {
|
|
189
|
+
}, L = (e, t) => t ? -e : e, D = (e, t, i, s, n, r) => {
|
|
190
|
+
let o, a = 0, l = !1, c = !1, u = !1, m = !1;
|
|
191
|
+
const h = Date.now, p = () => {
|
|
192
|
+
if (l || c) return l = !1, void f();
|
|
193
|
+
u = !1, e.$update(2);
|
|
194
|
+
}, f = () => {
|
|
195
|
+
I(o), o = $(p, 150);
|
|
196
|
+
}, d = () => {
|
|
197
|
+
a = h(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), f();
|
|
198
|
+
}, g = t => {
|
|
208
199
|
if (l || !e.$isScrolling() || t.ctrlKey) return;
|
|
209
|
-
const s =
|
|
200
|
+
const s = h() - a;
|
|
210
201
|
150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (l = !0);
|
|
211
|
-
},
|
|
202
|
+
}, S = () => {
|
|
212
203
|
c = !0, u = m = !1;
|
|
213
|
-
},
|
|
214
|
-
c = !1,
|
|
204
|
+
}, y = () => {
|
|
205
|
+
c = !1, T() && (u = !0);
|
|
215
206
|
};
|
|
216
|
-
return t.addEventListener("scroll",
|
|
207
|
+
return t.addEventListener("scroll", d), t.addEventListener("wheel", g, {
|
|
217
208
|
passive: !0
|
|
218
|
-
}), t.addEventListener("touchstart",
|
|
209
|
+
}), t.addEventListener("touchstart", S, {
|
|
219
210
|
passive: !0
|
|
220
|
-
}), t.addEventListener("touchend",
|
|
211
|
+
}), t.addEventListener("touchend", y, {
|
|
221
212
|
passive: !0
|
|
222
213
|
}), {
|
|
223
214
|
l: () => {
|
|
224
|
-
t.removeEventListener("scroll",
|
|
225
|
-
t.removeEventListener("touchend",
|
|
215
|
+
t.removeEventListener("scroll", d), t.removeEventListener("wheel", g), t.removeEventListener("touchstart", S),
|
|
216
|
+
t.removeEventListener("touchend", y), I(o);
|
|
226
217
|
},
|
|
227
|
-
|
|
218
|
+
u: () => {
|
|
228
219
|
const [t, i] = e.t();
|
|
229
220
|
t && (n(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
|
|
230
221
|
}
|
|
231
222
|
};
|
|
232
|
-
},
|
|
223
|
+
}, B = (e, t, i) => {
|
|
233
224
|
let s;
|
|
234
225
|
return [ async (n, r) => {
|
|
235
226
|
if (!await t()) return;
|
|
227
|
+
let o, a, l;
|
|
236
228
|
s && s();
|
|
237
|
-
const
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
};
|
|
245
|
-
if (r && T()) e.$update(8, n()), I(async () => {
|
|
246
|
-
for (;;) {
|
|
247
|
-
let t = !0;
|
|
248
|
-
for (let [i, s] = e.$getRange(); i <= s; i++) if (e.$isUnmeasuredItem(i)) {
|
|
249
|
-
t = !1;
|
|
250
|
-
break;
|
|
251
|
-
}
|
|
252
|
-
if (t) break;
|
|
253
|
-
const [i, s] = o();
|
|
254
|
-
try {
|
|
255
|
-
if (!await i) return;
|
|
256
|
-
} finally {
|
|
257
|
-
s();
|
|
229
|
+
const c = r && C(), u = s = () => {
|
|
230
|
+
o = !0, I(a), l && l();
|
|
231
|
+
}, m = () => {
|
|
232
|
+
if (!o) {
|
|
233
|
+
if (e.$getViewportSize() && (I(a), a = $(u, 150)), c) {
|
|
234
|
+
for (let [t, i] = e.$getRange(0); t <= i; t++) if (e.$isUnmeasuredItem(t)) return;
|
|
235
|
+
u();
|
|
258
236
|
}
|
|
237
|
+
e.$update(7), i(n(), c);
|
|
259
238
|
}
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
}
|
|
268
|
-
}
|
|
239
|
+
}, h = () => {
|
|
240
|
+
if (o) return;
|
|
241
|
+
let t;
|
|
242
|
+
l = e.$subscribe(2, () => {
|
|
243
|
+
t || (t = !0, q(() => {
|
|
244
|
+
t = !1, m();
|
|
245
|
+
}));
|
|
246
|
+
}), m();
|
|
247
|
+
};
|
|
248
|
+
c ? (e.$update(8, n()), q(h)) : h();
|
|
269
249
|
}, () => {
|
|
270
250
|
s && s();
|
|
271
251
|
} ];
|
|
272
|
-
},
|
|
273
|
-
e.$
|
|
274
|
-
},
|
|
252
|
+
}, W = (e, t) => {
|
|
253
|
+
e.$scroll(() => t);
|
|
254
|
+
}, j = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
|
|
275
255
|
if (i = P(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
|
|
276
256
|
const e = t.$getItemOffset(i), n = t.$getScrollOffset();
|
|
277
257
|
if (e < n) s = "start"; else {
|
|
@@ -279,8 +259,8 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
279
259
|
s = "end";
|
|
280
260
|
}
|
|
281
261
|
}
|
|
282
|
-
e.$
|
|
283
|
-
},
|
|
262
|
+
e.$scroll(() => r + e.$getBaseOffset() + t.$getItemOffset(i) + ("end" === s ? t.$getItemSize(i) - (t.$getViewportSize() - e.$getScrollbarSize()) : "center" === s ? (t.$getItemSize(i) - (t.$getViewportSize() - e.$getScrollbarSize())) / 2 : 0), n);
|
|
263
|
+
}, J = class t {
|
|
284
264
|
index=p.required();
|
|
285
265
|
offset=p.required();
|
|
286
266
|
hide=p.required();
|
|
@@ -392,9 +372,9 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
392
372
|
},
|
|
393
373
|
ngImport: e
|
|
394
374
|
});
|
|
395
|
-
},
|
|
375
|
+
}, X = (e, t) => "_" + t, Y = new r("virtua-item-template"), Q = class i {
|
|
396
376
|
data=p.required();
|
|
397
|
-
getKey=p(
|
|
377
|
+
getKey=p(X);
|
|
398
378
|
itemProps=p();
|
|
399
379
|
bufferSize=p();
|
|
400
380
|
scrollRef=p();
|
|
@@ -410,20 +390,20 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
410
390
|
scroll=f();
|
|
411
391
|
scrollEnd=f();
|
|
412
392
|
contentTemplate=u(o);
|
|
413
|
-
|
|
393
|
+
m=h(Y, {
|
|
414
394
|
optional: !0
|
|
415
395
|
});
|
|
416
|
-
template=c(() => this.
|
|
396
|
+
template=c(() => this.m?.() ?? this.contentTemplate());
|
|
397
|
+
h;
|
|
417
398
|
p;
|
|
418
|
-
S;
|
|
419
399
|
driver;
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
400
|
+
S=h(n).nativeElement;
|
|
401
|
+
v=h(t);
|
|
402
|
+
N=d(void 0);
|
|
423
403
|
isSSR=d(!1);
|
|
424
|
-
|
|
425
|
-
this.
|
|
426
|
-
const e = this.data().length, [t, i] = this.
|
|
404
|
+
P=c(() => {
|
|
405
|
+
this.N();
|
|
406
|
+
const e = this.data().length, [t, i] = this.h.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
|
|
427
407
|
if (s) {
|
|
428
408
|
const r = new Set(s);
|
|
429
409
|
for (let e = t; e <= i; e++) r.add(e);
|
|
@@ -432,9 +412,9 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
432
412
|
return n;
|
|
433
413
|
});
|
|
434
414
|
items=c(() => {
|
|
435
|
-
this.
|
|
436
|
-
const e = this.
|
|
437
|
-
return this.
|
|
415
|
+
this.N();
|
|
416
|
+
const e = this.h, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.driver.$isNegative();
|
|
417
|
+
return this.P().map(r => {
|
|
438
418
|
const o = t[r];
|
|
439
419
|
return {
|
|
440
420
|
key: i(o, r),
|
|
@@ -450,8 +430,8 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
450
430
|
});
|
|
451
431
|
});
|
|
452
432
|
containerStyle=c(() => {
|
|
453
|
-
this.
|
|
454
|
-
const e = this.horizontal(), t = this.
|
|
433
|
+
this.N();
|
|
434
|
+
const e = this.horizontal(), t = this.h.$getTotalSize();
|
|
455
435
|
return {
|
|
456
436
|
display: "block",
|
|
457
437
|
contain: "size style",
|
|
@@ -460,40 +440,40 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
460
440
|
position: "relative",
|
|
461
441
|
width: e ? t + "px" : "100%",
|
|
462
442
|
height: e ? "100%" : t + "px",
|
|
463
|
-
"pointer-events": this.
|
|
443
|
+
"pointer-events": this.h.$isScrolling() ? "none" : void 0
|
|
464
444
|
};
|
|
465
445
|
});
|
|
466
446
|
constructor() {
|
|
467
447
|
m(() => {
|
|
468
448
|
const e = this.data().length;
|
|
469
|
-
this.
|
|
449
|
+
this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, g(this.shift) ]);
|
|
470
450
|
}), m(() => {
|
|
471
451
|
const e = this.startMargin();
|
|
472
|
-
this.
|
|
452
|
+
this.h && e !== this.h.$getStartSpacerSize() && this.h.$update(6, e);
|
|
473
453
|
}), a({
|
|
474
454
|
read: () => {
|
|
475
|
-
this.isSSR.set(!1), this.driver.$observe(this.
|
|
455
|
+
this.isSSR.set(!1), this.driver.$observe(this.S, this.scrollRef());
|
|
476
456
|
}
|
|
477
457
|
}), l({
|
|
478
458
|
read: () => {
|
|
479
|
-
this.
|
|
459
|
+
this.N(), this.driver.$effect();
|
|
480
460
|
}
|
|
481
461
|
}), h(s).onDestroy(() => {
|
|
482
|
-
this.
|
|
462
|
+
this.h?.$dispose(), this.driver?.$dispose();
|
|
483
463
|
});
|
|
484
464
|
}
|
|
485
465
|
ngOnInit() {
|
|
486
466
|
const e = this.itemSize(), t = this.ssrCount();
|
|
487
467
|
this.isSSR.set(!!t);
|
|
488
|
-
const i = this.
|
|
468
|
+
const i = this.p = V(this.data().length, e, this.cacheProp()), s = this.h = M(i, t);
|
|
489
469
|
this.driver = ((e, t) => {
|
|
490
470
|
let i, s, n = x(), r = !1;
|
|
491
|
-
const o = t ? "scrollLeft" : "scrollTop", a = t ? "overflowX" : "overflowY", [l, c] =
|
|
492
|
-
e =
|
|
471
|
+
const o = t ? "scrollLeft" : "scrollTop", a = t ? "overflowX" : "overflowY", [l, c] = B(e, () => n[0], (e, s) => {
|
|
472
|
+
e = L(e, r), s ? i.scrollTo({
|
|
493
473
|
[t ? "left" : "top"]: e,
|
|
494
474
|
behavior: "smooth"
|
|
495
475
|
}) : i[o] = e;
|
|
496
|
-
}), u = t ? "width" : "height", m = /* @__PURE__ */ new WeakMap, h =
|
|
476
|
+
}), u = t ? "width" : "height", m = /* @__PURE__ */ new WeakMap, h = E(t => {
|
|
497
477
|
const s = [];
|
|
498
478
|
for (const {target: n, contentRect: r} of t) if (n.offsetParent) if (n === i) e.$update(4, r[u]); else {
|
|
499
479
|
const e = m.get(n);
|
|
@@ -503,14 +483,14 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
503
483
|
});
|
|
504
484
|
return {
|
|
505
485
|
$observe(l, u = l.parentElement) {
|
|
506
|
-
h.i(i = u), t && (r = "rtl" === getComputedStyle(u).direction), s =
|
|
486
|
+
h.i(i = u), t && (r = "rtl" === getComputedStyle(u).direction), s = D(e, u, t, () => L(u[o], r), (t, i, s) => {
|
|
507
487
|
if (s) {
|
|
508
488
|
const e = u.style, t = e[a];
|
|
509
489
|
e[a] = "hidden", $(() => {
|
|
510
490
|
e[a] = t;
|
|
511
491
|
});
|
|
512
492
|
}
|
|
513
|
-
u[o] =
|
|
493
|
+
u[o] = L(e.$getScrollOffset() + t, r), i && c();
|
|
514
494
|
}), n[1](!0);
|
|
515
495
|
},
|
|
516
496
|
$dispose() {
|
|
@@ -520,53 +500,53 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
520
500
|
m.delete(e), h.o(e);
|
|
521
501
|
}),
|
|
522
502
|
$isNegative: () => r,
|
|
523
|
-
$
|
|
524
|
-
$
|
|
525
|
-
s && s.
|
|
503
|
+
$scroll: l,
|
|
504
|
+
$effect() {
|
|
505
|
+
s && s.u();
|
|
526
506
|
},
|
|
527
507
|
$getBaseOffset: e.$getStartSpacerSize,
|
|
528
508
|
$getScrollbarSize: () => 0
|
|
529
509
|
};
|
|
530
510
|
})(s, this.horizontal()), s.$subscribe(1, e => {
|
|
531
|
-
this.
|
|
511
|
+
this.N.set(s.$getStateVersion()), e && this.v.tick();
|
|
532
512
|
}), s.$subscribe(4, () => {
|
|
533
513
|
this.scroll.emit(s.$getScrollOffset());
|
|
534
514
|
}), s.$subscribe(8, () => {
|
|
535
515
|
this.scrollEnd.emit();
|
|
536
|
-
}), this.
|
|
516
|
+
}), this.N.set(s.$getStateVersion());
|
|
537
517
|
}
|
|
538
518
|
get cache() {
|
|
539
|
-
return this.
|
|
519
|
+
return this.p.$snapshot();
|
|
540
520
|
}
|
|
541
521
|
get scrollOffset() {
|
|
542
|
-
return this.
|
|
522
|
+
return this.h.$getScrollOffset();
|
|
543
523
|
}
|
|
544
524
|
get scrollSize() {
|
|
545
|
-
return e = this.
|
|
525
|
+
return e = this.h, z(e.$getTotalSize(), e.$getViewportSize());
|
|
546
526
|
var e;
|
|
547
527
|
}
|
|
548
528
|
get viewportSize() {
|
|
549
|
-
return this.
|
|
529
|
+
return this.h.$getViewportSize();
|
|
550
530
|
}
|
|
551
531
|
findItemIndex(e) {
|
|
552
|
-
return this.
|
|
532
|
+
return this.h.$findItemIndex(e);
|
|
553
533
|
}
|
|
554
534
|
getItemOffset(e) {
|
|
555
|
-
return this.
|
|
535
|
+
return this.h.$getItemOffset(e);
|
|
556
536
|
}
|
|
557
537
|
getItemSize(e) {
|
|
558
|
-
return this.
|
|
538
|
+
return this.h.$getItemSize(e);
|
|
559
539
|
}
|
|
560
540
|
scrollToIndex(e, t) {
|
|
561
|
-
|
|
541
|
+
j(this.driver, this.h, e, t);
|
|
562
542
|
}
|
|
563
543
|
scrollTo(e) {
|
|
564
|
-
|
|
544
|
+
W(this.driver, e);
|
|
565
545
|
}
|
|
566
546
|
scrollBy(e) {
|
|
567
547
|
((e, t, i) => {
|
|
568
|
-
|
|
569
|
-
})(this.driver, this.
|
|
548
|
+
W(e, i + t.$getScrollOffset());
|
|
549
|
+
})(this.driver, this.h, e);
|
|
570
550
|
}
|
|
571
551
|
static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
|
|
572
552
|
minVersion: "12.0.0",
|
|
@@ -690,7 +670,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
690
670
|
isInline: !0,
|
|
691
671
|
dependencies: [ {
|
|
692
672
|
kind: "directive",
|
|
693
|
-
type: e.forwardRef(() =>
|
|
673
|
+
type: e.forwardRef(() => J),
|
|
694
674
|
selector: "div[virtuaListItem]",
|
|
695
675
|
inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
|
|
696
676
|
}, {
|
|
@@ -705,9 +685,9 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
|
|
|
705
685
|
|
|
706
686
|
i.OnPush;
|
|
707
687
|
|
|
708
|
-
var
|
|
688
|
+
var U = class t {
|
|
709
689
|
data=p.required();
|
|
710
|
-
getKey=p(
|
|
690
|
+
getKey=p(X);
|
|
711
691
|
itemProps=p();
|
|
712
692
|
bufferSize=p();
|
|
713
693
|
itemSize=p();
|
|
@@ -721,10 +701,10 @@ var Q = class t {
|
|
|
721
701
|
scroll=f();
|
|
722
702
|
scrollEnd=f();
|
|
723
703
|
template=u.required(o);
|
|
724
|
-
virtualizer=S.required(
|
|
725
|
-
|
|
704
|
+
virtualizer=S.required(Q);
|
|
705
|
+
S=h(n).nativeElement;
|
|
726
706
|
ngOnInit() {
|
|
727
|
-
const e = this.horizontal(), t = this.
|
|
707
|
+
const e = this.horizontal(), t = this.S;
|
|
728
708
|
t.setAttribute("style", `display:${e ? "inline-block" : "block"};${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
|
|
729
709
|
}
|
|
730
710
|
get cache() {
|
|
@@ -858,7 +838,7 @@ var Q = class t {
|
|
|
858
838
|
viewQueries: [ {
|
|
859
839
|
propertyName: "virtualizer",
|
|
860
840
|
first: !0,
|
|
861
|
-
predicate:
|
|
841
|
+
predicate: Q,
|
|
862
842
|
emitDistinctChangesOnly: !1,
|
|
863
843
|
descendants: !0,
|
|
864
844
|
isSignal: !0
|
|
@@ -868,13 +848,13 @@ var Q = class t {
|
|
|
868
848
|
isInline: !0,
|
|
869
849
|
dependencies: [ {
|
|
870
850
|
kind: "directive",
|
|
871
|
-
type: e.forwardRef(() =>
|
|
851
|
+
type: e.forwardRef(() => Q),
|
|
872
852
|
selector: "virtua-virtualizer",
|
|
873
853
|
inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
|
|
874
854
|
outputs: [ "scroll", "scrollEnd" ]
|
|
875
855
|
} ],
|
|
876
856
|
viewProviders: [ {
|
|
877
|
-
provide:
|
|
857
|
+
provide: Y,
|
|
878
858
|
useFactory: () => h(t).template
|
|
879
859
|
} ],
|
|
880
860
|
changeDetection: e.ChangeDetectionStrategy.OnPush
|
|
@@ -883,9 +863,9 @@ var Q = class t {
|
|
|
883
863
|
|
|
884
864
|
i.OnPush;
|
|
885
865
|
|
|
886
|
-
var
|
|
866
|
+
var A = class i {
|
|
887
867
|
data=p.required();
|
|
888
|
-
getKey=p(
|
|
868
|
+
getKey=p(X);
|
|
889
869
|
bufferSize=p();
|
|
890
870
|
itemSize=p();
|
|
891
871
|
ssrCount=p();
|
|
@@ -897,16 +877,16 @@ var U = class i {
|
|
|
897
877
|
scroll=f();
|
|
898
878
|
scrollEnd=f();
|
|
899
879
|
template=u.required(o);
|
|
880
|
+
h;
|
|
900
881
|
p;
|
|
901
|
-
S;
|
|
902
882
|
driver;
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
883
|
+
S=h(n).nativeElement;
|
|
884
|
+
v=h(t);
|
|
885
|
+
N=d(void 0);
|
|
906
886
|
isSSR=d(!1);
|
|
907
887
|
items=c(() => {
|
|
908
|
-
this.
|
|
909
|
-
const e = this.
|
|
888
|
+
this.N();
|
|
889
|
+
const e = this.h, t = this.data(), i = this.getKey(), s = this.driver.$isNegative(), [n, r] = e.$getRange(this.bufferSize()), o = [];
|
|
910
890
|
for (let a = n; a <= r && a < t.length; a++) {
|
|
911
891
|
const n = t[a];
|
|
912
892
|
o.push({
|
|
@@ -920,8 +900,8 @@ var U = class i {
|
|
|
920
900
|
return o;
|
|
921
901
|
});
|
|
922
902
|
containerStyle=c(() => {
|
|
923
|
-
this.
|
|
924
|
-
const e = this.horizontal(), t = this.
|
|
903
|
+
this.N();
|
|
904
|
+
const e = this.horizontal(), t = this.h.$getTotalSize();
|
|
925
905
|
return {
|
|
926
906
|
display: "block",
|
|
927
907
|
contain: "size style",
|
|
@@ -930,41 +910,41 @@ var U = class i {
|
|
|
930
910
|
position: "relative",
|
|
931
911
|
width: e ? t + "px" : "100%",
|
|
932
912
|
height: e ? "100%" : t + "px",
|
|
933
|
-
"pointer-events": this.
|
|
913
|
+
"pointer-events": this.h.$isScrolling() ? "none" : void 0
|
|
934
914
|
};
|
|
935
915
|
});
|
|
936
916
|
constructor() {
|
|
937
917
|
m(() => {
|
|
938
918
|
const e = this.data().length;
|
|
939
|
-
this.
|
|
919
|
+
this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, g(this.shift) ]);
|
|
940
920
|
}), a({
|
|
941
921
|
read: () => {
|
|
942
|
-
this.isSSR.set(!1), this.driver.$observe(this.
|
|
922
|
+
this.isSSR.set(!1), this.driver.$observe(this.S);
|
|
943
923
|
}
|
|
944
924
|
}), l({
|
|
945
925
|
read: () => {
|
|
946
|
-
this.
|
|
926
|
+
this.N(), this.driver.$effect();
|
|
947
927
|
}
|
|
948
928
|
}), h(s).onDestroy(() => {
|
|
949
|
-
this.
|
|
929
|
+
this.h?.$dispose(), this.driver?.$dispose();
|
|
950
930
|
});
|
|
951
931
|
}
|
|
952
932
|
ngOnInit() {
|
|
953
933
|
const e = this.itemSize(), t = this.ssrCount();
|
|
954
934
|
this.isSSR.set(!!t);
|
|
955
|
-
const i = this.
|
|
935
|
+
const i = this.p = V(this.data().length, e, this.cacheProp()), s = this.h = M(i, t);
|
|
956
936
|
this.driver = ((e, t) => {
|
|
957
937
|
let i, s, n, r = x(), o = !1;
|
|
958
|
-
const a = t ? "left" : "top", [l] =
|
|
959
|
-
e =
|
|
960
|
-
const s = w(
|
|
938
|
+
const a = t ? "left" : "top", [l] = B(e, () => r[0], (e, t) => {
|
|
939
|
+
e = L(e, o);
|
|
940
|
+
const s = O(w(i));
|
|
961
941
|
t ? s.scroll({
|
|
962
942
|
[a]: e,
|
|
963
943
|
behavior: "smooth"
|
|
964
944
|
}) : s.scroll({
|
|
965
945
|
[a]: e
|
|
966
946
|
});
|
|
967
|
-
}), c = t ? "width" : "height", u = /* @__PURE__ */ new WeakMap, m =
|
|
947
|
+
}), c = t ? "width" : "height", u = /* @__PURE__ */ new WeakMap, m = E(t => {
|
|
968
948
|
const i = [];
|
|
969
949
|
for (const {target: e, contentRect: s} of t) {
|
|
970
950
|
if (!e.offsetParent) continue;
|
|
@@ -979,16 +959,16 @@ var U = class i {
|
|
|
979
959
|
return {
|
|
980
960
|
$observe(l) {
|
|
981
961
|
i = l;
|
|
982
|
-
const c = t ? "scrollX" : "scrollY", u =
|
|
962
|
+
const c = t ? "scrollX" : "scrollY", u = w(l), m = O(u), p = () => {
|
|
983
963
|
e.$update(4, m[t ? "innerWidth" : "innerHeight"]);
|
|
984
964
|
};
|
|
985
|
-
m.addEventListener("resize", p),
|
|
965
|
+
m.addEventListener("resize", p), q(p), n = () => {
|
|
986
966
|
m.removeEventListener("resize", p);
|
|
987
|
-
}, t && (o = "rtl" === getComputedStyle(
|
|
967
|
+
}, t && (o = "rtl" === getComputedStyle(F(u)).direction), s = D(e, m, t, () => L(m[c], o), (t, i) => {
|
|
988
968
|
i ? m.scroll({
|
|
989
|
-
[a]:
|
|
969
|
+
[a]: L(e.$getScrollOffset() + t, o)
|
|
990
970
|
}) : m.scrollBy({
|
|
991
|
-
[a]:
|
|
971
|
+
[a]: L(t, o)
|
|
992
972
|
});
|
|
993
973
|
}, () => h(l, u.body, m, t)), r[1](!0);
|
|
994
974
|
},
|
|
@@ -999,47 +979,47 @@ var U = class i {
|
|
|
999
979
|
u.delete(e), m.o(e);
|
|
1000
980
|
}),
|
|
1001
981
|
$isNegative: () => o,
|
|
1002
|
-
$
|
|
1003
|
-
$
|
|
1004
|
-
s && s.
|
|
982
|
+
$scroll: l,
|
|
983
|
+
$effect() {
|
|
984
|
+
s && s.u();
|
|
1005
985
|
},
|
|
1006
986
|
$getBaseOffset() {
|
|
1007
|
-
const e =
|
|
1008
|
-
return h(i, e.body,
|
|
987
|
+
const e = w(i);
|
|
988
|
+
return h(i, e.body, O(e), t);
|
|
1009
989
|
},
|
|
1010
990
|
$getScrollbarSize() {
|
|
1011
|
-
const s =
|
|
991
|
+
const s = F(w(i));
|
|
1012
992
|
return e.$getViewportSize() - (t ? s.clientWidth : s.clientHeight);
|
|
1013
993
|
}
|
|
1014
994
|
};
|
|
1015
995
|
})(s, this.horizontal()), s.$subscribe(1, e => {
|
|
1016
|
-
this.
|
|
996
|
+
this.N.set(s.$getStateVersion()), e && this.v.tick();
|
|
1017
997
|
}), s.$subscribe(4, () => {
|
|
1018
998
|
this.scroll.emit();
|
|
1019
999
|
}), s.$subscribe(8, () => {
|
|
1020
1000
|
this.scrollEnd.emit();
|
|
1021
|
-
}), this.
|
|
1001
|
+
}), this.N.set(s.$getStateVersion());
|
|
1022
1002
|
}
|
|
1023
1003
|
get cache() {
|
|
1024
|
-
return this.
|
|
1004
|
+
return this.p.$snapshot();
|
|
1025
1005
|
}
|
|
1026
1006
|
get scrollOffset() {
|
|
1027
|
-
return this.
|
|
1007
|
+
return this.h.$getScrollOffset();
|
|
1028
1008
|
}
|
|
1029
1009
|
get viewportSize() {
|
|
1030
|
-
return this.
|
|
1010
|
+
return this.h.$getViewportSize();
|
|
1031
1011
|
}
|
|
1032
1012
|
findItemIndex(e) {
|
|
1033
|
-
return this.
|
|
1013
|
+
return this.h.$findItemIndex(e);
|
|
1034
1014
|
}
|
|
1035
1015
|
getItemOffset(e) {
|
|
1036
|
-
return this.
|
|
1016
|
+
return this.h.$getItemOffset(e);
|
|
1037
1017
|
}
|
|
1038
1018
|
getItemSize(e) {
|
|
1039
|
-
return this.
|
|
1019
|
+
return this.h.$getItemSize(e);
|
|
1040
1020
|
}
|
|
1041
1021
|
scrollToIndex(e, t) {
|
|
1042
|
-
|
|
1022
|
+
j(this.driver, this.h, e, t);
|
|
1043
1023
|
}
|
|
1044
1024
|
static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
|
|
1045
1025
|
minVersion: "12.0.0",
|
|
@@ -1135,7 +1115,7 @@ var U = class i {
|
|
|
1135
1115
|
isInline: !0,
|
|
1136
1116
|
dependencies: [ {
|
|
1137
1117
|
kind: "directive",
|
|
1138
|
-
type: e.forwardRef(() =>
|
|
1118
|
+
type: e.forwardRef(() => J),
|
|
1139
1119
|
selector: "div[virtuaListItem]",
|
|
1140
1120
|
inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
|
|
1141
1121
|
}, {
|
|
@@ -1150,5 +1130,5 @@ var U = class i {
|
|
|
1150
1130
|
|
|
1151
1131
|
i.OnPush;
|
|
1152
1132
|
|
|
1153
|
-
export {
|
|
1133
|
+
export { U as VList, Q as Virtualizer, A as WindowVirtualizer };
|
|
1154
1134
|
//# sourceMappingURL=index.js.map
|