virtua 0.52.6 → 0.52.8

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: N, abs: b, floor: R} = Math, I = (e, t, i) => $(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: 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;
@@ -12,92 +12,85 @@ var w, z = [], {min: $, max: N, abs: b, floor: R} = Math, I = (e, t, i) => $(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;
-    const q = /* @__PURE__ */ new Set, F = () => g - f, k = () => F() + y + S, C = e => i(e) - y, O = e => {
+w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $isSizeEqual: r, $getTotalSize: n, $getLength: o, $setLength: l, $isEstimating: a, $resize: c, $relayout: u}, p = 0) => {
+    let m = !!p, d = 1, h = 0, f = 0, g = 0, S = 0, y = 0, v = 0, w = 0, z = 0, R = null, I = [ 0, m ? b(p - 1, 0) : -1 ], P = !1;
+    const x = /* @__PURE__ */ new Set, q = () => g - f, F = () => q() + y + S, k = e => i(e) - y, C = e => {
+        if (2 === z) return !0;
+        if (R && 1 === z) return e < R[0];
+        const t = q(), i = k(e), r = s(e);
+        return 1 !== w && 0 === z ? i + r <= t : i < t && i + r < t + h;
+    }, O = e => {
         e && (T() && 0 !== w || R && 1 === z ? y += e : S += e);
     };
     return {
         $dispose: () => {
-            q.clear();
+            x.clear();
         },
         $getStateVersion: () => d,
         $getRange: (t = 200) => {
-            if (!x || m) return I;
+            if (!P || 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 = $(i, R[0]), s = N(s, R[1]));
+                let r = b(0, F()), n = r + h;
+                a() || (t = b(0, t), 1 !== w && (r -= t), 2 !== w && (n += t)), [i, s] = I = e(b(0, r), b(0, n)), 
+                R && (i = N(i, R[0]), s = b(s, R[1]));
             }
-            return [ N(i, 0), $(s, l() - 1) ];
+            return [ b(i, 0), N(s, o() - 1) ];
         },
         $findItemIndex: e => t(e - f),
-        $isUnmeasuredItem: n,
-        $getItemOffset: C,
+        $isUnmeasuredItem: r,
+        $getItemOffset: k,
         $getItemSize: s,
-        $getItemsLength: l,
+        $getItemsLength: o,
         $getScrollOffset: () => g,
         $isScrolling: () => 0 !== w,
         $getViewportSize: () => h,
         $getStartSpacerSize: () => f,
-        $getTotalSize: o,
+        $getTotalSize: n,
         t: () => (v = S, S = 0, [ v, 2 === z ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
-            return q.add(i), () => {
-                q.delete(i);
+            return x.add(i), () => {
+                x.delete(i);
             };
         },
-        $update: (i, l) => {
-            let u, $, N = 0;
-            switch (i) {
+        $update: (t, i) => {
+            let s, o, a = 0;
+            switch (t) {
               case 1:
                 {
-                    if (l === g && 0 === z) break;
+                    if (i === g && 0 === z) break;
                     const e = v;
                     v = 0;
-                    const t = l - g, i = b(t);
-                    e && i < b(e) + 1 || 0 !== z || (w = t < 0 ? 2 : 1), m && (m = !1), g = l, N = 4;
-                    const s = F();
-                    s >= -h && s <= o() && (N += 1, $ = i > h);
+                    const t = i - g, s = $(t);
+                    e && s < $(e) + 1 || 0 !== z || (w = t < 0 ? 2 : 1), m && (m = !1), g = i, a = 4;
+                    const r = q();
+                    r >= -h && r <= n() && (a += 1, o = s > h);
                     break;
                 }
 
               case 2:
-                N = 8, 0 !== w && (u = !0, N += 1), w = 0, z = 0, R = null;
+                a = 8, 0 !== w && (s = !0, a += 1), w = 0, z = 0, R = null;
                 break;
 
               case 3:
                 {
-                    const e = l.filter(([e, t]) => !n(e, t));
+                    const e = i.filter(([e, t]) => !r(e, t));
                     if (!e.length) break;
-                    O(e.reduce((e, [t, i]) => {
-                        let r;
-                        if (2 === z) r = !0; else if (R && 1 === z) r = t < R[0]; else {
-                            const e = F(), i = C(t), n = s(t);
-                            r = 1 !== w && 0 === z ? i + n <= e : i < e && i + n < e + h;
-                        }
-                        return r && (e += i - s(t)), e;
-                    }, 0));
-                    for (const [t, i] of e) {
-                        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, $ = !0;
+                    O(c(e, C, F(), h)), a = 3, o = !0;
                     break;
                 }
 
               case 4:
-                h !== l && (h || (x = $ = !0), h = l, N = 3);
+                h !== i && (h || (P = o = !0), h = i, a = 3);
                 break;
 
               case 5:
-                l[1] ? (O(a(l[0], !0)), z = 2, N = 1) : (a(l[0]), N = 1);
+                i[1] ? (O(l(i[0], !0)), z = 2, a = 1) : (l(i[0]), a = 1);
                 break;
 
               case 6:
-                f = l;
+                f = i;
                 break;
 
               case 7:
@@ -105,149 +98,162 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 break;
 
               case 9:
-                O(l), N = 3;
-                break;
+                {
+                    const e = u(i, F());
+                    null != e && (O(e), a = 3);
+                    break;
+                }
 
               case 8:
-                R = e(l, l + h), N = 1;
+                R = e(i, i + h), a = 1;
             }
-            N && (d = 1 + (2147483647 & d), u && y && (S += y, y = 0), q.forEach(([e, t]) => {
-                N & e && t($);
+            a && (d = 1 + (2147483647 & d), s && y && (S += y, y = 0), x.forEach(([e, t]) => {
+                a & e && t(o);
             }));
         }
     };
-}, 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) => {
-    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)), N(0, e - o.length)) : E([], e), a = E([], e + 1), c = e => {
-        const t = l[e];
+    let s = i && i[1] || t || 40, r = -1, n = 0, o = !t, l = 0;
+    const a = i && i[0], c = a ? V(a.slice(0, N(e, a.length)), b(0, e - a.length)) : V([], e), u = V([], e + 1), p = e => {
+        const t = c[e];
         return -1 === t ? s : t;
-    }, u = t => {
+    }, m = t => {
         if (!e) return 0;
-        if (r >= t) return a[t];
-        r < 0 && (a[0] = 0, r = 0);
-        let i = r, s = a[i];
-        for (;i < t; ) s += c(i), a[++i] = s;
+        if (r >= t) return u[t];
+        r < 0 && (u[0] = 0, r = 0);
+        let i = r, s = u[i];
+        for (;i < t; ) s += p(i), u[++i] = s;
         return r = t, s;
     };
     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 l = N(l, e - 1), m(l) <= t ? (r = E(m, e, i, l), s = E(m, e, t, l, r)) : (s = E(m, e, t, void 0, l), 
+            r = E(m, e, i, s)), l = s, [ s, r ];
         },
-        $findIndex: t => V(u, e, t),
-        $getItemOffset: u,
-        $getItemSize: c,
-        $setItemSize: (e, t) => {
-            const i = -1 === l[e];
-            return l[e] = t, r = $(e, r), i;
+        $findIndex: t => E(m, e, t),
+        $getItemOffset: m,
+        $getItemSize: p,
+        $isSizeEqual: (e, t = -1) => c[e] === t,
+        $resize: (t, i, l, a) => {
+            let u = t.reduce((e, [t, s]) => i(t) ? e + (s - p(t)) : e, 0);
+            for (const [e, i] of t) n += -1 === c[e] ? i : i - p(e), c[e] = i, r = N(e, r);
+            if (o && a && n > a) {
+                let t = 0;
+                const i = E(m, e, l + u), n = [];
+                c.forEach((e, s) => {
+                    -1 !== e && (e && n.push(e), s < i && t++);
+                }), r = -1, P(n);
+                const a = n.length, p = a / 2 | 0, d = a % 2 == 0 ? (n[p - 1] + n[p]) / 2 : n[p], h = s;
+                u += ((s = d) - h) * b(i - t, 0), o = !1;
+            }
+            return u;
         },
-        $isSizeEqual: (e, t = -1) => l[e] === t,
-        $getTotalSize: () => u(e),
+        $getTotalSize: () => m(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), 
-            (i ? l.splice(0, -n) : l.splice(n)).reduce((e, t) => e - (-1 === t ? s : t), 0));
+            return r = i ? -1 : N(t - 1, r), e = t, n > 0 ? (V(u, n), V(c, n, i), s * n) : (u.splice(n), 
+            (i ? c.splice(0, -n) : c.splice(n)).reduce((e, t) => e - (-1 === t ? s : t), 0));
         },
-        $estimateDefaultSize: t ? void 0 : e => {
-            let t = 0;
-            const i = [];
-            l.forEach((s, r) => {
-                -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);
-        },
-        $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 => N(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, N(u, n - (c ? c - i : 0)));
+        $isEstimating: () => o,
+        $snapshot: () => [ c.slice(), s ]
     };
-    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),
-            $getSizes: (e, t) => "number" == typeof t ? t : null,
-            $setAxis: (e, t) => {
-                if (null == e || e === r) return;
-                const i = c(t) * (e - r);
-                return r = e, i;
-            }
-        };
-    }
-    const c = "auto" === t;
-    let u = null;
-    const p = [], m = L(D(e), void 0, [ [], 40 + i ]), d = e => c || !!p[e];
+}, K = e => "number" == typeof e ? e : e.length, G = (e, t) => "number" == typeof e ? t : e[t], D = (e, t, i = 0) => {
+    let s = K(e);
+    const r = "number" == typeof t, n = "auto" === t;
+    let o = (r ? t : 40) + i, l = -1, a = 0, c = n, u = 0, p = 0, m = null;
+    const d = [], h = [], f = [], g = e => n || !!f[e], S = () => {
+        d.length || V(d, s);
+    }, y = e => {
+        const t = d[e];
+        return -1 === t ? o : t;
+    }, v = e => {
+        if (!s) return 0;
+        if (!d.length) return e * o;
+        if (l >= e) return h[e];
+        l < 0 && (h[0] = 0, l = 0);
+        let t = l, i = h[t];
+        for (;t < e; ) i += y(t), h[++t] = i;
+        return l = e, i;
+    }, w = (e, t) => {
+        d[e] = t, l = N(e, l);
+    }, z = e => d.length ? E(v, s, e) : o ? I(R(e / o), 0, s - 1) : 0, $ = () => N(u, s), x = () => b(s - p, $()), q = e => (d.length ? y(e) : o) - i;
     return {
-        $getRange: (e, t) => a(m.$getRange, m.$getItemOffset, m.$getLength(), e, t),
-        $findIndex: m.$findIndex,
-        $getItemOffset: m.$getItemOffset,
-        $getItemSize: e => m.$getItemSize(e) - i,
-        $setItemSize: (e, t) => d(e) && m.$setItemSize(e, t + i),
-        $isSizeEqual: (e, t) => m.$isSizeEqual(e, t + i),
-        $getTotalSize: () => m.$getLength() ? m.$getTotalSize() - i : 0,
-        $getLength: m.$getLength,
-        $setLength: m.$setLength,
-        $estimateDefaultSize: c ? m.$estimateDefaultSize : void 0,
-        $isMeasurable: d,
-        $setPinned: n,
-        $getPinnedStart: () => o(m.$getLength()),
-        $getTrailStart: () => l(m.$getLength()),
-        $getSizes: (e, t) => c || "string" != typeof t || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
-        $setAxis: (e, t) => {
-            if (!e) return;
-            const s = m.$getLength();
-            if (e === u && s === p.length) return;
-            u = e, p.length = s;
-            const r = m.$findIndex(t), n = m.$getItemOffset(r);
-            let o;
+        $getRange: (e, t) => {
+            const r = v($()), n = v(s) - v(x()), o = e + (r ? r - i : 0);
+            return [ z(o), z(b(o, t - (n ? n - i : 0))) ];
+        },
+        $findIndex: z,
+        $getItemOffset: v,
+        $getItemSize: q,
+        $resize: (e, t, s, r) => {
+            let n = e.reduce((e, [i, s]) => g(i) && t(i) ? e + (s - q(i)) : e, 0);
+            for (const [t, s] of e) g(t) && (S(), a += -1 === d[t] ? s : s - q(t), w(t, s + i));
+            if (c && r && a > r) {
+                let e = 0;
+                const t = z(s + n), i = [];
+                d.forEach((s, r) => {
+                    -1 !== s && (s && i.push(s), r < t && e++);
+                }), l = -1, P(i);
+                const r = i.length, a = r / 2 | 0, u = r % 2 == 0 ? (i[a - 1] + i[a]) / 2 : i[a], p = o;
+                n += ((o = u) - p) * b(t - e, 0), c = !1;
+            }
+            return n;
+        },
+        $isSizeEqual: (e, t = -1) => {
+            const s = d.length ? d[e] : -1;
+            return -1 === t ? g(e) && -1 === s : s === t + i;
+        },
+        $getTotalSize: () => s ? v(s) - i : 0,
+        $getLength: () => s,
+        $setLength: e => {
+            const t = e - s;
+            return l = N(e - 1, l), s = e, d.length && (t > 0 ? V(d, t) : d.splice(t)), 0;
+        },
+        $isEstimating: () => c,
+        $isMeasurable: g,
+        $setPinned: (e = 0, t = 0) => {
+            u = e, p = t;
+        },
+        $getPinnedStart: $,
+        $getTrailStart: x,
+        $getSizes: (e, t) => "number" == typeof t ? r ? t : null : r || n || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
+        $relayout: (e, t) => {
+            if (null == e) return;
+            if ("number" == typeof e) {
+                const s = e + i;
+                if (s === o) return;
+                const r = z(t) * (s - o);
+                return o = s, r;
+            }
+            if (e === m && s === f.length) return;
+            m = e, f.length = s, S();
+            const r = z(t), n = v(r);
+            let l;
             for (let t = 0; t < s; t++) {
                 const s = e[t], r = "number" != typeof s;
-                if (!r || !p[t]) {
-                    p[t] = r;
+                if (!r || !f[t]) {
+                    f[t] = r;
                     const e = r ? -1 : s + i;
-                    m.$isSizeEqual(t, e) || (m.$setItemSize(t, e), o = !0);
+                    d[t] !== e && (w(t, e), l = !0);
                 }
             }
-            return o ? m.$getItemOffset(r) - n : void 0;
+            return l ? v(r) - n : void 0;
         }
     };
-}, W = (e, t, i, s, r, n) => {
-    const o = D(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, A = (e, t, i) => {
+}, W = /*#__PURE__*/ new WeakMap, H = (e, t, i) => {
     const s = [];
     for (const r of e) r >= t && r < i && s.push(r);
     return P(s);
@@ -266,7 +272,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         s > r && (e.push(s), r = s);
     }
     return i;
-}, J = (e, t, i, s, r, n) => {
+}, A = (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);
@@ -274,7 +280,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     j(o, e, l, n, r);
     for (let e = n; e < t; e++) o.push(e);
     return o;
-}, Q = (e, t) => $(e.rowIndex + (e.rowSpan || 1), t), X = (e, t) => $(e.colIndex + (e.colSpan || 1), t), Y = (e, t, i, s, r, n) => {
+}, J = (e, t) => N(e.rowIndex + (e.rowSpan || 1), t), Q = (e, t) => N(e.colIndex + (e.colSpan || 1), t), X = (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; ) {
@@ -286,11 +292,11 @@ w), M = e => N(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;
-}, U = (e, t, i, s, r) => {
+}, Y = (e, t, i, s, r) => {
     const n = {
         display: "grid",
         gridTemplateRows: "subgrid",
@@ -299,7 +305,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;
-}, Z = e => {
+}, U = e => {
     let t;
     return {
         i(i) {
@@ -312,7 +318,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             t && t.disconnect();
         }
     };
-}, ee = (e, t, i, s, r, n, o) => {
+}, Z = (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({
@@ -324,34 +330,34 @@ w), M = e => N(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();
-    }, 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);
-    }, b = () => {
+    }, $ = () => {
         p = !0, m = d = !1;
     }, R = () => {
         p = !1, T() && (m = !0);
     };
-    return t.addEventListener("scroll", $), t.addEventListener("wheel", N, {
+    return t.addEventListener("scroll", N), t.addEventListener("wheel", b, {
         passive: !0
-    }), t.addEventListener("touchstart", b, {
+    }), t.addEventListener("touchstart", $, {
         passive: !0
     }), t.addEventListener("touchend", R, {
         passive: !0
     }), {
         l: () => {
-            t.removeEventListener("scroll", $), t.removeEventListener("wheel", N), t.removeEventListener("touchstart", b), 
+            t.removeEventListener("scroll", N), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", $), 
             t.removeEventListener("touchend", R), q(a);
         },
         u: () => {
             const [t, s] = e.t();
             if (!t) return;
             d && n && n(), d = !1;
-            const r = e.$getScrollOffset() + t;
-            r <= 0 || r >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? v(r) : i.scrollBy({
+            const r = e.$getScrollOffset(), o = r + t, a = e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize();
+            o <= 0 || o >= a || r >= a ? v(o) : i.scrollBy({
                 [g]: S(t),
                 behavior: "instant"
             }), s && (l && l(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, y()));
@@ -381,9 +387,9 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             i ? (e.$update(8, t()), F(c)) : c();
         }
     };
-}, te = (e, t) => {
+}, ee = (e, t) => {
     e.$scroll(() => t);
-}, ie = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
+}, te = (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 {
@@ -392,17 +398,17 @@ 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);
-}, se = (e, t, i, s, r, n, o) => {
+}, ie = (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 = A(s, a, c), p = B(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 = H(s, a, c), p = B(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 = N(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;
@@ -413,7 +419,7 @@ w), M = e => N(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);
     });
-}, re = class t {
+}, se = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
@@ -454,7 +460,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: t,
         deps: [],
@@ -462,7 +468,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     });
     static ɵdir=/*@__PURE__*/ e.ɵɵngDeclareDirective({
         minVersion: "17.1.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: t,
         isStandalone: !0,
         selector: "div[virtuaListItem]",
@@ -525,9 +531,9 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         ngImport: e
     });
-}, ne = (e, t) => "_" + t, oe = /*#__PURE__*/ new o("virtua-item-template"), le = class i {
+}, re = (e, t) => "_" + t, ne = /*#__PURE__*/ new o("virtua-item-template"), oe = class i {
     data=h.required();
-    getKey=h(ne);
+    getKey=h(re);
     itemProps=h();
     bufferSize=h();
     scrollRef=h();
@@ -543,7 +549,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     scrolled=f();
     scrollEnded=f();
     contentTemplate=p(l);
-    m=d(oe, {
+    m=d(ne, {
         optional: !0
     });
     template=u(() => this.m?.() ?? this.contentTemplate());
@@ -551,11 +557,11 @@ w), M = e => N(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);
@@ -565,7 +571,7 @@ w), M = e => N(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];
@@ -583,7 +589,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         });
     });
     containerStyle=u(() => {
-        this.N();
+        this.$();
         const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
@@ -609,7 +615,7 @@ w), M = e => N(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();
@@ -621,7 +627,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 = Z(s => {
+            const n = /* @__PURE__ */ new WeakMap, o = U(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);
@@ -631,7 +637,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             });
             return {
                 $observe(n, l = n.parentElement) {
-                    o.i(i = l), s = ee(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
+                    o.i(i = l), s = Z(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;
@@ -653,12 +659,12 @@ w), M = e => N(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();
@@ -682,19 +688,19 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        ie(this.driver, this.h, e, t);
+        te(this.driver, this.h, e, t);
     }
     scrollTo(e) {
-        te(this.driver, e);
+        ee(this.driver, e);
     }
     scrollBy(e) {
         ((e, t, i) => {
-            te(e, i + t.$getScrollOffset());
+            ee(e, i + t.$getScrollOffset());
         })(this.driver, this.h, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: i,
         deps: [],
@@ -702,7 +708,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     });
     static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
         minVersion: "17.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: i,
         isStandalone: !0,
         selector: "virtua-virtualizer, [virtuaVirtualizer]",
@@ -814,7 +820,7 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => re),
+            type: e.forwardRef(() => se),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -829,9 +835,9 @@ w), M = e => N(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
 
 i.OnPush;
 
-var ae = class t {
+var le = class t {
     data=h.required();
-    getKey=h(ne);
+    getKey=h(re);
     itemProps=h();
     bufferSize=h();
     itemSize=h();
@@ -845,7 +851,7 @@ var ae = class t {
     scrolled=f();
     scrollEnded=f();
     template=p.required(l);
-    virtualizer=y.required(le);
+    virtualizer=y.required(oe);
     v=d(r).nativeElement;
     ngOnInit() {
         const e = this.horizontal(), t = this.v;
@@ -883,7 +889,7 @@ var ae = class t {
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: t,
         deps: [],
@@ -891,7 +897,7 @@ var ae = class t {
     });
     static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
         minVersion: "17.2.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: t,
         isStandalone: !0,
         selector: "virtua-vlist",
@@ -982,7 +988,7 @@ var ae = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: le,
+            predicate: oe,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -992,13 +998,13 @@ var ae = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => le),
+            type: e.forwardRef(() => oe),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scrolled", "scrollEnded" ]
         } ],
         viewProviders: [ {
-            provide: oe,
+            provide: ne,
             useFactory: () => d(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -1007,9 +1013,9 @@ var ae = class t {
 
 i.OnPush;
 
-var ce = class i {
+var ae = class i {
     data=h.required();
-    getKey=h(ne);
+    getKey=h(re);
     bufferSize=h();
     itemSize=h();
     ssrCount=h();
@@ -1025,11 +1031,11 @@ var ce = 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];
@@ -1044,7 +1050,7 @@ var ce = class i {
         return n;
     });
     containerStyle=u(() => {
-        this.N();
+        this.$();
         const e = this.horizontal(), t = this.h.$getTotalSize();
         return {
             display: "block",
@@ -1067,7 +1073,7 @@ var ce = class i {
             }
         }), c({
             read: () => {
-                this.N(), this.driver.$effect();
+                this.$(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
             this.h?.$dispose(), this.driver?.$dispose();
@@ -1079,7 +1085,7 @@ var ce = 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 = Z(s => {
+            const a = /* @__PURE__ */ new WeakMap, c = U(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);
@@ -1097,7 +1103,7 @@ var ce = class i {
                     };
                     p.addEventListener("resize", g), c.i(m), r = () => {
                         p.removeEventListener("resize", g);
-                    }, s = ee(e, p, m, t, d, null, f), l[1](!0);
+                    }, s = Z(e, p, m, t, d, null, f), l[1](!0);
                 },
                 $dispose() {
                     r && r(), c.l(), s && s.l(), l[1](!1), l = k();
@@ -1114,12 +1120,12 @@ var ce = 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();
@@ -1140,11 +1146,11 @@ var ce = class i {
         return this.h.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        ie(this.driver, this.h, e, t);
+        te(this.driver, this.h, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: i,
         deps: [],
@@ -1152,7 +1158,7 @@ var ce = class i {
     });
     static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
         minVersion: "17.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: i,
         isStandalone: !0,
         selector: "virtua-window-virtualizer, [virtuaWindowVirtualizer]",
@@ -1236,7 +1242,7 @@ var ce = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => re),
+            type: e.forwardRef(() => se),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1251,7 +1257,7 @@ var ce = class i {
 
 i.OnPush;
 
-var ue = class t {
+var ce = class t {
     state=h.required();
     resizer=h.required();
     constructor() {
@@ -1268,7 +1274,7 @@ var ue = class t {
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: t,
         deps: [],
@@ -1276,7 +1282,7 @@ var ue = class t {
     });
     static ɵdir=/*@__PURE__*/ e.ɵɵngDeclareDirective({
         minVersion: "17.1.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: t,
         isStandalone: !0,
         selector: "div[virtuaGridCell]",
@@ -1308,18 +1314,18 @@ var ue = class t {
         },
         ngImport: e
     });
-}, pe = class t {
+}, ue = class t {
     state=h.required();
     template=h.required();
     row=h.required();
     cols=h.required();
     resizer=h.required();
     colItem(e) {
-        return K(this.cols(), e);
+        return G(this.cols(), e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: t,
         deps: [],
@@ -1327,7 +1333,7 @@ var ue = class t {
     });
     static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
         minVersion: "17.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: t,
         isStandalone: !0,
         selector: "div[virtuaGridRow]",
@@ -1382,7 +1388,7 @@ var ue = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ue),
+            type: e.forwardRef(() => ce),
             selector: "div[virtuaGridCell]",
             inputs: [ "state", "resizer" ]
         }, {
@@ -1393,18 +1399,18 @@ var ue = class t {
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, me = class t {
+}, pe = class t {
     state=h.required();
     template=h.required();
     rows=h.required();
     cols=h.required();
     resizer=h.required();
     rowItem(e) {
-        return K(this.rows(), e);
+        return G(this.rows(), e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: t,
         deps: [],
@@ -1412,7 +1418,7 @@ var ue = class t {
     });
     static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
         minVersion: "17.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: t,
         isStandalone: !0,
         selector: "div[virtuaGridRowGroup]",
@@ -1466,13 +1472,13 @@ var ue = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => pe),
+            type: e.forwardRef(() => ue),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, de = class i {
+}, me = class i {
     rows=h.required();
     cols=h.required();
     rowHeight=h.required();
@@ -1498,16 +1504,16 @@ var ue = 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());
+    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) => {
@@ -1521,19 +1527,19 @@ var ue = class t {
         }
         return t;
     })(this.spans()));
-    plan=u(() => (this.N(), ((e, t, [i, s], [r, n], o, l = z, a = z, c) => {
+    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 = $(s, d - 1), r = I(r, h, f), n = $(n, f - 1);
-        const g = A(l, m, d), S = N(h - 1, 0), y = [], v = [], w = [];
+        i = I(i, m, d), s = N(s, d - 1), r = I(r, h, f), n = N(n, f - 1);
+        const g = H(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 b = w.length, R = B(g, i, d), x = R < 0 ? -1 : g[R];
+        const $ = w.length, R = B(g, i, d), x = R < 0 ? -1 : g[R];
         x >= 0 && y.push(x);
-        const q = J(P(y), u, m, i, s, d);
+        const q = A(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);
+            const {rowIndex: o, colIndex: l} = t, a = J(t, u), c = Q(t, p);
             if ((e < 1 || q[e - 1] < o) && l < p && (a - o > 1 || c - l > 1)) {
-                let e = (o < m || N(o, i) < $(a, s + 1) || d < a || x >= o && x < a) && (l < h || N(l, r) < $(c, n + 1) || f < c);
-                for (let t = 0; !e && t < b; t++) {
+                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;
                 }
@@ -1545,9 +1551,9 @@ var ue = class t {
             y.push(e), i >= 0 && y.push(g[i]), v.push(t);
         }
         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 = [], _ = [];
+        const F = A(y, u, m, i, s, d), k = A(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);
+            const t = J(e, u), i = Q(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++) {
@@ -1557,30 +1563,30 @@ var ue = class t {
         }
         const V = [];
         for (const e of k) V.push(!t.$isMeasurable(e) && null);
-        const E = [], L = e.$getItemOffset(m), D = [];
-        let K = D;
-        const G = H.get(e), W = /* @__PURE__ */ new Map;
+        const E = [], L = e.$getItemOffset(m), K = [];
+        let G = K;
+        const D = W.get(e), j = /* @__PURE__ */ new Map;
         for (const o of F) {
             const l = o < m, a = o >= d, y = B(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 = [];
-                D.push({
+                K.push({
                     $key: l ? -1 : a ? -2 : -3 - v,
                     $rows: t,
-                    $style: U(v, e, l || a ? 0 : null, a ? "bottom" : "top", 4)
-                }), K = t;
-            } else v < 0 && (K = D);
-            const w = y >= 0 && o === v, z = l || a || o === x || o >= i && o <= s, $ = w ? L : null, b = o * p, R = G && G.get(o), I = R && R.$cells, P = [];
+                    $style: Y(v, e, l || a ? 0 : null, a ? "bottom" : "top", 4)
+                }), G = t;
+            } else v < 0 && (G = K);
+            const w = y >= 0 && o === v, z = l || a || o === x || o >= i && o <= s, N = w ? L : null, $ = o * p, R = D && D.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(b + i);
+                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;
+                    const r = d ? J(d, u) : o + 1, n = d ? Q(d, p) : i + 1, m = r - o, h = n - i, f = m > 1, g = h > 1, y = f || g;
                     let v, z;
-                    C = N(C, r);
-                    const $ = s ? t.$getItemOffset(i) : null, b = a ? t.$getItemOffset(p) - t.$getItemOffset(n) : null;
+                    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;
@@ -1589,7 +1595,7 @@ var ue = class t {
                         for (;q < e && I[q].$col < i; ) q++;
                         q < e && I[q].$col === i && (T = I[q]);
                     }
-                    if (!T || T.$rowSpan !== x || T.$colSpan !== k || T.$start !== $ || T.$end !== b || T.$measureRow !== v || T.$measureCol !== z || T.$role !== R || T.$sort !== O) {
+                    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 = {
@@ -1598,7 +1604,7 @@ var ue = class t {
                             gridArea: e
                         };
                         f && (t.height = "0px", t.minHeight = "100%", t.zIndex = 1), g && (t.width = "0px", 
-                        t.minWidth = "100%"), (s || a) && (t[s ? "insetInlineStart" : "insetInlineEnd"] = (s ? $ : b) + "px", 
+                        t.minWidth = "100%"), (s || a) && (t[s ? "insetInlineStart" : "insetInlineEnd"] = (s ? N : $) + "px", 
                         t.position = "sticky", t.zIndex = 2), T = {
                             $col: i,
                             $rowSpan: x,
@@ -1608,34 +1614,34 @@ var ue = class t {
                             $role: R,
                             $sort: O,
                             $style: t,
-                            $start: $,
-                            $end: b
+                            $start: N,
+                            $end: $
                         }, _ = !0;
                     }
                     P.push(T);
                 }
             }
             if (E.push(F), P.length) {
-                const e = R && !_ && R.$cells.length === P.length && R.$top === $ ? R : {
+                const e = R && !_ && R.$cells.length === P.length && R.$top === N ? R : {
                     $row: o,
                     $cells: P,
-                    $style: U(o, C, $, "top", 3),
-                    $top: $
+                    $style: Y(o, C, N, "top", 3),
+                    $top: N
                 };
-                W.set(o, e), K.push(e);
+                j.set(o, e), G.push(e);
             }
         }
-        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: D
+        return W.set(e, j), {
+            $rowTemplate: X(e, F, E, P(M), "max-content", u),
+            $colTemplate: X(t, k, V, P(_), "minmax(max-content,auto)", p),
+            $groups: K
         };
     })(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);
+        return G(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",
@@ -1657,7 +1663,10 @@ var ue = class t {
             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);
+                this.q.$setPinned(i, s), this.F.$setPinned(r, n);
+                const a = K(e), c = K(t);
+                a !== this.I.$getItemsLength() && this.I.$update(5, [ a ]), c !== this.P.$getItemsLength() && this.P.$update(5, [ c ]), 
+                this.I.$update(9, o), this.P.$update(9, l);
             });
         }), a({
             read: () => {
@@ -1665,7 +1674,7 @@ var ue = 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();
@@ -1674,10 +1683,10 @@ var ue = class t {
     ngOnInit() {
         const e = this.v;
         e.setAttribute("style", "display:block;overflow:auto;contain:strict;width:100%;height:100%;" + (e.getAttribute("style") || ""));
-        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);
+        const t = this.gap(), i = this.q = D(this.rows(), this.rowHeight(), t), s = this.F = D(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 = Z(s => {
+            const o = /* @__PURE__ */ new WeakMap, l = /* @__PURE__ */ new WeakMap, a = U(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) {
@@ -1693,7 +1702,7 @@ var ue = class t {
                 $observe(o) {
                     const l = i = o.parentElement;
                     a.i(l);
-                    const c = (e, t) => ee(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
+                    const c = (e, t) => Z(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;
@@ -1714,7 +1723,7 @@ var ue = 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;
@@ -1766,7 +1775,7 @@ var ue = class t {
     }
     scrollToIndex(e) {
         ((e, t, i, s, r, n = z, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
-            null != o && se(e, t, s, n, o, a, !1), null != l && se(e, i, r, z, l, c, !0);
+            null != o && ie(e, t, s, n, o, a, !1), null != l && ie(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}) {
@@ -1788,7 +1797,7 @@ var ue = class t {
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         ngImport: e,
         type: i,
         deps: [],
@@ -1796,7 +1805,7 @@ var ue = class t {
     });
     static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
         minVersion: "17.0.0",
-        version: "22.0.8",
+        version: "22.1.7",
         type: i,
         isStandalone: !0,
         selector: "virtua-vgrid",
@@ -1935,12 +1944,12 @@ var ue = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => pe),
             selector: "div[virtuaGridRowGroup]",
             inputs: [ "state", "template", "rows", "cols", "resizer" ]
         }, {
             kind: "directive",
-            type: e.forwardRef(() => pe),
+            type: e.forwardRef(() => ue),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
@@ -1950,5 +1959,5 @@ var ue = class t {
 
 i.OnPush, i.OnPush, i.OnPush;
 
-export { de as VGrid, ae as VList, le as Virtualizer, ce as WindowVirtualizer };
+export { me as VGrid, le as VList, oe as Virtualizer, ae as WindowVirtualizer };
 //# sourceMappingURL=index.js.map