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.
@@ -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
- }, q = e => {
14
+ }, k = e => {
15
15
  let t;
16
16
  return () => (e && (t = e(), e = void 0), t);
17
- }, k = e => e.documentElement, F = e => e.ownerDocument, w = e => e.defaultView, O = /*#__PURE__*/ q(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), T = /*#__PURE__*/ q(() => "scrollBehavior" in k(document).style), C = ({$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 ], x = 0, q = !1;
19
- const k = /* @__PURE__ */ new Set, F = () => g - d, w = () => F() + y + S, T = (e, t) => {
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 && (O() && 0 !== P || $ && 1 === R ? y += e : S += 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 (!q || h) return I;
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: T,
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 = T(t), r = s(t);
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 && (x += r ? i : i - e);
90
+ m && (q += r ? i : i - e);
91
91
  }
92
- m && f && x > f && (C(c(t(w()))), m = !1), z = 3, v = !0;
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 || (q = v = !0), f = a, z = 3);
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
- }, M = (e, t, i, s = 0, n = t - 1) => {
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
- }, _ = (e, t, i) => {
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
- }, K = (e, t, i) => {
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 ? _(o.slice(0, v(e, o.length)), z(0, e - o.length)) : _([], e), l = _([], e + 1), c = e => {
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 = M(u, e, i, r), s = M(u, e, t, r, n)) : (s = M(u, e, t, void 0, r),
148
- n = M(u, e, i, s)), r = s, [ s, 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 => M(u, e, 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 ? (_(l, r), _(a, r, i), s * r) : (l.splice(r),
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
- }, V = e => {
176
+ }, E = e => {
177
177
  let t;
178
178
  return {
179
179
  i(i) {
180
- (t || (t = new (w(F(i)).ResizeObserver)(e))).observe(i);
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
- }, E = (e, t) => t ? -e : e, L = (e, t, i, s, n, r) => {
190
- const o = Date.now;
191
- let a = 0, l = !1, c = !1, u = !1, m = !1;
192
- const h = (() => {
193
- let t;
194
- const i = () => {
195
- null != t && clearTimeout(t);
196
- }, s = () => {
197
- i(), t = $(() => {
198
- t = null, (() => {
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 = o() - a;
200
+ const s = h() - a;
210
201
  150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (l = !0);
211
- }, d = () => {
202
+ }, S = () => {
212
203
  c = !0, u = m = !1;
213
- }, g = () => {
214
- c = !1, O() && (u = !0);
204
+ }, y = () => {
205
+ c = !1, T() && (u = !0);
215
206
  };
216
- return t.addEventListener("scroll", p), t.addEventListener("wheel", f, {
207
+ return t.addEventListener("scroll", d), t.addEventListener("wheel", g, {
217
208
  passive: !0
218
- }), t.addEventListener("touchstart", d, {
209
+ }), t.addEventListener("touchstart", S, {
219
210
  passive: !0
220
- }), t.addEventListener("touchend", g, {
211
+ }), t.addEventListener("touchend", y, {
221
212
  passive: !0
222
213
  }), {
223
214
  l: () => {
224
- t.removeEventListener("scroll", p), t.removeEventListener("wheel", f), t.removeEventListener("touchstart", d),
225
- t.removeEventListener("touchend", g), h.u();
215
+ t.removeEventListener("scroll", d), t.removeEventListener("wheel", g), t.removeEventListener("touchstart", S),
216
+ t.removeEventListener("touchend", y), I(o);
226
217
  },
227
- m: () => {
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
- }, D = (e, t, i) => {
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 o = () => {
238
- const [t, i] = x();
239
- return s = () => {
240
- i(!1);
241
- }, e.$getViewportSize() && $(s, 150), [ t, e.$subscribe(2, () => {
242
- i(!0);
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
- e.$update(7), i(n(), r);
261
- }); else for (;;) {
262
- const [t, s] = o();
263
- try {
264
- if (e.$update(7), i(n()), !await t) return;
265
- } finally {
266
- s();
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
- }, B = (e, t) => {
273
- e.$scheduleScroll(() => t);
274
- }, J = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
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.$scheduleScroll(() => 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);
283
- }, W = class t {
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
- }, j = (e, t) => "_" + t, X = new r("virtua-item-template"), Y = class i {
375
+ }, X = (e, t) => "_" + t, Y = new r("virtua-item-template"), Q = class i {
396
376
  data=p.required();
397
- getKey=p(j);
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
- h=h(X, {
393
+ m=h(Y, {
414
394
  optional: !0
415
395
  });
416
- template=c(() => this.h?.() ?? this.contentTemplate());
396
+ template=c(() => this.m?.() ?? this.contentTemplate());
397
+ h;
417
398
  p;
418
- S;
419
399
  driver;
420
- v=h(n).nativeElement;
421
- N=h(t);
422
- P=d(void 0);
400
+ S=h(n).nativeElement;
401
+ v=h(t);
402
+ N=d(void 0);
423
403
  isSSR=d(!1);
424
- R=c(() => {
425
- this.P();
426
- const e = this.data().length, [t, i] = this.p.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
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.P();
436
- const e = this.p, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.driver.$isNegative();
437
- return this.R().map(r => {
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.P();
454
- const e = this.horizontal(), t = this.p.$getTotalSize();
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.p.$isScrolling() ? "none" : void 0
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.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
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.p && e !== this.p.$getStartSpacerSize() && this.p.$update(6, e);
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.v, this.scrollRef());
455
+ this.isSSR.set(!1), this.driver.$observe(this.S, this.scrollRef());
476
456
  }
477
457
  }), l({
478
458
  read: () => {
479
- this.P(), this.driver.$fixScrollJump();
459
+ this.N(), this.driver.$effect();
480
460
  }
481
461
  }), h(s).onDestroy(() => {
482
- this.p?.$dispose(), this.driver?.$dispose();
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.S = K(this.data().length, e, this.cacheProp()), s = this.p = C(i, t);
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] = D(e, () => n[0], (e, s) => {
492
- e = E(e, r), s ? i.scrollTo({
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 = V(t => {
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 = L(e, u, t, () => E(u[o], r), (t, i, 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] = E(e.$getScrollOffset() + t, r), i && c();
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
- $scheduleScroll: l,
524
- $fixScrollJump() {
525
- s && s.m();
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.P.set(s.$getStateVersion()), e && this.N.tick();
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.P.set(s.$getStateVersion());
516
+ }), this.N.set(s.$getStateVersion());
537
517
  }
538
518
  get cache() {
539
- return this.S.$snapshot();
519
+ return this.p.$snapshot();
540
520
  }
541
521
  get scrollOffset() {
542
- return this.p.$getScrollOffset();
522
+ return this.h.$getScrollOffset();
543
523
  }
544
524
  get scrollSize() {
545
- return e = this.p, z(e.$getTotalSize(), e.$getViewportSize());
525
+ return e = this.h, z(e.$getTotalSize(), e.$getViewportSize());
546
526
  var e;
547
527
  }
548
528
  get viewportSize() {
549
- return this.p.$getViewportSize();
529
+ return this.h.$getViewportSize();
550
530
  }
551
531
  findItemIndex(e) {
552
- return this.p.$findItemIndex(e);
532
+ return this.h.$findItemIndex(e);
553
533
  }
554
534
  getItemOffset(e) {
555
- return this.p.$getItemOffset(e);
535
+ return this.h.$getItemOffset(e);
556
536
  }
557
537
  getItemSize(e) {
558
- return this.p.$getItemSize(e);
538
+ return this.h.$getItemSize(e);
559
539
  }
560
540
  scrollToIndex(e, t) {
561
- J(this.driver, this.p, e, t);
541
+ j(this.driver, this.h, e, t);
562
542
  }
563
543
  scrollTo(e) {
564
- B(this.driver, e);
544
+ W(this.driver, e);
565
545
  }
566
546
  scrollBy(e) {
567
547
  ((e, t, i) => {
568
- B(e, i + t.$getScrollOffset());
569
- })(this.driver, this.p, e);
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(() => W),
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 Q = class t {
688
+ var U = class t {
709
689
  data=p.required();
710
- getKey=p(j);
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(Y);
725
- v=h(n).nativeElement;
704
+ virtualizer=S.required(Q);
705
+ S=h(n).nativeElement;
726
706
  ngOnInit() {
727
- const e = this.horizontal(), t = this.v;
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: Y,
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(() => Y),
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: X,
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 U = class i {
866
+ var A = class i {
887
867
  data=p.required();
888
- getKey=p(j);
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
- v=h(n).nativeElement;
904
- N=h(t);
905
- P=d(void 0);
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.P();
909
- const e = this.p, t = this.data(), i = this.getKey(), s = this.driver.$isNegative(), [n, r] = e.$getRange(this.bufferSize()), o = [];
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.P();
924
- const e = this.horizontal(), t = this.p.$getTotalSize();
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.p.$isScrolling() ? "none" : void 0
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.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
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.v);
922
+ this.isSSR.set(!1), this.driver.$observe(this.S);
943
923
  }
944
924
  }), l({
945
925
  read: () => {
946
- this.P(), this.driver.$fixScrollJump();
926
+ this.N(), this.driver.$effect();
947
927
  }
948
928
  }), h(s).onDestroy(() => {
949
- this.p?.$dispose(), this.driver?.$dispose();
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.S = K(this.data().length, e, this.cacheProp()), s = this.p = C(i, t);
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] = D(e, () => r[0], (e, t) => {
959
- e = E(e, o);
960
- const s = w(F(i));
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 = V(t => {
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 = F(l), m = w(u), p = () => {
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), I(p), n = () => {
965
+ m.addEventListener("resize", p), q(p), n = () => {
986
966
  m.removeEventListener("resize", p);
987
- }, t && (o = "rtl" === getComputedStyle(k(u)).direction), s = L(e, m, t, () => E(m[c], o), (t, i) => {
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]: E(e.$getScrollOffset() + t, o)
969
+ [a]: L(e.$getScrollOffset() + t, o)
990
970
  }) : m.scrollBy({
991
- [a]: E(t, o)
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
- $scheduleScroll: l,
1003
- $fixScrollJump() {
1004
- s && s.m();
982
+ $scroll: l,
983
+ $effect() {
984
+ s && s.u();
1005
985
  },
1006
986
  $getBaseOffset() {
1007
- const e = F(i);
1008
- return h(i, e.body, w(e), t);
987
+ const e = w(i);
988
+ return h(i, e.body, O(e), t);
1009
989
  },
1010
990
  $getScrollbarSize() {
1011
- const s = k(F(i));
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.P.set(s.$getStateVersion()), e && this.N.tick();
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.P.set(s.$getStateVersion());
1001
+ }), this.N.set(s.$getStateVersion());
1022
1002
  }
1023
1003
  get cache() {
1024
- return this.S.$snapshot();
1004
+ return this.p.$snapshot();
1025
1005
  }
1026
1006
  get scrollOffset() {
1027
- return this.p.$getScrollOffset();
1007
+ return this.h.$getScrollOffset();
1028
1008
  }
1029
1009
  get viewportSize() {
1030
- return this.p.$getViewportSize();
1010
+ return this.h.$getViewportSize();
1031
1011
  }
1032
1012
  findItemIndex(e) {
1033
- return this.p.$findItemIndex(e);
1013
+ return this.h.$findItemIndex(e);
1034
1014
  }
1035
1015
  getItemOffset(e) {
1036
- return this.p.$getItemOffset(e);
1016
+ return this.h.$getItemOffset(e);
1037
1017
  }
1038
1018
  getItemSize(e) {
1039
- return this.p.$getItemSize(e);
1019
+ return this.h.$getItemSize(e);
1040
1020
  }
1041
1021
  scrollToIndex(e, t) {
1042
- J(this.driver, this.p, e, t);
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(() => W),
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 { Q as VList, Y as Virtualizer, U as WindowVirtualizer };
1133
+ export { U as VList, Q as Virtualizer, A as WindowVirtualizer };
1154
1134
  //# sourceMappingURL=index.js.map