virtua 0.51.2 → 0.52.0

package/lib/core/index.cjs

@@ -2,432 +2,641 @@ Object.defineProperty(exports, Symbol.toStringTag, {
     value: "Module"
 });
 
-var e, {min: t, max: o, abs: s, floor: n} = Math, r = (e, s, n) => t(n, o(s, e)), i = e => [ ...e ].sort((e, t) => e - t), l = setTimeout, c = clearTimeout, f = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+var e, t = [], {min: o, max: n, abs: s, floor: r} = Math, l = (e, t, s) => o(s, n(t, e)), i = e => e.sort((e, t) => e - t), c = setTimeout, f = clearTimeout, u = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
 }, a = () => {
     let e;
     return [ new Promise(t => {
         e = t;
     }), e ];
-}, u = "undefined" != typeof window, $ = e => e.ownerDocument, p = e => e.defaultView, g = () => (null == e && (e = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-e), d = (e, t, o, s = 0, i = t - 1) => {
-    let l = s;
-    for (;s <= i; ) {
-        const t = n((s + i) / 2);
-        e(t) <= o ? (l = t, s = t + 1) : i = t - 1;
+}, $ = "undefined" != typeof window, p = e => e.ownerDocument, g = e => e.defaultView, d = () => (null == e && (e = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
+e), m = (e, t, o, n = 0, s = t - 1) => {
+    let i = n;
+    for (;n <= s; ) {
+        const t = r((n + s) / 2);
+        e(t) <= o ? (i = t, n = t + 1) : s = t - 1;
     }
-    return r(l, 0, t - 1);
-}, h = (e, t, o) => {
-    const s = o ? "unshift" : "push";
-    for (let o = 0; o < t; o++) e[s](-1);
+    return l(i, 0, t - 1);
+}, x = (e, t, o) => {
+    const n = o ? "unshift" : "push";
+    for (let o = 0; o < t; o++) e[n](-1);
     return e;
-}, m = e => {
+}, h = (e, t, s) => {
+    let r = s && s[1] || t || 40, l = -1, c = 0;
+    const f = s && s[0], u = f ? x(f.slice(0, o(e, f.length)), n(0, e - f.length)) : x([], e), a = x([], e + 1), $ = e => {
+        const t = u[e];
+        return -1 === t ? r : t;
+    }, p = t => {
+        if (!e) return 0;
+        if (l >= t) return a[t];
+        l < 0 && (a[0] = 0, l = 0);
+        let o = l, n = a[o];
+        for (;o < t; ) n += $(o), a[++o] = n;
+        return l = t, n;
+    };
+    return {
+        $getRange: (t, n) => {
+            let s, r;
+            return c = o(c, e - 1), p(c) <= t ? (r = m(p, e, n, c), s = m(p, e, t, c, r)) : (s = m(p, e, t, void 0, c), 
+            r = m(p, e, n, s)), c = s, [ s, r ];
+        },
+        $findIndex: t => m(p, e, t),
+        $getItemOffset: p,
+        $getItemSize: $,
+        $setItemSize: (e, t) => {
+            const n = -1 === u[e];
+            return u[e] = t, l = o(e, l), n;
+        },
+        $isSizeEqual: (e, t = -1) => u[e] === t,
+        $getTotalSize: () => p(e),
+        $getLength: () => e,
+        $setLength: (t, n) => {
+            const s = t - e;
+            return l = n ? -1 : o(t - 1, l), e = t, s > 0 ? (x(a, s), x(u, s, n), r * s) : (a.splice(s), 
+            (n ? u.splice(0, -s) : u.splice(s)).reduce((e, t) => e - (-1 === t ? r : t), 0));
+        },
+        $estimateDefaultSize: t ? void 0 : e => {
+            let t = 0;
+            const o = [];
+            u.forEach((n, s) => {
+                -1 !== n && (n && o.push(n), s < e && t++);
+            }), l = -1, i(o);
+            const s = o.length, c = s / 2 | 0, f = s % 2 == 0 ? (o[c - 1] + o[c]) / 2 : o[c], a = r;
+            return ((r = f) - a) * n(e - t, 0);
+        },
+        $snapshot: () => [ u.slice(), r ]
+    };
+}, w = e => "number" == typeof e ? e : e.length, b = /*#__PURE__*/ new WeakMap, S = (e, t, s, r, l, i, c) => {
+    if (t < r || n(t, l) < o(s, i + 1) || c < s) return !0;
+    for (const o of e) if (o >= t && o < s) return !0;
+    return !1;
+}, v = (e, t, o) => {
+    const n = [];
+    for (const s of e) s >= t && s < o && n.push(s);
+    return i(n);
+}, I = (e, t, o) => {
+    if (t >= o) return -1;
+    let n = 0, s = e.length;
+    for (;n < s; ) {
+        const o = n + s >> 1;
+        e[o] <= t ? n = o + 1 : s = o;
+    }
+    return n - 1;
+}, y = (e, t, o, n) => {
+    const s = I(t, o, n);
+    s >= 0 && e.push(t[s]);
+}, z = (e, t, o, n, s, r) => {
+    const l = [];
+    for (let e = 0; e < o; e++) l.push(e);
+    const i = e.length;
+    let c = 0, f = o - 1;
+    for (;c < i && e[c] < n; c++) {
+        const t = e[c];
+        t > f && (l.push(t), f = t);
+    }
+    for (let e = n; e <= s; e++) l.push(e);
+    for (f = s; c < i && e[c] < r; c++) {
+        const t = e[c];
+        t > f && (l.push(t), f = t);
+    }
+    for (let e = r; e < t; e++) l.push(e);
+    return l;
+}, k = (e, t) => o(e.rowIndex + (e.rowSpan || 1), t), M = (e, t) => o(e.colIndex + (e.colSpan || 1), t), T = (e, t, n, s, r, l) => {
+    const i = t.length, c = s.length;
+    let f = "[l0]", u = 0, a = 0, $ = 0;
+    for (;a < i || $ < c; ) {
+        const p = a < i ? t[a] : l, g = $ < c ? s[$] : l;
+        if (g <= u) $++; else {
+            let t, s;
+            if (p === u) {
+                t = u + 1;
+                const o = n[a];
+                s = null == o ? e.$getItemSize(u) + "px" : o ? r : "minmax(" + e.$getItemSize(u) + "px,auto)", 
+                a++;
+            } else t = o(p, g), s = "minmax(" + (e.$getItemOffset(t - 1) + e.$getItemSize(t - 1) - e.$getItemOffset(u)) + "px,auto)";
+            f += " " + s + " [l" + t + "]", u = t;
+        }
+    }
+    return u < l && (f += " minmax(" + (e.$getTotalSize() - e.$getItemOffset(u)) + "px,auto) [l" + l + "]"), 
+    f;
+}, L = (e, t, o, n, s) => {
+    const r = {
+        display: "grid",
+        gridTemplateRows: "subgrid",
+        gridTemplateColumns: "subgrid",
+        gridColumn: "1/-1",
+        gridRow: "l" + e + "/l" + t
+    };
+    return null != o && (r.position = "sticky", r[n] = o + "px", r.zIndex = s), r;
+}, R = e => {
     let t;
     return {
         t(o) {
-            (t || (t = new (p($(o)).ResizeObserver)(e))).observe(o);
+            (t || (t = new (g(p(o)).ResizeObserver)(e))).observe(o);
         },
         o(e) {
             t.unobserve(e);
         },
-        i() {
+        l() {
             t && t.disconnect();
         }
     };
-}, w = (e, t, o, s, n, r, i) => {
-    let a, u, $ = 0, p = !1, d = !1, h = !1, m = !1;
-    const w = Date.now, S = s ? "scrollLeft" : "scrollTop", x = s ? "left" : "top", v = e => n ? -e : e, b = () => v(o[S]), z = (e, t) => {
+}, O = (e, t, o, n, s, r, l) => {
+    let i, a, $ = 0, p = !1, g = !1, m = !1, x = !1;
+    const h = Date.now, w = n ? "scrollLeft" : "scrollTop", b = n ? "left" : "top", S = e => s ? -e : e, v = () => S(o[w]), I = (e, t) => {
         o.scrollTo({
-            [x]: v(e),
+            [b]: S(e),
             behavior: t ? "smooth" : "instant"
         });
-    }, I = () => {
-        if (p || d) return p = !1, void k();
-        h = !1, e.$update(2);
-    }, k = () => {
-        c(u), u = l(I, 150);
     }, y = () => {
-        $ = w(), h && (m = !0), i && e.$update(6, i()), e.$update(1, b()), k();
+        if (p || g) return p = !1, void z();
+        m = !1, e.$update(2);
+    }, z = () => {
+        f(a), a = c(y, 150);
+    }, k = () => {
+        $ = h(), m && (x = !0), l && e.$update(6, l()), e.$update(1, v()), z();
     }, M = t => {
         if (p || !e.$isScrolling() || t.ctrlKey) return;
-        const o = w() - $;
-        150 > o && 50 < o && (s ? t.deltaX : t.deltaY) && (p = !0);
+        const o = h() - $;
+        150 > o && 50 < o && (n ? t.deltaX : t.deltaY) && (p = !0);
+    }, T = () => {
+        g = !0, m = x = !1;
     }, L = () => {
-        d = !0, h = m = !1;
-    }, O = () => {
-        d = !1, g() && (h = !0);
+        g = !1, d() && (m = !0);
     };
-    return t.addEventListener("scroll", y), t.addEventListener("wheel", M, {
+    return t.addEventListener("scroll", k), t.addEventListener("wheel", M, {
         passive: !0
-    }), t.addEventListener("touchstart", L, {
+    }), t.addEventListener("touchstart", T, {
         passive: !0
-    }), t.addEventListener("touchend", O, {
+    }), t.addEventListener("touchend", L, {
         passive: !0
     }), {
-        i: () => {
-            t.removeEventListener("scroll", y), t.removeEventListener("wheel", M), t.removeEventListener("touchstart", L), 
-            t.removeEventListener("touchend", O), c(u);
-        },
         l: () => {
-            const [t, s] = e.u();
+            t.removeEventListener("scroll", k), t.removeEventListener("wheel", M), t.removeEventListener("touchstart", T), 
+            t.removeEventListener("touchend", L), f(a);
+        },
+        i: () => {
+            const [t, n] = e.u();
             if (!t) return;
-            m && r && r(), m = !1;
-            const n = e.$getScrollOffset() + t;
-            n <= 0 || n >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? z(n) : o.scrollBy({
-                [x]: v(t),
+            x && r && r(), x = !1;
+            const s = e.$getScrollOffset() + t;
+            s <= 0 || s >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? I(s) : o.scrollBy({
+                [b]: S(t),
                 behavior: "instant"
-            }), s && (a && a(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, b()));
+            }), n && (i && i(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, v()));
         },
         $: (t, o) => {
-            let s, n, r;
-            a && a();
-            const i = a = () => {
-                s = !0, c(n), r && r();
-            }, u = () => {
-                if (!s) {
-                    if (e.$getViewportSize() && (c(n), n = l(i, 150)), o) {
+            let n, s, r;
+            i && i();
+            const l = i = () => {
+                n = !0, f(s), r && r();
+            }, a = () => {
+                if (!n) {
+                    if (e.$getViewportSize() && (f(s), s = c(l, 150)), o) {
                         for (let [t, o] = e.$getRange(0); t <= o; t++) if (e.$isUnmeasuredItem(t)) return;
-                        i();
+                        l();
                     }
-                    e.$update(7), z(t(), o);
+                    e.$update(7), I(t(), o);
                 }
             }, $ = () => {
-                if (s) return;
+                if (n) return;
                 let t;
                 r = e.$subscribe(2, () => {
-                    t || (t = !0, f(() => {
-                        t = !1, u();
+                    t || (t = !0, u(() => {
+                        t = !1, a();
                     }));
-                }), u();
+                }), a();
             };
-            o ? (e.$update(8, t()), f($)) : $();
+            o ? (e.$update(8, t()), u($)) : $();
         }
     };
-}, S = (e, t) => {
+}, _ = (e, t) => {
     e.$scroll(() => t);
+}, q = (e, t, s, r, i, c, f, u) => {
+    const a = t.$getItemsLength(), $ = o(s, a), p = n(a - i, $);
+    c = l(c, 0, a - 1);
+    const g = v(r, $, p), d = I(g, c, p), m = d < 0 ? -1 : g[d], x = () => [ t.$getItemOffset($) - t.$getItemOffset(0) + (m < 0 || m === c ? 0 : t.$getItemOffset(m + 1) - t.$getItemOffset(m)), t.$getItemOffset(a) - t.$getItemOffset(p) ];
+    if ("nearest" === f) {
+        if (c < $ || c >= p) return;
+        const [e, s] = x(), r = t.$getScrollOffset(), l = t.$getItemSize(c);
+        let i = t.$getItemOffset(c);
+        if (m === c) {
+            const s = (d + 1 < g.length ? g[d + 1] : p) - 1;
+            i = n(i, o(r + e, t.$getItemOffset(s) + t.$getItemSize(s) - l));
+        }
+        if (i < r + e) f = "start"; else {
+            if (!(i + l > r + t.$getViewportSize() - s)) return;
+            f = "end";
+        }
+    }
+    e.$scroll(u, () => {
+        const [e, o] = x(), n = t.$getItemSize(c) - t.$getViewportSize();
+        return t.$getItemOffset(c) + ("end" === f ? n + o : "center" === f ? (n + o - e) / 2 : -e);
+    });
 };
 
 exports.ACTION_ITEMS_LENGTH_CHANGE = 5, exports.ACTION_START_OFFSET_CHANGE = 6, 
 exports.UPDATE_SCROLL_END_EVENT = 8, exports.UPDATE_SCROLL_EVENT = 4, exports.UPDATE_VIRTUAL_STATE = 1, 
 exports.createContainerDriver = (e, t) => {
-    let o, s, n = a();
-    const r = t ? "width" : "height", i = /* @__PURE__ */ new WeakMap, c = m(t => {
+    let o, n, s = a();
+    const r = /* @__PURE__ */ new WeakMap, l = R(n => {
         const s = [];
-        for (const {target: n, contentRect: l} of t) if (n.offsetParent) if (n === o) e.$update(4, l[r]); else {
-            const e = i.get(n);
-            null != e && s.push([ e, l[r] ]);
+        for (const {target: l, contentRect: {width: i, height: c}} of n) if (l === o) (i || c) && e.$update(4, t ? i : c); else if (l.offsetParent) {
+            const e = r.get(l);
+            null != e && s.push([ e, t ? i : c ]);
         }
         s.length && e.$update(3, s);
     });
     return {
         $observe(r, i = r.parentElement) {
-            c.t(o = i), s = w(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
-                const e = t ? "overflowX" : "overflowY", o = i.style, s = o[e];
-                o[e] = "hidden", l(() => {
-                    o[e] = s;
+            l.t(o = i), n = O(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
+                const e = t ? "overflowX" : "overflowY", o = i.style, n = o[e];
+                o[e] = "hidden", c(() => {
+                    o[e] = n;
                 });
-            }), n[1](!0);
+            }), s[1](!0);
         },
         $dispose() {
-            c.i(), s && s.i(), n[1](!1), n = a();
+            l.l(), n && n.l(), s[1](!1), s = a();
         },
-        $observeItem: (e, t) => (i.set(e, t), c.t(e), () => {
-            i.delete(e), c.o(e);
+        $observeItem: (e, t) => (r.set(e, t), l.t(e), () => {
+            r.delete(e), l.o(e);
         }),
         async $scroll(e, t) {
-            await n[0] && s.$(e, t);
+            await s[0] && n.$(e, t);
         },
         $effect() {
-            s && s.l();
+            n && n.i();
         },
         $getBaseOffset: e.$getStartSpacerSize
     };
 }, exports.createContainerGridDriver = (e, t) => {
-    let s, n, r, i = a();
-    const c = /* @__PURE__ */ new WeakMap, f = /* @__PURE__ */ new Set, u = /* @__PURE__ */ new Set, $ = /* @__PURE__ */ new Map, p = (e, t) => `${e}-${t}`, g = m(n => {
-        const r = /* @__PURE__ */ new Set, i = /* @__PURE__ */ new Set;
-        for (const {target: o, contentRect: {width: l, height: f}} of n) if (o.offsetParent) if (o === s) e.$update(4, f), 
-        t.$update(4, l); else {
-            const e = c.get(o);
-            if (e) {
-                const [t, o] = e, s = p(t, o), n = $.get(s);
-                let c, a;
-                n ? (n[0] !== f && (c = !0), n[1] !== l && (a = !0)) : c = a = !0, c && r.add(t), 
-                a && i.add(o), (c || a) && $.set(s, [ f, l ]);
-            }
-        }
-        if (r.size) {
-            const t = [];
-            r.forEach(e => {
-                let s = 0;
-                u.forEach(t => {
-                    const n = $.get(p(e, t));
-                    n && (s = o(s, n[0]));
-                }), s && t.push([ e, s ]);
-            }), e.$update(3, t);
-        }
-        if (i.size) {
-            const e = [];
-            i.forEach(t => {
-                let s = 0;
-                f.forEach(e => {
-                    const n = $.get(p(e, t));
-                    n && (s = o(s, n[1]));
-                }), s && e.push([ t, s ]);
-            }), t.$update(3, e);
+    let o, n, s, r = a();
+    const l = /* @__PURE__ */ new WeakMap, i = /* @__PURE__ */ new WeakMap, f = R(n => {
+        const s = [], r = [];
+        for (const {target: c, contentRect: {width: f, height: u}} of n) if (c === o) (f || u) && (e.$update(4, u), 
+        t.$update(4, f)); else if (c.offsetParent) {
+            const e = l.get(c), t = i.get(c);
+            null != e && s.push([ e, u ]), null != t && r.push([ t, f ]);
         }
+        s.length && e.$update(3, s), r.length && t.$update(3, r);
     });
     return {
-        $observe(o, c = o.parentElement) {
-            g.t(s = c);
-            const f = "rtl" === getComputedStyle(c).direction, a = e => () => {
-                const t = c.style, o = t[e];
-                t[e] = "hidden", l(() => {
-                    t[e] = o;
+        async $scroll(e, t) {
+            await r[0] && (e ? s : n).$(t);
+        },
+        $observe(l) {
+            const i = o = l.parentElement;
+            f.t(i);
+            const u = (e, t) => O(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
+                const e = t ? "overflowX" : "overflowY", o = i.style, n = o[e];
+                o[e] = "hidden", c(() => {
+                    o[e] = n;
                 });
-            };
-            n = w(e, c, c, !1, !1, a("overflowY")), r = w(t, c, c, !0, f, a("overflowX")), i[1](!0);
+            });
+            n = u(e, !1), s = u(t, !0), r[1](!0);
         },
         $dispose() {
-            g.i(), n && n.i(), r && r.i(), i[1](!1), i = a();
+            f.l(), n && n.l(), s && s.l(), r[1](!1), r = a();
         },
-        $observeItem: (e, t, o) => (c.set(e, [ t, o ]), f.add(t), u.add(o), g.t(e), () => {
-            c.delete(e), g.o(e);
+        $observeItem: (e, t, o) => (null != t && l.set(e, t), null != o && i.set(e, o), 
+        f.t(e), () => {
+            l.delete(e), i.delete(e), f.o(e);
         }),
-        $resizeRows(o) {
-            for (const [e] of o) for (let o = 0; o < t.$getItemsLength(); o++) $.delete(p(e, o));
-            e.$update(3, o);
-        },
-        $resizeCols(o) {
-            for (const [t] of o) for (let o = 0; o < e.$getItemsLength(); o++) $.delete(p(o, t));
-            t.$update(3, o);
-        },
-        async $scrollX(e, t) {
-            await i[0] && r.$(e, t);
-        },
-        async $scrollY(e, t) {
-            await i[0] && n.$(e, t);
-        },
         $effect() {
-            n && n.l(), r && r.l();
+            n && n.i(), s && s.i();
         }
     };
-}, exports.createListLayout = (e, s, n) => {
-    let r = n && n[1] || s || 40, l = -1, c = 0;
-    const f = n && n[0], a = f ? h(f.slice(0, t(e, f.length)), o(0, e - f.length)) : h([], e), u = h([], e + 1), $ = e => {
-        const t = a[e];
-        return -1 === t ? r : t;
-    }, p = t => {
-        if (!e) return 0;
-        if (l >= t) return u[t];
-        l < 0 && (u[0] = 0, l = 0);
-        let o = l, s = u[o];
-        for (;o < t; ) s += $(o), u[++o] = s;
-        return l = t, s;
+}, exports.createGridLayout = (e, t, o = 0) => {
+    if ("number" == typeof t) {
+        let n = w(e), s = t;
+        const i = e => s + o ? l(r(e / (s + o)), 0, n - 1) : 0;
+        return {
+            $getRange: (e, t) => [ i(e), i(t) ],
+            $findIndex: i,
+            $getItemOffset: e => e * (s + o),
+            $getItemSize: () => s,
+            $setItemSize: () => !1,
+            $isSizeEqual: () => !1,
+            $getTotalSize: () => n ? n * (s + o) - o : 0,
+            $getLength: () => n,
+            $setLength: e => (n = e, 0),
+            $isMeasurable: () => !1,
+            $setAxis: (e, t, o) => {
+                if ("number" != typeof t || t === s) return;
+                const n = i(o) * (t - s);
+                return s = t, n;
+            }
+        };
+    }
+    const n = "auto" === t;
+    let s, i = t;
+    const c = w(e), f = [], u = h(c, void 0, [ [], 40 + o ]), a = e => n || !!f[e], $ = {
+        $getRange: u.$getRange,
+        $findIndex: u.$findIndex,
+        $getItemOffset: u.$getItemOffset,
+        $getItemSize: e => u.$getItemSize(e) - o,
+        $setItemSize: (e, t) => a(e) && u.$setItemSize(e, t + o),
+        $isSizeEqual: (e, t) => u.$isSizeEqual(e, t + o),
+        $getTotalSize: () => u.$getLength() ? u.$getTotalSize() - o : 0,
+        $getLength: u.$getLength,
+        $setLength: u.$setLength,
+        $estimateDefaultSize: n ? u.$estimateDefaultSize : void 0,
+        $isMeasurable: a,
+        $setAxis: (e, t, r, l) => {
+            if (n) return;
+            const c = "number" == typeof t || "auto" === t ? i : t, a = u.$getLength();
+            if (!l && e === s && c === i && a === f.length) return;
+            s = e, i = c, f.length = a;
+            const $ = u.$findIndex(r), p = u.$getItemOffset($);
+            let g;
+            for (let t = 0; t < a; t++) {
+                const n = e[t], s = null !== n && "object" == typeof n ? n[c] : null, r = "number" != typeof s;
+                if (!r || !f[t]) {
+                    f[t] = r;
+                    const e = r ? -1 : s + o;
+                    u.$isSizeEqual(t, e) || (u.$setItemSize(t, e), g = !0);
+                }
+            }
+            return g ? u.$getItemOffset($) - p : void 0;
+        }
     };
-    return {
-        $getRange: (o, s) => {
-            let n, r;
-            return c = t(c, e - 1), p(c) <= o ? (r = d(p, e, s, c), n = d(p, e, o, c, r)) : (n = d(p, e, o, void 0, c), 
-            r = d(p, e, s, n)), c = n, [ n, r ];
-        },
-        $findIndex: t => d(p, e, t),
-        $getItemOffset: p,
-        $getItemSize: $,
-        $setItemSize: (e, o) => {
-            const s = -1 === a[e];
-            return a[e] = o, l = t(e, l), s;
-        },
-        $isSizeEqual: (e, t = -1) => a[e] === t,
-        $getTotalSize: () => p(e),
-        $getLength: () => e,
-        $setLength: (o, s) => {
-            const n = o - e;
-            return l = s ? -1 : t(o - 1, l), e = o, n > 0 ? (h(u, n), h(a, n, s), r * n) : (u.splice(n), 
-            (s ? a.splice(0, -n) : a.splice(n)).reduce((e, t) => e - (-1 === t ? r : t), 0));
-        },
-        $estimateDefaultSize: s ? void 0 : e => {
-            let t = 0;
-            const s = [];
-            a.forEach((o, n) => {
-                -1 !== o && (o && s.push(o), n < e && t++);
-            }), l = -1;
-            const n = i(s), c = n.length, f = c / 2 | 0, u = c % 2 == 0 ? (n[f - 1] + n[f]) / 2 : n[f], $ = r;
-            return ((r = u) - $) * o(e - t, 0);
-        },
-        $snapshot: () => [ a.slice(), r ]
+    return $.$setAxis(e, t, 0), $;
+}, exports.createGridPlan = (e, s, r, c, f = 0, u = t, a = 0, $ = 0, p = 0, g = t, d = t, m) => {
+    const x = e.$getLength(), h = s.$getLength(), w = o(f, x), R = n(x - a, w), O = o($, h), _ = n(h - p, O), q = l(r[0], w, R), A = o(r[1], R - 1), C = l(c[0], O, _), W = o(c[1], _ - 1), D = v(u, w, R), E = n(O - 1, 0), P = [], j = [], B = [];
+    for (const e of d) e.rowIndex < x && e.colIndex < h && B.push(e);
+    const J = D.length;
+    J && (y(P, D, q, R), j.push(E));
+    let V = g, X = 0;
+    do {
+        for (;X < B.length; X++) {
+            const {rowIndex: e, colIndex: t} = B[X];
+            P.push(e), y(P, D, e, R), j.push(t);
+        }
+        const e = [];
+        for (const t of V) {
+            const o = t.rowIndex, n = t.colIndex, s = k(t, x), r = M(t, h);
+            if (o < x && n < h && (s - o > 1 || r - n > 1)) if (S(P, o, s, w, q, A, R)) if (S(j, n, r, O, C, W, _)) B.push(t); else {
+                const n = I(D, s - 1, R);
+                (o < w || n >= 0 && D[n] >= o) && e.push(t);
+            } else n < O && e.push(t);
+        }
+        V = e;
+    } while (X < B.length);
+    i(P), i(j);
+    const Y = z(P, x, w, q, A, R), U = z(j, h, O, C, W, _), Z = Y.length, F = U.length, G = /* @__PURE__ */ new Map, H = [], K = [];
+    for (const e of B) {
+        const t = k(e, x), o = M(e, h);
+        H.push(t), K.push(o);
+        const n = U.indexOf(e.colIndex);
+        for (let s = Y.indexOf(e.rowIndex); s < Z && Y[s] < t; s++) {
+            const t = Y[s] * h;
+            for (let s = n; s < F && U[s] < o; s++) G.set(t + U[s], e);
+        }
+    }
+    const N = [];
+    for (const e of U) N.push(!s.$isMeasurable(e) && null);
+    const Q = [], ee = e.$getItemOffset(w), te = [];
+    let oe = te;
+    const ne = b.get(e), se = /* @__PURE__ */ new Map;
+    for (const t of Y) {
+        const o = t < w, r = t >= R, l = r || t >= q && t <= A, i = I(D, t, R), c = o ? 0 : r ? R : i < 0 ? -1 : D[i];
+        if (t === c) {
+            const e = o ? w : r ? x : i + 1 < J ? D[i + 1] : R;
+            H.push(e);
+            const t = [];
+            te.push({
+                $key: o ? -1 : r ? -2 : -3 - c,
+                $rows: t,
+                $style: L(c, e, o || r ? 0 : null, r ? "bottom" : "top", 4)
+            }), oe = t;
+        } else c < 0 && (oe = te);
+        const f = i >= 0 && t === c, u = f ? ee : null, a = t * h, $ = ne && ne.get(t), p = $ && $.$cells, g = [];
+        let d = 0, b = !e.$isMeasurable(t) && null, S = t + 1, v = !1;
+        for (let e = 0; e < F; e++) {
+            const r = U[e], i = r < O, c = r >= _, u = c || r >= C && r <= W, $ = G.get(a + r);
+            if ($ ? $.rowIndex !== t || $.colIndex !== r : !(l && u || o || f || i)) continue;
+            const w = $ ? k($, x) : t + 1, I = $ ? M($, h) : r + 1, y = w - t > 1, z = I - r > 1, T = y || z, L = T ? w - t : void 0, R = T ? I - r : void 0;
+            let q, A;
+            S = n(S, w);
+            const D = i ? s.$getItemOffset(r) : null, P = c ? s.$getTotalSize() - s.$getItemOffset(I - 1) - s.$getItemSize(I - 1) : null;
+            !1 !== b || y || (q = t, b = !0), !1 !== N[e] || z || (A = r, N[e] = !0);
+            const j = o ? "columnheader" : r === E && (i || f) ? "rowheader" : "cell", B = "cell" !== j && m && m.rowIndex === t && m.colIndex === r ? m.order : void 0;
+            let J;
+            if (p) {
+                for (;d < p.length && p[d].$col < r; ) d++;
+                d < p.length && (J = p[d]);
+            }
+            if (!J || J.$col !== r || J.$rowSpan !== L || J.$colSpan !== R || J.$start !== D || J.$end !== P || J.$measureRow !== q || J.$measureCol !== A || J.$role !== j || J.$sort !== B) {
+                const e = {
+                    contain: "layout style",
+                    display: "grid",
+                    gridArea: T ? "1/l" + r + "/l" + w + "/l" + I : "1/l" + r
+                };
+                y && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), z && (e.width = "0px", 
+                e.minWidth = "100%"), (i || c) && (i ? e.insetInlineStart = D + "px" : e.insetInlineEnd = P + "px", 
+                e.position = "sticky", e.zIndex = 2), J = {
+                    $col: r,
+                    $rowSpan: L,
+                    $colSpan: R,
+                    $measureRow: q,
+                    $measureCol: A,
+                    $role: j,
+                    $sort: B,
+                    $style: e,
+                    $start: D,
+                    $end: P
+                }, v = !0;
+            }
+            g.push(J);
+        }
+        if (Q.push(b), !g.length) continue;
+        const y = $ && !v && $.$cells.length === g.length && $.$top === u ? $ : {
+            $row: t,
+            $cells: g,
+            $style: L(t, S, u, "top", 3),
+            $top: u
+        };
+        se.set(t, y), oe.push(y);
+    }
+    return b.set(e, se), {
+        $rowTemplate: T(e, Y, Q, i(H), "max-content", x),
+        $colTemplate: T(s, U, N, i(K), "minmax(max-content,auto)", h),
+        $groups: te
     };
-}, exports.createVirtualStore = ({$getRange: e, $findIndex: n, $getItemOffset: r, $getItemSize: i, $setItemSize: l, $isSizeEqual: c, $getTotalSize: f, $getLength: a, $setLength: u, $estimateDefaultSize: $}, p = 0) => {
-    let d = !!$, h = !!p, m = 1, w = 0, S = 0, x = 0, v = 0, b = 0, z = 0, I = 0, k = 0, y = null, M = [ 0, h ? o(p - 1, 0) : -1 ], L = 0, O = !1;
-    const R = /* @__PURE__ */ new Set, T = () => x - S, _ = () => T() + b + v, q = e => r(e) - b, C = e => {
-        e && (g() && 0 !== I || y && 1 === k ? b += e : v += e);
+}, exports.createListLayout = h, exports.createVirtualStore = ({$getRange: e, $findIndex: t, $getItemOffset: r, $getItemSize: l, $setItemSize: i, $isSizeEqual: c, $getTotalSize: f, $getLength: u, $setLength: a, $estimateDefaultSize: $}, p = 0) => {
+    let g = !!$, m = !!p, x = 1, h = 0, w = 0, b = 0, S = 0, v = 0, I = 0, y = 0, z = 0, k = null, M = [ 0, m ? n(p - 1, 0) : -1 ], T = 0, L = !1;
+    const R = /* @__PURE__ */ new Set, O = () => b - w, _ = () => O() + v + S, q = e => r(e) - v, A = e => {
+        e && (d() && 0 !== y || k && 1 === z ? v += e : S += e);
     };
     return {
         $dispose: () => {
             R.clear();
         },
-        $getStateVersion: () => m,
-        $getRange: (s = 200) => {
-            if (!O || h) return M;
-            let n, r;
-            if (z) [n, r] = M; else {
-                let i = o(0, _()), l = i + w;
-                d || (s = o(0, s), 1 !== I && (i -= s), 2 !== I && (l += s)), [n, r] = M = e(o(0, i), o(0, l)), 
-                y && (n = t(n, y[0]), r = o(r, y[1]));
+        $getStateVersion: () => x,
+        $getRange: (t = 200) => {
+            if (!L || m) return M;
+            let s, r;
+            if (I) [s, r] = M; else {
+                let l = n(0, _()), i = l + h;
+                g || (t = n(0, t), 1 !== y && (l -= t), 2 !== y && (i += t)), [s, r] = M = e(n(0, l), n(0, i)), 
+                k && (s = o(s, k[0]), r = n(r, k[1]));
             }
-            return [ o(n, 0), t(r, a() - 1) ];
+            return [ n(s, 0), o(r, u() - 1) ];
         },
-        $findItemIndex: e => n(e - S),
+        $findItemIndex: e => t(e - w),
         $isUnmeasuredItem: c,
         $getItemOffset: q,
-        $getItemSize: i,
-        $getItemsLength: a,
-        $getScrollOffset: () => x,
-        $isScrolling: () => 0 !== I,
-        $getViewportSize: () => w,
-        $getStartSpacerSize: () => S,
+        $getItemSize: l,
+        $getItemsLength: u,
+        $getScrollOffset: () => b,
+        $isScrolling: () => 0 !== y,
+        $getViewportSize: () => h,
+        $getStartSpacerSize: () => w,
         $getTotalSize: f,
-        u: () => (z = v, v = 0, [ z, 2 === k ]),
+        u: () => (I = S, S = 0, [ I, 2 === z ]),
         $subscribe: (e, t) => {
             const o = [ e, t ];
             return R.add(o), () => {
                 R.delete(o);
             };
         },
-        $update: (t, o) => {
-            let r, a, p = 0;
-            switch (t) {
+        $update: (o, n) => {
+            let r, u, p = 0;
+            switch (o) {
               case 1:
                 {
-                    if (o === x && 0 === k) break;
-                    const e = z;
-                    z = 0;
-                    const t = o - x, n = s(t);
-                    e && n < s(e) + 1 || 0 !== k || (I = t < 0 ? 2 : 1), h && (h = !1), x = o, p = 4;
-                    const r = T();
-                    r >= -w && r <= f() && (p += 1, a = n > w);
+                    if (n === b && 0 === z) break;
+                    const e = I;
+                    I = 0;
+                    const t = n - b, o = s(t);
+                    e && o < s(e) + 1 || 0 !== z || (y = t < 0 ? 2 : 1), m && (m = !1), b = n, p = 4;
+                    const r = O();
+                    r >= -h && r <= f() && (p += 1, u = o > h);
                     break;
                 }
 
               case 2:
-                p = 8, 0 !== I && (r = !0, p += 1), I = 0, k = 0, y = null;
+                p = 8, 0 !== y && (r = !0, p += 1), y = 0, z = 0, k = null;
                 break;
 
               case 3:
                 {
-                    const e = o.filter(([e, t]) => !c(e, t));
+                    const e = n.filter(([e, t]) => !c(e, t));
                     if (!e.length) break;
-                    C(e.reduce((e, [t, o]) => {
-                        let s;
-                        if (2 === k) s = !0; else if (y && 1 === k) s = t < y[0]; else {
-                            const e = T(), o = q(t), n = i(t);
-                            s = 1 !== I && 0 === k ? o + n <= e : o < e && o + n < e + w;
+                    A(e.reduce((e, [t, o]) => {
+                        let n;
+                        if (2 === z) n = !0; else if (k && 1 === z) n = t < k[0]; else {
+                            const e = O(), o = q(t), s = l(t);
+                            n = 1 !== y && 0 === z ? o + s <= e : o < e && o + s < e + h;
                         }
-                        return s && (e += o - i(t)), e;
+                        return n && (e += o - l(t)), e;
                     }, 0));
                     for (const [t, o] of e) {
-                        const e = i(t), s = l(t, o);
-                        d && (L += s ? o : o - e);
+                        const e = l(t), n = i(t, o);
+                        g && (T += n ? o : o - e);
                     }
-                    d && w && L > w && (C($(n(_()))), d = !1), p = 3, a = !0;
+                    g && h && T > h && (A($(t(_()))), g = !1), p = 3, u = !0;
                     break;
                 }
 
               case 4:
-                w !== o && (w || (O = a = !0), w = o, p = 3);
+                h !== n && (h || (L = u = !0), h = n, p = 3);
                 break;
 
               case 5:
-                o[1] ? (C(u(o[0], !0)), k = 2, p = 1) : (u(o[0]), p = 1);
+                n[1] ? (A(a(n[0], !0)), z = 2, p = 1) : (a(n[0]), p = 1);
                 break;
 
               case 6:
-                S = o;
+                w = n;
                 break;
 
               case 7:
-                k = 1;
+                z = 1;
+                break;
+
+              case 9:
+                A(n), p = 3;
                 break;
 
               case 8:
-                y = e(o, o + w), p = 1;
+                k = e(n, n + h), p = 1;
             }
-            p && (m = 1 + (2147483647 & m), r && b && (v += b, b = 0), R.forEach(([e, t]) => {
-                p & e && t(a);
+            p && (x = 1 + (2147483647 & x), r && v && (S += v, v = 0), R.forEach(([e, t]) => {
+                p & e && t(u);
             }));
         }
     };
 }, exports.createWindowDriver = (e, t) => {
-    let o, s, n, r, i, l = a();
-    const c = t ? "width" : "height", f = /* @__PURE__ */ new WeakMap, u = m(t => {
+    let o, n, s, r, l, i = a();
+    const c = /* @__PURE__ */ new WeakMap, f = R(n => {
         const s = [];
-        for (const {target: e, contentRect: n} of t) {
-            if (e === o) {
-                i && i();
-                continue;
-            }
-            if (!e.offsetParent) continue;
-            const t = f.get(e);
-            null != t && s.push([ t, n[c] ]);
+        for (const {target: e, contentRect: {width: r, height: i}} of n) if (e === o) l && l(); else if (e.offsetParent) {
+            const o = c.get(e);
+            null != o && s.push([ o, t ? r : i ]);
         }
         s.length && e.$update(3, s);
     });
     return {
         $observe(c) {
-            const f = $(c), a = p(f), g = o = f.scrollingElement, d = t && "rtl" === getComputedStyle(g).direction, h = (e, t, o, s, n = 0) => {
-                const r = s ? "offsetLeft" : "offsetTop", i = n + (d ? t.clientWidth - e[r] - e.offsetWidth : e[r]), l = e.offsetParent;
-                return e !== o && l ? h(l, t, o, s, i) : i;
-            }, m = r = () => h(c, g, f.body, t), S = i = () => {
-                e.$update(4, g[t ? "clientWidth" : "clientHeight"]);
+            const u = p(c), a = g(u), $ = o = u.scrollingElement, d = t && "rtl" === getComputedStyle($).direction, m = (e, t, o, n, s = 0) => {
+                const r = n ? "offsetLeft" : "offsetTop", l = s + (d ? t.clientWidth - e[r] - e.offsetWidth : e[r]), i = e.offsetParent;
+                return e !== o && i ? m(i, t, o, n, l) : l;
+            }, x = r = () => m(c, $, u.body, t), h = l = () => {
+                e.$update(4, $[t ? "clientWidth" : "clientHeight"]);
             };
-            a.addEventListener("resize", S), u.t(g), n = () => {
-                a.removeEventListener("resize", S);
-            }, s = w(e, a, g, t, d, null, m), l[1](!0);
+            a.addEventListener("resize", h), f.t($), s = () => {
+                a.removeEventListener("resize", h);
+            }, n = O(e, a, $, t, d, null, x), i[1](!0);
         },
         $dispose() {
-            n && n(), u.i(), s && s.i(), l[1](!1), l = a();
+            s && s(), f.l(), n && n.l(), i[1](!1), i = a();
         },
-        $observeItem: (e, t) => (f.set(e, t), u.t(e), () => {
-            f.delete(e), u.o(e);
+        $observeItem: (e, t) => (c.set(e, t), f.t(e), () => {
+            c.delete(e), f.o(e);
         }),
         async $scroll(e, t) {
-            await l[0] && s.$(e, t);
+            await i[0] && n.$(e, t);
         },
         $effect() {
-            s && s.l();
+            n && n.i();
         },
         $getBaseOffset: () => r()
     };
-}, exports.getScrollSize = e => o(e.$getTotalSize(), e.$getViewportSize()), exports.gridScrollBy = (e, t, o, s, n) => {
-    if (null != s) {
-        const o = s + t.$getScrollOffset();
-        e.$scrollY(() => o);
-    }
+}, exports.getAxisItem = (e, t) => "number" == typeof e ? t : e[t], exports.getAxisLength = w, 
+exports.getScrollSize = e => n(e.$getTotalSize(), e.$getViewportSize()), exports.gridScrollBy = (e, t, o, n, s) => {
     if (null != n) {
-        const t = n + o.$getScrollOffset();
-        e.$scrollX(() => t);
+        const o = n + t.$getScrollOffset();
+        e.$scroll(!1, () => o);
     }
-}, exports.gridScrollTo = (e, t, o) => {
-    null != t && e.$scrollY(() => t), null != o && e.$scrollX(() => o);
-}, exports.gridScrollToIndex = (e, t, o, s, n) => {
     if (null != s) {
-        const o = r(s, 0, t.$getItemsLength() - 1);
-        e.$scrollY(() => t.$getItemOffset(o));
-    }
-    if (null != n) {
-        const t = r(n, 0, o.$getItemsLength() - 1);
-        e.$scrollX(() => o.$getItemOffset(t));
+        const t = s + o.$getScrollOffset();
+        e.$scroll(!0, () => t);
     }
-}, exports.isBrowser = u, exports.microtask = f, exports.scrollBy = (e, t, o) => {
-    S(e, o + t.$getScrollOffset());
-}, exports.scrollTo = S, exports.scrollToIndex = (e, t, o, {align: s, smooth: n, offset: i = 0} = {}) => {
-    if (o = r(o, 0, t.$getItemsLength() - 1), "nearest" === s) {
-        const e = t.$getItemOffset(o), n = t.$getScrollOffset();
-        if (e < n) s = "start"; else {
-            if (!(e + t.$getItemSize(o) > n + t.$getViewportSize())) return;
-            s = "end";
+}, exports.gridScrollTo = (e, t, o) => {
+    null != t && e.$scroll(!1, () => t), null != o && e.$scroll(!0, () => o);
+}, exports.gridScrollToIndex = (e, o, n, s = 0, r = t, l = 0, i = 0, c = 0, {rowIndex: f, colIndex: u, rowAlign: a, colAlign: $}) => {
+    null != f && q(e, o, s, r, l, f, a, !1), null != u && q(e, n, i, t, c, u, $, !0);
+}, exports.gridStyleToString = e => {
+    let t = "";
+    for (const o in e) t += o.replace(/[A-Z]/g, e => "-" + e.toLowerCase()) + ":" + e[o] + ";";
+    return t;
+}, exports.isBrowser = $, exports.microtask = u, exports.scrollBy = (e, t, o) => {
+    _(e, o + t.$getScrollOffset());
+}, exports.scrollTo = _, exports.scrollToIndex = (e, t, o, {align: n, smooth: s, offset: r = 0} = {}) => {
+    if (o = l(o, 0, t.$getItemsLength() - 1), "nearest" === n) {
+        const e = t.$getItemOffset(o), s = t.$getScrollOffset();
+        if (e < s) n = "start"; else {
+            if (!(e + t.$getItemSize(o) > s + t.$getViewportSize())) return;
+            n = "end";
         }
     }
-    e.$scroll(() => i + e.$getBaseOffset() + t.$getItemOffset(o) + ("end" === s ? t.$getItemSize(o) - t.$getViewportSize() : "center" === s ? (t.$getItemSize(o) - t.$getViewportSize()) / 2 : 0), n);
-}, exports.sort = i;
+    e.$scroll(() => r + e.$getBaseOffset() + t.$getItemOffset(o) + ("end" === n ? t.$getItemSize(o) - t.$getViewportSize() : "center" === n ? (t.$getItemSize(o) - t.$getViewportSize()) / 2 : 0), s);
+}, exports.sort = i, exports.updateGridAxis = (e, t, o, n, s) => {
+    const r = w(o);
+    r !== e.$getItemsLength() && e.$update(5, [ r ]);
+    const l = t.$setAxis(o, n, e.$getScrollOffset() - e.$getItemOffset(0), s);
+    null != l && e.$update(9, l);
+};
 //# sourceMappingURL=index.cjs.map