virtua 0.50.6 → 0.51.1

package/lib/angular/index.js

@@ -4,23 +4,18 @@ import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, Ele
 
 import { NgTemplateOutlet as y } from "@angular/common";
 
-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 => {
+var v, {min: z, max: b, abs: N, floor: P} = Math, R = (e, t, i) => z(i, b(t, e)), I = e => [ ...e ].sort((e, t) => e - t), $ = setTimeout, q = clearTimeout, x = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
-}, x = () => {
+}, k = () => {
     let e;
     return [ new Promise(t => {
         e = t;
     }), e ];
-}, k = e => {
-    let t;
-    return () => (e && (t = e(), e = void 0), t);
-}, 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) => {
-    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;
-    const k = /* @__PURE__ */ new Set, F = () => g - d, w = () => F() + y + S, O = (e, t) => {
-        const n = i(e) - y;
-        return t ? o() - n - s(e) : n;
-    }, C = e => {
-        e && (T() && 0 !== P || $ && 1 === R ? y += e : S += e);
+}, F = e => e.ownerDocument, w = e => e.defaultView, O = () => (null == v && (v = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
+v), T = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $setItemSize: n, $isSizeEqual: r, $getTotalSize: o, $getLength: a, $setLength: l, $estimateDefaultSize: c}, u = 0) => {
+    let m = !!c, h = !!u, p = 1, f = 0, d = 0, g = 0, S = 0, y = 0, v = 0, P = 0, R = 0, I = null, $ = [ 0, h ? b(u - 1, 0) : -1 ], q = 0, x = !1;
+    const k = /* @__PURE__ */ new Set, F = () => g - d, w = () => F() + y + S, T = e => i(e) - y, C = e => {
+        e && (O() && 0 !== P || I && 1 === R ? y += e : S += e);
     };
     return {
         $dispose: () => {
@@ -28,18 +23,18 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         },
         $getStateVersion: () => p,
         $getRange: (t = 200) => {
-            if (!x || h) return I;
+            if (!x || h) return $;
             let i, s;
-            if (N) [i, s] = I; else {
-                let n = z(0, w()), r = n + f;
-                m || (t = z(0, t), 1 !== P && (n -= t), 2 !== P && (r += t)), [i, s] = I = e(z(0, n), z(0, r)), 
-                $ && (i = v(i, $[0]), s = z(s, $[1]));
+            if (v) [i, s] = $; else {
+                let n = b(0, w()), r = n + f;
+                m || (t = b(0, t), 1 !== P && (n -= t), 2 !== P && (r += t)), [i, s] = $ = e(b(0, n), b(0, r)), 
+                I && (i = z(i, I[0]), s = b(s, I[1]));
             }
-            return [ z(i, 0), v(s, a() - 1) ];
+            return [ b(i, 0), z(s, a() - 1) ];
         },
         $findItemIndex: e => t(e - d),
         $isUnmeasuredItem: r,
-        $getItemOffset: O,
+        $getItemOffset: T,
         $getItemSize: s,
         $getItemsLength: a,
         $getScrollOffset: () => g,
@@ -47,7 +42,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         $getViewportSize: () => f,
         $getStartSpacerSize: () => d,
         $getTotalSize: o,
-        t: () => (N = S, S = 0, [ N, 2 === R ]),
+        t: () => (v = S, S = 0, [ v, 2 === R ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
             return k.add(i), () => {
@@ -55,22 +50,22 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             };
         },
         $update: (i, a) => {
-            let u, v, z = 0;
+            let u, z, b = 0;
             switch (i) {
               case 1:
                 {
                     if (a === g && 0 === R) break;
-                    const e = N;
-                    N = 0;
-                    const t = a - g, i = b(t);
-                    e && i < b(e) + 1 || 0 !== R || (P = t < 0 ? 2 : 1), h && (h = !1), g = a, z = 4;
+                    const e = v;
+                    v = 0;
+                    const t = a - g, i = N(t);
+                    e && i < N(e) + 1 || 0 !== R || (P = t < 0 ? 2 : 1), h && (h = !1), g = a, b = 4;
                     const s = F();
-                    s >= -f && s <= o() && (z += 1, v = i > f);
+                    s >= -f && s <= o() && (b += 1, z = i > f);
                     break;
                 }
 
               case 2:
-                z = 8, 0 !== P && (u = !0, z += 1), P = 0, R = 0, $ = null;
+                b = 8, 0 !== P && (u = !0, b += 1), P = 0, R = 0, I = null;
                 break;
 
               case 3:
@@ -79,8 +74,8 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
                     if (!e.length) break;
                     C(e.reduce((e, [t, i]) => {
                         let n;
-                        if (2 === R) n = !0; else if ($ && 1 === R) n = t < $[0]; else {
-                            const e = F(), i = O(t), r = s(t);
+                        if (2 === R) n = !0; else if (I && 1 === R) n = t < I[0]; else {
+                            const e = F(), i = T(t), r = s(t);
                             n = 1 !== P && 0 === R ? i + r <= e : i < e && i + r < e + f;
                         }
                         return n && (e += i - s(t)), e;
@@ -89,16 +84,16 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
                         const e = s(t), r = n(t, i);
                         m && (q += r ? i : i - e);
                     }
-                    m && f && q > f && (C(c(t(w()))), m = !1), z = 3, v = !0;
+                    m && f && q > f && (C(c(t(w()))), m = !1), b = 3, z = !0;
                     break;
                 }
 
               case 4:
-                f !== a && (f || (x = v = !0), f = a, z = 3);
+                f !== a && (f || (x = z = !0), f = a, b = 3);
                 break;
 
               case 5:
-                a[1] ? (C(l(a[0], !0)), R = 2, z = 1) : (l(a[0]), z = 1);
+                a[1] ? (C(l(a[0], !0)), R = 2, b = 1) : (l(a[0]), b = 1);
                 break;
 
               case 6:
@@ -110,27 +105,27 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
                 break;
 
               case 8:
-                $ = e(a, a + f), z = 1;
+                I = e(a, a + f), b = 1;
             }
-            z && (p = 1 + (2147483647 & p), u && y && (S += y, y = 0), k.forEach(([e, t]) => {
-                z & e && t(v);
+            b && (p = 1 + (2147483647 & p), u && y && (S += y, y = 0), k.forEach(([e, t]) => {
+                b & e && t(z);
             }));
         }
     };
-}, _ = (e, t, i, s = 0, n = t - 1) => {
+}, C = (e, t, i, s = 0, n = t - 1) => {
     let r = s;
     for (;s <= n; ) {
-        const t = N((s + n) / 2);
+        const t = P((s + n) / 2);
         e(t) <= i ? (r = t, s = t + 1) : n = t - 1;
     }
-    return P(r, 0, t - 1);
-}, K = (e, t, i) => {
+    return R(r, 0, t - 1);
+}, M = (e, t, i) => {
     const s = i ? "unshift" : "push";
     for (let i = 0; i < t; i++) e[s](-1);
     return e;
-}, V = (e, t, i) => {
+}, _ = (e, t, i) => {
     let s = i && i[1] || t || 40, n = -1, r = 0;
-    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 => {
+    const o = i && i[0], a = o ? M(o.slice(0, z(e, o.length)), b(0, e - o.length)) : M([], e), l = M([], e + 1), c = e => {
         const t = a[e];
         return -1 === t ? s : t;
     }, u = t => {
@@ -144,22 +139,22 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
     return {
         $getRange: (t, i) => {
             let s, n;
-            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), 
-            n = _(u, e, i, s)), r = s, [ s, n ];
+            return r = z(r, e - 1), u(r) <= t ? (n = C(u, e, i, r), s = C(u, e, t, r, n)) : (s = C(u, e, t, void 0, r), 
+            n = C(u, e, i, s)), r = s, [ s, n ];
         },
-        $findIndex: t => _(u, e, t),
+        $findIndex: t => C(u, e, t),
         $getItemOffset: u,
         $getItemSize: c,
         $setItemSize: (e, t) => {
             const i = -1 === a[e];
-            return a[e] = t, n = v(e, n), i;
+            return a[e] = t, n = z(e, n), i;
         },
         $isSizeEqual: (e, t = -1) => a[e] === t,
         $getTotalSize: () => u(e),
         $getLength: () => e,
         $setLength: (t, i) => {
             const r = t - e;
-            return n = i ? -1 : v(t - 1, n), e = t, r > 0 ? (K(l, r), K(a, r, i), s * r) : (l.splice(r), 
+            return n = i ? -1 : z(t - 1, n), e = t, r > 0 ? (M(l, r), M(a, r, i), s * r) : (l.splice(r), 
             (i ? a.splice(0, -r) : a.splice(r)).reduce((e, t) => e - (-1 === t ? s : t), 0));
         },
         $estimateDefaultSize: t ? void 0 : e => {
@@ -168,16 +163,16 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             a.forEach((s, n) => {
                 -1 !== s && (s && i.push(s), n < e && t++);
             }), n = -1;
-            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;
-            return ((s = c) - u) * z(e - t, 0);
+            const r = I(i), o = r.length, l = o / 2 | 0, c = o % 2 == 0 ? (r[l - 1] + r[l]) / 2 : r[l], u = s;
+            return ((s = c) - u) * b(e - t, 0);
         },
         $snapshot: () => [ a.slice(), s ]
     };
-}, E = e => {
+}, K = e => {
     let t;
     return {
         i(i) {
-            (t || (t = new (O(w(i)).ResizeObserver)(e))).observe(i);
+            (t || (t = new (w(F(i)).ResizeObserver)(e))).observe(i);
         },
         o(e) {
             t.unobserve(e);
@@ -186,81 +181,87 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             t && t.disconnect();
         }
     };
-}, L = (e, t) => t ? -e : e, D = (e, t, i, s, n, r) => {
-    let o, a = 0, l = !1, c = !1, u = !1, m = !1;
-    const h = Date.now, p = () => {
-        if (l || c) return l = !1, void f();
-        u = !1, e.$update(2);
-    }, f = () => {
-        I(o), o = $(p, 150);
-    }, d = () => {
-        a = h(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), f();
-    }, g = t => {
-        if (l || !e.$isScrolling() || t.ctrlKey) return;
-        const s = h() - a;
-        150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (l = !0);
-    }, S = () => {
-        c = !0, u = m = !1;
-    }, y = () => {
-        c = !1, T() && (u = !0);
+}, V = (e, t, i, s, n, r, o) => {
+    let a, l, c = 0, u = !1, m = !1, h = !1, p = !1;
+    const f = Date.now, d = s ? "scrollLeft" : "scrollTop", g = s ? "left" : "top", S = e => n ? -e : e, y = () => S(i[d]), v = (e, t) => {
+        i.scrollTo({
+            [g]: S(e),
+            behavior: t ? "smooth" : "instant"
+        });
+    }, z = () => {
+        if (u || m) return u = !1, void b();
+        h = !1, e.$update(2);
+    }, b = () => {
+        q(l), l = $(z, 150);
+    }, N = () => {
+        c = f(), h && (p = !0), o && e.$update(6, o()), e.$update(1, y()), b();
+    }, P = t => {
+        if (u || !e.$isScrolling() || t.ctrlKey) return;
+        const i = f() - c;
+        150 > i && 50 < i && (s ? t.deltaX : t.deltaY) && (u = !0);
+    }, R = () => {
+        m = !0, h = p = !1;
+    }, I = () => {
+        m = !1, O() && (h = !0);
     };
-    return t.addEventListener("scroll", d), t.addEventListener("wheel", g, {
+    return t.addEventListener("scroll", N), t.addEventListener("wheel", P, {
         passive: !0
-    }), t.addEventListener("touchstart", S, {
+    }), t.addEventListener("touchstart", R, {
         passive: !0
-    }), t.addEventListener("touchend", y, {
+    }), t.addEventListener("touchend", I, {
         passive: !0
     }), {
         l: () => {
-            t.removeEventListener("scroll", d), t.removeEventListener("wheel", g), t.removeEventListener("touchstart", S), 
-            t.removeEventListener("touchend", y), I(o);
+            t.removeEventListener("scroll", N), t.removeEventListener("wheel", P), t.removeEventListener("touchstart", R), 
+            t.removeEventListener("touchend", I), q(l);
         },
         u: () => {
-            const [t, i] = e.t();
-            t && (n(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
+            const [t, s] = e.t();
+            if (!t) return;
+            p && r && r(), p = !1;
+            const n = e.$getScrollOffset() + t;
+            n <= 0 || n >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? v(n) : i.scrollBy({
+                [g]: S(t),
+                behavior: "instant"
+            }), s && (a && a(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, y()));
+        },
+        m: (t, i) => {
+            let s, n, r;
+            a && a();
+            const o = a = () => {
+                s = !0, q(n), r && r();
+            }, l = () => {
+                if (!s) {
+                    if (e.$getViewportSize() && (q(n), n = $(o, 150)), i) {
+                        for (let [t, i] = e.$getRange(0); t <= i; t++) if (e.$isUnmeasuredItem(t)) return;
+                        o();
+                    }
+                    e.$update(7), v(t(), i);
+                }
+            }, c = () => {
+                if (s) return;
+                let t;
+                r = e.$subscribe(2, () => {
+                    t || (t = !0, x(() => {
+                        t = !1, l();
+                    }));
+                }), l();
+            };
+            i ? (e.$update(8, t()), x(c)) : c();
         }
     };
-}, B = (e, t, i) => {
-    let s;
-    return [ async (n, r) => {
-        if (!await t()) return;
-        let o, a, l;
-        s && s();
-        const c = r && C(), u = s = () => {
-            o = !0, I(a), l && l();
-        }, m = () => {
-            if (!o) {
-                if (e.$getViewportSize() && (I(a), a = $(u, 150)), c) {
-                    for (let [t, i] = e.$getRange(0); t <= i; t++) if (e.$isUnmeasuredItem(t)) return;
-                    u();
-                }
-                e.$update(7), i(n(), c);
-            }
-        }, h = () => {
-            if (o) return;
-            let t;
-            l = e.$subscribe(2, () => {
-                t || (t = !0, q(() => {
-                    t = !1, m();
-                }));
-            }), m();
-        };
-        c ? (e.$update(8, n()), q(h)) : h();
-    }, () => {
-        s && s();
-    } ];
-}, W = (e, t) => {
+}, E = (e, t) => {
     e.$scroll(() => t);
-}, j = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
-    if (i = P(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
+}, L = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
+    if (i = R(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
         const e = t.$getItemOffset(i), n = t.$getScrollOffset();
         if (e < n) s = "start"; else {
             if (!(e + t.$getItemSize(i) > n + t.$getViewportSize())) return;
             s = "end";
         }
     }
-    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);
-}, J = class t {
+    e.$scroll(() => r + e.$getBaseOffset() + t.$getItemOffset(i) + ("end" === s ? t.$getItemSize(i) - t.$getViewportSize() : "center" === s ? (t.$getItemSize(i) - t.$getViewportSize()) / 2 : 0), n);
+}, D = class t {
     index=p.required();
     offset=p.required();
     hide=p.required();
@@ -274,7 +275,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             position: t && i ? void 0 : "absolute",
             [e ? "height" : "width"]: "100%",
             [e ? "top" : "left"]: "0px",
-            [e ? "left" : "top"]: this.offset() + "px",
+            [e ? "inset-inline-start" : "top"]: this.offset() + "px",
             visibility: !t || i ? void 0 : "hidden",
             ...this.attrs()?.style
         };
@@ -372,9 +373,9 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         },
         ngImport: e
     });
-}, X = (e, t) => "_" + t, Y = new r("virtua-item-template"), Q = class i {
+}, B = (e, t) => "_" + t, W = new r("virtua-item-template"), j = class i {
     data=p.required();
-    getKey=p(X);
+    getKey=p(B);
     itemProps=p();
     bufferSize=p();
     scrollRef=p();
@@ -390,48 +391,48 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
     scroll=f();
     scrollEnd=f();
     contentTemplate=u(o);
-    m=h(Y, {
+    h=h(W, {
         optional: !0
     });
-    template=c(() => this.m?.() ?? this.contentTemplate());
-    h;
+    template=c(() => this.h?.() ?? this.contentTemplate());
     p;
+    S;
     driver;
-    S=h(n).nativeElement;
-    v=h(t);
-    N=d(void 0);
+    v=h(n).nativeElement;
+    N=h(t);
+    P=d(void 0);
     isSSR=d(!1);
-    P=c(() => {
-        this.N();
-        const e = this.data().length, [t, i] = this.h.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+    R=c(() => {
+        this.P();
+        const e = this.data().length, [t, i] = this.p.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
         if (s) {
             const r = new Set(s);
             for (let e = t; e <= i; e++) r.add(e);
-            for (const t of R([ ...r ])) t < e && n.push(t);
+            for (const t of I([ ...r ])) t < e && n.push(t);
         } else for (let s = t; s <= i; s++) s < e && n.push(s);
         return n;
     });
     items=c(() => {
-        this.N();
-        const e = this.h, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.driver.$isNegative();
-        return this.P().map(r => {
-            const o = t[r];
+        this.P();
+        const e = this.p, t = this.data(), i = this.getKey(), s = this.itemProps();
+        return this.R().map(n => {
+            const r = t[n];
             return {
-                key: i(o, r),
-                index: r,
-                data: o,
-                offset: e.$getItemOffset(r, n),
-                hide: e.$isUnmeasuredItem(r),
+                key: i(r, n),
+                index: n,
+                data: r,
+                offset: e.$getItemOffset(n),
+                hide: e.$isUnmeasuredItem(n),
                 attrs: s?.({
-                    item: o,
-                    index: r
+                    item: r,
+                    index: n
                 })
             };
         });
     });
     containerStyle=c(() => {
-        this.N();
-        const e = this.horizontal(), t = this.h.$getTotalSize();
+        this.P();
+        const e = this.horizontal(), t = this.p.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -440,113 +441,105 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.h.$isScrolling() ? "none" : void 0
+            "pointer-events": this.p.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, g(this.shift) ]);
+            this.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
         }), m(() => {
             const e = this.startMargin();
-            this.h && e !== this.h.$getStartSpacerSize() && this.h.$update(6, e);
+            this.p && e !== this.p.$getStartSpacerSize() && this.p.$update(6, e);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.S, this.scrollRef());
+                this.isSSR.set(!1), this.driver.$observe(this.v, this.scrollRef());
             }
         }), l({
             read: () => {
-                this.N(), this.driver.$effect();
+                this.P(), this.driver.$effect();
             }
         }), h(s).onDestroy(() => {
-            this.h?.$dispose(), this.driver?.$dispose();
+            this.p?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.p = V(this.data().length, e, this.cacheProp()), s = this.h = M(i, t);
+        const i = this.S = _(this.data().length, e, this.cacheProp()), s = this.p = T(i, t);
         this.driver = ((e, t) => {
-            let i, s, n = x(), r = !1;
-            const o = t ? "scrollLeft" : "scrollTop", a = t ? "overflowX" : "overflowY", [l, c] = B(e, () => n[0], (e, s) => {
-                e = L(e, r), s ? i.scrollTo({
-                    [t ? "left" : "top"]: e,
-                    behavior: "smooth"
-                }) : i[o] = e;
-            }), u = t ? "width" : "height", m = /* @__PURE__ */ new WeakMap, h = E(t => {
+            let i, s, n = k();
+            const r = t ? "width" : "height", o = /* @__PURE__ */ new WeakMap, a = K(t => {
                 const s = [];
-                for (const {target: n, contentRect: r} of t) if (n.offsetParent) if (n === i) e.$update(4, r[u]); else {
-                    const e = m.get(n);
-                    null != e && s.push([ e, r[u] ]);
+                for (const {target: n, contentRect: a} of t) if (n.offsetParent) if (n === i) e.$update(4, a[r]); else {
+                    const e = o.get(n);
+                    null != e && s.push([ e, a[r] ]);
                 }
                 s.length && e.$update(3, s);
             });
             return {
-                $observe(l, u = l.parentElement) {
-                    h.i(i = u), t && (r = "rtl" === getComputedStyle(u).direction), s = D(e, u, t, () => L(u[o], r), (t, i, s) => {
-                        if (s) {
-                            const e = u.style, t = e[a];
-                            e[a] = "hidden", $(() => {
-                                e[a] = t;
-                            });
-                        }
-                        u[o] = L(e.$getScrollOffset() + t, r), i && c();
+                $observe(r, o = r.parentElement) {
+                    a.i(i = o), s = V(e, o, o, t, t && "rtl" === getComputedStyle(o).direction, () => {
+                        const e = t ? "overflowX" : "overflowY", i = o.style, s = i[e];
+                        i[e] = "hidden", $(() => {
+                            i[e] = s;
+                        });
                     }), n[1](!0);
                 },
                 $dispose() {
-                    h.l(), s && s.l(), n[1](!1), n = x();
+                    a.l(), s && s.l(), n[1](!1), n = k();
                 },
-                $observeItem: (e, t) => (m.set(e, t), h.i(e), () => {
-                    m.delete(e), h.o(e);
+                $observeItem: (e, t) => (o.set(e, t), a.i(e), () => {
+                    o.delete(e), a.o(e);
                 }),
-                $isNegative: () => r,
-                $scroll: l,
+                async $scroll(e, t) {
+                    await n[0] && s.m(e, t);
+                },
                 $effect() {
                     s && s.u();
                 },
-                $getBaseOffset: e.$getStartSpacerSize,
-                $getScrollbarSize: () => 0
+                $getBaseOffset: e.$getStartSpacerSize
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.N.set(s.$getStateVersion()), e && this.v.tick();
+            this.P.set(s.$getStateVersion()), e && this.N.tick();
         }), s.$subscribe(4, () => {
             this.scroll.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnd.emit();
-        }), this.N.set(s.$getStateVersion());
+        }), this.P.set(s.$getStateVersion());
     }
     get cache() {
-        return this.p.$snapshot();
+        return this.S.$snapshot();
     }
     get scrollOffset() {
-        return this.h.$getScrollOffset();
+        return this.p.$getScrollOffset();
     }
     get scrollSize() {
-        return e = this.h, z(e.$getTotalSize(), e.$getViewportSize());
+        return e = this.p, b(e.$getTotalSize(), e.$getViewportSize());
         var e;
     }
     get viewportSize() {
-        return this.h.$getViewportSize();
+        return this.p.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.h.$findItemIndex(e);
+        return this.p.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.h.$getItemOffset(e);
+        return this.p.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.h.$getItemSize(e);
+        return this.p.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        j(this.driver, this.h, e, t);
+        L(this.driver, this.p, e, t);
     }
     scrollTo(e) {
-        W(this.driver, e);
+        E(this.driver, e);
     }
     scrollBy(e) {
         ((e, t, i) => {
-            W(e, i + t.$getScrollOffset());
-        })(this.driver, this.h, e);
+            E(e, i + t.$getScrollOffset());
+        })(this.driver, this.p, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -670,7 +663,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => J),
+            type: e.forwardRef(() => D),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -685,9 +678,9 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
 
 i.OnPush;
 
-var U = class t {
+var J = class t {
     data=p.required();
-    getKey=p(X);
+    getKey=p(B);
     itemProps=p();
     bufferSize=p();
     itemSize=p();
@@ -701,10 +694,10 @@ var U = class t {
     scroll=f();
     scrollEnd=f();
     template=u.required(o);
-    virtualizer=S.required(Q);
-    S=h(n).nativeElement;
+    virtualizer=S.required(j);
+    v=h(n).nativeElement;
     ngOnInit() {
-        const e = this.horizontal(), t = this.S;
+        const e = this.horizontal(), t = this.v;
         t.setAttribute("style", `display:${e ? "inline-block" : "block"};${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
     }
     get cache() {
@@ -838,7 +831,7 @@ var U = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: Q,
+            predicate: j,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -848,13 +841,13 @@ var U = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => Q),
+            type: e.forwardRef(() => j),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scroll", "scrollEnd" ]
         } ],
         viewProviders: [ {
-            provide: Y,
+            provide: W,
             useFactory: () => h(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -863,9 +856,9 @@ var U = class t {
 
 i.OnPush;
 
-var A = class i {
+var Q = class i {
     data=p.required();
-    getKey=p(X);
+    getKey=p(B);
     bufferSize=p();
     itemSize=p();
     ssrCount=p();
@@ -877,31 +870,31 @@ var A = class i {
     scroll=f();
     scrollEnd=f();
     template=u.required(o);
-    h;
     p;
+    S;
     driver;
-    S=h(n).nativeElement;
-    v=h(t);
-    N=d(void 0);
+    v=h(n).nativeElement;
+    N=h(t);
+    P=d(void 0);
     isSSR=d(!1);
     items=c(() => {
-        this.N();
-        const e = this.h, t = this.data(), i = this.getKey(), s = this.driver.$isNegative(), [n, r] = e.$getRange(this.bufferSize()), o = [];
-        for (let a = n; a <= r && a < t.length; a++) {
-            const n = t[a];
-            o.push({
-                key: i(n, a),
-                index: a,
-                data: n,
-                offset: e.$getItemOffset(a, s),
-                hide: e.$isUnmeasuredItem(a)
+        this.P();
+        const e = this.p, t = this.data(), i = this.getKey(), [s, n] = e.$getRange(this.bufferSize()), r = [];
+        for (let o = s; o <= n && o < t.length; o++) {
+            const s = t[o];
+            r.push({
+                key: i(s, o),
+                index: o,
+                data: s,
+                offset: e.$getItemOffset(o),
+                hide: e.$isUnmeasuredItem(o)
             });
         }
-        return o;
+        return r;
     });
     containerStyle=c(() => {
-        this.N();
-        const e = this.horizontal(), t = this.h.$getTotalSize();
+        this.P();
+        const e = this.horizontal(), t = this.p.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -910,116 +903,98 @@ var A = class i {
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.h.$isScrolling() ? "none" : void 0
+            "pointer-events": this.p.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, g(this.shift) ]);
+            this.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.S);
+                this.isSSR.set(!1), this.driver.$observe(this.v);
             }
         }), l({
             read: () => {
-                this.N(), this.driver.$effect();
+                this.P(), this.driver.$effect();
             }
         }), h(s).onDestroy(() => {
-            this.h?.$dispose(), this.driver?.$dispose();
+            this.p?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.p = V(this.data().length, e, this.cacheProp()), s = this.h = M(i, t);
+        const i = this.S = _(this.data().length, e, this.cacheProp()), s = this.p = T(i, t);
         this.driver = ((e, t) => {
-            let i, s, n, r = x(), o = !1;
-            const a = t ? "left" : "top", [l] = B(e, () => r[0], (e, t) => {
-                e = L(e, o);
-                const s = O(w(i));
-                t ? s.scroll({
-                    [a]: e,
-                    behavior: "smooth"
-                }) : s.scroll({
-                    [a]: e
-                });
-            }), c = t ? "width" : "height", u = /* @__PURE__ */ new WeakMap, m = E(t => {
-                const i = [];
-                for (const {target: e, contentRect: s} of t) {
+            let i, s, n, r, o, a = k();
+            const l = t ? "width" : "height", c = /* @__PURE__ */ new WeakMap, u = K(t => {
+                const s = [];
+                for (const {target: e, contentRect: n} of t) {
+                    if (e === i) {
+                        o && o();
+                        continue;
+                    }
                     if (!e.offsetParent) continue;
-                    const t = u.get(e);
-                    null != t && i.push([ t, s[c] ]);
+                    const t = c.get(e);
+                    null != t && s.push([ t, n[l] ]);
                 }
-                i.length && e.$update(3, i);
-            }), h = (e, t, i, s, n = 0) => {
-                const r = s ? "offsetLeft" : "offsetTop", a = n + (s && o ? i.innerWidth - e[r] - e.offsetWidth : e[r]), l = e.offsetParent;
-                return e !== t && l ? h(l, t, i, s, a) : a;
-            };
+                s.length && e.$update(3, s);
+            });
             return {
                 $observe(l) {
-                    i = l;
-                    const c = t ? "scrollX" : "scrollY", u = w(l), m = O(u), p = () => {
-                        e.$update(4, m[t ? "innerWidth" : "innerHeight"]);
+                    const c = F(l), m = w(c), h = i = c.scrollingElement, p = t && "rtl" === getComputedStyle(h).direction, f = (e, t, i, s, n = 0) => {
+                        const r = s ? "offsetLeft" : "offsetTop", o = n + (p ? t.clientWidth - e[r] - e.offsetWidth : e[r]), a = e.offsetParent;
+                        return e !== i && a ? f(a, t, i, s, o) : o;
+                    }, d = r = () => f(l, h, c.body, t), g = o = () => {
+                        e.$update(4, h[t ? "clientWidth" : "clientHeight"]);
                     };
-                    m.addEventListener("resize", p), q(p), n = () => {
-                        m.removeEventListener("resize", p);
-                    }, t && (o = "rtl" === getComputedStyle(F(u)).direction), s = D(e, m, t, () => L(m[c], o), (t, i) => {
-                        i ? m.scroll({
-                            [a]: L(e.$getScrollOffset() + t, o)
-                        }) : m.scrollBy({
-                            [a]: L(t, o)
-                        });
-                    }, () => h(l, u.body, m, t)), r[1](!0);
+                    m.addEventListener("resize", g), u.i(h), n = () => {
+                        m.removeEventListener("resize", g);
+                    }, s = V(e, m, h, t, p, null, d), a[1](!0);
                 },
                 $dispose() {
-                    n && n(), m.l(), s && s.l(), i = void 0, r[1](!1), r = x();
+                    n && n(), u.l(), s && s.l(), i = void 0, a[1](!1), a = k();
                 },
-                $observeItem: (e, t) => (u.set(e, t), m.i(e), () => {
-                    u.delete(e), m.o(e);
+                $observeItem: (e, t) => (c.set(e, t), u.i(e), () => {
+                    c.delete(e), u.o(e);
                 }),
-                $isNegative: () => o,
-                $scroll: l,
+                async $scroll(e, t) {
+                    await a[0] && s.m(e, t);
+                },
                 $effect() {
                     s && s.u();
                 },
-                $getBaseOffset() {
-                    const e = w(i);
-                    return h(i, e.body, O(e), t);
-                },
-                $getScrollbarSize() {
-                    const s = F(w(i));
-                    return e.$getViewportSize() - (t ? s.clientWidth : s.clientHeight);
-                }
+                $getBaseOffset: () => r()
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.N.set(s.$getStateVersion()), e && this.v.tick();
+            this.P.set(s.$getStateVersion()), e && this.N.tick();
         }), s.$subscribe(4, () => {
             this.scroll.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnd.emit();
-        }), this.N.set(s.$getStateVersion());
+        }), this.P.set(s.$getStateVersion());
     }
     get cache() {
-        return this.p.$snapshot();
+        return this.S.$snapshot();
     }
     get scrollOffset() {
-        return this.h.$getScrollOffset();
+        return this.p.$getScrollOffset();
     }
     get viewportSize() {
-        return this.h.$getViewportSize();
+        return this.p.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.h.$findItemIndex(e);
+        return this.p.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.h.$getItemOffset(e);
+        return this.p.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.h.$getItemSize(e);
+        return this.p.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        j(this.driver, this.h, e, t);
+        L(this.driver, this.p, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1115,7 +1090,7 @@ var A = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => J),
+            type: e.forwardRef(() => D),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1130,5 +1105,5 @@ var A = class i {
 
 i.OnPush;
 
-export { U as VList, Q as Virtualizer, A as WindowVirtualizer };
+export { J as VList, j as Virtualizer, Q as WindowVirtualizer };
 //# sourceMappingURL=index.js.map