virtua 0.52.9 → 0.53.0

package/lib/angular/index.js

@@ -1,26 +1,26 @@
 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 w, z = [], {min: N, max: b, abs: $, floor: R} = Math, I = (e, t, i) => N(i, b(t, e)), P = e => e.sort((e, t) => e - t), x = setTimeout, q = clearTimeout, F = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+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 = () => {
+}, O = () => {
     let e;
     return [ new Promise(t => {
         e = t;
     }), e ];
-}, C = e => e.ownerDocument, O = e => e.defaultView, T = () => (null == w && (w = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $isSizeEqual: r, $getTotalSize: n, $getLength: o, $setLength: l, $isEstimating: a, $resize: c, $relayout: u}, p = 0) => {
-    let m = !!p, d = 1, h = 0, f = 0, g = 0, S = 0, y = 0, v = 0, w = 0, z = 0, R = null, I = [ 0, m ? b(p - 1, 0) : -1 ], P = !1;
-    const x = /* @__PURE__ */ new Set, q = () => g - f, F = () => q() + y + S, k = e => i(e) - y, C = e => {
-        if (2 === z) return !0;
-        if (R && 1 === z) return e < R[0];
-        const t = q(), i = k(e), r = s(e);
-        return 1 !== w && 0 === z ? i + r <= t : i < t && i + r < t + h;
-    }, O = e => {
-        e && (T() && 0 !== w || R && 1 === z ? y += e : S += e);
+}, k = 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), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$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, O = e => i(e) - y, k = e => {
+        if (2 === N) return !0;
+        if (R && 1 === N) return e < R[0];
+        const t = q(), i = O(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);
     };
     return {
         $dispose: () => {
@@ -31,23 +31,23 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             if (!P || m) return I;
             let i, s;
             if (v) [i, s] = I; else {
-                let r = b(0, F()), n = r + h;
-                a() || (t = b(0, t), 1 !== w && (r -= t), 2 !== w && (n += t)), [i, s] = I = e(b(0, r), b(0, n)), 
-                R && (i = N(i, R[0]), s = b(s, R[1]));
+                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]));
             }
-            return [ b(i, 0), N(s, o() - 1) ];
+            return [ b(i, 0), w(s, o() - 1) ];
         },
         $findItemIndex: e => t(e - f),
-        $isUnmeasuredItem: r,
-        $getItemOffset: k,
+        $isUnmeasuredItem: n,
+        $getItemOffset: O,
         $getItemSize: s,
         $getItemsLength: o,
         $getScrollOffset: () => g,
-        $isScrolling: () => 0 !== w,
+        $isScrolling: () => 0 !== z,
         $getViewportSize: () => h,
         $getStartSpacerSize: () => f,
-        $getTotalSize: n,
-        t: () => (v = S, S = 0, [ v, 2 === z ]),
+        $getTotalSize: r,
+        t: () => (v = S, S = 0, [ v, 2 === N ]),
         $subscribe: (e, t) => {
             const i = [ e, t ];
             return x.add(i), () => {
@@ -59,25 +59,25 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             switch (t) {
               case 1:
                 {
-                    if (i === g && 0 === z) break;
+                    if (i === g && 0 === N) break;
                     const e = v;
                     v = 0;
                     const t = i - g, s = $(t);
-                    e && s < $(e) + 1 || 0 !== z || (w = t < 0 ? 2 : 1), m && (m = !1), g = i, a = 4;
-                    const r = q();
-                    r >= -h && r <= n() && (a += 1, o = s > h);
+                    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);
                     break;
                 }
 
               case 2:
-                a = 8, 0 !== w && (s = !0, a += 1), w = 0, z = 0, R = null;
+                a = 8, 0 !== z && (s = !0, a += 1), z = 0, N = 0, R = null;
                 break;
 
               case 3:
                 {
-                    const e = i.filter(([e, t]) => !r(e, t));
+                    const e = i.filter(([e, t]) => !n(e, t));
                     if (!e.length) break;
-                    O(c(e, C, F(), h)), a = 3, o = !0;
+                    C(c(e, k, F(), h)), a = 3, o = !0;
                     break;
                 }
 
@@ -86,7 +86,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 break;
 
               case 5:
-                i[1] ? (O(l(i[0], !0)), z = 2, a = 1) : (l(i[0]), a = 1);
+                i[1] ? (C(l(i[0], !0)), N = 2, a = 1) : (l(i[0]), a = 1);
                 break;
 
               case 6:
@@ -94,13 +94,13 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
                 break;
 
               case 7:
-                z = 1;
+                N = 1;
                 break;
 
               case 9:
                 {
                     const e = u(i, F());
-                    null != e && (O(e), a = 3);
+                    null != e && (C(e), a = 3);
                     break;
                 }
 
@@ -116,31 +116,31 @@ w), 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, 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;
+}, 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;
     }
-    return I(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, N(e, a.length)), b(0, e - a.length)) : V([], e), u = V([], e + 1), p = e => {
+    let s = i && i[1] || t || 40, n = -1, r = 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 (r >= t) return u[t];
-        r < 0 && (u[0] = 0, r = 0);
-        let i = r, s = u[i];
+        if (n >= t) return u[t];
+        n < 0 && (u[0] = 0, n = 0);
+        let i = n, s = u[i];
         for (;i < t; ) s += p(i), u[++i] = s;
-        return r = t, s;
+        return n = t, s;
     };
     return {
         $getRange: (t, i) => {
-            let s, r;
-            return l = N(l, e - 1), m(l) <= t ? (r = E(m, e, i, l), s = E(m, e, t, l, r)) : (s = E(m, e, t, void 0, l), 
-            r = E(m, e, i, s)), l = s, [ s, r ];
+            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 ];
         },
         $findIndex: t => E(m, e, t),
         $getItemOffset: m,
@@ -148,14 +148,14 @@ w), 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) n += -1 === c[e] ? i : i - p(e), c[e] = i, r = N(e, r);
-            if (o && a && n > a) {
+            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) {
                 let t = 0;
-                const i = E(m, e, l + u), n = [];
+                const i = E(m, e, l + u), r = [];
                 c.forEach((e, s) => {
-                    -1 !== e && (e && n.push(e), s < i && t++);
-                }), r = -1, P(n);
-                const a = n.length, p = a / 2 | 0, d = a % 2 == 0 ? (n[p - 1] + n[p]) / 2 : n[p], h = s;
+                    -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;
                 u += ((s = d) - h) * b(i - t, 0), o = !1;
             }
             return u;
@@ -163,18 +163,18 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         $getTotalSize: () => m(e),
         $getLength: () => e,
         $setLength: (t, i) => {
-            const n = t - e;
-            return r = i ? -1 : N(t - 1, r), e = t, n > 0 ? (V(u, n), V(c, n, i), s * n) : (u.splice(n), 
-            (i ? c.splice(0, -n) : c.splice(n)).reduce((e, t) => e - (-1 === t ? s : t), 0));
+            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));
         },
         $isEstimating: () => o,
         $snapshot: () => [ c.slice(), s ]
     };
-}, K = e => "number" == typeof e ? e : e.length, G = (e, t) => "number" == typeof e ? t : e[t], D = (e, t, i = 0) => {
+}, 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 = () => {
+    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 || V(d, s);
     }, y = e => {
         const t = d[e];
@@ -187,30 +187,30 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         let t = l, i = h[t];
         for (;t < e; ) i += y(t), h[++t] = i;
         return l = e, i;
-    }, w = (e, t) => {
-        d[e] = t, l = N(e, l);
-    }, z = e => d.length ? E(v, s, e) : o ? I(R(e / o), 0, s - 1) : 0, $ = () => N(u, s), x = () => b(s - p, $()), q = e => (d.length ? y(e) : o) - i;
+    }, 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;
     return {
         $getRange: (e, t) => {
-            const r = v($()), n = v(s) - v(x()), o = e + (r ? r - i : 0);
-            return [ z(o), z(b(o, t - (n ? n - i : 0))) ];
+            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: z,
+        $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);
-            for (const [t, s] of e) g(t) && (S(), a += -1 === d[t] ? s : s - q(t), w(t, s + i));
-            if (c && r && a > r) {
+        $resize: (e, t, s, n) => {
+            let r = 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) {
                 let e = 0;
-                const t = z(s + n), i = [];
-                d.forEach((s, r) => {
-                    -1 !== s && (s && i.push(s), r < t && e++);
+                const t = N(s + r), i = [];
+                d.forEach((s, n) => {
+                    -1 !== s && (s && i.push(s), n < t && e++);
                 }), l = -1, P(i);
-                const r = i.length, a = r / 2 | 0, u = r % 2 == 0 ? (i[a - 1] + i[a]) / 2 : i[a], p = o;
-                n += ((o = u) - p) * b(t - e, 0), c = !1;
+                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;
             }
-            return n;
+            return r;
         },
         $isSizeEqual: (e, t = -1) => {
             const s = d.length ? d[e] : -1;
@@ -220,7 +220,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         $getLength: () => s,
         $setLength: e => {
             const t = e - s;
-            return l = N(e - 1, l), s = e, d.length && (t > 0 ? V(d, t) : d.splice(t)), 0;
+            return l = w(e - 1, l), s = e, d.length && (t > 0 ? V(d, t) : d.splice(t)), 0;
         },
         $isEstimating: () => c,
         $isMeasurable: g,
@@ -229,87 +229,87 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         $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),
+        $getSizes: (e, t) => "number" == typeof t ? n ? t : null : n || r || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
         $relayout: (e, t) => {
             if (null == e) return;
             if ("number" == typeof e) {
                 const s = e + i;
                 if (s === o) return;
-                const r = z(t) * (s - o);
-                return o = s, r;
+                const n = N(t) * (s - o);
+                return o = s, n;
             }
             if (e === m && s === f.length) return;
             m = e, f.length = s, S();
-            const r = z(t), n = v(r);
+            const n = N(t), r = v(n);
             let l;
             for (let t = 0; t < s; t++) {
-                const s = e[t], r = "number" != typeof s;
-                if (!r || !f[t]) {
-                    f[t] = r;
-                    const e = r ? -1 : s + i;
-                    d[t] !== e && (w(t, e), l = !0);
+                const s = e[t], n = "number" != typeof s;
+                if (!n || !f[t]) {
+                    f[t] = n;
+                    const e = n ? -1 : s + i;
+                    d[t] !== e && (z(t, e), l = !0);
                 }
             }
-            return l ? v(r) - n : void 0;
+            return l ? v(n) - r : void 0;
         }
     };
-}, W = /*#__PURE__*/ new WeakMap, H = (e, t, i) => {
+}, W = /*#__PURE__*/ new WeakMap, B = (e, t, i) => {
     const s = [];
-    for (const r of e) r >= t && r < i && s.push(r);
+    for (const n of e) n >= t && n < i && s.push(n);
     return P(s);
-}, B = (e, t, i) => {
+}, H = (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++) {
+}, j = (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) => {
+}, A = (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);
+    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);
     return o;
-}, J = (e, t) => N(e.rowIndex + (e.rowSpan || 1), t), Q = (e, t) => N(e.colIndex + (e.colSpan || 1), t), X = (e, t, i, s, r, n) => {
+}, 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) => {
     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 = N(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 = {
+}, Y = (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;
+    return null != i && (r.position = "sticky", r[s] = i + "px", r.zIndex = n), r;
 }, U = e => {
     let t;
     return {
         i(i) {
-            (t || (t = new (O(C(i)).ResizeObserver)(e))).observe(i);
+            (t || (t = new (C(k(i)).ResizeObserver)(e))).observe(i);
         },
         o(e) {
             t.unobserve(e);
@@ -318,20 +318,20 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             t && t.disconnect();
         }
     };
-}, Z = (e, t, i, s, r, n, o) => {
+}, Z = (e, t, i, s, n, r, 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) => {
+    const h = Date.now, f = s ? "scrollLeft" : "scrollTop", g = s ? "left" : "top", S = e => n ? -e : e, y = () => S(i[f]), v = (e, t) => {
         i.scrollTo({
             [g]: S(e),
             behavior: t ? "smooth" : "instant"
         });
-    }, w = () => {
-        if (u || p) return u = !1, void z();
-        m = !1, e.$update(2);
     }, z = () => {
-        q(a), a = x(w, 150);
+        if (u || p) return u = !1, void N();
+        m = !1, e.$update(2);
     }, N = () => {
-        c = h(), m && (d = !0), o && e.$update(6, o()), e.$update(1, y()), z();
+        q(a), a = x(z, 150);
+    }, 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;
@@ -341,85 +341,122 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     }, R = () => {
         p = !1, T() && (m = !0);
     };
-    return t.addEventListener("scroll", N), t.addEventListener("wheel", b, {
+    return t.addEventListener("scroll", w), t.addEventListener("wheel", b, {
         passive: !0
     }), t.addEventListener("touchstart", $, {
         passive: !0
     }), t.addEventListener("touchend", R, {
         passive: !0
     }), {
+        u: w,
         l: () => {
-            t.removeEventListener("scroll", N), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", $), 
+            t.removeEventListener("scroll", w), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", $), 
             t.removeEventListener("touchend", R), q(a);
         },
-        u: () => {
+        p: () => {
             const [t, s] = e.t();
             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({
+            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({
                 [g]: S(t),
                 behavior: "instant"
             }), s && (l && l(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, y()));
         },
-        p: (t, i) => {
-            let s, r, n;
+        m: (t, i) => {
+            let s, n, r;
             l && l();
             const o = l = () => {
-                s = !0, q(r), n && n();
+                s = !0, q(n), r && r();
             }, a = () => {
                 if (!s) {
-                    if (e.$getViewportSize() && (q(r), r = x(o, 150)), i) {
+                    if (e.$getViewportSize() && (q(n), n = x(o, 150)), i) {
                         for (let [t, i] = e.$getRange(0); t <= i; t++) if (e.$isUnmeasuredItem(t)) return;
                         o();
                     }
                     e.$update(7), v(t(), i);
                 }
-            }, c = () => {
+            };
+            i && e.$update(8, t()), (() => {
                 if (s) return;
                 let t;
-                n = e.$subscribe(2, () => {
+                r = e.$subscribe(2, () => {
                     t || (t = !0, F(() => {
                         t = !1, a();
                     }));
                 }), a();
-            };
-            i ? (e.$update(8, t()), F(c)) : c();
+            })();
         }
     };
 }, ee = (e, t) => {
+    let i, s, n = O(), r = !0;
+    const o = /* @__PURE__ */ new WeakMap, l = U(n => {
+        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) {
+            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) {
+            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);
+        },
+        $dispose() {
+            l.l(), s && s.l(), n[1](!1), n = O();
+        },
+        $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);
+        },
+        $effect() {
+            s && s.p();
+        },
+        $getBaseOffset: e.$getStartSpacerSize
+    };
+}, te = (e, t) => {
     e.$scroll(() => t);
-}, te = (e, t, i, {align: s, smooth: r, offset: n = 0} = {}) => {
+}, 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), r = t.$getScrollOffset();
-        if (e < r) s = "start"; else {
-            if (!(e + t.$getItemSize(i) > r + t.$getViewportSize())) return;
+        const e = t.$getItemOffset(i), n = t.$getScrollOffset();
+        if (e < n) s = "start"; else {
+            if (!(e + t.$getItemSize(i) > n + t.$getViewportSize())) return;
             s = "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);
-}, ie = (e, t, i, s, r, n, o) => {
+    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) => {
     const l = t.$getItemsLength(), a = i.$getPinnedStart(), c = i.$getTrailStart();
-    r = I(r, 0, l - 1);
-    const u = H(s, a, c), p = B(u, r, c), m = p < 0 ? -1 : u[p], d = () => i.$getItemOffset(a) + (m < 0 || m === r ? 0 : i.$getItemOffset(m + 1) - i.$getItemOffset(m)), h = () => i.$getItemOffset(l) - i.$getItemOffset(c);
-    if ("nearest" === n) {
-        if (r < a || r >= c) return;
-        const e = d(), i = t.$getScrollOffset() + e, s = t.$getViewportSize() - e - h(), o = t.$getItemSize(r);
-        let l = t.$getItemOffset(r);
-        if (m === r) {
+    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) {
             const e = (p + 1 < u.length ? u[p + 1] : c) - 1;
-            l = b(l, N(i, t.$getItemOffset(e) + t.$getItemSize(e) - o));
+            l = b(l, w(i, t.$getItemOffset(e) + t.$getItemSize(e) - o));
         }
-        if (l < i) n = "start"; else {
+        if (l < i) r = "start"; else {
             if (!(l + o > i + s)) return;
-            n = "end";
+            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(), i = t.$getItemSize(n) - (t.$getViewportSize() - e - h());
+        return t.$getItemOffset(n) - e + ("end" === r ? i : "center" === r ? i / 2 : 0);
     });
-}, se = class t {
+}, re = class t {
     index=h.required();
     offset=h.required();
     hide=h.required();
@@ -440,7 +477,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         return e && (s.display = "inline-flex"), s;
     });
     constructor() {
-        const e = d(r).nativeElement;
+        const e = d(n).nativeElement;
         let t;
         c({
             read: () => {
@@ -531,9 +568,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         },
         ngImport: e
     });
-}, re = (e, t) => "_" + t, ne = /*#__PURE__*/ new o("virtua-item-template"), oe = class i {
+}, oe = (e, t) => "_" + t, le = /*#__PURE__*/ new o("virtua-item-template"), ae = class i {
     data=h.required();
-    getKey=h(re);
+    getKey=h(oe);
     itemProps=h();
     bufferSize=h();
     scrollRef=h();
@@ -549,48 +586,48 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
     scrolled=f();
     scrollEnded=f();
     contentTemplate=p(l);
-    m=d(ne, {
+    h=d(le, {
         optional: !0
     });
-    template=u(() => this.m?.() ?? this.contentTemplate());
-    h;
+    template=u(() => this.h?.() ?? this.contentTemplate());
     S;
+    v;
     driver;
-    v=d(r).nativeElement;
-    N=d(t);
-    $=g(void 0);
+    N=d(n).nativeElement;
+    $=d(t);
+    R=g(void 0);
     isSSR=g(!1);
-    R=u(() => {
-        this.$();
-        const e = this.data().length, [t, i] = this.h.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
+    I=u(() => {
+        this.R();
+        const e = this.data().length, [t, i] = this.S.$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 P([ ...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.$();
-        const e = this.h, t = this.data(), i = this.getKey(), s = this.itemProps();
-        return this.R().map(r => {
-            const n = t[r];
+        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 {
-                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: e.$isUnmeasuredItem(n),
                 attrs: s?.({
-                    item: n,
-                    index: r
+                    item: r,
+                    index: n
                 })
             };
         });
     });
     containerStyle=u(() => {
-        this.$();
-        const e = this.horizontal(), t = this.h.$getTotalSize();
+        this.R();
+        const e = this.horizontal(), t = this.S.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -599,104 +636,69 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.h.$isScrolling() ? "none" : void 0
+            "pointer-events": this.S.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, S(this.shift) ]);
+            this.S && e !== this.S.$getItemsLength() && this.S.$update(5, [ e, S(this.shift) ]);
         }), m(() => {
             const e = this.startMargin();
-            this.h && e !== this.h.$getStartSpacerSize() && this.h.$update(6, e);
+            this.S && e !== this.S.$getStartSpacerSize() && this.S.$update(6, e);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.v, this.scrollRef());
+                this.isSSR.set(!1), this.driver.$observe(this.N, this.scrollRef());
             }
         }), c({
             read: () => {
-                this.$(), this.driver.$effect();
+                this.R(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.h?.$dispose(), this.driver?.$dispose();
+            this.S?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.S = L(this.data().length, e, this.cacheProp()), s = this.h = _(i, t);
-        this.driver = ((e, t) => {
-            let i, s, r = k();
-            const n = /* @__PURE__ */ new WeakMap, o = U(s => {
-                const r = [];
-                for (const {target: o, contentRect: {width: l, height: a}} of s) if (o === i) (l || a) && e.$update(4, t ? l : a); else if (o.offsetParent) {
-                    const e = n.get(o);
-                    null != e && r.push([ e, t ? l : a ]);
-                }
-                r.length && e.$update(3, r);
-            });
-            return {
-                $observe(n, l = n.parentElement) {
-                    o.i(i = l), s = Z(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
-                        const e = t ? "overflowX" : "overflowY", i = l.style, s = i[e];
-                        i[e] = "hidden", x(() => {
-                            i[e] = s;
-                        });
-                    }), r[1](!0);
-                },
-                $dispose() {
-                    o.l(), s && s.l(), r[1](!1), r = k();
-                },
-                $observeItem: (e, t) => (n.set(e, t), o.i(e), () => {
-                    n.delete(e), o.o(e);
-                }),
-                async $scroll(e, t) {
-                    await r[0] && s.p(e, t);
-                },
-                $effect() {
-                    s && s.u();
-                },
-                $getBaseOffset: e.$getStartSpacerSize
-            };
-        })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.$.set(s.$getStateVersion()), e && this.N.tick();
+        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = M(i, t);
+        this.driver = ee(s, this.horizontal()), s.$subscribe(1, e => {
+            this.R.set(s.$getStateVersion()), e && this.$.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit(s.$getScrollOffset());
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
-        }), this.$.set(s.$getStateVersion());
+        }), this.R.set(s.$getStateVersion());
     }
     get cache() {
-        return this.S.$snapshot();
+        return this.v.$snapshot();
     }
     get scrollOffset() {
-        return this.h.$getScrollOffset();
+        return this.S.$getScrollOffset();
     }
     get scrollSize() {
-        return M(this.h);
+        return _(this.S);
     }
     get viewportSize() {
-        return this.h.$getViewportSize();
+        return this.S.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.h.$findItemIndex(e);
+        return this.S.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.h.$getItemOffset(e);
+        return this.S.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.h.$getItemSize(e);
+        return this.S.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        te(this.driver, this.h, e, t);
+        se(this.driver, this.S, e, t);
     }
     scrollTo(e) {
-        ee(this.driver, e);
+        te(this.driver, e);
     }
     scrollBy(e) {
-        ((e, t, i) => {
-            ee(e, i + t.$getScrollOffset());
-        })(this.driver, this.h, e);
+        ie(this.driver, this.S, e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -820,7 +822,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => se),
+            type: e.forwardRef(() => re),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -835,9 +837,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
 
 i.OnPush;
 
-var le = class t {
+var ce = class t {
     data=h.required();
-    getKey=h(re);
+    getKey=h(oe);
     itemProps=h();
     bufferSize=h();
     itemSize=h();
@@ -851,11 +853,11 @@ var le = class t {
     scrolled=f();
     scrollEnded=f();
     template=p.required(l);
-    virtualizer=y.required(oe);
-    v=d(r).nativeElement;
+    virtualizer=y.required(ae);
+    N=d(n).nativeElement;
     ngOnInit() {
-        const e = this.horizontal(), t = this.v;
-        t.setAttribute("style", `display:${e ? "inline-block" : "block"};${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
+        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") || ""));
     }
     get cache() {
         return this.virtualizer().cache;
@@ -988,7 +990,7 @@ var le = class t {
         viewQueries: [ {
             propertyName: "virtualizer",
             first: !0,
-            predicate: oe,
+            predicate: ae,
             emitDistinctChangesOnly: !1,
             descendants: !0,
             isSignal: !0
@@ -998,13 +1000,13 @@ var le = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => oe),
+            type: e.forwardRef(() => ae),
             selector: "virtua-virtualizer",
             inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin" ],
             outputs: [ "scrolled", "scrollEnded" ]
         } ],
         viewProviders: [ {
-            provide: ne,
+            provide: le,
             useFactory: () => d(t).template
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
@@ -1013,9 +1015,9 @@ var le = class t {
 
 i.OnPush;
 
-var ae = class i {
+var ue = class i {
     data=h.required();
-    getKey=h(re);
+    getKey=h(oe);
     bufferSize=h();
     itemSize=h();
     ssrCount=h();
@@ -1027,19 +1029,19 @@ var ae = class i {
     scrolled=f();
     scrollEnded=f();
     template=p.required(l);
-    h;
     S;
+    v;
     driver;
-    v=d(r).nativeElement;
-    N=d(t);
-    $=g(void 0);
+    N=d(n).nativeElement;
+    $=d(t);
+    R=g(void 0);
     isSSR=g(!1);
     items=u(() => {
-        this.$();
-        const e = this.h, t = this.data(), i = this.getKey(), [s, r] = e.$getRange(this.bufferSize()), n = [];
-        for (let o = s; o <= r; o++) {
+        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 s = t[o];
-            n.push({
+            r.push({
                 key: i(s, o),
                 index: o,
                 data: s,
@@ -1047,11 +1049,11 @@ var ae = class i {
                 hide: e.$isUnmeasuredItem(o)
             });
         }
-        return n;
+        return r;
     });
     containerStyle=u(() => {
-        this.$();
-        const e = this.horizontal(), t = this.h.$getTotalSize();
+        this.R();
+        const e = this.horizontal(), t = this.S.$getTotalSize();
         return {
             display: "block",
             contain: "size style",
@@ -1060,93 +1062,93 @@ var ae = class i {
             position: "relative",
             width: e ? t + "px" : "100%",
             height: e ? "100%" : t + "px",
-            "pointer-events": this.h.$isScrolling() ? "none" : void 0
+            "pointer-events": this.S.$isScrolling() ? "none" : void 0
         };
     });
     constructor() {
         m(() => {
             const e = this.data().length;
-            this.h && e !== this.h.$getItemsLength() && this.h.$update(5, [ e, S(this.shift) ]);
+            this.S && e !== this.S.$getItemsLength() && this.S.$update(5, [ e, S(this.shift) ]);
         }), a({
             read: () => {
-                this.isSSR.set(!1), this.driver.$observe(this.v);
+                this.isSSR.set(!1), this.driver.$observe(this.N);
             }
         }), c({
             read: () => {
-                this.$(), this.driver.$effect();
+                this.R(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.h?.$dispose(), this.driver?.$dispose();
+            this.S?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.S = L(this.data().length, e, this.cacheProp()), s = this.h = _(i, t);
+        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = M(i, t);
         this.driver = ((e, t) => {
-            let i, s, r, n, o, l = k();
+            let i, s, n, r, o, l = O();
             const a = /* @__PURE__ */ new WeakMap, c = U(s => {
-                const r = [];
-                for (const {target: e, contentRect: {width: n, height: l}} of s) if (e === i) o && o(); else if (e.offsetParent) {
+                const n = [];
+                for (const {target: e, contentRect: {width: r, 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 ]);
+                    null != i && n.push([ i, t ? r : l ]);
                 }
-                r.length && e.$update(3, r);
+                n.length && e.$update(3, n);
             });
             return {
                 $observe(a) {
-                    const u = C(a), p = O(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;
+                    const u = k(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;
                         return e !== i && l ? h(l, t, i, s, o) : o;
-                    }, f = n = () => h(a, m, u.body, t), g = o = () => {
+                    }, f = r = () => h(a, m, u.body, t), g = o = () => {
                         e.$update(4, m[t ? "clientWidth" : "clientHeight"]);
                     };
-                    p.addEventListener("resize", g), c.i(m), r = () => {
+                    p.addEventListener("resize", g), c.i(m), n = () => {
                         p.removeEventListener("resize", g);
                     }, s = Z(e, p, m, t, d, null, f), l[1](!0);
                 },
                 $dispose() {
-                    r && r(), c.l(), s && s.l(), l[1](!1), l = k();
+                    n && n(), c.l(), s && s.l(), l[1](!1), l = O();
                 },
                 $observeItem: (e, t) => (a.set(e, t), c.i(e), () => {
                     a.delete(e), c.o(e);
                 }),
                 async $scroll(e, t) {
-                    await l[0] && s.p(e, t);
+                    await l[0] && s.m(e, t);
                 },
                 $effect() {
-                    s && s.u();
+                    s && s.p();
                 },
-                $getBaseOffset: () => n()
+                $getBaseOffset: () => r()
             };
         })(s, this.horizontal()), s.$subscribe(1, e => {
-            this.$.set(s.$getStateVersion()), e && this.N.tick();
+            this.R.set(s.$getStateVersion()), e && this.$.tick();
         }), s.$subscribe(4, () => {
             this.scrolled.emit();
         }), s.$subscribe(8, () => {
             this.scrollEnded.emit();
-        }), this.$.set(s.$getStateVersion());
+        }), this.R.set(s.$getStateVersion());
     }
     get cache() {
-        return this.S.$snapshot();
+        return this.v.$snapshot();
     }
     get scrollOffset() {
-        return this.h.$getScrollOffset();
+        return this.S.$getScrollOffset();
     }
     get viewportSize() {
-        return this.h.$getViewportSize();
+        return this.S.$getViewportSize();
     }
     findItemIndex(e) {
-        return this.h.$findItemIndex(e);
+        return this.S.$findItemIndex(e);
     }
     getItemOffset(e) {
-        return this.h.$getItemOffset(e);
+        return this.S.$getItemOffset(e);
     }
     getItemSize(e) {
-        return this.h.$getItemSize(e);
+        return this.S.$getItemSize(e);
     }
     scrollToIndex(e, t) {
-        te(this.driver, this.h, e, t);
+        se(this.driver, this.S, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1242,7 +1244,7 @@ var ae = class i {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => se),
+            type: e.forwardRef(() => re),
             selector: "div[virtuaListItem]",
             inputs: [ "index", "offset", "hide", "horizontal", "isSSR", "resizer", "attrs" ]
         }, {
@@ -1257,19 +1259,19 @@ var ae = class i {
 
 i.OnPush;
 
-var ce = class t {
+var pe = 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({
@@ -1314,14 +1316,14 @@ var ce = class t {
         },
         ngImport: e
     });
-}, ue = class t {
+}, me = class t {
     state=h.required();
     template=h.required();
     row=h.required();
     cols=h.required();
     resizer=h.required();
     colItem(e) {
-        return G(this.cols(), e);
+        return D(this.cols(), e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1388,7 +1390,7 @@ var ce = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ce),
+            type: e.forwardRef(() => pe),
             selector: "div[virtuaGridCell]",
             inputs: [ "state", "resizer" ]
         }, {
@@ -1399,14 +1401,14 @@ var ce = class t {
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, pe = class t {
+}, de = class t {
     state=h.required();
     template=h.required();
     rows=h.required();
     cols=h.required();
     resizer=h.required();
     rowItem(e) {
-        return G(this.rows(), e);
+        return D(this.rows(), e);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1472,13 +1474,13 @@ var ce = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => ue),
+            type: e.forwardRef(() => me),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
         changeDetection: e.ChangeDetectionStrategy.OnPush
     });
-}, me = class i {
+}, he = class i {
     rows=h.required();
     cols=h.required();
     rowHeight=h.required();
@@ -1498,25 +1500,25 @@ var ce = class t {
     scrollEnded=f();
     template=p.required(l);
     container=y.required("container");
-    I;
     P;
     q;
     F;
+    O;
     driver;
-    v=d(r).nativeElement;
-    N=d(t);
-    $=g(void 0);
-    ariaRowCount=d(new n("aria-rowcount"), {
+    N=d(n).nativeElement;
+    $=d(t);
+    R=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.$() && this.I.$getItemsLength());
-    colCount=u(() => this.$() && this.P.$getItemsLength());
-    k=u(() => this.q.$getSizes(this.rows(), this.rowHeight()));
-    C=u(() => this.F.$getSizes(this.cols(), this.colWidth()));
-    O=u(() => ((e = z) => {
+    rowCount=u(() => this.R() && this.P.$getItemsLength());
+    colCount=u(() => this.R() && this.q.$getItemsLength());
+    k=u(() => this.F.$getSizes(this.rows(), this.rowHeight()));
+    C=u(() => this.O.$getSizes(this.cols(), this.colWidth()));
+    T=u(() => ((e = N) => {
         const t = /* @__PURE__ */ new Map;
         for (const i of e) {
             const e = i.rowIndex + (i.rowSpan || 1);
@@ -1527,122 +1529,122 @@ var ce = class t {
         }
         return t;
     })(this.spans()));
-    plan=u(() => (this.$(), ((e, t, [i, s], [r, n], o, l = z, a = z, c) => {
+    plan=u(() => (this.R(), ((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 = I(i, m, d), s = N(s, d - 1), r = I(r, h, f), n = N(n, f - 1);
-        const g = H(l, m, d), S = b(h - 1, 0), y = [], v = [], w = [];
-        for (const e of a) e.rowIndex < u && e.colIndex < p && (w.push(e), y.push(e.rowIndex));
-        const $ = w.length, R = B(g, i, d), x = R < 0 ? -1 : g[R];
+        i = I(i, m, d), s = w(s, d - 1), n = I(n, h, f), r = w(r, 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);
-        for (let e = 0; e < q.length; e++) for (const t of o.get(q[e]) || z) {
-            const {rowIndex: o, colIndex: l} = t, a = J(t, u), c = Q(t, p);
+        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) < N(a, s + 1) || d < a || x >= o && x < a) && (l < h || b(l, r) < N(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 = w[t];
+                    const i = z[t];
                     e = i.rowIndex >= o && i.rowIndex < a && i.colIndex >= l && i.colIndex < c;
                 }
-                e && w.push(t);
+                e && z.push(t);
             }
         }
-        for (const {rowIndex: e, colIndex: t} of w) {
-            const i = B(g, e, d);
+        for (const {rowIndex: e, colIndex: t} of z) {
+            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, r, n, f), C = F.length, O = k.length, T = /* @__PURE__ */ new Map, M = [], _ = [];
-        for (const e of w) {
-            const t = J(e, u), i = Q(e, p);
-            M.push(t), _.push(i);
-            const s = k.indexOf(e.colIndex);
-            for (let r = F.indexOf(e.rowIndex); r < C && F[r] < t; r++) {
-                const t = F[r] * p;
-                for (let r = s; r < O && k[r] < i; r++) T.set(t + k[r], e);
+        const F = A(y, u, m, i, s, d), O = A(v, p, h, n, r, f), k = F.length, C = O.length, T = /* @__PURE__ */ new Map, _ = [], M = [];
+        for (const e of z) {
+            const t = Q(e, u), i = J(e, p);
+            _.push(t), M.push(i);
+            const s = O.indexOf(e.colIndex);
+            for (let n = F.indexOf(e.rowIndex); n < k && F[n] < t; n++) {
+                const t = F[n] * p;
+                for (let n = s; n < C && O[n] < i; n++) T.set(t + O[n], e);
             }
         }
         const V = [];
-        for (const e of k) V.push(!t.$isMeasurable(e) && null);
+        for (const e of O) V.push(!t.$isMeasurable(e) && null);
         const E = [], L = e.$getItemOffset(m), K = [];
-        let G = K;
-        const D = W.get(e), j = /* @__PURE__ */ new Map;
+        let D = K;
+        const G = W.get(e), j = /* @__PURE__ */ new Map;
         for (const o of F) {
-            const l = o < m, a = o >= d, y = B(g, o, d), v = l ? 0 : a ? d : y < 0 ? -1 : g[y];
+            const l = o < m, a = o >= d, y = H(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);
+                _.push(e);
                 const t = [];
                 K.push({
                     $key: l ? -1 : a ? -2 : -3 - v,
                     $rows: t,
                     $style: Y(v, e, l || a ? 0 : null, a ? "bottom" : "top", 4)
-                }), G = t;
-            } else v < 0 && (G = K);
-            const w = y >= 0 && o === v, z = l || a || o === x || o >= i && o <= s, N = w ? L : null, $ = o * p, R = D && D.get(o), I = R && R.$cells, P = [];
-            let q = 0, F = !e.$isMeasurable(o) && null, C = o + 1, _ = !1;
-            for (let e = 0; e < O; e++) {
-                const i = k[e], s = i < h, a = i >= f, m = s || a || i >= r && i <= n, d = T.get($ + i);
-                if (d ? d.rowIndex === o && d.colIndex === i : z && m) {
-                    const r = d ? J(d, u) : o + 1, n = d ? Q(d, p) : i + 1, m = r - o, h = n - i, f = m > 1, g = h > 1, y = f || g;
-                    let v, z;
-                    C = b(C, r);
-                    const N = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(n) : null;
-                    !1 !== F || f || (v = o, F = !0), !1 !== V[e] || g || (z = i, V[e] = !0);
-                    const R = l ? "columnheader" : i === S && (s || w) ? "rowheader" : "cell", x = y ? m : void 0, k = y ? h : void 0, O = "cell" !== R && c && c.rowIndex === o && c.colIndex === i ? c.order : void 0;
+                }), 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 = [];
+            let q = 0, F = !e.$isMeasurable(o) && null, k = o + 1, M = !1;
+            for (let e = 0; e < C; e++) {
+                const i = O[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 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;
+                    let v, N;
+                    k = b(k, 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, O = 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 (!T || T.$rowSpan !== x || T.$colSpan !== k || T.$start !== N || T.$end !== $ || T.$measureRow !== v || T.$measureCol !== z || T.$role !== R || T.$sort !== O) {
+                    if (!T || T.$rowSpan !== x || T.$colSpan !== O || 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",
                             gridArea: e
                         };
                         f && (t.height = "0px", t.minHeight = "100%", t.zIndex = 1), g && (t.width = "0px", 
-                        t.minWidth = "100%"), (s || a) && (t[s ? "insetInlineStart" : "insetInlineEnd"] = (s ? N : $) + "px", 
+                        t.minWidth = "100%"), (s || a) && (t[s ? "insetInlineStart" : "insetInlineEnd"] = (s ? w : $) + "px", 
                         t.position = "sticky", t.zIndex = 2), T = {
                             $col: i,
                             $rowSpan: x,
-                            $colSpan: k,
+                            $colSpan: O,
                             $measureRow: v,
-                            $measureCol: z,
+                            $measureCol: N,
                             $role: R,
-                            $sort: O,
+                            $sort: C,
                             $style: t,
-                            $start: N,
+                            $start: w,
                             $end: $
-                        }, _ = !0;
+                        }, M = !0;
                     }
                     P.push(T);
                 }
             }
             if (E.push(F), P.length) {
-                const e = R && !_ && R.$cells.length === P.length && R.$top === N ? R : {
+                const e = R && !M && R.$cells.length === P.length && R.$top === w ? R : {
                     $row: o,
                     $cells: P,
-                    $style: Y(o, C, N, "top", 3),
-                    $top: N
+                    $style: Y(o, k, w, "top", 3),
+                    $top: w
                 };
-                j.set(o, e), G.push(e);
+                j.set(o, e), D.push(e);
             }
         }
         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, P(_), "max-content", u),
+            $colTemplate: X(t, O, V, P(M), "minmax(max-content,auto)", p),
             $groups: K
         };
-    })(this.q, this.F, this.I.$getRange(this.bufferSize()), this.P.$getRange(this.bufferSize()), this.O(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
+    })(this.F, this.O, this.P.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
     rowItem(e) {
-        return G(this.rows(), e);
+        return D(this.rows(), e);
     }
     containerStyle=u(() => {
-        this.$();
-        const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.I.$getItemOffset(0), s = this.P.$getItemOffset(0);
+        this.R();
+        const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.P.$getItemOffset(0), s = this.q.$getItemOffset(0);
         return {
             contain: "size style",
             "overflow-anchor": "none",
@@ -1653,20 +1655,20 @@ var ce = 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.P.$isScrolling() ? "none" : void 0
+            height: _(this.P) - i + "px",
+            "pointer-events": this.P.$isScrolling() || this.q.$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 e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), n = this.headerCols(), r = this.footerCols();
+            if (!this.P) return;
             const o = this.k(), l = this.C();
             S(() => {
-                this.q.$setPinned(i, s), this.F.$setPinned(r, n);
+                this.F.$setPinned(i, s), this.O.$setPinned(n, r);
                 const a = K(e), c = K(t);
-                a !== this.I.$getItemsLength() && this.I.$update(5, [ a ]), c !== this.P.$getItemsLength() && this.P.$update(5, [ c ]), 
-                this.I.$update(9, o), this.P.$update(9, l);
+                a !== 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({
             read: () => {
@@ -1674,109 +1676,108 @@ var ce = class t {
             }
         }), c({
             read: () => {
-                this.$(), this.driver.$effect();
+                this.R(), this.driver.$effect();
             }
         }), d(s).onDestroy(() => {
-            this.I?.$dispose(), this.P?.$dispose(), this.driver?.$dispose();
+            this.P?.$dispose(), this.q?.$dispose(), this.driver?.$dispose();
         });
     }
     ngOnInit() {
-        const e = this.v;
+        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.q = D(this.rows(), this.rowHeight(), t), s = this.F = D(this.cols(), this.colWidth(), t), r = this.I = _(i), n = this.P = _(s);
+        const t = this.gap(), i = this.F = G(this.rows(), this.rowHeight(), t), s = this.O = G(this.cols(), this.colWidth(), t), n = this.P = M(i), r = this.q = M(s);
         this.driver = ((e, t) => {
-            let i, s, r, n = k();
-            const o = /* @__PURE__ */ new WeakMap, l = /* @__PURE__ */ new WeakMap, a = U(s => {
-                const r = [], n = [];
-                for (const {target: a, contentRect: {width: c, height: u}} of s) if (a === i) (c || u) && (e.$update(4, u), 
-                t.$update(4, c)); else if (a.offsetParent) {
-                    const e = o.get(a), t = l.get(a);
-                    null != e && r.push([ e, u ]), null != t && n.push([ t, c ]);
+            let i, s, n, r = O(), o = !0;
+            const l = /* @__PURE__ */ new WeakMap, a = /* @__PURE__ */ new WeakMap, c = U(r => {
+                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) {
+                    const e = l.get(p), t = a.get(p);
+                    null != e && c.push([ e, d ]), null != t && u.push([ t, m ]);
                 }
-                r.length && e.$update(3, r), n.length && t.$update(3, n);
+                c.length && e.$update(3, c), u.length && t.$update(3, u);
             });
             return {
                 async $scroll(e, t) {
-                    await n[0] && (e ? r : s).p(t);
+                    await r[0] && (e ? n : s).m(t);
                 },
-                $observe(o) {
-                    const l = i = o.parentElement;
-                    a.i(l);
-                    const c = (e, t) => Z(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
+                $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;
                         });
                     });
-                    s = c(e, !1), r = c(t, !0), n[1](!0);
+                    s = a(e, !1), n = a(t, !0), r[1](!0);
                 },
                 $dispose() {
-                    a.l(), s && s.l(), r && r.l(), n[1](!1), n = k();
+                    c.l(), s && s.l(), n && n.l(), r[1](!1), r = O();
                 },
-                $observeItem: (e, t, i) => (null != t && o.set(e, t), null != i && l.set(e, i), 
-                a.i(e), () => {
-                    o.delete(e), l.delete(e), a.o(e);
+                $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.u(), r && r.u();
+                    s && s.p(), n && n.p();
                 }
             };
-        })(r, n);
+        })(n, r);
         const o = e => {
-            this.$.set(r.$getStateVersion() + n.$getStateVersion()), e && this.N.tick();
+            this.R.set(n.$getStateVersion() + r.$getStateVersion()), e && this.$.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());
         };
-        r.$subscribe(8, a), n.$subscribe(8, a), o();
+        n.$subscribe(8, a), r.$subscribe(8, a), o();
     }
     get verticalScrollOffset() {
-        return this.I.$getScrollOffset();
+        return this.P.$getScrollOffset();
     }
     get horizontalScrollOffset() {
-        return this.P.$getScrollOffset();
+        return this.q.$getScrollOffset();
     }
     get scrollHeight() {
-        return M(this.I);
+        return _(this.P);
     }
     get scrollWidth() {
-        return M(this.P);
+        return _(this.q);
     }
     get viewportHeight() {
-        return this.I.$getViewportSize();
+        return this.P.$getViewportSize();
     }
     get viewportWidth() {
-        return this.P.$getViewportSize();
+        return this.q.$getViewportSize();
     }
     findRowIndex(e) {
-        return this.I.$findItemIndex(e);
+        return this.P.$findItemIndex(e);
     }
     findColIndex(e) {
-        return this.P.$findItemIndex(e);
+        return this.q.$findItemIndex(e);
     }
     getRowOffset(e) {
-        return this.I.$getItemOffset(e);
+        return this.P.$getItemOffset(e);
     }
     getColOffset(e) {
-        return this.P.$getItemOffset(e);
+        return this.q.$getItemOffset(e);
     }
     getRowSize(e) {
-        return this.I.$getItemSize(e);
+        return this.P.$getItemSize(e);
     }
     getColSize(e) {
-        return this.P.$getItemSize(e);
+        return this.q.$getItemSize(e);
     }
     scrollToIndex(e) {
-        ((e, t, i, s, r, n = z, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
-            null != o && ie(e, t, s, n, o, a, !1), null != l && ie(e, i, r, z, l, c, !0);
-        })(this.driver, this.I, this.P, this.q, this.F, this.sectionRows(), e);
+        ((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.O, this.sectionRows(), e);
     }
     scrollTo({vertical: e, horizontal: t}) {
         ((e, t, i) => {
@@ -1784,16 +1785,16 @@ var ce = 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.P, e, t);
+        })(this.driver, this.P, this.q, e, t);
     }
     static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
         minVersion: "12.0.0",
@@ -1944,12 +1945,12 @@ var ce = class t {
         isInline: !0,
         dependencies: [ {
             kind: "directive",
-            type: e.forwardRef(() => pe),
+            type: e.forwardRef(() => de),
             selector: "div[virtuaGridRowGroup]",
             inputs: [ "state", "template", "rows", "cols", "resizer" ]
         }, {
             kind: "directive",
-            type: e.forwardRef(() => ue),
+            type: e.forwardRef(() => me),
             selector: "div[virtuaGridRow]",
             inputs: [ "state", "template", "row", "cols", "resizer" ]
         } ],
@@ -1959,5 +1960,387 @@ var ce = class t {
 
 i.OnPush, i.OnPush, i.OnPush;
 
-export { me as VGrid, le as VList, oe as Virtualizer, ae as WindowVirtualizer };
+var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class t {
+    index=h.required();
+    offset=h.required();
+    crossOffset=h.required();
+    crossSize=h.required();
+    hide=h.required();
+    resizer=h.required();
+    style=u(() => ({
+        contain: "layout style",
+        position: "absolute",
+        top: this.offset() + "px",
+        "inset-inline-start": this.crossOffset(),
+        width: this.crossSize(),
+        visibility: this.hide() ? "hidden" : void 0
+    }));
+    constructor() {
+        const e = d(n).nativeElement;
+        let t;
+        c({
+            read: () => {
+                const i = this.index();
+                t && t(), t = S(this.resizer)(e, i);
+            }
+        }), d(s).onDestroy(() => {
+            t && t();
+        });
+    }
+    static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
+        minVersion: "12.0.0",
+        version: "22.1.7",
+        ngImport: e,
+        type: t,
+        deps: [],
+        target: e.ɵɵFactoryTarget.Directive
+    });
+    static ɵdir=/*@__PURE__*/ e.ɵɵngDeclareDirective({
+        minVersion: "17.1.0",
+        version: "22.1.7",
+        type: t,
+        isStandalone: !0,
+        selector: "div[virtuaMasonryItem]",
+        inputs: {
+            index: {
+                classPropertyName: "index",
+                publicName: "index",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            offset: {
+                classPropertyName: "offset",
+                publicName: "offset",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            crossOffset: {
+                classPropertyName: "crossOffset",
+                publicName: "crossOffset",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            crossSize: {
+                classPropertyName: "crossSize",
+                publicName: "crossSize",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            hide: {
+                classPropertyName: "hide",
+                publicName: "hide",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            resizer: {
+                classPropertyName: "resizer",
+                publicName: "resizer",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            }
+        },
+        host: {
+            properties: {
+                style: "style()"
+            }
+        },
+        ngImport: e
+    });
+}, Se = class i {
+    data=h.required();
+    getKey=h(oe);
+    lanes=h.required();
+    gap=h();
+    itemSize=h();
+    bufferSize=h();
+    cacheProp=h(void 0, {
+        alias: "cache"
+    });
+    scrolled=f();
+    scrollEnded=f();
+    template=p.required(l);
+    container=y.required("container");
+    S;
+    v;
+    driver;
+    N=d(n).nativeElement;
+    $=d(t);
+    R=g(void 0);
+    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, a] = e.$getRange(this.bufferSize()), c = [];
+        for (let u = l; u <= a; u++) {
+            const l = i[u], a = t.$getItemLane(u);
+            c.push({
+                key: s(l, u),
+                index: u,
+                data: l,
+                offset: e.$getItemOffset(u),
+                crossOffset: fe(a / r, a * n / r),
+                crossSize: o,
+                hide: e.$isUnmeasuredItem(u)
+            });
+        }
+        return c;
+    });
+    containerStyle=u(() => (this.R(), {
+        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
+    }));
+    constructor() {
+        m(() => {
+            const e = this.data();
+            this.S && S(() => {
+                e.length !== this.S.$getItemsLength() && this.S.$update(5, [ e.length ]);
+            });
+        }), m(() => {
+            const e = this.lanes(), t = this.gap();
+            this.S && S(() => {
+                this.v.$setOptions(e, t), this.S.$update(9, void 0);
+            });
+        }), a({
+            read: () => {
+                this.driver.$observe(this.container().nativeElement);
+            }
+        }), c({
+            read: () => {
+                this.R(), this.driver.$effect();
+            }
+        }), d(s).onDestroy(() => {
+            this.S?.$dispose(), this.driver?.$dispose();
+        });
+    }
+    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--);
+                }
+                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]);
+                    }
+                    h[e] = o, f[e] = t, s[t] = o + S(e), n[t] = e, g[e] = b(e ? g[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 => {
+                if (!e) return 0;
+                const i = E(z, e, t);
+                return z(i) <= t ? i + 1 : i;
+            };
+            return {
+                $getRange: (t, i) => {
+                    const s = E(v, e, i);
+                    return [ w($(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) {
+                        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;
+                        }
+                    }
+                    return h;
+                },
+                $getTotalSize: N,
+                $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;
+                },
+                $setOptions: (e, t = 0) => {
+                    o = b(e, 1), l = t;
+                },
+                $isEstimating: () => p,
+                $snapshot: () => [ d.slice(), a ],
+                $getLanes: () => r,
+                $getGap: () => i,
+                $getItemLane: e => (y(e), f[e])
+            };
+        })(this.data().length, this.lanes(), this.gap(), this.itemSize(), this.cacheProp()), i = this.S = M(t);
+        this.driver = ee(i, !1), i.$subscribe(1, e => {
+            this.R.set(i.$getStateVersion()), e && this.$.tick();
+        }), i.$subscribe(4, () => {
+            this.scrolled.emit(i.$getScrollOffset());
+        }), i.$subscribe(8, () => {
+            this.scrollEnded.emit();
+        }), this.R.set(i.$getStateVersion());
+    }
+    get cache() {
+        return this.v.$snapshot();
+    }
+    get scrollOffset() {
+        return this.S.$getScrollOffset();
+    }
+    get scrollSize() {
+        return _(this.S);
+    }
+    get viewportSize() {
+        return this.S.$getViewportSize();
+    }
+    getItemOffset(e) {
+        return this.S.$getItemOffset(e);
+    }
+    getItemSize(e) {
+        return this.S.$getItemSize(e);
+    }
+    scrollToIndex(e, t) {
+        se(this.driver, this.S, e, t);
+    }
+    scrollTo(e) {
+        te(this.driver, e);
+    }
+    scrollBy(e) {
+        ie(this.driver, this.S, e);
+    }
+    static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
+        minVersion: "12.0.0",
+        version: "22.1.7",
+        ngImport: e,
+        type: i,
+        deps: [],
+        target: e.ɵɵFactoryTarget.Component
+    });
+    static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
+        minVersion: "17.0.0",
+        version: "22.1.7",
+        type: i,
+        isStandalone: !0,
+        selector: "virtua-vmasonry",
+        inputs: {
+            data: {
+                classPropertyName: "data",
+                publicName: "data",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            getKey: {
+                classPropertyName: "getKey",
+                publicName: "getKey",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            lanes: {
+                classPropertyName: "lanes",
+                publicName: "lanes",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            gap: {
+                classPropertyName: "gap",
+                publicName: "gap",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemSize: {
+                classPropertyName: "itemSize",
+                publicName: "itemSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            bufferSize: {
+                classPropertyName: "bufferSize",
+                publicName: "bufferSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            cacheProp: {
+                classPropertyName: "cacheProp",
+                publicName: "cache",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            }
+        },
+        outputs: {
+            scrolled: "scrolled",
+            scrollEnded: "scrollEnded"
+        },
+        queries: [ {
+            propertyName: "template",
+            first: !0,
+            predicate: l,
+            emitDistinctChangesOnly: !1,
+            descendants: !0,
+            isSignal: !0
+        } ],
+        viewQueries: [ {
+            propertyName: "container",
+            first: !0,
+            predicate: [ "container" ],
+            emitDistinctChangesOnly: !1,
+            descendants: !0,
+            isSignal: !0
+        } ],
+        ngImport: e,
+        template: '\n    <div #container [style]="containerStyle()">\n      @for (item of items(); track item.key) {\n        <div\n          virtuaMasonryItem\n          [index]="item.index"\n          [offset]="item.offset"\n          [crossOffset]="item.crossOffset"\n          [crossSize]="item.crossSize"\n          [hide]="item.hide"\n          [resizer]="driver.$observeItem"\n        >\n          <ng-container\n            [ngTemplateOutlet]="template()"\n            [ngTemplateOutletContext]="{\n              $implicit: item.data,\n              index: item.index,\n            }"\n          />\n        </div>\n      }\n    </div>\n  ',
+        isInline: !0,
+        dependencies: [ {
+            kind: "directive",
+            type: e.forwardRef(() => ge),
+            selector: "div[virtuaMasonryItem]",
+            inputs: [ "index", "offset", "crossOffset", "crossSize", "hide", "resizer" ]
+        }, {
+            kind: "directive",
+            type: e.forwardRef(() => v),
+            selector: "[ngTemplateOutlet]",
+            inputs: [ "ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector" ]
+        } ],
+        changeDetection: e.ChangeDetectionStrategy.OnPush
+    });
+};
+
+i.OnPush;
+
+export { he as VGrid, ce as VList, Se as VMasonry, ae as Virtualizer, ue as WindowVirtualizer };
 //# sourceMappingURL=index.js.map