virtua 0.52.5 → 0.52.7

package/lib/angular/index.js

@@ -4,7 +4,7 @@ import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, Ele
 
 import { NgTemplateOutlet as v } from "@angular/common";
 
-var w, z = [], {min: $, max: b, abs: N, floor: R} = Math, I = (e, t, i) => $(i, b(t, e)), P = e => e.sort((e, t) => e - t), x = setTimeout, q = clearTimeout, F = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+var w, z = [], {min: N, max: b, abs: $, floor: R} = Math, I = (e, t, i) => N(i, b(t, e)), P = e => e.sort((e, t) => e - t), x = setTimeout, q = clearTimeout, F = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
 }, k = () => {
     let e;
@@ -28,9 +28,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             if (v) [i, s] = I; else {
                 let r = b(0, k()), n = r + h;
                 p || (t = b(0, t), 1 !== w && (r -= t), 2 !== w && (n += t)), [i, s] = I = e(b(0, r), b(0, n)), 
-                R && (i = $(i, R[0]), s = b(s, R[1]));
+                R && (i = N(i, R[0]), s = b(s, R[1]));
             }
-            return [ b(i, 0), $(s, l() - 1) ];
+            return [ b(i, 0), N(s, l() - 1) ];
         },
         $findItemIndex: e => t(e - f),
         $isUnmeasuredItem: n,
@@ -50,17 +50,17 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             };
         },
         $update: (i, l) => {
-            let u, $, b = 0;
+            let u, N, b = 0;
             switch (i) {
               case 1:
                 {
                     if (l === g && 0 === z) break;
                     const e = v;
                     v = 0;
-                    const t = l - g, i = N(t);
-                    e && i < N(e) + 1 || 0 !== z || (w = t < 0 ? 2 : 1), m && (m = !1), g = l, b = 4;
+                    const t = l - g, i = $(t);
+                    e && i < $(e) + 1 || 0 !== z || (w = t < 0 ? 2 : 1), m && (m = !1), g = l, b = 4;
                     const s = F();
-                    s >= -h && s <= o() && (b += 1, $ = i > h);
+                    s >= -h && s <= o() && (b += 1, N = i > h);
                     break;
                 }
 
@@ -84,12 +84,12 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                         const e = s(t), n = r(t, i);
                         p && (P += n ? i : i - e);
                     }
-                    p && h && P > h && (O(c(t(k()))), p = !1), b = 3, $ = !0;
+                    p && h && P > h && (O(c(t(k()))), p = !1), b = 3, N = !0;
                     break;
                 }
 
               case 4:
-                h !== l && (h || (x = $ = !0), h = l, b = 3);
+                h !== l && (h || (x = N = !0), h = l, b = 3);
                 break;
 
               case 5:
@@ -112,24 +112,24 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 R = e(l, l + h), b = 1;
             }
             b && (d = 1 + (2147483647 & d), u && y && (S += y, y = 0), q.forEach(([e, t]) => {
-                b & e && t($);
+                b & e && t(N);
             }));
         }
     };
-}, V = (e, t, i, s = 0, r = t - 1) => {
+}, V = (e, t, i) => {
+    const s = i ? "unshift" : "push";
+    for (let i = 0; i < t; i++) e[s](-1);
+    return e;
+}, E = (e, t, i, s = 0, r = t - 1) => {
     let n = s;
     for (;s <= r; ) {
         const t = R((s + r) / 2);
         e(t) <= i ? (n = t, s = t + 1) : r = t - 1;
     }
     return I(n, 0, t - 1);
-}, E = (e, t, i) => {
-    const s = i ? "unshift" : "push";
-    for (let i = 0; i < t; i++) e[s](-1);
-    return e;
-}, L = (e, t, i) => {
+}, D = (e, t, i) => {
     let s = i && i[1] || t || 40, r = -1, n = 0;
-    const o = i && i[0], l = o ? E(o.slice(0, $(e, o.length)), b(0, e - o.length)) : E([], e), a = E([], e + 1), c = e => {
+    const o = i && i[0], l = o ? V(o.slice(0, N(e, o.length)), b(0, e - o.length)) : V([], e), a = V([], e + 1), c = e => {
         const t = l[e];
         return -1 === t ? s : t;
     }, u = t => {
@@ -143,22 +143,22 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     return {
         $getRange: (t, i) => {
             let s, r;
-            return n = $(n, e - 1), u(n) <= t ? (r = V(u, e, i, n), s = V(u, e, t, n, r)) : (s = V(u, e, t, void 0, n), 
-            r = V(u, e, i, s)), n = s, [ s, r ];
+            return n = N(n, e - 1), u(n) <= t ? (r = E(u, e, i, n), s = E(u, e, t, n, r)) : (s = E(u, e, t, void 0, n), 
+            r = E(u, e, i, s)), n = s, [ s, r ];
         },
-        $findIndex: t => V(u, e, t),
+        $findIndex: t => E(u, e, t),
         $getItemOffset: u,
         $getItemSize: c,
         $setItemSize: (e, t) => {
             const i = -1 === l[e];
-            return l[e] = t, r = $(e, r), i;
+            return l[e] = t, r = N(e, r), i;
         },
         $isSizeEqual: (e, t = -1) => l[e] === t,
         $getTotalSize: () => u(e),
         $getLength: () => e,
         $setLength: (t, i) => {
             const n = t - e;
-            return r = i ? -1 : $(t - 1, r), e = t, n > 0 ? (E(a, n), E(l, n, i), s * n) : (a.splice(n), 
+            return r = i ? -1 : N(t - 1, r), e = t, n > 0 ? (V(a, n), V(l, n, i), s * n) : (a.splice(n), 
             (i ? l.splice(0, -n) : l.splice(n)).reduce((e, t) => e - (-1 === t ? s : t), 0));
         },
         $estimateDefaultSize: t ? void 0 : e => {
@@ -172,84 +172,96 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         $snapshot: () => [ l.slice(), s ]
     };
-}, D = e => "number" == typeof e ? e : e.length, K = (e, t) => "number" == typeof e ? t : e[t], G = (e, t, i = 0) => {
-    let s = 0, r = 0;
-    const n = (e = 0, t = 0) => {
-        s = e, r = t;
-    }, o = e => $(s, e), l = e => b(e - r, o(e)), a = (e, t, s, r, n) => {
-        const a = t(o(s)), c = t(s) - t(l(s)), u = r + (a ? a - i : 0);
-        return e(u, b(u, n - (c ? c - i : 0)));
-    };
-    if ("number" == typeof t) {
-        let s = D(e), r = t;
-        const c = e => r + i ? I(R(e / (r + i)), 0, s - 1) : 0, u = e => e * (r + i), p = (e, t) => [ c(e), c(t) ];
-        return {
-            $getRange: (e, t) => a(p, u, s, e, t),
-            $findIndex: c,
-            $getItemOffset: u,
-            $getItemSize: () => r,
-            $setItemSize: () => !1,
-            $isSizeEqual: () => !1,
-            $getTotalSize: () => s ? s * (r + i) - i : 0,
-            $getLength: () => s,
-            $setLength: e => (s = e, 0),
-            $isMeasurable: () => !1,
-            $setPinned: n,
-            $getPinnedStart: () => o(s),
-            $getTrailStart: () => l(s),
-            $setAxis: (e, t, i) => {
-                if ("number" != typeof t || t === r) return;
-                const s = c(i) * (t - r);
-                return r = t, s;
+}, L = e => "number" == typeof e ? e : e.length, K = (e, t) => "number" == typeof e ? t : e[t], G = (e, t, i = 0) => {
+    let s = L(e);
+    const r = "number" == typeof t, n = "auto" === t;
+    let o = (r ? t : 40) + i, l = -1, a = 0, c = 0, u = null;
+    const p = [], m = [], d = [], h = e => n || !!d[e], f = () => {
+        p.length || V(p, s);
+    }, g = e => {
+        const t = p[e];
+        return -1 === t ? o : t;
+    }, S = e => {
+        if (!s) return 0;
+        if (!p.length) return e * o;
+        if (l >= e) return m[e];
+        l < 0 && (m[0] = 0, l = 0);
+        let t = l, i = m[t];
+        for (;t < e; ) i += g(t), m[++t] = i;
+        return l = e, i;
+    }, y = (e, t) => {
+        p[e] = t, l = N(e, l);
+    }, v = e => p.length ? E(S, s, e) : o ? I(R(e / o), 0, s - 1) : 0, w = () => N(a, s), z = () => b(s - c, w());
+    return {
+        $getRange: (e, t) => {
+            const r = S(w()), n = S(s) - S(z()), o = e + (r ? r - i : 0);
+            return [ v(o), v(b(o, t - (n ? n - i : 0))) ];
+        },
+        $findIndex: v,
+        $getItemOffset: S,
+        $getItemSize: e => (p.length ? g(e) : o) - i,
+        $setItemSize: (e, t) => {
+            if (!h(e)) return !1;
+            f();
+            const s = -1 === p[e];
+            return y(e, t + i), s;
+        },
+        $isSizeEqual: (e, t) => (p.length ? p[e] : -1) === t + i,
+        $getTotalSize: () => s ? S(s) - i : 0,
+        $getLength: () => s,
+        $setLength: e => {
+            const t = e - s;
+            return l = N(e - 1, l), s = e, p.length && (t > 0 ? V(p, t) : p.splice(t)), 0;
+        },
+        $estimateDefaultSize: n ? e => {
+            let t = 0;
+            const i = [];
+            p.forEach((s, r) => {
+                -1 !== s && (s && i.push(s), r < e && t++);
+            }), l = -1, P(i);
+            const s = i.length, r = s / 2 | 0, n = s % 2 == 0 ? (i[r - 1] + i[r]) / 2 : i[r], a = o;
+            return ((o = n) - a) * b(e - t, 0);
+        } : void 0,
+        $isMeasurable: h,
+        $setPinned: (e = 0, t = 0) => {
+            a = e, c = t;
+        },
+        $getPinnedStart: w,
+        $getTrailStart: z,
+        $getSizes: (e, t) => "number" == typeof t ? r ? t : null : r || n || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
+        $setAxis: (e, t) => {
+            if (null == e) return;
+            if ("number" == typeof e) {
+                const s = e + i;
+                if (s === o) return;
+                const r = v(t) * (s - o);
+                return o = s, r;
             }
-        };
-    }
-    const c = "auto" === t;
-    let u, p = t;
-    const m = D(e), d = [], h = L(m, void 0, [ [], 40 + i ]), f = e => c || !!d[e], g = {
-        $getRange: (e, t) => a(h.$getRange, h.$getItemOffset, h.$getLength(), e, t),
-        $findIndex: h.$findIndex,
-        $getItemOffset: h.$getItemOffset,
-        $getItemSize: e => h.$getItemSize(e) - i,
-        $setItemSize: (e, t) => f(e) && h.$setItemSize(e, t + i),
-        $isSizeEqual: (e, t) => h.$isSizeEqual(e, t + i),
-        $getTotalSize: () => h.$getLength() ? h.$getTotalSize() - i : 0,
-        $getLength: h.$getLength,
-        $setLength: h.$setLength,
-        $estimateDefaultSize: c ? h.$estimateDefaultSize : void 0,
-        $isMeasurable: f,
-        $setPinned: n,
-        $getPinnedStart: () => o(h.$getLength()),
-        $getTrailStart: () => l(h.$getLength()),
-        $setAxis: (e, t, s, r) => {
-            if (c) return;
-            const n = "number" == typeof t || "auto" === t ? p : t, o = h.$getLength();
-            if (!r && e === u && n === p && o === d.length) return;
-            u = e, p = n, d.length = o;
-            const l = h.$findIndex(s), a = h.$getItemOffset(l);
-            let m;
-            for (let t = 0; t < o; t++) {
-                const s = e[t], r = null !== s && "object" == typeof s ? s[n] : null, o = "number" != typeof r;
-                if (!o || !d[t]) {
-                    d[t] = o;
-                    const e = o ? -1 : r + i;
-                    h.$isSizeEqual(t, e) || (h.$setItemSize(t, e), m = !0);
+            if (e === u && s === d.length) return;
+            u = e, d.length = s, f();
+            const r = v(t), n = S(r);
+            let l;
+            for (let t = 0; t < s; t++) {
+                const s = e[t], r = "number" != typeof s;
+                if (!r || !d[t]) {
+                    d[t] = r;
+                    const e = r ? -1 : s + i;
+                    p[t] !== e && (y(t, e), l = !0);
                 }
             }
-            return m ? h.$getItemOffset(l) - a : void 0;
+            return l ? S(r) - n : void 0;
         }
     };
-    return g.$setAxis(e, t, 0), g;
-}, W = (e, t, i, s, r, n, o) => {
-    const l = D(i);
-    t.$setPinned(r, n), l !== e.$getItemsLength() && e.$update(5, [ l ]);
-    const a = t.$setAxis(i, s, e.$getScrollOffset() - e.$getItemOffset(0), o);
-    null != a && e.$update(9, a);
-}, H = /*#__PURE__*/ new WeakMap, A = (e, t, i, s, r, n) => e < i || b(e, s) < $(t, r + 1) || n < t, B = (e, t, i) => {
+}, W = (e, t, i, s, r, n) => {
+    const o = L(i);
+    t.$setPinned(r, n), o !== e.$getItemsLength() && e.$update(5, [ o ]);
+    const l = t.$setAxis(s, e.$getScrollOffset() - e.$getItemOffset(0));
+    null != l && e.$update(9, l);
+}, H = /*#__PURE__*/ new WeakMap, B = (e, t, i) => {
     const s = [];
     for (const r of e) r >= t && r < i && s.push(r);
     return P(s);
-}, j = (e, t, i) => {
+}, A = (e, t, i) => {
     if (t >= i) return -1;
     let s = 0, r = e.length;
     for (;s < r; ) {
@@ -257,22 +269,22 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         e[i] <= t ? s = i + 1 : r = i;
     }
     return s - 1;
-}, J = (e, t, i, s, r) => {
+}, j = (e, t, i, s, r) => {
     const n = t.length;
     for (;i < n && t[i] < s; i++) {
         const s = t[i];
         s > r && (e.push(s), r = s);
     }
     return i;
-}, Q = (e, t, i, s, r, n) => {
+}, J = (e, t, i, s, r, n) => {
     const o = [];
     for (let e = 0; e < i; e++) o.push(e);
-    const l = J(o, e, 0, s, i - 1);
+    const l = j(o, e, 0, s, i - 1);
     for (let e = s; e <= r; e++) o.push(e);
-    J(o, e, l, n, r);
+    j(o, e, l, n, r);
     for (let e = n; e < t; e++) o.push(e);
     return o;
-}, X = (e, t) => $(e.rowIndex + (e.rowSpan || 1), t), Y = (e, t) => $(e.colIndex + (e.colSpan || 1), t), U = (e, t, i, s, r, n) => {
+}, Q = (e, t) => N(e.rowIndex + (e.rowSpan || 1), t), X = (e, t) => N(e.colIndex + (e.colSpan || 1), t), Y = (e, t, i, s, r, n) => {
     const o = t.length, l = s.length;
     let a = "[l0]", c = 0, u = 0, p = 0;
     for (;c < n; ) {
@@ -284,11 +296,11 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             const t = i[u];
             h = null == t ? e.$getItemSize(c) + "px" : t ? r : "minmax(" + e.$getItemSize(c) + "px,auto)", 
             u++;
-        } else d = $(m, p < l ? s[p] : n), h = "minmax(" + (e.$getItemOffset(d - 1) + e.$getItemSize(d - 1) - e.$getItemOffset(c)) + "px,auto)";
+        } else d = N(m, p < l ? s[p] : n), h = "minmax(" + (e.$getItemOffset(d - 1) + e.$getItemSize(d - 1) - e.$getItemOffset(c)) + "px,auto)";
         a += " " + h + " [l" + d + "]", c = d;
     }
     return a;
-}, Z = (e, t, i, s, r) => {
+}, U = (e, t, i, s, r) => {
     const n = {
         display: "grid",
         gridTemplateRows: "subgrid",
@@ -297,7 +309,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         gridRow: "l" + e + "/l" + t
     };
     return null != i && (n.position = "sticky", n[s] = i + "px", n.zIndex = r), n;
-}, ee = e => {
+}, Z = e => {
     let t;
     return {
         i(i) {
@@ -310,7 +322,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             t && t.disconnect();
         }
     };
-}, te = (e, t, i, s, r, n, o) => {
+}, ee = (e, t, i, s, r, n, o) => {
     let l, a, c = 0, u = !1, p = !1, m = !1, d = !1;
     const h = Date.now, f = s ? "scrollLeft" : "scrollTop", g = s ? "left" : "top", S = e => r ? -e : e, y = () => S(i[f]), v = (e, t) => {
         i.scrollTo({
@@ -322,26 +334,26 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         m = !1, e.$update(2);
     }, z = () => {
         q(a), a = x(w, 150);
-    }, $ = () => {
+    }, N = () => {
         c = h(), m && (d = !0), o && e.$update(6, o()), e.$update(1, y()), z();
     }, b = t => {
         if (u || !e.$isScrolling() || t.ctrlKey) return;
         const i = h() - c;
         150 > i && 50 < i && (s ? t.deltaX : t.deltaY) && (u = !0);
-    }, N = () => {
+    }, $ = () => {
         p = !0, m = d = !1;
     }, R = () => {
         p = !1, T() && (m = !0);
     };
-    return t.addEventListener("scroll", $), t.addEventListener("wheel", b, {
+    return t.addEventListener("scroll", N), t.addEventListener("wheel", b, {
         passive: !0
-    }), t.addEventListener("touchstart", N, {
+    }), t.addEventListener("touchstart", $, {
         passive: !0
     }), t.addEventListener("touchend", R, {
         passive: !0
     }), {
         l: () => {
-            t.removeEventListener("scroll", $), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", N), 
+            t.removeEventListener("scroll", N), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", $), 
             t.removeEventListener("touchend", R), q(a);
         },
         u: () => {
@@ -379,9 +391,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             i ? (e.$update(8, t()), F(c)) : c();
         }
     };
-}, ie = (e, t) => {
+}, te = (e, t) => {
     e.$scroll(() => t);
-}, se = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
+}, ie = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
     if (i = I(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
         const e = t.$getItemOffset(i), r = t.$getScrollOffset();
         if (e < r) s = "start"; else {
@@ -390,17 +402,17 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         }
     }
     e.$scroll(() => n + e.$getBaseOffset() + t.$getItemOffset(i) + ("end" === s ? t.$getItemSize(i) - t.$getViewportSize() : "center" === s ? (t.$getItemSize(i) - t.$getViewportSize()) / 2 : 0), r);
-}, re = (e, t, i, s, r, n, o) => {
+}, se = (e, t, i, s, r, n, o) => {
     const l = t.$getItemsLength(), a = i.$getPinnedStart(), c = i.$getTrailStart();
     r = I(r, 0, l - 1);
-    const u = B(s, a, c), p = j(u, r, c), m = p < 0 ? -1 : u[p], d = () => i.$getItemOffset(a) + (m < 0 || m === r ? 0 : i.$getItemOffset(m + 1) - i.$getItemOffset(m)), h = () => i.$getItemOffset(l) - i.$getItemOffset(c);
+    const u = B(s, a, c), p = A(u, r, c), m = p < 0 ? -1 : u[p], d = () => i.$getItemOffset(a) + (m < 0 || m === r ? 0 : i.$getItemOffset(m + 1) - i.$getItemOffset(m)), h = () => i.$getItemOffset(l) - i.$getItemOffset(c);
     if ("nearest" === n) {
         if (r < a || r >= c) return;
         const e = d(), i = t.$getScrollOffset() + e, s = t.$getViewportSize() - e - h(), o = t.$getItemSize(r);
         let l = t.$getItemOffset(r);
         if (m === r) {
             const e = (p + 1 < u.length ? u[p + 1] : c) - 1;
-            l = b(l, $(i, t.$getItemOffset(e) + t.$getItemSize(e) - o));
+            l = b(l, N(i, t.$getItemOffset(e) + t.$getItemSize(e) - o));
         }
         if (l < i) n = "start"; else {
             if (!(l + o > i + s)) return;
@@ -411,7 +423,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         const e = d(), i = t.$getItemSize(r) - (t.$getViewportSize() - e - h());
         return t.$getItemOffset(r) - e + ("end" === n ? i : "center" === n ? i / 2 : 0);
     });
-}, ne = class t {
+}, re = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
@@ -523,9 +535,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         ngImport: e
     });
-}, oe = (e, t) => "_" + t, le = /*#__PURE__*/ new o("virtua-item-template"), ae = class i {
+}, ne = (e, t) => "_" + t, oe = /*#__PURE__*/ new o("virtua-item-template"), le = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(ne);
     itemProps=h();
     bufferSize=h();
     scrollRef=h();
@@ -541,7 +553,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     scrolled=f();
     scrollEnded=f();
     contentTemplate=p(l);
-    m=d(le, {
+    m=d(oe, {
         optional: !0
     });
     template=u(() => this.m?.() ?? this.contentTemplate());
@@ -549,11 +561,11 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     S;
     driver;
     v=d(r).nativeElement;
-    $=d(t);
-    N=g(void 0);
+    N=d(t);
+    $=g(void 0);
     isSSR=g(!1);
     R=u(() => {
-        this.N();
+        this.$();
         const e = this.data().length, [t, i] = this.h.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
         if (s) {
             const n = new Set(s);
@@ -563,7 +575,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return r;
     });
     items=u(() => {
-        this.N();
+        this.$();
         const e = this.h, t = this.data(), i = this.getKey(), s = this.itemProps();
         return this.R().map(r => {
             const n = t[r];
@@ -581,7 +593,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         });
     });
     containerStyle=u(() => {
-        this.N();
+        this.$();
         const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
@@ -607,7 +619,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             }
         }), c({
             read: () => {
-                this.N(), this.driver.$effect();
+                this.$(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.h?.$dispose(), this.driver?.$dispose();
@@ -616,10 +628,10 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.S = L(this.data().length, e, this.cacheProp()), s = this.h = _(i, t);
+        const i = this.S = D(this.data().length, e, this.cacheProp()), s = this.h = _(i, t);
         this.driver = ((e, t) => {
             let i, s, r = k();
-            const n = /* @__PURE__ */ new WeakMap, o = ee(s => {
+            const n = /* @__PURE__ */ new WeakMap, o = Z(s => {
                 const r = [];
                 for (const {target: o, contentRect: {width: l, height: a}} of s) if (o === i) (l || a) && e.$update(4, t ? l : a); else if (o.offsetParent) {
                     const e = n.get(o);
@@ -629,7 +641,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             });
             return {
                 $observe(n, l = n.parentElement) {
-                    o.i(i = l), s = te(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
+                    o.i(i = l), s = ee(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
                         const e = t ? "overflowX" : "overflowY", i = l.style, s = i[e];
                         i[e] = "hidden", x(() => {
                             i[e] = s;
@@ -651,12 +663,12 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 $getBaseOffset: e.$getStartSpacerSize
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.N.set(s.$getStateVersion()), e && this.$.tick();
+            this.$.set(s.$getStateVersion()), e && this.N.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
-        }), this.N.set(s.$getStateVersion());
+        }), this.$.set(s.$getStateVersion());
     }
     get cache() {
         return this.S.$snapshot();
@@ -680,14 +692,14 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.h, e, t);
+        ie(this.driver, this.h, e, t);
     }
     scrollTo(e) {
-        ie(this.driver, e);
+        te(this.driver, e);
     }
     scrollBy(e) {
         ((e, t, i) => {
-            ie(e, i + t.$getScrollOffset());
+            te(e, i + t.$getScrollOffset());
         })(this.driver, this.h, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
@@ -812,7 +824,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ne),
+            type: e.forwardRef(() => re),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -827,9 +839,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
 
 i.OnPush;
 
-var ce = class t {
+var ae = class t {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(ne);
     itemProps=h();
     bufferSize=h();
     itemSize=h();
@@ -843,7 +855,7 @@ var ce = class t {
     scrolled=f();
     scrollEnded=f();
     template=p.required(l);
-    virtualizer=y.required(ae);
+    virtualizer=y.required(le);
     v=d(r).nativeElement;
     ngOnInit() {
         const e = this.horizontal(), t = this.v;
@@ -980,7 +992,7 @@ var ce = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: ae,
+            predicate: le,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -990,13 +1002,13 @@ var ce = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ae),
+            type: e.forwardRef(() => le),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scrolled", "scrollEnded" ]
         } ],
         viewProviders: [ {
-            provide: le,
+            provide: oe,
             useFactory: () => d(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -1005,9 +1017,9 @@ var ce = class t {
 
 i.OnPush;
 
-var ue = class i {
+var ce = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(ne);
     bufferSize=h();
     itemSize=h();
     ssrCount=h();
@@ -1023,11 +1035,11 @@ var ue = class i {
     S;
     driver;
     v=d(r).nativeElement;
-    $=d(t);
-    N=g(void 0);
+    N=d(t);
+    $=g(void 0);
     isSSR=g(!1);
     items=u(() => {
-        this.N();
+        this.$();
         const e = this.h, t = this.data(), i = this.getKey(), [s, r] = e.$getRange(this.bufferSize()), n = [];
         for (let o = s; o <= r; o++) {
             const s = t[o];
@@ -1042,7 +1054,7 @@ var ue = class i {
         return n;
     });
     containerStyle=u(() => {
-        this.N();
+        this.$();
         const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
@@ -1065,7 +1077,7 @@ var ue = class i {
             }
         }), c({
             read: () => {
-                this.N(), this.driver.$effect();
+                this.$(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.h?.$dispose(), this.driver?.$dispose();
@@ -1074,10 +1086,10 @@ var ue = class i {
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.S = L(this.data().length, e, this.cacheProp()), s = this.h = _(i, t);
+        const i = this.S = D(this.data().length, e, this.cacheProp()), s = this.h = _(i, t);
         this.driver = ((e, t) => {
             let i, s, r, n, o, l = k();
-            const a = /* @__PURE__ */ new WeakMap, c = ee(s => {
+            const a = /* @__PURE__ */ new WeakMap, c = Z(s => {
                 const r = [];
                 for (const {target: e, contentRect: {width: n, height: l}} of s) if (e === i) o && o(); else if (e.offsetParent) {
                     const i = a.get(e);
@@ -1095,7 +1107,7 @@ var ue = class i {
                     };
                     p.addEventListener("resize", g), c.i(m), r = () => {
                         p.removeEventListener("resize", g);
-                    }, s = te(e, p, m, t, d, null, f), l[1](!0);
+                    }, s = ee(e, p, m, t, d, null, f), l[1](!0);
                 },
                 $dispose() {
                     r && r(), c.l(), s && s.l(), l[1](!1), l = k();
@@ -1112,12 +1124,12 @@ var ue = class i {
                 $getBaseOffset: () => n()
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.N.set(s.$getStateVersion()), e && this.$.tick();
+            this.$.set(s.$getStateVersion()), e && this.N.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
-        }), this.N.set(s.$getStateVersion());
+        }), this.$.set(s.$getStateVersion());
     }
     get cache() {
         return this.S.$snapshot();
@@ -1138,7 +1150,7 @@ var ue = class i {
         return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.h, e, t);
+        ie(this.driver, this.h, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1234,7 +1246,7 @@ var ue = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ne),
+            type: e.forwardRef(() => re),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1249,7 +1261,7 @@ var ue = class i {
 
 i.OnPush;
 
-var pe = class t {
+var ue = class t {
     state=h.required();
     resizer=h.required();
     constructor() {
@@ -1306,7 +1318,7 @@ var pe = class t {
         },
         ngImport: e
     });
-}, me = class t {
+}, pe = class t {
     state=h.required();
     template=h.required();
     row=h.required();
@@ -1380,7 +1392,7 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => pe),
+            type: e.forwardRef(() => ue),
             selector: "div[virtuaGridCell]",
             inputs: [ "state", "resizer" ]
         }, {
@@ -1391,7 +1403,7 @@ var pe = class t {
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, de = class t {
+}, me = class t {
     state=h.required();
     template=h.required();
     rows=h.required();
@@ -1464,13 +1476,13 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => pe),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, he = class i {
+}, de = class i {
     rows=h.required();
     cols=h.required();
     rowHeight=h.required();
@@ -1496,128 +1508,144 @@ var pe = class t {
     F;
     driver;
     v=d(r).nativeElement;
-    $=d(t);
-    N=g(void 0);
+    N=d(t);
+    $=g(void 0);
     ariaRowCount=d(new n("aria-rowcount"), {
         optional: !0
     });
     ariaColCount=d(new n("aria-colcount"), {
         optional: !0
     });
-    rowCount=u(() => this.N() && this.I.$getItemsLength());
-    colCount=u(() => this.N() && this.P.$getItemsLength());
-    plan=u(() => (this.N(), ((e, t, i, s, r = z, n = z, o = z, l) => {
-        const a = e.$getLength(), c = t.$getLength(), u = e.$getPinnedStart(), p = e.$getTrailStart(), m = t.$getPinnedStart(), d = t.$getTrailStart(), h = I(i[0], u, p), f = $(i[1], p - 1), g = I(s[0], m, d), S = $(s[1], d - 1), y = B(r, u, p), v = b(m - 1, 0), w = [], N = [], R = [];
-        for (const e of o) e.rowIndex < a && e.colIndex < c && R.push(e);
-        const x = R.length, q = y.length, F = j(y, h, p), k = F < 0 ? -1 : y[F];
-        k >= 0 && w.push(k);
-        for (const e of n) {
-            const t = e.rowIndex, i = e.colIndex, s = X(e, a), r = Y(e, c);
-            if (t < a && i < c && (s - t > 1 || r - i > 1)) {
-                let n = (A(t, s, u, h, f, p) || k >= t && k < s) && A(i, r, m, g, S, d);
-                for (let e = 0; !n && e < x; e++) {
-                    const {rowIndex: o, colIndex: l} = R[e];
-                    n = o >= t && o < s && l >= i && l < r;
+    rowCount=u(() => this.$() && this.I.$getItemsLength());
+    colCount=u(() => this.$() && this.P.$getItemsLength());
+    k=u(() => this.q.$getSizes(this.rows(), this.rowHeight()));
+    C=u(() => this.F.$getSizes(this.cols(), this.colWidth()));
+    O=u(() => ((e = z) => {
+        const t = /* @__PURE__ */ new Map;
+        for (const i of e) {
+            const e = i.rowIndex + (i.rowSpan || 1);
+            for (let s = i.rowIndex; s < e; s++) {
+                const e = t.get(s);
+                e ? e.push(i) : t.set(s, [ i ]);
+            }
+        }
+        return t;
+    })(this.spans()));
+    plan=u(() => (this.$(), ((e, t, [i, s], [r, n], o, l = z, a = z, c) => {
+        const u = e.$getLength(), p = t.$getLength(), m = e.$getPinnedStart(), d = e.$getTrailStart(), h = t.$getPinnedStart(), f = t.$getTrailStart();
+        i = I(i, m, d), s = N(s, d - 1), r = I(r, h, f), n = N(n, f - 1);
+        const g = B(l, m, d), S = b(h - 1, 0), y = [], v = [], w = [];
+        for (const e of a) e.rowIndex < u && e.colIndex < p && (w.push(e), y.push(e.rowIndex));
+        const $ = w.length, R = A(g, i, d), x = R < 0 ? -1 : g[R];
+        x >= 0 && y.push(x);
+        const q = J(P(y), u, m, i, s, d);
+        for (let e = 0; e < q.length; e++) for (const t of o.get(q[e]) || z) {
+            const {rowIndex: o, colIndex: l} = t, a = Q(t, u), c = X(t, p);
+            if ((e < 1 || q[e - 1] < o) && l < p && (a - o > 1 || c - l > 1)) {
+                let e = (o < m || b(o, i) < N(a, s + 1) || d < a || x >= o && x < a) && (l < h || b(l, r) < N(c, n + 1) || f < c);
+                for (let t = 0; !e && t < $; t++) {
+                    const i = w[t];
+                    e = i.rowIndex >= o && i.rowIndex < a && i.colIndex >= l && i.colIndex < c;
                 }
-                n && R.push(e);
+                e && w.push(t);
             }
         }
-        for (const {rowIndex: e, colIndex: t} of R) {
-            const i = j(y, e, p);
-            w.push(e), i >= 0 && w.push(y[i]), N.push(t);
+        for (const {rowIndex: e, colIndex: t} of w) {
+            const i = A(g, e, d);
+            y.push(e), i >= 0 && y.push(g[i]), v.push(t);
         }
-        P(w), P(N);
-        const C = Q(w, a, u, h, f, p), O = Q(N, c, m, g, S, d), T = C.length, M = O.length, _ = /* @__PURE__ */ new Map, V = [], E = [];
-        for (const e of R) {
-            const t = X(e, a), i = Y(e, c);
-            V.push(t), E.push(i);
-            const s = O.indexOf(e.colIndex);
-            for (let r = C.indexOf(e.rowIndex); r < T && C[r] < t; r++) {
-                const t = C[r] * c;
-                for (let r = s; r < M && O[r] < i; r++) _.set(t + O[r], e);
+        P(y), P(v);
+        const F = J(y, u, m, i, s, d), k = J(v, p, h, r, n, f), C = F.length, O = k.length, T = /* @__PURE__ */ new Map, M = [], _ = [];
+        for (const e of w) {
+            const t = Q(e, u), i = X(e, p);
+            M.push(t), _.push(i);
+            const s = k.indexOf(e.colIndex);
+            for (let r = F.indexOf(e.rowIndex); r < C && F[r] < t; r++) {
+                const t = F[r] * p;
+                for (let r = s; r < O && k[r] < i; r++) T.set(t + k[r], e);
             }
         }
-        const L = [];
-        for (const e of O) L.push(!t.$isMeasurable(e) && null);
-        const D = [], K = e.$getItemOffset(u), G = [];
-        let W = G;
-        const J = H.get(e), ee = /* @__PURE__ */ new Map;
-        for (const i of C) {
-            const s = i < u, r = i >= p, n = j(y, i, p), o = s ? 0 : r ? p : n < 0 ? -1 : y[n];
-            if (i === o) {
-                const e = s ? u : r ? a : n + 1 < q ? y[n + 1] : p;
-                V.push(e);
+        const V = [];
+        for (const e of k) V.push(!t.$isMeasurable(e) && null);
+        const E = [], D = e.$getItemOffset(m), L = [];
+        let K = L;
+        const G = H.get(e), W = /* @__PURE__ */ new Map;
+        for (const o of F) {
+            const l = o < m, a = o >= d, y = A(g, o, d), v = l ? 0 : a ? d : y < 0 ? -1 : g[y];
+            if (o === v) {
+                const e = l ? m : a ? u : y + 1 < g.length ? g[y + 1] : d;
+                M.push(e);
                 const t = [];
-                G.push({
-                    $key: s ? -1 : r ? -2 : -3 - o,
+                L.push({
+                    $key: l ? -1 : a ? -2 : -3 - v,
                     $rows: t,
-                    $style: Z(o, e, s || r ? 0 : null, r ? "bottom" : "top", 4)
-                }), W = t;
-            } else o < 0 && (W = G);
-            const w = n >= 0 && i === o, z = s || r || i === k || i >= h && i <= f, $ = w ? K : null, N = i * c, R = J && J.get(i), I = R && R.$cells, P = [];
-            let x = 0, F = !e.$isMeasurable(i) && null, C = i + 1, T = !1;
-            for (let e = 0; e < M; e++) {
-                const r = O[e], n = r < m, o = r >= d, u = n || o || r >= g && r <= S, p = _.get(N + r);
-                if (p ? p.rowIndex === i && p.colIndex === r : z && u) {
-                    const u = p ? X(p, a) : i + 1, m = p ? Y(p, c) : r + 1, d = u - i, h = m - r, f = d > 1, g = h > 1, S = f || g;
-                    let y, z;
-                    C = b(C, u);
-                    const $ = n ? t.$getItemOffset(r) : null, N = o ? t.$getTotalSize() - t.$getItemOffset(m - 1) - t.$getItemSize(m - 1) : null;
-                    !1 !== F || f || (y = i, F = !0), !1 !== L[e] || g || (z = r, L[e] = !0);
-                    const R = s ? "columnheader" : r === v && (n || w) ? "rowheader" : "cell", q = S ? d : void 0, k = S ? h : void 0, O = "cell" !== R && l && l.rowIndex === i && l.colIndex === r ? l.order : void 0;
-                    let M;
+                    $style: U(v, e, l || a ? 0 : null, a ? "bottom" : "top", 4)
+                }), K = t;
+            } else v < 0 && (K = L);
+            const w = y >= 0 && o === v, z = l || a || o === x || o >= i && o <= s, N = w ? D : null, $ = o * p, R = G && G.get(o), I = R && R.$cells, P = [];
+            let q = 0, F = !e.$isMeasurable(o) && null, C = o + 1, _ = !1;
+            for (let e = 0; e < O; e++) {
+                const i = k[e], s = i < h, a = i >= f, m = s || a || i >= r && i <= n, d = T.get($ + i);
+                if (d ? d.rowIndex === o && d.colIndex === i : z && m) {
+                    const r = d ? Q(d, u) : o + 1, n = d ? X(d, p) : i + 1, m = r - o, h = n - i, f = m > 1, g = h > 1, y = f || g;
+                    let v, z;
+                    C = b(C, r);
+                    const N = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(n) : null;
+                    !1 !== F || f || (v = o, F = !0), !1 !== V[e] || g || (z = i, V[e] = !0);
+                    const R = l ? "columnheader" : i === S && (s || w) ? "rowheader" : "cell", x = y ? m : void 0, k = y ? h : void 0, O = "cell" !== R && c && c.rowIndex === o && c.colIndex === i ? c.order : void 0;
+                    let T;
                     if (I) {
                         const e = I.length;
-                        for (;x < e && I[x].$col < r; ) x++;
-                        x < e && I[x].$col === r && (M = I[x]);
+                        for (;q < e && I[q].$col < i; ) q++;
+                        q < e && I[q].$col === i && (T = I[q]);
                     }
-                    if (!M || M.$rowSpan !== q || M.$colSpan !== k || M.$start !== $ || M.$end !== N || M.$measureRow !== y || M.$measureCol !== z || M.$role !== R || M.$sort !== O) {
-                        let e = "1/l" + r;
-                        S && (e += "/l" + u + "/l" + m);
+                    if (!T || T.$rowSpan !== x || T.$colSpan !== k || T.$start !== N || T.$end !== $ || T.$measureRow !== v || T.$measureCol !== z || T.$role !== R || T.$sort !== O) {
+                        let e = "1/l" + i;
+                        y && (e += "/l" + r + "/l" + n);
                         const t = {
                             contain: "layout style",
                             display: "grid",
                             gridArea: e
                         };
                         f && (t.height = "0px", t.minHeight = "100%", t.zIndex = 1), g && (t.width = "0px", 
-                        t.minWidth = "100%"), (n || o) && (t[n ? "insetInlineStart" : "insetInlineEnd"] = (n ? $ : N) + "px", 
-                        t.position = "sticky", t.zIndex = 2), M = {
-                            $col: r,
-                            $rowSpan: q,
+                        t.minWidth = "100%"), (s || a) && (t[s ? "insetInlineStart" : "insetInlineEnd"] = (s ? N : $) + "px", 
+                        t.position = "sticky", t.zIndex = 2), T = {
+                            $col: i,
+                            $rowSpan: x,
                             $colSpan: k,
-                            $measureRow: y,
+                            $measureRow: v,
                             $measureCol: z,
                             $role: R,
                             $sort: O,
                             $style: t,
-                            $start: $,
-                            $end: N
-                        }, T = !0;
+                            $start: N,
+                            $end: $
+                        }, _ = !0;
                     }
-                    P.push(M);
+                    P.push(T);
                 }
             }
-            if (D.push(F), P.length) {
-                const e = R && !T && R.$cells.length === P.length && R.$top === $ ? R : {
-                    $row: i,
+            if (E.push(F), P.length) {
+                const e = R && !_ && R.$cells.length === P.length && R.$top === N ? R : {
+                    $row: o,
                     $cells: P,
-                    $style: Z(i, C, $, "top", 3),
-                    $top: $
+                    $style: U(o, C, N, "top", 3),
+                    $top: N
                 };
-                ee.set(i, e), W.push(e);
+                W.set(o, e), K.push(e);
             }
         }
-        return H.set(e, ee), {
-            $rowTemplate: U(e, C, D, P(V), "max-content", a),
-            $colTemplate: U(t, O, L, P(E), "minmax(max-content,auto)", c),
-            $groups: G
+        return H.set(e, W), {
+            $rowTemplate: Y(e, F, E, P(M), "max-content", u),
+            $colTemplate: Y(t, k, V, P(_), "minmax(max-content,auto)", p),
+            $groups: L
         };
-    })(this.q, this.F, this.I.$getRange(this.bufferSize()), this.P.$getRange(this.bufferSize()), this.sectionRows(), this.spans(), this.keepMounted(), this.ariaSort())));
+    })(this.q, this.F, this.I.$getRange(this.bufferSize()), this.P.$getRange(this.bufferSize()), this.O(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
     rowItem(e) {
         return K(this.rows(), e);
     }
     containerStyle=u(() => {
-        this.N();
+        this.$();
         const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.I.$getItemOffset(0), s = this.P.$getItemOffset(0);
         return {
             contain: "size style",
@@ -1635,9 +1663,11 @@ var pe = class t {
     });
     constructor() {
         m(() => {
-            const e = this.rows(), t = this.cols(), i = this.rowHeight(), s = this.colWidth(), r = this.headerRows(), n = this.footerRows(), o = this.headerCols(), l = this.footerCols();
-            this.I && S(() => {
-                W(this.I, this.q, e, i, r, n), W(this.P, this.F, t, s, o, l);
+            const e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), r = this.headerCols(), n = this.footerCols();
+            if (!this.I) return;
+            const o = this.k(), l = this.C();
+            S(() => {
+                W(this.I, this.q, e, o, i, s), W(this.P, this.F, t, l, r, n);
             });
         }), a({
             read: () => {
@@ -1645,7 +1675,7 @@ var pe = class t {
             }
         }), c({
             read: () => {
-                this.N(), this.driver.$effect();
+                this.$(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.I?.$dispose(), this.P?.$dispose(), this.driver?.$dispose();
@@ -1657,7 +1687,7 @@ var pe = class t {
         const t = this.gap(), i = this.q = G(this.rows(), this.rowHeight(), t), s = this.F = G(this.cols(), this.colWidth(), t), r = this.I = _(i), n = this.P = _(s);
         this.driver = ((e, t) => {
             let i, s, r, n = k();
-            const o = /* @__PURE__ */ new WeakMap, l = /* @__PURE__ */ new WeakMap, a = ee(s => {
+            const o = /* @__PURE__ */ new WeakMap, l = /* @__PURE__ */ new WeakMap, a = Z(s => {
                 const r = [], n = [];
                 for (const {target: a, contentRect: {width: c, height: u}} of s) if (a === i) (c || u) && (e.$update(4, u), 
                 t.$update(4, c)); else if (a.offsetParent) {
@@ -1673,7 +1703,7 @@ var pe = class t {
                 $observe(o) {
                     const l = i = o.parentElement;
                     a.i(l);
-                    const c = (e, t) => te(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
+                    const c = (e, t) => ee(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
                         const e = t ? "overflowX" : "overflowY", i = l.style, s = i[e];
                         i[e] = "hidden", x(() => {
                             i[e] = s;
@@ -1694,7 +1724,7 @@ var pe = class t {
             };
         })(r, n);
         const o = e => {
-            this.N.set(r.$getStateVersion() + n.$getStateVersion()), e && this.$.tick();
+            this.$.set(r.$getStateVersion() + n.$getStateVersion()), e && this.N.tick();
         };
         r.$subscribe(1, o), n.$subscribe(1, o);
         let l = !1;
@@ -1746,7 +1776,7 @@ var pe = class t {
     }
     scrollToIndex(e) {
         ((e, t, i, s, r, n = z, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
-            null != o && re(e, t, s, n, o, a, !1), null != l && re(e, i, r, z, l, c, !0);
+            null != o && se(e, t, s, n, o, a, !1), null != l && se(e, i, r, z, l, c, !0);
         })(this.driver, this.I, this.P, this.q, this.F, this.sectionRows(), e);
     }
     scrollTo({vertical: e, horizontal: t}) {
@@ -1915,12 +1945,12 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => de),
+            type: e.forwardRef(() => me),
             selector: "div[virtuaGridRowGroup]",
             inputs: [ "state", "template", "rows", "cols", "resizer" ]
         }, {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => pe),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
@@ -1930,5 +1960,5 @@ var pe = class t {
 
 i.OnPush, i.OnPush, i.OnPush;
 
-export { he as VGrid, ce as VList, ae as Virtualizer, ue as WindowVirtualizer };
+export { de as VGrid, ae as VList, le as Virtualizer, ce as WindowVirtualizer };
 //# sourceMappingURL=index.js.map