virtua 0.50.2 → 0.50.3

package/lib/angular/index.js

@@ -1,69 +1,69 @@
 import * as e from "@angular/core";
 
-import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, ElementRef as n, TemplateRef as r, afterNextRender as o, afterRenderEffect as l, computed as a, contentChild as c, effect as u, inject as m, input as h, output as p, signal as f, untracked as d, viewChild as g } from "@angular/core";
+import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, ElementRef as r, InjectionToken as n, TemplateRef as o, afterNextRender as l, afterRenderEffect as a, computed as c, contentChild as u, effect as m, inject as p, input as h, output as f, signal as d, untracked as g, viewChild as S } from "@angular/core";
 
 import { NgTemplateOutlet as y } from "@angular/common";
 
-var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I = e => [ ...e ].sort((e, t) => e - t), P = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+var {min: v, max: z, abs: b, floor: N} = Math, P = (e, t, i) => v(i, z(t, e)), I = e => [ ...e ].sort((e, t) => e - t), x = setTimeout, R = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
-}, R = () => {
+}, k = () => {
     let e;
     return [ new Promise(t => {
         e = t;
     }), e ];
-}, x = e => {
+}, q = e => {
     let t;
     return () => (e && (t = e(), e = void 0), t);
-}, k = (e, t, i) => {
+}, $ = (e, t, i) => {
     const s = i ? "unshift" : "push";
     for (let i = 0; i < t; i++) e[s](-1);
     return e;
-}, q = (e, t) => {
+}, F = (e, t) => {
     const i = e.t[t];
     return -1 === i ? e.i : i;
-}, $ = (e, t, i) => {
+}, w = (e, t, i) => {
     const s = -1 === e.t[t];
-    return e.t[t] = i, e.o = S(t, e.o), s;
-}, F = (e, t) => {
+    return e.t[t] = i, e.o = v(t, e.o), s;
+}, O = (e, t) => {
     if (!e.l) return 0;
     if (e.o >= t) return e.u[t];
     e.o < 0 && (e.u[0] = 0, e.o = 0);
     let i = e.o, s = e.u[i];
-    for (;i < t; ) s += q(e, i), e.u[++i] = s;
+    for (;i < t; ) s += F(e, i), e.u[++i] = s;
     return e.o = t, s;
 }, T = (e, t, i = 0, s = e.l - 1) => {
-    let n = i;
+    let r = i;
     for (;i <= s; ) {
-        const r = b((i + s) / 2);
-        F(e, r) <= t ? (n = r, i = r + 1) : s = r - 1;
+        const n = N((i + s) / 2);
+        O(e, n) <= t ? (r = n, i = n + 1) : s = n - 1;
     }
-    return N(n, 0, e.l - 1);
-}, w = (e, t, i) => {
+    return P(r, 0, e.l - 1);
+}, _ = (e, t, i) => {
     const s = t - e.l;
-    return e.o = i ? -1 : S(t - 1, e.o), e.l = t, s > 0 ? (k(e.u, s), k(e.t, s, i), 
+    return e.o = i ? -1 : v(t - 1, e.o), e.l = t, s > 0 ? ($(e.u, s), $(e.t, s, i), 
     e.i * s) : (e.u.splice(s), (i ? e.t.splice(0, -s) : e.t.splice(s)).reduce((t, i) => t - (-1 === i ? e.i : i), 0));
-}, O = e => e.documentElement, C = e => e.ownerDocument, _ = e => e.defaultView, M = /*#__PURE__*/ x(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), V = /*#__PURE__*/ x(() => "scrollBehavior" in O(document).style), K = (e, t = 40, i = 0, s, n = !1) => {
-    let r = !!i, o = 1, l = 0, a = 0, c = 0, u = 0, m = 0, h = 0, p = 0, f = 0, d = null, g = [ 0, r ? z(i - 1, 0) : -1 ], y = 0, b = !1;
+}, C = e => e.documentElement, M = e => e.ownerDocument, K = e => e.defaultView, V = /*#__PURE__*/ q(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), E = /*#__PURE__*/ q(() => "scrollBehavior" in C(document).style), D = (e, t = 40, i = 0, s, r = !1) => {
+    let n = !!i, o = 1, l = 0, a = 0, c = 0, u = 0, m = 0, p = 0, h = 0, f = 0, d = null, g = [ 0, n ? z(i - 1, 0) : -1 ], S = 0, y = !1;
     const N = ((e, t, i) => ({
         i: t,
-        t: i ? k(i.slice(0, S(e, i.length)), z(0, e - i.length)) : k([], e),
+        t: i ? $(i.slice(0, v(e, i.length)), z(0, e - i.length)) : $([], e),
         l: e,
         o: -1,
-        u: k([], e + 1)
-    }))(e, s ? s[1] : t, s && s[0]), P = /* @__PURE__ */ new Set, R = () => c - a, x = () => R() + m + u, O = (e, t) => ((e, t, i, s) => {
-        if (s = S(s, e.l - 1), F(e, s) <= t) {
-            const n = T(e, i, s);
-            return [ T(e, t, s, n), n ];
+        u: $([], e + 1)
+    }))(e, s && s[1] || t, s && s[0]), P = /* @__PURE__ */ new Set, x = () => c - a, R = () => x() + m + u, k = (e, t) => ((e, t, i, s) => {
+        if (s = v(s, e.l - 1), O(e, s) <= t) {
+            const r = T(e, i, s);
+            return [ T(e, t, s, r), r ];
         }
         {
-            const n = T(e, t, void 0, s);
-            return [ n, T(e, i, n) ];
+            const r = T(e, t, void 0, s);
+            return [ r, T(e, i, r) ];
         }
-    })(N, e, t, g[0]), C = () => F(N, N.l), _ = (e, t) => {
-        const i = F(N, e) - m;
-        return t ? C() - i - V(e) : i;
-    }, V = e => q(N, e), K = (e, t = -1) => N.t[e] === t, E = e => {
-        e && (M() && 0 !== p || d && 1 === f ? m += e : u += e);
+    })(N, e, t, g[0]), q = () => O(N, N.l), C = (e, t) => {
+        const i = O(N, e) - m;
+        return t ? q() - i - M(e) : i;
+    }, M = e => F(N, e), K = (e, t = -1) => N.t[e] === t, E = e => {
+        e && (V() && 0 !== h || d && 1 === f ? m += e : u += e);
     };
     return {
         $dispose: () => {
@@ -72,26 +72,26 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
         $getStateVersion: () => o,
         $getCacheSnapshot: () => (e => [ e.t.slice(), e.i ])(N),
         $getRange: (e = 200) => {
-            if (!b || r) return g;
+            if (!y || n) return g;
             let t, i;
-            if (h) [t, i] = g; else {
-                let s = z(0, x()), r = s + l;
-                n || (e = z(0, e), 1 !== p && (s -= e), 2 !== p && (r += e)), [t, i] = g = O(z(0, s), z(0, r)), 
-                d && (t = S(t, d[0]), i = z(i, d[1]));
+            if (p) [t, i] = g; else {
+                let s = z(0, R()), n = s + l;
+                r || (e = z(0, e), 1 !== h && (s -= e), 2 !== h && (n += e)), [t, i] = g = k(z(0, s), z(0, n)), 
+                d && (t = v(t, d[0]), i = z(i, d[1]));
             }
-            return [ z(t, 0), S(i, N.l - 1) ];
+            return [ z(t, 0), v(i, N.l - 1) ];
         },
         $findItemIndex: e => T(N, e - a),
         $isUnmeasuredItem: K,
-        $getItemOffset: _,
-        $getItemSize: V,
+        $getItemOffset: C,
+        $getItemSize: M,
         $getItemsLength: () => N.l,
         $getScrollOffset: () => c,
-        $isScrolling: () => 0 !== p,
+        $isScrolling: () => 0 !== h,
         $getViewportSize: () => l,
         $getStartSpacerSize: () => a,
-        $getTotalSize: C,
-        m: () => (h = u, u = 0, [ h, 2 === f ]),
+        $getTotalSize: q,
+        m: () => (p = u, u = 0, [ p, 2 === f ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
             return P.add(i), () => {
@@ -104,17 +104,17 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
               case 1:
                 {
                     if (t === c && 0 === f) break;
-                    const e = h;
-                    h = 0;
-                    const i = t - c, n = v(i);
-                    e && n < v(e) + 1 || 0 !== f || (p = i < 0 ? 2 : 1), r && (r = !1), c = t, g = 4;
-                    const o = R();
-                    o >= -l && o <= C() && (g += 1, s = n > l);
+                    const e = p;
+                    p = 0;
+                    const i = t - c, r = b(i);
+                    e && r < b(e) + 1 || 0 !== f || (h = i < 0 ? 2 : 1), n && (n = !1), c = t, g = 4;
+                    const o = x();
+                    o >= -l && o <= q() && (g += 1, s = r > l);
                     break;
                 }
 
               case 2:
-                g = 8, 0 !== p && (i = !0, g += 1), p = 0, f = 0, d = null;
+                g = 8, 0 !== h && (i = !0, g += 1), h = 0, f = 0, d = null;
                 break;
 
               case 3:
@@ -124,33 +124,33 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
                     E(e.reduce((e, [t, i]) => {
                         let s;
                         if (2 === f) s = !0; else if (d && 1 === f) s = t < d[0]; else {
-                            const e = R(), i = _(t), n = V(t);
-                            s = 1 !== p && 0 === f ? i + n <= e : i < e && i + n < e + l;
+                            const e = x(), i = C(t), r = M(t);
+                            s = 1 !== h && 0 === f ? i + r <= e : i < e && i + r < e + l;
                         }
-                        return s && (e += i - V(t)), e;
+                        return s && (e += i - M(t)), e;
                     }, 0));
                     for (const [t, i] of e) {
-                        const e = V(t), s = $(N, t, i);
-                        n && (y += s ? i : i - e);
+                        const e = M(t), s = w(N, t, i);
+                        r && (S += s ? i : i - e);
                     }
-                    n && l && y > l && (E(((e, t) => {
+                    r && l && S > l && (E(((e, t) => {
                         let i = 0;
                         const s = [];
-                        e.t.forEach((e, n) => {
-                            -1 !== e && (s.push(e), n < t && i++);
+                        e.t.forEach((e, r) => {
+                            -1 !== e && (s.push(e), r < t && i++);
                         }), e.o = -1;
-                        const n = I(s), r = n.length, o = r / 2 | 0, l = r % 2 == 0 ? (n[o - 1] + n[o]) / 2 : n[o], a = e.i;
+                        const r = I(s), n = r.length, o = n / 2 | 0, l = n % 2 == 0 ? (r[o - 1] + r[o]) / 2 : r[o], a = e.i;
                         return ((e.i = l) - a) * z(t - i, 0);
-                    })(N, T(N, x()))), n = !1), g = 3, s = !0;
+                    })(N, T(N, R()))), r = !1), g = 3, s = !0;
                     break;
                 }
 
               case 4:
-                l !== t && (l || (b = s = !0), l = t, g = 3);
+                l !== t && (l || (y = s = !0), l = t, g = 3);
                 break;
 
               case 5:
-                t[1] ? (E(w(N, t[0], !0)), f = 2, g = 1) : (w(N, t[0]), g = 1);
+                t[1] ? (E(_(N, t[0], !0)), f = 2, g = 1) : (_(N, t[0]), g = 1);
                 break;
 
               case 6:
@@ -162,31 +162,44 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
                 break;
 
               case 8:
-                d = O(t, t + l), g = 1;
+                d = k(t, t + l), g = 1;
             }
             g && (o = 1 + (2147483647 & o), i && m && (u += m, m = 0), P.forEach(([e, t]) => {
                 g & e && t(s);
             }));
         }
     };
-}, E = setTimeout, D = (e, t) => t ? -e : e, L = (e, t, i, s, n, r) => {
+}, L = e => {
+    let t;
+    return {
+        p(i) {
+            (t || (t = new (K(M(i)).ResizeObserver)(e))).observe(i);
+        },
+        h(e) {
+            t.unobserve(e);
+        },
+        S() {
+            t && t.disconnect();
+        }
+    };
+}, B = (e, t) => t ? -e : e, J = (e, t, i, s, r, n) => {
     const o = Date.now;
     let l = 0, a = !1, c = !1, u = !1, m = !1;
-    const h = (() => {
+    const p = (() => {
         let t;
         const i = () => {
             null != t && clearTimeout(t);
         }, s = () => {
-            i(), t = E(() => {
+            i(), t = x(() => {
                 t = null, (() => {
-                    if (a || c) return a = !1, void h();
+                    if (a || c) return a = !1, void p();
                     u = !1, e.$update(2);
                 })();
             }, 150);
         };
-        return s.h = i, s;
-    })(), p = () => {
-        l = o(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), h();
+        return s.v = i, s;
+    })(), h = () => {
+        l = o(), u && (m = !0), n && e.$update(6, n()), e.$update(1, s()), p();
     }, f = t => {
         if (a || !e.$isScrolling() || t.ctrlKey) return;
         const s = o() - l;
@@ -194,38 +207,38 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
     }, d = () => {
         c = !0, u = m = !1;
     }, g = () => {
-        c = !1, M() && (u = !0);
+        c = !1, V() && (u = !0);
     };
-    return t.addEventListener("scroll", p), t.addEventListener("wheel", f, {
+    return t.addEventListener("scroll", h), t.addEventListener("wheel", f, {
         passive: !0
     }), t.addEventListener("touchstart", d, {
         passive: !0
     }), t.addEventListener("touchend", g, {
         passive: !0
     }), {
-        p: () => {
-            t.removeEventListener("scroll", p), t.removeEventListener("wheel", f), t.removeEventListener("touchstart", d), 
-            t.removeEventListener("touchend", g), h.h();
-        },
         S: () => {
+            t.removeEventListener("scroll", h), t.removeEventListener("wheel", f), t.removeEventListener("touchstart", d), 
+            t.removeEventListener("touchend", g), p.v();
+        },
+        N: () => {
             const [t, i] = e.m();
-            t && (n(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
+            t && (r(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
         }
     };
-}, B = (e, t, i) => {
+}, W = (e, t, i) => {
     let s;
-    return [ async (n, r) => {
+    return [ async (r, n) => {
         if (!await t()) return;
         s && s();
         const o = () => {
-            const [t, i] = R();
+            const [t, i] = k();
             return s = () => {
                 i(!1);
-            }, e.$getViewportSize() && E(s, 150), [ t, e.$subscribe(2, () => {
+            }, e.$getViewportSize() && x(s, 150), [ t, e.$subscribe(2, () => {
                 i(!0);
             }) ];
         };
-        if (r && V()) e.$update(8, n()), P(async () => {
+        if (n && E()) e.$update(8, r()), R(async () => {
             for (;;) {
                 let t = !0;
                 for (let [i, s] = e.$getRange(); i <= s; i++) if (e.$isUnmeasuredItem(i)) {
@@ -240,11 +253,11 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
                     s();
                 }
             }
-            e.$update(7), i(n(), r);
+            e.$update(7), i(r(), n);
         }); else for (;;) {
             const [t, s] = o();
             try {
-                if (e.$update(7), i(n()), !await t) return;
+                if (e.$update(7), i(r()), !await t) return;
             } finally {
                 s();
             }
@@ -252,27 +265,25 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
     }, () => {
         s && s();
     } ];
-}, J = e => {
-    let t;
-    return {
-        v(i) {
-            (t || (t = new (_(C(i)).ResizeObserver)(e))).observe(i);
-        },
-        N(e) {
-            t.unobserve(e);
-        },
-        p() {
-            t && t.disconnect();
+}, j = (e, t) => {
+    e.$scheduleScroll(() => t);
+}, X = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
+    if (i = P(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
+        const e = t.$getItemOffset(i), r = t.$getScrollOffset();
+        if (e < r) s = "start"; else {
+            if (!(e + t.$getItemSize(i) > r + t.$getViewportSize())) return;
+            s = "end";
         }
-    };
-}, W = class t {
+    }
+    e.$scheduleScroll(() => n + 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), r);
+}, Y = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
     horizontal=h.required();
     resizer=h.required();
     attrs=h();
-    style=a(() => {
+    style=c(() => {
         const e = this.horizontal(), t = {
             contain: "layout style",
             position: "absolute",
@@ -285,21 +296,21 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
         return e && (t.display = "inline-flex"), t;
     });
     constructor() {
-        const e = m(n).nativeElement;
+        const e = p(r).nativeElement;
         let t;
-        l({
+        a({
             read: () => {
                 const i = this.index();
-                t && t(), t = d(this.resizer)(e, i);
+                t && t(), t = g(this.resizer)(e, i);
             }
         });
         let i = [];
-        u(() => {
+        m(() => {
             const t = this.attrs();
             for (const t of i) e.removeAttribute(t);
             i = [];
             for (const s in t) "style" !== s && "class" !== s && (e.setAttribute(s, t[s]), i.push(s));
-        }), m(s).onDestroy(() => {
+        }), p(s).onDestroy(() => {
             t && t();
         });
     }
@@ -369,9 +380,9 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
         },
         ngImport: e
     });
-}, j = (e, t) => "_" + t, X = class i {
+}, Q = (e, t) => "_" + t, U = new n("virtua-item-template"), A = class i {
     data=h.required();
-    getKey=h(j);
+    getKey=h(Q);
     itemProps=h();
     bufferSize=h();
     scrollRef=h();
@@ -380,48 +391,51 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
     shift=h(!1);
     horizontal=h(!1);
     keepMounted=h();
-    cache=h();
+    cacheProp=h(void 0, {
+        alias: "cache"
+    });
     startMargin=h(0);
-    scroll=p();
-    scrollEnd=p();
-    itemTemplate=h();
-    contentTemplate=c(r);
-    template=a(() => this.itemTemplate() ?? this.contentTemplate());
+    scroll=f();
+    scrollEnd=f();
+    contentTemplate=u(o);
+    P=p(U, {
+        optional: !0
+    });
+    template=c(() => this.P?.() ?? this.contentTemplate());
     I;
-    resizer;
-    P;
-    R=m(n).nativeElement;
-    k=m(t);
-    q=f(void 0);
-    $=a(() => {
+    driver;
+    R=p(r).nativeElement;
+    k=p(t);
+    q=d(void 0);
+    $=c(() => {
         this.q();
-        const e = this.data().length, [t, i] = this.I.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+        const e = this.data().length, [t, i] = this.I.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
         if (s) {
-            const r = new Set(s);
-            for (let e = t; e <= i; e++) r.add(e);
-            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;
+            const n = new Set(s);
+            for (let e = t; e <= i; e++) n.add(e);
+            for (const t of I([ ...n ])) t < e && r.push(t);
+        } else for (let s = t; s <= i; s++) s < e && r.push(s);
+        return r;
     });
-    items=a(() => {
+    items=c(() => {
         this.q();
-        const e = this.I, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.P.$isNegative();
-        return this.$().map(r => {
-            const o = t[r];
+        const e = this.I, t = this.data(), i = this.getKey(), s = this.itemProps(), r = this.driver.$isNegative();
+        return this.$().map(n => {
+            const o = t[n];
             return {
-                key: i(o, r),
-                index: r,
+                key: i(o, n),
+                index: n,
                 data: o,
-                offset: e.$getItemOffset(r, n),
-                hide: e.$isUnmeasuredItem(r),
+                offset: e.$getItemOffset(n, r),
+                hide: e.$isUnmeasuredItem(n),
                 attrs: s?.({
                     item: o,
-                    index: r
+                    index: n
                 })
             };
         });
     });
-    containerStyle=a(() => {
+    containerStyle=c(() => {
         this.q();
         const e = this.horizontal(), t = this.I.$getTotalSize();
         return {
@@ -436,89 +450,66 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
         };
     });
     constructor() {
-        u(() => {
+        m(() => {
             const e = this.data().length;
-            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, d(this.shift) ]);
-        }), u(() => {
+            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, g(this.shift) ]);
+        }), m(() => {
             const e = this.startMargin();
             this.I && e !== this.I.$getStartSpacerSize() && this.I.$update(6, e);
-        }), o({
+        }), l({
             read: () => {
-                const e = this.scrollRef() ?? this.R.parentElement;
-                this.resizer.$observeRoot(e), this.P.$observe(this.R, e);
+                this.driver.$observe(this.R, this.scrollRef());
             }
-        }), l({
+        }), a({
             read: () => {
-                this.q(), this.P.$fixScrollJump();
+                this.q(), this.driver.$fixScrollJump();
             }
-        }), m(s).onDestroy(() => {
-            this.I?.$dispose(), this.resizer?.$dispose(), this.P?.$dispose();
+        }), p(s).onDestroy(() => {
+            this.I?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
-        const e = this.itemSize(), t = this.I = K(this.data().length, e, this.ssrCount(), this.cache(), !e);
-        this.resizer = (e => {
-            let t;
-            const i = this.horizontal() ? "width" : "height", s = /* @__PURE__ */ new WeakMap, n = J(n => {
-                const r = [];
-                for (const {target: o, contentRect: l} of n) if (o.offsetParent) if (o === t) e.$update(4, l[i]); else {
-                    const e = s.get(o);
-                    null != e && r.push([ e, l[i] ]);
-                }
-                r.length && e.$update(3, r);
-            });
-            return {
-                $observeRoot(e) {
-                    n.v(t = e);
-                },
-                $observeItem: (e, t) => (s.set(e, t), n.v(e), () => {
-                    s.delete(e), n.N(e);
-                }),
-                $dispose: n.p
-            };
-        })(t), this.P = ((e, t) => {
-            let i, s, n = R(), r = !1;
-            const o = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [a, c] = B(e, () => n[0], (e, s) => {
-                e = D(e, r), s ? i.scrollTo({
+        const e = this.itemSize(), t = this.I = D(this.data().length, e, this.ssrCount(), this.cacheProp(), !e);
+        this.driver = ((e, t) => {
+            let i, s, r = k(), n = !1;
+            const o = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [a, c] = W(e, () => r[0], (e, s) => {
+                e = B(e, n), s ? i.scrollTo({
                     [t ? "left" : "top"]: e,
                     behavior: "smooth"
                 }) : i[o] = e;
+            }), u = t ? "width" : "height", m = /* @__PURE__ */ new WeakMap, p = L(t => {
+                const s = [];
+                for (const {target: r, contentRect: n} of t) if (r.offsetParent) if (r === i) e.$update(4, n[u]); else {
+                    const e = m.get(r);
+                    null != e && s.push([ e, n[u] ]);
+                }
+                s.length && e.$update(3, s);
             });
             return {
-                $observe(a, u) {
-                    i = u, t && (r = "rtl" === getComputedStyle(u).direction), s = L(e, u, t, () => D(u[o], r), (t, i, s) => {
+                $observe(a, u = a.parentElement) {
+                    p.p(i = u), t && (n = "rtl" === getComputedStyle(u).direction), s = J(e, u, t, () => B(u[o], n), (t, i, s) => {
                         if (s) {
                             const e = u.style, t = e[l];
-                            e[l] = "hidden", E(() => {
+                            e[l] = "hidden", x(() => {
                                 e[l] = t;
                             });
                         }
-                        u[o] = D(e.$getScrollOffset() + t, r), i && c();
-                    }), n[1](!0);
+                        u[o] = B(e.$getScrollOffset() + t, n), i && c();
+                    }), r[1](!0);
                 },
                 $dispose() {
-                    s && s.p(), n[1](!1), n = R();
-                },
-                $isNegative: () => r,
-                $scrollTo(e) {
-                    a(() => e);
-                },
-                $scrollBy(t) {
-                    t += e.$getScrollOffset(), a(() => t);
+                    p.S(), s && s.S(), r[1](!1), r = k();
                 },
-                $scrollToIndex(t, {align: i, smooth: s, offset: n = 0} = {}) {
-                    if (t = N(t, 0, e.$getItemsLength() - 1), "nearest" === i) {
-                        const s = e.$getItemOffset(t), n = e.$getScrollOffset();
-                        if (s < n) i = "start"; else {
-                            if (!(s + e.$getItemSize(t) > n + e.$getViewportSize())) return;
-                            i = "end";
-                        }
-                    }
-                    a(() => n + e.$getStartSpacerSize() + e.$getItemOffset(t) + ("end" === i ? e.$getItemSize(t) - e.$getViewportSize() : "center" === i ? (e.$getItemSize(t) - e.$getViewportSize()) / 2 : 0), s);
+                $observeItem: (e, t) => (m.set(e, t), p.p(e), () => {
+                    m.delete(e), p.h(e);
+                }),
+                $isNegative: () => n,
+                $scheduleScroll: a,
+                $fixScrollJump() {
+                    s && s.N();
                 },
-                $fixScrollJump: () => {
-                    s && s.S();
-                }
+                $getBaseOffset: e.$getStartSpacerSize,
+                $getScrollbarSize: () => 0
             };
         })(t, this.horizontal()), t.$subscribe(1, e => {
             this.q.set(t.$getStateVersion()), e && this.k.tick();
@@ -528,17 +519,17 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
             this.scrollEnd.emit();
         }), this.q.set(t.$getStateVersion());
     }
-    getCache() {
+    get cache() {
         return this.I.$getCacheSnapshot();
     }
-    getScrollOffset() {
+    get scrollOffset() {
         return this.I.$getScrollOffset();
     }
-    getScrollSize() {
+    get scrollSize() {
         return e = this.I, z(e.$getTotalSize(), e.$getViewportSize());
         var e;
     }
-    getViewportSize() {
+    get viewportSize() {
         return this.I.$getViewportSize();
     }
     findItemIndex(e) {
@@ -551,13 +542,15 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
         return this.I.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        this.P.$scrollToIndex(e, t);
+        X(this.driver, this.I, e, t);
     }
     scrollTo(e) {
-        this.P.$scrollTo(e);
+        j(this.driver, e);
     }
     scrollBy(e) {
-        this.P.$scrollBy(e);
+        ((e, t, i) => {
+            j(e, i + t.$getScrollOffset());
+        })(this.driver, this.I, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -644,8 +637,8 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
                 isRequired: !1,
                 transformFunction: null
             },
-            cache: {
-                classPropertyName: "cache",
+            cacheProp: {
+                classPropertyName: "cacheProp",
                 publicName: "cache",
                 isSignal: !0,
                 isRequired: !1,
@@ -657,13 +650,6 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
                 isSignal: !0,
                 isRequired: !1,
                 transformFunction: null
-            },
-            itemTemplate: {
-                classPropertyName: "itemTemplate",
-                publicName: "itemTemplate",
-                isSignal: !0,
-                isRequired: !1,
-                transformFunction: null
             }
         },
         outputs: {
@@ -678,17 +664,17 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
         queries: [ {
             propertyName: "contentTemplate",
             first: !0,
-            predicate: r,
+            predicate: o,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
         } ],
         ngImport: e,
-        template: '\n    @for (item of items(); track item.key) {\n      <div\n        virtuaListItem\n        [index]="item.index"\n        [offset]="item.offset"\n        [hide]="item.hide"\n        [attrs]="item.attrs"\n        [horizontal]="horizontal()"\n        [resizer]="resizer.$observeItem"\n      >\n        <ng-container\n          [ngTemplateOutlet]="template()"\n          [ngTemplateOutletContext]="{\n            $implicit: item.data,\n            index: item.index,\n          }"\n        />\n      </div>\n    }\n  ',
+        template: '\n    @for (item of items(); track item.key) {\n      <div\n        virtuaListItem\n        [index]="item.index"\n        [offset]="item.offset"\n        [hide]="item.hide"\n        [attrs]="item.attrs"\n        [horizontal]="horizontal()"\n        [resizer]="driver.$observeItem"\n      >\n        <ng-container\n          [ngTemplateOutlet]="template()"\n          [ngTemplateOutletContext]="{\n            $implicit: item.data,\n            index: item.index,\n          }"\n        />\n      </div>\n    }\n  ',
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => W),
+            type: e.forwardRef(() => Y),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "resizer", "attrs" ]
         }, {
@@ -703,9 +689,9 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
 
 i.OnPush;
 
-var Y = class t {
+var G = class t {
     data=h.required();
-    getKey=h(j);
+    getKey=h(Q);
     itemProps=h();
     bufferSize=h();
     itemSize=h();
@@ -713,27 +699,29 @@ var Y = class t {
     shift=h(!1);
     horizontal=h(!1);
     keepMounted=h();
-    cache=h();
-    scroll=p();
-    scrollEnd=p();
-    template=c.required(r);
-    virtualizer=g.required(X);
-    R=m(n).nativeElement;
+    cacheProp=h(void 0, {
+        alias: "cache"
+    });
+    scroll=f();
+    scrollEnd=f();
+    template=u.required(o);
+    virtualizer=S.required(A);
+    R=p(r).nativeElement;
     ngOnInit() {
         const e = this.horizontal(), t = this.R;
         t.setAttribute("style", `display:${e ? "inline-block" : "block"};${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
     }
-    getCache() {
-        return this.virtualizer().getCache();
+    get cache() {
+        return this.virtualizer().cache;
     }
-    getScrollOffset() {
-        return this.virtualizer().getScrollOffset();
+    get scrollOffset() {
+        return this.virtualizer().scrollOffset;
     }
-    getScrollSize() {
-        return this.virtualizer().getScrollSize();
+    get scrollSize() {
+        return this.virtualizer().scrollSize;
     }
-    getViewportSize() {
-        return this.virtualizer().getViewportSize();
+    get viewportSize() {
+        return this.virtualizer().viewportSize;
     }
     findItemIndex(e) {
         return this.virtualizer().findItemIndex(e);
@@ -831,8 +819,8 @@ var Y = class t {
                 isRequired: !1,
                 transformFunction: null
             },
-            cache: {
-                classPropertyName: "cache",
+            cacheProp: {
+                classPropertyName: "cacheProp",
                 publicName: "cache",
                 isSignal: !0,
                 isRequired: !1,
@@ -846,7 +834,7 @@ var Y = class t {
         queries: [ {
             propertyName: "template",
             first: !0,
-            predicate: r,
+            predicate: o,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -854,21 +842,25 @@ var Y = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: X,
+            predicate: A,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
         } ],
         ngImport: e,
-        template: '\n    <div\n      virtuaVirtualizer\n      [data]="data()"\n      [getKey]="getKey()"\n      [itemProps]="itemProps()"\n      [bufferSize]="bufferSize()"\n      [itemSize]="itemSize()"\n      [ssrCount]="ssrCount()"\n      [shift]="shift()"\n      [horizontal]="horizontal()"\n      [keepMounted]="keepMounted()"\n      [cache]="cache()"\n      [itemTemplate]="template()"\n      (scroll)="scroll.emit($event)"\n      (scrollEnd)="scrollEnd.emit()"\n    ></div>\n  ',
+        template: '\n    <div\n      virtuaVirtualizer\n      [data]="data()"\n      [getKey]="getKey()"\n      [itemProps]="itemProps()"\n      [bufferSize]="bufferSize()"\n      [itemSize]="itemSize()"\n      [ssrCount]="ssrCount()"\n      [shift]="shift()"\n      [horizontal]="horizontal()"\n      [keepMounted]="keepMounted()"\n      [cache]="cacheProp()"\n      (scroll)="scroll.emit($event)"\n      (scrollEnd)="scrollEnd.emit()"\n    ></div>\n  ',
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => X),
+            type: e.forwardRef(() => A),
             selector: "virtua-virtualizer",
-            inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin", "itemTemplate" ],
+            inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scroll", "scrollEnd" ]
         } ],
+        viewProviders: [ {
+            provide: U,
+            useFactory: () => p(t).template
+        } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
 };
@@ -877,37 +869,38 @@ i.OnPush;
 
 var H = class i {
     data=h.required();
-    getKey=h(j);
+    getKey=h(Q);
     bufferSize=h();
     itemSize=h();
     shift=h(!1);
     horizontal=h(!1);
-    cache=h();
-    scroll=p();
-    scrollEnd=p();
-    template=c.required(r);
+    cacheProp=h(void 0, {
+        alias: "cache"
+    });
+    scroll=f();
+    scrollEnd=f();
+    template=u.required(o);
     I;
-    resizer;
-    P;
-    R=m(n).nativeElement;
-    k=m(t);
-    q=f(void 0);
-    items=a(() => {
+    driver;
+    R=p(r).nativeElement;
+    k=p(t);
+    q=d(void 0);
+    items=c(() => {
         this.q();
-        const e = this.I, t = this.data(), i = this.getKey(), s = this.P.$isNegative(), [n, r] = e.$getRange(this.bufferSize()), o = [];
-        for (let l = n; l <= r && l < t.length; l++) {
-            const n = t[l];
+        const e = this.I, t = this.data(), i = this.getKey(), s = this.driver.$isNegative(), [r, n] = e.$getRange(this.bufferSize()), o = [];
+        for (let l = r; l <= n && l < t.length; l++) {
+            const r = t[l];
             o.push({
-                key: i(n, l),
+                key: i(r, l),
                 index: l,
-                data: n,
+                data: r,
                 offset: e.$getItemOffset(l, s),
                 hide: e.$isUnmeasuredItem(l)
             });
         }
         return o;
     });
-    containerStyle=a(() => {
+    containerStyle=c(() => {
         this.q();
         const e = this.horizontal(), t = this.I.$getTotalSize();
         return {
@@ -922,95 +915,80 @@ var H = class i {
         };
     });
     constructor() {
-        u(() => {
+        m(() => {
             const e = this.data().length;
-            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, d(this.shift) ]);
-        }), o({
+            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, g(this.shift) ]);
+        }), l({
             read: () => {
-                this.resizer.$observeRoot(this.R), this.P.$observe(this.R);
+                this.driver.$observe(this.R);
             }
-        }), l({
+        }), a({
             read: () => {
-                this.q(), this.P.$fixScrollJump();
+                this.q(), this.driver.$fixScrollJump();
             }
-        }), m(s).onDestroy(() => {
-            this.I?.$dispose(), this.resizer?.$dispose(), this.P?.$dispose();
+        }), p(s).onDestroy(() => {
+            this.I?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
-        const e = this.itemSize(), t = this.I = K(this.data().length, e, void 0, this.cache(), !e);
-        this.resizer = ((e, t) => {
-            const i = t ? "width" : "height", s = t ? "innerWidth" : "innerHeight", n = /* @__PURE__ */ new WeakMap, r = J(t => {
-                const s = [];
-                for (const {target: e, contentRect: r} of t) {
-                    if (!e.offsetParent) continue;
-                    const t = n.get(e);
-                    null != t && s.push([ t, r[i] ]);
-                }
-                s.length && e.$update(3, s);
-            });
-            let o;
-            return {
-                $observeRoot(t) {
-                    const i = _(C(t)), n = () => {
-                        e.$update(4, i[s]);
-                    };
-                    i.addEventListener("resize", n), P(n), o = () => {
-                        i.removeEventListener("resize", n);
-                    };
-                },
-                $observeItem: (e, t) => (n.set(e, t), r.v(e), () => {
-                    n.delete(e), r.N(e);
-                }),
-                $dispose() {
-                    o && o(), r.p();
-                }
-            };
-        })(t, this.horizontal()), this.P = ((e, t) => {
-            let i, s, n = R(), r = !1;
-            const o = t ? "left" : "top", [l] = B(e, () => n[0], (e, t) => {
-                e = D(e, r);
-                const s = _(C(i));
+        const e = this.itemSize(), t = this.I = D(this.data().length, e, void 0, this.cacheProp(), !e);
+        this.driver = ((e, t) => {
+            let i, s, r, n = k(), o = !1;
+            const l = t ? "left" : "top", [a] = W(e, () => n[0], (e, t) => {
+                e = B(e, o);
+                const s = K(M(i));
                 t ? s.scroll({
-                    [o]: e,
+                    [l]: e,
                     behavior: "smooth"
                 }) : s.scroll({
-                    [o]: e
+                    [l]: e
                 });
-            }), a = (e, t, i, s, n = 0) => {
-                const o = s ? "offsetLeft" : "offsetTop", l = n + (s && r ? i.innerWidth - e[o] - e.offsetWidth : e[o]), c = e.offsetParent;
-                return e !== t && c ? a(c, t, i, s, l) : l;
+            }), c = t ? "width" : "height", u = /* @__PURE__ */ new WeakMap, m = L(t => {
+                const i = [];
+                for (const {target: e, contentRect: s} of t) {
+                    if (!e.offsetParent) continue;
+                    const t = u.get(e);
+                    null != t && i.push([ t, s[c] ]);
+                }
+                i.length && e.$update(3, i);
+            }), p = (e, t, i, s, r = 0) => {
+                const n = s ? "offsetLeft" : "offsetTop", l = r + (s && o ? i.innerWidth - e[n] - e.offsetWidth : e[n]), a = e.offsetParent;
+                return e !== t && a ? p(a, t, i, s, l) : l;
             };
             return {
-                $observe(l) {
-                    i = l;
-                    const c = t ? "scrollX" : "scrollY", u = C(l), m = _(u);
-                    t && (r = "rtl" === getComputedStyle(O(u)).direction), s = L(e, m, t, () => D(m[c], r), (t, i) => {
+                $observe(a) {
+                    i = a;
+                    const c = t ? "scrollX" : "scrollY", u = M(a), m = K(u), h = () => {
+                        e.$update(4, m[t ? "innerWidth" : "innerHeight"]);
+                    };
+                    m.addEventListener("resize", h), R(h), r = () => {
+                        m.removeEventListener("resize", h);
+                    }, t && (o = "rtl" === getComputedStyle(C(u)).direction), s = J(e, m, t, () => B(m[c], o), (t, i) => {
                         i ? m.scroll({
-                            [o]: D(e.$getScrollOffset() + t, r)
+                            [l]: B(e.$getScrollOffset() + t, o)
                         }) : m.scrollBy({
-                            [o]: D(t, r)
+                            [l]: B(t, o)
                         });
-                    }, () => a(l, u.body, m, t)), n[1](!0);
+                    }, () => p(a, u.body, m, t)), n[1](!0);
                 },
                 $dispose() {
-                    s && s.p(), i = void 0, n[1](!1), n = R();
+                    r && r(), m.S(), s && s.S(), i = void 0, n[1](!1), n = k();
                 },
-                $isNegative: () => r,
-                $fixScrollJump: () => {
-                    s && s.S();
+                $observeItem: (e, t) => (u.set(e, t), m.p(e), () => {
+                    u.delete(e), m.h(e);
+                }),
+                $isNegative: () => o,
+                $scheduleScroll: a,
+                $fixScrollJump() {
+                    s && s.N();
                 },
-                $scrollToIndex(s, {align: n, smooth: r, offset: o = 0} = {}) {
-                    if (!i) return;
-                    if (s = N(s, 0, e.$getItemsLength() - 1), "nearest" === n) {
-                        const t = e.$getItemOffset(s), i = e.$getScrollOffset();
-                        if (t < i) n = "start"; else {
-                            if (!(t + e.$getItemSize(s) > i + e.$getViewportSize())) return;
-                            n = "end";
-                        }
-                    }
-                    const c = C(i), u = _(c), m = O(c), h = () => e.$getViewportSize() - (t ? m.clientWidth : m.clientHeight);
-                    l(() => o + a(i, c.body, u, t) + e.$getItemOffset(s) + ("end" === n ? e.$getItemSize(s) - (e.$getViewportSize() - h()) : "center" === n ? (e.$getItemSize(s) - (e.$getViewportSize() - h())) / 2 : 0), r);
+                $getBaseOffset() {
+                    const e = M(i);
+                    return p(i, e.body, K(e), t);
+                },
+                $getScrollbarSize() {
+                    const s = C(M(i));
+                    return e.$getViewportSize() - (t ? s.clientWidth : s.clientHeight);
                 }
             };
         })(t, this.horizontal()), t.$subscribe(1, e => {
@@ -1021,13 +999,13 @@ var H = class i {
             this.scrollEnd.emit();
         }), this.q.set(t.$getStateVersion());
     }
-    getCache() {
+    get cache() {
         return this.I.$getCacheSnapshot();
     }
-    getScrollOffset() {
+    get scrollOffset() {
         return this.I.$getScrollOffset();
     }
-    getViewportSize() {
+    get viewportSize() {
         return this.I.$getViewportSize();
     }
     findItemIndex(e) {
@@ -1040,7 +1018,7 @@ var H = class i {
         return this.I.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        this.P.$scrollToIndex(e, t);
+        X(this.driver, this.I, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1099,8 +1077,8 @@ var H = class i {
                 isRequired: !1,
                 transformFunction: null
             },
-            cache: {
-                classPropertyName: "cache",
+            cacheProp: {
+                classPropertyName: "cacheProp",
                 publicName: "cache",
                 isSignal: !0,
                 isRequired: !1,
@@ -1119,17 +1097,17 @@ var H = class i {
         queries: [ {
             propertyName: "template",
             first: !0,
-            predicate: r,
+            predicate: o,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
         } ],
         ngImport: e,
-        template: '\n    @for (item of items(); track item.key) {\n      <div\n        virtuaListItem\n        [index]="item.index"\n        [offset]="item.offset"\n        [hide]="item.hide"\n        [horizontal]="horizontal()"\n        [resizer]="resizer.$observeItem"\n      >\n        <ng-container\n          [ngTemplateOutlet]="template()"\n          [ngTemplateOutletContext]="{\n            $implicit: item.data,\n            index: item.index,\n          }"\n        />\n      </div>\n    }\n  ',
+        template: '\n    @for (item of items(); track item.key) {\n      <div\n        virtuaListItem\n        [index]="item.index"\n        [offset]="item.offset"\n        [hide]="item.hide"\n        [horizontal]="horizontal()"\n        [resizer]="driver.$observeItem"\n      >\n        <ng-container\n          [ngTemplateOutlet]="template()"\n          [ngTemplateOutletContext]="{\n            $implicit: item.data,\n            index: item.index,\n          }"\n        />\n      </div>\n    }\n  ',
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => W),
+            type: e.forwardRef(() => Y),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "resizer", "attrs" ]
         }, {
@@ -1144,5 +1122,5 @@ var H = class i {
 
 i.OnPush;
 
-export { Y as VList, X as Virtualizer, H as WindowVirtualizer };
+export { G as VList, A as Virtualizer, H as WindowVirtualizer };
 //# sourceMappingURL=index.js.map