virtua 0.50.2 → 0.50.4

package/lib/angular/index.js

@@ -1,200 +1,217 @@
 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 n, InjectionToken as r, TemplateRef as o, afterNextRender as a, afterRenderEffect as l, computed as c, contentChild as u, effect as m, inject as h, input as p, 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)), R = e => [ ...e ].sort((e, t) => e - t), $ = setTimeout, I = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
-}, R = () => {
+}, x = () => {
     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) => {
-    const s = i ? "unshift" : "push";
-    for (let i = 0; i < t; i++) e[s](-1);
-    return e;
-}, q = (e, t) => {
-    const i = e.t[t];
-    return -1 === i ? e.i : i;
-}, $ = (e, t, i) => {
-    const s = -1 === e.t[t];
-    return e.t[t] = i, e.o = S(t, e.o), s;
-}, F = (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;
-    return e.o = t, s;
-}, T = (e, t, i = 0, s = e.l - 1) => {
-    let n = i;
-    for (;i <= s; ) {
-        const r = b((i + s) / 2);
-        F(e, r) <= t ? (n = r, i = r + 1) : s = r - 1;
-    }
-    return N(n, 0, e.l - 1);
-}, w = (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), 
-    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;
-    const N = ((e, t, i) => ({
-        i: t,
-        t: i ? k(i.slice(0, S(e, i.length)), z(0, e - i.length)) : k([], 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 ];
-        }
-        {
-            const n = T(e, t, void 0, s);
-            return [ n, T(e, i, n) ];
-        }
-    })(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);
+}, k = e => e.documentElement, F = e => e.ownerDocument, w = e => e.defaultView, O = /*#__PURE__*/ q(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), T = /*#__PURE__*/ q(() => "scrollBehavior" in k(document).style), C = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $setItemSize: n, $isSizeEqual: r, $getTotalSize: o, $getLength: a, $setLength: l, $estimateDefaultSize: c}, u = 0) => {
+    let m = !!c, h = !!u, p = 1, f = 0, d = 0, g = 0, S = 0, y = 0, N = 0, P = 0, R = 0, $ = null, I = [ 0, h ? z(u - 1, 0) : -1 ], x = 0, q = !1;
+    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);
     };
     return {
         $dispose: () => {
-            P.clear();
+            k.clear();
         },
-        $getStateVersion: () => o,
-        $getCacheSnapshot: () => (e => [ e.t.slice(), e.i ])(N),
-        $getRange: (e = 200) => {
-            if (!b || r) 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]));
+        $getStateVersion: () => p,
+        $getRange: (t = 200) => {
+            if (!q || h) return I;
+            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]));
             }
-            return [ z(t, 0), S(i, N.l - 1) ];
+            return [ z(i, 0), v(s, a() - 1) ];
         },
-        $findItemIndex: e => T(N, e - a),
-        $isUnmeasuredItem: K,
-        $getItemOffset: _,
-        $getItemSize: V,
-        $getItemsLength: () => N.l,
-        $getScrollOffset: () => c,
-        $isScrolling: () => 0 !== p,
-        $getViewportSize: () => l,
-        $getStartSpacerSize: () => a,
-        $getTotalSize: C,
-        m: () => (h = u, u = 0, [ h, 2 === f ]),
+        $findItemIndex: e => t(e - d),
+        $isUnmeasuredItem: r,
+        $getItemOffset: T,
+        $getItemSize: s,
+        $getItemsLength: a,
+        $getScrollOffset: () => g,
+        $isScrolling: () => 0 !== P,
+        $getViewportSize: () => f,
+        $getStartSpacerSize: () => d,
+        $getTotalSize: o,
+        t: () => (N = S, S = 0, [ N, 2 === R ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
-            return P.add(i), () => {
-                P.delete(i);
+            return k.add(i), () => {
+                k.delete(i);
             };
         },
-        $update: (e, t) => {
-            let i, s, g = 0;
-            switch (e) {
+        $update: (i, a) => {
+            let u, v, z = 0;
+            switch (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);
+                    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 s = F();
+                    s >= -f && s <= o() && (z += 1, v = i > f);
                     break;
                 }
 
               case 2:
-                g = 8, 0 !== p && (i = !0, g += 1), p = 0, f = 0, d = null;
+                z = 8, 0 !== P && (u = !0, z += 1), P = 0, R = 0, $ = null;
                 break;
 
               case 3:
                 {
-                    const e = t.filter(([e, t]) => !K(e, t));
+                    const e = a.filter(([e, t]) => !r(e, t));
                     if (!e.length) break;
-                    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;
+                    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 = T(t), r = s(t);
+                            n = 1 !== P && 0 === R ? i + r <= e : i < e && i + r < e + f;
                         }
-                        return s && (e += i - V(t)), e;
+                        return n && (e += i - s(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 = s(t), r = n(t, i);
+                        m && (x += r ? i : i - e);
                     }
-                    n && l && y > l && (E(((e, t) => {
-                        let i = 0;
-                        const s = [];
-                        e.t.forEach((e, n) => {
-                            -1 !== e && (s.push(e), n < 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;
-                        return ((e.i = l) - a) * z(t - i, 0);
-                    })(N, T(N, x()))), n = !1), g = 3, s = !0;
+                    m && f && x > f && (C(c(t(w()))), m = !1), z = 3, v = !0;
                     break;
                 }
 
               case 4:
-                l !== t && (l || (b = s = !0), l = t, g = 3);
+                f !== a && (f || (q = v = !0), f = a, z = 3);
                 break;
 
               case 5:
-                t[1] ? (E(w(N, t[0], !0)), f = 2, g = 1) : (w(N, t[0]), g = 1);
+                a[1] ? (C(l(a[0], !0)), R = 2, z = 1) : (l(a[0]), z = 1);
                 break;
 
               case 6:
-                a = t;
+                d = a;
                 break;
 
               case 7:
-                f = 1;
+                R = 1;
                 break;
 
               case 8:
-                d = O(t, t + l), g = 1;
+                $ = e(a, a + f), z = 1;
             }
-            g && (o = 1 + (2147483647 & o), i && m && (u += m, m = 0), P.forEach(([e, t]) => {
-                g & e && t(s);
+            z && (p = 1 + (2147483647 & p), u && y && (S += y, y = 0), k.forEach(([e, t]) => {
+                z & e && t(v);
             }));
         }
     };
-}, E = setTimeout, D = (e, t) => t ? -e : e, L = (e, t, i, s, n, r) => {
+}, M = (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) => {
+    const s = i ? "unshift" : "push";
+    for (let i = 0; i < t; i++) e[s](-1);
+    return e;
+}, K = (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 t = a[e];
+        return -1 === t ? s : t;
+    }, u = t => {
+        if (!e) return 0;
+        if (n >= t) return l[t];
+        n < 0 && (l[0] = 0, n = 0);
+        let i = n, s = l[i];
+        for (;i < t; ) s += c(i), l[++i] = s;
+        return n = t, s;
+    };
+    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 ];
+        },
+        $findIndex: t => M(u, e, t),
+        $getItemOffset: u,
+        $getItemSize: c,
+        $setItemSize: (e, t) => {
+            const i = -1 === a[e];
+            return a[e] = t, n = v(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 ? (_(l, r), _(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 => {
+            let t = 0;
+            const i = [];
+            a.forEach((s, n) => {
+                -1 !== 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);
+        },
+        $snapshot: () => [ a.slice(), s ]
+    };
+}, V = e => {
+    let t;
+    return {
+        i(i) {
+            (t || (t = new (w(F(i)).ResizeObserver)(e))).observe(i);
+        },
+        o(e) {
+            t.unobserve(e);
+        },
+        l() {
+            t && t.disconnect();
+        }
+    };
+}, E = (e, t) => t ? -e : e, L = (e, t, i, s, n, r) => {
     const o = Date.now;
-    let l = 0, a = !1, c = !1, u = !1, m = !1;
+    let a = 0, l = !1, c = !1, u = !1, m = !1;
     const h = (() => {
         let t;
         const i = () => {
             null != t && clearTimeout(t);
         }, s = () => {
-            i(), t = E(() => {
+            i(), t = $(() => {
                 t = null, (() => {
-                    if (a || c) return a = !1, void h();
+                    if (l || c) return l = !1, void h();
                     u = !1, e.$update(2);
                 })();
             }, 150);
         };
-        return s.h = i, s;
+        return s.u = i, s;
     })(), p = () => {
-        l = o(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), h();
+        a = o(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), h();
     }, f = t => {
-        if (a || !e.$isScrolling() || t.ctrlKey) return;
-        const s = o() - l;
-        150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (a = !0);
+        if (l || !e.$isScrolling() || t.ctrlKey) return;
+        const s = o() - a;
+        150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (l = !0);
     }, d = () => {
         c = !0, u = m = !1;
     }, g = () => {
-        c = !1, M() && (u = !0);
+        c = !1, O() && (u = !0);
     };
     return t.addEventListener("scroll", p), t.addEventListener("wheel", f, {
         passive: !0
@@ -203,29 +220,29 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
     }), t.addEventListener("touchend", g, {
         passive: !0
     }), {
-        p: () => {
+        l: () => {
             t.removeEventListener("scroll", p), t.removeEventListener("wheel", f), t.removeEventListener("touchstart", d), 
-            t.removeEventListener("touchend", g), h.h();
+            t.removeEventListener("touchend", g), h.u();
         },
-        S: () => {
-            const [t, i] = e.m();
+        m: () => {
+            const [t, i] = e.t();
             t && (n(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
         }
     };
-}, B = (e, t, i) => {
+}, D = (e, t, i) => {
     let s;
     return [ async (n, r) => {
         if (!await t()) return;
         s && s();
         const o = () => {
-            const [t, i] = R();
+            const [t, i] = x();
             return s = () => {
                 i(!1);
-            }, e.$getViewportSize() && E(s, 150), [ t, e.$subscribe(2, () => {
+            }, e.$getViewportSize() && $(s, 150), [ t, e.$subscribe(2, () => {
                 i(!0);
             }) ];
         };
-        if (r && V()) e.$update(8, n()), P(async () => {
+        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)) {
@@ -252,54 +269,53 @@ 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();
+}, B = (e, t) => {
+    e.$scheduleScroll(() => t);
+}, J = (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 {
+            if (!(e + t.$getItemSize(i) > n + t.$getViewportSize())) return;
+            s = "end";
         }
-    };
+    }
+    e.$scheduleScroll(() => r + e.$getBaseOffset() + t.$getItemOffset(i) + ("end" === s ? t.$getItemSize(i) - (t.$getViewportSize() - e.$getScrollbarSize()) : "center" === s ? (t.$getItemSize(i) - (t.$getViewportSize() - e.$getScrollbarSize())) / 2 : 0), n);
 }, W = class t {
-    index=h.required();
-    offset=h.required();
-    hide=h.required();
-    horizontal=h.required();
-    resizer=h.required();
-    attrs=h();
-    style=a(() => {
-        const e = this.horizontal(), t = {
+    index=p.required();
+    offset=p.required();
+    hide=p.required();
+    horizontal=p.required();
+    isSSR=p(!1);
+    resizer=p.required();
+    attrs=p();
+    style=c(() => {
+        const e = this.horizontal(), t = this.hide(), i = this.isSSR(), s = {
             contain: "layout style",
-            position: "absolute",
+            position: t && i ? void 0 : "absolute",
             [e ? "height" : "width"]: "100%",
             [e ? "top" : "left"]: "0px",
             [e ? "left" : "top"]: this.offset() + "px",
-            visibility: this.hide() ? "hidden" : void 0,
+            visibility: !t || i ? void 0 : "hidden",
             ...this.attrs()?.style
         };
-        return e && (t.display = "inline-flex"), t;
+        return e && (s.display = "inline-flex"), s;
     });
     constructor() {
-        const e = m(n).nativeElement;
+        const e = h(n).nativeElement;
         let t;
         l({
             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(() => {
+        }), h(s).onDestroy(() => {
             t && t();
         });
     }
@@ -346,6 +362,13 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
                 isRequired: !0,
                 transformFunction: null
             },
+            isSSR: {
+                classPropertyName: "isSSR",
+                publicName: "isSSR",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
             resizer: {
                 classPropertyName: "resizer",
                 publicName: "resizer",
@@ -369,44 +392,49 @@ 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 {
-    data=h.required();
-    getKey=h(j);
-    itemProps=h();
-    bufferSize=h();
-    scrollRef=h();
-    itemSize=h();
-    ssrCount=h();
-    shift=h(!1);
-    horizontal=h(!1);
-    keepMounted=h();
-    cache=h();
-    startMargin=h(0);
-    scroll=p();
-    scrollEnd=p();
-    itemTemplate=h();
-    contentTemplate=c(r);
-    template=a(() => this.itemTemplate() ?? this.contentTemplate());
-    I;
-    resizer;
-    P;
-    R=m(n).nativeElement;
-    k=m(t);
-    q=f(void 0);
-    $=a(() => {
-        this.q();
-        const e = this.data().length, [t, i] = this.I.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+}, j = (e, t) => "_" + t, X = new r("virtua-item-template"), Y = class i {
+    data=p.required();
+    getKey=p(j);
+    itemProps=p();
+    bufferSize=p();
+    scrollRef=p();
+    itemSize=p();
+    ssrCount=p();
+    shift=p(!1);
+    horizontal=p(!1);
+    keepMounted=p();
+    cacheProp=p(void 0, {
+        alias: "cache"
+    });
+    startMargin=p(0);
+    scroll=f();
+    scrollEnd=f();
+    contentTemplate=u(o);
+    h=h(X, {
+        optional: !0
+    });
+    template=c(() => this.h?.() ?? this.contentTemplate());
+    p;
+    S;
+    driver;
+    v=h(n).nativeElement;
+    N=h(t);
+    P=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 = [];
         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);
+            for (const t of R([ ...r ])) t < e && n.push(t);
         } else for (let s = t; s <= i; s++) s < e && n.push(s);
         return n;
     });
-    items=a(() => {
-        this.q();
-        const e = this.I, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.P.$isNegative();
-        return this.$().map(r => {
+    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];
             return {
                 key: i(o, r),
@@ -421,9 +449,9 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
             };
         });
     });
-    containerStyle=a(() => {
-        this.q();
-        const e = this.horizontal(), t = this.I.$getTotalSize();
+    containerStyle=c(() => {
+        this.P();
+        const e = this.horizontal(), t = this.p.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -432,132 +460,113 @@ var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.I.$isScrolling() ? "none" : void 0
+            "pointer-events": this.p.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
-        u(() => {
+        m(() => {
             const e = this.data().length;
-            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, d(this.shift) ]);
-        }), u(() => {
+            this.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
+        }), m(() => {
             const e = this.startMargin();
-            this.I && e !== this.I.$getStartSpacerSize() && this.I.$update(6, e);
-        }), o({
+            this.p && e !== this.p.$getStartSpacerSize() && this.p.$update(6, e);
+        }), a({
             read: () => {
-                const e = this.scrollRef() ?? this.R.parentElement;
-                this.resizer.$observeRoot(e), this.P.$observe(this.R, e);
+                this.isSSR.set(!1), this.driver.$observe(this.v, this.scrollRef());
             }
         }), l({
             read: () => {
-                this.q(), this.P.$fixScrollJump();
+                this.P(), this.driver.$fixScrollJump();
             }
-        }), m(s).onDestroy(() => {
-            this.I?.$dispose(), this.resizer?.$dispose(), this.P?.$dispose();
+        }), h(s).onDestroy(() => {
+            this.p?.$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.ssrCount();
+        this.isSSR.set(!!t);
+        const i = this.S = K(this.data().length, e, this.cacheProp()), s = this.p = C(i, t);
+        this.driver = ((e, t) => {
+            let i, s, n = x(), 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 => {
+                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] ]);
+                }
+                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(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) => {
                         if (s) {
-                            const e = u.style, t = e[l];
-                            e[l] = "hidden", E(() => {
-                                e[l] = t;
+                            const e = u.style, t = e[a];
+                            e[a] = "hidden", $(() => {
+                                e[a] = t;
                             });
                         }
-                        u[o] = D(e.$getScrollOffset() + t, r), i && c();
+                        u[o] = E(e.$getScrollOffset() + t, r), i && c();
                     }), n[1](!0);
                 },
                 $dispose() {
-                    s && s.p(), n[1](!1), n = R();
+                    h.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);
+                }),
                 $isNegative: () => r,
-                $scrollTo(e) {
-                    a(() => e);
-                },
-                $scrollBy(t) {
-                    t += e.$getScrollOffset(), a(() => t);
+                $scheduleScroll: l,
+                $fixScrollJump() {
+                    s && s.m();
                 },
-                $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);
-                },
-                $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();
-        }), t.$subscribe(4, () => {
-            this.scroll.emit(t.$getScrollOffset());
-        }), t.$subscribe(8, () => {
+        })(s, this.horizontal()), s.$subscribe(1, e => {
+            this.P.set(s.$getStateVersion()), e && this.N.tick();
+        }), s.$subscribe(4, () => {
+            this.scroll.emit(s.$getScrollOffset());
+        }), s.$subscribe(8, () => {
             this.scrollEnd.emit();
-        }), this.q.set(t.$getStateVersion());
+        }), this.P.set(s.$getStateVersion());
     }
-    getCache() {
-        return this.I.$getCacheSnapshot();
+    get cache() {
+        return this.S.$snapshot();
     }
-    getScrollOffset() {
-        return this.I.$getScrollOffset();
+    get scrollOffset() {
+        return this.p.$getScrollOffset();
     }
-    getScrollSize() {
-        return e = this.I, z(e.$getTotalSize(), e.$getViewportSize());
+    get scrollSize() {
+        return e = this.p, z(e.$getTotalSize(), e.$getViewportSize());
         var e;
     }
-    getViewportSize() {
-        return this.I.$getViewportSize();
+    get viewportSize() {
+        return this.p.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.I.$findItemIndex(e);
+        return this.p.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.I.$getItemOffset(e);
+        return this.p.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.I.$getItemSize(e);
+        return this.p.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        this.P.$scrollToIndex(e, t);
+        J(this.driver, this.p, e, t);
     }
     scrollTo(e) {
-        this.P.$scrollTo(e);
+        B(this.driver, e);
     }
     scrollBy(e) {
-        this.P.$scrollBy(e);
+        ((e, t, i) => {
+            B(e, i + t.$getScrollOffset());
+        })(this.driver, this.p, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -644,8 +653,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 +666,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,19 +680,19 @@ 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        [isSSR]="isSSR()"\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),
             selector: "div[virtuaListItem]",
-            inputs: [ "index", "offset", "hide", "horizontal", "resizer", "attrs" ]
+            inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
             kind: "directive",
             type: e.forwardRef(() => y),
@@ -703,37 +705,39 @@ 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 {
-    data=h.required();
-    getKey=h(j);
-    itemProps=h();
-    bufferSize=h();
-    itemSize=h();
-    ssrCount=h();
-    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;
+var Q = class t {
+    data=p.required();
+    getKey=p(j);
+    itemProps=p();
+    bufferSize=p();
+    itemSize=p();
+    ssrCount=p();
+    shift=p(!1);
+    horizontal=p(!1);
+    keepMounted=p();
+    cacheProp=p(void 0, {
+        alias: "cache"
+    });
+    scroll=f();
+    scrollEnd=f();
+    template=u.required(o);
+    virtualizer=S.required(Y);
+    v=h(n).nativeElement;
     ngOnInit() {
-        const e = this.horizontal(), t = this.R;
+        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") || ""));
     }
-    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 +835,8 @@ var Y = class t {
                 isRequired: !1,
                 transformFunction: null
             },
-            cache: {
-                classPropertyName: "cache",
+            cacheProp: {
+                classPropertyName: "cacheProp",
                 publicName: "cache",
                 isSignal: !0,
                 isRequired: !1,
@@ -846,7 +850,7 @@ var Y = class t {
         queries: [ {
             propertyName: "template",
             first: !0,
-            predicate: r,
+            predicate: o,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -854,62 +858,70 @@ var Y = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: X,
+            predicate: Y,
             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(() => Y),
             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: X,
+            useFactory: () => h(t).template
+        } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
 };
 
 i.OnPush;
 
-var H = class i {
-    data=h.required();
-    getKey=h(j);
-    bufferSize=h();
-    itemSize=h();
-    shift=h(!1);
-    horizontal=h(!1);
-    cache=h();
-    scroll=p();
-    scrollEnd=p();
-    template=c.required(r);
-    I;
-    resizer;
-    P;
-    R=m(n).nativeElement;
-    k=m(t);
-    q=f(void 0);
-    items=a(() => {
-        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];
+var U = class i {
+    data=p.required();
+    getKey=p(j);
+    bufferSize=p();
+    itemSize=p();
+    ssrCount=p();
+    shift=p(!1);
+    horizontal=p(!1);
+    cacheProp=p(void 0, {
+        alias: "cache"
+    });
+    scroll=f();
+    scrollEnd=f();
+    template=u.required(o);
+    p;
+    S;
+    driver;
+    v=h(n).nativeElement;
+    N=h(t);
+    P=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, l),
-                index: l,
+                key: i(n, a),
+                index: a,
                 data: n,
-                offset: e.$getItemOffset(l, s),
-                hide: e.$isUnmeasuredItem(l)
+                offset: e.$getItemOffset(a, s),
+                hide: e.$isUnmeasuredItem(a)
             });
         }
         return o;
     });
-    containerStyle=a(() => {
-        this.q();
-        const e = this.horizontal(), t = this.I.$getTotalSize();
+    containerStyle=c(() => {
+        this.P();
+        const e = this.horizontal(), t = this.p.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -918,129 +930,116 @@ var H = class i {
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.I.$isScrolling() ? "none" : void 0
+            "pointer-events": this.p.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
-        u(() => {
+        m(() => {
             const e = this.data().length;
-            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, d(this.shift) ]);
-        }), o({
+            this.p && e !== this.p.$getItemsLength() && this.p.$update(5, [ e, g(this.shift) ]);
+        }), a({
             read: () => {
-                this.resizer.$observeRoot(this.R), this.P.$observe(this.R);
+                this.isSSR.set(!1), this.driver.$observe(this.v);
             }
         }), l({
             read: () => {
-                this.q(), this.P.$fixScrollJump();
+                this.P(), this.driver.$fixScrollJump();
             }
-        }), m(s).onDestroy(() => {
-            this.I?.$dispose(), this.resizer?.$dispose(), this.P?.$dispose();
+        }), h(s).onDestroy(() => {
+            this.p?.$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.ssrCount();
+        this.isSSR.set(!!t);
+        const i = this.S = K(this.data().length, e, this.cacheProp()), s = this.p = C(i, t);
+        this.driver = ((e, t) => {
+            let i, s, n, r = x(), 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({
-                    [o]: e,
+                    [a]: e,
                     behavior: "smooth"
                 }) : s.scroll({
-                    [o]: e
+                    [a]: 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 = V(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);
+            }), 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;
             };
             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) => {
+                    const c = t ? "scrollX" : "scrollY", u = F(l), m = w(u), p = () => {
+                        e.$update(4, m[t ? "innerWidth" : "innerHeight"]);
+                    };
+                    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({
-                            [o]: D(e.$getScrollOffset() + t, r)
+                            [a]: E(e.$getScrollOffset() + t, o)
                         }) : m.scrollBy({
-                            [o]: D(t, r)
+                            [a]: E(t, o)
                         });
-                    }, () => a(l, u.body, m, t)), n[1](!0);
+                    }, () => h(l, u.body, m, t)), r[1](!0);
                 },
                 $dispose() {
-                    s && s.p(), i = void 0, n[1](!1), n = R();
+                    n && n(), m.l(), s && s.l(), i = void 0, r[1](!1), r = x();
                 },
-                $isNegative: () => r,
-                $fixScrollJump: () => {
-                    s && s.S();
+                $observeItem: (e, t) => (u.set(e, t), m.i(e), () => {
+                    u.delete(e), m.o(e);
+                }),
+                $isNegative: () => o,
+                $scheduleScroll: l,
+                $fixScrollJump() {
+                    s && s.m();
                 },
-                $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 = F(i);
+                    return h(i, e.body, w(e), t);
+                },
+                $getScrollbarSize() {
+                    const s = k(F(i));
+                    return e.$getViewportSize() - (t ? s.clientWidth : s.clientHeight);
                 }
             };
-        })(t, this.horizontal()), t.$subscribe(1, e => {
-            this.q.set(t.$getStateVersion()), e && this.k.tick();
-        }), t.$subscribe(4, () => {
+        })(s, this.horizontal()), s.$subscribe(1, e => {
+            this.P.set(s.$getStateVersion()), e && this.N.tick();
+        }), s.$subscribe(4, () => {
             this.scroll.emit();
-        }), t.$subscribe(8, () => {
+        }), s.$subscribe(8, () => {
             this.scrollEnd.emit();
-        }), this.q.set(t.$getStateVersion());
+        }), this.P.set(s.$getStateVersion());
     }
-    getCache() {
-        return this.I.$getCacheSnapshot();
+    get cache() {
+        return this.S.$snapshot();
     }
-    getScrollOffset() {
-        return this.I.$getScrollOffset();
+    get scrollOffset() {
+        return this.p.$getScrollOffset();
     }
-    getViewportSize() {
-        return this.I.$getViewportSize();
+    get viewportSize() {
+        return this.p.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.I.$findItemIndex(e);
+        return this.p.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.I.$getItemOffset(e);
+        return this.p.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.I.$getItemSize(e);
+        return this.p.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        this.P.$scrollToIndex(e, t);
+        J(this.driver, this.p, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1085,6 +1084,13 @@ var H = class i {
                 isRequired: !1,
                 transformFunction: null
             },
+            ssrCount: {
+                classPropertyName: "ssrCount",
+                publicName: "ssrCount",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
             shift: {
                 classPropertyName: "shift",
                 publicName: "shift",
@@ -1099,8 +1105,8 @@ var H = class i {
                 isRequired: !1,
                 transformFunction: null
             },
-            cache: {
-                classPropertyName: "cache",
+            cacheProp: {
+                classPropertyName: "cacheProp",
                 publicName: "cache",
                 isSignal: !0,
                 isRequired: !1,
@@ -1119,19 +1125,19 @@ 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        [isSSR]="isSSR()"\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),
             selector: "div[virtuaListItem]",
-            inputs: [ "index", "offset", "hide", "horizontal", "resizer", "attrs" ]
+            inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
             kind: "directive",
             type: e.forwardRef(() => y),
@@ -1144,5 +1150,5 @@ var H = class i {
 
 i.OnPush;
 
-export { Y as VList, X as Virtualizer, H as WindowVirtualizer };
+export { Q as VList, Y as Virtualizer, U as WindowVirtualizer };
 //# sourceMappingURL=index.js.map