virtua 0.53.1 → 0.53.2

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 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 { 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 { NgTemplateOutlet as v } from "@angular/common";
 
-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 => {
+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 => {
     Promise.resolve().then(e);
 }, k = () => {
     let e;
@@ -12,103 +12,100 @@ var z, N = [], {min: w, max: b, abs: $, floor: R} = Math, I = (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, $findIndex: t, $getItemOffset: i, $getItemSize: s, $isSizeEqual: n, $getTotalSize: r, $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, z = 0, N = 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, O = e => {
-        if (2 === N) return !0;
-        if (R && 1 === N) return e < R[0];
-        const t = q(), i = k(e), n = s(e);
-        return 1 !== z && 0 === N ? i + n <= t : i < t && i + n < t + h;
-    }, C = e => {
-        e && (T() && 0 !== z || R && 1 === N ? y += e : S += e);
+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) => {
+    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 => {
+        e && (T() && 0 !== y || z && 1 === v ? g += e : f += e);
     };
     return {
         $dispose: () => {
-            x.clear();
+            P.clear();
         },
-        $getStateVersion: () => d,
+        $getStateVersion: () => p,
         $getRange: (t = 200) => {
-            if (!P || m) return I;
+            if (!R || u) return N;
             let i, s;
-            if (v) [i, s] = I; else {
-                let n = b(0, F()), r = n + h;
-                a() || (t = b(0, t), 1 !== z && (n -= t), 2 !== z && (r += t)), [i, s] = I = e(b(0, n), b(0, r)), 
-                R && (i = w(i, R[0]), s = b(s, R[1]));
+            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)), 
+                z && (i = w(i, z[0]), s = b(s, z[1]));
             }
-            return [ b(i, 0), w(s, o() - 1) ];
+            return [ b(i, 0), w(s, n() - 1) ];
         },
-        $findItemIndex: e => t(e - f),
-        $isUnmeasuredItem: n,
-        $getItemOffset: k,
-        $getItemSize: s,
-        $getItemsLength: o,
-        $getScrollOffset: () => g,
-        $isScrolling: () => 0 !== z,
-        $getViewportSize: () => h,
-        $getStartSpacerSize: () => f,
+        $isUnmeasuredItem: s,
+        $getItemOffset: q,
+        $getItemSize: i,
+        $getItemsLength: n,
+        $getScrollOffset: () => h,
+        $getVisibleOffset: x,
+        $isScrolling: () => 0 !== y,
+        $getViewportSize: () => m,
+        $getStartSpacerSize: () => d,
         $getTotalSize: r,
-        t: () => (v = S, S = 0, [ v, 2 === N ]),
+        t: () => (S = f, f = 0, [ S, 2 === v ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
-            return x.add(i), () => {
-                x.delete(i);
+            return P.add(i), () => {
+                P.delete(i);
             };
         },
         $update: (t, i) => {
-            let s, o, a = 0;
+            let n, l, c = 0;
             switch (t) {
               case 1:
                 {
-                    if (i === g && 0 === N) break;
-                    const e = v;
-                    v = 0;
-                    const t = i - g, s = $(t);
-                    e && s < $(e) + 1 || 0 !== N || (z = t < 0 ? 2 : 1), m && (m = !1), g = i, a = 4;
-                    const n = q();
-                    n >= -h && n <= r() && (a += 1, o = s > h);
+                    if (i === 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);
                     break;
                 }
 
               case 2:
-                a = 8, 0 !== z && (s = !0, a += 1), z = 0, N = 0, R = null;
+                c = 8, 0 !== y && (n = !0, c += 1), y = 0, v = 0, z = null;
                 break;
 
               case 3:
                 {
-                    const e = i.filter(([e, t]) => !n(e, t));
+                    const e = i.filter(([e, t]) => !s(e, t));
                     if (!e.length) break;
-                    C(c(e, O, F(), h)), a = 3, o = !0;
+                    k(a(e, F, x(), m)), c = 3, l = !0;
                     break;
                 }
 
               case 4:
-                h !== i && (h || (P = o = !0), h = i, a = 3);
+                m !== i && (m || (R = l = !0), m = i, c = 3);
                 break;
 
               case 5:
-                i[1] ? (C(l(i[0], !0)), N = 2, a = 1) : (l(i[0]), a = 1);
+                i[1] ? (k(o(i[0], !0)), v = 2, c = 1) : (o(i[0]), c = 1);
                 break;
 
               case 6:
-                f = i;
+                d = i;
                 break;
 
               case 7:
-                N = 1;
+                v = 1;
                 break;
 
               case 9:
-                {
-                    const e = u(i, F());
-                    null != e && (C(e), a = 3);
-                    break;
-                }
+                null != i && (k(i), c = 3);
+                break;
 
               case 8:
-                R = e(i, i + h), a = 1;
+                z = e(i, i + m), c = 1;
             }
-            a && (d = 1 + (2147483647 & d), s && y && (S += y, y = 0), x.forEach(([e, t]) => {
-                a & e && t(o);
+            c && (p = 1 + (2147483647 & p), n && g && (f += g, g = 0), P.forEach(([e, t]) => {
+                c & e && t(l);
             }));
         }
     };
@@ -116,31 +113,31 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     const s = i ? "unshift" : "push";
     for (let i = 0; i < t; i++) e[s](-1);
     return e;
-}, E = (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;
+}, 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(r, 0, t - 1);
+    return P(n, 0, t - 1);
 }, L = (e, t, i) => {
-    let s = i && i[1] || t || 40, n = -1, r = 0, o = !t, l = 0;
+    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];
         return -1 === t ? s : t;
     }, m = t => {
         if (!e) return 0;
-        if (n >= t) return u[t];
-        n < 0 && (u[0] = 0, n = 0);
-        let i = n, s = u[i];
+        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 n = t, s;
+        return r = t, s;
     };
     return {
         $getRange: (t, i) => {
-            let s, n;
-            return l = w(l, e - 1), m(l) <= t ? (n = E(m, e, i, l), s = E(m, e, t, l, n)) : (s = E(m, e, t, void 0, l), 
-            n = E(m, e, i, s)), l = s, [ s, n ];
+            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 ];
         },
         $findIndex: t => E(m, e, t),
         $getItemOffset: m,
@@ -148,14 +145,14 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         $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) r += -1 === c[e] ? i : i - p(e), c[e] = i, n = w(e, n);
-            if (o && a && r > a) {
+            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), r = [];
+                const i = E(m, e, l + u), n = [];
                 c.forEach((e, s) => {
-                    -1 !== e && (e && r.push(e), s < i && t++);
-                }), n = -1, P(r);
-                const a = r.length, p = a / 2 | 0, d = a % 2 == 0 ? (r[p - 1] + r[p]) / 2 : r[p], h = 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;
             }
             return u;
@@ -163,18 +160,18 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         $getTotalSize: () => m(e),
         $getLength: () => e,
         $setLength: (t, i) => {
-            const r = t - e;
-            return n = i ? -1 : w(t - 1, n), e = t, r > 0 ? (V(u, r), V(c, r, i), s * r) : (u.splice(r), 
-            (i ? c.splice(0, -r) : c.splice(r)).reduce((e, t) => e - (-1 === t ? s : t), 0));
+            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));
         },
         $isEstimating: () => o,
         $snapshot: () => [ c.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 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 = () => {
+    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];
@@ -189,28 +186,28 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return l = e, i;
     }, z = (e, t) => {
         d[e] = t, l = w(e, l);
-    }, N = e => d.length ? E(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;
+    }, 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;
     return {
         $getRange: (e, t) => {
-            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))) ];
+            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))) ];
         },
         $findIndex: N,
         $getItemOffset: v,
         $getItemSize: q,
-        $resize: (e, t, s, n) => {
-            let r = e.reduce((e, [i, s]) => g(i) && t(i) ? e + (s - q(i)) : e, 0);
+        $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), z(t, s + i));
-            if (c && n && a > n) {
+            if (c && r && a > r) {
                 let e = 0;
-                const t = N(s + r), i = [];
-                d.forEach((s, n) => {
-                    -1 !== s && (s && i.push(s), n < t && e++);
-                }), l = -1, P(i);
-                const n = i.length, a = n / 2 | 0, u = n % 2 == 0 ? (i[a - 1] + i[a]) / 2 : i[a], p = o;
-                r += ((o = u) - p) * b(t - e, 0), c = !1;
+                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;
             }
-            return r;
+            return n;
         },
         $isSizeEqual: (e, t = -1) => {
             const s = d.length ? d[e] : -1;
@@ -229,82 +226,82 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         $getPinnedStart: $,
         $getTrailStart: x,
-        $getSizes: (e, t) => "number" == typeof t ? n ? t : null : n || r || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
+        $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 n = N(t) * (s - o);
-                return o = s, n;
+                const r = N(t) * (s - o);
+                return o = s, r;
             }
             if (e === m && s === f.length) return;
             m = e, f.length = s, S();
-            const n = N(t), r = v(n);
+            const r = N(t), n = v(r);
             let l;
             for (let t = 0; t < s; t++) {
-                const s = e[t], n = "number" != typeof s;
-                if (!n || !f[t]) {
-                    f[t] = n;
-                    const e = n ? -1 : s + i;
+                const s = e[t], r = "number" != typeof s;
+                if (!r || !f[t]) {
+                    f[t] = r;
+                    const e = r ? -1 : s + i;
                     d[t] !== e && (z(t, e), l = !0);
                 }
             }
-            return l ? v(n) - r : void 0;
+            return l ? v(r) - n : void 0;
         }
     };
 }, W = /*#__PURE__*/ new WeakMap, B = (e, t, i) => {
     const s = [];
-    for (const n of e) n >= t && n < i && s.push(n);
-    return P(s);
+    for (const r of e) r >= t && r < i && s.push(r);
+    return I(s);
 }, H = (e, t, i) => {
     if (t >= i) return -1;
-    let s = 0, n = e.length;
-    for (;s < n; ) {
-        const i = s + n >> 1;
-        e[i] <= t ? s = i + 1 : n = i;
+    let s = 0, r = e.length;
+    for (;s < r; ) {
+        const i = s + r >> 1;
+        e[i] <= t ? s = i + 1 : r = i;
     }
     return s - 1;
-}, j = (e, t, i, s, n) => {
-    const r = t.length;
-    for (;i < r && t[i] < s; i++) {
+}, j = (e, t, i, s, r) => {
+    const n = t.length;
+    for (;i < n && t[i] < s; i++) {
         const s = t[i];
-        s > n && (e.push(s), n = s);
+        s > r && (e.push(s), r = s);
     }
     return i;
-}, A = (e, t, i, s, n, r) => {
+}, 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);
-    for (let e = s; e <= n; e++) o.push(e);
-    j(o, e, l, r, n);
-    for (let e = r; e < t; e++) o.push(e);
+    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);
     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, n, r) => {
+}, 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) => {
     const o = t.length, l = s.length;
     let a = "[l0]", c = 0, u = 0, p = 0;
-    for (;c < r; ) {
+    for (;c < n; ) {
         for (;p < l && s[p] <= c; ) p++;
-        const m = u < o ? t[u] : r;
+        const m = u < o ? t[u] : n;
         let d, h;
         if (m === c) {
             d = c + 1;
             const t = i[u];
-            h = null == t ? e.$getItemSize(c) + "px" : t ? n : "minmax(" + e.$getItemSize(c) + "px,auto)", 
+            h = null == t ? e.$getItemSize(c) + "px" : t ? r : "minmax(" + e.$getItemSize(c) + "px,auto)", 
             u++;
-        } else d = w(m, p < l ? s[p] : r), h = "minmax(" + (e.$getItemOffset(d - 1) + e.$getItemSize(d - 1) - e.$getItemOffset(c)) + "px,auto)";
+        } else d = w(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;
-}, Y = (e, t, i, s, n) => {
-    const r = {
+}, Y = (e, t, i, s, r) => {
+    const n = {
         display: "grid",
         gridTemplateRows: "subgrid",
         gridTemplateColumns: "subgrid",
         gridColumn: "1/-1",
         gridRow: "l" + e + "/l" + t
     };
-    return null != i && (r.position = "sticky", r[s] = i + "px", r.zIndex = n), r;
+    return null != i && (n.position = "sticky", n[s] = i + "px", n.zIndex = r), n;
 }, U = e => {
     let t;
     return {
@@ -318,9 +315,9 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             t && t.disconnect();
         }
     };
-}, Z = (e, t, i, s, n, r, 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 => n ? -e : e, y = () => S(i[f]), v = (e, t) => {
+    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),
             behavior: t ? "smooth" : "instant"
@@ -356,21 +353,21 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         p: () => {
             const [t, s] = e.t();
             if (!t) return;
-            d && r && r(), d = !1;
-            const n = e.$getScrollOffset(), o = n + t, a = e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize();
-            o <= 0 || o >= a || n >= a ? v(o) : i.scrollBy({
+            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),
                 behavior: "instant"
             }), s && (l && l(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, y()));
         },
         m: (t, i) => {
-            let s, n, r;
+            let s, r, n;
             l && l();
             const o = l = () => {
-                s = !0, q(n), r && r();
+                s = !0, q(r), n && n();
             }, a = () => {
                 if (!s) {
-                    if (e.$getViewportSize() && (q(n), n = x(o, 150)), i) {
+                    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();
                     }
@@ -380,7 +377,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             i && e.$update(8, t()), (() => {
                 if (s) return;
                 let t;
-                r = e.$subscribe(2, () => {
+                n = e.$subscribe(2, () => {
                     t || (t = !0, F(() => {
                         t = !1, a();
                     }));
@@ -389,33 +386,33 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         }
     };
 }, ee = (e, t) => {
-    let i, s, n = k(), r = !0;
-    const o = /* @__PURE__ */ new WeakMap, l = U(n => {
+    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 n) if (a === i) c || u ? (r || s.u(), 
-        r = !0, e.$update(4, t ? c : u)) : r = !1; else if (a.offsetParent) {
+        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 ]);
         }
         l.length && e.$update(3, l);
     });
     return {
-        $observe(r, o = r.parentElement) {
+        $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;
                 });
-            }), n[1](!0);
+            }), r[1](!0);
         },
         $dispose() {
-            l.l(), s && s.l(), n[1](!1), n = k();
+            l.l(), s && s.l(), r[1](!1), r = k();
         },
         $observeItem: (e, t) => (o.set(e, t), l.i(e), () => {
             o.delete(e), l.o(e);
         }),
         async $scroll(e, t) {
-            await n[0] && s.m(e, t);
+            await r[0] && s.m(e, t);
         },
         $effect() {
             s && s.p();
@@ -426,37 +423,37 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     e.$scroll(() => t);
 }, ie = (e, t, i) => {
     te(e, i + t.$getScrollOffset());
-}, se = (e, t, i, {align: s, smooth: n, offset: r = 0} = {}) => {
-    if (i = I(i, 0, t.$getItemsLength() - 1), "nearest" === s) {
-        const e = t.$getItemOffset(i), n = t.$getScrollOffset();
-        if (e < n) s = "start"; else {
-            if (!(e + t.$getItemSize(i) > n + t.$getViewportSize())) return;
+}, 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";
         }
     }
-    e.$scroll(() => r + e.$getBaseOffset() + t.$getItemOffset(i) + ("end" === s ? t.$getItemSize(i) - t.$getViewportSize() : "center" === s ? (t.$getItemSize(i) - t.$getViewportSize()) / 2 : 0), n);
-}, ne = (e, t, i, s, n, r, o) => {
+    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();
-    n = I(n, 0, l - 1);
-    const u = B(s, a, c), p = H(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(), i = t.$getScrollOffset() + e, s = t.$getViewportSize() - e - h(), o = t.$getItemSize(n);
-        let l = t.$getItemOffset(n);
-        if (m === n) {
+    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) {
             const e = (p + 1 < u.length ? u[p + 1] : c) - 1;
             l = b(l, w(i, t.$getItemOffset(e) + t.$getItemSize(e) - o));
         }
-        if (l < i) r = "start"; else {
+        if (l < i) n = "start"; else {
             if (!(l + o > i + s)) return;
-            r = "end";
+            n = "end";
         }
     }
     e.$scroll(o, () => {
-        const e = d(), i = t.$getItemSize(n) - (t.$getViewportSize() - e - h());
-        return t.$getItemOffset(n) - e + ("end" === r ? i : "center" === r ? i / 2 : 0);
+        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 {
+}, ne = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
@@ -477,7 +474,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return e && (s.display = "inline-flex"), s;
     });
     constructor() {
-        const e = d(n).nativeElement;
+        const e = d(r).nativeElement;
         let t;
         c({
             read: () => {
@@ -585,6 +582,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     startMargin=h(0);
     scrolled=f();
     scrollEnded=f();
+    resized=f();
     contentTemplate=p(l);
     h=d(le, {
         optional: !0
@@ -593,34 +591,34 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     S;
     v;
     driver;
-    N=d(n).nativeElement;
+    N=d(r).nativeElement;
     $=d(t);
     R=g(void 0);
     isSSR=g(!1);
-    I=u(() => {
+    P=u(() => {
         this.R();
-        const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+        const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
         if (s) {
-            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;
+            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;
     });
     items=u(() => {
         this.R();
         const e = this.S, t = this.data(), i = this.getKey(), s = this.itemProps();
-        return this.I().map(n => {
-            const r = t[n];
+        return this.P().map(r => {
+            const n = t[r];
             return {
-                key: i(r, n),
-                index: n,
-                data: r,
-                offset: e.$getItemOffset(n),
-                hide: e.$isUnmeasuredItem(n),
+                key: i(n, r),
+                index: r,
+                data: n,
+                offset: e.$getItemOffset(r),
+                hide: e.$isUnmeasuredItem(r),
                 attrs: s?.({
-                    item: r,
-                    index: n
+                    item: n,
+                    index: r
                 })
             };
         });
@@ -668,6 +666,8 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             this.scrolled.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
+        }), s.$subscribe(2, () => {
+            this.resized.emit();
         }), this.R.set(s.$getStateVersion());
     }
     get cache() {
@@ -683,7 +683,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return this.S.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.S.$findItemIndex(e);
+        return this.v.$findIndex(e - this.S.$getStartSpacerSize());
     }
     getItemOffset(e) {
         return this.S.$getItemOffset(e);
@@ -802,7 +802,8 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         outputs: {
             scrolled: "scrolled",
-            scrollEnded: "scrollEnded"
+            scrollEnded: "scrollEnded",
+            resized: "resized"
         },
         host: {
             properties: {
@@ -822,7 +823,7 @@ z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => re),
+            type: e.forwardRef(() => ne),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -852,9 +853,10 @@ var ce = class t {
     });
     scrolled=f();
     scrollEnded=f();
+    resized=f();
     template=p.required(l);
     virtualizer=y.required(ae);
-    N=d(n).nativeElement;
+    N=d(r).nativeElement;
     ngOnInit() {
         const e = this.horizontal(), t = this.N;
         t.setAttribute("style", `display:block;${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
@@ -977,7 +979,8 @@ var ce = class t {
         },
         outputs: {
             scrolled: "scrolled",
-            scrollEnded: "scrollEnded"
+            scrollEnded: "scrollEnded",
+            resized: "resized"
         },
         queries: [ {
             propertyName: "template",
@@ -996,14 +999,14 @@ var ce = class t {
             isSignal: !0
         } ],
         ngImport: e,
-        template: '\n    <div\n      virtuaVirtualizer\n      [data]="data()"\n      [getKey]="getKey()"\n      [itemProps]="itemProps()"\n      [bufferSize]="bufferSize()"\n      [itemSize]="itemSize()"\n      [ssrCount]="ssrCount()"\n      [shift]="shift()"\n      [horizontal]="horizontal()"\n      [keepMounted]="keepMounted()"\n      [cache]="cacheProp()"\n      (scrolled)="scrolled.emit($event)"\n      (scrollEnded)="scrollEnded.emit()"\n    ></div>\n  ',
+        template: '\n    <div\n      virtuaVirtualizer\n      [data]="data()"\n      [getKey]="getKey()"\n      [itemProps]="itemProps()"\n      [bufferSize]="bufferSize()"\n      [itemSize]="itemSize()"\n      [ssrCount]="ssrCount()"\n      [shift]="shift()"\n      [horizontal]="horizontal()"\n      [keepMounted]="keepMounted()"\n      [cache]="cacheProp()"\n      (scrolled)="scrolled.emit($event)"\n      (scrollEnded)="scrollEnded.emit()"\n      (resized)="resized.emit()"\n    ></div>\n  ',
         isInline: !0,
         dependencies: [ {
             kind: "directive",
             type: e.forwardRef(() => ae),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
-            outputs: [ "scrolled", "scrollEnded" ]
+            outputs: [ "scrolled", "scrollEnded", "resized" ]
         } ],
         viewProviders: [ {
             provide: le,
@@ -1028,20 +1031,21 @@ var ue = class i {
     });
     scrolled=f();
     scrollEnded=f();
+    resized=f();
     template=p.required(l);
     S;
     v;
     driver;
-    N=d(n).nativeElement;
+    N=d(r).nativeElement;
     $=d(t);
     R=g(void 0);
     isSSR=g(!1);
     items=u(() => {
         this.R();
-        const e = this.S, t = this.data(), i = this.getKey(), [s, n] = e.$getRange(this.bufferSize()), r = [];
-        for (let o = s; o <= n; o++) {
+        const e = this.S, t = this.data(), i = this.getKey(), [s, r] = e.$getRange(this.bufferSize()), n = [];
+        for (let o = s; o <= r; o++) {
             const s = t[o];
-            r.push({
+            n.push({
                 key: i(s, o),
                 index: o,
                 data: s,
@@ -1049,7 +1053,7 @@ var ue = class i {
                 hide: e.$isUnmeasuredItem(o)
             });
         }
-        return r;
+        return n;
     });
     containerStyle=u(() => {
         this.R();
@@ -1086,29 +1090,29 @@ var ue = class i {
         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, n, r, o, l = k();
+            let i, s, r, n, o, l = k();
             const a = /* @__PURE__ */ new WeakMap, c = U(s => {
-                const n = [];
-                for (const {target: e, contentRect: {width: r, height: l}} of s) if (e === i) o && o(); else if (e.offsetParent) {
+                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 && n.push([ i, t ? r : l ]);
+                    null != i && r.push([ i, t ? n : l ]);
                 }
-                n.length && e.$update(3, n);
+                r.length && 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, n = 0) => {
-                        const r = s ? "offsetLeft" : "offsetTop", o = n + (d ? t.clientWidth - e[r] - e.offsetWidth : e[r]), l = e.offsetParent;
+                    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 = r = () => h(a, m, u.body, t), g = o = () => {
+                    }, f = n = () => h(a, m, u.body, t), g = o = () => {
                         e.$update(4, m[t ? "clientWidth" : "clientHeight"]);
                     };
-                    p.addEventListener("resize", g), c.i(m), n = () => {
+                    p.addEventListener("resize", g), c.i(m), r = () => {
                         p.removeEventListener("resize", g);
                     }, s = Z(e, p, m, t, d, null, f), l[1](!0);
                 },
                 $dispose() {
-                    n && n(), c.l(), s && s.l(), l[1](!1), l = k();
+                    r && r(), c.l(), s && s.l(), l[1](!1), l = k();
                 },
                 $observeItem: (e, t) => (a.set(e, t), c.i(e), () => {
                     a.delete(e), c.o(e);
@@ -1119,7 +1123,7 @@ var ue = class i {
                 $effect() {
                     s && s.p();
                 },
-                $getBaseOffset: () => r()
+                $getBaseOffset: () => n()
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
             this.R.set(s.$getStateVersion()), e && this.$.tick();
@@ -1127,6 +1131,8 @@ var ue = class i {
             this.scrolled.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
+        }), s.$subscribe(2, () => {
+            this.resized.emit();
         }), this.R.set(s.$getStateVersion());
     }
     get cache() {
@@ -1139,7 +1145,7 @@ var ue = class i {
         return this.S.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.S.$findItemIndex(e);
+        return this.v.$findIndex(e - this.S.$getStartSpacerSize());
     }
     getItemOffset(e) {
         return this.S.$getItemOffset(e);
@@ -1224,7 +1230,8 @@ var ue = class i {
         },
         outputs: {
             scrolled: "scrolled",
-            scrollEnded: "scrollEnded"
+            scrollEnded: "scrollEnded",
+            resized: "resized"
         },
         host: {
             properties: {
@@ -1244,7 +1251,7 @@ var ue = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => re),
+            type: e.forwardRef(() => ne),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1263,15 +1270,15 @@ var pe = class t {
     state=h.required();
     resizer=h.required();
     constructor() {
-        const e = d(n).nativeElement, t = u(() => this.state().$measureRow), i = u(() => this.state().$measureCol);
-        let r;
+        const e = d(r).nativeElement, t = u(() => this.state().$measureRow), i = u(() => this.state().$measureCol);
+        let n;
         c({
             read: () => {
-                const s = t(), n = i();
-                r && r(), r = null == s && null == n ? void 0 : S(this.resizer)(e, s, n);
+                const s = t(), r = i();
+                n && n(), n = null == s && null == r ? void 0 : S(this.resizer)(e, s, r);
             }
         }), d(s).onDestroy(() => {
-            r && r();
+            n && n();
         });
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
@@ -1498,23 +1505,24 @@ var pe = class t {
     verticalScrolled=f();
     horizontalScrolled=f();
     scrollEnded=f();
+    resized=f();
     template=p.required(l);
     container=y.required("container");
-    P;
+    I;
     q;
     F;
     k;
     driver;
-    N=d(n).nativeElement;
+    N=d(r).nativeElement;
     $=d(t);
     R=g(void 0);
-    ariaRowCount=d(new r("aria-rowcount"), {
+    ariaRowCount=d(new n("aria-rowcount"), {
         optional: !0
     });
-    ariaColCount=d(new r("aria-colcount"), {
+    ariaColCount=d(new n("aria-colcount"), {
         optional: !0
     });
-    rowCount=u(() => this.R() && this.P.$getItemsLength());
+    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()));
@@ -1529,18 +1537,18 @@ var pe = class t {
         }
         return t;
     })(this.spans()));
-    plan=u(() => (this.R(), ((e, t, [i, s], [n, r], o, l = N, a = N, c) => {
+    plan=u(() => (this.R(), ((e, t, [i, s], [r, n], 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 = I(i, m, d), s = w(s, d - 1), n = I(n, h, f), r = w(r, f - 1);
+        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 = [];
         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];
         x >= 0 && y.push(x);
-        const q = A(P(y), u, m, i, s, d);
+        const q = A(I(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);
             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, n) < w(c, r + 1) || f < c);
+                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);
                 for (let t = 0; !e && t < $; t++) {
                     const i = z[t];
                     e = i.rowIndex >= o && i.rowIndex < a && i.colIndex >= l && i.colIndex < c;
@@ -1552,15 +1560,15 @@ var pe = class t {
             const i = H(g, e, d);
             y.push(e), i >= 0 && y.push(g[i]), v.push(t);
         }
-        P(y), P(v);
-        const F = A(y, u, m, i, s, d), k = A(v, p, h, n, r, f), O = F.length, C = k.length, T = /* @__PURE__ */ new Map, M = [], _ = [];
+        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 = [], _ = [];
         for (const e of z) {
             const t = Q(e, u), i = J(e, p);
             M.push(t), _.push(i);
             const s = k.indexOf(e.colIndex);
-            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);
+            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);
             }
         }
         const V = [];
@@ -1580,26 +1588,26 @@ var pe = class t {
                     $style: Y(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), I = R && R.$cells, P = [];
+            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 = [];
             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 >= n && i <= r, d = T.get($ + 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 : N && m) {
-                    const n = d ? Q(d, u) : o + 1, r = d ? J(d, p) : i + 1, m = n - o, h = r - i, f = m > 1, g = h > 1, y = f || g;
+                    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;
                     let v, N;
-                    O = b(O, n);
-                    const w = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(r) : null;
+                    O = b(O, r);
+                    const w = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(n) : 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 (I) {
-                        const e = I.length;
-                        for (;q < e && I[q].$col < i; ) q++;
-                        q < e && I[q].$col === i && (T = I[q]);
+                    if (P) {
+                        const e = P.length;
+                        for (;q < e && P[q].$col < i; ) q++;
+                        q < e && P[q].$col === i && (T = P[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" + n + "/l" + r);
+                        y && (e += "/l" + r + "/l" + n);
                         const t = {
                             contain: "layout style",
                             display: "grid",
@@ -1620,13 +1628,13 @@ var pe = class t {
                             $end: $
                         }, _ = !0;
                     }
-                    P.push(T);
+                    I.push(T);
                 }
             }
-            if (E.push(F), P.length) {
-                const e = R && !_ && R.$cells.length === P.length && R.$top === w ? R : {
+            if (E.push(F), I.length) {
+                const e = R && !_ && R.$cells.length === I.length && R.$top === w ? R : {
                     $row: o,
-                    $cells: P,
+                    $cells: I,
                     $style: Y(o, O, w, "top", 3),
                     $top: w
                 };
@@ -1634,17 +1642,17 @@ var pe = class t {
             }
         }
         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),
+            $rowTemplate: X(e, F, E, I(M), "max-content", u),
+            $colTemplate: X(t, k, V, I(_), "minmax(max-content,auto)", p),
             $groups: K
         };
-    })(this.F, this.k, this.P.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
+    })(this.F, this.k, this.I.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
     rowItem(e) {
         return D(this.rows(), e);
     }
     containerStyle=u(() => {
         this.R();
-        const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.P.$getItemOffset(0), s = this.q.$getItemOffset(0);
+        const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.I.$getItemOffset(0), s = this.q.$getItemOffset(0);
         return {
             contain: "size style",
             "overflow-anchor": "none",
@@ -1655,20 +1663,20 @@ var pe = class t {
             gap: this.gap() + "px",
             "margin-top": i + "px",
             "margin-inline-start": s + "px",
-            height: M(this.P) - i + "px",
-            "pointer-events": this.P.$isScrolling() || this.q.$isScrolling() ? "none" : void 0
+            height: M(this.I) - i + "px",
+            "pointer-events": this.I.$isScrolling() || this.q.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
-            const e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), n = this.headerCols(), r = this.footerCols();
-            if (!this.P) return;
+            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();
             S(() => {
-                this.F.$setPinned(i, s), this.k.$setPinned(n, r);
+                this.F.$setPinned(i, s), this.k.$setPinned(r, n);
                 const a = K(e), c = K(t);
-                a !== this.P.$getItemsLength() && this.P.$update(5, [ a ]), c !== this.q.$getItemsLength() && this.q.$update(5, [ c ]), 
-                this.P.$update(9, o), this.q.$update(9, l);
+                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()));
             });
         }), a({
             read: () => {
@@ -1679,19 +1687,19 @@ var pe = class t {
                 this.R(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.P?.$dispose(), this.q?.$dispose(), this.driver?.$dispose();
+            this.I?.$dispose(), this.q?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.N;
         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), n = this.P = _(i), r = this.q = _(s);
+        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, n, r = k(), o = !0;
-            const l = /* @__PURE__ */ new WeakMap, a = /* @__PURE__ */ new WeakMap, c = U(r => {
+            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 r) if (p === i) m || d ? (o || (s.u(), 
-                n.u()), o = !0, e.$update(4, d), t.$update(4, m)) : o = !1; else if (p.offsetParent) {
+                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 ]);
                 }
@@ -1699,7 +1707,7 @@ var pe = class t {
             });
             return {
                 async $scroll(e, t) {
-                    await r[0] && (e ? n : s).m(t);
+                    await n[0] && (e ? r : s).m(t);
                 },
                 $observe(o, l = o.parentElement) {
                     c.i(i = l);
@@ -1709,75 +1717,82 @@ var pe = class t {
                             i[e] = s;
                         });
                     });
-                    s = a(e, !1), n = a(t, !0), r[1](!0);
+                    s = a(e, !1), r = a(t, !0), n[1](!0);
                 },
                 $dispose() {
-                    c.l(), s && s.l(), n && n.l(), r[1](!1), r = k();
+                    c.l(), s && s.l(), r && r.l(), n[1](!1), n = 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);
                 }),
                 $effect() {
-                    s && s.p(), n && n.p();
+                    s && s.p(), r && r.p();
                 }
             };
-        })(n, r);
+        })(r, n);
         const o = e => {
-            this.R.set(n.$getStateVersion() + r.$getStateVersion()), e && this.$.tick();
+            this.R.set(r.$getStateVersion() + n.$getStateVersion()), e && this.$.tick();
         };
-        n.$subscribe(1, o), r.$subscribe(1, o);
+        r.$subscribe(1, o), n.$subscribe(1, o);
         let l = !1;
-        n.$subscribe(4, () => {
-            l = !0, this.verticalScrolled.emit(n.$getScrollOffset());
-        }), r.$subscribe(4, () => {
-            l = !0, this.horizontalScrolled.emit(r.$getScrollOffset());
+        r.$subscribe(4, () => {
+            l = !0, this.verticalScrolled.emit(r.$getScrollOffset());
+        }), n.$subscribe(4, () => {
+            l = !0, this.horizontalScrolled.emit(n.$getScrollOffset());
         });
         const a = () => {
-            !l || n.$isScrolling() || r.$isScrolling() || (l = !1, this.scrollEnded.emit());
+            !l || r.$isScrolling() || n.$isScrolling() || (l = !1, this.scrollEnded.emit());
+        };
+        let c;
+        r.$subscribe(8, a), n.$subscribe(8, a);
+        const u = () => {
+            c || (c = !0, F(() => {
+                c = !1, this.resized.emit();
+            }));
         };
-        n.$subscribe(8, a), r.$subscribe(8, a), o();
+        r.$subscribe(2, u), n.$subscribe(2, u), o();
     }
     get verticalScrollOffset() {
-        return this.P.$getScrollOffset();
+        return this.I.$getScrollOffset();
     }
     get horizontalScrollOffset() {
         return this.q.$getScrollOffset();
     }
     get scrollHeight() {
-        return M(this.P);
+        return M(this.I);
     }
     get scrollWidth() {
         return M(this.q);
     }
     get viewportHeight() {
-        return this.P.$getViewportSize();
+        return this.I.$getViewportSize();
     }
     get viewportWidth() {
         return this.q.$getViewportSize();
     }
     findRowIndex(e) {
-        return this.P.$findItemIndex(e);
+        return this.F.$findIndex(e);
     }
     findColIndex(e) {
-        return this.q.$findItemIndex(e);
+        return this.k.$findIndex(e);
     }
     getRowOffset(e) {
-        return this.P.$getItemOffset(e);
+        return this.I.$getItemOffset(e);
     }
     getColOffset(e) {
         return this.q.$getItemOffset(e);
     }
     getRowSize(e) {
-        return this.P.$getItemSize(e);
+        return this.I.$getItemSize(e);
     }
     getColSize(e) {
         return this.q.$getItemSize(e);
     }
     scrollToIndex(e) {
-        ((e, t, i, s, n, r = N, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
-            null != o && ne(e, t, s, r, o, a, !1), null != l && ne(e, i, n, N, l, c, !0);
-        })(this.driver, this.P, this.q, this.F, this.k, this.sectionRows(), 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);
     }
     scrollTo({vertical: e, horizontal: t}) {
         ((e, t, i) => {
@@ -1785,16 +1800,16 @@ var pe = class t {
         })(this.driver, e, t);
     }
     scrollBy({vertical: e, horizontal: t}) {
-        ((e, t, i, s, n) => {
+        ((e, t, i, s, r) => {
             if (null != s) {
                 const i = s + t.$getScrollOffset();
                 e.$scroll(!1, () => i);
             }
-            if (null != n) {
-                const t = n + i.$getScrollOffset();
+            if (null != r) {
+                const t = r + i.$getScrollOffset();
                 e.$scroll(!0, () => t);
             }
-        })(this.driver, this.P, this.q, e, t);
+        })(this.driver, this.I, this.q, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1913,7 +1928,8 @@ var pe = class t {
         outputs: {
             verticalScrolled: "verticalScrolled",
             horizontalScrolled: "horizontalScrolled",
-            scrollEnded: "scrollEnded"
+            scrollEnded: "scrollEnded",
+            resized: "resized"
         },
         host: {
             attributes: {
@@ -1976,7 +1992,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(n).nativeElement;
+        const e = d(r).nativeElement;
         let t;
         c({
             read: () => {
@@ -2065,35 +2081,36 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
     });
     scrolled=f();
     scrollEnded=f();
+    resized=f();
     template=p.required(l);
     container=y.required("container");
     S;
     v;
     driver;
-    N=d(n).nativeElement;
+    N=d(r).nativeElement;
     $=d(t);
     R=g(void 0);
-    I=u(() => {
+    P=u(() => {
         this.R();
-        const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+        const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
         if (s) {
-            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;
+            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;
     });
     items=u(() => {
         this.R();
-        const e = this.S, t = this.v, i = this.data(), s = this.getKey(), n = t.$getGap(), r = t.$getLanes(), o = fe(1 / r, n / r - n), l = [];
-        for (const a of this.I()) {
+        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 = [];
+        for (const a of this.P()) {
             const c = i[a], u = t.$getItemLane(a);
             l.push({
                 key: s(c, a),
                 index: a,
                 data: c,
                 offset: e.$getItemOffset(a),
-                crossOffset: fe(u / r, u * n / r),
+                crossOffset: fe(u / n, u * r / n),
                 crossSize: o,
                 hide: e.$isUnmeasuredItem(a)
             });
@@ -2118,7 +2135,7 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
         }), m(() => {
             const e = this.lanes(), t = this.gap();
             this.S && S(() => {
-                this.v.$setOptions(e, t), this.S.$update(9, void 0);
+                this.S.$update(9, this.v.$relayout(e, t, this.S.$getVisibleOffset()));
             });
         }), a({
             read: () => {
@@ -2135,82 +2152,78 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
     ngOnInit() {
         const e = this.N;
         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, n) => {
-            let r = b(t, 1), o = r, l = i, a = n && n[1] || s || 40, c = -1, u = s ? void 0 : /* @__PURE__ */ new Set, p = !s;
-            const m = n && n[0], d = m ? V(m.slice(0, w(e, m.length)), b(0, e - m.length)) : V([], e), h = [], f = [], g = [], S = e => {
-                const t = d[e];
-                return -1 === t ? a : t;
-            }, y = t => {
-                if (t = w(t, e - 1), c >= t) return;
-                const s = [], n = [];
-                for (let e = 0; e < r; e++) s.push(0), n.push(-1);
-                for (let e = c, t = r; e >= 0 && t; e--) {
-                    const i = f[e];
-                    -1 === n[i] && (n[i] = e, s[i] = h[e] + S(e), t--);
+        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];
+                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--);
                 }
-                for (;c < t; ) {
-                    const e = ++c;
-                    let t = 0, o = 1 / 0, l = 1 / 0;
-                    for (let e = 0; e < r; e++) {
-                        const r = s[e] + (n[e] >= 0 ? i : 0);
-                        (r < o || r === o && n[e] < l) && (t = e, o = r, l = n[e]);
+                for (;l < t; ) {
+                    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]);
                     }
-                    h[e] = o, f[e] = t, s[t] = o + S(e), n[t] = e, g[e] = b(e ? g[e - 1] : 0, s[t]);
+                    m[e] = o, d[e] = t, s[t] = o + f(e), r[t] = e, h[e] = b(e ? h[e - 1] : 0, s[t]);
                 }
-            }, v = t => t >= e ? N() : (y(t), h[t]), z = e => (y(e), g[e]), N = () => e ? z(e - 1) : 0, $ = t => {
+            }, 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(z, e, t);
-                return z(i) <= t ? i + 1 : i;
+                const i = E(y, e, t);
+                return y(i) <= t ? i + 1 : i;
             };
             return {
                 $getRange: (t, i) => {
-                    const s = E(v, e, i);
-                    return [ w($(t), s), s ];
+                    const s = E(S, e, i);
+                    return [ w(z(t), s), s ];
                 },
-                $findIndex: t => E(v, e, t),
-                $getItemOffset: v,
-                $getItemSize: S,
-                $isSizeEqual: (e, t = -1) => d[e] === t,
-                $resize: (t, s, n, o) => {
-                    let l = $(n);
-                    for (;l > 0 && !s(l - 1); ) l--;
-                    for (;l < e && s(l); ) l++;
-                    const m = v(l);
-                    for (const [e, i] of t) d[e] = i, u && u.add(e), c = w(e - 1, c);
-                    let h = v(l) - m;
-                    if (u && o) {
+                $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) {
                         const e = [];
                         let t = 0;
-                        if (u.forEach(s => {
-                            const n = d[s];
-                            n > 0 && (e.push(n), t += n + i);
-                        }), t > o * r) {
-                            P(e);
-                            const t = e.length, i = t / 2 | 0, s = t % 2 == 0 ? (e[i - 1] + e[i]) / 2 : e[i], r = $(n + h), o = v(r);
-                            a = s, c = -1, h += v(r) - o, u = void 0, p = !1;
+                        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;
                         }
                     }
                     return h;
                 },
-                $getTotalSize: N,
+                $getTotalSize: v,
                 $getLength: () => e,
                 $setLength: t => {
                     const i = t - e;
-                    return c = w(t - 1, c), e = t, i > 0 ? V(d, i) : d.splice(i), 0;
-                },
-                $relayout: (e, t) => {
-                    if (o === r && l === i) return;
-                    const n = $(t), a = v(n);
-                    return r = o, i = l, c = -1, u = s ? void 0 : /* @__PURE__ */ new Set, v(n) - a;
+                    return l = w(t - 1, l), e = t, i > 0 ? V(p, i) : p.splice(i), 0;
                 },
-                $setOptions: (e, t = 0) => {
-                    o = b(e, 1), l = t;
+                $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;
                 },
-                $isEstimating: () => p,
-                $snapshot: () => [ d.slice(), a ],
-                $getLanes: () => r,
+                $isEstimating: () => c,
+                $snapshot: () => [ p.slice(), o ],
+                $getLanes: () => n,
                 $getGap: () => i,
-                $getItemLane: e => (y(e), f[e])
+                $getItemLane: e => (g(e), d[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 => {
@@ -2219,6 +2232,8 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
             this.scrolled.emit(i.$getScrollOffset());
         }), i.$subscribe(8, () => {
             this.scrollEnded.emit();
+        }), i.$subscribe(2, () => {
+            this.resized.emit();
         }), this.R.set(i.$getStateVersion());
     }
     get cache() {
@@ -2322,7 +2337,8 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
         },
         outputs: {
             scrolled: "scrolled",
-            scrollEnded: "scrollEnded"
+            scrollEnded: "scrollEnded",
+            resized: "resized"
         },
         queries: [ {
             propertyName: "template",