virtua 0.52.0 → 0.52.2

package/lib/core/index.js

@@ -6,9 +6,9 @@ var e, t = [], {min: n, max: o, abs: s, floor: r} = Math, l = (e, t, s) => n(s,
         e = t;
     }), e ];
 }, $ = "undefined" != typeof window, g = e => e.ownerDocument, d = e => e.defaultView, m = () => (null == e && (e = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewportSize()), I = ({$getRange: e, $findIndex: t, $getItemOffset: r, $getItemSize: l, $setItemSize: i, $isSizeEqual: c, $getTotalSize: f, $getLength: a, $setLength: u, $estimateDefaultSize: $}, g = 0) => {
-    let d = !!$, p = !!g, h = 1, w = 0, b = 0, S = 0, v = 0, I = 0, x = 0, y = 0, z = 0, k = null, M = [ 0, p ? o(g - 1, 0) : -1 ], T = 0, L = !1;
-    const R = /* @__PURE__ */ new Set, O = () => S - b, _ = () => O() + I + v, q = e => r(e) - I, A = e => {
+e), p = 5, h = 6, S = 1, w = 4, b = 8, v = e => o(e.$getTotalSize(), e.$getViewportSize()), I = ({$getRange: e, $findIndex: t, $getItemOffset: r, $getItemSize: l, $setItemSize: i, $isSizeEqual: c, $getTotalSize: f, $getLength: a, $setLength: u, $estimateDefaultSize: $}, g = 0) => {
+    let d = !!$, p = !!g, h = 1, S = 0, w = 0, b = 0, v = 0, I = 0, x = 0, y = 0, z = 0, k = null, T = [ 0, p ? o(g - 1, 0) : -1 ], M = 0, L = !1;
+    const R = /* @__PURE__ */ new Set, O = () => b - w, P = () => O() + I + v, _ = e => r(e) - I, q = e => {
         e && (m() && 0 !== y || k && 1 === z ? I += e : v += e);
     };
     return {
@@ -17,24 +17,24 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         },
         $getStateVersion: () => h,
         $getRange: (t = 200) => {
-            if (!L || p) return M;
+            if (!L || p) return T;
             let s, r;
-            if (x) [s, r] = M; else {
-                let l = o(0, _()), i = l + w;
-                d || (t = o(0, t), 1 !== y && (l -= t), 2 !== y && (i += t)), [s, r] = M = e(o(0, l), o(0, i)), 
+            if (x) [s, r] = T; else {
+                let l = o(0, P()), i = l + S;
+                d || (t = o(0, t), 1 !== y && (l -= t), 2 !== y && (i += t)), [s, r] = T = e(o(0, l), o(0, i)), 
                 k && (s = n(s, k[0]), r = o(r, k[1]));
             }
             return [ o(s, 0), n(r, a() - 1) ];
         },
-        $findItemIndex: e => t(e - b),
+        $findItemIndex: e => t(e - w),
         $isUnmeasuredItem: c,
-        $getItemOffset: q,
+        $getItemOffset: _,
         $getItemSize: l,
         $getItemsLength: a,
-        $getScrollOffset: () => S,
+        $getScrollOffset: () => b,
         $isScrolling: () => 0 !== y,
-        $getViewportSize: () => w,
-        $getStartSpacerSize: () => b,
+        $getViewportSize: () => S,
+        $getStartSpacerSize: () => w,
         $getTotalSize: f,
         t: () => (x = v, v = 0, [ x, 2 === z ]),
         $subscribe: (e, t) => {
@@ -48,13 +48,13 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
             switch (n) {
               case 1:
                 {
-                    if (o === S && 0 === z) break;
+                    if (o === b && 0 === z) break;
                     const e = x;
                     x = 0;
-                    const t = o - S, n = s(t);
-                    e && n < s(e) + 1 || 0 !== z || (y = t < 0 ? 2 : 1), p && (p = !1), S = o, g = 4;
+                    const t = o - b, n = s(t);
+                    e && n < s(e) + 1 || 0 !== z || (y = t < 0 ? 2 : 1), p && (p = !1), b = o, g = 4;
                     const r = O();
-                    r >= -w && r <= f() && (g += 1, a = n > w);
+                    r >= -S && r <= f() && (g += 1, a = n > S);
                     break;
                 }
 
@@ -66,32 +66,32 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
                 {
                     const e = o.filter(([e, t]) => !c(e, t));
                     if (!e.length) break;
-                    A(e.reduce((e, [t, n]) => {
+                    q(e.reduce((e, [t, n]) => {
                         let o;
                         if (2 === z) o = !0; else if (k && 1 === z) o = t < k[0]; else {
-                            const e = O(), n = q(t), s = l(t);
-                            o = 1 !== y && 0 === z ? n + s <= e : n < e && n + s < e + w;
+                            const e = O(), n = _(t), s = l(t);
+                            o = 1 !== y && 0 === z ? n + s <= e : n < e && n + s < e + S;
                         }
                         return o && (e += n - l(t)), e;
                     }, 0));
                     for (const [t, n] of e) {
                         const e = l(t), o = i(t, n);
-                        d && (T += o ? n : n - e);
+                        d && (M += o ? n : n - e);
                     }
-                    d && w && T > w && (A($(t(_()))), d = !1), g = 3, a = !0;
+                    d && S && M > S && (q($(t(P()))), d = !1), g = 3, a = !0;
                     break;
                 }
 
               case 4:
-                w !== o && (w || (L = a = !0), w = o, g = 3);
+                S !== o && (S || (L = a = !0), S = o, g = 3);
                 break;
 
               case 5:
-                o[1] ? (A(u(o[0], !0)), z = 2, g = 1) : (u(o[0]), g = 1);
+                o[1] ? (q(u(o[0], !0)), z = 2, g = 1) : (u(o[0]), g = 1);
                 break;
 
               case 6:
-                b = o;
+                w = o;
                 break;
 
               case 7:
@@ -99,11 +99,11 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
                 break;
 
               case 9:
-                A(o), g = 3;
+                q(o), g = 3;
                 break;
 
               case 8:
-                k = e(o, o + w), g = 1;
+                k = e(o, o + S), g = 1;
             }
             g && (h = 1 + (2147483647 & h), r && I && (v += I, I = 0), R.forEach(([e, t]) => {
                 g & e && t(a);
@@ -166,75 +166,88 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         },
         $snapshot: () => [ a.slice(), r ]
     };
-}, k = e => "number" == typeof e ? e : e.length, M = (e, t) => "number" == typeof e ? t : e[t], T = (e, t, n = 0) => {
+}, k = e => "number" == typeof e ? e : e.length, T = (e, t) => "number" == typeof e ? t : e[t], M = (e, t, s = 0) => {
+    let i = 0, c = 0;
+    const f = (e = 0, t = 0) => {
+        i = e, c = t;
+    }, a = e => n(i, e), u = e => o(e - c, a(e)), $ = (e, t, n, r, l) => {
+        const i = t(a(n)), c = t(n) - t(u(n)), f = r + (i ? i - s : 0);
+        return e(f, o(f, l - (c ? c - s : 0)));
+    };
     if ("number" == typeof t) {
-        let o = k(e), s = t;
-        const i = e => s + n ? l(r(e / (s + n)), 0, o - 1) : 0;
+        let n = k(e), o = t;
+        const i = e => o + s ? l(r(e / (o + s)), 0, n - 1) : 0, c = e => e * (o + s), g = (e, t) => [ i(e), i(t) ];
         return {
-            $getRange: (e, t) => [ i(e), i(t) ],
+            $getRange: (e, t) => $(g, c, n, e, t),
             $findIndex: i,
-            $getItemOffset: e => e * (s + n),
-            $getItemSize: () => s,
+            $getItemOffset: c,
+            $getItemSize: () => o,
             $setItemSize: () => !1,
             $isSizeEqual: () => !1,
-            $getTotalSize: () => o ? o * (s + n) - n : 0,
-            $getLength: () => o,
-            $setLength: e => (o = e, 0),
+            $getTotalSize: () => n ? n * (o + s) - s : 0,
+            $getLength: () => n,
+            $setLength: e => (n = e, 0),
             $isMeasurable: () => !1,
+            $setPinned: f,
+            $getPinnedStart: () => a(n),
+            $getTrailStart: () => u(n),
             $setAxis: (e, t, n) => {
-                if ("number" != typeof t || t === s) return;
-                const o = i(n) * (t - s);
-                return s = t, o;
+                if ("number" != typeof t || t === o) return;
+                const s = i(n) * (t - o);
+                return o = t, s;
             }
         };
     }
-    const o = "auto" === t;
-    let s, i = t;
-    const c = k(e), f = [], a = z(c, void 0, [ [], 40 + n ]), u = e => o || !!f[e], $ = {
-        $getRange: a.$getRange,
-        $findIndex: a.$findIndex,
-        $getItemOffset: a.$getItemOffset,
-        $getItemSize: e => a.$getItemSize(e) - n,
-        $setItemSize: (e, t) => u(e) && a.$setItemSize(e, t + n),
-        $isSizeEqual: (e, t) => a.$isSizeEqual(e, t + n),
-        $getTotalSize: () => a.$getLength() ? a.$getTotalSize() - n : 0,
-        $getLength: a.$getLength,
-        $setLength: a.$setLength,
-        $estimateDefaultSize: o ? a.$estimateDefaultSize : void 0,
-        $isMeasurable: u,
-        $setAxis: (e, t, r, l) => {
-            if (o) return;
-            const c = "number" == typeof t || "auto" === t ? i : t, u = a.$getLength();
-            if (!l && e === s && c === i && u === f.length) return;
-            s = e, i = c, f.length = u;
-            const $ = a.$findIndex(r), g = a.$getItemOffset($);
-            let d;
-            for (let t = 0; t < u; t++) {
-                const o = e[t], s = null !== o && "object" == typeof o ? o[c] : null, r = "number" != typeof s;
-                if (!r || !f[t]) {
-                    f[t] = r;
-                    const e = r ? -1 : s + n;
-                    a.$isSizeEqual(t, e) || (a.$setItemSize(t, e), d = !0);
+    const g = "auto" === t;
+    let d, m = t;
+    const p = k(e), h = [], S = z(p, void 0, [ [], 40 + s ]), w = e => g || !!h[e], b = {
+        $getRange: (e, t) => $(S.$getRange, S.$getItemOffset, S.$getLength(), e, t),
+        $findIndex: S.$findIndex,
+        $getItemOffset: S.$getItemOffset,
+        $getItemSize: e => S.$getItemSize(e) - s,
+        $setItemSize: (e, t) => w(e) && S.$setItemSize(e, t + s),
+        $isSizeEqual: (e, t) => S.$isSizeEqual(e, t + s),
+        $getTotalSize: () => S.$getLength() ? S.$getTotalSize() - s : 0,
+        $getLength: S.$getLength,
+        $setLength: S.$setLength,
+        $estimateDefaultSize: g ? S.$estimateDefaultSize : void 0,
+        $isMeasurable: w,
+        $setPinned: f,
+        $getPinnedStart: () => a(S.$getLength()),
+        $getTrailStart: () => u(S.$getLength()),
+        $setAxis: (e, t, n, o) => {
+            if (g) return;
+            const r = "number" == typeof t || "auto" === t ? m : t, l = S.$getLength();
+            if (!o && e === d && r === m && l === h.length) return;
+            d = e, m = r, h.length = l;
+            const i = S.$findIndex(n), c = S.$getItemOffset(i);
+            let f;
+            for (let t = 0; t < l; t++) {
+                const n = e[t], o = null !== n && "object" == typeof n ? n[r] : null, l = "number" != typeof o;
+                if (!l || !h[t]) {
+                    h[t] = l;
+                    const e = l ? -1 : o + s;
+                    S.$isSizeEqual(t, e) || (S.$setItemSize(t, e), f = !0);
                 }
             }
-            return d ? a.$getItemOffset($) - g : void 0;
+            return f ? S.$getItemOffset(i) - c : void 0;
         }
     };
-    return $.$setAxis(e, t, 0), $;
-}, L = (e, t, n, o, s) => {
-    const r = k(n);
-    r !== e.$getItemsLength() && e.$update(5, [ r ]);
-    const l = t.$setAxis(n, o, e.$getScrollOffset() - e.$getItemOffset(0), s);
-    null != l && e.$update(9, l);
+    return b.$setAxis(e, t, 0), b;
+}, L = (e, t, n, o, s, r, l) => {
+    const i = k(n);
+    t.$setPinned(s, r), i !== e.$getItemsLength() && e.$update(5, [ i ]);
+    const c = t.$setAxis(n, o, e.$getScrollOffset() - e.$getItemOffset(0), l);
+    null != c && e.$update(9, c);
 }, R = /*#__PURE__*/ new WeakMap, O = (e, t, s, r, l, i, c) => {
     if (t < r || o(t, l) < n(s, i + 1) || c < s) return !0;
     for (const n of e) if (n >= t && n < s) return !0;
     return !1;
-}, _ = (e, t, n) => {
+}, P = (e, t, n) => {
     const o = [];
     for (const s of e) s >= t && s < n && o.push(s);
     return i(o);
-}, q = (e, t, n) => {
+}, _ = (e, t, n) => {
     if (t >= n) return -1;
     let o = 0, s = e.length;
     for (;o < s; ) {
@@ -242,150 +255,155 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         e[n] <= t ? o = n + 1 : s = n;
     }
     return o - 1;
-}, A = (e, t, n, o) => {
-    const s = q(t, n, o);
+}, q = (e, t, n, o) => {
+    const s = _(t, n, o);
     s >= 0 && e.push(t[s]);
+}, A = (e, t, n, o, s) => {
+    const r = t.length;
+    for (;n < r && t[n] < o; n++) {
+        const o = t[n];
+        o > s && (e.push(o), s = o);
+    }
+    return n;
 }, C = (e, t, n, o, s, r) => {
     const l = [];
     for (let e = 0; e < n; e++) l.push(e);
-    const i = e.length;
-    let c = 0, f = n - 1;
-    for (;c < i && e[c] < o; c++) {
-        const t = e[c];
-        t > f && (l.push(t), f = t);
-    }
+    const i = A(l, e, 0, o, n - 1);
     for (let e = o; 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);
-    }
+    A(l, e, i, r, s);
     for (let e = r; e < t; e++) l.push(e);
     return l;
 }, W = (e, t) => n(e.rowIndex + (e.rowSpan || 1), t), D = (e, t) => n(e.colIndex + (e.colSpan || 1), t), E = (e, t, o, s, r, l) => {
     const i = t.length, c = s.length;
     let f = "[l0]", a = 0, u = 0, $ = 0;
-    for (;u < i || $ < c; ) {
-        const g = u < i ? t[u] : l, d = $ < c ? s[$] : l;
-        if (d <= a) $++; else {
-            let t, s;
-            if (g === a) {
-                t = a + 1;
-                const n = o[u];
-                s = null == n ? e.$getItemSize(a) + "px" : n ? r : "minmax(" + e.$getItemSize(a) + "px,auto)", 
-                u++;
-            } else t = n(g, d), s = "minmax(" + (e.$getItemOffset(t - 1) + e.$getItemSize(t - 1) - e.$getItemOffset(a)) + "px,auto)";
-            f += " " + s + " [l" + t + "]", a = t;
-        }
+    for (;a < l; ) {
+        for (;$ < c && s[$] <= a; ) $++;
+        const g = u < i ? t[u] : l;
+        let d, m;
+        if (g === a) {
+            d = a + 1;
+            const t = o[u];
+            m = null == t ? e.$getItemSize(a) + "px" : t ? r : "minmax(" + e.$getItemSize(a) + "px,auto)", 
+            u++;
+        } else d = n(g, $ < c ? s[$] : l), m = "minmax(" + (e.$getItemOffset(d - 1) + e.$getItemSize(d - 1) - e.$getItemOffset(a)) + "px,auto)";
+        f += " " + m + " [l" + d + "]", a = d;
     }
-    return a < l && (f += " minmax(" + (e.$getTotalSize() - e.$getItemOffset(a)) + "px,auto) [l" + l + "]"), 
-    f;
-}, P = e => {
+    return f;
+}, B = e => {
     let t = "";
     for (const n in e) t += n.replace(/[A-Z]/g, e => "-" + e.toLowerCase()) + ":" + e[n] + ";";
     return t;
-}, B = (e, s, r, c, f = 0, a = t, u = 0, $ = 0, g = 0, d = t, m = t, p) => {
-    const h = e.$getLength(), w = s.$getLength(), b = n(f, h), S = o(h - u, b), v = n($, w), I = o(w - g, v), x = l(r[0], b, S), y = n(r[1], S - 1), z = l(c[0], v, I), k = n(c[1], I - 1), M = _(a, b, S), T = o(v - 1, 0), L = [], P = [], B = [];
-    for (const e of m) e.rowIndex < h && e.colIndex < w && B.push(e);
-    const V = M.length;
-    V && (A(L, M, x, S), P.push(T));
-    let X = d, Y = 0;
+}, J = (e, s, r, c, f = t, a = t, u = t, $) => {
+    const g = e.$getLength(), d = s.$getLength(), m = e.$getPinnedStart(), p = e.$getTrailStart(), h = s.$getPinnedStart(), S = s.$getTrailStart(), w = l(r[0], m, p), b = n(r[1], p - 1), v = l(c[0], h, S), I = n(c[1], S - 1), x = P(f, m, p), y = o(h - 1, 0), z = [], k = [], T = [];
+    for (const e of u) e.rowIndex < g && e.colIndex < d && T.push(e);
+    const M = x.length;
+    M && (q(z, x, w, p), k.push(y));
+    let L = a, A = 0;
     do {
-        for (;Y < B.length; Y++) {
-            const {rowIndex: e, colIndex: t} = B[Y];
-            L.push(e), A(L, M, e, S), P.push(t);
+        for (;A < T.length; A++) {
+            const {rowIndex: e, colIndex: t} = T[A];
+            z.push(e), q(z, x, e, p), k.push(t);
         }
         const e = [];
-        for (const t of X) {
-            const n = t.rowIndex, o = t.colIndex, s = W(t, h), r = D(t, w);
-            if (n < h && o < w && (s - n > 1 || r - o > 1)) if (O(L, n, s, b, x, y, S)) if (O(P, o, r, v, z, k, I)) B.push(t); else {
-                const o = q(M, s - 1, S);
-                (n < b || o >= 0 && M[o] >= n) && e.push(t);
-            } else o < v && e.push(t);
+        for (const t of L) {
+            const n = t.rowIndex, o = t.colIndex, s = W(t, g), r = D(t, d);
+            if (n < g && o < d && (s - n > 1 || r - o > 1)) {
+                const l = O(z, n, s, m, w, b, p);
+                if (l && O(k, o, r, h, v, I, S)) T.push(t); else if (l) {
+                    const o = _(x, s - 1, p);
+                    (n < m || o >= 0 && x[o] >= n) && e.push(t);
+                } else o < h && e.push(t);
+            }
         }
-        X = e;
-    } while (Y < B.length);
-    i(L), i(P);
-    const j = C(L, h, b, x, y, S), U = C(P, w, v, z, k, I), Z = j.length, F = U.length, G = /* @__PURE__ */ new Map, H = [], K = [];
-    for (const e of B) {
-        const t = W(e, h), n = D(e, w);
-        H.push(t), K.push(n);
-        const o = U.indexOf(e.colIndex);
-        for (let s = j.indexOf(e.rowIndex); s < Z && j[s] < t; s++) {
-            const t = j[s] * w;
-            for (let s = o; s < F && U[s] < n; s++) G.set(t + U[s], e);
+        L = e;
+    } while (A < T.length);
+    i(z), i(k);
+    const B = C(z, g, m, w, b, p), J = C(k, d, h, v, I, S), X = B.length, Y = J.length, j = /* @__PURE__ */ new Map, U = [], Z = [];
+    for (const e of T) {
+        const t = W(e, g), n = D(e, d);
+        U.push(t), Z.push(n);
+        const o = J.indexOf(e.colIndex);
+        for (let s = B.indexOf(e.rowIndex); s < X && B[s] < t; s++) {
+            const t = B[s] * d;
+            for (let s = o; s < Y && J[s] < n; s++) j.set(t + J[s], e);
         }
     }
-    const N = [];
-    for (const e of U) N.push(!s.$isMeasurable(e) && null);
-    const Q = [], ee = e.$getItemOffset(b), te = [];
-    let ne = te;
-    const oe = R.get(e), se = /* @__PURE__ */ new Map;
-    for (const t of j) {
-        const n = t < b, r = t >= S, l = r || t >= x && t <= y, i = q(M, t, S), c = n ? 0 : r ? S : i < 0 ? -1 : M[i];
+    const F = [];
+    for (const e of J) F.push(!s.$isMeasurable(e) && null);
+    const G = [], H = e.$getItemOffset(m), K = [];
+    let N = K;
+    const Q = R.get(e), ee = /* @__PURE__ */ new Map;
+    for (const t of B) {
+        const n = t < m, r = t >= p, l = r || t >= w && t <= b, i = _(x, t, p), c = n ? 0 : r ? p : i < 0 ? -1 : x[i];
         if (t === c) {
-            const e = n ? b : r ? h : i + 1 < V ? M[i + 1] : S;
-            H.push(e);
+            const e = n ? m : r ? g : i + 1 < M ? x[i + 1] : p;
+            U.push(e);
             const t = [];
-            te.push({
+            K.push({
                 $key: n ? -1 : r ? -2 : -3 - c,
                 $rows: t,
-                $style: J(c, e, n || r ? 0 : null, r ? "bottom" : "top", 4)
-            }), ne = t;
-        } else c < 0 && (ne = te);
-        const f = i >= 0 && t === c, a = f ? ee : null, u = t * w, $ = oe && oe.get(t), g = $ && $.$cells, d = [];
-        let m = 0, L = !e.$isMeasurable(t) && null, R = t + 1, O = !1;
-        for (let e = 0; e < F; e++) {
-            const r = U[e], i = r < v, c = r >= I, a = c || r >= z && r <= k, $ = G.get(u + r);
-            if ($ ? $.rowIndex !== t || $.colIndex !== r : !(l && a || n || f || i)) continue;
-            const b = $ ? W($, h) : t + 1, S = $ ? D($, w) : r + 1, x = b - t > 1, y = S - r > 1, M = x || y, _ = M ? b - t : void 0, q = M ? S - r : void 0;
-            let A, C;
-            R = o(R, b);
-            const E = i ? s.$getItemOffset(r) : null, P = c ? s.$getTotalSize() - s.$getItemOffset(S - 1) - s.$getItemSize(S - 1) : null;
-            !1 !== L || x || (A = t, L = !0), !1 !== N[e] || y || (C = r, N[e] = !0);
-            const B = n ? "columnheader" : r === T && (i || f) ? "rowheader" : "cell", J = "cell" !== B && p && p.rowIndex === t && p.colIndex === r ? p.order : void 0;
-            let V;
-            if (g) {
-                for (;m < g.length && g[m].$col < r; ) m++;
-                m < g.length && (V = g[m]);
-            }
-            if (!V || V.$col !== r || V.$rowSpan !== _ || V.$colSpan !== q || V.$start !== E || V.$end !== P || V.$measureRow !== A || V.$measureCol !== C || V.$role !== B || V.$sort !== J) {
-                const e = {
-                    contain: "layout style",
-                    display: "grid",
-                    gridArea: M ? "1/l" + r + "/l" + b + "/l" + S : "1/l" + r
-                };
-                x && (e.height = "0px", e.minHeight = "100%", e.zIndex = 1), y && (e.width = "0px", 
-                e.minWidth = "100%"), (i || c) && (i ? e.insetInlineStart = E + "px" : e.insetInlineEnd = P + "px", 
-                e.position = "sticky", e.zIndex = 2), V = {
-                    $col: r,
-                    $rowSpan: _,
-                    $colSpan: q,
-                    $measureRow: A,
-                    $measureCol: C,
-                    $role: B,
-                    $sort: J,
-                    $style: e,
-                    $start: E,
-                    $end: P
-                }, O = !0;
+                $style: V(c, e, n || r ? 0 : null, r ? "bottom" : "top", 4)
+            }), N = t;
+        } else c < 0 && (N = K);
+        const f = i >= 0 && t === c, a = f ? H : null, u = t * d, z = Q && Q.get(t), k = z && z.$cells, T = [];
+        let L = 0, R = !e.$isMeasurable(t) && null, O = t + 1, P = !1;
+        for (let e = 0; e < Y; e++) {
+            const r = J[e], i = r < h, c = r >= S, a = c || r >= v && r <= I, m = j.get(u + r);
+            if (m ? m.rowIndex === t && m.colIndex === r : l && a || n || f || i) {
+                const l = m ? W(m, g) : t + 1, a = m ? D(m, d) : r + 1, u = l - t, p = a - r, h = u > 1, S = p > 1, w = h || S;
+                let b, v;
+                O = o(O, l);
+                const I = i ? s.$getItemOffset(r) : null, x = c ? s.$getTotalSize() - s.$getItemOffset(a - 1) - s.$getItemSize(a - 1) : null;
+                !1 !== R || h || (b = t, R = !0), !1 !== F[e] || S || (v = r, F[e] = !0);
+                const z = n ? "columnheader" : r === y && (i || f) ? "rowheader" : "cell", M = w ? u : void 0, _ = w ? p : void 0, q = "cell" !== z && $ && $.rowIndex === t && $.colIndex === r ? $.order : void 0;
+                let A;
+                if (k) {
+                    const e = k.length;
+                    for (;L < e && k[L].$col < r; ) L++;
+                    L < e && k[L].$col === r && (A = k[L]);
+                }
+                if (!A || A.$rowSpan !== M || A.$colSpan !== _ || A.$start !== I || A.$end !== x || A.$measureRow !== b || A.$measureCol !== v || A.$role !== z || A.$sort !== q) {
+                    let e = "1/l" + r;
+                    w && (e += "/l" + l + "/l" + a);
+                    const t = {
+                        contain: "layout style",
+                        display: "grid",
+                        gridArea: e
+                    };
+                    h && (t.height = "0px", t.minHeight = "100%", t.zIndex = 1), S && (t.width = "0px", 
+                    t.minWidth = "100%"), (i || c) && (t[i ? "insetInlineStart" : "insetInlineEnd"] = (i ? I : x) + "px", 
+                    t.position = "sticky", t.zIndex = 2), A = {
+                        $col: r,
+                        $rowSpan: M,
+                        $colSpan: _,
+                        $measureRow: b,
+                        $measureCol: v,
+                        $role: z,
+                        $sort: q,
+                        $style: t,
+                        $start: I,
+                        $end: x
+                    }, P = !0;
+                }
+                T.push(A);
             }
-            d.push(V);
         }
-        if (Q.push(L), !d.length) continue;
-        const _ = $ && !O && $.$cells.length === d.length && $.$top === a ? $ : {
-            $row: t,
-            $cells: d,
-            $style: J(t, R, a, "top", 3),
-            $top: a
-        };
-        se.set(t, _), ne.push(_);
+        if (G.push(R), T.length) {
+            const e = z && !P && z.$cells.length === T.length && z.$top === a ? z : {
+                $row: t,
+                $cells: T,
+                $style: V(t, O, a, "top", 3),
+                $top: a
+            };
+            ee.set(t, e), N.push(e);
+        }
     }
-    return R.set(e, se), {
-        $rowTemplate: E(e, j, Q, i(H), "max-content", h),
-        $colTemplate: E(s, U, N, i(K), "minmax(max-content,auto)", w),
-        $groups: te
+    return R.set(e, ee), {
+        $rowTemplate: E(e, B, G, i(U), "max-content", g),
+        $colTemplate: E(s, J, F, i(Z), "minmax(max-content,auto)", d),
+        $groups: K
     };
-}, J = (e, t, n, o, s) => {
+}, V = (e, t, n, o, s) => {
     const r = {
         display: "grid",
         gridTemplateRows: "subgrid",
@@ -394,7 +412,7 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         gridRow: "l" + e + "/l" + t
     };
     return null != n && (r.position = "sticky", r[o] = n + "px", r.zIndex = s), r;
-}, V = e => {
+}, X = e => {
     let t;
     return {
         o(n) {
@@ -407,11 +425,11 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
             t && t.disconnect();
         }
     };
-}, X = (e, t, n, o, s, r, l) => {
+}, Y = (e, t, n, o, s, r, l) => {
     let i, u, $ = 0, g = !1, d = !1, p = !1, h = !1;
-    const w = Date.now, b = o ? "scrollLeft" : "scrollTop", S = o ? "left" : "top", v = e => s ? -e : e, I = () => v(n[b]), x = (e, t) => {
+    const S = Date.now, w = o ? "scrollLeft" : "scrollTop", b = o ? "left" : "top", v = e => s ? -e : e, I = () => v(n[w]), x = (e, t) => {
         n.scrollTo({
-            [S]: v(e),
+            [b]: v(e),
             behavior: t ? "smooth" : "instant"
         });
     }, y = () => {
@@ -420,25 +438,25 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
     }, z = () => {
         f(u), u = c(y, 150);
     }, k = () => {
-        $ = w(), p && (h = !0), l && e.$update(6, l()), e.$update(1, I()), z();
-    }, M = t => {
+        $ = S(), p && (h = !0), l && e.$update(6, l()), e.$update(1, I()), z();
+    }, T = t => {
         if (g || !e.$isScrolling() || t.ctrlKey) return;
-        const n = w() - $;
+        const n = S() - $;
         150 > n && 50 < n && (o ? t.deltaX : t.deltaY) && (g = !0);
-    }, T = () => {
+    }, M = () => {
         d = !0, p = h = !1;
     }, L = () => {
         d = !1, m() && (p = !0);
     };
-    return t.addEventListener("scroll", k), t.addEventListener("wheel", M, {
+    return t.addEventListener("scroll", k), t.addEventListener("wheel", T, {
         passive: !0
-    }), t.addEventListener("touchstart", T, {
+    }), t.addEventListener("touchstart", M, {
         passive: !0
     }), t.addEventListener("touchend", L, {
         passive: !0
     }), {
         i: () => {
-            t.removeEventListener("scroll", k), t.removeEventListener("wheel", M), t.removeEventListener("touchstart", T), 
+            t.removeEventListener("scroll", k), t.removeEventListener("wheel", T), t.removeEventListener("touchstart", M), 
             t.removeEventListener("touchend", L), f(u);
         },
         u: () => {
@@ -447,7 +465,7 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
             h && r && r(), h = !1;
             const s = e.$getScrollOffset() + t;
             s <= 0 || s >= e.$getStartSpacerSize() + e.$getTotalSize() - e.$getViewportSize() ? x(s) : n.scrollBy({
-                [S]: v(t),
+                [b]: v(t),
                 behavior: "instant"
             }), o && (i && i(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, I()));
         },
@@ -476,9 +494,9 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
             n ? (e.$update(8, t()), a($)) : $();
         }
     };
-}, Y = (e, t) => {
+}, j = (e, t) => {
     let n, o, s = u();
-    const r = /* @__PURE__ */ new WeakMap, l = V(o => {
+    const r = /* @__PURE__ */ new WeakMap, l = X(o => {
         const s = [];
         for (const {target: l, contentRect: {width: i, height: c}} of o) if (l === n) (i || c) && e.$update(4, t ? i : c); else if (l.offsetParent) {
             const e = r.get(l);
@@ -488,7 +506,7 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
     });
     return {
         $observe(r, i = r.parentElement) {
-            l.o(n = i), o = X(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
+            l.o(n = i), o = Y(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
                 const e = t ? "overflowX" : "overflowY", n = i.style, o = n[e];
                 n[e] = "hidden", c(() => {
                     n[e] = o;
@@ -509,9 +527,9 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         },
         $getBaseOffset: e.$getStartSpacerSize
     };
-}, j = (e, t) => {
+}, U = (e, t) => {
     let n, o, s, r, l, i = u();
-    const c = /* @__PURE__ */ new WeakMap, f = V(o => {
+    const c = /* @__PURE__ */ new WeakMap, f = X(o => {
         const s = [];
         for (const {target: e, contentRect: {width: r, height: i}} of o) if (e === n) l && l(); else if (e.offsetParent) {
             const n = c.get(e);
@@ -524,12 +542,12 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
             const a = g(c), u = d(a), $ = n = a.scrollingElement, m = t && "rtl" === getComputedStyle($).direction, p = (e, t, n, o, s = 0) => {
                 const r = o ? "offsetLeft" : "offsetTop", l = s + (m ? t.clientWidth - e[r] - e.offsetWidth : e[r]), i = e.offsetParent;
                 return e !== n && i ? p(i, t, n, o, l) : l;
-            }, h = r = () => p(c, $, a.body, t), w = l = () => {
+            }, h = r = () => p(c, $, a.body, t), S = l = () => {
                 e.$update(4, $[t ? "clientWidth" : "clientHeight"]);
             };
-            u.addEventListener("resize", w), f.o($), s = () => {
-                u.removeEventListener("resize", w);
-            }, o = X(e, u, $, t, m, null, h), i[1](!0);
+            u.addEventListener("resize", S), f.o($), s = () => {
+                u.removeEventListener("resize", S);
+            }, o = Y(e, u, $, t, m, null, h), i[1](!0);
         },
         $dispose() {
             s && s(), f.i(), o && o.i(), i[1](!1), i = u();
@@ -545,9 +563,9 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         },
         $getBaseOffset: () => r()
     };
-}, U = (e, t) => {
+}, Z = (e, t) => {
     let n, o, s, r = u();
-    const l = /* @__PURE__ */ new WeakMap, i = /* @__PURE__ */ new WeakMap, f = V(o => {
+    const l = /* @__PURE__ */ new WeakMap, i = /* @__PURE__ */ new WeakMap, f = X(o => {
         const s = [], r = [];
         for (const {target: c, contentRect: {width: f, height: a}} of o) if (c === n) (f || a) && (e.$update(4, a), 
         t.$update(4, f)); else if (c.offsetParent) {
@@ -563,7 +581,7 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         $observe(l) {
             const i = n = l.parentElement;
             f.o(i);
-            const a = (e, t) => X(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
+            const a = (e, t) => Y(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
                 const e = t ? "overflowX" : "overflowY", n = i.style, o = n[e];
                 n[e] = "hidden", c(() => {
                     n[e] = o;
@@ -582,11 +600,11 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
             o && o.u(), s && s.u();
         }
     };
-}, Z = (e, t) => {
+}, F = (e, t) => {
     e.$scroll(() => t);
-}, F = (e, t, n) => {
-    Z(e, n + t.$getScrollOffset());
-}, G = (e, t, n, {align: o, smooth: s, offset: r = 0} = {}) => {
+}, G = (e, t, n) => {
+    F(e, n + t.$getScrollOffset());
+}, H = (e, t, n, {align: o, smooth: s, offset: r = 0} = {}) => {
     if (n = l(n, 0, t.$getItemsLength() - 1), "nearest" === o) {
         const e = t.$getItemOffset(n), s = t.$getScrollOffset();
         if (e < s) o = "start"; else {
@@ -595,9 +613,9 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         }
     }
     e.$scroll(() => r + e.$getBaseOffset() + t.$getItemOffset(n) + ("end" === o ? t.$getItemSize(n) - t.$getViewportSize() : "center" === o ? (t.$getItemSize(n) - t.$getViewportSize()) / 2 : 0), s);
-}, H = (e, t, n) => {
+}, K = (e, t, n) => {
     null != t && e.$scroll(!1, () => t), null != n && e.$scroll(!0, () => n);
-}, K = (e, t, n, o, s) => {
+}, N = (e, t, n, o, s) => {
     if (null != o) {
         const n = o + t.$getScrollOffset();
         e.$scroll(!1, () => n);
@@ -606,30 +624,30 @@ e), p = 5, h = 6, w = 1, b = 4, S = 8, v = e => o(e.$getTotalSize(), e.$getViewp
         const t = s + n.$getScrollOffset();
         e.$scroll(!0, () => t);
     }
-}, N = (e, t, s, r, i, c, f, a) => {
-    const u = t.$getItemsLength(), $ = n(s, u), g = o(u - i, $);
-    c = l(c, 0, u - 1);
-    const d = _(r, $, g), m = q(d, c, g), p = m < 0 ? -1 : d[m], h = () => [ t.$getItemOffset($) - t.$getItemOffset(0) + (p < 0 || p === c ? 0 : t.$getItemOffset(p + 1) - t.$getItemOffset(p)), t.$getItemOffset(u) - t.$getItemOffset(g) ];
-    if ("nearest" === f) {
-        if (c < $ || c >= g) return;
-        const [e, s] = h(), r = t.$getScrollOffset(), l = t.$getItemSize(c);
-        let i = t.$getItemOffset(c);
-        if (p === c) {
-            const s = (m + 1 < d.length ? d[m + 1] : g) - 1;
-            i = o(i, n(r + e, t.$getItemOffset(s) + t.$getItemSize(s) - l));
+}, Q = (e, t, s, r, i, c, f) => {
+    const a = t.$getItemsLength(), u = s.$getPinnedStart(), $ = s.$getTrailStart();
+    i = l(i, 0, a - 1);
+    const g = P(r, u, $), d = _(g, i, $), m = d < 0 ? -1 : g[d], p = () => s.$getItemOffset(u) + (m < 0 || m === i ? 0 : t.$getItemOffset(m + 1) - t.$getItemOffset(m)), h = () => s.$getItemOffset(a) - s.$getItemOffset($);
+    if ("nearest" === c) {
+        if (i < u || i >= $) return;
+        const e = p(), s = t.$getScrollOffset() + e, r = t.$getViewportSize() - e - h(), l = t.$getItemSize(i);
+        let f = t.$getItemOffset(i);
+        if (m === i) {
+            const e = (d + 1 < g.length ? g[d + 1] : $) - 1;
+            f = o(f, n(s, t.$getItemOffset(e) + t.$getItemSize(e) - l));
         }
-        if (i < r + e) f = "start"; else {
-            if (!(i + l > r + t.$getViewportSize() - s)) return;
-            f = "end";
+        if (f < s) c = "start"; else {
+            if (!(f + l > s + r)) return;
+            c = "end";
         }
     }
-    e.$scroll(a, () => {
-        const [e, n] = h(), o = t.$getItemSize(c) - t.$getViewportSize();
-        return t.$getItemOffset(c) + ("end" === f ? o + n : "center" === f ? (o + n - e) / 2 : -e);
+    e.$scroll(f, () => {
+        const e = p(), n = t.$getItemSize(i) - (t.$getViewportSize() - e - h());
+        return t.$getItemOffset(i) - e + ("end" === c ? n : "center" === c ? n / 2 : 0);
     });
-}, Q = (e, n, o, s = 0, r = t, l = 0, i = 0, c = 0, {rowIndex: f, colIndex: a, rowAlign: u, colAlign: $}) => {
-    null != f && N(e, n, s, r, l, f, u, !1), null != a && N(e, o, i, t, c, a, $, !0);
+}, ee = (e, n, o, s, r, l = t, {rowIndex: i, colIndex: c, rowAlign: f, colAlign: a}) => {
+    null != i && Q(e, n, s, l, i, f, !1), null != c && Q(e, o, r, t, c, a, !0);
 };
 
-export { p as ACTION_ITEMS_LENGTH_CHANGE, h as ACTION_START_OFFSET_CHANGE, S as UPDATE_SCROLL_END_EVENT, b as UPDATE_SCROLL_EVENT, w as UPDATE_VIRTUAL_STATE, Y as createContainerDriver, U as createContainerGridDriver, T as createGridLayout, B as createGridPlan, z as createListLayout, I as createVirtualStore, j as createWindowDriver, M as getAxisItem, k as getAxisLength, v as getScrollSize, K as gridScrollBy, H as gridScrollTo, Q as gridScrollToIndex, P as gridStyleToString, $ as isBrowser, a as microtask, F as scrollBy, Z as scrollTo, G as scrollToIndex, i as sort, L as updateGridAxis };
+export { p as ACTION_ITEMS_LENGTH_CHANGE, h as ACTION_START_OFFSET_CHANGE, b as UPDATE_SCROLL_END_EVENT, w as UPDATE_SCROLL_EVENT, S as UPDATE_VIRTUAL_STATE, j as createContainerDriver, Z as createContainerGridDriver, M as createGridLayout, J as createGridPlan, z as createListLayout, I as createVirtualStore, U as createWindowDriver, T as getAxisItem, k as getAxisLength, v as getScrollSize, N as gridScrollBy, K as gridScrollTo, ee as gridScrollToIndex, B as gridStyleToString, $ as isBrowser, a as microtask, G as scrollBy, F as scrollTo, H as scrollToIndex, i as sort, L as updateGridAxis };
 //# sourceMappingURL=index.js.map