virtua 0.50.5 → 0.51.0

package/lib/angular/index.js

@@ -4,23 +4,20 @@ 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 = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+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), I = setTimeout, $ = clearTimeout, q = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
-}, q = () => {
+}, x = () => {
     let e;
     return [ new Promise(t => {
         e = t;
     }), e ];
-}, x = e => {
+}, k = e => e.ownerDocument, F = e => e.defaultView, w = /*#__PURE__*/ (e => {
     let t;
     return () => (e && (t = e(), e = void 0), t);
-}, k = e => e.documentElement, F = e => e.ownerDocument, w = e => e.defaultView, O = /*#__PURE__*/ x(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), T = /*#__PURE__*/ x(() => "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) => {
-    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, T = (e, t) => {
-        const n = i(e) - y;
-        return t ? o() - n - s(e) : n;
-    }, C = e => {
-        e && (O() && 0 !== P || $ && 1 === R ? y += e : S += e);
+})(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), O = ({$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, I = null, $ = [ 0, h ? z(u - 1, 0) : -1 ], q = 0, x = !1;
+    const k = /* @__PURE__ */ new Set, F = () => g - d, O = () => F() + y + S, T = e => i(e) - y, C = e => {
+        e && (w() && 0 !== P || I && 1 === R ? y += e : S += e);
     };
     return {
         $dispose: () => {
@@ -28,12 +25,12 @@ 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 (N) [i, s] = $; else {
+                let n = z(0, O()), r = n + f;
+                m || (t = z(0, t), 1 !== P && (n -= t), 2 !== P && (r += t)), [i, s] = $ = e(z(0, n), z(0, r)), 
+                I && (i = v(i, I[0]), s = z(s, I[1]));
             }
             return [ z(i, 0), v(s, a() - 1) ];
         },
@@ -70,7 +67,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
                 }
 
               case 2:
-                z = 8, 0 !== P && (u = !0, z += 1), P = 0, R = 0, $ = null;
+                z = 8, 0 !== P && (u = !0, z += 1), P = 0, R = 0, I = null;
                 break;
 
               case 3:
@@ -79,7 +76,7 @@ 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 {
+                        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;
                         }
@@ -89,7 +86,7 @@ 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(O()))), m = !1), z = 3, v = !0;
                     break;
                 }
 
@@ -110,27 +107,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), z = 1;
             }
             z && (p = 1 + (2147483647 & p), u && y && (S += y, y = 0), k.forEach(([e, t]) => {
                 z & e && t(v);
             }));
         }
     };
-}, M = (e, t, i, s = 0, n = t - 1) => {
+}, T = (e, t, i, s = 0, n = t - 1) => {
     let r = s;
     for (;s <= n; ) {
         const t = N((s + n) / 2);
         e(t) <= i ? (r = t, s = t + 1) : n = t - 1;
     }
     return P(r, 0, t - 1);
-}, _ = (e, t, i) => {
+}, C = (e, t, i) => {
     const s = i ? "unshift" : "push";
     for (let i = 0; i < t; i++) e[s](-1);
     return e;
-}, K = (e, t, i) => {
+}, M = (e, t, i) => {
     let s = i && i[1] || t || 40, n = -1, r = 0;
-    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 => {
+    const o = i && i[0], a = o ? C(o.slice(0, v(e, o.length)), z(0, e - o.length)) : C([], e), l = C([], e + 1), c = e => {
         const t = a[e];
         return -1 === t ? s : t;
     }, u = t => {
@@ -144,10 +141,10 @@ 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 = M(u, e, i, r), s = M(u, e, t, r, n)) : (s = M(u, e, t, void 0, r), 
-            n = M(u, e, i, s)), r = s, [ s, n ];
+            return r = v(r, e - 1), u(r) <= t ? (n = T(u, e, i, r), s = T(u, e, t, r, n)) : (s = T(u, e, t, void 0, r), 
+            n = T(u, e, i, s)), r = s, [ s, n ];
         },
-        $findIndex: t => M(u, e, t),
+        $findIndex: t => T(u, e, t),
         $getItemOffset: u,
         $getItemSize: c,
         $setItemSize: (e, t) => {
@@ -159,7 +156,7 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         $getLength: () => e,
         $setLength: (t, i) => {
             const r = t - e;
-            return n = i ? -1 : v(t - 1, n), e = t, r > 0 ? (_(l, r), _(a, r, i), s * r) : (l.splice(r), 
+            return n = i ? -1 : v(t - 1, n), e = t, r > 0 ? (C(l, r), C(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 => {
@@ -173,11 +170,11 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         },
         $snapshot: () => [ a.slice(), s ]
     };
-}, V = e => {
+}, _ = e => {
     let t;
     return {
         i(i) {
-            (t || (t = new (w(F(i)).ResizeObserver)(e))).observe(i);
+            (t || (t = new (F(k(i)).ResizeObserver)(e))).observe(i);
         },
         o(e) {
             t.unobserve(e);
@@ -186,92 +183,72 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             t && t.disconnect();
         }
     };
-}, E = (e, t) => t ? -e : e, L = (e, t, i, s, n, r) => {
-    const o = Date.now;
-    let a = 0, l = !1, c = !1, u = !1, m = !1;
-    const h = (() => {
-        let t;
-        const i = () => {
-            null != t && clearTimeout(t);
-        }, s = () => {
-            i(), t = $(() => {
-                t = null, (() => {
-                    if (l || c) return l = !1, void h();
-                    u = !1, e.$update(2);
-                })();
-            }, 150);
-        };
-        return s.u = i, s;
-    })(), p = () => {
-        a = o(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), h();
-    }, f = t => {
+}, K = (e, t) => t ? -e : e, V = (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 = () => {
+        $(o), o = I(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 = o() - a;
+        const s = h() - a;
         150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (l = !0);
-    }, d = () => {
+    }, S = () => {
         c = !0, u = m = !1;
-    }, g = () => {
-        c = !1, O() && (u = !0);
+    }, y = () => {
+        c = !1, w() && (u = !0);
     };
-    return t.addEventListener("scroll", p), t.addEventListener("wheel", f, {
+    return t.addEventListener("scroll", d), t.addEventListener("wheel", g, {
         passive: !0
-    }), t.addEventListener("touchstart", d, {
+    }), t.addEventListener("touchstart", S, {
         passive: !0
-    }), t.addEventListener("touchend", g, {
+    }), t.addEventListener("touchend", y, {
         passive: !0
     }), {
         l: () => {
-            t.removeEventListener("scroll", p), t.removeEventListener("wheel", f), t.removeEventListener("touchstart", d), 
-            t.removeEventListener("touchend", g), h.u();
+            t.removeEventListener("scroll", d), t.removeEventListener("wheel", g), t.removeEventListener("touchstart", S), 
+            t.removeEventListener("touchend", y), $(o);
         },
-        m: () => {
+        u: () => {
             const [t, i] = e.t();
             t && (n(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
         }
     };
-}, D = (e, t, i) => {
+}, E = (e, t, i) => {
     let s;
     return [ async (n, r) => {
         if (!await t()) return;
+        let o, a, l;
         s && s();
-        const o = () => {
-            const [t, i] = q();
-            return s = () => {
-                i(!1);
-            }, e.$getViewportSize() && $(s, 150), [ t, e.$subscribe(2, () => {
-                i(!0);
-            }) ];
-        };
-        if (r && T()) e.$update(8, n()), I(async () => {
-            for (;;) {
-                let t = !0;
-                for (let [i, s] = e.$getRange(); i <= s; i++) if (e.$isUnmeasuredItem(i)) {
-                    t = !1;
-                    break;
-                }
-                if (t) break;
-                const [i, s] = o();
-                try {
-                    if (!await i) return;
-                } finally {
-                    s();
+        const c = s = () => {
+            o = !0, $(a), l && l();
+        }, u = () => {
+            if (!o) {
+                if (e.$getViewportSize() && ($(a), a = I(c, 150)), r) {
+                    for (let [t, i] = e.$getRange(0); t <= i; t++) if (e.$isUnmeasuredItem(t)) return;
+                    c();
                 }
+                e.$update(7), i(n(), r);
             }
-            e.$update(7), i(n(), r);
-        }); else for (;;) {
-            const [t, s] = o();
-            try {
-                if (e.$update(7), i(n()), !await t) return;
-            } finally {
-                s();
-            }
-        }
+        }, m = () => {
+            if (o) return;
+            let t;
+            l = e.$subscribe(2, () => {
+                t || (t = !0, q(() => {
+                    t = !1, u();
+                }));
+            }), u();
+        };
+        r ? (e.$update(8, n()), q(m)) : m();
     }, () => {
         s && s();
     } ];
-}, B = (e, t) => {
+}, L = (e, t) => {
     e.$scroll(() => t);
-}, W = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
+}, D = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
     if (i = P(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
         const e = t.$getItemOffset(i), n = t.$getScrollOffset();
         if (e < n) s = "start"; else {
@@ -279,8 +256,8 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
             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);
+}, B = class t {
     index=p.required();
     offset=p.required();
     hide=p.required();
@@ -294,7 +271,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
         };
@@ -392,9 +369,9 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         },
         ngImport: e
     });
-}, J = (e, t) => "_" + t, X = new r("virtua-item-template"), Y = class i {
+}, W = (e, t) => "_" + t, j = new r("virtua-item-template"), J = class i {
     data=p.required();
-    getKey=p(J);
+    getKey=p(W);
     itemProps=p();
     bufferSize=p();
     scrollRef=p();
@@ -410,20 +387,20 @@ 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);
-    h=h(X, {
+    m=h(j, {
         optional: !0
     });
-    template=c(() => this.h?.() ?? this.contentTemplate());
+    template=c(() => this.m?.() ?? this.contentTemplate());
+    h;
     p;
-    S;
     driver;
-    v=h(n).nativeElement;
-    N=h(t);
-    P=d(void 0);
+    S=h(n).nativeElement;
+    v=h(t);
+    N=d(void 0);
     isSSR=d(!1);
-    R=c(() => {
-        this.P();
-        const e = this.data().length, [t, i] = this.p.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+    P=c(() => {
+        this.N();
+        const e = this.data().length, [t, i] = this.h.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
         if (s) {
             const r = new Set(s);
             for (let e = t; e <= i; e++) r.add(e);
@@ -432,26 +409,26 @@ var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), R
         return n;
     });
     items=c(() => {
-        this.P();
-        const e = this.p, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.driver.$isNegative();
-        return this.R().map(r => {
-            const o = t[r];
+        this.N();
+        const e = this.h, t = this.data(), i = this.getKey(), s = this.itemProps();
+        return this.P().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.P();
-        const e = this.horizontal(), t = this.p.$getTotalSize();
+        this.N();
+        const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -460,113 +437,118 @@ 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.p.$isScrolling() ? "none" : void 0
+            "pointer-events": this.h.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
+            this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, g(this.shift) ]);
         }), m(() => {
             const e = this.startMargin();
-            this.p && e !== this.p.$getStartSpacerSize() && this.p.$update(6, e);
+            this.h && e !== this.h.$getStartSpacerSize() && this.h.$update(6, e);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.v, this.scrollRef());
+                this.isSSR.set(!1), this.driver.$observe(this.S, this.scrollRef());
             }
         }), l({
             read: () => {
-                this.P(), this.driver.$effect();
+                this.N(), this.driver.$effect();
             }
         }), h(s).onDestroy(() => {
-            this.p?.$dispose(), this.driver?.$dispose();
+            this.h?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.S = K(this.data().length, e, this.cacheProp()), s = this.p = C(i, t);
+        const i = this.p = M(this.data().length, e, this.cacheProp()), s = this.h = O(i, t);
         this.driver = ((e, t) => {
-            let i, s, n = q(), r = !1;
-            const o = t ? "scrollLeft" : "scrollTop", a = t ? "overflowX" : "overflowY", [l, c] = D(e, () => n[0], (e, s) => {
-                e = E(e, r), s ? i.scrollTo({
-                    [t ? "left" : "top"]: e,
-                    behavior: "smooth"
-                }) : i[o] = e;
-            }), u = t ? "width" : "height", m = /* @__PURE__ */ new WeakMap, h = V(t => {
+            let i, s, n = x(), r = !1;
+            const o = t ? "scrollLeft" : "scrollTop", a = t ? "left" : "top", l = t ? "overflowX" : "overflowY", [c, u] = E(e, () => n[0], (e, t) => {
+                i.scrollTo({
+                    [a]: K(e, r),
+                    behavior: t ? "smooth" : "instant"
+                });
+            }), m = t ? "width" : "height", h = /* @__PURE__ */ new WeakMap, p = _(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: r} of t) if (n.offsetParent) if (n === i) e.$update(4, r[m]); else {
+                    const e = h.get(n);
+                    null != e && s.push([ e, r[m] ]);
                 }
                 s.length && e.$update(3, s);
             });
             return {
-                $observe(l, u = l.parentElement) {
-                    h.i(i = u), t && (r = "rtl" === getComputedStyle(u).direction), s = L(e, u, t, () => E(u[o], r), (t, i, s) => {
+                $observe(c, m = c.parentElement) {
+                    p.i(i = m), t && (r = "rtl" === getComputedStyle(m).direction), s = V(e, m, t, () => K(m[o], r), (t, i, s) => {
                         if (s) {
-                            const e = u.style, t = e[a];
-                            e[a] = "hidden", $(() => {
-                                e[a] = t;
+                            const e = m.style, t = e[l];
+                            e[l] = "hidden", I(() => {
+                                e[l] = t;
                             });
                         }
-                        u[o] = E(e.$getScrollOffset() + t, r), i && c();
+                        const n = e.$getScrollOffset() + t;
+                        n <= 0 || n >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? m.scrollTo({
+                            [a]: K(n, r),
+                            behavior: "instant"
+                        }) : m.scrollBy({
+                            [a]: K(t, r),
+                            behavior: "instant"
+                        }), i && u();
                     }), n[1](!0);
                 },
                 $dispose() {
-                    h.l(), s && s.l(), n[1](!1), n = q();
+                    p.l(), s && s.l(), n[1](!1), n = x();
                 },
-                $observeItem: (e, t) => (m.set(e, t), h.i(e), () => {
-                    m.delete(e), h.o(e);
+                $observeItem: (e, t) => (h.set(e, t), p.i(e), () => {
+                    h.delete(e), p.o(e);
                 }),
-                $isNegative: () => r,
-                $scroll: l,
+                $scroll: c,
                 $effect() {
-                    s && s.m();
+                    s && s.u();
                 },
-                $getBaseOffset: e.$getStartSpacerSize,
-                $getScrollbarSize: () => 0
+                $getBaseOffset: e.$getStartSpacerSize
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.P.set(s.$getStateVersion()), e && this.N.tick();
+            this.N.set(s.$getStateVersion()), e && this.v.tick();
         }), s.$subscribe(4, () => {
             this.scroll.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnd.emit();
-        }), this.P.set(s.$getStateVersion());
+        }), this.N.set(s.$getStateVersion());
     }
     get cache() {
-        return this.S.$snapshot();
+        return this.p.$snapshot();
     }
     get scrollOffset() {
-        return this.p.$getScrollOffset();
+        return this.h.$getScrollOffset();
     }
     get scrollSize() {
-        return e = this.p, z(e.$getTotalSize(), e.$getViewportSize());
+        return e = this.h, z(e.$getTotalSize(), e.$getViewportSize());
         var e;
     }
     get viewportSize() {
-        return this.p.$getViewportSize();
+        return this.h.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.p.$findItemIndex(e);
+        return this.h.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.p.$getItemOffset(e);
+        return this.h.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.p.$getItemSize(e);
+        return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        W(this.driver, this.p, e, t);
+        D(this.driver, this.h, e, t);
     }
     scrollTo(e) {
-        B(this.driver, e);
+        L(this.driver, e);
     }
     scrollBy(e) {
         ((e, t, i) => {
-            B(e, i + t.$getScrollOffset());
-        })(this.driver, this.p, e);
+            L(e, i + t.$getScrollOffset());
+        })(this.driver, this.h, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -690,7 +672,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(() => B),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -707,7 +689,7 @@ i.OnPush;
 
 var Q = class t {
     data=p.required();
-    getKey=p(J);
+    getKey=p(W);
     itemProps=p();
     bufferSize=p();
     itemSize=p();
@@ -721,10 +703,10 @@ var Q = class t {
     scroll=f();
     scrollEnd=f();
     template=u.required(o);
-    virtualizer=S.required(Y);
-    v=h(n).nativeElement;
+    virtualizer=S.required(J);
+    S=h(n).nativeElement;
     ngOnInit() {
-        const e = this.horizontal(), t = this.v;
+        const e = this.horizontal(), t = this.S;
         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() {
@@ -858,7 +840,7 @@ var Q = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: Y,
+            predicate: J,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -868,13 +850,13 @@ var Q = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => Y),
+            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: X,
+            provide: j,
             useFactory: () => h(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -885,7 +867,7 @@ i.OnPush;
 
 var U = class i {
     data=p.required();
-    getKey=p(J);
+    getKey=p(W);
     bufferSize=p();
     itemSize=p();
     ssrCount=p();
@@ -897,31 +879,31 @@ var U = class i {
     scroll=f();
     scrollEnd=f();
     template=u.required(o);
+    h;
     p;
-    S;
     driver;
-    v=h(n).nativeElement;
-    N=h(t);
-    P=d(void 0);
+    S=h(n).nativeElement;
+    v=h(t);
+    N=d(void 0);
     isSSR=d(!1);
     items=c(() => {
-        this.P();
-        const e = this.p, 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.N();
+        const e = this.h, 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.P();
-        const e = this.horizontal(), t = this.p.$getTotalSize();
+        this.N();
+        const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -930,116 +912,110 @@ var U = class i {
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.p.$isScrolling() ? "none" : void 0
+            "pointer-events": this.h.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
+            this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, g(this.shift) ]);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.v);
+                this.isSSR.set(!1), this.driver.$observe(this.S);
             }
         }), l({
             read: () => {
-                this.P(), this.driver.$effect();
+                this.N(), this.driver.$effect();
             }
         }), h(s).onDestroy(() => {
-            this.p?.$dispose(), this.driver?.$dispose();
+            this.h?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.S = K(this.data().length, e, this.cacheProp()), s = this.p = C(i, t);
+        const i = this.p = M(this.data().length, e, this.cacheProp()), s = this.h = O(i, t);
         this.driver = ((e, t) => {
-            let i, s, n, r = q(), o = !1;
-            const a = t ? "left" : "top", [l] = D(e, () => r[0], (e, t) => {
-                e = E(e, o);
-                const s = w(F(i));
-                t ? s.scroll({
-                    [a]: e,
-                    behavior: "smooth"
-                }) : s.scroll({
-                    [a]: e
+            let i, s, n, r, o, a = x(), l = !1;
+            const c = t ? "scrollLeft" : "scrollTop", u = t ? "left" : "top", [m, h] = E(e, () => a[0], (e, t) => {
+                i.scrollTo({
+                    [u]: K(e, l),
+                    behavior: t ? "smooth" : "instant"
                 });
-            }), c = t ? "width" : "height", u = /* @__PURE__ */ new WeakMap, m = V(t => {
-                const i = [];
-                for (const {target: e, contentRect: s} of t) {
+            }), p = t ? "width" : "height", f = /* @__PURE__ */ new WeakMap, d = _(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 = f.get(e);
+                    null != t && s.push([ t, n[p] ]);
                 }
-                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);
+            }), g = (e, t, i, s, n = 0) => {
+                const r = s ? "offsetLeft" : "offsetTop", o = n + (l ? t.clientWidth - e[r] - e.offsetWidth : e[r]), a = e.offsetParent;
+                return e !== i && a ? g(a, t, i, s, o) : o;
             };
             return {
-                $observe(l) {
-                    i = l;
-                    const c = t ? "scrollX" : "scrollY", u = F(l), m = w(u), p = () => {
-                        e.$update(4, m[t ? "innerWidth" : "innerHeight"]);
+                $observe(m) {
+                    const p = k(m), f = F(p), S = i = p.scrollingElement, y = r = () => g(m, S, p.body, t), v = o = () => {
+                        e.$update(4, S[t ? "clientWidth" : "clientHeight"]);
                     };
-                    m.addEventListener("resize", p), I(p), n = () => {
-                        m.removeEventListener("resize", p);
-                    }, t && (o = "rtl" === getComputedStyle(k(u)).direction), s = L(e, m, t, () => E(m[c], o), (t, i) => {
-                        i ? m.scroll({
-                            [a]: E(e.$getScrollOffset() + t, o)
-                        }) : m.scrollBy({
-                            [a]: E(t, o)
-                        });
-                    }, () => h(l, u.body, m, t)), r[1](!0);
+                    f.addEventListener("resize", v), d.i(S), n = () => {
+                        f.removeEventListener("resize", v);
+                    }, t && (l = "rtl" === getComputedStyle(S).direction), s = V(e, f, t, () => K(S[c], l), (t, i) => {
+                        const s = e.$getScrollOffset() + t;
+                        s <= 0 || s >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? S.scrollTo({
+                            [u]: K(s, l),
+                            behavior: "instant"
+                        }) : S.scrollBy({
+                            [u]: K(t, l),
+                            behavior: "instant"
+                        }), i && h();
+                    }, y), a[1](!0);
                 },
                 $dispose() {
-                    n && n(), m.l(), s && s.l(), i = void 0, r[1](!1), r = q();
+                    n && n(), d.l(), s && s.l(), i = void 0, a[1](!1), a = x();
                 },
-                $observeItem: (e, t) => (u.set(e, t), m.i(e), () => {
-                    u.delete(e), m.o(e);
+                $observeItem: (e, t) => (f.set(e, t), d.i(e), () => {
+                    f.delete(e), d.o(e);
                 }),
-                $isNegative: () => o,
-                $scroll: l,
+                $scroll: m,
                 $effect() {
-                    s && s.m();
+                    s && s.u();
                 },
-                $getBaseOffset() {
-                    const e = F(i);
-                    return h(i, e.body, w(e), t);
-                },
-                $getScrollbarSize() {
-                    const s = k(F(i));
-                    return e.$getViewportSize() - (t ? s.clientWidth : s.clientHeight);
-                }
+                $getBaseOffset: () => r()
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.P.set(s.$getStateVersion()), e && this.N.tick();
+            this.N.set(s.$getStateVersion()), e && this.v.tick();
         }), s.$subscribe(4, () => {
             this.scroll.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnd.emit();
-        }), this.P.set(s.$getStateVersion());
+        }), this.N.set(s.$getStateVersion());
     }
     get cache() {
-        return this.S.$snapshot();
+        return this.p.$snapshot();
     }
     get scrollOffset() {
-        return this.p.$getScrollOffset();
+        return this.h.$getScrollOffset();
     }
     get viewportSize() {
-        return this.p.$getViewportSize();
+        return this.h.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.p.$findItemIndex(e);
+        return this.h.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.p.$getItemOffset(e);
+        return this.h.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.p.$getItemSize(e);
+        return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        W(this.driver, this.p, e, t);
+        D(this.driver, this.h, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1135,7 +1111,7 @@ var U = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => j),
+            type: e.forwardRef(() => B),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1150,5 +1126,5 @@ var U = class i {
 
 i.OnPush;
 
-export { Q as VList, Y as Virtualizer, U as WindowVirtualizer };
+export { Q as VList, J as Virtualizer, U as WindowVirtualizer };
 //# sourceMappingURL=index.js.map