virtua 0.53.3 → 0.53.5

package/lib/angular/index.js

@@ -1,10 +1,10 @@
 import * as e from "@angular/core";
 
-import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, ElementRef as r, HostAttributeToken as n, InjectionToken as o, TemplateRef as l, afterNextRender as a, afterRenderEffect as c, computed as u, contentChild as p, effect as m, inject as d, input as h, output as f, signal as g, untracked as S, viewChild as y } from "@angular/core";
+import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, ElementRef as n, HostAttributeToken as r, InjectionToken as o, TemplateRef as l, afterNextRender as a, afterRenderEffect as c, computed as u, contentChild as p, effect as m, inject as d, input as h, output as f, signal as g, untracked as S, viewChild as y } from "@angular/core";
 
 import { NgTemplateOutlet as v } from "@angular/common";
 
-var z, N = [], {min: w, max: b, abs: $, floor: R} = Math, P = (e, t, i) => w(i, b(t, e)), I = e => e.sort((e, t) => e - t), x = setTimeout, q = clearTimeout, F = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+var z, N = [], {min: w, max: b, abs: $, floor: R} = Math, I = (e, t, i) => w(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,167 +12,177 @@ var z, N = [], {min: w, max: b, abs: $, floor: R} = Math, P = (e, t, i) => w(i,
         e = t;
     }), e ];
 }, O = e => e.ownerDocument, C = e => e.defaultView, T = () => (null == z && (z = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $getItemOffset: t, $getItemSize: i, $isSizeEqual: s, $getTotalSize: r, $getLength: n, $setLength: o, $isEstimating: l, $resize: a}, c = 0) => {
+z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = (e, t, i, s) => {
+    const n = e.t(), r = t.$getItemOffset(n);
+    t.$relayout(i, s) && e.$update(6, t.$getItemOffset(n) - r);
+}, V = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $setItemSizes: n, $getTotalSize: r, $getLength: o, $setLength: l, $isEstimating: a}, c = 0) => {
     let u = !!c, p = 1, m = 0, d = 0, h = 0, f = 0, g = 0, S = 0, y = 0, v = 0, z = null, N = [ 0, u ? b(c - 1, 0) : -1 ], R = !1;
-    const P = /* @__PURE__ */ new Set, I = () => h - d, x = () => I() + g + f, q = e => t(e) - g, F = e => {
-        if (2 === v) return !0;
-        if (z && 1 === v) return e < z[0];
-        const t = I(), s = q(e), r = i(e);
-        return 1 !== y && 0 === v ? s + r <= t : s < t && s + r < t + m;
-    }, k = e => {
+    const I = /* @__PURE__ */ new Set, P = () => h - d, x = () => P() + g + f, q = (e, t) => {
+        const n = i(e), r = s(e);
+        return 1 !== y && 0 === v ? n + r <= t : n < t && n + r < t + m;
+    }, F = e => {
         e && (T() && 0 !== y || z && 1 === v ? g += e : f += e);
+    }, k = () => {
+        const e = o();
+        if (2 === v) return e;
+        if (z && 1 === v) return w(z[0], e);
+        const i = x();
+        let s = t(i);
+        for (;s > 0 && !q(s - 1, i); ) s--;
+        for (;s < e && q(s, i); ) s++;
+        return s;
     };
     return {
         $dispose: () => {
-            P.clear();
+            I.clear();
         },
         $getStateVersion: () => p,
         $getRange: (t = 200) => {
             if (!R || u) return N;
             let i, s;
             if (S) [i, s] = N; else {
-                let r = b(0, x()), n = r + m;
-                l() || (t = b(0, t), 1 !== y && (r -= t), 2 !== y && (n += t)), [i, s] = N = e(b(0, r), b(0, n)), 
+                let n = b(0, x()), r = n + m;
+                a() || (t = b(0, t), 1 !== y && (n -= t), 2 !== y && (r += t)), [i, s] = N = e(b(0, n), b(0, r)), 
                 z && (i = w(i, z[0]), s = b(s, z[1]));
             }
-            return [ b(i, 0), w(s, n() - 1) ];
+            return [ b(i, 0), w(s, o() - 1) ];
         },
-        $isUnmeasuredItem: s,
-        $getItemOffset: q,
-        $getItemSize: i,
-        $getItemsLength: n,
+        t: k,
+        $getItemOffset: e => i(e) - g,
         $getScrollOffset: () => h,
-        $getVisibleOffset: x,
         $isScrolling: () => 0 !== y,
         $getViewportSize: () => m,
         $getStartSpacerSize: () => d,
         $getTotalSize: r,
-        t: () => (S = f, f = 0, [ S, 2 === v ]),
+        i: () => (S = f, f = 0, [ S, 2 === v ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
-            return P.add(i), () => {
-                P.delete(i);
+            return I.add(i), () => {
+                I.delete(i);
             };
         },
-        $update: (t, i) => {
-            let n, l, c = 0;
+        $update: (t, s, a) => {
+            let c, N, w = 0;
             switch (t) {
               case 1:
                 {
-                    if (i === h && 0 === v) break;
+                    if (s === h && 0 === v) break;
                     const e = S;
                     S = 0;
-                    const t = i - h, s = $(t);
-                    e && s < $(e) + 1 || 0 !== v || (y = t < 0 ? 2 : 1), u && (u = !1), h = i, c = 4;
-                    const n = I();
-                    n >= -m && n <= r() && (c += 1, l = s > m);
+                    const t = s - h, i = $(t);
+                    e && i < $(e) + 1 || 0 !== v || (y = t < 0 ? 2 : 1), u && (u = !1), h = s, w = 4;
+                    const n = P();
+                    n >= -m && n <= r() && (w += 1, N = i > m);
                     break;
                 }
 
               case 2:
-                c = 8, 0 !== y && (n = !0, c += 1), y = 0, v = 0, z = null;
+                w = 8, 0 !== y && (c = !0, w += 1), y = 0, v = 0, z = null;
                 break;
 
               case 3:
-                {
-                    const e = i.filter(([e, t]) => !s(e, t));
-                    if (!e.length) break;
-                    k(a(e, F, x(), m)), c = 3, l = !0;
-                    break;
+                if (s.length) {
+                    const e = k(), t = i(e);
+                    n(s, m), F(i(e) - t), w = 3, N = !0;
                 }
+                break;
 
               case 4:
-                m !== i && (m || (R = l = !0), m = i, c = 3);
+                m !== s && (m || (R = N = !0), m = s, w = 3);
                 break;
 
               case 5:
-                i[1] ? (k(o(i[0], !0)), v = 2, c = 1) : (o(i[0]), c = 1);
+                if (s !== o()) {
+                    if (a) {
+                        const e = r();
+                        l(s, !0), F(r() - e), v = 2;
+                    } else l(s);
+                    w = 1;
+                }
                 break;
 
               case 6:
-                d = i;
+                F(s), w = 1;
                 break;
 
               case 7:
-                v = 1;
+                d = s;
                 break;
 
-              case 9:
-                null != i && (k(i), c = 1);
+              case 8:
+                v = 1;
                 break;
 
-              case 8:
-                z = e(i, i + m), c = 1;
+              case 9:
+                z = e(s, s + m), w = 1;
             }
-            c && (p = 1 + (2147483647 & p), n && g && (f += g, g = 0), P.forEach(([e, t]) => {
-                c & e && t(l);
+            w && (p = 1 + (2147483647 & p), c && g && (f += g, g = 0), I.forEach(([e, t]) => {
+                w & e && t(N);
             }));
         }
     };
-}, V = (e, t, i) => {
+}, E = (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;
+}, K = (e, t, i, s = 0, n = t - 1) => {
+    let r = s;
+    for (;s <= n; ) {
+        const t = R((s + n) / 2);
+        e(t) <= i ? (r = t, s = t + 1) : n = t - 1;
     }
-    return P(n, 0, t - 1);
+    return I(r, 0, t - 1);
 }, L = (e, t, i) => {
-    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, w(e, a.length)), b(0, e - a.length)) : V([], e), u = V([], e + 1), p = e => {
-        const t = c[e];
+    let s = i && i[1] || t || 40, n = -1, r = 0, o = !t, l = 0;
+    const a = i ? i[0].slice(0, e) : [];
+    E(a, e - a.length);
+    const c = E([], e + 1), u = e => {
+        const t = a[e];
         return -1 === t ? s : t;
-    }, m = t => {
+    }, p = t => {
         if (!e) return 0;
-        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;
+        if (n >= t) return c[t];
+        n < 0 && (c[0] = 0, n = 0);
+        let i = n, s = c[i];
+        for (;i < t; ) s += u(i), c[++i] = s;
+        return n = t, s;
     };
     return {
         $getRange: (t, i) => {
-            let s, r;
-            return l = w(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 ];
+            let s, n;
+            return l = w(l, e - 1), p(l) <= t ? (n = K(p, e, i, l), s = K(p, e, t, l, n)) : (s = K(p, e, t, void 0, l), 
+            n = K(p, e, i, s)), l = s, [ s, n ];
         },
-        $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 = w(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, I(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;
+        $findIndex: t => K(p, e, t),
+        $getItemOffset: p,
+        $getItemSize: u,
+        $isSizeEqual: (e, t = -1) => a[e] === t,
+        $setItemSizes: (e, t) => {
+            for (const [t, i] of e) r += -1 === a[t] ? i : i - u(t), a[t] = i, n = w(t, n);
+            if (o && t && r > t) {
+                const e = [];
+                a.forEach(t => {
+                    -1 !== t && t && e.push(t);
+                }), n = -1, P(e);
+                const t = e.length, i = t / 2 | 0;
+                s = t % 2 == 0 ? (e[i - 1] + e[i]) / 2 : e[i], o = !1;
             }
-            return u;
         },
-        $getTotalSize: () => m(e),
+        $getTotalSize: () => p(e),
         $getLength: () => e,
         $setLength: (t, i) => {
-            const n = t - e;
-            return r = i ? -1 : w(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));
+            const s = t - e;
+            n = i ? -1 : w(t - 1, n), e = t, s > 0 ? (E(c, s), E(a, s, i)) : (c.splice(s), i ? a.splice(0, -s) : a.splice(s));
         },
         $isEstimating: () => o,
-        $snapshot: () => [ c.slice(), s ]
+        $snapshot: () => [ a.slice(), s ]
     };
-}, K = e => "number" == typeof e ? e : e.length, D = (e, t) => "number" == typeof e ? t : e[t], G = (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);
+}, D = e => "number" == typeof e ? e : e.length, G = (e, t) => "number" == typeof e ? t : e[t], W = (e, t, i = 0) => {
+    let s = D(e);
+    const n = "number" == typeof t, r = "auto" === t;
+    let o = (n ? t : 40) + i, l = -1, a = 0, c = r, u = 0, p = 0, m = null;
+    const d = [], h = [], f = [], g = e => r || !!f[e], S = () => {
+        d.length || E(d, s);
     }, y = e => {
         const t = d[e];
         return -1 === t ? o : t;
@@ -186,28 +196,25 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
         return l = e, i;
     }, z = (e, t) => {
         d[e] = t, l = w(e, l);
-    }, N = e => d.length ? E(v, s, e) : o ? P(R(e / o), 0, s - 1) : 0, $ = () => w(u, s), x = () => b(s - p, $()), q = e => (d.length ? y(e) : o) - i;
+    }, N = e => d.length ? K(v, s, e) : o ? I(R(e / o), 0, s - 1) : 0, $ = () => w(u, s), x = () => b(s - p, $()), q = e => (d.length ? y(e) : o) - i;
     return {
         $getRange: (e, t) => {
-            const r = v($()), n = v(s) - v(x()), o = e + (r ? r - i : 0);
-            return [ N(o), N(b(o, t - (n ? n - i : 0))) ];
+            const n = v($()), r = v(s) - v(x()), o = e + (n ? n - i : 0);
+            return [ N(o), N(b(o, t - (r ? r - i : 0))) ];
         },
         $findIndex: N,
         $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);
+        $setItemSizes: (e, t) => {
             for (const [t, s] of e) g(t) && (S(), a += -1 === d[t] ? s : s - q(t), z(t, s + i));
-            if (c && r && a > r) {
-                let e = 0;
-                const t = N(s + n), i = [];
-                d.forEach((s, r) => {
-                    -1 !== s && (s && i.push(s), r < t && e++);
-                }), l = -1, I(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;
+            if (c && t && a > t) {
+                const e = [];
+                d.forEach(t => {
+                    -1 !== t && t && e.push(t);
+                }), l = -1, P(e);
+                const t = e.length, i = t / 2 | 0;
+                o = t % 2 == 0 ? (e[i - 1] + e[i]) / 2 : e[i], c = !1;
             }
-            return n;
         },
         $isSizeEqual: (e, t = -1) => {
             const s = d.length ? d[e] : -1;
@@ -217,7 +224,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
         $getLength: () => s,
         $setLength: e => {
             const t = e - s;
-            return l = w(e - 1, l), s = e, d.length && (t > 0 ? V(d, t) : d.splice(t)), 0;
+            l = w(e - 1, l), s = e, d.length && (t > 0 ? E(d, t) : d.splice(t));
         },
         $isEstimating: () => c,
         $isMeasurable: g,
@@ -226,234 +233,236 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
         },
         $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;
+        $getSizes: (e, t) => "number" == typeof t ? n ? t : null : n || r || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
+        $relayout: e => {
+            if (null == e) return !1;
             if ("number" == typeof e) {
-                const s = e + i;
-                if (s === o) return;
-                const r = N(t) * (s - o);
-                return o = s, r;
+                const t = e + i;
+                return t !== o && (o = t, !0);
             }
-            if (e === m && s === f.length) return;
+            if (e === m && s === f.length) return !1;
             m = e, f.length = s, S();
-            const r = N(t), n = v(r);
-            let l;
-            for (let t = 0; t < s; t++) {
-                const s = e[t], r = "number" != typeof s;
-                if (!r || !f[t]) {
-                    f[t] = r;
+            let t = !1;
+            for (let n = 0; n < s; n++) {
+                const s = e[n], r = "number" != typeof s;
+                if (!r || !f[n]) {
+                    f[n] = r;
                     const e = r ? -1 : s + i;
-                    d[t] !== e && (z(t, e), l = !0);
+                    d[n] !== e && (z(n, e), t = !0);
                 }
             }
-            return l ? v(r) - n : void 0;
+            return t;
         }
     };
-}, W = /*#__PURE__*/ new WeakMap, B = (e, t, i) => {
+}, B = /*#__PURE__*/ new WeakMap, H = (e, t, i) => {
     const s = [];
-    for (const r of e) r >= t && r < i && s.push(r);
-    return I(s);
-}, H = (e, t, i) => {
+    for (const n of e) n >= t && n < i && s.push(n);
+    return P(s);
+}, j = (e, t, i) => {
     if (t >= i) return -1;
-    let s = 0, r = e.length;
-    for (;s < r; ) {
-        const i = s + r >> 1;
-        e[i] <= t ? s = i + 1 : r = i;
+    let s = 0, n = e.length;
+    for (;s < n; ) {
+        const i = s + n >> 1;
+        e[i] <= t ? s = i + 1 : n = i;
     }
     return s - 1;
-}, j = (e, t, i, s, r) => {
-    const n = t.length;
-    for (;i < n && t[i] < s; i++) {
+}, A = (e, t, i, s, n) => {
+    const r = t.length;
+    for (;i < r && t[i] < s; i++) {
         const s = t[i];
-        s > r && (e.push(s), r = s);
+        s > n && (e.push(s), n = s);
     }
     return i;
-}, A = (e, t, i, s, r, n) => {
+}, Q = (e, t, i, s, n, r) => {
     const o = [];
     for (let e = 0; e < i; e++) o.push(e);
-    const l = j(o, e, 0, s, i - 1);
-    for (let e = s; e <= r; e++) o.push(e);
-    j(o, e, l, n, r);
-    for (let e = n; e < t; e++) o.push(e);
+    const l = A(o, e, 0, s, i - 1);
+    for (let e = s; e <= n; e++) o.push(e);
+    A(o, e, l, r, n);
+    for (let e = r; e < t; e++) o.push(e);
     return o;
-}, Q = (e, t) => w(e.rowIndex + (e.rowSpan || 1), t), J = (e, t) => w(e.colIndex + (e.colSpan || 1), t), X = (e, t, i, s, r, n) => {
+}, J = (e, t) => w(e.rowIndex + (e.rowSpan || 1), t), X = (e, t) => w(e.colIndex + (e.colSpan || 1), t), Y = (e, t, i, s, n, r) => {
     const o = t.length, l = s.length;
     let a = "[l0]", c = 0, u = 0, p = 0;
-    for (;c < n; ) {
+    for (;c < r; ) {
         for (;p < l && s[p] <= c; ) p++;
-        const m = u < o ? t[u] : n;
+        const m = u < o ? t[u] : r;
         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)", 
+            h = null == t ? e.$getItemSize(c) + "px" : t ? n : "minmax(" + e.$getItemSize(c) + "px,auto)", 
             u++;
-        } else d = w(m, p < l ? s[p] : n), h = "minmax(" + (e.$getItemOffset(d - 1) + e.$getItemSize(d - 1) - e.$getItemOffset(c)) + "px,auto)";
+        } else d = w(m, p < l ? s[p] : r), h = "minmax(" + (e.$getItemOffset(d - 1) + e.$getItemSize(d - 1) - e.$getItemOffset(c)) + "px,auto)";
         a += " " + h + " [l" + d + "]", c = d;
     }
     return a;
-}, Y = (e, t, i, s, r) => {
-    const n = {
+}, U = (e, t, i, s, n) => {
+    const r = {
         display: "grid",
         gridTemplateRows: "subgrid",
         gridTemplateColumns: "subgrid",
         gridColumn: "1/-1",
         gridRow: "l" + e + "/l" + t
     };
-    return null != i && (n.position = "sticky", n[s] = i + "px", n.zIndex = r), n;
-}, U = e => {
+    return null != i && (r.position = "sticky", r[s] = i + "px", r.zIndex = n), r;
+}, Z = e => {
     let t;
     return {
-        i(i) {
+        o(i) {
             (t || (t = new (C(O(i)).ResizeObserver)(e))).observe(i);
         },
-        o(e) {
+        l(e) {
             t.unobserve(e);
         },
-        l() {
+        u() {
             t && t.disconnect();
         }
     };
-}, 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({
-            [g]: S(e),
+}, ee = (e, t, i, s, n, r, o, l) => {
+    let a, c, u = 0, p = !1, m = !1, d = !1, h = !1;
+    const f = Date.now, g = n ? "scrollLeft" : "scrollTop", S = n ? "left" : "top", y = e => r ? -e : e, v = () => y(s[g]), z = (e, t) => {
+        s.scrollTo({
+            [S]: y(e),
             behavior: t ? "smooth" : "instant"
         });
-    }, z = () => {
-        if (u || p) return u = !1, void N();
-        m = !1, e.$update(2);
     }, N = () => {
-        q(a), a = x(z, 150);
+        if (p || m) return p = !1, void w();
+        d = !1, e.$update(2);
     }, w = () => {
-        c = h(), m && (d = !0), o && e.$update(6, o()), e.$update(1, y()), N();
-    }, b = t => {
-        if (u || !e.$isScrolling() || t.ctrlKey) return;
-        const i = h() - c;
-        150 > i && 50 < i && (s ? t.deltaX : t.deltaY) && (u = !0);
-    }, $ = () => {
-        p = !0, m = d = !1;
+        q(c), c = x(N, 150);
+    }, b = () => {
+        u = f(), d && (h = !0), l && e.$update(7, l()), e.$update(1, v()), w();
+    }, $ = t => {
+        if (p || !e.$isScrolling() || t.ctrlKey) return;
+        const i = f() - u;
+        150 > i && 50 < i && (n ? t.deltaX : t.deltaY) && (p = !0);
     }, R = () => {
-        p = !1, T() && (m = !0);
+        m = !0, d = h = !1;
+    }, I = () => {
+        m = !1, T() && (d = !0);
     };
-    return t.addEventListener("scroll", w), t.addEventListener("wheel", b, {
+    return i.addEventListener("scroll", b), i.addEventListener("wheel", $, {
+        passive: !0
+    }), i.addEventListener("touchstart", R, {
         passive: !0
-    }), t.addEventListener("touchstart", $, {
+    }), i.addEventListener("touchend", I, {
         passive: !0
-    }), t.addEventListener("touchend", R, {
+    }), i.addEventListener("touchcancel", I, {
         passive: !0
     }), {
-        u: w,
-        l: () => {
-            t.removeEventListener("scroll", w), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", $), 
-            t.removeEventListener("touchend", R), q(a);
+        p: b,
+        u: () => {
+            i.removeEventListener("scroll", b), i.removeEventListener("wheel", $), i.removeEventListener("touchstart", R), 
+            i.removeEventListener("touchend", I), i.removeEventListener("touchcancel", I), q(c);
         },
-        p: () => {
-            const [t, s] = e.t();
+        m: () => {
+            const [t, i] = e.i();
             if (!t) return;
-            d && n && n(), d = !1;
-            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),
+            h && o && o(), h = !1;
+            const n = e.$getScrollOffset(), r = n + t, l = e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize();
+            r <= 0 || r >= l || n >= l ? z(r) : s.scrollBy({
+                [S]: y(t),
                 behavior: "instant"
-            }), s && (l && l(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, y()));
+            }), i && (a && a(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, v()));
         },
-        m: (t, i) => {
-            let s, r, n;
-            l && l();
-            const o = l = () => {
-                s = !0, q(r), n && n();
-            }, a = () => {
-                if (!s) {
-                    if (e.$getViewportSize() && (q(r), r = x(o, 150)), i) {
-                        for (let [t, i] = e.$getRange(0); t <= i; t++) if (e.$isUnmeasuredItem(t)) return;
-                        o();
+        h: (i, s) => {
+            let n, r, o;
+            a && a();
+            const l = a = () => {
+                n = !0, q(r), o && o();
+            }, c = () => {
+                if (!n) {
+                    if (e.$getViewportSize() && (q(r), r = x(l, 150)), s) {
+                        for (let [i, s] = e.$getRange(0); i <= s; i++) if (t.$isSizeEqual(i)) return;
+                        l();
                     }
-                    e.$update(7), v(t(), i);
+                    e.$update(8), z(i(), s);
                 }
             };
-            i && e.$update(8, t()), (() => {
-                if (s) return;
+            s && e.$update(9, i()), (() => {
+                if (n) return;
                 let t;
-                n = e.$subscribe(2, () => {
+                o = e.$subscribe(2, () => {
                     t || (t = !0, F(() => {
-                        t = !1, a();
+                        t = !1, c();
                     }));
-                }), a();
+                }), c();
             })();
         }
     };
-}, ee = (e, t) => {
-    let i, s, r = k(), n = !0;
-    const o = /* @__PURE__ */ new WeakMap, l = U(r => {
-        const l = [];
-        for (const {target: a, contentRect: {width: c, height: u}} of r) if (a === i) c || u ? (n || s.u(), 
-        n = !0, e.$update(4, t ? c : u)) : n = !1; else if (a.offsetParent) {
-            const e = o.get(a);
-            null != e && l.push([ e, t ? c : u ]);
+}, te = (e, t, i) => {
+    let s, n, r = k(), o = !0;
+    const l = /* @__PURE__ */ new WeakMap, a = Z(r => {
+        const a = [];
+        for (const {target: c, contentRect: {width: u, height: p}} of r) if (c === s) u || p ? (o || n.p(), 
+        o = !0, e.$update(4, i ? u : p)) : o = !1; else if (c.offsetParent) {
+            const e = l.get(c);
+            if (null != e) {
+                const s = i ? u : p;
+                t.$isSizeEqual(e, s) || a.push([ e, s ]);
+            }
         }
-        l.length && e.$update(3, l);
+        e.$update(3, a);
     });
     return {
-        $observe(n, o = n.parentElement) {
-            l.i(i = o), s = Z(e, o, o, t, t && "rtl" === getComputedStyle(o).direction, () => {
-                const e = t ? "overflowX" : "overflowY", i = o.style, s = i[e];
-                i[e] = "hidden", x(() => {
-                    i[e] = s;
+        $observe(o, l = o.parentElement) {
+            a.o(s = l), n = ee(e, t, l, l, i, i && "rtl" === getComputedStyle(l).direction, () => {
+                const e = i ? "overflowX" : "overflowY", t = l.style, s = t[e];
+                t[e] = "hidden", x(() => {
+                    t[e] = s;
                 });
             }), r[1](!0);
         },
         $dispose() {
-            l.l(), s && s.l(), r[1](!1), r = k();
+            a.u(), n && n.u(), r[1](!1), r = k();
         },
-        $observeItem: (e, t) => (o.set(e, t), l.i(e), () => {
-            o.delete(e), l.o(e);
+        $observeItem: (e, t) => (l.set(e, t), a.o(e), () => {
+            l.delete(e), a.l(e);
         }),
         async $scroll(e, t) {
-            await r[0] && s.m(e, t);
+            await r[0] && n.h(e, t);
         },
         $effect() {
-            s && s.p();
+            n && n.m();
         },
         $getBaseOffset: e.$getStartSpacerSize
     };
-}, te = (e, t) => {
+}, ie = (e, t) => {
     e.$scroll(() => t);
-}, ie = (e, t, i) => {
-    te(e, i + t.$getScrollOffset());
-}, se = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
-    if (i = P(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
-        const e = t.$getItemOffset(i), r = t.$getScrollOffset();
-        if (e < r) s = "start"; else {
-            if (!(e + t.$getItemSize(i) > r + t.$getViewportSize())) return;
-            s = "end";
+}, se = (e, t, i) => {
+    ie(e, i + t.$getScrollOffset());
+}, ne = (e, t, i, s, {align: n, smooth: r, offset: o = 0} = {}) => {
+    if (s = I(s, 0, i.$getLength() - 1), "nearest" === n) {
+        const e = t.$getItemOffset(s), r = t.$getScrollOffset();
+        if (e < r) n = "start"; else {
+            if (!(e + i.$getItemSize(s) > r + t.$getViewportSize())) return;
+            n = "end";
         }
     }
-    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) => {
-    const l = t.$getItemsLength(), a = i.$getPinnedStart(), c = i.$getTrailStart();
-    r = P(r, 0, l - 1);
-    const u = B(s, a, c), p = H(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) {
+    e.$scroll(() => o + e.$getBaseOffset() + t.$getItemOffset(s) + ("end" === n ? i.$getItemSize(s) - t.$getViewportSize() : "center" === n ? (i.$getItemSize(s) - t.$getViewportSize()) / 2 : 0), r);
+}, re = (e, t, i, s, n, r, o) => {
+    const l = i.$getLength(), a = i.$getPinnedStart(), c = i.$getTrailStart();
+    n = I(n, 0, l - 1);
+    const u = H(s, a, c), p = j(u, n, c), m = p < 0 ? -1 : u[p], d = () => i.$getItemOffset(a) + (m < 0 || m === n ? 0 : i.$getItemOffset(m + 1) - i.$getItemOffset(m)), h = () => i.$getItemOffset(l) - i.$getItemOffset(c);
+    if ("nearest" === r) {
+        if (n < a || n >= c) return;
+        const e = d(), s = t.$getScrollOffset() + e, o = t.$getViewportSize() - e - h(), l = i.$getItemSize(n);
+        let f = t.$getItemOffset(n);
+        if (m === n) {
             const e = (p + 1 < u.length ? u[p + 1] : c) - 1;
-            l = b(l, w(i, t.$getItemOffset(e) + t.$getItemSize(e) - o));
+            f = b(f, w(s, t.$getItemOffset(e) + i.$getItemSize(e) - l));
         }
-        if (l < i) n = "start"; else {
-            if (!(l + o > i + s)) return;
-            n = "end";
+        if (f < s) r = "start"; else {
+            if (!(f + l > s + o)) return;
+            r = "end";
         }
     }
     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);
+        const e = d(), s = i.$getItemSize(n) - (t.$getViewportSize() - e - h());
+        return t.$getItemOffset(n) - e + ("end" === r ? s : "center" === r ? s / 2 : 0);
     });
-}, ne = class t {
+}, oe = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
@@ -474,7 +483,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
         return e && (s.display = "inline-flex"), s;
     });
     constructor() {
-        const e = d(r).nativeElement;
+        const e = d(n).nativeElement;
         let t;
         c({
             read: () => {
@@ -565,9 +574,9 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
         },
         ngImport: e
     });
-}, oe = (e, t) => "_" + t, le = /*#__PURE__*/ new o("virtua-item-template"), ae = class i {
+}, le = (e, t) => "_" + t, ae = /*#__PURE__*/ new o("virtua-item-template"), ce = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     itemProps=h();
     bufferSize=h();
     scrollRef=h();
@@ -584,48 +593,48 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
     scrollEnded=f();
     resized=f();
     contentTemplate=p(l);
-    h=d(le, {
+    S=d(ae, {
         optional: !0
     });
-    template=u(() => this.h?.() ?? this.contentTemplate());
-    S;
+    template=u(() => this.S?.() ?? this.contentTemplate());
     v;
+    N;
     driver;
-    N=d(r).nativeElement;
-    $=d(t);
-    R=g(void 0);
+    $=d(n).nativeElement;
+    R=d(t);
+    I=g(void 0);
     isSSR=g(!1);
     P=u(() => {
-        this.R();
-        const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
+        this.I();
+        const e = this.data().length, [t, i] = this.v.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
         if (s) {
-            const n = new Set(s);
-            for (let e = t; e <= i; e++) n.add(e);
-            for (const t of I([ ...n ])) t < e && r.push(t);
-        } else for (let e = t; e <= i; e++) r.push(e);
-        return r;
+            const r = new Set(s);
+            for (let e = t; e <= i; e++) r.add(e);
+            for (const t of P([ ...r ])) t < e && n.push(t);
+        } else for (let e = t; e <= i; e++) n.push(e);
+        return n;
     });
     items=u(() => {
-        this.R();
-        const e = this.S, t = this.data(), i = this.getKey(), s = this.itemProps();
-        return this.P().map(r => {
-            const n = t[r];
+        this.I();
+        const e = this.v, t = this.data(), i = this.getKey(), s = this.itemProps();
+        return this.P().map(n => {
+            const r = t[n];
             return {
-                key: i(n, r),
-                index: r,
-                data: n,
-                offset: e.$getItemOffset(r),
-                hide: e.$isUnmeasuredItem(r),
+                key: i(r, n),
+                index: n,
+                data: r,
+                offset: e.$getItemOffset(n),
+                hide: this.N.$isSizeEqual(n),
                 attrs: s?.({
-                    item: n,
-                    index: r
+                    item: r,
+                    index: n
                 })
             };
         });
     });
     containerStyle=u(() => {
-        this.R();
-        const e = this.horizontal(), t = this.S.$getTotalSize();
+        this.I();
+        const e = this.horizontal(), t = this.v.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -634,71 +643,71 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.S.$isScrolling() ? "none" : void 0
+            "pointer-events": this.v.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.S && e !== this.S.$getItemsLength() && this.S.$update(5, [ e, S(this.shift) ]);
+            this.v && this.v.$update(5, e, S(this.shift));
         }), m(() => {
             const e = this.startMargin();
-            this.S && e !== this.S.$getStartSpacerSize() && this.S.$update(6, e);
+            this.v && this.v.$update(7, e);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.N, this.scrollRef());
+                this.isSSR.set(!1), this.driver.$observe(this.$, this.scrollRef());
             }
         }), c({
             read: () => {
-                this.R(), this.driver.$effect();
+                this.I(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.S?.$dispose(), this.driver?.$dispose();
+            this.v?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = _(i, t);
-        this.driver = ee(s, this.horizontal()), s.$subscribe(1, e => {
-            this.R.set(s.$getStateVersion()), e && this.$.tick();
+        const i = this.N = L(this.data().length, e, this.cacheProp()), s = this.v = V(i, t);
+        this.driver = te(s, i, this.horizontal()), s.$subscribe(1, e => {
+            this.I.set(s.$getStateVersion()), e && this.R.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
         }), s.$subscribe(2, () => {
             this.resized.emit();
-        }), this.R.set(s.$getStateVersion());
+        }), this.I.set(s.$getStateVersion());
     }
     get cache() {
-        return this.v.$snapshot();
+        return this.N.$snapshot();
     }
     get scrollOffset() {
-        return this.S.$getScrollOffset();
+        return this.v.$getScrollOffset();
     }
     get scrollSize() {
-        return M(this.S);
+        return M(this.v);
     }
     get viewportSize() {
-        return this.S.$getViewportSize();
+        return this.v.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.v.$findIndex(e - this.S.$getStartSpacerSize());
+        return this.N.$findIndex(e - this.v.$getStartSpacerSize());
     }
     getItemOffset(e) {
-        return this.S.$getItemOffset(e);
+        return this.v.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.S.$getItemSize(e);
+        return this.N.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.S, e, t);
+        ne(this.driver, this.v, this.N, e, t);
     }
     scrollTo(e) {
-        te(this.driver, e);
+        ie(this.driver, e);
     }
     scrollBy(e) {
-        ie(this.driver, this.S, e);
+        se(this.driver, this.v, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -823,7 +832,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ne),
+            type: e.forwardRef(() => oe),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -838,9 +847,9 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $ge
 
 i.OnPush;
 
-var ce = class t {
+var ue = class t {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     itemProps=h();
     bufferSize=h();
     itemSize=h();
@@ -855,10 +864,10 @@ var ce = class t {
     scrollEnded=f();
     resized=f();
     template=p.required(l);
-    virtualizer=y.required(ae);
-    N=d(r).nativeElement;
+    virtualizer=y.required(ce);
+    $=d(n).nativeElement;
     ngOnInit() {
-        const e = this.horizontal(), t = this.N;
+        const e = this.horizontal(), t = this.$;
         t.setAttribute("style", `display:block;${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
     }
     get cache() {
@@ -993,7 +1002,7 @@ var ce = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: ae,
+            predicate: ce,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -1003,13 +1012,13 @@ var ce = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ae),
+            type: e.forwardRef(() => ce),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scrolled", "scrollEnded", "resized" ]
         } ],
         viewProviders: [ {
-            provide: le,
+            provide: ae,
             useFactory: () => d(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -1018,9 +1027,9 @@ var ce = class t {
 
 i.OnPush;
 
-var ue = class i {
+var pe = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     bufferSize=h();
     itemSize=h();
     ssrCount=h();
@@ -1033,31 +1042,31 @@ var ue = class i {
     scrollEnded=f();
     resized=f();
     template=p.required(l);
-    S;
     v;
+    N;
     driver;
-    N=d(r).nativeElement;
-    $=d(t);
-    R=g(void 0);
+    $=d(n).nativeElement;
+    R=d(t);
+    I=g(void 0);
     isSSR=g(!1);
     items=u(() => {
-        this.R();
-        const e = this.S, t = this.data(), i = this.getKey(), [s, r] = e.$getRange(this.bufferSize()), n = [];
-        for (let o = s; o <= r; o++) {
+        this.I();
+        const e = this.v, t = this.data(), i = this.getKey(), [s, n] = e.$getRange(this.bufferSize()), r = [];
+        for (let o = s; o <= n; o++) {
             const s = t[o];
-            n.push({
+            r.push({
                 key: i(s, o),
                 index: o,
                 data: s,
                 offset: e.$getItemOffset(o),
-                hide: e.$isUnmeasuredItem(o)
+                hide: this.N.$isSizeEqual(o)
             });
         }
-        return n;
+        return r;
     });
     containerStyle=u(() => {
-        this.R();
-        const e = this.horizontal(), t = this.S.$getTotalSize();
+        this.I();
+        const e = this.horizontal(), t = this.v.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -1066,95 +1075,98 @@ var ue = class i {
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.S.$isScrolling() ? "none" : void 0
+            "pointer-events": this.v.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.S && e !== this.S.$getItemsLength() && this.S.$update(5, [ e, S(this.shift) ]);
+            this.v && this.v.$update(5, e, S(this.shift));
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.N);
+                this.isSSR.set(!1), this.driver.$observe(this.$);
             }
         }), c({
             read: () => {
-                this.R(), this.driver.$effect();
+                this.I(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.S?.$dispose(), this.driver?.$dispose();
+            this.v?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = _(i, t);
-        this.driver = ((e, t) => {
-            let i, s, r, n, o, l = k();
-            const a = /* @__PURE__ */ new WeakMap, c = U(s => {
+        const i = this.N = L(this.data().length, e, this.cacheProp()), s = this.v = V(i, t);
+        this.driver = ((e, t, i) => {
+            let s, n, r, o, l, a = k();
+            const c = /* @__PURE__ */ new WeakMap, u = Z(n => {
                 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);
-                    null != i && r.push([ i, t ? n : l ]);
+                for (const {target: e, contentRect: {width: o, height: a}} of n) if (e === s) l && l(); else if (e.offsetParent) {
+                    const s = c.get(e);
+                    if (null != s) {
+                        const e = i ? o : a;
+                        t.$isSizeEqual(s, e) || r.push([ s, e ]);
+                    }
                 }
-                r.length && e.$update(3, r);
+                e.$update(3, r);
             });
             return {
-                $observe(a) {
-                    const u = O(a), p = C(u), m = i = u.scrollingElement, d = t && "rtl" === getComputedStyle(m).direction, h = (e, t, i, s, r = 0) => {
-                        const n = s ? "offsetLeft" : "offsetTop", o = r + (d ? t.clientWidth - e[n] - e.offsetWidth : e[n]), l = e.offsetParent;
-                        return e !== i && l ? h(l, t, i, s, o) : o;
-                    }, f = n = () => h(a, m, u.body, t), g = o = () => {
-                        e.$update(4, m[t ? "clientWidth" : "clientHeight"]);
+                $observe(c) {
+                    const p = O(c), m = C(p), d = s = p.scrollingElement, h = i && "rtl" === getComputedStyle(d).direction, f = (e, t, i, s, n = 0) => {
+                        const r = s ? "offsetLeft" : "offsetTop", o = n + (h ? t.clientWidth - e[r] - e.offsetWidth : e[r]), l = e.offsetParent;
+                        return e !== i && l ? f(l, t, i, s, o) : o;
+                    }, g = o = () => f(c, d, p.body, i), S = l = () => {
+                        e.$update(4, d[i ? "clientWidth" : "clientHeight"]);
                     };
-                    p.addEventListener("resize", g), c.i(m), r = () => {
-                        p.removeEventListener("resize", g);
-                    }, s = Z(e, p, m, t, d, null, f), l[1](!0);
+                    m.addEventListener("resize", S), u.o(d), r = () => {
+                        m.removeEventListener("resize", S);
+                    }, n = ee(e, t, m, d, i, h, null, g), a[1](!0);
                 },
                 $dispose() {
-                    r && r(), c.l(), s && s.l(), l[1](!1), l = k();
+                    r && r(), u.u(), n && n.u(), a[1](!1), a = k();
                 },
-                $observeItem: (e, t) => (a.set(e, t), c.i(e), () => {
-                    a.delete(e), c.o(e);
+                $observeItem: (e, t) => (c.set(e, t), u.o(e), () => {
+                    c.delete(e), u.l(e);
                 }),
                 async $scroll(e, t) {
-                    await l[0] && s.m(e, t);
+                    await a[0] && n.h(e, t);
                 },
                 $effect() {
-                    s && s.p();
+                    n && n.m();
                 },
-                $getBaseOffset: () => n()
+                $getBaseOffset: () => o()
             };
-        })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.R.set(s.$getStateVersion()), e && this.$.tick();
+        })(s, i, this.horizontal()), s.$subscribe(1, e => {
+            this.I.set(s.$getStateVersion()), e && this.R.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
         }), s.$subscribe(2, () => {
             this.resized.emit();
-        }), this.R.set(s.$getStateVersion());
+        }), this.I.set(s.$getStateVersion());
     }
     get cache() {
-        return this.v.$snapshot();
+        return this.N.$snapshot();
     }
     get scrollOffset() {
-        return this.S.$getScrollOffset();
+        return this.v.$getScrollOffset();
     }
     get viewportSize() {
-        return this.S.$getViewportSize();
+        return this.v.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.v.$findIndex(e - this.S.$getStartSpacerSize());
+        return this.N.$findIndex(e - this.v.$getStartSpacerSize());
     }
     getItemOffset(e) {
-        return this.S.$getItemOffset(e);
+        return this.v.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.S.$getItemSize(e);
+        return this.N.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.S, e, t);
+        ne(this.driver, this.v, this.N, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1251,7 +1263,7 @@ var ue = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ne),
+            type: e.forwardRef(() => oe),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1266,19 +1278,19 @@ var ue = class i {
 
 i.OnPush;
 
-var pe = class t {
+var me = class t {
     state=h.required();
     resizer=h.required();
     constructor() {
-        const e = d(r).nativeElement, t = u(() => this.state().$measureRow), i = u(() => this.state().$measureCol);
-        let n;
+        const e = d(n).nativeElement, t = u(() => this.state().$measureRow), i = u(() => this.state().$measureCol);
+        let r;
         c({
             read: () => {
-                const s = t(), r = i();
-                n && n(), n = null == s && null == r ? void 0 : S(this.resizer)(e, s, r);
+                const s = t(), n = i();
+                r && r(), r = null == s && null == n ? void 0 : S(this.resizer)(e, s, n);
             }
         }), d(s).onDestroy(() => {
-            n && n();
+            r && r();
         });
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
@@ -1323,14 +1335,14 @@ var pe = class t {
         },
         ngImport: e
     });
-}, me = class t {
+}, de = class t {
     state=h.required();
     template=h.required();
     row=h.required();
     cols=h.required();
     resizer=h.required();
     colItem(e) {
-        return D(this.cols(), e);
+        return G(this.cols(), e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1397,7 +1409,7 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => pe),
+            type: e.forwardRef(() => me),
             selector: "div[virtuaGridCell]",
             inputs: [ "state", "resizer" ]
         }, {
@@ -1408,14 +1420,14 @@ var pe = class t {
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, de = class t {
+}, he = class t {
     state=h.required();
     template=h.required();
     rows=h.required();
     cols=h.required();
     resizer=h.required();
     rowItem(e) {
-        return D(this.rows(), e);
+        return G(this.rows(), e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1481,13 +1493,13 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => de),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, he = class i {
+}, fe = class i {
     rows=h.required();
     cols=h.required();
     rowHeight=h.required();
@@ -1508,25 +1520,25 @@ var pe = class t {
     resized=f();
     template=p.required(l);
     container=y.required("container");
-    I;
     q;
     F;
     k;
+    O;
     driver;
-    N=d(r).nativeElement;
-    $=d(t);
-    R=g(void 0);
-    ariaRowCount=d(new n("aria-rowcount"), {
+    $=d(n).nativeElement;
+    R=d(t);
+    I=g(void 0);
+    ariaRowCount=d(new r("aria-rowcount"), {
         optional: !0
     });
-    ariaColCount=d(new n("aria-colcount"), {
+    ariaColCount=d(new r("aria-colcount"), {
         optional: !0
     });
-    rowCount=u(() => this.R() && this.I.$getItemsLength());
-    colCount=u(() => this.R() && this.q.$getItemsLength());
-    O=u(() => this.F.$getSizes(this.rows(), this.rowHeight()));
-    C=u(() => this.k.$getSizes(this.cols(), this.colWidth()));
-    T=u(() => ((e = N) => {
+    rowCount=u(() => this.I() && this.k.$getLength());
+    colCount=u(() => this.I() && this.O.$getLength());
+    C=u(() => this.k.$getSizes(this.rows(), this.rowHeight()));
+    T=u(() => this.O.$getSizes(this.cols(), this.colWidth()));
+    M=u(() => ((e = N) => {
         const t = /* @__PURE__ */ new Map;
         for (const i of e) {
             const e = i.rowIndex + (i.rowSpan || 1);
@@ -1537,18 +1549,18 @@ var pe = class t {
         }
         return t;
     })(this.spans()));
-    plan=u(() => (this.R(), ((e, t, [i, s], [r, n], o, l = N, a = N, c) => {
+    plan=u(() => (this.I(), ((e, t, [i, s], [n, r], o, l = N, a = N, c) => {
         const u = e.$getLength(), p = t.$getLength(), m = e.$getPinnedStart(), d = e.$getTrailStart(), h = t.$getPinnedStart(), f = t.$getTrailStart();
-        i = P(i, m, d), s = w(s, d - 1), r = P(r, h, f), n = w(n, f - 1);
-        const g = B(l, m, d), S = b(h - 1, 0), y = [], v = [], z = [];
+        i = I(i, m, d), s = w(s, d - 1), n = I(n, h, f), r = w(r, f - 1);
+        const g = H(l, m, d), S = b(h - 1, 0), y = [], v = [], z = [];
         for (const e of a) e.rowIndex < u && e.colIndex < p && (z.push(e), y.push(e.rowIndex));
-        const $ = z.length, R = H(g, i, d), x = R < 0 ? -1 : g[R];
+        const $ = z.length, R = j(g, i, d), x = R < 0 ? -1 : g[R];
         x >= 0 && y.push(x);
-        const q = A(I(y), u, m, i, s, d);
+        const q = Q(P(y), u, m, i, s, d);
         for (let e = 0; e < q.length; e++) for (const t of o.get(q[e]) || N) {
-            const {rowIndex: o, colIndex: l} = t, a = Q(t, u), c = J(t, p);
+            const {rowIndex: o, colIndex: l} = t, a = J(t, u), c = X(t, p);
             if ((e < 1 || q[e - 1] < o) && l < p && (a - o > 1 || c - l > 1)) {
-                let e = (o < m || b(o, i) < w(a, s + 1) || d < a || x >= o && x < a) && (l < h || b(l, r) < w(c, n + 1) || f < c);
+                let e = (o < m || b(o, i) < w(a, s + 1) || d < a || x >= o && x < a) && (l < h || b(l, n) < w(c, r + 1) || f < c);
                 for (let t = 0; !e && t < $; t++) {
                     const i = z[t];
                     e = i.rowIndex >= o && i.rowIndex < a && i.colIndex >= l && i.colIndex < c;
@@ -1557,57 +1569,57 @@ var pe = class t {
             }
         }
         for (const {rowIndex: e, colIndex: t} of z) {
-            const i = H(g, e, d);
+            const i = j(g, e, d);
             y.push(e), i >= 0 && y.push(g[i]), v.push(t);
         }
-        I(y), I(v);
-        const F = A(y, u, m, i, s, d), k = A(v, p, h, r, n, f), O = F.length, C = k.length, T = /* @__PURE__ */ new Map, M = [], _ = [];
+        P(y), P(v);
+        const F = Q(y, u, m, i, s, d), k = Q(v, p, h, n, r, f), O = F.length, C = k.length, T = /* @__PURE__ */ new Map, M = [], _ = [];
         for (const e of z) {
-            const t = Q(e, u), i = J(e, p);
+            const t = J(e, u), i = X(e, p);
             M.push(t), _.push(i);
             const s = k.indexOf(e.colIndex);
-            for (let r = F.indexOf(e.rowIndex); r < O && F[r] < t; r++) {
-                const t = F[r] * p;
-                for (let r = s; r < C && k[r] < i; r++) T.set(t + k[r], e);
+            for (let n = F.indexOf(e.rowIndex); n < O && F[n] < t; n++) {
+                const t = F[n] * p;
+                for (let n = s; n < C && k[n] < i; n++) T.set(t + k[n], e);
             }
         }
         const V = [];
         for (const e of k) V.push(!t.$isMeasurable(e) && null);
-        const E = [], L = e.$getItemOffset(m), K = [];
-        let D = K;
-        const G = W.get(e), j = /* @__PURE__ */ new Map;
+        const E = [], K = e.$getItemOffset(m), L = [];
+        let D = L;
+        const G = B.get(e), W = /* @__PURE__ */ new Map;
         for (const o of F) {
-            const l = o < m, a = o >= d, y = H(g, o, d), v = l ? 0 : a ? d : y < 0 ? -1 : g[y];
+            const l = o < m, a = o >= d, y = j(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 = [];
-                K.push({
+                L.push({
                     $key: l ? -1 : a ? -2 : -3 - v,
                     $rows: t,
-                    $style: Y(v, e, l || a ? 0 : null, a ? "bottom" : "top", 4)
+                    $style: U(v, e, l || a ? 0 : null, a ? "bottom" : "top", 4)
                 }), D = t;
-            } else v < 0 && (D = K);
-            const z = y >= 0 && o === v, N = l || a || o === x || o >= i && o <= s, w = z ? L : null, $ = o * p, R = G && G.get(o), P = R && R.$cells, I = [];
+            } else v < 0 && (D = L);
+            const z = y >= 0 && o === v, N = l || a || o === x || o >= i && o <= s, w = z ? K : null, $ = o * p, R = G && G.get(o), I = R && R.$cells, P = [];
             let q = 0, F = !e.$isMeasurable(o) && null, O = o + 1, _ = !1;
             for (let e = 0; e < C; e++) {
-                const i = k[e], s = i < h, a = i >= f, m = s || a || i >= r && i <= n, d = T.get($ + i);
+                const i = k[e], s = i < h, a = i >= f, m = s || a || i >= n && i <= r, d = T.get($ + i);
                 if (d ? d.rowIndex === o && d.colIndex === i : N && m) {
-                    const r = d ? Q(d, u) : o + 1, n = d ? J(d, p) : i + 1, m = r - o, h = n - i, f = m > 1, g = h > 1, y = f || g;
+                    const n = d ? J(d, u) : o + 1, r = d ? X(d, p) : i + 1, m = n - o, h = r - i, f = m > 1, g = h > 1, y = f || g;
                     let v, N;
-                    O = b(O, r);
-                    const w = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(n) : null;
+                    O = b(O, n);
+                    const w = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(r) : null;
                     !1 !== F || f || (v = o, F = !0), !1 !== V[e] || g || (N = i, V[e] = !0);
                     const R = l ? "columnheader" : i === S && (s || z) ? "rowheader" : "cell", x = y ? m : void 0, k = y ? h : void 0, C = "cell" !== R && c && c.rowIndex === o && c.colIndex === i ? c.order : void 0;
                     let T;
-                    if (P) {
-                        const e = P.length;
-                        for (;q < e && P[q].$col < i; ) q++;
-                        q < e && P[q].$col === i && (T = P[q]);
+                    if (I) {
+                        const e = I.length;
+                        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 !== w || T.$end !== $ || T.$measureRow !== v || T.$measureCol !== N || T.$role !== R || T.$sort !== C) {
                         let e = "1/l" + i;
-                        y && (e += "/l" + r + "/l" + n);
+                        y && (e += "/l" + n + "/l" + r);
                         const t = {
                             contain: "layout style",
                             display: "grid",
@@ -1628,31 +1640,31 @@ var pe = class t {
                             $end: $
                         }, _ = !0;
                     }
-                    I.push(T);
+                    P.push(T);
                 }
             }
-            if (E.push(F), I.length) {
-                const e = R && !_ && R.$cells.length === I.length && R.$top === w ? R : {
+            if (E.push(F), P.length) {
+                const e = R && !_ && R.$cells.length === P.length && R.$top === w ? R : {
                     $row: o,
-                    $cells: I,
-                    $style: Y(o, O, w, "top", 3),
+                    $cells: P,
+                    $style: U(o, O, w, "top", 3),
                     $top: w
                 };
-                j.set(o, e), D.push(e);
+                W.set(o, e), D.push(e);
             }
         }
-        return W.set(e, j), {
-            $rowTemplate: X(e, F, E, I(M), "max-content", u),
-            $colTemplate: X(t, k, V, I(_), "minmax(max-content,auto)", p),
-            $groups: K
+        return B.set(e, W), {
+            $rowTemplate: Y(e, F, E, P(M), "max-content", u),
+            $colTemplate: Y(t, k, V, P(_), "minmax(max-content,auto)", p),
+            $groups: L
         };
-    })(this.F, this.k, this.I.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
+    })(this.k, this.O, this.q.$getRange(this.bufferSize()), this.F.$getRange(this.bufferSize()), this.M(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
     rowItem(e) {
-        return D(this.rows(), e);
+        return G(this.rows(), e);
     }
     containerStyle=u(() => {
-        this.R();
-        const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.I.$getItemOffset(0), s = this.q.$getItemOffset(0);
+        this.I();
+        const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.q.$getItemOffset(0), s = this.F.$getItemOffset(0);
         return {
             contain: "size style",
             "overflow-anchor": "none",
@@ -1663,20 +1675,19 @@ var pe = class t {
             gap: this.gap() + "px",
             "margin-top": i + "px",
             "margin-inline-start": s + "px",
-            height: M(this.I) - i + "px",
-            "pointer-events": this.I.$isScrolling() || this.q.$isScrolling() ? "none" : void 0
+            height: M(this.q) - i + "px",
+            "pointer-events": this.q.$isScrolling() || this.F.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
-            const e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), r = this.headerCols(), n = this.footerCols();
-            if (!this.I) return;
-            const o = this.O(), l = this.C();
+            const e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), n = this.headerCols(), r = this.footerCols();
+            if (!this.q) return;
+            const o = this.C(), l = this.T();
             S(() => {
-                this.F.$setPinned(i, s), this.k.$setPinned(r, n);
-                const a = K(e), c = K(t);
-                a !== this.I.$getItemsLength() && this.I.$update(5, [ a ]), c !== this.q.$getItemsLength() && this.q.$update(5, [ c ]), 
-                this.I.$update(9, this.F.$relayout(o, this.I.$getVisibleOffset())), this.q.$update(9, this.k.$relayout(l, this.q.$getVisibleOffset()));
+                this.k.$setPinned(i, s), this.O.$setPinned(n, r);
+                const a = D(e), c = D(t);
+                this.q.$update(5, a), this.F.$update(5, c), _(this.q, this.k, o), _(this.F, this.O, l);
             });
         }), a({
             read: () => {
@@ -1684,115 +1695,115 @@ var pe = class t {
             }
         }), c({
             read: () => {
-                this.R(), this.driver.$effect();
+                this.I(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.I?.$dispose(), this.q?.$dispose(), this.driver?.$dispose();
+            this.q?.$dispose(), this.F?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
-        const e = this.N;
+        const e = this.$;
         e.setAttribute("style", "display:block;overflow:auto;contain:strict;width:100%;height:100%;" + (e.getAttribute("style") || ""));
-        const t = this.gap(), i = this.F = G(this.rows(), this.rowHeight(), t), s = this.k = G(this.cols(), this.colWidth(), t), r = this.I = _(i), n = this.q = _(s);
-        this.driver = ((e, t) => {
-            let i, s, r, n = k(), o = !0;
-            const l = /* @__PURE__ */ new WeakMap, a = /* @__PURE__ */ new WeakMap, c = U(n => {
-                const c = [], u = [];
-                for (const {target: p, contentRect: {width: m, height: d}} of n) if (p === i) m || d ? (o || (s.u(), 
-                r.u()), o = !0, e.$update(4, d), t.$update(4, m)) : o = !1; else if (p.offsetParent) {
-                    const e = l.get(p), t = a.get(p);
-                    null != e && c.push([ e, d ]), null != t && u.push([ t, m ]);
+        const t = this.gap(), i = this.k = W(this.rows(), this.rowHeight(), t), s = this.O = W(this.cols(), this.colWidth(), t), n = this.q = V(i), r = this.F = V(s);
+        this.driver = ((e, t, i, s) => {
+            let n, r, o, l = k(), a = !0;
+            const c = /* @__PURE__ */ new WeakMap, u = /* @__PURE__ */ new WeakMap, p = Z(l => {
+                const p = [], m = [];
+                for (const {target: d, contentRect: {width: h, height: f}} of l) if (d === n) h || f ? (a || (r.p(), 
+                o.p()), a = !0, e.$update(4, f), t.$update(4, h)) : a = !1; else if (d.offsetParent) {
+                    const e = c.get(d), t = u.get(d);
+                    null == e || i.$isSizeEqual(e, f) || p.push([ e, f ]), null == t || s.$isSizeEqual(t, h) || m.push([ t, h ]);
                 }
-                c.length && e.$update(3, c), u.length && t.$update(3, u);
+                e.$update(3, p), t.$update(3, m);
             });
             return {
                 async $scroll(e, t) {
-                    await n[0] && (e ? r : s).m(t);
+                    await l[0] && (e ? o : r).h(t);
                 },
-                $observe(o, l = o.parentElement) {
-                    c.i(i = l);
-                    const a = (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;
+                $observe(a, c = a.parentElement) {
+                    p.o(n = c);
+                    const u = (e, t, i) => ee(e, t, c, c, i, i && "rtl" === getComputedStyle(c).direction, () => {
+                        const e = i ? "overflowX" : "overflowY", t = c.style, s = t[e];
+                        t[e] = "hidden", x(() => {
+                            t[e] = s;
                         });
                     });
-                    s = a(e, !1), r = a(t, !0), n[1](!0);
+                    r = u(e, i, !1), o = u(t, s, !0), l[1](!0);
                 },
                 $dispose() {
-                    c.l(), s && s.l(), r && r.l(), n[1](!1), n = k();
+                    p.u(), r && r.u(), o && o.u(), l[1](!1), l = k();
                 },
-                $observeItem: (e, t, i) => (null != t && l.set(e, t), null != i && a.set(e, i), 
-                c.i(e), () => {
-                    l.delete(e), a.delete(e), c.o(e);
+                $observeItem: (e, t, i) => (null != t && c.set(e, t), null != i && u.set(e, i), 
+                p.o(e), () => {
+                    c.delete(e), u.delete(e), p.l(e);
                 }),
                 $effect() {
-                    s && s.p(), r && r.p();
+                    r && r.m(), o && o.m();
                 }
             };
-        })(r, n);
+        })(n, r, i, s);
         const o = e => {
-            this.R.set(r.$getStateVersion() + n.$getStateVersion()), e && this.$.tick();
+            this.I.set(n.$getStateVersion() + r.$getStateVersion()), e && this.R.tick();
         };
-        r.$subscribe(1, o), n.$subscribe(1, o);
+        n.$subscribe(1, o), r.$subscribe(1, o);
         let l = !1;
-        r.$subscribe(4, () => {
-            l = !0, this.verticalScrolled.emit(r.$getScrollOffset());
-        }), n.$subscribe(4, () => {
-            l = !0, this.horizontalScrolled.emit(n.$getScrollOffset());
+        n.$subscribe(4, () => {
+            l = !0, this.verticalScrolled.emit(n.$getScrollOffset());
+        }), r.$subscribe(4, () => {
+            l = !0, this.horizontalScrolled.emit(r.$getScrollOffset());
         });
         const a = () => {
-            !l || r.$isScrolling() || n.$isScrolling() || (l = !1, this.scrollEnded.emit());
+            !l || n.$isScrolling() || r.$isScrolling() || (l = !1, this.scrollEnded.emit());
         };
         let c;
-        r.$subscribe(8, a), n.$subscribe(8, a);
+        n.$subscribe(8, a), r.$subscribe(8, a);
         const u = () => {
             c || (c = !0, F(() => {
                 c = !1, this.resized.emit();
             }));
         };
-        r.$subscribe(2, u), n.$subscribe(2, u), o();
+        n.$subscribe(2, u), r.$subscribe(2, u), o();
     }
     get verticalScrollOffset() {
-        return this.I.$getScrollOffset();
+        return this.q.$getScrollOffset();
     }
     get horizontalScrollOffset() {
-        return this.q.$getScrollOffset();
+        return this.F.$getScrollOffset();
     }
     get scrollHeight() {
-        return M(this.I);
+        return M(this.q);
     }
     get scrollWidth() {
-        return M(this.q);
+        return M(this.F);
     }
     get viewportHeight() {
-        return this.I.$getViewportSize();
+        return this.q.$getViewportSize();
     }
     get viewportWidth() {
-        return this.q.$getViewportSize();
+        return this.F.$getViewportSize();
     }
     findRowIndex(e) {
-        return this.F.$findIndex(e);
+        return this.k.$findIndex(e);
     }
     findColIndex(e) {
-        return this.k.$findIndex(e);
+        return this.O.$findIndex(e);
     }
     getRowOffset(e) {
-        return this.I.$getItemOffset(e);
+        return this.q.$getItemOffset(e);
     }
     getColOffset(e) {
-        return this.q.$getItemOffset(e);
+        return this.F.$getItemOffset(e);
     }
     getRowSize(e) {
-        return this.I.$getItemSize(e);
+        return this.k.$getItemSize(e);
     }
     getColSize(e) {
-        return this.q.$getItemSize(e);
+        return this.O.$getItemSize(e);
     }
     scrollToIndex(e) {
-        ((e, t, i, s, r, n = N, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
-            null != o && re(e, t, s, n, o, a, !1), null != l && re(e, i, r, N, l, c, !0);
-        })(this.driver, this.I, this.q, this.F, this.k, this.sectionRows(), e);
+        ((e, t, i, s, n, r = N, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
+            null != o && re(e, t, s, r, o, a, !1), null != l && re(e, i, n, N, l, c, !0);
+        })(this.driver, this.q, this.F, this.k, this.O, this.sectionRows(), e);
     }
     scrollTo({vertical: e, horizontal: t}) {
         ((e, t, i) => {
@@ -1800,16 +1811,16 @@ var pe = class t {
         })(this.driver, e, t);
     }
     scrollBy({vertical: e, horizontal: t}) {
-        ((e, t, i, s, r) => {
+        ((e, t, i, s, n) => {
             if (null != s) {
                 const i = s + t.$getScrollOffset();
                 e.$scroll(!1, () => i);
             }
-            if (null != r) {
-                const t = r + i.$getScrollOffset();
+            if (null != n) {
+                const t = n + i.$getScrollOffset();
                 e.$scroll(!0, () => t);
             }
-        })(this.driver, this.I, this.q, e, t);
+        })(this.driver, this.q, this.F, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1961,12 +1972,12 @@ var pe = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => de),
+            type: e.forwardRef(() => he),
             selector: "div[virtuaGridRowGroup]",
             inputs: [ "state", "template", "rows", "cols", "resizer" ]
         }, {
             kind: "directive",
-            type: e.forwardRef(() => me),
+            type: e.forwardRef(() => de),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
@@ -1976,7 +1987,7 @@ var pe = class t {
 
 i.OnPush, i.OnPush, i.OnPush;
 
-var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class t {
+var ge = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", Se = class t {
     index=h.required();
     offset=h.required();
     crossOffset=h.required();
@@ -1992,7 +2003,7 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
         visibility: this.hide() ? "hidden" : void 0
     }));
     constructor() {
-        const e = d(r).nativeElement;
+        const e = d(n).nativeElement;
         let t;
         c({
             read: () => {
@@ -2068,9 +2079,9 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
         },
         ngImport: e
     });
-}, Se = class i {
+}, ye = class i {
     data=h.required();
-    getKey=h(oe);
+    getKey=h(le);
     lanes=h.required();
     gap=h();
     itemSize=h();
@@ -2084,25 +2095,25 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
     resized=f();
     template=p.required(l);
     container=y.required("container");
-    S;
     v;
+    N;
     driver;
-    N=d(r).nativeElement;
-    $=d(t);
-    R=g(void 0);
+    $=d(n).nativeElement;
+    R=d(t);
+    I=g(void 0);
     P=u(() => {
-        this.R();
-        const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
+        this.I();
+        const e = this.data().length, [t, i] = this.v.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
         if (s) {
-            const n = new Set(s);
-            for (let e = t; e <= i; e++) n.add(e);
-            for (const t of I([ ...n ])) t < e && r.push(t);
-        } else for (let e = t; e <= i; e++) r.push(e);
-        return r;
+            const r = new Set(s);
+            for (let e = t; e <= i; e++) r.add(e);
+            for (const t of P([ ...r ])) t < e && n.push(t);
+        } else for (let e = t; e <= i; e++) n.push(e);
+        return n;
     });
     items=u(() => {
-        this.R();
-        const e = this.S, t = this.v, i = this.data(), s = this.getKey(), r = t.$getGap(), n = t.$getLanes(), o = fe(1 / n, r / n - r), l = [];
+        this.I();
+        const e = this.v, t = this.N, i = this.data(), s = this.getKey(), n = t.$getGap(), r = t.$getLanes(), o = ge(1 / r, n / r - n), l = [];
         for (const a of this.P()) {
             const c = i[a], u = t.$getItemLane(a);
             l.push({
@@ -2110,32 +2121,32 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
                 index: a,
                 data: c,
                 offset: e.$getItemOffset(a),
-                crossOffset: fe(u / n, u * r / n),
+                crossOffset: ge(u / r, u * n / r),
                 crossSize: o,
-                hide: e.$isUnmeasuredItem(a)
+                hide: t.$isSizeEqual(a)
             });
         }
         return l;
     });
-    containerStyle=u(() => (this.R(), {
+    containerStyle=u(() => (this.I(), {
         contain: "size style",
         "overflow-anchor": "none",
         flex: "none",
         position: "relative",
         width: "100%",
-        height: this.S.$getTotalSize() + "px",
-        "pointer-events": this.S.$isScrolling() ? "none" : void 0
+        height: this.v.$getTotalSize() + "px",
+        "pointer-events": this.v.$isScrolling() ? "none" : void 0
     }));
     constructor() {
         m(() => {
             const e = this.data();
-            this.S && S(() => {
-                e.length !== this.S.$getItemsLength() && this.S.$update(5, [ e.length ]);
+            this.v && S(() => {
+                this.v.$update(5, e.length);
             });
         }), m(() => {
             const e = this.lanes(), t = this.gap();
-            this.S && S(() => {
-                this.S.$update(9, this.v.$relayout(e, t, this.S.$getVisibleOffset()));
+            this.v && S(() => {
+                _(this.v, this.N, e, t);
             });
         }), a({
             read: () => {
@@ -2143,125 +2154,116 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
             }
         }), c({
             read: () => {
-                this.R(), this.driver.$effect();
+                this.I(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.S?.$dispose(), this.driver?.$dispose();
+            this.v?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
-        const e = this.N;
+        const e = this.$;
         e.setAttribute("style", "display:block;overflow-y:auto;contain:strict;width:100%;height:100%;" + (e.getAttribute("style") || ""));
-        const t = this.v = ((e, t, i = 0, s, r) => {
-            let n = b(t, 1), o = r && r[1] || s || 40, l = -1, a = s ? void 0 : /* @__PURE__ */ new Set, c = !s;
-            const u = r && r[0], p = u ? V(u.slice(0, w(e, u.length)), b(0, e - u.length)) : V([], e), m = [], d = [], h = [], f = e => {
-                const t = p[e];
+        const t = this.N = ((e, t, i = 0, s, n) => {
+            let r = b(t, 1), o = n && n[1] || s || 40, l = -1, a = s ? void 0 : /* @__PURE__ */ new Set, c = !s;
+            const u = n ? n[0].slice(0, e) : [];
+            E(u, e - u.length);
+            const p = [], m = [], d = [ 0 ], h = e => {
+                const t = u[e];
                 return -1 === t ? o : t;
-            }, g = t => {
-                if (t = w(t, e - 1), l >= t) return;
-                const s = [], r = [];
-                for (let e = 0; e < n; e++) s.push(0), r.push(-1);
-                for (let e = l, t = n; e >= 0 && t; e--) {
-                    const i = d[e];
-                    -1 === r[i] && (r[i] = e, s[i] = m[e] + f(e), t--);
+            }, f = () => {
+                if (l >= e - 1) return;
+                const t = [], s = [];
+                for (let e = 0; e < r; e++) t.push(0), s.push(-1);
+                for (let e = l, n = r; e >= 0 && n; e--) {
+                    const r = m[e];
+                    -1 === s[r] && (s[r] = e, t[r] = p[e] + h(e) + i, n--);
                 }
-                for (;l < t; ) {
+                for (;l < e - 1; ) {
                     const e = ++l;
-                    let t = 0, o = 1 / 0, a = 1 / 0;
-                    for (let e = 0; e < n; e++) {
-                        const n = s[e] + (r[e] >= 0 ? i : 0);
-                        (n < o || n === o && r[e] < a) && (t = e, o = n, a = r[e]);
+                    let n = 0, o = 1 / 0, a = 1 / 0;
+                    for (let e = 0; e < r; e++) {
+                        const i = t[e];
+                        (i < o || i === o && s[e] < a) && (n = e, o = i, a = s[e]);
                     }
-                    m[e] = o, d[e] = t, s[t] = o + f(e), r[t] = e, h[e] = b(e ? h[e - 1] : 0, s[t]);
+                    const c = o + h(e);
+                    p[e] = o, m[e] = n, t[n] = c + i, s[n] = e, d[e + 1] = b(d[e], c);
                 }
-            }, S = t => t >= e ? v() : (g(t), m[t]), y = e => (g(e), h[e]), v = () => e ? y(e - 1) : 0, z = t => {
-                if (!e) return 0;
-                const i = E(y, e, t);
-                return y(i) <= t ? i + 1 : i;
-            };
+            }, g = t => t >= e ? y() : (f(), p[t]), S = e => (f(), d[e]), y = () => S(e), v = t => K(S, e + 1, t);
             return {
                 $getRange: (t, i) => {
-                    const s = E(S, e, i);
-                    return [ w(z(t), s), s ];
+                    const s = K(g, e, i);
+                    return [ w(v(t), s), s ];
                 },
-                $getItemOffset: S,
-                $getItemSize: f,
-                $isSizeEqual: (e, t = -1) => p[e] === t,
-                $resize: (t, s, r, u) => {
-                    let m = z(r);
-                    for (;m > 0 && !s(m - 1); ) m--;
-                    for (;m < e && s(m); ) m++;
-                    const d = S(m);
-                    for (const [e, i] of t) p[e] = i, a && a.add(e), l = w(e - 1, l);
-                    let h = S(m) - d;
-                    if (a && u) {
+                $findIndex: v,
+                $getItemOffset: g,
+                $getItemSize: h,
+                $isSizeEqual: (e, t = -1) => u[e] === t,
+                $setItemSizes: (e, t) => {
+                    for (const [t, i] of e) u[t] = i, a && a.add(t), l = w(t - 1, l);
+                    if (a && t) {
                         const e = [];
-                        let t = 0;
-                        if (a.forEach(s => {
-                            const r = p[s];
-                            r > 0 && (e.push(r), t += r + i);
-                        }), t > u * n) {
-                            I(e);
-                            const t = e.length, i = t / 2 | 0, s = t % 2 == 0 ? (e[i - 1] + e[i]) / 2 : e[i], n = z(r + h), u = S(n);
-                            o = s, l = -1, h += S(n) - u, a = void 0, c = !1;
+                        let s = 0;
+                        if (a.forEach(t => {
+                            const n = u[t];
+                            -1 !== n && n && (e.push(n), s += n + i);
+                        }), s > t * r) {
+                            P(e);
+                            const t = e.length, i = t / 2 | 0;
+                            o = t % 2 == 0 ? (e[i - 1] + e[i]) / 2 : e[i], l = -1, a = void 0, c = !1;
                         }
                     }
-                    return h;
                 },
-                $getTotalSize: v,
+                $getTotalSize: y,
                 $getLength: () => e,
                 $setLength: t => {
                     const i = t - e;
-                    return l = w(t - 1, l), e = t, i > 0 ? V(p, i) : p.splice(i), 0;
-                },
-                $relayout: (e, t = 0, r) => {
-                    if ((e = b(e, 1)) === n && t === i) return;
-                    const o = z(r), c = S(o);
-                    return n = e, i = t, l = -1, a = s ? void 0 : /* @__PURE__ */ new Set, S(o) - c;
+                    l = w(t - 1, l), e = t, i > 0 ? E(u, i) : u.splice(i);
                 },
+                $relayout: (e, t = 0) => ((e = b(e, 1)) !== r || t !== i) && (r = e, i = t, l = -1, 
+                a = s ? void 0 : /* @__PURE__ */ new Set, !0),
                 $isEstimating: () => c,
-                $snapshot: () => [ p.slice(), o ],
-                $getLanes: () => n,
+                $snapshot: () => [ u.slice(), o ],
+                $getLanes: () => r,
                 $getGap: () => i,
-                $getItemLane: e => (g(e), d[e])
+                $getItemLane: e => (f(), m[e])
             };
-        })(this.data().length, this.lanes(), this.gap(), this.itemSize(), this.cacheProp()), i = this.S = _(t);
-        this.driver = ee(i, !1), i.$subscribe(1, e => {
-            this.R.set(i.$getStateVersion()), e && this.$.tick();
+        })(this.data().length, this.lanes(), this.gap(), this.itemSize(), this.cacheProp()), i = this.v = V(t);
+        this.driver = te(i, t, !1), i.$subscribe(1, e => {
+            this.I.set(i.$getStateVersion()), e && this.R.tick();
         }), i.$subscribe(4, () => {
             this.scrolled.emit(i.$getScrollOffset());
         }), i.$subscribe(8, () => {
             this.scrollEnded.emit();
         }), i.$subscribe(2, () => {
             this.resized.emit();
-        }), this.R.set(i.$getStateVersion());
+        }), this.I.set(i.$getStateVersion());
     }
     get cache() {
-        return this.v.$snapshot();
+        return this.N.$snapshot();
     }
     get scrollOffset() {
-        return this.S.$getScrollOffset();
+        return this.v.$getScrollOffset();
     }
     get scrollSize() {
-        return M(this.S);
+        return M(this.v);
     }
     get viewportSize() {
-        return this.S.$getViewportSize();
+        return this.v.$getViewportSize();
     }
     getItemOffset(e) {
-        return this.S.$getItemOffset(e);
+        return this.v.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.S.$getItemSize(e);
+        return this.N.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        se(this.driver, this.S, e, t);
+        ne(this.driver, this.v, this.N, e, t);
     }
     scrollTo(e) {
-        te(this.driver, e);
+        ie(this.driver, e);
     }
     scrollBy(e) {
-        ie(this.driver, this.S, e);
+        se(this.driver, this.v, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -2361,7 +2363,7 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ge),
+            type: e.forwardRef(() => Se),
             selector: "div[virtuaMasonryItem]",
             inputs: [ "index", "offset", "crossOffset", "crossSize", "hide", "resizer" ]
         }, {
@@ -2376,5 +2378,5 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
 
 i.OnPush;
 
-export { he as VGrid, ce as VList, Se as VMasonry, ae as Virtualizer, ue as WindowVirtualizer };
+export { fe as VGrid, ue as VList, ye as VMasonry, ce as Virtualizer, pe as WindowVirtualizer };
 //# sourceMappingURL=index.js.map