virtua 0.52.1 → 0.52.3

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,56 +194,58 @@ 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);
-}, 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;
-    for (const s of e) if (s >= t && s < i) return !0;
-    return !1;
-}, B = (e, t, i) => {
+    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) => {
     const s = [];
     for (const r of e) r >= t && r < i && s.push(r);
     return P(s);
@@ -248,43 +257,37 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         e[i] <= t ? s = i + 1 : r = i;
     }
     return s - 1;
-}, J = (e, t, i, s) => {
-    const r = j(t, i, s);
-    r >= 0 && e.push(t[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) => {
     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 = J(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);
-    }
+    J(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) => {
+}, 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) => {
     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;
+    return a;
 }, Z = (e, t, i, s, r) => {
     const n = {
         display: "grid",
@@ -319,26 +322,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: () => {
@@ -387,26 +390,26 @@ 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));
+}, re = (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);
+    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 {
     index=h.required();
@@ -546,11 +549,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 +563,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 +581,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 +607,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();
@@ -648,12 +651,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();
@@ -1020,11 +1023,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 +1042,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 +1065,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();
@@ -1109,12 +1112,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();
@@ -1493,126 +1496,128 @@ 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;
-        do {
-            for (;T < k.length; T++) {
-                const {rowIndex: e, colIndex: t} = k[T];
-                q.push(e), J(q, R, e, f), F.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);
+    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;
+                }
+                n && R.push(e);
             }
-            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);
+        }
+        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);
+        }
+        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);
             }
         }
-        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 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 t = [];
-                te.push({
-                    $key: s ? -1 : r ? -2 : -3 - l,
+                G.push({
+                    $key: s ? -1 : r ? -2 : -3 - o,
                     $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) {
-                    const n = h ? X(h, m) : i + 1, c = h ? Y(h, d) : r + 1, u = n - i > 1, f = c - r > 1, g = u || f, S = g ? n - i : void 0, y = g ? c - r : void 0;
-                    let v, w;
-                    F = N(F, n);
-                    const z = o ? t.$getItemOffset(r) : null, $ = l ? t.$getTotalSize() - t.$getItemOffset(c - 1) - t.$getItemSize(c - 1) : null;
-                    !1 !== q || u || (v = i, q = !0), !1 !== G[e] || f || (w = r, G[e] = !0);
-                    const R = s ? "columnheader" : r === x && (o || a) ? "rowheader" : "cell", C = "cell" !== R && p && p.rowIndex === i && p.colIndex === r ? p.order : void 0;
-                    let O;
-                    if (b) {
-                        for (;P < b.length && b[P].$col < r; ) P++;
-                        P < b.length && (O = b[P]);
+                    $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;
+                    if (I) {
+                        const e = I.length;
+                        for (;x < e && I[x].$col < r; ) x++;
+                        x < e && I[x].$col === r && (M = I[x]);
                     }
-                    if (!O || O.$col !== r || O.$rowSpan !== S || O.$colSpan !== y || O.$start !== z || O.$end !== $ || O.$measureRow !== v || O.$measureCol !== w || O.$role !== R || O.$sort !== C) {
-                        const e = {
+                    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);
+                        const t = {
                             contain: "layout style",
                             display: "grid",
-                            gridArea: g ? "1/l" + r + "/l" + n + "/l" + c : "1/l" + r
+                            gridArea: e
                         };
-                        u && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), f && (e.width = "0px", 
-                        e.minWidth = "100%"), (o || l) && (o ? e.insetInlineStart = z + "px" : e.insetInlineEnd = $ + "px", 
-                        e.position = "sticky", e.zIndex = 2), O = {
+                        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: S,
-                            $colSpan: y,
-                            $measureRow: v,
-                            $measureCol: w,
+                            $rowSpan: q,
+                            $colSpan: k,
+                            $measureRow: y,
+                            $measureCol: z,
                             $role: R,
-                            $sort: C,
-                            $style: e,
-                            $start: z,
-                            $end: $
-                        }, k = !0;
+                            $sort: O,
+                            $style: t,
+                            $start: $,
+                            $end: N
+                        }, T = !0;
                     }
-                    I.push(O);
+                    P.push(M);
                 }
             }
-            if (W.push(q), I.length) {
-                const e = z && !k && z.$cells.length === I.length && z.$top === c ? z : {
+            if (D.push(F), P.length) {
+                const e = R && !T && R.$cells.length === P.length && R.$top === $ ? R : {
                     $row: i,
-                    $cells: I,
-                    $style: Z(i, F, c, "top", 3),
-                    $top: c
+                    $cells: P,
+                    $style: Z(i, C, $, "top", 3),
+                    $top: $
                 };
-                re.set(i, e), ie.push(e);
+                ee.set(i, e), W.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, 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
         };
-    })(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",
@@ -1630,9 +1635,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: () => {
@@ -1640,7 +1645,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();
@@ -1689,7 +1694,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;
@@ -1740,9 +1745,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 && re(e, t, s, n, o, a, !1), null != l && re(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) => {