virtua 0.53.0 → 0.53.2

package/lib/solid/index.js

@@ -1,8 +1,8 @@
 import { Dynamic as e, createComponent as t, effect as r, insert as n, isServer as o, memo as s, mergeProps as i, setAttribute as l, setStyleProperty as c, spread as u, style as a, template as f, use as g } from "solid-js/web";
 
-import { For as d, createComputed as h, createEffect as p, createMemo as $, createSignal as v, mergeProps as m, on as w, onCleanup as S, onMount as z, splitProps as x, untrack as y } from "solid-js";
+import { For as d, createComputed as h, createEffect as p, createMemo as $, createSignal as v, mergeProps as m, on as w, onCleanup as S, onMount as z, splitProps as y, untrack as x } from "solid-js";
 
-var _, I = [], {min: b, max: k, abs: T, floor: O} = Math, R = (e, t, r) => b(r, k(t, e)), M = e => e.sort((e, t) => e - t), C = setTimeout, E = clearTimeout, L = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+var _, b = [], {min: I, max: k, abs: R, floor: T} = Math, O = (e, t, r) => I(r, k(t, e)), M = e => e.sort((e, t) => e - t), C = setTimeout, E = clearTimeout, L = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
 }, W = () => {
     let e;
@@ -10,103 +10,100 @@ var _, I = [], {min: b, max: k, abs: T, floor: O} = Math, R = (e, t, r) => b(r,
         e = t;
     }), e ];
 }, H = e => e.ownerDocument, q = e => e.defaultView, P = () => (null == _ && (_ = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-_), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _: l, I: c, k: u, T: a}, f = 0) => {
-    let g = !!f, d = 1, h = 0, p = 0, $ = 0, v = 0, m = 0, w = 0, S = 0, z = 0, x = null, y = [ 0, g ? k(f - 1, 0) : -1 ], _ = !1;
-    const I = /* @__PURE__ */ new Set, O = () => $ - p, R = () => O() + m + v, M = e => r(e) - m, C = e => {
-        if (2 === z) return !0;
-        if (x && 1 === z) return e < x[0];
-        const t = O(), r = M(e), o = n(e);
-        return 1 !== S && 0 === z ? r + o <= t : r < t && r + o < t + h;
-    }, E = e => {
-        e && (P() && 0 !== S || x && 1 === z ? m += e : v += e);
+_), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, l: o, m: s, S: i, _: l, I: c}, u = 0) => {
+    let a = !!u, f = 1, g = 0, d = 0, h = 0, p = 0, $ = 0, v = 0, m = 0, w = 0, S = null, z = [ 0, a ? k(u - 1, 0) : -1 ], y = !1;
+    const x = /* @__PURE__ */ new Set, _ = () => h - d, b = () => _() + $ + p, T = e => t(e) - $, O = e => {
+        if (2 === w) return !0;
+        if (S && 1 === w) return e < S[0];
+        const t = _(), n = T(e), o = r(e);
+        return 1 !== m && 0 === w ? n + o <= t : n < t && n + o < t + g;
+    }, M = e => {
+        e && (P() && 0 !== m || S && 1 === w ? $ += e : p += e);
     };
     return {
-        O: () => {
-            I.clear();
+        k: () => {
+            x.clear();
         },
-        R: () => d,
+        R: () => f,
         h: (t = 200) => {
-            if (!_ || g) return y;
+            if (!y || a) return z;
             let r, n;
-            if (w) [r, n] = y; else {
-                let o = k(0, R()), s = o + h;
-                c() || (t = k(0, t), 1 !== S && (o -= t), 2 !== S && (s += t)), [r, n] = y = e(k(0, o), k(0, s)), 
-                x && (r = b(r, x[0]), n = k(n, x[1]));
+            if (v) [r, n] = z; else {
+                let o = k(0, b()), s = o + g;
+                l() || (t = k(0, t), 1 !== m && (o -= t), 2 !== m && (s += t)), [r, n] = z = e(k(0, o), k(0, s)), 
+                S && (r = I(r, S[0]), n = k(n, S[1]));
             }
-            return [ k(r, 0), b(n, i() - 1) ];
+            return [ k(r, 0), I(n, s() - 1) ];
         },
-        M: e => t(e - p),
-        C: o,
-        $: M,
-        v: n,
-        L: i,
-        W: () => $,
-        H: () => 0 !== S,
-        u: () => h,
-        q: () => p,
-        l: s,
-        P: () => (w = v, v = 0, [ w, 2 === z ]),
-        B: (e, t) => {
+        T: n,
+        p: T,
+        $: r,
+        O: s,
+        M: () => h,
+        C: b,
+        L: () => 0 !== m,
+        u: () => g,
+        W: () => d,
+        l: o,
+        H: () => (v = p, p = 0, [ v, 2 === w ]),
+        q: (e, t) => {
             const r = [ e, t ];
-            return I.add(r), () => {
-                I.delete(r);
+            return x.add(r), () => {
+                x.delete(r);
             };
         },
-        A: (t, r) => {
-            let n, i, c = 0;
+        P: (t, r) => {
+            let s, l, u = 0;
             switch (t) {
               case 1:
                 {
-                    if (r === $ && 0 === z) break;
-                    const e = w;
-                    w = 0;
-                    const t = r - $, n = T(t);
-                    e && n < T(e) + 1 || 0 !== z || (S = t < 0 ? 2 : 1), g && (g = !1), $ = r, c = 4;
-                    const o = O();
-                    o >= -h && o <= s() && (c += 1, i = n > h);
+                    if (r === h && 0 === w) break;
+                    const e = v;
+                    v = 0;
+                    const t = r - h, n = R(t);
+                    e && n < R(e) + 1 || 0 !== w || (m = t < 0 ? 2 : 1), a && (a = !1), h = r, u = 4;
+                    const s = _();
+                    s >= -g && s <= o() && (u += 1, l = n > g);
                     break;
                 }
 
               case 2:
-                c = 8, 0 !== S && (n = !0, c += 1), S = 0, z = 0, x = null;
+                u = 8, 0 !== m && (s = !0, u += 1), m = 0, w = 0, S = null;
                 break;
 
               case 3:
                 {
-                    const e = r.filter(([e, t]) => !o(e, t));
+                    const e = r.filter(([e, t]) => !n(e, t));
                     if (!e.length) break;
-                    E(u(e, C, R(), h)), c = 3, i = !0;
+                    M(c(e, O, b(), g)), u = 3, l = !0;
                     break;
                 }
 
               case 4:
-                h !== r && (h || (_ = i = !0), h = r, c = 3);
+                g !== r && (g || (y = l = !0), g = r, u = 3);
                 break;
 
               case 5:
-                r[1] ? (E(l(r[0], !0)), z = 2, c = 1) : (l(r[0]), c = 1);
+                r[1] ? (M(i(r[0], !0)), w = 2, u = 1) : (i(r[0]), u = 1);
                 break;
 
               case 6:
-                p = r;
+                d = r;
                 break;
 
               case 7:
-                z = 1;
+                w = 1;
                 break;
 
               case 9:
-                {
-                    const e = a(r, R());
-                    null != e && (E(e), c = 3);
-                    break;
-                }
+                null != r && (M(r), u = 3);
+                break;
 
               case 8:
-                x = e(r, r + h), c = 1;
+                S = e(r, r + g), u = 1;
             }
-            c && (d = 1 + (2147483647 & d), n && m && (v += m, m = 0), I.forEach(([e, t]) => {
-                c & e && t(i);
+            u && (f = 1 + (2147483647 & f), s && $ && (p += $, $ = 0), x.forEach(([e, t]) => {
+                u & e && t(l);
             }));
         }
     };
@@ -117,13 +114,13 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
 }, j = (e, t, r, n = 0, o = t - 1) => {
     let s = n;
     for (;n <= o; ) {
-        const t = O((n + o) / 2);
+        const t = T((n + o) / 2);
         e(t) <= r ? (s = t, n = t + 1) : o = t - 1;
     }
-    return R(s, 0, t - 1);
+    return O(s, 0, t - 1);
 }, J = (e, t, r) => {
     let n = r && r[1] || t || 40, o = -1, s = 0, i = !t, l = 0;
-    const c = r && r[0], u = c ? V(c.slice(0, b(e, c.length)), k(0, e - c.length)) : V([], e), a = V([], e + 1), f = e => {
+    const c = r && r[0], u = c ? V(c.slice(0, I(e, c.length)), k(0, e - c.length)) : V([], e), a = V([], e + 1), f = e => {
         const t = u[e];
         return -1 === t ? n : t;
     }, g = t => {
@@ -137,16 +134,16 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     return {
         h: (t, r) => {
             let n, o;
-            return l = b(l, e - 1), g(l) <= t ? (o = j(g, e, r, l), n = j(g, e, t, l, o)) : (n = j(g, e, t, void 0, l), 
+            return l = I(l, e - 1), g(l) <= t ? (o = j(g, e, r, l), n = j(g, e, t, l, o)) : (n = j(g, e, t, void 0, l), 
             o = j(g, e, r, n)), l = n, [ n, o ];
         },
-        p: t => j(g, e, t),
-        $: g,
-        v: f,
-        m: (e, t = -1) => u[e] === t,
-        k: (t, r, l, c) => {
+        B: t => j(g, e, t),
+        p: g,
+        $: f,
+        v: (e, t = -1) => u[e] === t,
+        I: (t, r, l, c) => {
             let a = t.reduce((e, [t, n]) => r(t) ? e + (n - f(t)) : e, 0);
-            for (const [e, r] of t) s += -1 === u[e] ? r : r - f(e), u[e] = r, o = b(e, o);
+            for (const [e, r] of t) s += -1 === u[e] ? r : r - f(e), u[e] = r, o = I(e, o);
             if (i && c && s > c) {
                 let t = 0;
                 const r = j(g, e, l + a), s = [];
@@ -159,14 +156,14 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             return a;
         },
         l: () => g(e),
-        S: () => e,
-        _: (t, r) => {
+        m: () => e,
+        S: (t, r) => {
             const s = t - e;
-            return o = r ? -1 : b(t - 1, o), e = t, s > 0 ? (V(a, s), V(u, s, r), n * s) : (a.splice(s), 
+            return o = r ? -1 : I(t - 1, o), e = t, s > 0 ? (V(a, s), V(u, s, r), n * s) : (a.splice(s), 
             (r ? u.splice(0, -s) : u.splice(s)).reduce((e, t) => e - (-1 === t ? n : t), 0));
         },
-        I: () => i,
-        V: () => [ u.slice(), n ]
+        _: () => i,
+        A: () => [ u.slice(), n ]
     };
 }, X = e => "number" == typeof e ? e : e.length, Y = (e, t) => "number" == typeof e ? t : e[t], D = (e, t, r = 0) => {
     let n = X(e);
@@ -186,17 +183,17 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         for (;t < e; ) r += m(t), h[++t] = r;
         return l = e, r;
     }, S = (e, t) => {
-        d[e] = t, l = b(e, l);
-    }, z = e => d.length ? j(w, n, e) : i ? R(O(e / i), 0, n - 1) : 0, x = () => b(a, n), y = () => k(n - f, x()), _ = e => (d.length ? m(e) : i) - r;
+        d[e] = t, l = I(e, l);
+    }, z = e => d.length ? j(w, n, e) : i ? O(T(e / i), 0, n - 1) : 0, y = () => I(a, n), x = () => k(n - f, y()), _ = e => (d.length ? m(e) : i) - r;
     return {
         h: (e, t) => {
-            const o = w(x()), s = w(n) - w(y()), i = e + (o ? o - r : 0);
+            const o = w(y()), s = w(n) - w(x()), i = e + (o ? o - r : 0);
             return [ z(i), z(k(i, t - (s ? s - r : 0))) ];
         },
-        p: z,
-        $: w,
-        v: _,
-        k: (e, t, n, o) => {
+        B: z,
+        p: w,
+        $: _,
+        I: (e, t, n, o) => {
             let s = e.reduce((e, [r, n]) => $(r) && t(r) ? e + (n - _(r)) : e, 0);
             for (const [t, n] of e) $(t) && (v(), c += -1 === d[t] ? n : n - _(t), S(t, n + r));
             if (u && o && c > o) {
@@ -210,25 +207,25 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             }
             return s;
         },
-        m: (e, t = -1) => {
+        v: (e, t = -1) => {
             const n = d.length ? d[e] : -1;
             return -1 === t ? $(e) && -1 === n : n === t + r;
         },
         l: () => n ? w(n) - r : 0,
-        S: () => n,
-        _: e => {
+        m: () => n,
+        S: e => {
             const t = e - n;
-            return l = b(e - 1, l), n = e, d.length && (t > 0 ? V(d, t) : d.splice(t)), 0;
+            return l = I(e - 1, l), n = e, d.length && (t > 0 ? V(d, t) : d.splice(t)), 0;
         },
-        I: () => u,
-        j: $,
-        J: (e = 0, t = 0) => {
+        _: () => u,
+        V: $,
+        j: (e = 0, t = 0) => {
             a = e, f = t;
         },
+        J: y,
         X: x,
-        Y: y,
-        D: (e, t) => "number" == typeof t ? o ? t : null : o || s || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
-        T: (e, t) => {
+        Y: (e, t) => "number" == typeof t ? o ? t : null : o || s || "auto" === t ? null : e.map(e => null != e ? e[t] : null),
+        D: (e, t) => {
             if (null == e) return;
             if ("number" == typeof e) {
                 const n = e + r;
@@ -278,7 +275,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     F(i, e, l, s, o);
     for (let e = s; e < t; e++) i.push(e);
     return i;
-}, N = (e, t) => b(e.rowIndex + (e.rowSpan || 1), t), Q = (e, t) => b(e.colIndex + (e.colSpan || 1), t), ee = (e, t, r, n, o, s) => {
+}, N = (e, t) => I(e.rowIndex + (e.rowSpan || 1), t), Q = (e, t) => I(e.colIndex + (e.colSpan || 1), t), ee = (e, t, r, n, o, s) => {
     const i = t.length, l = n.length;
     let c = "[l0]", u = 0, a = 0, f = 0;
     for (;u < s; ) {
@@ -288,8 +285,8 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         if (g === u) {
             d = u + 1;
             const t = r[a];
-            h = null == t ? e.v(u) + "px" : t ? o : "minmax(" + e.v(u) + "px,auto)", a++;
-        } else d = b(g, f < l ? n[f] : s), h = "minmax(" + (e.$(d - 1) + e.v(d - 1) - e.$(u)) + "px,auto)";
+            h = null == t ? e.$(u) + "px" : t ? o : "minmax(" + e.$(u) + "px,auto)", a++;
+        } else d = I(g, f < l ? n[f] : s), h = "minmax(" + (e.p(d - 1) + e.$(d - 1) - e.p(u)) + "px,auto)";
         c += " " + h + " [l" + d + "]", u = d;
     }
     return c;
@@ -328,41 +325,41 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         });
     }, S = () => {
         if (a || f) return a = !1, void z();
-        g = !1, e.A(2);
+        g = !1, e.P(2);
     }, z = () => {
         E(c), c = C(S, 150);
-    }, x = () => {
-        u = h(), g && (d = !0), i && e.A(6, i()), e.A(1, m()), z();
-    }, y = t => {
-        if (a || !e.H() || t.ctrlKey) return;
+    }, y = () => {
+        u = h(), g && (d = !0), i && e.P(6, i()), e.P(1, m()), z();
+    }, x = t => {
+        if (a || !e.L() || t.ctrlKey) return;
         const r = h() - u;
         150 > r && 50 < r && (n ? t.deltaX : t.deltaY) && (a = !0);
     }, _ = () => {
         f = !0, g = d = !1;
-    }, I = () => {
+    }, b = () => {
         f = !1, P() && (g = !0);
     };
-    return t.addEventListener("scroll", x), t.addEventListener("wheel", y, {
+    return t.addEventListener("scroll", y), t.addEventListener("wheel", x, {
         passive: !0
     }), t.addEventListener("touchstart", _, {
         passive: !0
-    }), t.addEventListener("touchend", I, {
+    }), t.addEventListener("touchend", b, {
         passive: !0
     }), {
-        F: x,
+        F: y,
         Z: () => {
-            t.removeEventListener("scroll", x), t.removeEventListener("wheel", y), t.removeEventListener("touchstart", _), 
-            t.removeEventListener("touchend", I), E(c);
+            t.removeEventListener("scroll", y), t.removeEventListener("wheel", x), t.removeEventListener("touchstart", _), 
+            t.removeEventListener("touchend", b), E(c);
         },
         K: () => {
-            const [t, n] = e.P();
+            const [t, n] = e.H();
             if (!t) return;
             d && s && s(), d = !1;
-            const o = e.W(), i = o + t, c = e.q() + e.l() - e.u();
+            const o = e.M(), i = o + t, c = e.W() + e.l() - e.u();
             i <= 0 || i >= c || o >= c ? w(i) : r.scrollBy({
                 [$]: v(t),
                 behavior: "instant"
-            }), n && (l && l(), e.u() > e.l() && e.A(1, m()));
+            }), n && (l && l(), e.u() > e.l() && e.P(1, m()));
         },
         N: (t, r) => {
             let n, o, s;
@@ -372,16 +369,16 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             }, c = () => {
                 if (!n) {
                     if (e.u() && (E(o), o = C(i, 150)), r) {
-                        for (let [t, r] = e.h(0); t <= r; t++) if (e.C(t)) return;
+                        for (let [t, r] = e.h(0); t <= r; t++) if (e.T(t)) return;
                         i();
                     }
-                    e.A(7), w(t(), r);
+                    e.P(7), w(t(), r);
                 }
             };
-            r && e.A(8, t()), (() => {
+            r && e.P(8, t()), (() => {
                 if (n) return;
                 let t;
-                s = e.B(2, () => {
+                s = e.q(2, () => {
                     t || (t = !0, L(() => {
                         t = !1, c();
                     }));
@@ -394,11 +391,11 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     const i = /* @__PURE__ */ new WeakMap, l = ne(o => {
         const l = [];
         for (const {target: c, contentRect: {width: u, height: a}} of o) if (c === r) u || a ? (s || n.F(), 
-        s = !0, e.A(4, t ? u : a)) : s = !1; else if (c.offsetParent) {
+        s = !0, e.P(4, t ? u : a)) : s = !1; else if (c.offsetParent) {
             const e = i.get(c);
             null != e && l.push([ e, t ? u : a ]);
         }
-        l.length && e.A(3, l);
+        l.length && e.P(3, l);
     });
     return {
         ee(s, i = s.parentElement) {
@@ -409,7 +406,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 });
             }), o[1](!0);
         },
-        O() {
+        k() {
             l.Z(), n && n.Z(), o[1](!1), o = W();
         },
         te: (e, t) => (i.set(e, t), l.G(e), () => {
@@ -421,32 +418,32 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         ne() {
             n && n.K();
         },
-        oe: e.q
+        oe: e.W
     };
 }, ie = (e, t) => {
     e.re(() => t);
 }, le = (e, t, r) => {
-    ie(e, r + t.W());
+    ie(e, r + t.M());
 }, ce = (e, t, r, {align: n, smooth: o, offset: s = 0} = {}) => {
-    if (r = R(r, 0, t.L() - 1), "nearest" === n) {
-        const e = t.$(r), o = t.W();
+    if (r = O(r, 0, t.O() - 1), "nearest" === n) {
+        const e = t.p(r), o = t.M();
         if (e < o) n = "start"; else {
-            if (!(e + t.v(r) > o + t.u())) return;
+            if (!(e + t.$(r) > o + t.u())) return;
             n = "end";
         }
     }
-    e.re(() => s + e.oe() + t.$(r) + ("end" === n ? t.v(r) - t.u() : "center" === n ? (t.v(r) - t.u()) / 2 : 0), o);
+    e.re(() => s + e.oe() + t.p(r) + ("end" === n ? t.$(r) - t.u() : "center" === n ? (t.$(r) - t.u()) / 2 : 0), o);
 }, ue = (e, t, r, n, o, s, i) => {
-    const l = t.L(), c = r.X(), u = r.Y();
-    o = R(o, 0, l - 1);
-    const a = U(n, c, u), f = Z(a, o, u), g = f < 0 ? -1 : a[f], d = () => r.$(c) + (g < 0 || g === o ? 0 : r.$(g + 1) - r.$(g)), h = () => r.$(l) - r.$(u);
+    const l = t.O(), c = r.J(), u = r.X();
+    o = O(o, 0, l - 1);
+    const a = U(n, c, u), f = Z(a, o, u), g = f < 0 ? -1 : a[f], d = () => r.p(c) + (g < 0 || g === o ? 0 : r.p(g + 1) - r.p(g)), h = () => r.p(l) - r.p(u);
     if ("nearest" === s) {
         if (o < c || o >= u) return;
-        const e = d(), r = t.W() + e, n = t.u() - e - h(), i = t.v(o);
-        let l = t.$(o);
+        const e = d(), r = t.M() + e, n = t.u() - e - h(), i = t.$(o);
+        let l = t.p(o);
         if (g === o) {
             const e = (f + 1 < a.length ? a[f + 1] : u) - 1;
-            l = k(l, b(r, t.$(e) + t.v(e) - i));
+            l = k(l, I(r, t.p(e) + t.$(e) - i));
         }
         if (l < r) s = "start"; else {
             if (!(l + i > r + n)) return;
@@ -454,8 +451,8 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         }
     }
     e.re(i, () => {
-        const e = d(), r = t.v(o) - (t.u() - e - h());
-        return t.$(o) - e + ("end" === s ? r : "center" === s ? r / 2 : 0);
+        const e = d(), r = t.$(o) - (t.u() - e - h());
+        return t.p(o) - e + ("end" === s ? r : "center" === s ? r / 2 : 0);
     });
 }, ae = r => {
     let n;
@@ -498,25 +495,27 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     r = m({
         as: "div"
     }, r);
-    const [u, a] = v(!!c), f = J(r.data.length, s, l), g = A(f, c), x = se(g, i), [_, I] = v(g.R());
-    g.B(1, () => {
-        I(g.R());
-    }), g.B(4, () => {
-        r.onScroll?.(g.W());
-    }), g.B(8, () => {
+    const [u, a] = v(!!c), f = J(r.data.length, s, l), g = A(f, c), y = se(g, i), [_, b] = v(g.R());
+    g.q(1, () => {
+        b(g.R());
+    }), g.q(4, () => {
+        r.onScroll?.(g.M());
+    }), g.q(8, () => {
         r.onScrollEnd?.();
+    }), g.q(2, () => {
+        r.onResize?.();
     });
-    const b = $(e => {
+    const I = $(e => {
         _();
         const t = g.h(r.bufferSize);
         return e && fe(e, t) ? e : t;
-    }), k = $(() => _() && g.H()), T = $(() => _() && g.l()), O = r.ref;
-    !o && O && (O({
+    }), k = $(() => _() && g.L()), R = $(() => _() && g.l()), T = r.ref;
+    !o && T && (T({
         get cache() {
-            return f.V();
+            return f.A();
         },
         get scrollOffset() {
-            return g.W();
+            return g.M();
         },
         get scrollSize() {
             return B(g);
@@ -524,34 +523,34 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         get viewportSize() {
             return g.u();
         },
-        findItemIndex: g.M,
-        getItemOffset: g.$,
-        getItemSize: g.v,
-        scrollToIndex: (e, t) => ce(x, g, e, t),
-        scrollTo: e => ie(x, e),
-        scrollBy: e => le(x, g, e)
-    }), S(() => O())), z(() => {
-        a(!1), x.ee(n, r.scrollRef), S(() => {
-            g.O(), x.O();
+        findItemIndex: e => f.B(e - g.W()),
+        getItemOffset: g.p,
+        getItemSize: g.$,
+        scrollToIndex: (e, t) => ce(y, g, e, t),
+        scrollTo: e => ie(y, e),
+        scrollBy: e => le(y, g, e)
+    }), S(() => T())), z(() => {
+        a(!1), y.ee(n, r.scrollRef), S(() => {
+            g.k(), y.k();
         });
     }), h(w(() => r.startMargin || 0, e => {
-        e !== g.q() && g.A(6, e);
+        e !== g.W() && g.P(6, e);
     })), p(w(_, () => {
-        x.ne();
+        y.ne();
     }));
-    const R = $(() => {
+    const O = $(() => {
         const e = r.data.length;
-        y(() => {
-            e !== g.L() && g.A(5, [ e, r.shift ]);
+        x(() => {
+            e !== g.O() && g.P(5, [ e, r.shift ]);
         });
         const t = [], n = [];
         if (r.keepMounted) {
             const o = new Set(r.keepMounted);
-            for (let [e, t] = b(); e <= t; e++) o.add(e);
+            for (let [e, t] = I(); e <= t; e++) o.add(e);
             M([ ...o ]).forEach(o => {
                 o < e && (t.push(r.data[o]), n.push(o));
             });
-        } else for (let [e, o] = b(); e <= o; e++) t.push(r.data[e]), n.push(e);
+        } else for (let [e, o] = I(); e <= o; e++) t.push(r.data[e]), n.push(e);
         return {
             de: t,
             he: n
@@ -570,18 +569,18 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 "overflow-anchor": "none",
                 flex: "none",
                 position: "relative",
-                width: i ? T() + "px" : "100%",
-                height: i ? "100%" : T() + "px",
+                width: i ? R() + "px" : "100%",
+                height: i ? "100%" : R() + "px",
                 "pointer-events": k() ? "none" : void 0
             };
         },
         get children() {
             return t(d, {
                 get each() {
-                    return R().de;
+                    return O().de;
                 },
                 children: (e, n) => ((e, n) => {
-                    const o = $(() => (_(), g.$(n()))), s = $(() => (_(), g.C(n()))), l = $(() => y(() => r.children(e, n)));
+                    const o = $(() => (_(), g.p(n()))), s = $(() => (_(), g.T(n()))), l = $(() => x(() => r.children(e, n)));
                     return t(ae, {
                         get se() {
                             return r.item;
@@ -590,7 +589,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                             return n();
                         },
                         get ie() {
-                            return x.te;
+                            return y.te;
                         },
                         get fe() {
                             return o();
@@ -606,12 +605,12 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                             return u();
                         }
                     });
-                })(e, $(() => R().he[n()]))
+                })(e, $(() => O().he[n()]))
             });
         }
     });
 }, de = /*#__PURE__*/ f("<div>"), he = e => {
-    const [r, o] = x(e, [ "ref", "data", "children", "bufferSize", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "item", "onScroll", "onScrollEnd", "style" ]);
+    const [r, o] = y(e, [ "ref", "data", "children", "bufferSize", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "item", "onScroll", "onScrollEnd", "onResize", "style" ]);
     return s = de(), u(s, i(o, {
         get style() {
             return {
@@ -661,6 +660,9 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         get onScrollEnd() {
             return r.onScrollEnd;
         },
+        get onResize() {
+            return r.onResize;
+        },
         get children() {
             return r.children;
         }
@@ -668,7 +670,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     var s;
 }, pe = /*#__PURE__*/ f('<div style="contain:size style;overflow-anchor:none;flex:none;position:relative">'), $e = e => {
     let s;
-    const {ref: i, data: l, children: u, itemSize: a, ssrCount: f, shift: h, horizontal: m = !1, cache: x, onScrollEnd: _} = e, [I, b] = v(!!f), k = J(e.data.length, a, x), T = A(k, f), O = ((e, t) => {
+    const {ref: i, data: l, children: u, itemSize: a, ssrCount: f, shift: h, horizontal: m = !1, cache: y, onScrollEnd: _} = e, [b, I] = v(!!f), k = J(e.data.length, a, y), R = A(k, f), T = ((e, t) => {
         let r, n, o, s, i, l = W();
         const c = /* @__PURE__ */ new WeakMap, u = ne(n => {
             const o = [];
@@ -676,7 +678,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 const r = c.get(e);
                 null != r && o.push([ r, t ? s : l ]);
             }
-            o.length && e.A(3, o);
+            o.length && e.P(3, o);
         });
         return {
             ee(c) {
@@ -684,13 +686,13 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                     const s = n ? "offsetLeft" : "offsetTop", i = o + (d ? t.clientWidth - e[s] - e.offsetWidth : e[s]), l = e.offsetParent;
                     return e !== r && l ? h(l, t, r, n, i) : i;
                 }, p = s = () => h(c, g, a.body, t), $ = i = () => {
-                    e.A(4, g[t ? "clientWidth" : "clientHeight"]);
+                    e.P(4, g[t ? "clientWidth" : "clientHeight"]);
                 };
                 f.addEventListener("resize", $), u.G(g), o = () => {
                     f.removeEventListener("resize", $);
                 }, n = oe(e, f, g, t, d, null, p), l[1](!0);
             },
-            O() {
+            k() {
                 o && o(), u.Z(), n && n.Z(), l[1](!1), l = W();
             },
             te: (e, t) => (c.set(e, t), u.G(e), () => {
@@ -704,44 +706,46 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             },
             oe: () => s()
         };
-    })(T, m), [R, M] = v(T.R());
-    T.B(1, () => {
-        M(T.R());
-    }), T.B(4, () => {
+    })(R, m), [O, M] = v(R.R());
+    R.q(1, () => {
+        M(R.R());
+    }), R.q(4, () => {
         e.onScroll?.();
-    }), T.B(8, () => {
+    }), R.q(8, () => {
         e.onScrollEnd?.();
+    }), R.q(2, () => {
+        e.onResize?.();
     });
     const C = $(t => {
-        R();
-        const r = T.h(e.bufferSize);
+        O();
+        const r = R.h(e.bufferSize);
         return t && fe(t, r) ? t : r;
-    }), E = $(() => R() && T.H()), L = $(() => R() && T.l()), P = e.ref;
+    }), E = $(() => O() && R.L()), L = $(() => O() && R.l()), P = e.ref;
     !o && P && (P({
         get cache() {
-            return k.V();
+            return k.A();
         },
         get scrollOffset() {
-            return T.W();
+            return R.M();
         },
         get viewportSize() {
-            return T.u();
+            return R.u();
         },
-        findItemIndex: T.M,
-        getItemOffset: T.$,
-        getItemSize: T.v,
-        scrollToIndex: (e, t) => ce(O, T, e, t)
+        findItemIndex: e => k.B(e - R.W()),
+        getItemOffset: R.p,
+        getItemSize: R.$,
+        scrollToIndex: (e, t) => ce(T, R, e, t)
     }), S(() => P())), z(() => {
-        b(!1), O.ee(s), S(() => {
-            T.O(), O.O();
+        I(!1), T.ee(s), S(() => {
+            R.k(), T.k();
         });
-    }), p(w(R, () => {
-        O.ne();
+    }), p(w(O, () => {
+        T.ne();
     }));
     const B = $(() => {
         const t = e.data.length;
-        y(() => {
-            t !== T.L() && T.A(5, [ t, e.shift ]);
+        x(() => {
+            t !== R.O() && R.P(5, [ t, e.shift ]);
         });
         const r = [];
         for (let [t, n] = C(); t <= n; t++) r.push(e.data[t]);
@@ -752,14 +756,14 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             return B();
         },
         children: (r, n) => {
-            const o = $(() => C()[0] + n()), s = $(() => (R(), T.$(o()))), i = $(() => (R(), 
-            T.C(o()))), l = $(() => y(() => e.children(r, o)));
+            const o = $(() => C()[0] + n()), s = $(() => (O(), R.p(o()))), i = $(() => (O(), 
+            R.T(o()))), l = $(() => x(() => e.children(r, o)));
             return t(ae, {
                 get le() {
                     return o();
                 },
                 get ie() {
-                    return O.te;
+                    return T.te;
                 },
                 get fe() {
                     return s();
@@ -772,7 +776,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 },
                 ce: m,
                 get ae() {
-                    return I();
+                    return b();
                 }
             });
         }
@@ -792,7 +796,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     h(() => s(e.pe));
     const i = $(() => o().$e), c = $(() => o().ve), u = $(() => e.me), f = $(() => e.we), d = $(() => {
         const t = u(), r = f();
-        return y(() => e.ge(t, r, {
+        return x(() => e.ge(t, r, {
             rowIndex: e.Se,
             colIndex: o().ze
         }));
@@ -800,9 +804,9 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     p(w([ i, c ], ([r, n]) => {
         !t || null == r && null == n || S(e.ie(t, r, n));
     }));
-    const m = $(() => te(o().xe));
+    const m = $(() => te(o().ye));
     return z = ve(), "function" == typeof t ? g(t, z) : t = z, n(z, d), r(e => {
-        var t = o().ye, r = o().ze + 1, n = o()._e, s = o().Ie, i = o().be, c = m();
+        var t = o().xe, r = o().ze + 1, n = o()._e, s = o().be, i = o().Ie, c = m();
         return t !== e.e && l(z, "role", e.e = t), r !== e.t && l(z, "aria-colindex", e.t = r), 
         n !== e.a && l(z, "aria-rowspan", e.a = n), s !== e.o && l(z, "aria-colspan", e.o = s), 
         i !== e.i && l(z, "aria-sort", e.i = i), e.n = a(z, c, e.n), e;
@@ -815,8 +819,8 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         n: void 0
     }), z;
     var z;
-}, xe = e => {
-    const o = $(() => e.pe), s = $(() => o().ke.map(e => e.ze)), i = $(() => te(o().xe));
+}, ye = e => {
+    const o = $(() => e.pe), s = $(() => o().ke.map(e => e.ze)), i = $(() => te(o().ye));
     return c = me(), n(c, t(d, {
         get each() {
             return s();
@@ -832,32 +836,32 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 return e.me;
             },
             get we() {
-                return Y(e.Te, r);
+                return Y(e.Re, r);
             },
             get Se() {
-                return o().Oe;
+                return o().Te;
             },
             get ie() {
                 return e.ie;
             }
         })
     })), r(e => {
-        var t = o().Oe + 1, r = i();
+        var t = o().Te + 1, r = i();
         return t !== e.e && l(c, "aria-rowindex", e.e = t), e.t = a(c, r, e.t), e;
     }, {
         e: void 0,
         t: void 0
     }), c;
     var c;
-}, ye = e => {
-    const o = $(() => e.pe.Re.map(e => e.Oe)), s = $(() => te(e.pe.xe));
+}, xe = e => {
+    const o = $(() => e.pe.Oe.map(e => e.Te)), s = $(() => te(e.pe.ye));
     return i = we(), n(i, t(d, {
         get each() {
             return o();
         },
-        children: (r, n) => t(xe, {
+        children: (r, n) => t(ye, {
             get pe() {
-                return e.pe.Re[n()];
+                return e.pe.Oe[n()];
             },
             get ge() {
                 return e.ge;
@@ -865,8 +869,8 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             get me() {
                 return Y(e.Me, r);
             },
-            get Te() {
-                return e.Te;
+            get Re() {
+                return e.Re;
             },
             get ie() {
                 return e.ie;
@@ -878,7 +882,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     let s;
     const l = m({
         gap: 0
-    }, e), {rows: c, cols: f, rowHeight: y, colWidth: _, gap: T} = l, [, O] = x(e, [ "ref", "children", "rows", "cols", "rowHeight", "colWidth", "headerRows", "sectionRows", "footerRows", "headerCols", "footerCols", "spans", "keepMounted", "bufferSize", "gap", "ariaSort", "onVerticalScroll", "onHorizontalScroll", "onScrollEnd", "style" ]), E = D(c, y, T), L = D(f, _, T), H = $(() => E.D(e.rows, e.rowHeight)), q = $(() => L.D(e.cols, e.colWidth)), P = $(() => ((e = I) => {
+    }, e), {rows: c, cols: f, rowHeight: x, colWidth: _, gap: R} = l, [, T] = y(e, [ "ref", "children", "rows", "cols", "rowHeight", "colWidth", "headerRows", "sectionRows", "footerRows", "headerCols", "footerCols", "spans", "keepMounted", "bufferSize", "gap", "ariaSort", "onVerticalScroll", "onHorizontalScroll", "onScrollEnd", "onResize", "style" ]), E = D(c, x, R), H = D(f, _, R), q = $(() => E.Y(e.rows, e.rowHeight)), P = $(() => H.Y(e.cols, e.colWidth)), V = $(() => ((e = b) => {
         const t = /* @__PURE__ */ new Map;
         for (const r of e) {
             const e = r.rowIndex + (r.rowSpan || 1);
@@ -888,16 +892,16 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             }
         }
         return t;
-    })(e.spans)), V = A(E), j = A(L), J = ((e, t) => {
+    })(e.spans)), j = A(E), J = A(H), F = ((e, t) => {
         let r, n, o, s = W(), i = !0;
         const l = /* @__PURE__ */ new WeakMap, c = /* @__PURE__ */ new WeakMap, u = ne(s => {
             const u = [], a = [];
             for (const {target: f, contentRect: {width: g, height: d}} of s) if (f === r) g || d ? (i || (n.F(), 
-            o.F()), i = !0, e.A(4, d), t.A(4, g)) : i = !1; else if (f.offsetParent) {
+            o.F()), i = !0, e.P(4, d), t.P(4, g)) : i = !1; else if (f.offsetParent) {
                 const e = l.get(f), t = c.get(f);
                 null != e && u.push([ e, d ]), null != t && a.push([ t, g ]);
             }
-            u.length && e.A(3, u), a.length && t.A(3, a);
+            u.length && e.P(3, u), a.length && t.P(3, a);
         });
         return {
             async re(e, t) {
@@ -913,7 +917,7 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 });
                 n = c(e, !1), o = c(t, !0), s[1](!0);
             },
-            O() {
+            k() {
                 u.Z(), n && n.Z(), o && o.Z(), s[1](!1), s = W();
             },
             te: (e, t, r) => (null != t && l.set(e, t), null != r && c.set(e, r), u.G(e), () => {
@@ -923,35 +927,43 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 n && n.K(), o && o.K();
             }
         };
-    })(V, j), F = () => V.R() + j.R(), [te, se] = v(F()), ie = () => se(F());
-    V.B(1, ie), j.B(1, ie);
-    let le = !1;
-    V.B(4, () => {
-        le = !0, e.onVerticalScroll && e.onVerticalScroll(V.W());
-    }), j.B(4, () => {
-        le = !0, e.onHorizontalScroll && e.onHorizontalScroll(j.W());
+    })(j, J), te = () => j.R() + J.R(), [se, ie] = v(te()), le = () => ie(te());
+    j.q(1, le), J.q(1, le);
+    let ce = !1;
+    j.q(4, () => {
+        ce = !0, e.onVerticalScroll && e.onVerticalScroll(j.M());
+    }), J.q(4, () => {
+        ce = !0, e.onHorizontalScroll && e.onHorizontalScroll(J.M());
     });
-    const ce = () => {
-        !le || V.H() || j.H() || (le = !1, e.onScrollEnd && e.onScrollEnd());
+    const ae = () => {
+        !ce || j.L() || J.L() || (ce = !1, e.onScrollEnd && e.onScrollEnd());
+    };
+    let fe;
+    j.q(8, ae), J.q(8, ae);
+    const ge = () => {
+        fe || (fe = !0, L(() => {
+            fe = !1, e.onResize && e.onResize();
+        }));
     };
-    V.B(8, ce), j.B(8, ce), h(() => {
-        E.J(e.headerRows, e.footerRows), L.J(e.headerCols, e.footerCols);
+    j.q(2, ge), J.q(2, ge), h(() => {
+        E.j(e.headerRows, e.footerRows), H.j(e.headerCols, e.footerCols);
         const t = X(e.rows), r = X(e.cols);
-        t !== V.L() && V.A(5, [ t ]), r !== j.L() && j.A(5, [ r ]), V.A(9, H()), j.A(9, q());
+        t !== j.O() && j.P(5, [ t ]), r !== J.O() && J.P(5, [ r ]), j.P(9, E.D(q(), j.C())), 
+        J.P(9, H.D(P(), J.C()));
     });
-    const ae = $(() => te() && V.L()), fe = $(() => te() && j.L()), ge = $(() => (te(), 
-    ((e, t, [r, n], [o, s], i, l = I, c = I, u) => {
-        const a = e.S(), f = t.S(), g = e.X(), d = e.Y(), h = t.X(), p = t.Y();
-        r = R(r, g, d), n = b(n, d - 1), o = R(o, h, p), s = b(s, p - 1);
+    const de = $(() => se() && j.O()), he = $(() => se() && J.O()), pe = $(() => (se(), 
+    ((e, t, [r, n], [o, s], i, l = b, c = b, u) => {
+        const a = e.m(), f = t.m(), g = e.J(), d = e.X(), h = t.J(), p = t.X();
+        r = O(r, g, d), n = I(n, d - 1), o = O(o, h, p), s = I(s, p - 1);
         const $ = U(l, g, d), v = k(h - 1, 0), m = [], w = [], S = [];
         for (const e of c) e.rowIndex < a && e.colIndex < f && (S.push(e), m.push(e.rowIndex));
-        const z = S.length, x = Z($, r, d), y = x < 0 ? -1 : $[x];
-        y >= 0 && m.push(y);
+        const z = S.length, y = Z($, r, d), x = y < 0 ? -1 : $[y];
+        x >= 0 && m.push(x);
         const _ = K(M(m), a, g, r, n, d);
-        for (let e = 0; e < _.length; e++) for (const t of i.get(_[e]) || I) {
+        for (let e = 0; e < _.length; e++) for (const t of i.get(_[e]) || b) {
             const {rowIndex: i, colIndex: l} = t, c = N(t, a), u = Q(t, f);
             if ((e < 1 || _[e - 1] < i) && l < f && (c - i > 1 || u - l > 1)) {
-                let e = (i < g || k(i, r) < b(c, n + 1) || d < c || y >= i && y < c) && (l < h || k(l, o) < b(u, s + 1) || p < u);
+                let e = (i < g || k(i, r) < I(c, n + 1) || d < c || x >= i && x < c) && (l < h || k(l, o) < I(u, s + 1) || p < u);
                 for (let t = 0; !e && t < z; t++) {
                     const r = S[t];
                     e = r.rowIndex >= i && r.rowIndex < c && r.colIndex >= l && r.colIndex < u;
@@ -964,22 +976,22 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             m.push(e), r >= 0 && m.push($[r]), w.push(t);
         }
         M(m), M(w);
-        const T = K(m, a, g, r, n, d), O = K(w, f, h, o, s, p), C = T.length, E = O.length, L = /* @__PURE__ */ new Map, W = [], H = [];
+        const R = K(m, a, g, r, n, d), T = K(w, f, h, o, s, p), C = R.length, E = T.length, L = /* @__PURE__ */ new Map, W = [], H = [];
         for (const e of S) {
             const t = N(e, a), r = Q(e, f);
             W.push(t), H.push(r);
-            const n = O.indexOf(e.colIndex);
-            for (let o = T.indexOf(e.rowIndex); o < C && T[o] < t; o++) {
-                const t = T[o] * f;
-                for (let o = n; o < E && O[o] < r; o++) L.set(t + O[o], e);
+            const n = T.indexOf(e.colIndex);
+            for (let o = R.indexOf(e.rowIndex); o < C && R[o] < t; o++) {
+                const t = R[o] * f;
+                for (let o = n; o < E && T[o] < r; o++) L.set(t + T[o], e);
             }
         }
         const q = [];
-        for (const e of O) q.push(!t.j(e) && null);
-        const P = [], B = e.$(g), A = [];
+        for (const e of T) q.push(!t.V(e) && null);
+        const P = [], B = e.p(g), A = [];
         let V = A;
         const j = G.get(e), J = /* @__PURE__ */ new Map;
-        for (const i of T) {
+        for (const i of R) {
             const l = i < g, c = i >= d, m = Z($, i, d), w = l ? 0 : c ? d : m < 0 ? -1 : $[m];
             if (i === w) {
                 const e = l ? g : c ? a : m + 1 < $.length ? $[m + 1] : d;
@@ -987,28 +999,28 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 const t = [];
                 A.push({
                     Ce: l ? -1 : c ? -2 : -3 - w,
-                    Re: t,
-                    xe: re(w, e, l || c ? 0 : null, c ? "bottom" : "top", 4)
+                    Oe: t,
+                    ye: re(w, e, l || c ? 0 : null, c ? "bottom" : "top", 4)
                 }), V = t;
             } else w < 0 && (V = A);
-            const S = m >= 0 && i === w, z = l || c || i === y || i >= r && i <= n, x = S ? B : null, _ = i * f, I = j && j.get(i), b = I && I.ke, T = [];
-            let R = 0, M = !e.j(i) && null, C = i + 1, H = !1;
+            const S = m >= 0 && i === w, z = l || c || i === x || i >= r && i <= n, y = S ? B : null, _ = i * f, b = j && j.get(i), I = b && b.ke, R = [];
+            let O = 0, M = !e.V(i) && null, C = i + 1, H = !1;
             for (let e = 0; e < E; e++) {
-                const r = O[e], n = r < h, c = r >= p, g = n || c || r >= o && r <= s, d = L.get(_ + r);
+                const r = T[e], n = r < h, c = r >= p, g = n || c || r >= o && r <= s, d = L.get(_ + r);
                 if (d ? d.rowIndex === i && d.colIndex === r : z && g) {
                     const o = d ? N(d, a) : i + 1, s = d ? Q(d, f) : r + 1, g = o - i, h = s - r, p = g > 1, $ = h > 1, m = p || $;
                     let w, z;
                     C = k(C, o);
-                    const x = n ? t.$(r) : null, y = c ? t.$(f) - t.$(s) : null;
+                    const y = n ? t.p(r) : null, x = c ? t.p(f) - t.p(s) : null;
                     !1 !== M || p || (w = i, M = !0), !1 !== q[e] || $ || (z = r, q[e] = !0);
-                    const _ = l ? "columnheader" : r === v && (n || S) ? "rowheader" : "cell", I = m ? g : void 0, O = m ? h : void 0, E = "cell" !== _ && u && u.rowIndex === i && u.colIndex === r ? u.order : void 0;
+                    const _ = l ? "columnheader" : r === v && (n || S) ? "rowheader" : "cell", b = m ? g : void 0, T = m ? h : void 0, E = "cell" !== _ && u && u.rowIndex === i && u.colIndex === r ? u.order : void 0;
                     let L;
-                    if (b) {
-                        const e = b.length;
-                        for (;R < e && b[R].ze < r; ) R++;
-                        R < e && b[R].ze === r && (L = b[R]);
+                    if (I) {
+                        const e = I.length;
+                        for (;O < e && I[O].ze < r; ) O++;
+                        O < e && I[O].ze === r && (L = I[O]);
                     }
-                    if (!L || L._e !== I || L.Ie !== O || L.Ee !== x || L.Le !== y || L.$e !== w || L.ve !== z || L.ye !== _ || L.be !== E) {
+                    if (!L || L._e !== b || L.be !== T || L.Ee !== y || L.Le !== x || L.$e !== w || L.ve !== z || L.xe !== _ || L.Ie !== E) {
                         let e = "1/l" + r;
                         m && (e += "/l" + o + "/l" + s);
                         const t = {
@@ -1017,40 +1029,40 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                             gridArea: e
                         };
                         p && (t.height = "0px", t.minHeight = "100%", t.zIndex = 1), $ && (t.width = "0px", 
-                        t.minWidth = "100%"), (n || c) && (t[n ? "insetInlineStart" : "insetInlineEnd"] = (n ? x : y) + "px", 
+                        t.minWidth = "100%"), (n || c) && (t[n ? "insetInlineStart" : "insetInlineEnd"] = (n ? y : x) + "px", 
                         t.position = "sticky", t.zIndex = 2), L = {
                             ze: r,
-                            _e: I,
-                            Ie: O,
+                            _e: b,
+                            be: T,
                             $e: w,
                             ve: z,
-                            ye: _,
-                            be: E,
-                            xe: t,
-                            Ee: x,
-                            Le: y
+                            xe: _,
+                            Ie: E,
+                            ye: t,
+                            Ee: y,
+                            Le: x
                         }, H = !0;
                     }
-                    T.push(L);
+                    R.push(L);
                 }
             }
-            if (P.push(M), T.length) {
-                const e = I && !H && I.ke.length === T.length && I.We === x ? I : {
-                    Oe: i,
-                    ke: T,
-                    xe: re(i, C, x, "top", 3),
-                    We: x
+            if (P.push(M), R.length) {
+                const e = b && !H && b.ke.length === R.length && b.We === y ? b : {
+                    Te: i,
+                    ke: R,
+                    ye: re(i, C, y, "top", 3),
+                    We: y
                 };
                 J.set(i, e), V.push(e);
             }
         }
         return G.set(e, J), {
-            He: ee(e, T, P, M(W), "max-content", a),
-            qe: ee(t, O, q, M(H), "minmax(max-content,auto)", f),
+            He: ee(e, R, P, M(W), "max-content", a),
+            qe: ee(t, T, q, M(H), "minmax(max-content,auto)", f),
             Pe: A
         };
-    })(E, L, V.h(e.bufferSize), j.h(e.bufferSize), P(), e.sectionRows, e.keepMounted, e.ariaSort))), de = $(() => ge().Pe.map(e => "Re" in e ? e.Ce : e.Oe)), he = $(() => te() && (V.H() || j.H())), pe = $(() => {
-        const {He: e, qe: t} = ge(), r = V.$(0), n = j.$(0);
+    })(E, H, j.h(e.bufferSize), J.h(e.bufferSize), V(), e.sectionRows, e.keepMounted, e.ariaSort))), $e = $(() => pe().Pe.map(e => "Oe" in e ? e.Ce : e.Te)), ve = $(() => se() && (j.L() || J.L())), me = $(() => {
+        const {He: e, qe: t} = pe(), r = j.p(0), n = J.p(0);
         return {
             contain: "size style",
             "overflow-anchor": "none",
@@ -1061,65 +1073,65 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             gap: l.gap + "px",
             "margin-top": r + "px",
             "margin-inline-start": n + "px",
-            height: B(V) - r + "px",
-            "pointer-events": he() ? "none" : void 0
+            height: B(j) - r + "px",
+            "pointer-events": ve() ? "none" : void 0
         };
-    }), $e = e.ref;
-    return !o && $e && ($e({
+    }), we = e.ref;
+    return !o && we && (we({
         get verticalScrollOffset() {
-            return V.W();
+            return j.M();
         },
         get horizontalScrollOffset() {
-            return j.W();
+            return J.M();
         },
         get scrollHeight() {
-            return B(V);
+            return B(j);
         },
         get scrollWidth() {
-            return B(j);
+            return B(J);
         },
         get viewportHeight() {
-            return V.u();
+            return j.u();
         },
         get viewportWidth() {
-            return j.u();
+            return J.u();
         },
-        findRowIndex: V.M,
-        findColIndex: j.M,
-        getRowOffset: V.$,
-        getColOffset: j.$,
-        getRowSize: V.v,
-        getColSize: j.v,
-        scrollToIndex: t => ((e, t, r, n, o, s = I, {rowIndex: i, colIndex: l, rowAlign: c, colAlign: u}) => {
-            null != i && ue(e, t, n, s, i, c, !1), null != l && ue(e, r, o, I, l, u, !0);
-        })(J, V, j, E, L, e.sectionRows, t),
+        findRowIndex: E.B,
+        findColIndex: H.B,
+        getRowOffset: j.p,
+        getColOffset: J.p,
+        getRowSize: j.$,
+        getColSize: J.$,
+        scrollToIndex: t => ((e, t, r, n, o, s = b, {rowIndex: i, colIndex: l, rowAlign: c, colAlign: u}) => {
+            null != i && ue(e, t, n, s, i, c, !1), null != l && ue(e, r, o, b, l, u, !0);
+        })(F, j, J, E, H, e.sectionRows, t),
         scrollTo: ({vertical: e, horizontal: t}) => ((e, t, r) => {
             null != t && e.re(!1, () => t), null != r && e.re(!0, () => r);
-        })(J, e, t),
+        })(F, e, t),
         scrollBy: ({vertical: e, horizontal: t}) => ((e, t, r, n, o) => {
             if (null != n) {
-                const r = n + t.W();
+                const r = n + t.M();
                 e.re(!1, () => r);
             }
             if (null != o) {
-                const t = o + r.W();
+                const t = o + r.M();
                 e.re(!0, () => t);
             }
-        })(J, V, j, e, t)
-    }), S(() => $e())), z(() => {
-        J.ee(s), S(() => {
-            V.O(), j.O(), J.O();
+        })(F, j, J, e, t)
+    }), S(() => we())), z(() => {
+        F.ee(s), S(() => {
+            j.k(), J.k(), F.k();
         });
-    }), p(w(te, () => {
-        J.ne();
-    })), ve = Se(), me = ve.firstChild, u(ve, i({
+    }), p(w(se, () => {
+        F.ne();
+    })), ze = Se(), _e = ze.firstChild, u(ze, i({
         get "aria-rowcount"() {
-            return ae();
+            return de();
         },
         get "aria-colcount"() {
-            return fe();
+            return he();
         }
-    }, O, {
+    }, T, {
         get style() {
             return {
                 overflow: "auto",
@@ -1129,13 +1141,13 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
                 ...e.style
             };
         }
-    }), !1, !0), "function" == typeof s ? g(s, me) : s = me, n(me, t(d, {
+    }), !1, !0), "function" == typeof s ? g(s, _e) : s = _e, n(_e, t(d, {
         get each() {
-            return de();
+            return $e();
         },
-        children: (r, n) => r < 0 ? t(ye, {
+        children: (r, n) => r < 0 ? t(xe, {
             get pe() {
-                return ge().Pe[n()];
+                return pe().Pe[n()];
             },
             get ge() {
                 return e.children;
@@ -1143,15 +1155,15 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             get Me() {
                 return e.rows;
             },
-            get Te() {
+            get Re() {
                 return e.cols;
             },
             get ie() {
-                return J.te;
+                return F.te;
             }
-        }) : t(xe, {
+        }) : t(ye, {
             get pe() {
-                return ge().Pe[n()];
+                return pe().Pe[n()];
             },
             get ge() {
                 return e.children;
@@ -1159,16 +1171,16 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             get me() {
                 return Y(e.rows, r);
             },
-            get Te() {
+            get Re() {
                 return e.cols;
             },
             get ie() {
-                return J.te;
+                return F.te;
             }
         })
-    })), r(e => a(me, pe(), e)), ve;
-    var ve, me;
-}, Ie = /*#__PURE__*/ f("<div>"), be = /*#__PURE__*/ f('<div><div style="contain:size style;overflow-anchor:none;flex:none;position:relative;width:100%">'), ke = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", Te = e => {
+    })), r(e => a(_e, me(), e)), ze;
+    var ze, _e;
+}, be = /*#__PURE__*/ f("<div>"), Ie = /*#__PURE__*/ f('<div><div style="contain:size style;overflow-anchor:none;flex:none;position:relative;width:100%">'), ke = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", Re = e => {
     let t;
     p(() => {
         t && S(e.ie(t, e.le));
@@ -1181,109 +1193,107 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         width: e.Ae,
         visibility: e.ue ? "hidden" : void 0
     }));
-    return s = Ie(), "function" == typeof t ? g(t, s) : t = s, n(s, () => e.ge), r(e => a(s, o(), e)), 
+    return s = be(), "function" == typeof t ? g(t, s) : t = s, n(s, () => e.ge), r(e => a(s, o(), e)), 
     s;
     var s;
-}, Oe = e => {
+}, Te = e => {
     let s;
-    const {itemSize: l, cache: a} = e, [, f] = x(e, [ "ref", "data", "children", "lanes", "gap", "itemSize", "bufferSize", "cache", "onScroll", "onScrollEnd", "style" ]), m = ((e, t, r = 0, n, o) => {
-        let s = k(t, 1), i = s, l = r, c = o && o[1] || n || 40, u = -1, a = n ? void 0 : /* @__PURE__ */ new Set, f = !n;
-        const g = o && o[0], d = g ? V(g.slice(0, b(e, g.length)), k(0, e - g.length)) : V([], e), h = [], p = [], $ = [], v = e => {
-            const t = d[e];
-            return -1 === t ? c : t;
-        }, m = t => {
-            if (t = b(t, e - 1), u >= t) return;
+    const {itemSize: l, cache: a} = e, [, f] = y(e, [ "ref", "data", "children", "lanes", "gap", "itemSize", "bufferSize", "keepMounted", "cache", "onScroll", "onScrollEnd", "onResize", "style" ]), m = ((e, t, r = 0, n, o) => {
+        let s = k(t, 1), i = o && o[1] || n || 40, l = -1, c = n ? void 0 : /* @__PURE__ */ new Set, u = !n;
+        const a = o && o[0], f = a ? V(a.slice(0, I(e, a.length)), k(0, e - a.length)) : V([], e), g = [], d = [], h = [], p = e => {
+            const t = f[e];
+            return -1 === t ? i : t;
+        }, $ = t => {
+            if (t = I(t, e - 1), l >= t) return;
             const n = [], o = [];
             for (let e = 0; e < s; e++) n.push(0), o.push(-1);
-            for (let e = u, t = s; e >= 0 && t; e--) {
-                const r = p[e];
-                -1 === o[r] && (o[r] = e, n[r] = h[e] + v(e), t--);
+            for (let e = l, t = s; e >= 0 && t; e--) {
+                const r = d[e];
+                -1 === o[r] && (o[r] = e, n[r] = g[e] + p(e), t--);
             }
-            for (;u < t; ) {
-                const e = ++u;
-                let t = 0, i = 1 / 0, l = 1 / 0;
+            for (;l < t; ) {
+                const e = ++l;
+                let t = 0, i = 1 / 0, c = 1 / 0;
                 for (let e = 0; e < s; e++) {
                     const s = n[e] + (o[e] >= 0 ? r : 0);
-                    (s < i || s === i && o[e] < l) && (t = e, i = s, l = o[e]);
+                    (s < i || s === i && o[e] < c) && (t = e, i = s, c = o[e]);
                 }
-                h[e] = i, p[e] = t, n[t] = i + v(e), o[t] = e, $[e] = k(e ? $[e - 1] : 0, n[t]);
+                g[e] = i, d[e] = t, n[t] = i + p(e), o[t] = e, h[e] = k(e ? h[e - 1] : 0, n[t]);
             }
-        }, w = t => t >= e ? z() : (m(t), h[t]), S = e => (m(e), $[e]), z = () => e ? S(e - 1) : 0, x = t => {
+        }, v = t => t >= e ? w() : ($(t), g[t]), m = e => ($(e), h[e]), w = () => e ? m(e - 1) : 0, S = t => {
             if (!e) return 0;
-            const r = j(S, e, t);
-            return S(r) <= t ? r + 1 : r;
+            const r = j(m, e, t);
+            return m(r) <= t ? r + 1 : r;
         };
         return {
             h: (t, r) => {
-                const n = j(w, e, r);
-                return [ b(x(t), n), n ];
+                const n = j(v, e, r);
+                return [ I(S(t), n), n ];
             },
-            p: t => j(w, e, t),
-            $: w,
-            v,
-            m: (e, t = -1) => d[e] === t,
-            k: (t, n, o, i) => {
-                let l = x(o);
-                for (;l > 0 && !n(l - 1); ) l--;
-                for (;l < e && n(l); ) l++;
-                const g = w(l);
-                for (const [e, r] of t) d[e] = r, a && a.add(e), u = b(e - 1, u);
-                let h = w(l) - g;
-                if (a && i) {
+            p: v,
+            $: p,
+            v: (e, t = -1) => f[e] === t,
+            I: (t, n, o, a) => {
+                let g = S(o);
+                for (;g > 0 && !n(g - 1); ) g--;
+                for (;g < e && n(g); ) g++;
+                const d = v(g);
+                for (const [e, r] of t) f[e] = r, c && c.add(e), l = I(e - 1, l);
+                let h = v(g) - d;
+                if (c && a) {
                     const e = [];
                     let t = 0;
-                    if (a.forEach(n => {
-                        const o = d[n];
+                    if (c.forEach(n => {
+                        const o = f[n];
                         o > 0 && (e.push(o), t += o + r);
-                    }), t > i * s) {
+                    }), t > a * s) {
                         M(e);
-                        const t = e.length, r = t / 2 | 0, n = t % 2 == 0 ? (e[r - 1] + e[r]) / 2 : e[r], s = x(o + h), i = w(s);
-                        c = n, u = -1, h += w(s) - i, a = void 0, f = !1;
+                        const t = e.length, r = t / 2 | 0, n = t % 2 == 0 ? (e[r - 1] + e[r]) / 2 : e[r], s = S(o + h), a = v(s);
+                        i = n, l = -1, h += v(s) - a, c = void 0, u = !1;
                     }
                 }
                 return h;
             },
-            l: z,
-            S: () => e,
-            _: t => {
+            l: w,
+            m: () => e,
+            S: t => {
                 const r = t - e;
-                return u = b(t - 1, u), e = t, r > 0 ? V(d, r) : d.splice(r), 0;
-            },
-            T: (e, t) => {
-                if (i === s && l === r) return;
-                const o = x(t), c = w(o);
-                return s = i, r = l, u = -1, a = n ? void 0 : /* @__PURE__ */ new Set, w(o) - c;
+                return l = I(t - 1, l), e = t, r > 0 ? V(f, r) : f.splice(r), 0;
             },
-            Ve: (e, t = 0) => {
-                i = k(e, 1), l = t;
+            D: (e, t = 0, o) => {
+                if ((e = k(e, 1)) === s && t === r) return;
+                const i = S(o), u = v(i);
+                return s = e, r = t, l = -1, c = n ? void 0 : /* @__PURE__ */ new Set, v(i) - u;
             },
-            I: () => f,
-            V: () => [ d.slice(), c ],
-            je: () => s,
-            Je: () => r,
-            Xe: e => (m(e), p[e])
+            _: () => u,
+            A: () => [ f.slice(), i ],
+            Ve: () => s,
+            je: () => r,
+            Je: e => ($(e), d[e])
         };
-    })(e.data.length, e.lanes, e.gap, l, a), _ = A(m), I = se(_, !1), [T, O] = v(_.R());
-    _.B(1, () => {
-        O(_.R());
-    }), _.B(4, () => {
-        e.onScroll?.(_.W());
-    }), _.B(8, () => {
+    })(e.data.length, e.lanes, e.gap, l, a), _ = A(m), b = se(_, !1), [R, T] = v(_.R());
+    _.q(1, () => {
+        T(_.R());
+    }), _.q(4, () => {
+        e.onScroll?.(_.M());
+    }), _.q(8, () => {
         e.onScrollEnd?.();
+    }), _.q(2, () => {
+        e.onResize?.();
     }), h(() => {
-        m.Ve(e.lanes, e.gap), _.A(9, void 0);
+        _.P(9, m.D(e.lanes, e.gap, _.C()));
     });
-    const R = $(t => {
-        T();
+    const O = $(t => {
+        R();
         const r = _.h(e.bufferSize);
         return t && fe(t, r) ? t : r;
-    }), C = $(() => T() && _.H()), E = $(() => T() && _.l()), L = $(() => T() && m.je()), W = $(() => T() && m.Je()), H = $(() => ke(1 / L(), W() / L() - W())), q = e.ref;
+    }), C = $(() => R() && _.L()), E = $(() => R() && _.l()), L = $(() => R() && m.Ve()), W = $(() => R() && m.je()), H = $(() => ke(1 / L(), W() / L() - W())), q = e.ref;
     !o && q && (q({
         get cache() {
-            return m.V();
+            return m.A();
         },
         get scrollOffset() {
-            return _.W();
+            return _.M();
         },
         get scrollSize() {
             return B(_);
@@ -1291,31 +1301,37 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
         get viewportSize() {
             return _.u();
         },
-        getItemOffset: _.$,
-        getItemSize: _.v,
-        scrollToIndex: (e, t) => ce(I, _, e, t),
-        scrollTo: e => ie(I, e),
-        scrollBy: e => le(I, _, e)
+        getItemOffset: _.p,
+        getItemSize: _.$,
+        scrollToIndex: (e, t) => ce(b, _, e, t),
+        scrollTo: e => ie(b, e),
+        scrollBy: e => le(b, _, e)
     }), S(() => q())), z(() => {
-        I.ee(s), S(() => {
-            _.O(), I.O();
+        b.ee(s), S(() => {
+            _.k(), b.k();
         });
-    }), p(w(T, () => {
-        I.ne();
+    }), p(w(R, () => {
+        b.ne();
     }));
     const P = $(() => {
         const t = e.data.length;
-        y(() => {
-            t !== _.L() && _.A(5, [ t ]);
+        x(() => {
+            t !== _.O() && _.P(5, [ t ]);
         });
         const r = [], n = [];
-        for (let [t, o] = R(); t <= o; t++) r.push(e.data[t]), n.push(t);
+        if (e.keepMounted) {
+            const o = new Set(e.keepMounted);
+            for (let [e, t] = O(); e <= t; e++) o.add(e);
+            M([ ...o ]).forEach(o => {
+                o < t && (r.push(e.data[o]), n.push(o));
+            });
+        } else for (let [t, o] = O(); t <= o; t++) r.push(e.data[t]), n.push(t);
         return {
             de: r,
             he: n
         };
     });
-    return J = be(), X = J.firstChild, u(J, i(f, {
+    return J = Ie(), X = J.firstChild, u(J, i(f, {
         get style() {
             return {
                 display: "block",
@@ -1331,14 +1347,14 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
             return P().de;
         },
         children: (r, n) => ((r, n) => {
-            const o = $(() => (T(), _.$(n()))), s = $(() => (T(), m.Xe(n()))), i = $(() => (T(), 
-            _.C(n()))), l = $(() => y(() => e.children(r, n)));
-            return t(Te, {
+            const o = $(() => (R(), _.p(n()))), s = $(() => (R(), m.Je(n()))), i = $(() => (R(), 
+            _.T(n()))), l = $(() => x(() => e.children(r, n)));
+            return t(Re, {
                 get le() {
                     return n();
                 },
                 get ie() {
-                    return I.te;
+                    return b.te;
                 },
                 get fe() {
                     return o();
@@ -1368,5 +1384,5 @@ _), B = e => k(e.l(), e.u()), A = ({h: e, p: t, $: r, v: n, m: o, l: s, S: i, _:
     var J, X;
 };
 
-export { _e as VGrid, he as VList, Oe as VMasonry, ge as Virtualizer, $e as WindowVirtualizer };
+export { _e as VGrid, he as VList, Te as VMasonry, ge as Virtualizer, $e as WindowVirtualizer };
 //# sourceMappingURL=index.js.map