virtua 0.52.0 → 0.52.2

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: b, max: N, abs: $, floor: R} = Math, I = (e, t, i) => b(i, N(t, e)), P = e => e.sort((e, t) => e - t), x = setTimeout, q = clearTimeout, F = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+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 => {
     Promise.resolve().then(e);
 }, k = () => {
     let e;
@@ -12,8 +12,8 @@ var w, z = [], {min: b, max: N, abs: $, floor: R} = Math, I = (e, t, i) => b(i,
         e = t;
     }), e ];
 }, C = e => e.ownerDocument, O = e => e.defaultView, T = () => (null == w && (w = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $setItemSize: r, $isSizeEqual: n, $getTotalSize: o, $getLength: l, $setLength: a, $estimateDefaultSize: c}, u = 0) => {
-    let p = !!c, m = !!u, d = 1, h = 0, f = 0, g = 0, S = 0, y = 0, v = 0, w = 0, z = 0, R = null, I = [ 0, m ? N(u - 1, 0) : -1 ], P = 0, x = !1;
+w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $setItemSize: r, $isSizeEqual: n, $getTotalSize: o, $getLength: l, $setLength: a, $estimateDefaultSize: c}, u = 0) => {
+    let p = !!c, m = !!u, d = 1, h = 0, f = 0, g = 0, S = 0, y = 0, v = 0, w = 0, z = 0, R = null, I = [ 0, m ? b(u - 1, 0) : -1 ], P = 0, x = !1;
     const q = /* @__PURE__ */ new Set, F = () => g - f, k = () => F() + y + S, C = e => i(e) - y, O = e => {
         e && (T() && 0 !== w || R && 1 === z ? y += e : S += e);
     };
@@ -26,11 +26,11 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             if (!x || m) return I;
             let i, s;
             if (v) [i, s] = I; else {
-                let r = N(0, k()), n = r + h;
-                p || (t = N(0, t), 1 !== w && (r -= t), 2 !== w && (n += t)), [i, s] = I = e(N(0, r), N(0, n)), 
-                R && (i = b(i, R[0]), s = N(s, R[1]));
+                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]));
             }
-            return [ N(i, 0), b(s, l() - 1) ];
+            return [ b(i, 0), $(s, l() - 1) ];
         },
         $findItemIndex: e => t(e - f),
         $isUnmeasuredItem: n,
@@ -50,22 +50,22 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             };
         },
         $update: (i, l) => {
-            let u, b, N = 0;
+            let u, $, b = 0;
             switch (i) {
               case 1:
                 {
                     if (l === g && 0 === z) break;
                     const e = v;
                     v = 0;
-                    const t = l - g, i = $(t);
-                    e && i < $(e) + 1 || 0 !== z || (w = t < 0 ? 2 : 1), m && (m = !1), g = l, N = 4;
+                    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 s = F();
-                    s >= -h && s <= o() && (N += 1, b = i > h);
+                    s >= -h && s <= o() && (b += 1, $ = i > h);
                     break;
                 }
 
               case 2:
-                N = 8, 0 !== w && (u = !0, N += 1), w = 0, z = 0, R = null;
+                b = 8, 0 !== w && (u = !0, b += 1), w = 0, z = 0, R = null;
                 break;
 
               case 3:
@@ -84,16 +84,16 @@ w), M = e => N(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), N = 3, b = !0;
+                    p && h && P > h && (O(c(t(k()))), p = !1), b = 3, $ = !0;
                     break;
                 }
 
               case 4:
-                h !== l && (h || (x = b = !0), h = l, N = 3);
+                h !== l && (h || (x = $ = !0), h = l, b = 3);
                 break;
 
               case 5:
-                l[1] ? (O(a(l[0], !0)), z = 2, N = 1) : (a(l[0]), N = 1);
+                l[1] ? (O(a(l[0], !0)), z = 2, b = 1) : (a(l[0]), b = 1);
                 break;
 
               case 6:
@@ -105,14 +105,14 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 break;
 
               case 9:
-                O(l), N = 3;
+                O(l), b = 3;
                 break;
 
               case 8:
-                R = e(l, l + h), N = 1;
+                R = e(l, l + h), b = 1;
             }
-            N && (d = 1 + (2147483647 & d), u && y && (S += y, y = 0), q.forEach(([e, t]) => {
-                N & e && t(b);
+            b && (d = 1 + (2147483647 & d), u && y && (S += y, y = 0), q.forEach(([e, t]) => {
+                b & e && t($);
             }));
         }
     };
@@ -129,7 +129,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     return e;
 }, L = (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, b(e, o.length)), N(0, e - o.length)) : E([], e), a = E([], e + 1), c = e => {
+    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 t = l[e];
         return -1 === t ? s : t;
     }, u = t => {
@@ -143,7 +143,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     return {
         $getRange: (t, i) => {
             let s, r;
-            return n = b(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), 
+            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 ];
         },
         $findIndex: t => V(u, e, t),
@@ -151,14 +151,14 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         $getItemSize: c,
         $setItemSize: (e, t) => {
             const i = -1 === l[e];
-            return l[e] = t, r = b(e, r), i;
+            return l[e] = t, r = $(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 : b(t - 1, r), e = t, n > 0 ? (E(a, n), E(l, n, i), s * n) : (a.splice(n), 
+            return r = i ? -1 : $(t - 1, r), e = t, n > 0 ? (E(a, n), E(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 => {
@@ -168,18 +168,25 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 -1 !== s && (s && i.push(s), r < e && t++);
             }), r = -1, P(i);
             const n = i.length, o = n / 2 | 0, a = n % 2 == 0 ? (i[o - 1] + i[o]) / 2 : i[o], c = s;
-            return ((s = a) - c) * N(e - t, 0);
+            return ((s = a) - c) * b(e - t, 0);
         },
         $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 n = e => r + i ? I(R(e / (r + i)), 0, s - 1) : 0;
+        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) => [ n(e), n(t) ],
-            $findIndex: n,
-            $getItemOffset: e => e * (r + i),
+            $getRange: (e, t) => a(p, u, s, e, t),
+            $findIndex: c,
+            $getItemOffset: u,
             $getItemSize: () => r,
             $setItemSize: () => !1,
             $isSizeEqual: () => !1,
@@ -187,53 +194,59 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             $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 = n(i) * (t - r);
+                const s = c(i) * (t - r);
                 return r = t, s;
             }
         };
     }
-    const s = "auto" === t;
-    let r, n = t;
-    const o = D(e), l = [], a = L(o, void 0, [ [], 40 + i ]), c = e => s || !!l[e], u = {
-        $getRange: a.$getRange,
-        $findIndex: a.$findIndex,
-        $getItemOffset: a.$getItemOffset,
-        $getItemSize: e => a.$getItemSize(e) - i,
-        $setItemSize: (e, t) => c(e) && a.$setItemSize(e, t + i),
-        $isSizeEqual: (e, t) => a.$isSizeEqual(e, t + i),
-        $getTotalSize: () => a.$getLength() ? a.$getTotalSize() - i : 0,
-        $getLength: a.$getLength,
-        $setLength: a.$setLength,
-        $estimateDefaultSize: s ? a.$estimateDefaultSize : void 0,
-        $isMeasurable: c,
-        $setAxis: (e, t, o, c) => {
-            if (s) return;
-            const u = "number" == typeof t || "auto" === t ? n : t, p = a.$getLength();
-            if (!c && e === r && u === n && p === l.length) return;
-            r = e, n = u, l.length = p;
-            const m = a.$findIndex(o), d = a.$getItemOffset(m);
-            let h;
-            for (let t = 0; t < p; t++) {
-                const s = e[t], r = null !== s && "object" == typeof s ? s[u] : null, n = "number" != typeof r;
-                if (!n || !l[t]) {
-                    l[t] = n;
-                    const e = n ? -1 : r + i;
-                    a.$isSizeEqual(t, e) || (a.$setItemSize(t, e), h = !0);
+    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);
                 }
             }
-            return h ? a.$getItemOffset(m) - d : void 0;
+            return m ? h.$getItemOffset(l) - a : void 0;
         }
     };
-    return u.$setAxis(e, t, 0), u;
-}, W = (e, t, i, s, r) => {
-    const n = D(i);
-    n !== e.$getItemsLength() && e.$update(5, [ n ]);
-    const o = t.$setAxis(i, s, e.$getScrollOffset() - e.$getItemOffset(0), r);
-    null != o && e.$update(9, o);
+    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, o) => {
-    if (t < s || N(t, r) < b(i, n + 1) || o < i) return !0;
+    if (t < s || b(t, r) < $(i, n + 1) || o < i) return !0;
     for (const s of e) if (s >= t && s < i) return !0;
     return !1;
 }, B = (e, t, i) => {
@@ -251,41 +264,38 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
 }, J = (e, t, i, s) => {
     const r = j(t, i, s);
     r >= 0 && e.push(t[r]);
-}, Q = (e, t, i, s, r, n) => {
+}, Q = (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;
+}, X = (e, t, i, s, r, n) => {
     const o = [];
     for (let e = 0; e < i; e++) o.push(e);
-    const l = e.length;
-    let a = 0, c = i - 1;
-    for (;a < l && e[a] < s; a++) {
-        const t = e[a];
-        t > c && (o.push(t), c = t);
-    }
+    const l = Q(o, e, 0, s, i - 1);
     for (let e = s; e <= r; e++) o.push(e);
-    for (c = r; a < l && e[a] < n; a++) {
-        const t = e[a];
-        t > c && (o.push(t), c = t);
-    }
+    Q(o, e, l, n, r);
     for (let e = n; e < t; e++) o.push(e);
     return o;
-}, X = (e, t) => b(e.rowIndex + (e.rowSpan || 1), t), Y = (e, t) => b(e.colIndex + (e.colSpan || 1), t), U = (e, t, i, s, r, n) => {
+}, Y = (e, t) => $(e.rowIndex + (e.rowSpan || 1), t), U = (e, t) => $(e.colIndex + (e.colSpan || 1), t), Z = (e, t, i, s, r, n) => {
     const o = t.length, l = s.length;
     let a = "[l0]", c = 0, u = 0, p = 0;
-    for (;u < o || p < l; ) {
-        const m = u < o ? t[u] : n, d = p < l ? s[p] : n;
-        if (d <= c) p++; else {
-            let t, s;
-            if (m === c) {
-                t = c + 1;
-                const n = i[u];
-                s = null == n ? e.$getItemSize(c) + "px" : n ? r : "minmax(" + e.$getItemSize(c) + "px,auto)", 
-                u++;
-            } else t = b(m, d), s = "minmax(" + (e.$getItemOffset(t - 1) + e.$getItemSize(t - 1) - e.$getItemOffset(c)) + "px,auto)";
-            a += " " + s + " [l" + t + "]", c = t;
-        }
+    for (;c < n; ) {
+        for (;p < l && s[p] <= c; ) p++;
+        const m = u < o ? t[u] : n;
+        let d, h;
+        if (m === c) {
+            d = c + 1;
+            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)";
+        a += " " + h + " [l" + d + "]", c = d;
     }
-    return c < n && (a += " minmax(" + (e.$getTotalSize() - e.$getItemOffset(c)) + "px,auto) [l" + n + "]"), 
-    a;
-}, Z = (e, t, i, s, r) => {
+    return a;
+}, ee = (e, t, i, s, r) => {
     const n = {
         display: "grid",
         gridTemplateRows: "subgrid",
@@ -294,7 +304,7 @@ w), M = e => N(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 => {
+}, te = e => {
     let t;
     return {
         i(i) {
@@ -307,7 +317,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             t && t.disconnect();
         }
     };
-}, te = (e, t, i, s, r, n, o) => {
+}, ie = (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({
@@ -319,26 +329,26 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         m = !1, e.$update(2);
     }, z = () => {
         q(a), a = x(w, 150);
-    }, b = () => {
+    }, $ = () => {
         c = h(), m && (d = !0), o && e.$update(6, o()), e.$update(1, y()), z();
-    }, N = t => {
+    }, 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", b), t.addEventListener("wheel", N, {
+    return t.addEventListener("scroll", $), t.addEventListener("wheel", b, {
         passive: !0
-    }), t.addEventListener("touchstart", $, {
+    }), t.addEventListener("touchstart", N, {
         passive: !0
     }), t.addEventListener("touchend", R, {
         passive: !0
     }), {
         l: () => {
-            t.removeEventListener("scroll", b), t.removeEventListener("wheel", N), t.removeEventListener("touchstart", $), 
+            t.removeEventListener("scroll", $), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", N), 
             t.removeEventListener("touchend", R), q(a);
         },
         u: () => {
@@ -376,9 +386,9 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             i ? (e.$update(8, t()), F(c)) : c();
         }
     };
-}, ie = (e, t) => {
+}, se = (e, t) => {
     e.$scroll(() => t);
-}, se = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
+}, re = (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 {
@@ -387,28 +397,28 @@ w), M = e => N(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, l) => {
-    const a = t.$getItemsLength(), c = b(i, a), u = N(a - r, c);
-    n = I(n, 0, a - 1);
-    const p = B(s, c, u), m = j(p, n, u), d = m < 0 ? -1 : p[m], h = () => [ t.$getItemOffset(c) - t.$getItemOffset(0) + (d < 0 || d === n ? 0 : t.$getItemOffset(d + 1) - t.$getItemOffset(d)), t.$getItemOffset(a) - t.$getItemOffset(u) ];
-    if ("nearest" === o) {
-        if (n < c || n >= u) return;
-        const [e, i] = h(), s = t.$getScrollOffset(), r = t.$getItemSize(n);
-        let l = t.$getItemOffset(n);
-        if (d === n) {
-            const i = (m + 1 < p.length ? p[m + 1] : u) - 1;
-            l = N(l, b(s + e, t.$getItemOffset(i) + t.$getItemSize(i) - r));
+}, ne = (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 : t.$getItemOffset(m + 1) - t.$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));
         }
-        if (l < s + e) o = "start"; else {
-            if (!(l + r > s + t.$getViewportSize() - i)) return;
-            o = "end";
+        if (l < i) n = "start"; else {
+            if (!(l + o > i + s)) return;
+            n = "end";
         }
     }
-    e.$scroll(l, () => {
-        const [e, i] = h(), s = t.$getItemSize(n) - t.$getViewportSize();
-        return t.$getItemOffset(n) + ("end" === o ? s + i : "center" === o ? (s + i - e) / 2 : -e);
+    e.$scroll(o, () => {
+        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 {
+}, oe = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
@@ -520,9 +530,9 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         ngImport: e
     });
-}, oe = (e, t) => "_" + t, le = /*#__PURE__*/ new o("virtua-item-template"), ae = class i {
+}, le = (e, t) => "_" + t, ae = /*#__PURE__*/ new o("virtua-item-template"), ce = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     itemProps=h();
     bufferSize=h();
     scrollRef=h();
@@ -538,7 +548,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     scrolled=f();
     scrollEnded=f();
     contentTemplate=p(l);
-    m=d(le, {
+    m=d(ae, {
         optional: !0
     });
     template=u(() => this.m?.() ?? this.contentTemplate());
@@ -546,11 +556,11 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     S;
     driver;
     v=d(r).nativeElement;
-    N=d(t);
-    $=g(void 0);
+    $=d(t);
+    N=g(void 0);
     isSSR=g(!1);
     R=u(() => {
-        this.$();
+        this.N();
         const e = this.data().length, [t, i] = this.h.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
         if (s) {
             const n = new Set(s);
@@ -560,7 +570,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return r;
     });
     items=u(() => {
-        this.$();
+        this.N();
         const e = this.h, t = this.data(), i = this.getKey(), s = this.itemProps();
         return this.R().map(r => {
             const n = t[r];
@@ -578,7 +588,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         });
     });
     containerStyle=u(() => {
-        this.$();
+        this.N();
         const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
@@ -604,7 +614,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             }
         }), c({
             read: () => {
-                this.$(), this.driver.$effect();
+                this.N(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.h?.$dispose(), this.driver?.$dispose();
@@ -616,7 +626,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         const i = this.S = L(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 = te(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);
@@ -626,7 +636,7 @@ w), M = e => N(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 = ie(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;
@@ -648,12 +658,12 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 $getBaseOffset: e.$getStartSpacerSize
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.$.set(s.$getStateVersion()), e && this.N.tick();
+            this.N.set(s.$getStateVersion()), e && this.$.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
-        }), this.$.set(s.$getStateVersion());
+        }), this.N.set(s.$getStateVersion());
     }
     get cache() {
         return this.S.$snapshot();
@@ -677,14 +687,14 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.h, e, t);
+        re(this.driver, this.h, e, t);
     }
     scrollTo(e) {
-        ie(this.driver, e);
+        se(this.driver, e);
     }
     scrollBy(e) {
         ((e, t, i) => {
-            ie(e, i + t.$getScrollOffset());
+            se(e, i + t.$getScrollOffset());
         })(this.driver, this.h, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
@@ -809,7 +819,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ne),
+            type: e.forwardRef(() => oe),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -824,9 +834,9 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
 
 i.OnPush;
 
-var ce = class t {
+var ue = class t {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     itemProps=h();
     bufferSize=h();
     itemSize=h();
@@ -840,7 +850,7 @@ var ce = class t {
     scrolled=f();
     scrollEnded=f();
     template=p.required(l);
-    virtualizer=y.required(ae);
+    virtualizer=y.required(ce);
     v=d(r).nativeElement;
     ngOnInit() {
         const e = this.horizontal(), t = this.v;
@@ -977,7 +987,7 @@ var ce = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: ae,
+            predicate: ce,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -987,13 +997,13 @@ var ce = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ae),
+            type: e.forwardRef(() => ce),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scrolled", "scrollEnded" ]
         } ],
         viewProviders: [ {
-            provide: le,
+            provide: ae,
             useFactory: () => d(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -1002,9 +1012,9 @@ var ce = class t {
 
 i.OnPush;
 
-var ue = class i {
+var pe = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     bufferSize=h();
     itemSize=h();
     ssrCount=h();
@@ -1020,11 +1030,11 @@ var ue = class i {
     S;
     driver;
     v=d(r).nativeElement;
-    N=d(t);
-    $=g(void 0);
+    $=d(t);
+    N=g(void 0);
     isSSR=g(!1);
     items=u(() => {
-        this.$();
+        this.N();
         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];
@@ -1039,7 +1049,7 @@ var ue = class i {
         return n;
     });
     containerStyle=u(() => {
-        this.$();
+        this.N();
         const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
@@ -1062,7 +1072,7 @@ var ue = class i {
             }
         }), c({
             read: () => {
-                this.$(), this.driver.$effect();
+                this.N(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.h?.$dispose(), this.driver?.$dispose();
@@ -1074,7 +1084,7 @@ var ue = class i {
         const i = this.S = L(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 = te(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);
@@ -1092,7 +1102,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 = ie(e, p, m, t, d, null, f), l[1](!0);
                 },
                 $dispose() {
                     r && r(), c.l(), s && s.l(), l[1](!1), l = k();
@@ -1109,12 +1119,12 @@ var ue = class i {
                 $getBaseOffset: () => n()
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.$.set(s.$getStateVersion()), e && this.N.tick();
+            this.N.set(s.$getStateVersion()), e && this.$.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
-        }), this.$.set(s.$getStateVersion());
+        }), this.N.set(s.$getStateVersion());
     }
     get cache() {
         return this.S.$snapshot();
@@ -1135,7 +1145,7 @@ var ue = class i {
         return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.h, e, t);
+        re(this.driver, this.h, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1231,7 +1241,7 @@ var ue = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ne),
+            type: e.forwardRef(() => oe),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1246,7 +1256,7 @@ var ue = class i {
 
 i.OnPush;
 
-var pe = class t {
+var me = class t {
     state=h.required();
     resizer=h.required();
     constructor() {
@@ -1303,7 +1313,7 @@ var pe = class t {
         },
         ngImport: e
     });
-}, me = class t {
+}, de = class t {
     state=h.required();
     template=h.required();
     row=h.required();
@@ -1377,7 +1387,7 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => pe),
+            type: e.forwardRef(() => me),
             selector: "div[virtuaGridCell]",
             inputs: [ "state", "resizer" ]
         }, {
@@ -1388,7 +1398,7 @@ var pe = class t {
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, de = class t {
+}, he = class t {
     state=h.required();
     template=h.required();
     rows=h.required();
@@ -1461,13 +1471,13 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => de),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, he = class i {
+}, fe = class i {
     rows=h.required();
     cols=h.required();
     rowHeight=h.required();
@@ -1493,124 +1503,132 @@ var pe = class t {
     F;
     driver;
     v=d(r).nativeElement;
-    N=d(t);
-    $=g(void 0);
+    $=d(t);
+    N=g(void 0);
     ariaRowCount=d(new n("aria-rowcount"), {
         optional: !0
     });
     ariaColCount=d(new n("aria-colcount"), {
         optional: !0
     });
-    rowCount=u(() => this.$() && this.I.$getItemsLength());
-    colCount=u(() => this.$() && this.P.$getItemsLength());
-    plan=u(() => (this.$(), ((e, t, i, s, r = 0, n = z, o = 0, l = 0, a = 0, c = z, u = z, p) => {
-        const m = e.$getLength(), d = t.$getLength(), h = b(r, m), f = N(m - o, h), g = b(l, d), S = N(d - a, g), y = I(i[0], h, f), v = b(i[1], f - 1), w = I(s[0], g, S), $ = b(s[1], S - 1), R = B(n, h, f), x = N(g - 1, 0), q = [], F = [], k = [];
-        for (const e of u) e.rowIndex < m && e.colIndex < d && k.push(e);
-        const C = R.length;
-        C && (J(q, R, y, f), F.push(x));
-        let O = c, T = 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 = y.length;
+        x && (J(w, y, h, p), N.push(v));
+        let q = n, F = 0;
         do {
-            for (;T < k.length; T++) {
-                const {rowIndex: e, colIndex: t} = k[T];
-                q.push(e), J(q, R, e, f), F.push(t);
+            for (;F < R.length; F++) {
+                const {rowIndex: e, colIndex: t} = R[F];
+                w.push(e), J(w, y, e, p), N.push(t);
             }
             const e = [];
-            for (const t of O) {
-                const i = t.rowIndex, s = t.colIndex, r = X(t, m), n = Y(t, d);
-                if (i < m && s < d && (r - i > 1 || n - s > 1)) if (A(q, i, r, h, y, v, f)) if (A(F, s, n, g, w, $, S)) k.push(t); else {
-                    const s = j(R, r - 1, f);
-                    (i < h || s >= 0 && R[s] >= i) && e.push(t);
-                } else s < g && e.push(t);
+            for (const t of q) {
+                const i = t.rowIndex, s = t.colIndex, r = Y(t, a), n = U(t, c);
+                if (i < a && s < c && (r - i > 1 || n - s > 1)) {
+                    const o = A(w, i, r, u, h, f, p);
+                    if (o && A(N, s, n, m, g, S, d)) R.push(t); else if (o) {
+                        const s = j(y, r - 1, p);
+                        (i < u || s >= 0 && y[s] >= i) && e.push(t);
+                    } else s < m && e.push(t);
+                }
             }
-            O = e;
-        } while (T < k.length);
-        P(q), P(F);
-        const M = Q(q, m, h, y, v, f), _ = Q(F, d, g, w, $, S), V = M.length, E = _.length, L = /* @__PURE__ */ new Map, D = [], K = [];
-        for (const e of k) {
-            const t = X(e, m), i = Y(e, d);
-            D.push(t), K.push(i);
-            const s = _.indexOf(e.colIndex);
-            for (let r = M.indexOf(e.rowIndex); r < V && M[r] < t; r++) {
-                const t = M[r] * d;
-                for (let r = s; r < E && _[r] < i; r++) L.set(t + _[r], e);
+            q = e;
+        } while (F < R.length);
+        P(w), P(N);
+        const k = X(w, a, u, h, f, p), C = X(N, c, m, g, S, d), O = k.length, T = C.length, M = /* @__PURE__ */ new Map, _ = [], V = [];
+        for (const e of R) {
+            const t = Y(e, a), i = U(e, c);
+            _.push(t), V.push(i);
+            const s = C.indexOf(e.colIndex);
+            for (let r = k.indexOf(e.rowIndex); r < O && k[r] < t; r++) {
+                const t = k[r] * c;
+                for (let r = s; r < T && C[r] < i; r++) M.set(t + C[r], e);
             }
         }
-        const G = [];
-        for (const e of _) G.push(!t.$isMeasurable(e) && null);
-        const W = [], ee = e.$getItemOffset(h), te = [];
-        let ie = te;
-        const se = H.get(e), re = /* @__PURE__ */ new Map;
-        for (const i of M) {
-            const s = i < h, r = i >= f, n = r || i >= y && i <= v, o = j(R, i, f), l = s ? 0 : r ? f : o < 0 ? -1 : R[o];
-            if (i === l) {
-                const e = s ? h : r ? m : o + 1 < C ? R[o + 1] : f;
-                D.push(e);
+        const E = [];
+        for (const e of C) E.push(!t.$isMeasurable(e) && null);
+        const L = [], D = e.$getItemOffset(u), K = [];
+        let G = K;
+        const W = H.get(e), Q = /* @__PURE__ */ new Map;
+        for (const i of k) {
+            const s = i < u, r = i >= p, n = r || i >= h && i <= f, o = j(y, i, p), w = s ? 0 : r ? p : o < 0 ? -1 : y[o];
+            if (i === w) {
+                const e = s ? u : r ? a : o + 1 < x ? y[o + 1] : p;
+                _.push(e);
                 const t = [];
-                te.push({
-                    $key: s ? -1 : r ? -2 : -3 - l,
+                K.push({
+                    $key: s ? -1 : r ? -2 : -3 - w,
                     $rows: t,
-                    $style: Z(l, e, s || r ? 0 : null, r ? "bottom" : "top", 4)
-                }), ie = t;
-            } else l < 0 && (ie = te);
-            const a = o >= 0 && i === l, c = a ? ee : null, u = i * d, z = se && se.get(i), b = z && z.$cells, I = [];
-            let P = 0, q = !e.$isMeasurable(i) && null, F = i + 1, k = !1;
-            for (let e = 0; e < E; e++) {
-                const r = _[e], o = r < g, l = r >= S, c = l || r >= w && r <= $, h = L.get(u + r);
-                if (h ? h.rowIndex !== i || h.colIndex !== r : !(n && c || s || a || o)) continue;
-                const f = h ? X(h, m) : i + 1, y = h ? Y(h, d) : r + 1, v = f - i > 1, z = y - r > 1, R = v || z, C = R ? f - i : void 0, O = R ? y - r : void 0;
-                let T, M;
-                F = N(F, f);
-                const V = o ? t.$getItemOffset(r) : null, E = l ? t.$getTotalSize() - t.$getItemOffset(y - 1) - t.$getItemSize(y - 1) : null;
-                !1 !== q || v || (T = i, q = !0), !1 !== G[e] || z || (M = r, G[e] = !0);
-                const D = s ? "columnheader" : r === x && (o || a) ? "rowheader" : "cell", K = "cell" !== D && p && p.rowIndex === i && p.colIndex === r ? p.order : void 0;
-                let W;
-                if (b) {
-                    for (;P < b.length && b[P].$col < r; ) P++;
-                    P < b.length && (W = b[P]);
-                }
-                if (!W || W.$col !== r || W.$rowSpan !== C || W.$colSpan !== O || W.$start !== V || W.$end !== E || W.$measureRow !== T || W.$measureCol !== M || W.$role !== D || W.$sort !== K) {
-                    const e = {
-                        contain: "layout style",
-                        display: "grid",
-                        gridArea: R ? "1/l" + r + "/l" + f + "/l" + y : "1/l" + r
-                    };
-                    v && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), z && (e.width = "0px", 
-                    e.minWidth = "100%"), (o || l) && (o ? e.insetInlineStart = V + "px" : e.insetInlineEnd = E + "px", 
-                    e.position = "sticky", e.zIndex = 2), W = {
-                        $col: r,
-                        $rowSpan: C,
-                        $colSpan: O,
-                        $measureRow: T,
-                        $measureCol: M,
-                        $role: D,
-                        $sort: K,
-                        $style: e,
-                        $start: V,
-                        $end: E
-                    }, k = !0;
+                    $style: ee(w, e, s || r ? 0 : null, r ? "bottom" : "top", 4)
+                }), G = t;
+            } else w < 0 && (G = K);
+            const z = o >= 0 && i === w, $ = z ? D : null, N = i * c, R = W && W.get(i), I = R && R.$cells, P = [];
+            let q = 0, F = !e.$isMeasurable(i) && null, k = i + 1, O = !1;
+            for (let e = 0; e < T; e++) {
+                const r = C[e], o = r < m, u = r >= d, p = u || r >= g && r <= S, h = M.get(N + r);
+                if (h ? h.rowIndex === i && h.colIndex === r : n && p || s || z || o) {
+                    const n = h ? Y(h, a) : i + 1, p = h ? U(h, c) : r + 1, m = n - i, d = p - r, f = m > 1, g = d > 1, S = f || g;
+                    let y, w;
+                    k = b(k, n);
+                    const $ = o ? t.$getItemOffset(r) : null, N = u ? t.$getTotalSize() - t.$getItemOffset(p - 1) - t.$getItemSize(p - 1) : null;
+                    !1 !== F || f || (y = i, F = !0), !1 !== E[e] || g || (w = r, E[e] = !0);
+                    const R = s ? "columnheader" : r === v && (o || z) ? "rowheader" : "cell", x = S ? m : void 0, C = S ? d : void 0, T = "cell" !== R && l && l.rowIndex === i && l.colIndex === r ? l.order : void 0;
+                    let M;
+                    if (I) {
+                        const e = I.length;
+                        for (;q < e && I[q].$col < r; ) q++;
+                        q < e && I[q].$col === r && (M = I[q]);
+                    }
+                    if (!M || M.$rowSpan !== x || M.$colSpan !== C || M.$start !== $ || M.$end !== N || M.$measureRow !== y || M.$measureCol !== w || M.$role !== R || M.$sort !== T) {
+                        let e = "1/l" + r;
+                        S && (e += "/l" + n + "/l" + p);
+                        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%"), (o || u) && (t[o ? "insetInlineStart" : "insetInlineEnd"] = (o ? $ : N) + "px", 
+                        t.position = "sticky", t.zIndex = 2), M = {
+                            $col: r,
+                            $rowSpan: x,
+                            $colSpan: C,
+                            $measureRow: y,
+                            $measureCol: w,
+                            $role: R,
+                            $sort: T,
+                            $style: t,
+                            $start: $,
+                            $end: N
+                        }, O = !0;
+                    }
+                    P.push(M);
                 }
-                I.push(W);
             }
-            if (W.push(q), !I.length) continue;
-            const O = z && !k && z.$cells.length === I.length && z.$top === c ? z : {
-                $row: i,
-                $cells: I,
-                $style: Z(i, F, c, "top", 3),
-                $top: c
-            };
-            re.set(i, O), ie.push(O);
+            if (L.push(F), P.length) {
+                const e = R && !O && R.$cells.length === P.length && R.$top === $ ? R : {
+                    $row: i,
+                    $cells: P,
+                    $style: ee(i, k, $, "top", 3),
+                    $top: $
+                };
+                Q.set(i, e), G.push(e);
+            }
         }
-        return H.set(e, re), {
-            $rowTemplate: U(e, M, W, P(D), "max-content", m),
-            $colTemplate: U(t, _, G, P(K), "minmax(max-content,auto)", d),
-            $groups: te
+        return H.set(e, Q), {
+            $rowTemplate: Z(e, k, L, P(_), "max-content", a),
+            $colTemplate: Z(t, C, E, P(V), "minmax(max-content,auto)", c),
+            $groups: K
         };
-    })(this.q, this.F, this.I.$getRange(this.bufferSize()), this.P.$getRange(this.bufferSize()), this.headerRows(), this.sectionRows(), this.footerRows(), this.headerCols(), this.footerCols(), this.spans(), this.keepMounted(), this.ariaSort())));
+    })(this.q, this.F, this.I.$getRange(this.bufferSize()), this.P.$getRange(this.bufferSize()), this.sectionRows(), this.spans(), this.keepMounted(), this.ariaSort())));
     rowItem(e) {
         return K(this.rows(), e);
     }
     containerStyle=u(() => {
-        this.$();
+        this.N();
         const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.I.$getItemOffset(0), s = this.P.$getItemOffset(0);
         return {
             contain: "size style",
@@ -1628,9 +1646,9 @@ var pe = class t {
     });
     constructor() {
         m(() => {
-            const e = this.rows(), t = this.cols(), i = this.rowHeight(), s = this.colWidth();
+            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), W(this.P, this.F, t, s);
+                W(this.I, this.q, e, i, r, n), W(this.P, this.F, t, s, o, l);
             });
         }), a({
             read: () => {
@@ -1638,7 +1656,7 @@ var pe = class t {
             }
         }), c({
             read: () => {
-                this.$(), this.driver.$effect();
+                this.N(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.I?.$dispose(), this.P?.$dispose(), this.driver?.$dispose();
@@ -1650,7 +1668,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 = te(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) {
@@ -1666,7 +1684,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) => ie(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;
@@ -1687,7 +1705,7 @@ var pe = class t {
             };
         })(r, n);
         const o = e => {
-            this.$.set(r.$getStateVersion() + n.$getStateVersion()), e && this.N.tick();
+            this.N.set(r.$getStateVersion() + n.$getStateVersion()), e && this.$.tick();
         };
         r.$subscribe(1, o), n.$subscribe(1, o);
         let l = !1;
@@ -1738,9 +1756,9 @@ var pe = class t {
         return this.P.$getItemSize(e);
     }
     scrollToIndex(e) {
-        ((e, t, i, s = 0, r = z, n = 0, o = 0, l = 0, {rowIndex: a, colIndex: c, rowAlign: u, colAlign: p}) => {
-            null != a && re(e, t, s, r, n, a, u, !1), null != c && re(e, i, o, z, l, c, p, !0);
-        })(this.driver, this.I, this.P, this.headerRows(), this.sectionRows(), this.footerRows(), this.headerCols(), this.footerCols(), e);
+        ((e, t, i, s, r, n = z, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
+            null != o && ne(e, t, s, n, o, a, !1), null != l && ne(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}) {
         ((e, t, i) => {
@@ -1908,12 +1926,12 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => de),
+            type: e.forwardRef(() => he),
             selector: "div[virtuaGridRowGroup]",
             inputs: [ "state", "template", "rows", "cols", "resizer" ]
         }, {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => de),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
@@ -1923,5 +1941,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 { fe as VGrid, ue as VList, ce as Virtualizer, pe as WindowVirtualizer };
 //# sourceMappingURL=index.js.map