@synopackageland/ui 0.25.16 → 0.25.18

package/dist/grid.js

@@ -1,9 +1,9 @@
 /*! @synopackageland/ui/grid: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
-import { watch as ue, toValue as to, getCurrentScope as Xo, onScopeDispose as no, shallowRef as ce, defineComponent as Yo, useId as jo, ref as xe, computed as _, onMounted as Qo, onBeforeUnmount as Zo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Jo, renderList as ei, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ti, inject as ni } from "vue";
-import { useUiText as oi } from "./index.js";
-var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), x = /* @__PURE__ */ ((e) => (e.Cell = "Cell", e.ActiveCell = "ActiveCell", e.AppendRow = "AppendRow", e.AppendColumn = "AppendColumn", e.ColumnHeader = "ColumnHeader", e.ColumnHeaderMenu = "ColumnHeaderMenu", e.ColumnPrimaryIcon = "ColumnPrimaryIcon", e.ColumnDescription = "ColumnDescription", e.ColumnResizeHandler = "ColumnResizeHandler", e.ColumnFreezeHandler = "ColumnFreezeHandler", e.RowHeaderDragHandler = "RowHeaderDragHandler", e.RowHeaderExpandHandler = "RowHeaderExpandHandler", e.RowHeaderCheckbox = "RowHeaderCheckbox", e.RowGroupControl = "RowGroupControl", e.RowGroupHeader = "RowGroupHeader", e.RowHeader = "RowHeader", e.AllCheckbox = "AllCheckbox", e.FillHandler = "FillHandler", e.Blank = "Blank", e.None = "None", e))(x || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), X = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))(X || {}), de = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e))(de || {}), $ = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e.Cell = "cell", e))($ || {}), se = /* @__PURE__ */ ((e) => (e[e.Group = 0] = "Group", e[e.Row = 1] = "Row", e[e.Append = 2] = "Append", e))(se || {});
-const Wt = (e) => ({ type: 1, displayIndex: e + 1, realIndex: e }), oo = (e) => e;
-var Q = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Q || {});
+import { watch as de, toValue as so, getCurrentScope as Jo, onScopeDispose as ro, shallowRef as ue, defineComponent as ei, getCurrentInstance as ti, useId as ni, ref as ke, computed as U, onMounted as oi, onBeforeUnmount as ii, openBlock as Ce, createElementBlock as we, unref as ee, createElementVNode as ne, toDisplayString as ve, normalizeStyle as Be, Fragment as ai, renderList as si, createCommentVNode as Oe, renderSlot as gn, createTextVNode as ri, inject as li } from "vue";
+import { useUiText as ci } from "./index.js";
+var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), b = /* @__PURE__ */ ((e) => (e.Cell = "Cell", e.ActiveCell = "ActiveCell", e.AppendRow = "AppendRow", e.AppendColumn = "AppendColumn", e.ColumnHeader = "ColumnHeader", e.ColumnHeaderMenu = "ColumnHeaderMenu", e.ColumnPrimaryIcon = "ColumnPrimaryIcon", e.ColumnDescription = "ColumnDescription", e.ColumnResizeHandler = "ColumnResizeHandler", e.ColumnFreezeHandler = "ColumnFreezeHandler", e.RowHeaderDragHandler = "RowHeaderDragHandler", e.RowHeaderExpandHandler = "RowHeaderExpandHandler", e.RowHeaderCheckbox = "RowHeaderCheckbox", e.RowGroupControl = "RowGroupControl", e.RowGroupHeader = "RowGroupHeader", e.RowHeader = "RowHeader", e.AllCheckbox = "AllCheckbox", e.FillHandler = "FillHandler", e.Blank = "Blank", e.None = "None", e))(b || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), $ = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))($ || {}), he = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e))(he || {}), K = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e.Cell = "cell", e))(K || {}), le = /* @__PURE__ */ ((e) => (e[e.Group = 0] = "Group", e[e.Row = 1] = "Row", e[e.Append = 2] = "Append", e))(le || {});
+const Ot = (e) => ({ type: 1, displayIndex: e + 1, realIndex: e }), lo = (e) => e;
+var Z = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Z || {});
 const B = {
   rowHeight: 32,
   rowHeadWidth: 70,
@@ -20,6 +20,7 @@ const B = {
   columnFreezeHandlerHeight: 30,
   /** The minimum while resizing. */
   columnMinWidth: 100,
+  /** The cells' side padding: `--ui-space-2` (tests/grid/tokens.test.ts keeps them equal). */
   cellHorizontalPadding: 8,
   cellVerticalPaddingMD: 10,
   cellTextLineHeight: 22,
@@ -33,25 +34,25 @@ const B = {
   y: 0,
   rowIndex: -1 / 0,
   columnIndex: -1 / 0,
-  type: x.None,
+  type: b.None,
   isOutOfBounds: !0
-}, Rt = {
+}, kt = {
   columnIndex: -1,
   width: 0,
   x: 0
-}, kt = {
+}, It = {
   type: O.None,
   ranges: [],
   delta: 0,
   isDragging: !1
-}, ii = /* @__PURE__ */ new Set([
-  x.Cell,
-  x.RowHeader,
-  x.RowHeaderCheckbox,
-  x.RowHeaderDragHandler,
-  x.RowHeaderExpandHandler
+}, ui = /* @__PURE__ */ new Set([
+  b.Cell,
+  b.RowHeader,
+  b.RowHeaderCheckbox,
+  b.RowHeaderDragHandler,
+  b.RowHeaderExpandHandler
 ]);
-class ct {
+class dt {
   map = /* @__PURE__ */ new Map();
   max;
   constructor(t) {
@@ -73,180 +74,180 @@ class ct {
     this.map.clear();
   }
 }
-const rt = "…", mn = new ct(1e3), gn = new ct(1e3), io = () => ({
+const ct = "…", fn = new dt(1e3), pn = new dt(1e3), co = () => ({
   segment: (e) => Array.from(e, (t) => ({ segment: t }))
-}), ao = typeof Intl < "u" && typeof Intl.Segmenter == "function", so = ao ? new Intl.Segmenter(void 0, { granularity: "word" }) : io(), Ht = ao ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : io(), ro = (e, t, n) => {
+}), uo = typeof Intl < "u" && typeof Intl.Segmenter == "function", ho = uo ? new Intl.Segmenter(void 0, { granularity: "word" }) : co(), Nt = uo ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : co(), mo = (e, t, n) => {
   let o = "", i = 0;
-  for (const { segment: a } of so.segment(t)) {
+  for (const { segment: a } of ho.segment(t)) {
     const s = e.measureText(a).width;
     if (i + s > n) {
-      for (const { segment: r } of Ht.segment(a)) {
-        const c = e.measureText(r).width;
-        if (i + c > n) break;
-        o += r, i += c;
+      for (const { segment: r } of Nt.segment(a)) {
+        const l = e.measureText(r).width;
+        if (i + l > n) break;
+        o += r, i += l;
       }
       break;
     }
     o += a, i += s;
   }
   return { text: o, width: i };
-}, ai = (e, t) => {
-  const { x: n = 0, y: o = 0, text: i, maxWidth: a, maxLines: s, isUnderline: r, fontSize: c = 13, lineHeight: l = 22, fill: u = "black", textAlign: h = "left", verticalAlign: m = "middle", needRender: g = !0 } = t;
+}, di = (e, t) => {
+  const { x: n = 0, y: o = 0, text: i, maxWidth: a, maxLines: s, isUnderline: r, fontSize: l = 13, lineHeight: c = 22, fill: u = "black", textAlign: h = "left", verticalAlign: m = "middle", needRender: g = !0 } = t;
   let C = [];
-  const S = e.measureText(rt).width;
+  const S = e.measureText(ct).width;
   let p = "", w = 0, v = 0;
-  const y = `${e.font}-${i}-${c}-${a}-${s}`, R = gn.get(y);
+  const y = `${e.font}-${i}-${l}-${a}-${s}`, R = pn.get(y);
   if (R)
     C = R;
   else {
     let I = 0;
-    const k = (M, E) => {
-      C.push({ text: M, width: E, start: v });
-    }, P = (M, E, N) => {
-      p === "" && (v = N), p += M, w += E;
-    }, A = (M, E = 0) => {
-      const N = a - S;
-      if (w > N) {
-        const W = ro(e, p, N);
-        p = W.text, w = W.width;
-      } else if (M) {
-        let W = E;
-        for (const { segment: K } of Ht.segment(M)) {
-          const G = e.measureText(K).width;
-          if (w + G > N) break;
-          P(K, G, W), W += K.length;
+    const k = (z, E) => {
+      C.push({ text: z, width: E, start: v });
+    }, P = (z, E, W) => {
+      p === "" && (v = W), p += z, w += E;
+    }, M = (z, E = 0) => {
+      const W = a - S;
+      if (w > W) {
+        const F = mo(e, p, W);
+        p = F.text, w = F.width;
+      } else if (z) {
+        let F = E;
+        for (const { segment: _ } of Nt.segment(z)) {
+          const q = e.measureText(_).width;
+          if (w + q > W) break;
+          P(_, q, F), F += _.length;
         }
       }
-      k(p + rt, w + S), p = "", w = 0;
-    }, L = (M, E, N) => {
+      k(p + ct, w + S), p = "", w = 0;
+    }, N = (z, E, W) => {
       if (w + E <= a) {
-        P(M, E, N);
+        P(z, E, W);
         return;
       }
       if (E <= a) {
-        C.length < s - 1 ? (k(p, w), p = "", w = 0, P(M, E, N)) : A(M, N);
+        C.length < s - 1 ? (k(p, w), p = "", w = 0, P(z, E, W)) : M(z, W);
         return;
       }
-      let W = N;
-      for (const { segment: K } of Ht.segment(M)) {
+      let F = W;
+      for (const { segment: _ } of Nt.segment(z)) {
         if (C.length >= s) break;
-        const G = e.measureText(K).width;
-        w + G > a ? C.length < s - 1 ? (k(p, w), p = "", w = 0, P(K, G, W)) : A() : P(K, G, W), W += K.length;
+        const q = e.measureText(_).width;
+        w + q > a ? C.length < s - 1 ? (k(p, w), p = "", w = 0, P(_, q, F)) : M() : P(_, q, F), F += _.length;
       }
     };
-    for (const { segment: M } of so.segment(i)) {
+    for (const { segment: z } of ho.segment(i)) {
       if (C.length >= s) break;
-      if (M.includes(`
+      if (z.includes(`
 `)) {
-        const E = M.split(`
+        const E = z.split(`
 `);
-        for (let N = 0; N < E.length && !(C.length >= s); N++) {
-          if (N > 0) {
+        for (let W = 0; W < E.length && !(C.length >= s); W++) {
+          if (W > 0) {
             if (I++, C.length + 1 === s && I < i.length) {
-              A();
+              M();
               break;
             }
             k(p, w), p = "", w = 0, v = I;
           }
-          const W = E[N];
-          W.length > 0 && (I += W.length, L(W, e.measureText(W).width, I - W.length));
+          const F = E[W];
+          F.length > 0 && (I += F.length, N(F, e.measureText(F).width, I - F.length));
         }
         continue;
       }
-      I += M.length, L(M, e.measureText(M).width, I - M.length);
+      I += z.length, N(z, e.measureText(z).width, I - z.length);
     }
-    C.length < s && p !== "" && k(p, w), gn.set(y, C);
+    C.length < s && p !== "" && k(p, w), pn.set(y, C);
   }
   if (g) {
-    const I = m === "middle" ? c / 2 : 0;
+    const I = m === "middle" ? l / 2 : 0;
     u && (e.fillStyle = u, e.strokeStyle = u), e.textAlign = h, e.textBaseline = m;
     for (let k = 0; k < C.length; k++) {
       const P = C[k];
-      if (e.fillText(P.text, n, o + k * l + I), r) {
-        const A = e.measureText(P.text).width;
-        e.beginPath(), e.moveTo(n, o + k * l + c - 1), e.lineTo(n + A, o + k * l + c - 1), e.stroke();
+      if (e.fillText(P.text, n, o + k * c + I), r) {
+        const M = e.measureText(P.text).width;
+        e.beginPath(), e.moveTo(n, o + k * c + l - 1), e.lineTo(n + M, o + k * c + l - 1), e.stroke();
       }
     }
   }
   return C;
 }, $e = (e, t) => {
-  const { x: n = 0, y: o = 0, text: i, fill: a, fontSize: s = 13, textAlign: r = "left", verticalAlign: c = "middle", maxWidth: l = 1 / 0, needRender: u = !0, isUnderline: h = !1 } = t;
+  const { x: n = 0, y: o = 0, text: i, fill: a, fontSize: s = 13, textAlign: r = "left", verticalAlign: l = "middle", maxWidth: c = 1 / 0, needRender: u = !0, isUnderline: h = !1 } = t;
   let m, g;
-  const C = `${e.font}-${i}-${s}-${l}`, S = mn.get(C);
+  const C = `${e.font}-${i}-${s}-${c}`, S = fn.get(C);
   if (S)
     m = S.width, g = S.text;
   else {
     const p = e.measureText(i).width;
-    if (p <= l)
+    if (p <= c)
       g = i, m = p;
     else {
-      const w = e.measureText(rt).width, v = ro(e, i, l - w);
-      g = v.text + rt, m = v.width + w;
+      const w = e.measureText(ct).width, v = mo(e, i, c - w);
+      g = v.text + ct, m = v.width + w;
     }
-    mn.set(C, { text: g, width: m });
+    fn.set(C, { text: g, width: m });
   }
   if (u) {
-    const p = c === "middle" ? s / 2 : 0, w = r === "right" ? n + l : n;
-    a && (e.fillStyle = a, e.strokeStyle = a), e.textAlign = r, e.textBaseline = c, e.fillText(g, w, o + p), h && (e.beginPath(), e.moveTo(w, o + p + s / 2 - 1), e.lineTo(w + m, o + p + s / 2 - 1), e.stroke());
+    const p = l === "middle" ? s / 2 : 0, w = r === "right" ? n + c : n;
+    a && (e.fillStyle = a, e.strokeStyle = a), e.textAlign = r, e.textBaseline = l, e.fillText(g, w, o + p), h && (e.beginPath(), e.moveTo(w, o + p + s / 2 - 1), e.lineTo(w + m, o + p + s / 2 - 1), e.stroke());
   }
   return { text: g, width: m };
 }, Ke = (e, t) => {
   const { x: n, y: o, points: i, stroke: a, lineWidth: s = 1, closed: r = !1 } = t;
   e.save(), e.beginPath(), a && (e.strokeStyle = a), e.lineWidth = s, e.lineJoin = "round", e.translate(n, o), e.moveTo(i[0], i[1]);
-  for (let c = 2; c < i.length; c += 2) e.lineTo(i[c], i[c + 1]);
+  for (let l = 2; l < i.length; l += 2) e.lineTo(i[l], i[l + 1]);
   r && e.closePath(), e.stroke(), e.restore();
 }, D = (e, t) => {
-  const { x: n, y: o, width: i, height: a, fill: s, stroke: r, radius: c, opacity: l } = t;
-  if (e.beginPath(), s && (e.fillStyle = s), r && (e.strokeStyle = r), l && (e.globalAlpha = l), c == null)
+  const { x: n, y: o, width: i, height: a, fill: s, stroke: r, radius: l, opacity: c } = t;
+  if (e.beginPath(), s && (e.fillStyle = s), r && (e.strokeStyle = r), c && (e.globalAlpha = c), l == null)
     e.rect(n, o, i, a);
   else {
-    const u = typeof c == "number" ? { tl: c, tr: c, br: c, bl: c } : {
-      tl: Math.min(c.tl, a / 2, i / 2),
-      tr: Math.min(c.tr, a / 2, i / 2),
-      bl: Math.min(c.bl, a / 2, i / 2),
-      br: Math.min(c.br, a / 2, i / 2)
+    const u = typeof l == "number" ? { tl: l, tr: l, br: l, bl: l } : {
+      tl: Math.min(l.tl, a / 2, i / 2),
+      tr: Math.min(l.tr, a / 2, i / 2),
+      bl: Math.min(l.bl, a / 2, i / 2),
+      br: Math.min(l.br, a / 2, i / 2)
     };
     e.moveTo(n + u.tl, o), e.arcTo(n + i, o, n + i, o + u.tr, u.tr), e.arcTo(n + i, o + a, n + i - u.br, o + a, u.br), e.arcTo(n, o + a, n, o + a - u.bl, u.bl), e.arcTo(n, o, n + u.tl, o, u.tl);
   }
-  e.closePath(), s && e.fill(), r && e.stroke(), l && (e.globalAlpha = 1);
-}, si = (e, t) => {
-  const { points: n, radiusAll: o, fill: i, stroke: a } = t, s = (l, u) => {
-    const h = u.x - l.x, m = u.y - l.y, g = Math.sqrt(h * h + m * m), C = h / g, S = m / g;
+  e.closePath(), s && e.fill(), r && e.stroke(), c && (e.globalAlpha = 1);
+}, hi = (e, t) => {
+  const { points: n, radiusAll: o, fill: i, stroke: a } = t, s = (c, u) => {
+    const h = u.x - c.x, m = u.y - c.y, g = Math.sqrt(h * h + m * m), C = h / g, S = m / g;
     return { x: h, y: m, len: g, nx: C, ny: S, ang: Math.atan2(S, C) };
   }, r = n.length;
-  let c = n[r - 1];
+  let l = n[r - 1];
   e.beginPath(), i && (e.fillStyle = i), a && (e.strokeStyle = a);
-  for (let l = 0; l < r; l++) {
-    const u = n[l % r], h = n[(l + 1) % r], m = s(u, c), g = s(u, h), C = m.nx * g.ny - m.ny * g.nx, S = m.nx * g.nx - m.ny * -g.ny;
+  for (let c = 0; c < r; c++) {
+    const u = n[c % r], h = n[(c + 1) % r], m = s(u, l), g = s(u, h), C = m.nx * g.ny - m.ny * g.nx, S = m.nx * g.nx - m.ny * -g.ny;
     let p = Math.asin(Math.min(Math.max(C, -1), 1)), w = 1, v = !1;
     S < 0 ? p < 0 ? p = Math.PI + p : (p = Math.PI - p, w = -1, v = !0) : p > 0 && (w = -1, v = !0);
     const y = u.radius !== void 0 ? u.radius : o, R = p / 2;
     let I = Math.abs(Math.cos(R) * y / Math.sin(R)), k;
     I > Math.min(m.len / 2, g.len / 2) ? (I = Math.min(m.len / 2, g.len / 2), k = Math.abs(I * Math.sin(R) / Math.cos(R))) : k = y;
-    let P = u.x + g.nx * I, A = u.y + g.ny * I;
-    P += -g.ny * k * w, A += g.nx * k * w, e.arc(P, A, k, m.ang + Math.PI / 2 * w, g.ang - Math.PI / 2 * w, v), c = u;
+    let P = u.x + g.nx * I, M = u.y + g.ny * I;
+    P += -g.ny * k * w, M += g.nx * k * w, e.arc(P, M, k, m.ang + Math.PI / 2 * w, g.ang - Math.PI / 2 * w, v), l = u;
   }
   e.closePath(), i && e.fill(), a && e.stroke();
-}, Bt = (e, t) => {
-  const { x: n, y: o, size: i, radius: a = 4, fill: s, stroke: r, isChecked: c = !1 } = t, l = c ? i : i - 1;
-  e.beginPath(), D(e, { x: n, y: o, width: l, height: l, radius: a, fill: s, stroke: r }), r && (e.strokeStyle = r), c && (e.save(), e.beginPath(), e.moveTo(n + i / 4.23, o + i / 1.97), e.lineTo(n + i / 2.42, o + i / 1.44), e.lineTo(n + i / 1.29, o + i / 3.25), e.lineJoin = "round", e.lineCap = "round", e.lineWidth = 1.9, e.stroke(), e.restore());
-}, nt = (e, t, n) => {
+}, Vt = (e, t) => {
+  const { x: n, y: o, size: i, radius: a = 4, fill: s, stroke: r, isChecked: l = !1 } = t, c = l ? i : i - 1;
+  e.beginPath(), D(e, { x: n, y: o, width: c, height: c, radius: a, fill: s, stroke: r }), r && (e.strokeStyle = r), l && (e.save(), e.beginPath(), e.moveTo(n + i / 4.23, o + i / 1.97), e.lineTo(n + i / 2.42, o + i / 1.44), e.lineTo(n + i / 1.29, o + i / 3.25), e.lineJoin = "round", e.lineCap = "round", e.lineWidth = 1.9, e.stroke(), e.restore());
+}, it = (e, t, n) => {
   const { x: o, y: i, width: a, height: s } = t;
   e.save(), e.beginPath(), e.rect(o, i, a, s), e.clip(), n(e), e.restore();
-}, V = (e, t, n) => t > n ? e >= n && e <= t : e >= t && e <= n, ri = (e, t) => {
+}, V = (e, t, n) => t > n ? e >= n && e <= t : e >= t && e <= n, mi = (e, t) => {
   const [n, o] = e;
   for (const [i, a] of t)
     if (i <= n && a >= o) return !0;
   return !1;
-}, li = (e) => {
+}, gi = (e) => {
   const t = [];
   for (const n of e)
     for (let o = n[0]; o <= n[1]; o++) t.push(o);
   return t;
-}, ci = (e, t, n) => {
-  const [o, i] = e, [a, s] = t, [r, c] = n;
-  return o >= Math.min(a, r) && o <= Math.max(a, r) && i >= Math.min(s, c) && i <= Math.max(s, c);
-}, Tt = (e) => {
+}, fi = (e, t, n) => {
+  const [o, i] = e, [a, s] = t, [r, l] = n;
+  return o >= Math.min(a, r) && o <= Math.max(a, r) && i >= Math.min(s, l) && i <= Math.max(s, l);
+}, Ft = (e) => {
   if (e.length <= 1) return e;
   const t = [...e].sort((i, a) => i[0] - a[0]), n = [];
   let o = [...t[0]];
@@ -255,44 +256,44 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), io = () => ({
     a[0] <= o[1] + 1 ? o = [o[0], Math.max(o[1], a[1])] : (n.push(o), o = [...a]);
   }
   return n.push(o), n;
-}, ui = (e, t) => {
+}, pi = (e, t) => {
   const n = [];
   let o = !1;
   for (const i of e)
     !o && i[0] === t[0] && t[1] === i[1] ? o = !0 : !o && t[0] > i[0] && t[1] < i[1] ? (n.push([i[0], t[0] - 1], [t[1] + 1, i[1]]), o = !0) : !o && t[0] <= i[1] && t[1] >= i[0] ? (t[0] > i[0] && n.push([i[0], t[0] - 1]), t[1] < i[1] && n.push([t[1] + 1, i[1]]), o = !0) : n.push([...i]);
-  return o || n.push(t), Tt(n);
-}, di = (e) => {
+  return o || n.push(t), Ft(n);
+}, Ci = (e) => {
   if (!e.isCellSelection) return null;
   const [t, n] = e.ranges[0], [o, i] = e.ranges[1];
   return [Math.max(t, o), Math.max(n, i)];
-}, hi = (e, t, n) => {
+}, wi = (e, t, n) => {
   if (e == null) return { isRowActive: !1, isCellActive: !1 };
   const [o, i] = e;
   return {
     isRowActive: i === t,
     isCellActive: i === t && o === n
   };
-}, mi = (e, t, n) => e.isRowSelection && e.includes([t, t]) ? { isRowSelected: !0, isCellSelected: !0 } : e.isCellSelection && e.includes([n, t]) ? { isRowSelected: !1, isCellSelected: !0 } : { isRowSelected: !1, isCellSelected: !1 }, Ot = (e, t) => {
+}, vi = (e, t, n) => e.isRowSelection && e.includes([t, t]) ? { isRowSelected: !0, isCellSelected: !0 } : e.isCellSelection && e.includes([n, t]) ? { isRowSelected: !1, isCellSelected: !0 } : { isRowSelected: !1, isCellSelected: !1 }, Gt = (e, t) => {
   if (e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n++) {
     const o = e[n], i = t[n];
     if (o.length !== i.length || o[0] !== i[0] || o[1] !== i[1]) return !1;
   }
   return !0;
-}, Vt = (e, t, n, o) => {
-  const { x: i, y: a } = t, { scrollLeft: s, scrollTop: r } = n, { freezeRegionWidth: c, rowInitSize: l } = e;
+}, Ut = (e, t, n, o) => {
+  const { x: i, y: a } = t, { scrollLeft: s, scrollTop: r } = n, { freezeRegionWidth: l, rowInitSize: c } = e;
   if (o === O.Columns) {
-    const u = i <= c ? i : s + i, h = e.getColumnStartIndex(u), m = e.getColumnOffset(h), g = e.getColumnWidth(h);
+    const u = i <= l ? i : s + i, h = e.getColumnStartIndex(u), m = e.getColumnOffset(h), g = e.getColumnWidth(h);
     return V(u, m, m + g / 2) ? h : h + 1;
   }
   if (o === O.Rows) {
-    const u = a <= l ? a : r + a, h = e.getRowStartIndex(u), m = e.getRowOffset(h), g = e.getRowHeight(h);
+    const u = a <= c ? a : r + a, h = e.getRowStartIndex(u), m = e.getRowOffset(h), g = e.getRowHeight(h);
     return V(u, m, m + g / 2) ? h : h + 1;
   }
   return -1 / 0;
 };
-class gi {
-  state = kt;
+class Si {
+  state = It;
   startPosition = 0;
   options;
   constructor(t) {
@@ -303,18 +304,18 @@ class gi {
   }
   /** On pointerdown. Returns the drag type and ranges when the press can start a drag. */
   start(t) {
-    const n = this.options.draggable ?? de.All;
-    if (n === de.None) return null;
-    const o = this.options.coordInstance(), { scrollTop: i, scrollLeft: a } = this.options.scrollState(), s = this.options.selection(), { type: r, rowIndex: c, columnIndex: l, x: u, y: h } = t, { isRowSelection: m, isColumnSelection: g, ranges: C } = s;
-    if (r === x.RowHeaderDragHandler && n !== de.Column) {
+    const n = this.options.draggable ?? he.All;
+    if (n === he.None) return null;
+    const o = this.options.coordInstance(), { scrollTop: i, scrollLeft: a } = this.options.scrollState(), s = this.options.selection(), { type: r, rowIndex: l, columnIndex: c, x: u, y: h } = t, { isRowSelection: m, isColumnSelection: g, ranges: C } = s;
+    if (r === b.RowHeaderDragHandler && n !== he.Column) {
       this.startPosition = h;
-      const S = m && s.includes([c, c]) ? C : [[c, c]];
-      return this.setState({ type: O.Rows, ranges: S, delta: h + i - o.getRowOffset(c), isDragging: !1 }), { type: O.Rows, ranges: S };
+      const S = m && s.includes([l, l]) ? C : [[l, l]];
+      return this.setState({ type: O.Rows, ranges: S, delta: h + i - o.getRowOffset(l), isDragging: !1 }), { type: O.Rows, ranges: S };
     }
-    if (r === x.ColumnHeader && n !== de.Row) {
+    if (r === b.ColumnHeader && n !== he.Row) {
       this.startPosition = u;
-      const S = g && s.includes([l, l]) ? C : [[l, l]];
-      return this.setState({ type: O.Columns, ranges: S, delta: u - o.getColumnRelativeOffset(l, a), isDragging: !1 }), { type: O.Columns, ranges: S };
+      const S = g && s.includes([c, c]) ? C : [[c, c]];
+      return this.setState({ type: O.Columns, ranges: S, delta: u - o.getColumnRelativeOffset(c, a), isDragging: !1 }), { type: O.Columns, ranges: S };
     }
     return null;
   }
@@ -332,46 +333,46 @@ class gi {
   end(t, n) {
     const { type: o, isDragging: i, ranges: a } = this.state;
     if (i && n && (o === O.Columns || o === O.Rows)) {
-      const s = Vt(this.options.coordInstance(), t, this.options.scrollState(), o);
+      const s = Ut(this.options.coordInstance(), t, this.options.scrollState(), o);
       V(s, a[0][0], a[a.length - 1][1]) || n(a, s);
     }
-    this.setState(kt);
+    this.setState(It);
   }
   /** Esc while pressed or dragging: nothing moves. */
   cancel() {
-    this.setState(kt);
+    this.setState(It);
   }
 }
-const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, fi = (e, t, n) => Math.max(e - lo(t, n) * 2, 0), Gt = (e, t, n, o, i) => {
-  const a = lo(t, n), s = fi(e, t, n);
+const go = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, yi = (e, t, n) => Math.max(e - go(t, n) * 2, 0), Kt = (e, t, n, o, i) => {
+  const a = go(t, n), s = yi(e, t, n);
   return a + s / (o || 1) * (i + 0.5);
-}, co = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
+}, fo = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
   if (!o) return e / 2;
-  const i = n.findIndex((a) => a.type === X.Checkbox);
-  return i < 0 ? e / 2 : Gt(e, t, o, n.length, i);
-}, pi = (e, t, n) => {
-  const { x: o, y: i } = n, { scrollLeft: a, scrollTop: s } = t, { freezeRegionWidth: r, totalWidth: c, rowInitSize: l, columnInitSize: u, columnCount: h } = e, { columnAppendBtnWidth: m } = B, g = i < 0 ? -1 / 0 : i <= l ? -1 : e.getRowStartIndex(s + i), C = o < 0 ? -1 / 0 : a + o > c && a + o < c + m ? -2 : o <= r ? o <= u ? -1 : e.getColumnStartIndex(o) : e.getColumnStartIndex(a + o);
+  const i = n.findIndex((a) => a.type === $.Checkbox);
+  return i < 0 ? e / 2 : Kt(e, t, o, n.length, i);
+}, bi = (e, t, n) => {
+  const { x: o, y: i } = n, { scrollLeft: a, scrollTop: s } = t, { freezeRegionWidth: r, totalWidth: l, rowInitSize: c, columnInitSize: u, columnCount: h } = e, { columnAppendBtnWidth: m } = B, g = i < 0 ? -1 / 0 : i <= c ? -1 : e.getRowStartIndex(s + i), C = o < 0 ? -1 / 0 : a + o > l && a + o < l + m ? -2 : o <= r ? o <= u ? -1 : e.getColumnStartIndex(o) : e.getColumnStartIndex(a + o);
   return { x: o, y: i, rowIndex: g, columnIndex: Math.min(C, h - 1) };
-}, Ci = (e, t, n, o = e.containerHeight) => {
-  const { x: i, y: a } = n, { totalHeight: s, totalWidth: r, containerHeight: c } = e;
-  return t.scrollLeft + i > r + B.columnAppendBtnWidth || t.scrollTop + a > s && !V(a, c, o);
-}, wi = {
-  [X.Drag]: x.RowHeaderDragHandler,
-  [X.Checkbox]: x.RowHeaderCheckbox,
-  [X.Expand]: x.RowHeaderExpandHandler
-}, ne = {
-  type: x.Blank,
+}, xi = (e, t, n, o = e.containerHeight) => {
+  const { x: i, y: a } = n, { totalHeight: s, totalWidth: r, containerHeight: l } = e;
+  return t.scrollLeft + i > r + B.columnAppendBtnWidth || t.scrollTop + a > s && !V(a, l, o);
+}, Ri = {
+  [$.Drag]: b.RowHeaderDragHandler,
+  [$.Checkbox]: b.RowHeaderCheckbox,
+  [$.Expand]: b.RowHeaderExpandHandler
+}, ie = {
+  type: b.Blank,
   x: 1 / 0,
   y: 1 / 0,
   width: 0,
   height: 0
-}, { groupHeaderHeight: vi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: Si, columnFreezeHandlerWidth: yi, fillHandlerSize: bi, fillHandlerPadding: xi } = B, Ri = (e) => Ii(e) ?? Wi(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Ni(e) ?? Li(e) ?? Fi(e) ?? Di(e) ?? Bi(e) ?? Oi(e) ?? ne, ki = (e, t, n) => {
-  const o = pi(e.coordInstance, e.scrollState, t), i = Ci(e.coordInstance, e.scrollState, t, n), a = Ri({
+}, { groupHeaderHeight: ki, columnHeadPadding: Cn, columnResizeHandlerWidth: wn, rowHeadIconPaddingTop: Ii, columnFreezeHandlerWidth: Pi, fillHandlerSize: zi, fillHandlerPadding: Mi } = B, Ai = (e) => Hi(e) ?? Ki(e) ?? Ti(e) ?? Ni(e) ?? Fi(e) ?? Li(e) ?? Di(e) ?? Wi(e) ?? Bi(e) ?? Oi(e) ?? Vi(e) ?? Gi(e) ?? Ui(e) ?? _i(e) ?? $i(e) ?? ie, Ei = (e, t, n) => {
+  const o = bi(e.coordInstance, e.scrollState, t), i = xi(e.coordInstance, e.scrollState, t, n), a = Ai({
     ...e,
     position: o,
     isOutOfBounds: i,
-    getLinearRow: e.getLinearRow ?? Wt,
-    real2RowIndex: e.real2RowIndex ?? oo
+    getLinearRow: e.getLinearRow ?? Ot,
+    real2RowIndex: e.real2RowIndex ?? lo
   });
   return {
     ...o,
@@ -381,90 +382,90 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     columnIndex: a.columnIndex ?? o.columnIndex,
     region: a
   };
-}, Ii = (e) => e.isFreezing ? { ...ne, type: x.ColumnFreezeHandler } : null, Pi = (e) => {
+}, Hi = (e) => e.isFreezing ? { ...ie, type: b.ColumnFreezeHandler } : null, Ti = (e) => {
   const { coordInstance: t, scrollState: n, position: o, activeCell: i, activeCellBound: a, real2RowIndex: s } = e;
   if (i == null || a == null) return null;
-  const { x: r, y: c } = o, { scrollTop: l, scrollLeft: u } = n, [h, m] = i, g = s(m);
+  const { x: r, y: l } = o, { scrollTop: c, scrollLeft: u } = n, [h, m] = i, g = s(m);
   if (g == null) return null;
-  const C = t.getRowOffset(g) - l, S = t.getColumnRelativeOffset(h, u), { width: p, height: w } = a;
-  return V(r, S, S + p) && V(c, C, C + w) ? { type: x.ActiveCell, x: S, y: C, width: p, height: w, rowIndex: g, columnIndex: h, isOutOfBounds: !1 } : null;
-}, zi = (e) => e.isOutOfBounds ? ne : null, Mi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ne, type: x.Cell }, Ai = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ne, type: x.ColumnResizeHandler }, Ei = (e) => e.dragState.isDragging ? { ...ne, type: x.ColumnHeader } : null, Hi = (e) => {
+  const C = t.getRowOffset(g) - c, S = t.getColumnRelativeOffset(h, u), { width: p, height: w } = a;
+  return V(r, S, S + p) && V(l, C, C + w) ? { type: b.ActiveCell, x: S, y: C, width: p, height: w, rowIndex: g, columnIndex: h, isOutOfBounds: !1 } : null;
+}, Ni = (e) => e.isOutOfBounds ? ie : null, Fi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ie, type: b.Cell }, Li = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ie, type: b.ColumnResizeHandler }, Di = (e) => e.dragState.isDragging ? { ...ie, type: b.ColumnHeader } : null, Wi = (e) => {
   const { position: t, scrollState: n, coordInstance: o, isColumnFreezable: i } = e;
   if (!i) return null;
-  const { x: a, y: s } = t, { freezeRegionWidth: r, rowInitSize: c, rowCount: l, containerHeight: u } = o, h = o.getRowOffset(l) - n.scrollTop, m = Math.min(h, u), g = yi / 2;
-  return V(a, r - g, r + g) && V(s, c, m) ? { ...ne, type: x.ColumnFreezeHandler } : null;
-}, Ti = (e) => {
+  const { x: a, y: s } = t, { freezeRegionWidth: r, rowInitSize: l, rowCount: c, containerHeight: u } = o, h = o.getRowOffset(c) - n.scrollTop, m = Math.min(h, u), g = Pi / 2;
+  return V(a, r - g, r + g) && V(s, l, m) ? { ...ie, type: b.ColumnFreezeHandler } : null;
+}, Bi = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
-  return e.isColumnAppendEnable && t >= -1 && n === -2 ? { ...ne, type: x.AppendColumn } : null;
-}, Ni = (e) => {
-  const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, coordInstance: a, isMultiSelectionEnable: s } = e, { x: r, y: c, rowIndex: l, columnIndex: u } = t;
-  if (!s || l !== -1 || u !== -1 || !o.some((v) => v.type === X.Checkbox)) return null;
-  const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = co({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
-  return V(r, p, p + h) && V(c, w, w + h) ? { type: x.AllCheckbox, x: p, y: w, width: h, height: h } : null;
-}, Li = (e) => {
+  return e.isColumnAppendEnable && t >= -1 && n === -2 ? { ...ie, type: b.AppendColumn } : null;
+}, Oi = (e) => {
+  const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, coordInstance: a, isMultiSelectionEnable: s } = e, { x: r, y: l, rowIndex: c, columnIndex: u } = t;
+  if (!s || c !== -1 || u !== -1 || !o.some((v) => v.type === $.Checkbox)) return null;
+  const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = fo({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
+  return V(r, p, p + h) && V(l, w, w + h) ? { type: b.AllCheckbox, x: p, y: w, width: h, height: h } : null;
+}, Vi = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
-  return n >= -1 && t > -1 ? e.getLinearRow(t).type !== se.Append ? null : { ...ne, type: x.AppendRow } : null;
-}, Fi = (e) => {
-  const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, scrollState: a, coordInstance: s } = e, { x: r, y: c, rowIndex: l, columnIndex: u } = t;
-  if (l <= -1 || u !== -1) return null;
-  const h = e.getLinearRow(l);
-  if (h.type === se.Group) return { ...ne, type: x.RowGroupControl };
-  if (h.type !== se.Row) return null;
-  const { iconSizeXS: m } = n, g = m / 2, C = s.getRowOffset(l) - a.scrollTop;
+  return n >= -1 && t > -1 ? e.getLinearRow(t).type !== le.Append ? null : { ...ie, type: b.AppendRow } : null;
+}, Gi = (e) => {
+  const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, scrollState: a, coordInstance: s } = e, { x: r, y: l, rowIndex: c, columnIndex: u } = t;
+  if (c <= -1 || u !== -1) return null;
+  const h = e.getLinearRow(c);
+  if (h.type === le.Group) return { ...ie, type: b.RowGroupControl };
+  if (h.type !== le.Row) return null;
+  const { iconSizeXS: m } = n, g = m / 2, C = s.getRowOffset(c) - a.scrollTop;
   for (let S = 0; S < o.length; S++) {
-    const p = wi[o[S].type], v = Gt(s.columnInitSize, n, i, o.length, S) - g, y = C + Si;
-    if (p && V(r, v, v + m) && V(c, y, y + m))
+    const p = Ri[o[S].type], v = Kt(s.columnInitSize, n, i, o.length, S) - g, y = C + Ii;
+    if (p && V(r, v, v + m) && V(l, y, y + m))
       return { type: p, x: v, y, width: m, height: m };
   }
-  return { ...ne, type: x.RowHeader };
-}, Di = (e) => {
-  const { position: t, scrollState: n, coordInstance: o, getLinearRow: i } = e, { x: a, y: s, rowIndex: r, columnIndex: c } = t;
-  if (r <= -1 || c !== 0 || i(r).type !== se.Group) return null;
-  const l = o.getColumnWidth(c), u = o.getColumnRelativeOffset(c, n.scrollLeft);
-  return V(a, u, u + l) ? { type: x.RowGroupHeader, x: u, y: s, width: l, height: vi } : null;
-}, Wi = (e) => {
-  const { position: t, selection: n, coordInstance: o, scrollState: i, activeCell: a, activeCellBound: s, isFillEnabled: r, real2RowIndex: c } = e;
+  return { ...ie, type: b.RowHeader };
+}, Ui = (e) => {
+  const { position: t, scrollState: n, coordInstance: o, getLinearRow: i } = e, { x: a, y: s, rowIndex: r, columnIndex: l } = t;
+  if (r <= -1 || l !== 0 || i(r).type !== le.Group) return null;
+  const c = o.getColumnWidth(l), u = o.getColumnRelativeOffset(l, n.scrollLeft);
+  return V(a, u, u + c) ? { type: b.RowGroupHeader, x: u, y: s, width: c, height: ki } : null;
+}, Ki = (e) => {
+  const { position: t, selection: n, coordInstance: o, scrollState: i, activeCell: a, activeCellBound: s, isFillEnabled: r, real2RowIndex: l } = e;
   if (!r) return null;
-  const { isCellSelection: l, ranges: u } = n, { x: h, y: m, rowIndex: g, columnIndex: C } = t;
-  if (!l || g < 0 || C < 0) return null;
-  const [S, p] = u[0], [w, v] = u[1], y = Math.max(S, w), R = Math.max(p, v), I = c(R), k = o.getColumnRelativeOffset(y, i.scrollLeft) + o.getColumnWidth(y), L = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), M = o.getRowOffset(I) + L - i.scrollTop, E = bi / 2 + xi, N = k - E, W = M - E;
-  return V(h, N, N + E * 2) && V(m, W, W + E * 2) ? { type: x.FillHandler, x: N, y: W, width: E * 2, height: E * 2 } : null;
-}, Bi = (e) => {
+  const { isCellSelection: c, ranges: u } = n, { x: h, y: m, rowIndex: g, columnIndex: C } = t;
+  if (!c || g < 0 || C < 0) return null;
+  const [S, p] = u[0], [w, v] = u[1], y = Math.max(S, w), R = Math.max(p, v), I = l(R), k = o.getColumnRelativeOffset(y, i.scrollLeft) + o.getColumnWidth(y), N = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), z = o.getRowOffset(I) + N - i.scrollTop, E = zi / 2 + Mi, W = k - E, F = z - E;
+  return V(h, W, W + E * 2) && V(m, F, F + E * 2) ? { type: b.FillHandler, x: W, y: F, width: E * 2, height: E * 2 } : null;
+}, _i = (e) => {
   const { coordInstance: t, position: n, scrollState: o, getLinearRow: i } = e, { rowIndex: a, columnIndex: s } = n;
-  return a > -1 && s > -1 ? i(a).type !== se.Row ? null : {
-    type: x.Cell,
+  return a > -1 && s > -1 ? i(a).type !== le.Row ? null : {
+    type: b.Cell,
     x: t.getColumnRelativeOffset(s, o.scrollLeft),
     y: t.getRowOffset(a) - o.scrollTop,
     width: t.getColumnWidth(s),
     height: t.getRowHeight(a)
   } : null;
-}, Oi = (e) => {
-  const { position: t, scrollState: n, coordInstance: o, columns: i, theme: a, isColumnResizable: s, isColumnHeaderMenuVisible: r } = e, { x: c, y: l, rowIndex: u, columnIndex: h } = t, { iconSizeXS: m } = a;
+}, $i = (e) => {
+  const { position: t, scrollState: n, coordInstance: o, columns: i, theme: a, isColumnResizable: s, isColumnHeaderMenuVisible: r } = e, { x: l, y: c, rowIndex: u, columnIndex: h } = t, { iconSizeXS: m } = a;
   if (u !== -1 || h <= -1) return null;
   const g = i[h];
   if (g == null) return null;
-  const { rowInitSize: C } = o, { isPrimary: S, description: p, hasMenu: w } = g, v = !!(w && r), y = o.getColumnWidth(h), R = o.getColumnRelativeOffset(h, n.scrollLeft), I = R + y, k = v ? I - fn / 2 - m : I;
-  if (v && V(c, k, k + m))
-    return { type: x.ColumnHeaderMenu, x: R, y: 0, width: m, height: C };
-  const P = k - m - fn / 2, A = (C - m) / 2;
-  if (p && V(c, P, P + m) && V(l, A, A + m))
-    return { type: x.ColumnDescription, x: P, y: A, width: m, height: m };
-  const L = R + m / 2, M = (C - m) / 2;
-  return S && V(c, L, L + m) && V(l, M, M + m) ? { type: x.ColumnPrimaryIcon, x: L, y: M, width: m, height: m } : s && (h !== 0 && V(c, R, R + pn / 2) || V(c, I - pn / 2, I)) ? { ...ne, type: x.ColumnResizeHandler } : { type: x.ColumnHeader, x: R, y: 0, width: y, height: C };
+  const { rowInitSize: C } = o, { isPrimary: S, description: p, hasMenu: w } = g, v = !!(w && r), y = o.getColumnWidth(h), R = o.getColumnRelativeOffset(h, n.scrollLeft), I = R + y, k = v ? I - Cn / 2 - m : I;
+  if (v && V(l, k, k + m))
+    return { type: b.ColumnHeaderMenu, x: R, y: 0, width: m, height: C };
+  const P = k - m - Cn / 2, M = (C - m) / 2;
+  if (p && V(l, P, P + m) && V(c, M, M + m))
+    return { type: b.ColumnDescription, x: P, y: M, width: m, height: m };
+  const N = R + m / 2, z = (C - m) / 2;
+  return S && V(l, N, N + m) && V(c, z, z + m) ? { type: b.ColumnPrimaryIcon, x: N, y: z, width: m, height: m } : s && (h !== 0 && V(l, R, R + wn / 2) || V(l, I - wn / 2, I)) ? { ...ie, type: b.ColumnResizeHandler } : { type: b.ColumnHeader, x: R, y: 0, width: y, height: C };
 }, {
-  fillHandlerSize: ot,
-  cellTextLineHeight: Cn,
-  rowHeadIconPaddingTop: wn,
-  columnHeadHeight: vn,
-  columnHeadPadding: te,
+  fillHandlerSize: at,
+  cellTextLineHeight: vn,
+  rowHeadIconPaddingTop: Sn,
+  columnHeadHeight: yn,
+  columnHeadPadding: oe,
   columnHeadMenuSize: Me,
-  columnAppendBtnWidth: Sn,
-  columnResizeHandlerWidth: yn,
-  columnResizeHandlerPaddingTop: bn,
-  cellVerticalPaddingMD: Nt,
-  columnFreezeHandlerWidth: xn,
-  columnFreezeHandlerHeight: Rn
-} = B, kn = (e, t) => {
+  columnAppendBtnWidth: bn,
+  columnResizeHandlerWidth: xn,
+  columnResizeHandlerPaddingTop: Rn,
+  cellVerticalPaddingMD: Lt,
+  columnFreezeHandlerWidth: kn,
+  columnFreezeHandlerHeight: In
+} = B, Pn = (e, t) => {
   const { rowCount: n, columnCount: o } = e, i = e.getRowStartIndex(t.scrollTop), a = e.getRowStopIndex(i, t.scrollTop), s = e.getColumnStartIndex(t.scrollLeft), r = e.getColumnStopIndex(s, t.scrollLeft);
   return {
     startRowIndex: Math.max(0, i),
@@ -472,138 +473,138 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     startColumnIndex: Math.max(0, s),
     stopColumnIndex: Math.max(0, Math.min(o - 1, r))
   };
-}, Vi = (e) => ({
+}, qi = (e) => ({
   ...e,
-  getLinearRow: e.getLinearRow ?? Wt,
-  real2RowIndex: e.real2RowIndex ?? oo
-}), In = (e, t) => {
-  const { coordInstance: n, visibleRegion: o, activeCell: i, highlightedRowIndex: a, mouseState: s, scrollState: r, selection: c, isSelecting: l, theme: u, getLinearRow: h } = e, { freezeColumnCount: m, columnInitSize: g, totalWidth: C, rowCount: S } = n, { isRowSelection: p, isColumnSelection: w } = c, { scrollLeft: v, scrollTop: y } = r, { rowIndex: R, type: I, isOutOfBounds: k } = s, P = [], A = [], L = [];
-  if (!S) return { cellPropList: P, rowHeaderPropList: A, appendRowList: L };
-  const M = t === "freeze", E = M ? 0 : Math.max(m, o.startColumnIndex), N = M ? Math.max(m - 1, 0) : o.stopColumnIndex, W = M && m === 0, { cellBg: K, cellBgHovered: G, cellBgSelected: ke } = u;
-  for (let z = E; z <= N; z++) {
-    const F = n.getColumnRelativeOffset(z, v), ge = n.getColumnWidth(z), Ye = w && c.includes([z, z]), ie = z === 0;
-    for (let re = o.startRowIndex; re <= o.stopRowIndex; re++) {
-      const Te = h(re), Ne = n.getRowHeight(re), Le = n.getRowOffset(re) - y;
-      if (Te.type === se.Group) continue;
-      if (Te.type === se.Append) {
-        ie && L.push({ x: 0.5, y: Le + 0.5, width: C - v, height: Ne, isHover: I === x.AppendRow && R === re });
+  getLinearRow: e.getLinearRow ?? Ot,
+  real2RowIndex: e.real2RowIndex ?? lo
+}), zn = (e, t) => {
+  const { coordInstance: n, visibleRegion: o, activeCell: i, highlightedRowIndex: a, mouseState: s, scrollState: r, selection: l, isSelecting: c, theme: u, getLinearRow: h } = e, { freezeColumnCount: m, columnInitSize: g, totalWidth: C, rowCount: S } = n, { isRowSelection: p, isColumnSelection: w } = l, { scrollLeft: v, scrollTop: y } = r, { rowIndex: R, type: I, isOutOfBounds: k } = s, P = [], M = [], N = [];
+  if (!S) return { cellPropList: P, rowHeaderPropList: M, appendRowList: N };
+  const z = t === "freeze", E = z ? 0 : Math.max(m, o.startColumnIndex), W = z ? Math.max(m - 1, 0) : o.stopColumnIndex, F = z && m === 0, { cellBg: _, cellBgHovered: q, cellBgSelected: ae } = u;
+  for (let X = E; X <= W; X++) {
+    const A = n.getColumnRelativeOffset(X, v), L = n.getColumnWidth(X), fe = w && l.includes([X, X]), Te = X === 0;
+    for (let Y = o.startRowIndex; Y <= o.stopRowIndex; Y++) {
+      const Ne = h(Y), Fe = n.getRowHeight(Y), Le = n.getRowOffset(Y) - y;
+      if (Ne.type === le.Group) continue;
+      if (Ne.type === le.Append) {
+        Te && N.push({ x: 0.5, y: Le + 0.5, width: C - v, height: Fe, isHover: I === b.AppendRow && R === Y });
         continue;
       }
-      const { displayIndex: mt, realIndex: Ie } = Te, Fe = !k && !l && ii.has(I) && re === R, { isCellActive: Pe, isRowActive: ve } = hi(i, Ie, z), { isRowSelected: ae, isCellSelected: gt } = mi(c, Ie, z), le = a === Ie;
-      let q;
-      gt || ae || Ye ? q = ke : (Fe || ve || le) && (q = G), ie && A.push({
+      const { displayIndex: ft, realIndex: Pe } = Ne, Ye = !k && !c && ui.has(I) && Y === R, { isCellActive: je, isRowActive: Se } = wi(i, Pe, X), { isRowSelected: ye, isCellSelected: ce } = vi(l, Pe, X), Qe = a === Pe;
+      let re;
+      ce || ye || fe ? re = ae : (Ye || Se || Qe) && (re = q), Te && M.push({
         x: 0.5,
         y: Le + 0.5,
         width: g + 0.5,
-        height: Ne,
-        displayIndex: String(mt),
-        isHover: Fe || ve || le,
-        isChecked: p && ae
-      }), !W && P.push({
-        x: F + 0.5,
+        height: Fe,
+        displayIndex: String(ft),
+        isHover: Ye || Se || Qe,
+        isChecked: p && ye
+      }), !F && P.push({
+        x: A + 0.5,
         y: Le + 0.5,
-        width: ge,
-        height: Ne,
-        rowIndex: Ie,
-        columnIndex: z,
+        width: L,
+        height: Fe,
+        rowIndex: Pe,
+        columnIndex: X,
         theme: u,
         isActive: !1,
-        fill: Pe ? K : q ?? K
+        fill: je ? _ : re ?? _
       });
     }
   }
-  return { cellPropList: P, rowHeaderPropList: A, appendRowList: L };
-}, Gi = (e, t, n) => {
-  const { x: o, y: i, width: a, height: s, displayIndex: r, isHover: c, isChecked: l } = t, { theme: u, rowControls: h, rowControlPaddingX: m, rowIndexVisible: g = !0, drawIcon: C } = n, { cellBg: S, cellBgHovered: p, cellBgSelected: w, cellLineColor: v, rowHeaderTextColor: y, iconSizeXS: R, staticWhite: I, iconBgSelected: k } = u;
-  D(e, { x: o, y: i, width: a, height: s, fill: l ? w : c ? p : S }), Ke(e, { x: o, y: i, points: [0, 0, a, 0], stroke: v }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: v });
-  const A = R / 2;
-  if (e.font = `${u.fontSizeXXS}px ${u.fontFamily}`, (l || c || !g) && h.length > 0) {
-    for (let L = 0; L < h.length; L++) {
-      const { type: M } = h[L];
-      if (M === X.Spacer) continue;
-      const E = Gt(a, u, m, h.length, L);
-      if (M === X.Checkbox) {
-        Bt(e, {
-          x: o + E - A,
-          y: i + wn,
+  return { cellPropList: P, rowHeaderPropList: M, appendRowList: N };
+}, Xi = (e, t, n) => {
+  const { x: o, y: i, width: a, height: s, displayIndex: r, isHover: l, isChecked: c } = t, { theme: u, rowControls: h, rowControlPaddingX: m, rowIndexVisible: g = !0, drawIcon: C } = n, { cellBg: S, cellBgHovered: p, cellBgSelected: w, cellLineColor: v, rowHeaderTextColor: y, iconSizeXS: R, staticWhite: I, iconBgSelected: k } = u;
+  D(e, { x: o, y: i, width: a, height: s, fill: c ? w : l ? p : S }), Ke(e, { x: o, y: i, points: [0, 0, a, 0], stroke: v }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: v });
+  const M = R / 2;
+  if (e.font = `${u.fontSizeXXS}px ${u.fontFamily}`, (c || l || !g) && h.length > 0) {
+    for (let N = 0; N < h.length; N++) {
+      const { type: z } = h[N];
+      if (z === $.Spacer) continue;
+      const E = Kt(a, u, m, h.length, N);
+      if (z === $.Checkbox) {
+        Vt(e, {
+          x: o + E - M,
+          y: i + Sn,
           size: R,
-          stroke: l ? I : y,
-          fill: l ? k : void 0,
-          isChecked: l
+          stroke: c ? I : y,
+          fill: c ? k : void 0,
+          isChecked: c
         });
         continue;
       }
-      l && !c && g && M === X.Expand || C?.(e, { kind: M === X.Drag ? "drag" : "expand", x: o + E - A, y: i + wn, size: R, theme: u });
+      c && !l && g && z === $.Expand || C?.(e, { kind: z === $.Drag ? "drag" : "expand", x: o + E - M, y: i + Sn, size: R, theme: u });
     }
     return;
   }
-  $e(e, { x: o + a / 2, y: i + Nt + 1, text: r, textAlign: "center", fill: y, fontSize: u.fontSizeXXS });
-}, Ui = (e, t, n) => {
-  const { x: o, y: i, width: a, height: s, isHover: r } = t, { theme: c, coordInstance: l, drawIcon: u } = n, { appendRowBgHovered: h, iconSizeSM: m, cellBg: g, cellLineColor: C } = c, S = m / 2;
-  e.save(), e.beginPath(), D(e, { x: o + 0.5, y: i + 0.5, width: a, height: s, fill: r ? h : g }), D(e, { x: o, y: i + s, width: a, height: 1, fill: C }), u?.(e, { kind: "add", x: o + l.columnInitSize / 2 - S + 0.5, y: i + s / 2 - S + 0.5, size: m, theme: c }), e.restore();
-}, Ki = (e, t, n) => {
-  const { coordInstance: o, theme: i, shouldRerender: a, drawCell: s } = n, { fontFamily: r, fontSizeSM: c, cellLineColor: l } = i, { rowInitSize: u, freezeRegionWidth: h, containerWidth: m, containerHeight: g } = o, C = In(n, "other"), S = In(n, "freeze"), p = { x: 0, y: u + 1, width: h + 1, height: g - u - 1 }, w = { x: h + 1, y: u + 1, width: m - h, height: g - u - 1 };
-  S.appendRowList.forEach((v) => Ui(e, v, n)), nt(e, p, (v) => {
-    S.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: l })), S.rowHeaderPropList.forEach((y) => Gi(v, y, n));
-  }), nt(e, w, (v) => {
-    C.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: l }));
-  }), a && (nt(t, p, (v) => {
-    v.font = `${c}px ${r}`, S.cellPropList.forEach((y) => s(v, y));
-  }), nt(t, w, (v) => {
-    v.font = `${c}px ${r}`, C.cellPropList.forEach((y) => s(v, y));
+  $e(e, { x: o + a / 2, y: i + Lt + 1, text: r, textAlign: "center", fill: y, fontSize: u.fontSizeXXS });
+}, Yi = (e, t, n) => {
+  const { x: o, y: i, width: a, height: s, isHover: r } = t, { theme: l, coordInstance: c, drawIcon: u } = n, { appendRowBgHovered: h, iconSizeSM: m, cellBg: g, cellLineColor: C } = l, S = m / 2;
+  e.save(), e.beginPath(), D(e, { x: o + 0.5, y: i + 0.5, width: a, height: s, fill: r ? h : g }), D(e, { x: o, y: i + s, width: a, height: 1, fill: C }), u?.(e, { kind: "add", x: o + c.columnInitSize / 2 - S + 0.5, y: i + s / 2 - S + 0.5, size: m, theme: l }), e.restore();
+}, Mn = (e, t, n) => {
+  const { coordInstance: o, theme: i, shouldRerender: a, drawCell: s } = n, { fontFamily: r, fontSizeSM: l, cellLineColor: c } = i, { rowInitSize: u, freezeRegionWidth: h, containerWidth: m, containerHeight: g } = o, C = zn(n, "other"), S = zn(n, "freeze"), p = { x: 0, y: u + 1, width: h + 1, height: g - u - 1 }, w = { x: h + 1, y: u + 1, width: m - h, height: g - u - 1 };
+  S.appendRowList.forEach((v) => Yi(e, v, n)), it(e, p, (v) => {
+    S.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: c })), S.rowHeaderPropList.forEach((y) => Xi(v, y, n));
+  }), it(e, w, (v) => {
+    C.cellPropList.forEach(({ x: y, y: R, width: I, height: k, fill: P }) => D(v, { x: y, y: R, width: I, height: k, fill: P, stroke: c }));
+  }), a && (it(t, p, (v) => {
+    v.font = `${l}px ${r}`, S.cellPropList.forEach((y) => s(v, y));
+  }), it(t, w, (v) => {
+    v.font = `${l}px ${r}`, C.cellPropList.forEach((y) => s(v, y));
   }));
-}, _i = (e, t) => {
-  const { theme: n, scrollState: o, coordInstance: i, activeCellBound: a, real2RowIndex: s, getLinearRow: r, drawCell: c } = t;
+}, ji = (e, t) => {
+  const { theme: n, scrollState: o, coordInstance: i, activeCellBound: a, real2RowIndex: s, getLinearRow: r, drawCell: l } = t;
   if (a == null) return;
-  const { width: l, height: u, columnIndex: h, rowIndex: m } = a, { freezeColumnCount: g, freezeRegionWidth: C, containerWidth: S, containerHeight: p, columnCount: w, rowInitSize: v } = i, y = s(m);
-  if (h >= w || r(y)?.type !== se.Row) return;
+  const { width: c, height: u, columnIndex: h, rowIndex: m } = a, { freezeColumnCount: g, freezeRegionWidth: C, containerWidth: S, containerHeight: p, columnCount: w, rowInitSize: v } = i, y = s(m);
+  if (h >= w || r(y)?.type !== le.Row) return;
   const R = h < g, I = i.getColumnRelativeOffset(h, o.scrollLeft), k = i.getRowOffset(y) - o.scrollTop;
-  e.save(), e.beginPath(), e.rect(R ? 0 : C, v, R ? C + 1 : S - C, p - v), e.clip(), e.font = `${n.fontSizeSM}px ${n.fontFamily}`, D(e, { x: I + 0.5, y: k + 0.5, width: l, height: u, fill: n.cellBg, stroke: n.cellLineColorActived, radius: 2 }), c(e, { x: I + 0.5, y: k + 0.5, width: l, height: u, rowIndex: m, columnIndex: h, theme: n, isActive: !0 }), e.restore();
-}, $i = (e, t) => {
-  const { selection: n, mouseState: o, coordInstance: i, scrollState: a, theme: s, isFilling: r, isFillEnabled: c, real2RowIndex: l, getLinearRow: u } = t;
-  if (!r || !c || !n.isCellSelection) return;
-  const [h, m] = n.ranges, g = Math.min(h[0], m[0]), C = Math.max(h[0], m[0]), S = Math.min(h[1], m[1]), p = Math.max(h[1], m[1]), w = u(o.rowIndex).realIndex, { scrollLeft: v, scrollTop: y } = a, R = i.getColumnRelativeOffset(g, v), I = i.getColumnRelativeOffset(C, v) + i.getColumnWidth(C), k = (L) => i.getRowOffset(l(L)) + i.getRowHeight(l(L)) - y;
-  let P = null, A = null;
-  Number.isFinite(w) && w > p ? (P = i.getRowOffset(l(p + 1)) - y, A = k(w)) : Number.isFinite(w) && w < S && (P = i.getRowOffset(l(w)) - y, A = k(S - 1)), !(P == null || A == null) && (e.save(), e.globalAlpha = 0.12, D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: A - P, fill: s.interactionLineColorHighlight }), e.restore(), D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: A - P, stroke: s.interactionLineColorHighlight }));
-}, qi = (e, t) => {
-  const { coordInstance: n, scrollState: o, selection: i, isSelecting: a, isEditing: s, theme: r, activeCellBound: c, isFillEnabled: l, real2RowIndex: u, getLinearRow: h } = t;
-  if (!l || s || a) return;
-  const m = di(i);
+  e.save(), e.beginPath(), e.rect(R ? 0 : C, v, R ? C + 1 : S - C, p - v), e.clip(), e.font = `${n.fontSizeSM}px ${n.fontFamily}`, D(e, { x: I + 0.5, y: k + 0.5, width: c, height: u, fill: n.cellBg, stroke: n.cellLineColorActived, radius: 2 }), l(e, { x: I + 0.5, y: k + 0.5, width: c, height: u, rowIndex: m, columnIndex: h, theme: n, isActive: !0 }), e.restore();
+}, Qi = (e, t) => {
+  const { selection: n, mouseState: o, coordInstance: i, scrollState: a, theme: s, isFilling: r, isFillEnabled: l, real2RowIndex: c, getLinearRow: u } = t;
+  if (!r || !l || !n.isCellSelection) return;
+  const [h, m] = n.ranges, g = Math.min(h[0], m[0]), C = Math.max(h[0], m[0]), S = Math.min(h[1], m[1]), p = Math.max(h[1], m[1]), w = u(o.rowIndex).realIndex, { scrollLeft: v, scrollTop: y } = a, R = i.getColumnRelativeOffset(g, v), I = i.getColumnRelativeOffset(C, v) + i.getColumnWidth(C), k = (N) => i.getRowOffset(c(N)) + i.getRowHeight(c(N)) - y;
+  let P = null, M = null;
+  Number.isFinite(w) && w > p ? (P = i.getRowOffset(c(p + 1)) - y, M = k(w)) : Number.isFinite(w) && w < S && (P = i.getRowOffset(c(w)) - y, M = k(S - 1)), !(P == null || M == null) && (e.save(), e.globalAlpha = 0.12, D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: M - P, fill: s.interactionLineColorHighlight }), e.restore(), D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: M - P, stroke: s.interactionLineColorHighlight }));
+}, Zi = (e, t) => {
+  const { coordInstance: n, scrollState: o, selection: i, isSelecting: a, isEditing: s, theme: r, activeCellBound: l, isFillEnabled: c, real2RowIndex: u, getLinearRow: h } = t;
+  if (!c || s || a) return;
+  const m = Ci(i);
   if (m == null) return;
-  const { freezeColumnCount: g, freezeRegionWidth: C, rowInitSize: S, containerWidth: p, containerHeight: w } = n, [v, y] = m, R = n.getColumnRelativeOffset(v, o.scrollLeft), I = u(y), k = n.getRowOffset(I) - o.scrollTop, P = n.getColumnWidth(v), M = Ot([i.ranges[0]], [i.ranges[1]]) && c != null && c.columnIndex === v && c.rowIndex === y && h(I).type === se.Row ? c.height : n.getRowHeight(I);
-  e.save(), e.beginPath(), v >= g && (e.rect(C, S, p - C, w - S), e.clip()), D(e, { x: R + P - ot / 2 - 0.5, y: k + M - ot / 2 - 0.5, width: ot, height: ot, stroke: r.cellLineColorActived, fill: r.cellBg }), e.restore();
-}, Xi = (e, t, n) => {
-  const { x: o, y: i, width: a, height: s, fill: r, column: c, hasMenu: l } = t, { theme: u, drawIcon: h } = n, { name: m, description: g, hasMenu: C, isPrimary: S, hasIcon: p } = c, { cellLineColor: w, columnHeaderBg: v, iconFgCommon: y, columnHeaderNameColor: R, fontSizeSM: I, iconSizeXS: k } = u;
-  let P = a - te * 2, A = te;
-  const L = l && C, M = i + (vn - k) / 2;
-  if (D(e, { x: o + 0.5, y: i, width: a - 0.5, height: s, fill: r ?? v }), Ke(e, { x: o, y: i, points: [0, s, a, s, a, 0], stroke: w }), S && (P = P - k - te, h?.(e, { kind: "primary", x: o + A, y: M, size: k, theme: u, column: c }), A += k + te / 2), p && (P = P - k, h?.(e, { kind: "column", x: o + A, y: M, size: k, theme: u, column: c }), A += k + te / 2), L) {
-    P = P - Me - te;
-    const E = i + vn / 2;
-    si(e, {
+  const { freezeColumnCount: g, freezeRegionWidth: C, rowInitSize: S, containerWidth: p, containerHeight: w } = n, [v, y] = m, R = n.getColumnRelativeOffset(v, o.scrollLeft), I = u(y), k = n.getRowOffset(I) - o.scrollTop, P = n.getColumnWidth(v), z = Gt([i.ranges[0]], [i.ranges[1]]) && l != null && l.columnIndex === v && l.rowIndex === y && h(I).type === le.Row ? l.height : n.getRowHeight(I);
+  e.save(), e.beginPath(), v >= g && (e.rect(C, S, p - C, w - S), e.clip()), D(e, { x: R + P - at / 2 - 0.5, y: k + z - at / 2 - 0.5, width: at, height: at, stroke: r.cellLineColorActived, fill: r.cellBg }), e.restore();
+}, Ji = (e, t, n) => {
+  const { x: o, y: i, width: a, height: s, fill: r, column: l, hasMenu: c } = t, { theme: u, drawIcon: h } = n, { name: m, description: g, hasMenu: C, isPrimary: S, hasIcon: p } = l, { cellLineColor: w, columnHeaderBg: v, iconFgCommon: y, columnHeaderNameColor: R, fontSizeSM: I, iconSizeXS: k } = u;
+  let P = a - oe * 2, M = oe;
+  const N = c && C, z = i + (yn - k) / 2;
+  if (D(e, { x: o + 0.5, y: i, width: a - 0.5, height: s, fill: r ?? v }), Ke(e, { x: o, y: i, points: [0, s, a, s, a, 0], stroke: w }), S && (P = P - k - oe, h?.(e, { kind: "primary", x: o + M, y: z, size: k, theme: u, column: l }), M += k + oe / 2), p && (P = P - k, h?.(e, { kind: "column", x: o + M, y: z, size: k, theme: u, column: l }), M += k + oe / 2), N) {
+    P = P - Me - oe;
+    const E = i + yn / 2;
+    hi(e, {
       points: [
-        { x: o + a - te - Me, y: E - Me / 4 },
-        { x: o + a - te, y: E - Me / 4 },
-        { x: o + a - te - Me / 2, y: E + Me / 4 }
+        { x: o + a - oe - Me, y: E - Me / 4 },
+        { x: o + a - oe, y: E - Me / 4 },
+        { x: o + a - oe - Me / 2, y: E + Me / 4 }
       ],
       radiusAll: 1,
       fill: y
     });
   }
-  g && (h?.(e, { kind: "description", x: L ? o + a - 2 * k - te : o + a - k - te, y: M, size: k, theme: u, column: c }), P = P - k - te), ai(e, {
-    x: o + A,
-    y: i + Nt,
+  g && (h?.(e, { kind: "description", x: N ? o + a - 2 * k - oe : o + a - k - oe, y: z, size: k, theme: u, column: l }), P = P - k - oe), di(e, {
+    x: o + M,
+    y: i + Lt,
     text: m,
-    maxLines: Math.max(1, Math.floor((s - Nt) / Cn)),
-    lineHeight: Cn,
+    maxLines: Math.max(1, Math.floor((s - Lt) / vn)),
+    lineHeight: vn,
     fontSize: I,
     maxWidth: P,
     fill: R
   });
-}, Yi = (e, t, n) => {
-  const { x: o, y: i, width: a, height: s, isChecked: r } = t, { theme: c, rowControls: l, rowControlPaddingX: u, isMultiSelectionEnable: h } = n, { iconSizeXS: m, staticWhite: g, columnHeaderBg: C, cellLineColor: S, rowHeaderTextColor: p, iconBgSelected: w } = c, v = m / 2;
-  if (D(e, { x: o, y: i, width: a, height: s, fill: C }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: S }), h && l.some((y) => y.type === X.Checkbox)) {
-    const y = co({ width: a, theme: c, rowControls: l, rowControlPaddingX: u });
-    Bt(e, {
+}, ea = (e, t, n) => {
+  const { x: o, y: i, width: a, height: s, isChecked: r } = t, { theme: l, rowControls: c, rowControlPaddingX: u, isMultiSelectionEnable: h } = n, { iconSizeXS: m, staticWhite: g, columnHeaderBg: C, cellLineColor: S, rowHeaderTextColor: p, iconBgSelected: w } = l, v = m / 2;
+  if (D(e, { x: o, y: i, width: a, height: s, fill: C }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: S }), h && c.some((y) => y.type === $.Checkbox)) {
+    const y = fo({ width: a, theme: l, rowControls: c, rowControlPaddingX: u });
+    Vt(e, {
       x: o + y - v + 0.5,
       y: i + s / 2 - v,
       size: m,
@@ -612,93 +613,93 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       isChecked: r
     });
   }
-}, Pn = (e, t, n) => {
-  const { visibleRegion: o, coordInstance: i, columns: a, theme: s, mouseState: r, scrollState: c, selection: l, isInteracting: u, isColumnHeaderMenuVisible: h } = t, { containerWidth: m, freezeRegionWidth: g, rowInitSize: C, columnInitSize: S, freezeColumnCount: p, pureRowCount: w } = i, { isColumnSelection: v, isRowSelection: y, ranges: R } = l, { type: I, columnIndex: k } = r, P = n === "freeze", A = P ? 0 : Math.max(p, o.startColumnIndex), L = P ? Math.max(p - 1, 0) : o.stopColumnIndex;
+}, An = (e, t, n) => {
+  const { visibleRegion: o, coordInstance: i, columns: a, theme: s, mouseState: r, scrollState: l, selection: c, isInteracting: u, isColumnHeaderMenuVisible: h } = t, { containerWidth: m, freezeRegionWidth: g, rowInitSize: C, columnInitSize: S, freezeColumnCount: p, pureRowCount: w } = i, { isColumnSelection: v, isRowSelection: y, ranges: R } = c, { type: I, columnIndex: k } = r, P = n === "freeze", M = P ? 0 : Math.max(p, o.startColumnIndex), N = P ? Math.max(p - 1, 0) : o.stopColumnIndex;
   e.save(), e.beginPath(), e.rect(P ? 0 : g + 1, 0, P ? g + 1 : m - g, C + 1), e.clip(), e.font = `normal ${s.fontSizeSM}px ${s.fontFamily}`;
-  for (let E = A; E <= L; E++) {
-    const N = a[E];
-    if (N == null) continue;
-    const W = v && l.includes([E, E]), K = !u && (I === x.ColumnHeader || I === x.ColumnHeaderMenu) && k === E, G = W ? s.columnHeaderBgSelected : K ? s.columnHeaderBgHovered : void 0;
-    Xi(e, {
-      x: i.getColumnRelativeOffset(E, c.scrollLeft) + 0.5,
+  for (let E = M; E <= N; E++) {
+    const W = a[E];
+    if (W == null) continue;
+    const F = v && c.includes([E, E]), _ = !u && (I === b.ColumnHeader || I === b.ColumnHeaderMenu) && k === E, q = F ? s.columnHeaderBgSelected : _ ? s.columnHeaderBgHovered : void 0;
+    Ji(e, {
+      x: i.getColumnRelativeOffset(E, l.scrollLeft) + 0.5,
       y: 0.5,
       width: i.getColumnWidth(E),
       height: C,
-      column: N,
-      fill: G,
+      column: W,
+      fill: q,
       hasMenu: h
     }, t);
   }
-  const M = y && R.length > 0 && Ot([R[0]], [[0, w - 1]]);
-  Yi(e, { x: 0, y: 0.5, width: S + 1.5, height: C, isChecked: M }, t), e.restore();
-}, ji = (e, t) => {
+  const z = y && R.length > 0 && Gt([R[0]], [[0, w - 1]]);
+  ea(e, { x: 0, y: 0.5, width: S + 1.5, height: C, isChecked: z }, t), e.restore();
+}, ta = (e, t) => {
   const { coordInstance: n, theme: o, mouseState: i, scrollState: a, isColumnAppendEnable: s, drawIcon: r } = t;
   if (!s) return;
-  const { totalWidth: c, totalHeight: l, rowInitSize: u } = n, { iconSizeSM: h, columnHeaderBg: m, cellLineColor: g, columnHeaderBgHovered: C } = o, S = c - a.scrollLeft;
-  D(e, { x: S + 1, y: 0.5, width: Sn, height: l - a.scrollTop, fill: i.type === x.AppendColumn ? C : m }), Ke(e, { x: S + 0.5, y: u + 0.5, points: [0, 0, 0, l - a.scrollTop - u], stroke: g });
+  const { totalWidth: l, totalHeight: c, rowInitSize: u } = n, { iconSizeSM: h, columnHeaderBg: m, cellLineColor: g, columnHeaderBgHovered: C } = o, S = l - a.scrollLeft;
+  D(e, { x: S + 1, y: 0.5, width: bn, height: c - a.scrollTop, fill: i.type === b.AppendColumn ? C : m }), Ke(e, { x: S + 0.5, y: u + 0.5, points: [0, 0, 0, c - a.scrollTop - u], stroke: g });
   const p = h / 2;
-  r?.(e, { kind: "add", x: S + Sn / 2 - p + 0.5, y: u / 2 - p + 0.5, size: h, theme: o });
-}, Qi = (e, t) => {
-  const { theme: n, scrollState: o, coordInstance: i, isColumnResizable: a, columnResizeState: s, hoveredColumnResizeIndex: r } = t, c = s.columnIndex, l = !!a && r > -1, u = c > -1;
-  if (!l && !u) return;
-  const h = u ? c : r, m = i.getColumnRelativeOffset(h, o.scrollLeft) + i.getColumnWidth(h);
+  r?.(e, { kind: "add", x: S + bn / 2 - p + 0.5, y: u / 2 - p + 0.5, size: h, theme: o });
+}, na = (e, t) => {
+  const { theme: n, scrollState: o, coordInstance: i, isColumnResizable: a, columnResizeState: s, hoveredColumnResizeIndex: r } = t, l = s.columnIndex, c = !!a && r > -1, u = l > -1;
+  if (!c && !u) return;
+  const h = u ? l : r, m = i.getColumnRelativeOffset(h, o.scrollLeft) + i.getColumnWidth(h);
   D(e, {
-    x: m - yn / 2 + 0.5,
-    y: bn + 0.5,
-    width: yn,
-    height: i.rowInitSize - bn * 2,
+    x: m - xn / 2 + 0.5,
+    y: Rn + 0.5,
+    width: xn,
+    height: i.rowInitSize - Rn * 2,
     fill: n.columnResizeHandlerBg,
     radius: 3
   });
-}, Zi = (e, t) => {
-  const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: c, ranges: l, delta: u } = a;
-  if (!c || r !== O.Columns) return;
-  const h = l[0][0];
+}, oa = (e, t) => {
+  const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: l, ranges: c, delta: u } = a;
+  if (!l || r !== O.Columns) return;
+  const h = c[0][0];
   D(e, { x: o.x - u, y: 0.5, width: s.getColumnWidth(h), height: s.containerHeight, fill: n.columnDraggingPlaceholderBg });
-  const m = Vt(s, o, i, r), g = s.getColumnRelativeOffset(m, i.scrollLeft);
+  const m = Ut(s, o, i, r), g = s.getColumnRelativeOffset(m, i.scrollLeft);
   D(e, { x: g - 0.5, y: 0.5, width: 2, height: s.containerHeight, fill: n.interactionLineColorHighlight });
-}, Ji = (e, t) => {
-  const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: c, ranges: l, delta: u } = a;
-  if (!c || r !== O.Rows) return;
-  const h = l[0][0];
+}, ia = (e, t) => {
+  const { theme: n, mouseState: o, scrollState: i, dragState: a, coordInstance: s } = t, { type: r, isDragging: l, ranges: c, delta: u } = a;
+  if (!l || r !== O.Rows) return;
+  const h = c[0][0];
   D(e, { x: 0.5, y: o.y - u, width: s.containerWidth, height: s.getRowHeight(h), fill: n.columnDraggingPlaceholderBg });
-  const m = Vt(s, o, i, r), g = s.getRowOffset(m) - i.scrollTop;
+  const m = Ut(s, o, i, r), g = s.getRowOffset(m) - i.scrollTop;
   D(e, { x: 0.5, y: g - 0.5, width: s.containerWidth, height: 2, fill: n.interactionLineColorHighlight });
-}, ea = (e, t) => {
-  const { coordInstance: n, mouseState: o, scrollState: i, columnFreezeState: a, theme: s } = t, { isFreezing: r, targetIndex: c } = a;
-  if (o.type !== x.ColumnFreezeHandler && !r) return;
-  const { containerHeight: l, freezeRegionWidth: u } = n, h = s.interactionLineColorHighlight, m = r ? o.x : u;
+}, aa = (e, t) => {
+  const { coordInstance: n, mouseState: o, scrollState: i, columnFreezeState: a, theme: s } = t, { isFreezing: r, targetIndex: l } = a;
+  if (o.type !== b.ColumnFreezeHandler && !r) return;
+  const { containerHeight: c, freezeRegionWidth: u } = n, h = s.interactionLineColorHighlight, m = r ? o.x : u;
   if (r) {
-    const g = n.getColumnRelativeOffset(c + 1, i.scrollLeft);
-    D(e, { x: g - 1, y: 0, width: 2, height: l, fill: h });
+    const g = n.getColumnRelativeOffset(l + 1, i.scrollLeft);
+    D(e, { x: g - 1, y: 0, width: 2, height: c, fill: h });
   }
-  D(e, { x: m - xn / 2, y: o.y - Rn / 2, width: xn, height: Rn, fill: h, radius: 4 }), D(e, { x: m - 1, y: 0, width: 2, height: l, fill: h });
-}, ta = (e, t) => {
+  D(e, { x: m - kn / 2, y: o.y - In / 2, width: kn, height: In, fill: h, radius: 4 }), D(e, { x: m - 1, y: 0, width: 2, height: c, fill: h });
+}, sa = (e, t) => {
   const { theme: n, coordInstance: o, scrollState: i } = t, { freezeRegionWidth: a, containerHeight: s } = o, r = n.interactionLineColorCommon;
   if (i.scrollLeft === 0) {
     D(e, { x: a, y: 0.5, width: 1, height: s, fill: r });
     return;
   }
   e.save(), e.beginPath(), e.shadowColor = r, e.shadowBlur = 5, e.shadowOffsetX = 3, e.strokeStyle = r, e.moveTo(a + 0.5, 0), e.lineTo(a + 0.5, s), e.stroke(), e.restore();
-}, na = (e, t) => t == null ? !0 : !(e.scrollState.scrollLeft === t.scrollState.scrollLeft && e.scrollState.scrollTop === t.scrollState.scrollTop && e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), oa = (e, t) => {
-  const { containerWidth: n, containerHeight: o, pixelRatio: i, shouldRerender: a, draw: s } = t, r = Math.ceil(n * i), c = Math.ceil(o * i);
-  (e.width !== r || e.height !== c) && (e.width = r, e.height = c);
-  const l = e.getContext("2d");
-  l != null && (a && (l.clearRect(0, 0, r, c), l.save(), i !== 1 && l.scale(i, i), l.beginPath(), l.rect(0, 0, n, o), l.clip()), s(l), a && l.restore());
-}, ia = (e, t, n, o, i = Math.ceil(globalThis.devicePixelRatio ?? 1)) => {
-  const a = Vi(n), { coordInstance: s, scrollState: r, height: c } = a, { containerWidth: l } = s;
-  if (l === 0 || c === 0) return;
-  const u = Math.ceil(l * i), h = Math.ceil(c * i), m = r.isScrolling || na(n, o);
-  (e.width !== u || e.height !== h) && (e.width = u, e.height = h, e.style.width = `${l}px`, e.style.height = `${c}px`);
+}, ra = (e, t) => t == null ? !0 : !(e.scrollState.scrollLeft === t.scrollState.scrollLeft && e.scrollState.scrollTop === t.scrollState.scrollTop && e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), la = (e, t) => {
+  const { containerWidth: n, containerHeight: o, pixelRatio: i, shouldRerender: a, draw: s } = t, r = Math.ceil(n * i), l = Math.ceil(o * i);
+  (e.width !== r || e.height !== l) && (e.width = r, e.height = l);
+  const c = e.getContext("2d");
+  c != null && (a && (c.clearRect(0, 0, r, l), c.save(), i !== 1 && c.scale(i, i), c.beginPath(), c.rect(0, 0, n, o), c.clip()), s(c), a && c.restore());
+}, Pt = /* @__PURE__ */ new WeakSet(), ca = (e, t) => e.scrollState.isScrolling || t != null && (e.scrollState.scrollLeft !== t.scrollState.scrollLeft || e.scrollState.scrollTop !== t.scrollState.scrollTop), ua = (e, t, n, o, i = Math.ceil(globalThis.devicePixelRatio ?? 1)) => {
+  const a = qi(n), { coordInstance: s, height: r } = a, { containerWidth: l } = s;
+  if (l === 0 || r === 0) return;
+  const c = Math.ceil(l * i), u = Math.ceil(r * i), h = ca(n, o), m = h || Pt.has(t) || ra(n, o);
+  (e.width !== c || e.height !== u) && (e.width = c, e.height = u, e.style.width = `${l}px`, e.style.height = `${r}px`);
   const g = e.getContext("2d");
-  g != null && (g.clearRect(0, 0, u, h), g.save(), i !== 1 && g.scale(i, i), g.beginPath(), g.rect(0, 0, l, c), g.clip(), oa(t, {
+  g != null && (g.clearRect(0, 0, c, u), g.save(), i !== 1 && g.scale(i, i), g.beginPath(), g.rect(0, 0, l, r), g.clip(), h ? (Mn(g, g, { ...a, shouldRerender: !0 }), Pt.add(t)) : (la(t, {
     containerWidth: l,
-    containerHeight: c,
+    containerHeight: r,
     pixelRatio: i,
     shouldRerender: m,
-    draw: (C) => Ki(g, C, { ...a, shouldRerender: m })
-  }), g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.drawImage(t, 0, 0, u, h), g.restore(), s.rowInitSize > 0 && (Pn(g, a, "freeze"), Pn(g, a, "other"), ji(g, a)), ta(g, a), _i(g, a), $i(g, a), qi(g, a), Qi(g, a), Ji(g, a), Zi(g, a), ea(g, a), g.restore());
-}, uo = {
+    draw: (C) => Mn(g, C, { ...a, shouldRerender: m })
+  }), Pt.delete(t), g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.drawImage(t, 0, 0, c, u), g.restore()), s.rowInitSize > 0 && (An(g, a, "freeze"), An(g, a, "other"), ta(g, a)), sa(g, a), ji(g, a), Qi(g, a), Zi(g, a), na(g, a), ia(g, a), oa(g, a), aa(g, a), g.restore());
+}, po = {
   staticWhite: "#FFFFFF",
   staticBlack: "#000000",
   iconFgCommon: "#6b7280",
@@ -743,7 +744,7 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   interactionLineColorCommon: "#d4d4d8",
   interactionLineColorHighlight: "#3b82f6",
   themeKey: "light"
-}, ho = {
+}, Co = {
   staticWhite: "--ui-accent-contrast",
   staticBlack: "--ui-text",
   iconFgCommon: "--ui-icon-tertiary",
@@ -777,62 +778,62 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   scrollBarBg: "--ui-scrollbar-thumb-hover",
   interactionLineColorCommon: "--ui-border-strong",
   interactionLineColorHighlight: "--ui-accent-9"
-}, zn = {
+}, En = {
   fontFamily: "--ui-font-sans",
   /** Cell text: the grid's own size (14px on a phone), else the body size. */
   fontSizeSM: "--ui-grid-font-size",
   fontSizeXS: "--ui-font-size-sm"
-}, aa = { fontSizeSM: "--ui-font-size" }, sa = (e, t = {}) => {
-  const n = { ...uo };
-  for (const [i, a] of Object.entries(ho)) {
+}, da = { fontSizeSM: "--ui-font-size" }, ha = (e, t = {}) => {
+  const n = { ...po };
+  for (const [i, a] of Object.entries(Co)) {
     const s = e(a)?.trim();
     s && (n[i] = s);
   }
-  const o = e(zn.fontFamily)?.trim();
+  const o = e(En.fontFamily)?.trim();
   o && (n.fontFamily = o);
   for (const i of ["fontSizeSM", "fontSizeXS"]) {
-    const a = aa[i];
-    let s = Number.parseFloat(e(zn[i]) ?? "");
+    const a = da[i];
+    let s = Number.parseFloat(e(En[i]) ?? "");
     !(s > 0) && a && (s = Number.parseFloat(e(a) ?? "")), Number.isFinite(s) && s > 0 && (n[i] = s);
   }
   return { ...n, ...t };
-}, ra = (e) => {
+}, ma = (e) => {
   const t = getComputedStyle(e), n = e.ownerDocument.createElement("span");
   n.setAttribute("aria-hidden", "true"), n.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none", e.appendChild(n);
-  const o = new Set(Object.values(ho));
+  const o = new Set(Object.values(Co));
   return Object.assign((a) => {
     const s = t.getPropertyValue(a).trim();
     return !s || !o.has(a) ? s : (n.style.color = "", n.style.color = `var(${a})`, getComputedStyle(n).color || s);
   }, { dispose: () => n.remove() });
-}, la = (e, t = {}) => {
-  const n = ra(e);
+}, ga = (e, t = {}) => {
+  const n = ma(e);
   try {
     const o = e.closest('[data-ui-color-scheme="dark"]') != null;
-    return sa(n, { themeKey: o ? "dark" : "light", ...t });
+    return ha(n, { themeKey: o ? "dark" : "light", ...t });
   } finally {
     n.dispose();
   }
-}, mo = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
-function ca(e) {
-  return (e instanceof Element ? e : e?.parentElement)?.closest(mo) ?? null;
+}, wo = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
+function fa(e) {
+  return (e instanceof Element ? e : e?.parentElement)?.closest(wo) ?? null;
 }
-function ua(e, t) {
-  const n = ca(e);
+function pa(e, t) {
+  const n = fa(e);
   return !!n && !n.contains(t);
 }
-function Mn(e, t) {
-  return e.some((n) => n instanceof Element && n.matches(mo) && !t.some((o) => n.contains(o) || o.contains(n)));
+function Hn(e, t) {
+  return e.some((n) => n instanceof Element && n.matches(wo) && !t.some((o) => n.contains(o) || o.contains(n)));
 }
-function da(e, t = e ?? null) {
+function Ca(e, t = e ?? null) {
   if (!e?.isConnected) return !1;
   const n = e.ownerDocument, o = n.activeElement;
-  return o === e ? !0 : o && o !== n.body && ua(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
+  return o === e ? !0 : o && o !== n.body && pa(o, t ?? e) ? !1 : (e.focus({ preventScroll: !0 }), n.activeElement === e);
 }
-const ha = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), ma = 50;
-function go(e) {
+const wa = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), va = 50;
+function vo(e) {
   return e.isComposing || e.keyCode === 229;
 }
-function ga(e) {
+function Sa(e) {
   const { keyCode: t, metaKey: n, ctrlKey: o } = e;
   return n || o || t === 32 ? !1 : t >= 65 && t <= 90 || // A-Z
   t >= 48 && t <= 57 || // 0-9 (ClosedParen..OpenParen)
@@ -842,66 +843,66 @@ function ga(e) {
   t >= 106 && t <= 111 || // Multiply..Divide
   t === 61 || t === 173 || (t === 229 || t === 0) && e.key !== "Shift";
 }
-function fo(e, t = {}) {
+function So(e, t = {}) {
   let n = !1, o = -1 / 0, i = !1;
-  const a = /* @__PURE__ */ new WeakMap(), s = (c) => {
-    n = !0, t.onStart?.(c);
-  }, r = (c) => {
-    n = !1, o = c.timeStamp, t.onEnd?.(c);
+  const a = /* @__PURE__ */ new WeakMap(), s = (l) => {
+    n = !0, t.onStart?.(l);
+  }, r = (l) => {
+    n = !1, o = l.timeStamp, t.onEnd?.(l);
   };
   return e.addEventListener("compositionstart", s, !0), e.addEventListener("compositionend", r, !0), {
     get composing() {
       return n;
     },
-    ownsKey(c) {
-      if (n || go(c)) return !0;
-      if (!ha.has(c.key)) return !1;
-      const l = a.get(c);
-      if (l !== void 0) return l;
-      const u = c.timeStamp - o <= ma;
-      return o = -1 / 0, a.set(c, u), u;
+    ownsKey(l) {
+      if (n || vo(l)) return !0;
+      if (!wa.has(l.key)) return !1;
+      const c = a.get(l);
+      if (c !== void 0) return c;
+      const u = l.timeStamp - o <= va;
+      return o = -1 / 0, a.set(l, u), u;
     },
     dispose() {
       i || (i = !0, e.removeEventListener("compositionstart", s, !0), e.removeEventListener("compositionend", r, !0));
     }
   };
 }
-const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
+const ya = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   if (!e || t == null || t === n || !(t instanceof HTMLElement)) return !0;
   const o = t.isContentEditable || t.contentEditable === "true";
   return t.tagName !== "INPUT" && t.tagName !== "TEXTAREA" && !o;
-}, pa = /[\t\n\r"]/, Ca = (e) => pa.test(e) ? `"${e.replace(/"/g, '""')}"` : e, wa = (e) => e.map((t) => t.map(Ca).join("	")).join(`\r
-`), va = (e) => {
+}, ba = /[\t\n\r"]/, xa = (e) => ba.test(e) ? `"${e.replace(/"/g, '""')}"` : e, Ra = (e) => e.map((t) => t.map(xa).join("	")).join(`\r
+`), ka = (e) => {
   if (!e) return [];
   const t = [];
   let n = [], o = "", i = 0, a = !0;
   const s = e.length, r = () => {
     n.push(o), o = "", a = !0;
-  }, c = () => {
+  }, l = () => {
     r(), t.push(n), n = [];
   };
   for (; i < s; ) {
-    const l = e[i];
-    if (a && l === '"') {
-      const u = Sa(e, i + 1);
+    const c = e[i];
+    if (a && c === '"') {
+      const u = Ia(e, i + 1);
       if (u === -1) {
-        o += l, a = !1, i++;
+        o += c, a = !1, i++;
         continue;
       }
       o += e.slice(i + 1, u).replace(/""/g, '"'), i = u + 1, a = !1;
       continue;
     }
-    if (a = !1, l === "	")
+    if (a = !1, c === "	")
       r(), i++;
-    else if (l === "\r" || l === `
+    else if (c === "\r" || c === `
 `) {
-      if (c(), i += l === "\r" && e[i + 1] === `
-` ? 2 : 1, i >= s) return An(t);
+      if (l(), i += c === "\r" && e[i + 1] === `
+` ? 2 : 1, i >= s) return Tn(t);
     } else
-      o += l, i++;
+      o += c, i++;
   }
-  return c(), An(t);
-}, Sa = (e, t) => {
+  return l(), Tn(t);
+}, Ia = (e, t) => {
   let n = t;
   for (; n < e.length; ) {
     const o = e.indexOf('"', n);
@@ -915,11 +916,11 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
 ` || i === "\r" ? o : -1;
   }
   return -1;
-}, An = (e) => {
+}, Tn = (e) => {
   const t = Math.max(0, ...e.map((n) => n.length));
   for (const n of e) for (; n.length < t; ) n.push("");
   return e;
-}, ya = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), ba = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${ya(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, xa = (e, t) => {
+}, Pa = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), za = (e) => e.length === 0 || e.length === 1 && e[0].length <= 1 ? void 0 : `<table><tbody>${e.map((n) => `<tr>${n.map((o) => `<td>${Pa(o).replace(/\r?\n/g, "<br>")}</td>`).join("")}</tr>`).join("")}</tbody></table>`, Ma = (e, t) => {
   const n = e.clipboardData;
   if (!n) return !1;
   try {
@@ -928,18 +929,18 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     return !1;
   }
   return e.preventDefault(), !0;
-}, Ra = () => ({
+}, Aa = () => ({
   clipboard: typeof navigator < "u" ? navigator.clipboard : void 0,
   ClipboardItem: typeof ClipboardItem < "u" ? ClipboardItem : void 0,
   hasFocus: () => typeof document < "u" ? document.hasFocus() : !0,
   onFocus: (e) => window.addEventListener("focus", e, { once: !0 })
-}), ka = (e, t = Ra()) => {
+}), Ea = (e, t = Aa()) => {
   const { clipboard: n, ClipboardItem: o } = t, i = () => {
     if (o && n?.write) {
       const a = new o({
         "text/plain": e.then(({ text: s }) => new Blob([s], { type: "text/plain" })),
         // Null means no HTML; an empty table keeps the blob type valid in every browser.
-        "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? Ia(s)], { type: "text/html" }))
+        "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? Ha(s)], { type: "text/html" }))
       });
       return n.write([a]);
     }
@@ -951,66 +952,66 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     return t.hasFocus && !t.hasFocus() && t.onFocus ? new Promise((s, r) => t.onFocus(() => {
       try {
         i().then(s, r);
-      } catch (c) {
-        r(c);
+      } catch (l) {
+        r(l);
       }
     })) : Promise.reject(a);
   }
-}, Ia = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), it = (e, t, n) => Math.min(n, Math.max(t, e)), qe = (e, t) => {
+}, Ha = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), st = (e, t, n) => Math.min(n, Math.max(t, e)), qe = (e, t) => {
   if (e.kind !== "cells" || e.ranges.length < 2 || t.rowCount <= 0 || t.columnCount <= 0) return null;
   const [n, o] = e.ranges, i = t.columnCount - 1, a = t.rowCount - 1;
   return {
-    startColumn: it(Math.min(n[0], o[0]), 0, i),
-    endColumn: it(Math.max(n[0], o[0]), 0, i),
-    startRow: it(Math.min(n[1], o[1]), 0, a),
-    endRow: it(Math.max(n[1], o[1]), 0, a)
+    startColumn: st(Math.min(n[0], o[0]), 0, i),
+    endColumn: st(Math.max(n[0], o[0]), 0, i),
+    startRow: st(Math.min(n[1], o[1]), 0, a),
+    endRow: st(Math.max(n[1], o[1]), 0, a)
   };
-}, at = (e, t) => {
+}, rt = (e, t) => {
   const n = [];
   for (let o = e; o <= t; o++) n.push(o);
   return n;
-}, En = (e, t) => {
+}, Nn = (e, t) => {
   const n = /* @__PURE__ */ new Set(), o = [...e].map(([i, a]) => [Math.min(i, a), Math.max(i, a)]).sort((i, a) => i[0] - a[0]);
   for (const [i, a] of o)
     for (let s = Math.max(0, i); s <= Math.min(t - 1, a); s++) n.add(s);
   return [...n].sort((i, a) => i - a);
-}, po = (e, t) => {
+}, yo = (e, t) => {
   const { rowCount: n, columnCount: o } = t;
   if (n <= 0 || o <= 0) return null;
   switch (e.kind) {
     case "cells": {
       const i = qe(e, t);
-      return i ? { rows: at(i.startRow, i.endRow), columns: at(i.startColumn, i.endColumn) } : null;
+      return i ? { rows: rt(i.startRow, i.endRow), columns: rt(i.startColumn, i.endColumn) } : null;
     }
     case "rows": {
-      const i = En(e.ranges, n);
-      return i.length ? { rows: i, columns: at(0, o - 1) } : null;
+      const i = Nn(e.ranges, n);
+      return i.length ? { rows: i, columns: rt(0, o - 1) } : null;
     }
     case "columns": {
-      const i = En(e.ranges, o);
-      return i.length ? { rows: at(0, n - 1), columns: i } : null;
+      const i = Nn(e.ranges, o);
+      return i.length ? { rows: rt(0, n - 1), columns: i } : null;
     }
     default:
       return null;
   }
-}, Pa = (e, t) => {
+}, Ta = (e, t) => {
   if (e.kind === "cells") {
     const o = qe(e, t);
     return o ? [o.startColumn, o.startRow] : null;
   }
-  const n = po(e, t);
+  const n = yo(e, t);
   return n ? [n.columns[0], n.rows[0]] : null;
-}, za = (e) => e.rows.length * e.columns.length, Ma = (e, t, n) => {
-  const o = va(e);
+}, Na = (e) => e.rows.length * e.columns.length, Fa = (e, t, n) => {
+  const o = ka(e);
   if (o.length === 0) return null;
-  const i = Pa(t, n);
+  const i = Ta(t, n);
   if (!i) return null;
   const { rowCount: a, columnCount: s } = n;
-  let r = o, c = !1;
-  const l = qe(t, n);
-  if (o.length === 1 && o[0].length === 1 && l && (l.endRow > l.startRow || l.endColumn > l.startColumn)) {
+  let r = o, l = !1;
+  const c = qe(t, n);
+  if (o.length === 1 && o[0].length === 1 && c && (c.endRow > c.startRow || c.endColumn > c.startColumn)) {
     const w = o[0][0];
-    r = Array.from({ length: l.endRow - l.startRow + 1 }, () => Array.from({ length: l.endColumn - l.startColumn + 1 }, () => w)), c = !0;
+    r = Array.from({ length: c.endRow - c.startRow + 1 }, () => Array.from({ length: c.endColumn - c.startColumn + 1 }, () => w)), l = !0;
   }
   const u = s - i[0], h = r[0].length, m = Math.max(0, h - u);
   m > 0 && (r = r.map((w) => w.slice(0, u)));
@@ -1025,12 +1026,12 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     extraRows: Math.max(0, C - (a - 1)),
     droppedColumns: m,
     readonlyColumns: p,
-    repeated: c
+    repeated: l
   };
-}, Hn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), It = (e) => ({ text: wa(e), html: ba(e) }), Aa = (e, t) => !t || e.rows.every((n) => t(n));
-function Ea(e) {
+}, Fn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), zt = (e) => ({ text: Ra(e), html: za(e) }), La = (e, t) => !t || e.rows.every((n) => t(n));
+function Da(e) {
   const t = e.equals ?? Object.is;
-  let n = !1, o = null, i, a, s = !1, r = null, c = 0, l = !1;
+  let n = !1, o = null, i, a, s = !1, r = null, l = 0, c = !1;
   const u = {
     get editing() {
       return n;
@@ -1054,12 +1055,12 @@ function Ea(e) {
       return r;
     },
     get version() {
-      return c;
+      return l;
     }
   }, h = () => {
-    c += 1, e.onChange?.(u);
+    l += 1, e.onChange?.(u);
   }, m = () => {
-    n = !1, o = null, i = void 0, a = void 0, r = null, l = !1;
+    n = !1, o = null, i = void 0, a = void 0, r = null, c = !1;
   }, g = {
     state: u,
     start(C, S, p = S) {
@@ -1069,12 +1070,12 @@ function Ea(e) {
       n && (a = C, r = null, h());
     },
     setComposing(C) {
-      s !== C && (s = C, h(), !C && l && (l = !1, g.commit()));
+      s !== C && (s = C, h(), !C && c && (c = !1, g.commit()));
     },
     commit() {
       if (!n || o === null) return "idle";
       if (s)
-        return l = !0, "composing";
+        return c = !0, "composing";
       if (!u.dirty)
         return m(), h(), "clean";
       const C = e.validate?.(a, o);
@@ -1091,20 +1092,20 @@ function Ea(e) {
   };
   return g;
 }
-const Co = "data-ui-ignore-outside", Pt = /* @__PURE__ */ new WeakMap(), Tn = /* @__PURE__ */ new WeakSet();
-function Nn(e) {
+const bo = "data-ui-ignore-outside", Mt = /* @__PURE__ */ new WeakMap(), Ln = /* @__PURE__ */ new WeakSet();
+function Dn(e) {
   return [...e.options.elements()].filter((t) => !!t);
 }
-function Ln(e, t) {
+function Wn(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
-function Ha(e) {
-  return e.some((t) => t instanceof Element && t.hasAttribute(Co));
+function Wa(e) {
+  return e.some((t) => t instanceof Element && t.hasAttribute(bo));
 }
-function Ta(e, t) {
+function Ba(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function Na(e, t = 400) {
+function Oa(e, t = 400) {
   let n = 0;
   const o = () => {
     e.clearTimeout(n), e.removeEventListener("click", i, !0), e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", o, !0);
@@ -1113,19 +1114,19 @@ function Na(e, t = 400) {
   };
   return e.addEventListener("click", i, !0), e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", o, !0), n = e.setTimeout(o, t), o;
 }
-function La(e) {
-  const t = e.document, n = { layers: [], guard: fo(e), teardown: () => {
+function Va(e) {
+  const t = e.document, n = { layers: [], guard: So(e), teardown: () => {
   } }, o = (a) => {
-    if (Tn.has(a)) return;
-    Tn.add(a);
+    if (Ln.has(a)) return;
+    Ln.add(a);
     const s = a.composedPath();
-    if (!(Ha(s) || Ta(s, t)))
+    if (!(Wa(s) || Ba(s, t)))
       for (const r of [...n.layers].reverse()) {
         if (r.disposed) continue;
-        const c = Nn(r);
-        if (Ln(s, c) || Mn(s, c)) return;
+        const l = Dn(r);
+        if (Wn(s, l) || Hn(s, l)) return;
         if (r.options.onOutside?.(a) === "veto") {
-          a.preventDefault(), a.stopImmediatePropagation(), Na(e);
+          a.preventDefault(), a.stopImmediatePropagation(), Oa(e);
           return;
         }
       }
@@ -1133,75 +1134,75 @@ function La(e) {
     if (a.key !== "Escape" || a.defaultPrevented || n.guard.ownsKey(a)) return;
     const s = n.layers.at(-1);
     if (!s?.options.onEscape) return;
-    const r = a.composedPath(), c = Nn(s);
-    if (Mn(r, c)) return;
-    const l = r.find((u) => u instanceof Element && u.hasAttribute(Co));
-    l && !Ln([l], c) || s.options.onEscape(a) && (a.preventDefault(), a.stopPropagation());
+    const r = a.composedPath(), l = Dn(s);
+    if (Hn(r, l)) return;
+    const c = r.find((u) => u instanceof Element && u.hasAttribute(bo));
+    c && !Wn([c], l) || s.options.onEscape(a) && (a.preventDefault(), a.stopPropagation());
   };
   return e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", i, !0), n.teardown = () => {
     e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", i, !0), n.guard.dispose();
   }, n;
 }
-function Fa(e, t) {
-  const n = Pt.get(e) ?? La(e);
-  Pt.set(e, n);
+function Ga(e, t) {
+  const n = Mt.get(e) ?? Va(e);
+  Mt.set(e, n);
   const o = { options: t, disposed: !1 };
   return n.layers.push(o), {
     get disposed() {
       return o.disposed;
     },
     dispose() {
-      o.disposed || (o.disposed = !0, n.layers = n.layers.filter((i) => i !== o), !n.layers.length && (n.teardown(), Pt.delete(e)));
+      o.disposed || (o.disposed = !0, n.layers = n.layers.filter((i) => i !== o), !n.layers.length && (n.teardown(), Mt.delete(e)));
     }
   };
 }
-function Fn(e) {
-  const t = to(e);
+function Bn(e) {
+  const t = so(e);
   return Array.isArray(t) ? [...t] : [t];
 }
-function Da(e, t, n) {
-  const o = ue(() => to(t), (i, a, s) => {
+function Ua(e, t, n) {
+  const o = de(() => so(t), (i, a, s) => {
     if (!i || typeof window > "u") return;
-    const r = Fn(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = Fa(r, {
-      elements: () => Fn(e),
-      onOutside: (l) => n.onOutside?.(l),
-      onEscape: (l) => n.onEscape?.(l)
+    const r = Bn(e).find(Boolean)?.ownerDocument?.defaultView ?? window, l = Ga(r, {
+      elements: () => Bn(e),
+      onOutside: (c) => n.onOutside?.(c),
+      onEscape: (c) => n.onEscape?.(c)
     });
-    s(() => c.dispose());
+    s(() => l.dispose());
   }, { immediate: !0, flush: "sync" });
-  return Xo() && no(o), o;
+  return Jo() && ro(o), o;
 }
-const wo = 2, Wa = 4, zt = 20, Ba = 2, Oa = 5, lt = 16;
-function Va(e, t, n) {
+const xo = 2, Ka = 4, At = 20, _a = 2, $a = 5, ut = 16;
+function qa(e, t, n) {
   const o = e.createElement("canvas").getContext("2d");
   if (!o) return null;
   o.font = `${t}px ${n}`, o.textBaseline = "alphabetic";
   const { fontBoundingBoxAscent: i, fontBoundingBoxDescent: a } = o.measureText("Hg");
   o.textBaseline = "middle";
   const { alphabeticBaseline: s } = o.measureText("Hg"), r = { ascent: i, descent: a, drop: -s };
-  return Object.values(r).every((c) => Number.isFinite(c) && Math.abs(c) < t * 2) ? r : null;
+  return Object.values(r).every((l) => Number.isFinite(l) && Math.abs(l) < t * 2) ? r : null;
 }
-const Ut = (e) => e.view || e.kind === "long-text";
-function ut(e) {
+const _t = (e) => e.view || e.kind === "long-text";
+function ht(e) {
   const t = e.textBox, n = e.rowHeight;
-  if (!Ut(e)) {
+  if (!_t(e)) {
     if (!t) return { top: 0, bottom: 0, lineHeight: n };
     const a = Math.ceil(t.ascent + t.descent), s = Math.round(n / 2 + t.drop - t.ascent);
     return { top: Math.max(0, Math.min(n - a, s)), bottom: 0, lineHeight: a };
   }
-  const o = Math.max(0, (n - zt) / 2), i = t ? Math.round(n / 2 + t.drop - t.ascent) - Math.floor((zt - Math.ceil(t.ascent + t.descent)) / 2) : o;
-  return { top: Math.max(0, i), bottom: e.hint ? lt : o, lineHeight: zt };
+  const o = Math.max(0, (n - At) / 2), i = t ? Math.round(n / 2 + t.drop - t.ascent) - Math.floor((At - Math.ceil(t.ascent + t.descent)) / 2) : o;
+  return { top: Math.max(0, i), bottom: e.hint ? ut : o, lineHeight: At };
 }
-function vo(e) {
-  if (!Ut(e)) return e.rowHeight;
-  const { top: t, bottom: n, lineHeight: o } = ut(e), i = e.view ? 1 : Ba, a = Math.min(Oa, Math.max(i, Math.ceil(e.lines)));
+function Ro(e) {
+  if (!_t(e)) return e.rowHeight;
+  const { top: t, bottom: n, lineHeight: o } = ht(e), i = e.view ? 1 : _a, a = Math.min($a, Math.max(i, Math.ceil(e.lines)));
   return Math.max(e.rowHeight, t + n + a * o);
 }
-function Ga(e, t) {
-  const { top: n, bottom: o, lineHeight: i } = ut(t);
+function Xa(e, t) {
+  const { top: n, bottom: o, lineHeight: i } = ht(t);
   return Math.max(1, Math.round((e - n - o) / i));
 }
-const Ua = {
+const Ya = {
   display: "block",
   width: "100%",
   height: "100%",
@@ -1217,14 +1218,14 @@ const Ua = {
   color: "transparent",
   font: "inherit"
 };
-function Ka(e) {
-  if (!e.open) return Ua;
-  const { top: t, bottom: n, lineHeight: o } = ut(e), i = B.cellHorizontalPadding, a = Ut(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
+function ja(e) {
+  if (!e.open) return Ya;
+  const { top: t, bottom: n, lineHeight: o } = ht(e), i = B.cellHorizontalPadding, a = _t(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
   return {
     display: "block",
     "box-sizing": "border-box",
     width: "100%",
-    height: `${vo(e)}px`,
+    height: `${Ro(e)}px`,
     margin: "0",
     padding: `${t}px ${i}px ${n}px`,
     border: "0",
@@ -1240,19 +1241,19 @@ function Ka(e) {
     "caret-color": e.theme.cellTextColor,
     font: `${e.theme.fontSizeSM}px/${o}px ${e.theme.fontFamily}`,
     "text-align": e.kind === "number" && !e.view ? "right" : "left",
-    "border-radius": `${Wa}px`,
-    "box-shadow": `0 0 0 ${wo}px ${s}`,
+    "border-radius": `${Ka}px`,
+    "box-shadow": `0 0 0 ${xo}px ${s}`,
     transition: "none"
   };
 }
-function _a(e) {
+function Qa(e) {
   return {
     position: "absolute",
     left: `${B.cellHorizontalPadding}px`,
     right: `${B.cellHorizontalPadding}px`,
     // Placed by `top` from the editor height so it never depends on layout.
-    height: `${lt}px`,
-    "line-height": `${lt - 2}px`,
+    height: `${ut}px`,
+    "line-height": `${ut - 2}px`,
     "font-size": "var(--ui-font-size-sm, 12px)",
     "font-family": e.theme.fontFamily,
     color: "var(--ui-text-muted)",
@@ -1262,10 +1263,10 @@ function _a(e) {
     "pointer-events": "none"
   };
 }
-function $a(e) {
+function Za(e) {
   return {
     position: "absolute",
-    left: `-${wo}px`,
+    left: `-${xo}px`,
     "max-width": "320px",
     "min-width": "120px",
     "box-sizing": "border-box",
@@ -1281,8 +1282,8 @@ function $a(e) {
     "pointer-events": "none"
   };
 }
-const qa = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
-class Xa {
+const Ja = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
+class es {
   session;
   options;
   mode = "edit";
@@ -1322,11 +1323,11 @@ class Xa {
       get version() {
         return n().version;
       }
-    }, this.session = Ea({
+    }, this.session = Da({
       validate: (i, a) => this.mode === "edit" ? this.options.validate?.(a, i ?? "") : null,
       onCommit: (i, a, s) => {
-        const { move: r, reason: c } = this.pending;
-        this.wrote = !0, this.options.onCommit({ cell: [i[0], i[1]], value: a ?? "", previous: s ?? "", move: r, reason: c });
+        const { move: r, reason: l } = this.pending;
+        this.wrote = !0, this.options.onCommit({ cell: [i[0], i[1]], value: a ?? "", previous: s ?? "", move: r, reason: l });
       },
       onChange: () => this.options.onChange?.(this.state)
     });
@@ -1337,7 +1338,7 @@ class Xa {
    * edited (the IME keydown, then its `compositionstart`) changes nothing.
    */
   begin(t) {
-    if (this.state.active && qa(this.state.cell, t.cell)) return null;
+    if (this.state.active && Ja(this.state.cell, t.cell)) return null;
     this.state.active && this.commit("selection", "none");
     const n = t.mode === "edit" && (t.trigger === "key" || t.trigger === "composition");
     this.mode = t.mode, this.kind = t.kind, this.pending = { move: "none", reason: "blur" };
@@ -1403,10 +1404,10 @@ class Xa {
     return this.pending.reason;
   }
 }
-function Ya(e) {
-  const t = ce(1);
+function ts(e) {
+  const t = ue(1);
   let n = null;
-  const o = new Xa({
+  const o = new es({
     validate: (u, h) => {
       const m = e.columnAt(u[0]);
       return m && e.validate ? e.validate(u, m, h) : null;
@@ -1438,14 +1439,14 @@ function Ya(e) {
     dirty: o.state.dirty,
     error: o.state.error,
     version: o.state.version
-  }), a = ce(i()), s = (u) => u.editor ?? "text", r = (u) => e.enabled() && s(u) !== "custom", c = () => {
+  }), a = ue(i()), s = (u) => u.editor ?? "text", r = (u) => e.enabled() && s(u) !== "custom", l = () => {
     const u = e.owner(), { kind: h, mode: m, active: g } = o.state;
     if (!u || !g || h !== "long-text" && m !== "view") return;
-    const C = { kind: h, view: m === "view", hint: h === "long-text" && m === "edit" && e.hasHint(), rowHeight: e.rowHeight(), textBox: e.textBox() }, { top: S, bottom: p } = ut(C), { height: w, padding: v, whiteSpace: y } = u.style;
-    u.style.height = "0px", u.style.padding = `${S}px 8px ${p}px`, u.style.whiteSpace = "pre-wrap";
-    const R = Ga(u.scrollHeight, C);
+    const C = { kind: h, view: m === "view", hint: h === "long-text" && m === "edit" && e.hasHint(), rowHeight: e.rowHeight(), textBox: e.textBox() }, { top: S, bottom: p } = ht(C), { height: w, padding: v, whiteSpace: y } = u.style;
+    u.style.height = "0px", u.style.padding = `${S}px ${B.cellHorizontalPadding}px ${p}px`, u.style.whiteSpace = "pre-wrap";
+    const R = Xa(u.scrollHeight, C);
     u.style.height = w, u.style.padding = v, u.style.whiteSpace = y, R !== t.value && (t.value = R);
-  }, l = {
+  }, c = {
     state: a,
     lines: t,
     get active() {
@@ -1463,7 +1464,7 @@ function Ya(e) {
       });
       if (!S) return !0;
       const p = e.owner();
-      return p && (p.value !== S.text && (p.value = S.text), S.caretAtEnd && p.setSelectionRange(S.text.length, S.text.length), p.ownerDocument.activeElement !== p && e.refocus()), t.value = 1, c(), !0;
+      return p && (p.value !== S.text && (p.value = S.text), S.caretAtEnd && p.setSelectionRange(S.text.length, S.text.length), p.ownerDocument.activeElement !== p && e.refocus()), t.value = 1, l(), !0;
     },
     keyDown(u, h) {
       if (!o.state.active) return !1;
@@ -1476,11 +1477,11 @@ function Ya(e) {
     compositionEnd() {
       if (!o.state.active) return;
       const u = e.owner();
-      u && o.input(u.value), o.setComposing(!1), o.state.active && c();
+      u && o.input(u.value), o.setComposing(!1), o.state.active && l();
     },
     input() {
       const u = e.owner();
-      !u || !o.state.active || (o.input(u.value), c());
+      !u || !o.state.active || (o.input(u.value), l());
     },
     blur() {
       !o.state.active || o.state.composing || o.commit("blur", "none");
@@ -1493,11 +1494,11 @@ function Ya(e) {
       o.cancel();
     }
   };
-  return ue(e.owner, (u, h, m) => {
-    u && (n = fo(u), m(() => {
+  return de(e.owner, (u, h, m) => {
+    u && (n = So(u), m(() => {
       n?.dispose(), n = null;
     }));
-  }, { immediate: !0, flush: "sync" }), Da(
+  }, { immediate: !0, flush: "sync" }), Ua(
     () => e.root() ?? null,
     () => a.value.active || e.hasSelection(),
     {
@@ -1509,9 +1510,9 @@ function Ya(e) {
         if (o.commit("outside", "none") === "invalid") return "veto";
       }
     }
-  ), no(() => o.cancel()), l;
+  ), ro(() => o.cancel()), c;
 }
-const ja = {
+const ns = {
   text: "--ui-text",
   textMuted: "--ui-text-secondary",
   link: "--ui-accent-11",
@@ -1532,7 +1533,7 @@ const ja = {
   avatarText: "--ui-text",
   badgeFill: "--ui-neutral-soft",
   badgeText: "--ui-neutral-text"
-}, Qa = {
+}, os = {
   neutral: { fill: "--ui-neutral-soft", color: "--ui-neutral-text" },
   info: { fill: "--ui-info-soft", color: "--ui-info-text" },
   success: { fill: "--ui-success-soft", color: "--ui-success-text" },
@@ -1577,15 +1578,15 @@ const ja = {
     gray: { fill: "rgba(198, 212, 224, 0.4)", color: "#636b74" }
   },
   themeKey: "light"
-}, Za = (e, t = {}) => {
+}, is = (e, t = {}) => {
   const n = (i, a) => e(i)?.trim() || a, o = { ...Ue, chips: { ...Ue.chips } };
-  for (const [i, a] of Object.entries(ja)) o[i] = n(a, o[i]);
-  for (const [i, a] of Object.entries(Qa)) {
+  for (const [i, a] of Object.entries(ns)) o[i] = n(a, o[i]);
+  for (const [i, a] of Object.entries(os)) {
     const s = Ue.chips[i];
     o.chips[i] = { fill: n(a.fill, s.fill), color: n(a.color, s.color) };
   }
   return { ...o, ...t };
-}, So = (e, t = {}) => {
+}, ko = (e, t = {}) => {
   const n = getComputedStyle(e), o = e.ownerDocument.createElement("span");
   o.setAttribute("aria-hidden", "true"), o.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none", e.appendChild(o);
   try {
@@ -1593,30 +1594,30 @@ const ja = {
       if (n.getPropertyValue(s).trim())
         return o.style.color = "", o.style.color = `var(${s})`, getComputedStyle(o).color || void 0;
     }, a = e.closest('[data-ui-color-scheme="dark"]') != null;
-    return Za(i, { themeKey: a ? "dark" : "light", ...t });
+    return is(i, { themeKey: a ? "dark" : "light", ...t });
   } finally {
     o.remove();
   }
-}, Dn = (e, t = 13, n = 12) => ({
+}, On = (e, t = 13, n = 12) => ({
   rowHeight: e,
-  padding: 8,
+  padding: B.cellHorizontalPadding,
   chip: Math.max(14, Math.min(20, e - 8)),
   icon: Math.max(12, Math.min(16, e - 8)),
   fontSize: t,
   chipFontSize: Math.min(n, Math.max(10, e - 12))
-}), Ja = 30, es = 2, ts = 1200, ns = (e, t, n, o = Ja) => {
-  const { x: i, y: a } = e, { containerWidth: s, containerHeight: r, freezeRegionWidth: c, columnInitSize: l, rowInitSize: u } = t;
+}), as = 30, ss = 2, rs = 1200, ls = (e, t, n, o = as) => {
+  const { x: i, y: a } = e, { containerWidth: s, containerHeight: r, freezeRegionWidth: l, columnInitSize: c, rowInitSize: u } = t;
   let h = 0, m = 0;
   if (!n || n === O.None || n === O.Columns) {
-    const g = i >= l && i < c;
-    s - i < o ? h = 1 : i < c + o && !g && (h = -1);
+    const g = i >= c && i < l;
+    s - i < o ? h = 1 : i < l + o && !g && (h = -1);
   }
   return (!n || n === O.None || n === O.Rows) && (r - a < o ? m = 1 : a < u + o && (m = -1)), [h, m];
-}, os = (e, t, n) => {
-  const o = Math.min(1, e + t / ts), i = o * t * es + (n ?? 0), a = Math.floor(i);
+}, cs = (e, t, n) => {
+  const o = Math.min(1, e + t / rs), i = o * t * ss + (n ?? 0), a = Math.floor(i);
   return { speed: o, motion: a, carry: n == null ? 0 : i - a };
 };
-class is {
+class us {
   direction = [0, 0];
   speed = 0;
   carry = 0;
@@ -1630,7 +1631,7 @@ class is {
     return this.frameId != null;
   }
   update(t, n) {
-    const [o, i] = ns(t, this.options.getBounds(), n);
+    const [o, i] = ls(t, this.options.getBounds(), n);
     if (!(o === this.direction[0] && i === this.direction[1])) {
       if (this.direction = [o, i], this.cancel(), o === 0 && i === 0) {
         this.speed = 0, this.carry = 0;
@@ -1644,7 +1645,7 @@ class is {
   }
   processFrame = (t) => {
     if (this.lastTime !== 0) {
-      const n = os(this.speed, t - this.lastTime, this.options.carryFraction === !1 ? void 0 : this.carry);
+      const n = cs(this.speed, t - this.lastTime, this.options.carryFraction === !1 ? void 0 : this.carry);
       this.speed = n.speed, this.carry = n.carry;
       const [o, i] = this.direction, a = o * n.motion, s = i * n.motion;
       (a !== 0 || s !== 0) && this.options.scrollBy(a, s), this.options.onTick?.(a, s);
@@ -1658,12 +1659,12 @@ class is {
     this.frameId != null && ((this.options.cancelFrame ?? cancelAnimationFrame)(this.frameId), this.frameId = null);
   }
 }
-const Wn = (e, t, n, o) => {
+const Vn = (e, t, n, o) => {
   const i = e.getColumnRelativeOffset(o, t);
   return V(n, i, i + B.columnResizeHandlerWidth / 2) ? o - 1 : o;
 };
-class as {
-  state = Rt;
+class ds {
+  state = kt;
   hoveredIndex = -1;
   pressed = null;
   options;
@@ -1683,8 +1684,8 @@ class as {
   /** On pointerdown; returns false unless the pointer is on a resize zone. */
   start(t) {
     const { type: n, columnIndex: o, x: i } = t;
-    if (n !== x.ColumnResizeHandler) return !1;
-    const a = this.options.coordInstance(), s = Wn(a, this.options.scrollState().scrollLeft, i, o);
+    if (n !== b.ColumnResizeHandler) return !1;
+    const a = this.options.coordInstance(), s = Vn(a, this.options.scrollState().scrollLeft, i, o);
     if (s < 0) return !1;
     const r = a.getColumnWidth(s);
     return this.pressed = { x: i, width: r }, this.state = { x: i, columnIndex: s, width: r }, this.emit(), !0;
@@ -1698,23 +1699,23 @@ class as {
       this.state = { x: o, columnIndex: a, width: r }, this.emit(), this.options.onResize?.(r, a);
       return;
     }
-    const s = n === x.ColumnResizeHandler ? Wn(this.options.coordInstance(), this.options.scrollState().scrollLeft, o, i) : -1;
+    const s = n === b.ColumnResizeHandler ? Vn(this.options.coordInstance(), this.options.scrollState().scrollLeft, o, i) : -1;
     s !== this.hoveredIndex && (this.hoveredIndex = s, this.emit());
   }
   /** On pointerup; returns the final width and column, or null when not resizing. */
   end() {
     if (!this.isResizing) return null;
     const t = { width: this.state.width, columnIndex: this.state.columnIndex };
-    return this.pressed = null, this.state = Rt, this.emit(), t;
+    return this.pressed = null, this.state = kt, this.emit(), t;
   }
   /** Esc while resizing: puts the width back. */
   cancel() {
     if (!this.isResizing || !this.pressed) return;
     const { columnIndex: t } = this.state, { width: n } = this.pressed;
-    this.pressed = null, this.state = Rt, this.emit(), this.options.onResize?.(n, t);
+    this.pressed = null, this.state = kt, this.emit(), this.options.onResize?.(n, t);
   }
 }
-class ss {
+class hs {
   defaultRowHeight;
   defaultColumnWidth;
   pureRowCount;
@@ -1739,13 +1740,13 @@ class ss {
     columnCount: a,
     containerWidth: s,
     containerHeight: r,
-    rowInitSize: c = 0,
-    columnInitSize: l = 0,
+    rowInitSize: l = 0,
+    columnInitSize: c = 0,
     rowHeightMap: u = {},
     columnWidthMap: h = {},
     freezeColumnCount: m = 1
   }) {
-    this.defaultRowHeight = t, this.defaultColumnWidth = n, this.rowCount = o, this.pureRowCount = i, this.columnCount = a, this.rowInitSize = c, this.columnInitSize = l, this._containerWidth = s, this._containerHeight = r, this.rowHeightMap = u, this.columnWidthMap = h, this._freezeColumnCount = m;
+    this.defaultRowHeight = t, this.defaultColumnWidth = n, this.rowCount = o, this.pureRowCount = i, this.columnCount = a, this.rowInitSize = l, this.columnInitSize = c, this._containerWidth = s, this._containerHeight = r, this.rowHeightMap = u, this.columnWidthMap = h, this._freezeColumnCount = m;
   }
   /** Width of the row header plus the frozen columns. */
   get freezeRegionWidth() {
@@ -1782,11 +1783,11 @@ class ss {
     this.defaultRowHeight = t;
   }
   get totalWidth() {
-    const { offset: t, size: n } = this.getCellMetaData(this.columnCount - 1, Q.Column);
+    const { offset: t, size: n } = this.getCellMetaData(this.columnCount - 1, Z.Column);
     return t + n;
   }
   get totalHeight() {
-    const { offset: t, size: n } = this.getCellMetaData(this.rowCount - 1, Q.Row);
+    const { offset: t, size: n } = this.getCellMetaData(this.rowCount - 1, Z.Row);
     return t + n;
   }
   getRowHeight(t) {
@@ -1797,22 +1798,22 @@ class ss {
   }
   /** Offset and size of one row or column, extending the prefix-sum cache up to `index` when needed. */
   getCellMetaData(t, n) {
-    const o = n === Q.Column, i = o ? this.columnWidth : this.rowHeight;
+    const o = n === Z.Column, i = o ? this.columnWidth : this.rowHeight;
     let a = o ? this.columnInitSize : this.rowInitSize;
     const s = o ? this.lastColumnIndex : this.lastRowIndex, r = o ? this.columnMetaDataMap : this.rowMetaDataMap;
     if (t > s) {
-      const c = r[s];
-      s >= 0 && c && (a = c.offset + c.size);
-      for (let l = s + 1; l <= t; l++) {
-        const u = (o ? this.columnWidthMap[l] : this.rowHeightMap[l]) ?? i;
-        r[l] = { offset: a, size: u }, a += u;
+      const l = r[s];
+      s >= 0 && l && (a = l.offset + l.size);
+      for (let c = s + 1; c <= t; c++) {
+        const u = (o ? this.columnWidthMap[c] : this.rowHeightMap[c]) ?? i;
+        r[c] = { offset: a, size: u }, a += u;
       }
       o ? this.lastColumnIndex = t : this.lastRowIndex = t;
     }
     return r[t] ?? { size: 0, offset: 0 };
   }
   findNearestCellIndexLinear(t, n, o) {
-    const i = o === Q.Column ? this.columnCount : this.rowCount;
+    const i = o === Z.Column ? this.columnCount : this.rowCount;
     let a = 1;
     for (; t < i && this.getCellMetaData(t, o).offset < n; )
       t += a, a *= 2;
@@ -1828,34 +1829,34 @@ class ss {
   }
   /** Index of the row or column that contains `offset` (in content coordinates, headers included). */
   findNearestCellIndex(t, n) {
-    const o = n === Q.Column, i = o ? this.columnMetaDataMap : this.rowMetaDataMap, a = o ? this.lastColumnIndex : this.lastRowIndex;
+    const o = n === Z.Column, i = o ? this.columnMetaDataMap : this.rowMetaDataMap, a = o ? this.lastColumnIndex : this.lastRowIndex;
     return (a > 0 ? i[a]?.offset ?? 0 : 0) >= t ? this.findNearestCellIndexBinary(t, 0, a, n) : this.findNearestCellIndexLinear(Math.max(0, a), t, n);
   }
   getRowStartIndex(t) {
-    return this.findNearestCellIndex(t, Q.Row);
+    return this.findNearestCellIndex(t, Z.Row);
   }
   getRowStopIndex(t, n) {
-    const o = this.getCellMetaData(t, Q.Row), i = n + this._containerHeight;
+    const o = this.getCellMetaData(t, Z.Row), i = n + this._containerHeight;
     let a = o.offset + o.size, s = t;
     for (; s < this.rowCount - 1 && a < i; )
-      s++, a += this.getCellMetaData(s, Q.Row).size;
+      s++, a += this.getCellMetaData(s, Z.Row).size;
     return s;
   }
   getColumnStartIndex(t) {
-    return this.findNearestCellIndex(t, Q.Column);
+    return this.findNearestCellIndex(t, Z.Column);
   }
   getColumnStopIndex(t, n) {
-    const o = this.getCellMetaData(t, Q.Column), i = n + this._containerWidth;
+    const o = this.getCellMetaData(t, Z.Column), i = n + this._containerWidth;
     let a = o.offset + o.size, s = t;
     for (; s < this.columnCount - 1 && a < i; )
-      s++, a += this.getCellMetaData(s, Q.Column).size;
+      s++, a += this.getCellMetaData(s, Z.Column).size;
     return s;
   }
   getRowOffset(t) {
-    return this.getCellMetaData(t, Q.Row).offset;
+    return this.getCellMetaData(t, Z.Row).offset;
   }
   getColumnOffset(t) {
-    return this.getCellMetaData(t, Q.Column).offset;
+    return this.getCellMetaData(t, Z.Column).offset;
   }
   /** Column x on screen: frozen columns ignore horizontal scroll. */
   getColumnRelativeOffset(t, n) {
@@ -1869,12 +1870,12 @@ class ss {
     this.rowCount = t, this.pureRowCount = n, this.rowInitSize = o, this.rowHeightMap = i, a != null && (this.defaultRowHeight = a), this.lastRowIndex = -1, this.rowMetaDataMap = {};
   }
 }
-const rs = 240, ls = ({
+const ms = 240, gs = ({
   containerWidth: e,
   columnInitSize: t,
   columnCount: n,
   getColumnWidth: o,
-  minScrollableWidth: i = rs
+  minScrollableWidth: i = ms
 }) => {
   const a = e - i;
   if (a <= t) return 0;
@@ -1882,26 +1883,26 @@ const rs = 240, ls = ({
   for (let r = 0; r < n; r++)
     if (s += o(r) ?? 0, s > a) return r;
   return n;
-}, cs = (e, t, n, o) => {
+}, fs = (e, t, n, o) => {
   const { pureRowCount: i, columnCount: a } = o, s = !!n.expand;
-  let [r, c] = e.ranges[s ? 1 : 0];
-  n.jump ? t === "up" ? c = 0 : t === "down" ? c = i - 1 : t === "left" ? r = 0 : r = a - 1 : t === "up" ? c = Math.max(c - 1, 0) : t === "down" ? c = Math.min(c + 1, i - 1) : t === "left" ? r = Math.max(r - 1, 0) : r = Math.min(r + 1, a - 1);
-  const l = [r, c], u = s ? [e.ranges[0], l] : [l, l];
+  let [r, l] = e.ranges[s ? 1 : 0];
+  n.jump ? t === "up" ? l = 0 : t === "down" ? l = i - 1 : t === "left" ? r = 0 : r = a - 1 : t === "up" ? l = Math.max(l - 1, 0) : t === "down" ? l = Math.min(l + 1, i - 1) : t === "left" ? r = Math.max(r - 1, 0) : r = Math.min(r + 1, a - 1);
+  const c = [r, l], u = s ? [e.ranges[0], c] : [c, c];
   return {
     selection: e.setRanges(u),
-    ...s ? {} : { activeCell: l },
-    scrollTo: l
+    ...s ? {} : { activeCell: c },
+    scrollTo: c
   };
-}, Bn = (e, t, n) => {
+}, Gn = (e, t, n) => {
   const [o, i] = e.ranges[0], s = [t ? Math.max(o - 1, 0) : Math.min(o + 1, n.columnCount - 1), i];
   return { selection: e.setRanges([s, s]), activeCell: s, scrollTo: s };
-}, us = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), ds = (e, t, n = !1) => {
+}, ps = (e, t) => e.setRanges([[0, 0], [t.columnCount - 1, t.pureRowCount - 1]]), Cs = (e, t, n = !1) => {
   let o = e.ranges[0];
   e.isColumnSelection && (o = [o[0], 0]);
   const [i, a] = o, s = n ? a : Math.min(a + 1, t.pureRowCount - 1), r = [i, s];
   return { selection: e.set(H.Cells, [r, r]), activeCell: r, scrollTo: r };
 };
-class oe {
+class se {
   type;
   ranges;
   constructor(t = H.None, n = []) {
@@ -1926,10 +1927,10 @@ class oe {
     if (!Array.isArray(n)) throw new Error("Ranges of the selection should be an array type!");
     if (t === H.Cells && n.length < 2) throw new Error("Ranges of type cells should have a length greater than 2!");
     if ((t === H.Columns || t === H.Rows) && !n.length) throw new Error("Ranges of type columns or rows should have a length greater than 1!");
-    return new oe(t, n);
+    return new se(t, n);
   }
   setRanges(t) {
-    return new oe(this.type, t);
+    return new se(this.type, t);
   }
   isOverlap(t, n) {
     return !(t[1] < n[0] || t[0] > n[1]);
@@ -1941,10 +1942,10 @@ class oe {
       case H.Columns: {
         let n = !1;
         const o = this.ranges.map((i) => this.isOverlap(i, t) ? (n = !0, [Math.min(i[0], t[0]), Math.max(i[1], t[1])]) : i);
-        return n || o.push(t), new oe(this.type, Tt(o));
+        return n || o.push(t), new se(this.type, Ft(o));
       }
       case H.Cells:
-        return new oe(this.type, [this.ranges[0], t]);
+        return new se(this.type, [this.ranges[0], t]);
       default:
         return Ge;
     }
@@ -1954,25 +1955,25 @@ class oe {
     switch (this.type) {
       case H.Rows:
       case H.Columns: {
-        const n = ui(this.ranges, t);
-        return n.length ? new oe(this.type, n) : Ge;
+        const n = pi(this.ranges, t);
+        return n.length ? new se(this.type, n) : Ge;
       }
       case H.Cells:
-        return new oe(this.type, [this.ranges[0], t]);
+        return new se(this.type, [this.ranges[0], t]);
       default:
         return Ge;
     }
   }
   flatten() {
     const [t, n] = this.ranges;
-    return this.isCellSelection ? [...t, ...n] : li(this.ranges);
+    return this.isCellSelection ? [...t, ...n] : gi(this.ranges);
   }
   /** Runs merged and sorted, or the cell rectangle as `[topLeft, bottomRight]`. */
   serialize() {
     switch (this.type) {
       case H.Rows:
       case H.Columns:
-        return Tt(this.ranges);
+        return Ft(this.ranges);
       case H.Cells: {
         const [t, n] = this.ranges;
         return [
@@ -1990,20 +1991,20 @@ class oe {
     switch (this.type) {
       case H.Rows:
       case H.Columns:
-        return ri(t, this.ranges);
+        return mi(t, this.ranges);
       case H.Cells:
-        return ci(t, this.ranges[0], this.ranges[1]);
+        return fi(t, this.ranges[0], this.ranges[1]);
       default:
         return !1;
     }
   }
   equals(t) {
-    return Ot(this.ranges, t);
+    return Gt(this.ranges, t);
   }
 }
-const Ge = new oe(H.None, []);
-class hs {
-  selection = new oe();
+const Ge = new se(H.None, []);
+class ws {
+  selection = new se();
   activeCell = null;
   isSelecting = !1;
   prevSelectedRowIndex = null;
@@ -2012,13 +2013,13 @@ class hs {
     this.options = t;
   }
   get selectable() {
-    return this.options.selectable ?? $.All;
+    return this.options.selectable ?? K.All;
   }
   get isMultiSelectionEnable() {
     return this.options.isMultiSelectionEnable ?? !0;
   }
   getLinearRow(t) {
-    return (this.options.getLinearRow ?? Wt)(t);
+    return (this.options.getLinearRow ?? Ot)(t);
   }
   /** Replaces the selection and/or the active cell; notifies once if either changed. */
   update(t) {
@@ -2031,24 +2032,26 @@ class hs {
   }
   onSelectionStart(t, n) {
     const o = this.selectable;
-    if (o !== $.All && o !== $.Cell) return;
-    const { type: i, rowIndex: a, columnIndex: s } = n, { isRowSelection: r, ranges: c } = this.selection, l = t.shiftKey && !t.metaKey;
+    if (o !== K.All && o !== K.Cell) return;
+    const { type: i, rowIndex: a, columnIndex: s } = n, { isRowSelection: r, ranges: l } = this.selection, c = t.shiftKey && !t.metaKey;
     switch (i) {
-      case x.Cell:
-      case x.ActiveCell: {
-        const { realIndex: u } = this.getLinearRow(a), h = [s, u], m = l && !r && c[0] != null, g = [m ? c[0] : h, h];
+      case b.Cell:
+      case b.ActiveCell: {
+        const { realIndex: u } = this.getLinearRow(a), h = [s, u], m = c && !r && l[0] != null, g = [m ? l[0] : h, h];
         this.isMultiSelectionEnable && (this.isSelecting = !0), this.update({
           selection: this.selection.set(H.Cells, g),
           ...m ? {} : { activeCell: h }
         });
         return;
       }
-      case x.RowHeaderDragHandler:
-      case x.RowHeaderCheckbox:
-      case x.ColumnHeader:
-      case x.AllCheckbox:
-      case x.RowHeader:
-      case x.AppendRow:
+      // The expand control opens the record on release; the selection stays.
+      case b.RowHeaderExpandHandler:
+      case b.RowHeaderDragHandler:
+      case b.RowHeaderCheckbox:
+      case b.ColumnHeader:
+      case b.AllCheckbox:
+      case b.RowHeader:
+      case b.AppendRow:
         return;
       default:
         this.update({ selection: this.selection.reset(), activeCell: null });
@@ -2057,14 +2060,14 @@ class hs {
   /** Moves the head to the cell under the pointer while drag-selecting. Positions above or left of the grid clamp to 0. */
   onSelectionChange(t) {
     if (!this.isSelecting) return;
-    const { isCellSelection: n, ranges: o } = this.selection, { rowIndex: i, columnIndex: a } = t, s = Number.isFinite(i) ? i : 0, r = Number.isFinite(a) ? a : 0, { realIndex: c } = this.getLinearRow(s), l = [r, c];
-    n && !this.selection.equals([o[0], l]) && this.update({ selection: this.selection.merge(l) });
+    const { isCellSelection: n, ranges: o } = this.selection, { rowIndex: i, columnIndex: a } = t, s = Number.isFinite(i) ? i : 0, r = Number.isFinite(a) ? a : 0, { realIndex: l } = this.getLinearRow(s), c = [r, l];
+    n && !this.selection.equals([o[0], c]) && this.update({ selection: this.selection.merge(c) });
   }
   onSelectionEnd() {
     this.isSelecting = !1;
   }
   onSelectionClick(t, n) {
-    const { shiftKey: o, metaKey: i } = t, a = o && !i, s = i && !o, { type: r, rowIndex: c, columnIndex: l } = n, u = this.selection, { ranges: h, isColumnSelection: m, isRowSelection: g } = u, C = this.selectable, S = this.isMultiSelectionEnable, p = (v, y) => {
+    const { shiftKey: o, metaKey: i } = t, a = o && !i, s = i && !o, { type: r, rowIndex: l, columnIndex: c } = n, u = this.selection, { ranges: h, isColumnSelection: m, isRowSelection: g } = u, C = this.selectable, S = this.isMultiSelectionEnable, p = (v, y) => {
       const R = [v, v], I = g && (S || h[0][0] === v) ? u.merge(R) : u.set(y, [R]);
       I.includes(R) && (this.prevSelectedRowIndex = v), this.update({ selection: I, activeCell: null });
     }, w = (v) => {
@@ -2076,37 +2079,37 @@ class hs {
         return;
       }
       const R = u.includes(y);
-      p(v, H.Rows), this.options.onRowControlClick?.(v, X.Checkbox, !R);
+      p(v, H.Rows), this.options.onRowControlClick?.(v, $.Checkbox, !R);
     };
     switch (r) {
-      case x.ColumnHeader: {
-        if (C !== $.All && C !== $.Column) return;
-        const v = S && a && m ? h[0][0] : l, y = [[Math.min(v, l), Math.max(v, l)]];
+      case b.ColumnHeader: {
+        if (C !== K.All && C !== K.Column) return;
+        const v = S && a && m ? h[0][0] : c, y = [[Math.min(v, c), Math.max(v, c)]];
         let R = u.set(H.Columns, y);
-        if (S && s && m && (R = u.merge([l, l])), !a || !m) {
+        if (S && s && m && (R = u.merge([c, c])), !a || !m) {
           this.update({ selection: R, activeCell: R.isNoneSelection ? null : [R.ranges[0][0], 0] });
           return;
         }
         this.update({ selection: R });
         return;
       }
-      case x.RowHeaderCheckbox: {
-        if (C !== $.All && C !== $.Row) return;
-        w(this.getLinearRow(c).realIndex);
+      case b.RowHeaderCheckbox: {
+        if (C !== K.All && C !== K.Row) return;
+        w(this.getLinearRow(l).realIndex);
         return;
       }
-      case x.Cell: {
-        const { realIndex: v } = this.getLinearRow(c);
-        if (C === $.Row) {
+      case b.Cell: {
+        const { realIndex: v } = this.getLinearRow(l);
+        if (C === K.Row) {
           if (this.options.isRowClickSelectionEnabled === !1) return;
           w(v);
           return;
         }
-        C === $.Column && p(l, H.Columns);
+        C === K.Column && p(c, H.Columns);
         return;
       }
-      case x.AllCheckbox: {
-        if (C !== $.All && C !== $.Row) return;
+      case b.AllCheckbox: {
+        if (C !== K.All && C !== K.Row) return;
         const v = [[0, this.options.getPureRowCount() - 1]];
         if (g && u.equals(v)) {
           this.update({ selection: u.reset() });
@@ -2123,74 +2126,74 @@ class hs {
    */
   onSelectionContextMenu(t, n) {
     const { x: o, y: i, columnIndex: a, rowIndex: s, type: r } = t;
-    if (r === x.Blank) return;
-    const c = this.selection, { isCellSelection: l, isRowSelection: u, isColumnSelection: h } = c, m = a >= -1 && s > -1, g = a > -1 && s === -1;
+    if (r === b.Blank) return;
+    const l = this.selection, { isCellSelection: c, isRowSelection: u, isColumnSelection: h } = l, m = a >= -1 && s > -1, g = a > -1 && s === -1;
     if (m) {
-      const { realIndex: C } = this.getLinearRow(s), S = l ? [a, C] : u ? [C, C] : h ? [a, a] : void 0;
-      if (c.includes(S)) return n(c, { x: o, y: i });
+      const { realIndex: C } = this.getLinearRow(s), S = c ? [a, C] : u ? [C, C] : h ? [a, a] : void 0;
+      if (l.includes(S)) return n(l, { x: o, y: i });
       if (a > -1) {
-        const p = [a, C], w = c.set(H.Cells, [p, p]);
+        const p = [a, C], w = l.set(H.Cells, [p, p]);
         return this.update({ selection: w, activeCell: p }), n(w, { x: o, y: i });
       }
     }
     if (g) {
-      if (h && c.includes([a, a])) return n(c, { x: o, y: i });
-      const C = c.set(H.Columns, [[a, a]]);
+      if (h && l.includes([a, a])) return n(l, { x: o, y: i });
+      const C = l.set(H.Columns, [[a, a]]);
       this.update({ selection: C, activeCell: [a, 0] }), n(C, { x: o, y: i });
     }
   }
 }
-const ms = (e, t, n) => {
+const vs = (e, t, n) => {
   if (!Number.isFinite(t) || n <= 0) return null;
   const o = Math.min(n - 1, Math.max(0, Math.trunc(t))), i = { startColumn: e.startColumn, endColumn: e.endColumn };
   return o > e.endRow ? { source: e, target: { ...i, startRow: e.endRow + 1, endRow: o }, direction: "down" } : o < e.startRow ? { source: e, target: { ...i, startRow: o, endRow: e.startRow - 1 }, direction: "up" } : null;
-}, gs = (e) => ({
+}, Ss = (e) => ({
   startColumn: e.source.startColumn,
   endColumn: e.source.endColumn,
   startRow: Math.min(e.source.startRow, e.target.startRow),
   endRow: Math.max(e.source.endRow, e.target.endRow)
-}), fs = (e) => typeof e == "number" && Number.isFinite(e), Tr = (e, t, n = "down") => {
+}), ys = (e) => typeof e == "number" && Number.isFinite(e), Or = (e, t, n = "down") => {
   if (t <= 0 || e.length === 0) return [];
-  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(fs) && o.some((s) => s !== o[0]), a = [];
+  const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(ys) && o.some((s) => s !== o[0]), a = [];
   if (i) {
-    const s = o.slice(1).map((c, l) => c - o[l]);
+    const s = o.slice(1).map((l, c) => l - o[c]);
     let r = o[o.length - 1];
-    for (let c = 0; c < t; c++)
-      r += s[c % s.length], a.push(ps(r, o));
+    for (let l = 0; l < t; l++)
+      r += s[l % s.length], a.push(bs(r, o));
   } else
     for (let s = 0; s < t; s++) a.push(o[s % o.length]);
   return n === "down" ? a : a.reverse();
-}, ps = (e, t) => {
+}, bs = (e, t) => {
   const n = Math.max(...t.map((i) => (String(i).split(".")[1] ?? "").length));
   if (n > 12) return e;
   const o = 10 ** n;
   return Math.round(e * o) / o;
-}, On = 20, Mt = {
-  drag: X.Drag,
-  expand: X.Expand,
-  checkbox: X.Checkbox
-}, Cs = {
-  none: $.None,
-  cell: $.Cell,
-  row: $.Row,
-  column: $.Column,
-  all: $.All
-}, ws = {
-  none: de.None,
-  column: de.Column,
-  row: de.Row,
-  all: de.All
-}, vs = {
+}, Un = 20, Et = {
+  drag: $.Drag,
+  expand: $.Expand,
+  checkbox: $.Checkbox
+}, xs = {
+  none: K.None,
+  cell: K.Cell,
+  row: K.Row,
+  column: K.Column,
+  all: K.All
+}, Rs = {
+  none: he.None,
+  column: he.Column,
+  row: he.Row,
+  all: he.All
+}, ks = {
   [H.None]: "none",
   [H.Cells]: "cells",
   [H.Rows]: "rows",
   [H.Columns]: "columns"
-}, Ss = {
+}, Is = {
   none: H.None,
   cells: H.Cells,
   rows: H.Rows,
   columns: H.Columns
-}, Vn = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, ys = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), bs = 640, xs = 50, Rs = (e, t) => ({
+}, Kn = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, Ps = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), zs = 640, Ms = 50, As = (e, t) => ({
   id: e.id,
   name: e.name,
   width: t,
@@ -2199,8 +2202,8 @@ const ms = (e, t, n) => {
   isPrimary: e.isPrimary,
   description: e.description,
   hasIcon: e.hasIcon
-}), yo = (e, t) => e === t || !!e && !!t && e[0] === t[0] && e[1] === t[1], ks = (e, t) => e.kind === t.kind && yo(e.activeCell, t.activeCell) && e.ranges.length === t.ranges.length && e.ranges.every((n, o) => n[0] === t.ranges[o][0] && n[1] === t.ranges[o][1]);
-class Is {
+}), Io = (e, t) => e === t || !!e && !!t && e[0] === t[0] && e[1] === t[1], Es = (e, t) => e.kind === t.kind && Io(e.activeCell, t.activeCell) && e.ranges.length === t.ranges.length && e.ranges.every((n, o) => n[0] === t.ranges[o][0] && n[1] === t.ranges[o][1]);
+class Hs {
   coord;
   scroll = { scrollTop: 0, scrollLeft: 0, isScrolling: !1 };
   mouseState = Ve;
@@ -2232,19 +2235,19 @@ class Is {
   constructor(t, n) {
     this.config = t, this.hooks = n, this.coord = this.createCoordinate();
     const o = () => this.config;
-    this.selection = new hs({
+    this.selection = new ws({
       getPureRowCount: () => this.config.rowCount,
       get selectable() {
-        return Cs[o().selectable];
+        return xs[o().selectable];
       },
       onChange: () => {
         const i = this.getSelection();
-        ks(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
+        Es(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
       },
       onRowControlClick: (i, a) => {
-        a === X.Expand && this.hooks.rowExpand(i);
+        a === $.Expand && this.hooks.rowExpand(i);
       }
-    }), this.resize = new as({
+    }), this.resize = new ds({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       minWidth: (i) => this.config.columns[i]?.minWidth ?? B.columnMinWidth,
@@ -2254,17 +2257,17 @@ class Is {
       onChange: (i) => {
         this.resizeState = i, this.hooks.render();
       }
-    }), this.resizeState = this.resize.state, this.drag = new gi({
+    }), this.resizeState = this.resize.state, this.drag = new Si({
       coordInstance: () => this.coord,
       scrollState: () => this.scroll,
       selection: () => this.selection.selection,
       get draggable() {
-        return ws[o().draggable];
+        return Rs[o().draggable];
       },
       onChange: (i) => {
         this.dragState = i, this.hooks.render();
       }
-    }), this.dragState = this.drag.state, this.autoScroller = new is({
+    }), this.dragState = this.drag.state, this.autoScroller = new us({
       getBounds: () => ({
         containerWidth: this.coord.containerWidth,
         containerHeight: this.coord.containerHeight,
@@ -2276,7 +2279,7 @@ class Is {
       onTick: () => {
         this.lastPoint && this.pointerMove({ ...this.lastPoint, ...this.lastModifiers }, !0);
       }
-    }), this.rowControls = this.visibleRowControls().map((i) => ({ type: Mt[i] })), this.applyColumns();
+    }), this.rowControls = this.visibleRowControls().map((i) => ({ type: Et[i] })), this.applyColumns();
   }
   /**
    * Touch on a grid no wider than 640 px. There a tap opens the record (the
@@ -2284,18 +2287,18 @@ class Is {
    * numbers only and no column is frozen.
    */
   get isPhone() {
-    return !!this.config.touch && this.width > 0 && this.width <= bs;
+    return !!this.config.touch && this.width > 0 && this.width <= zs;
   }
   visibleRowControls() {
     return this.isPhone ? [] : this.config.rowControls;
   }
   gutterWidth() {
-    return this.isPhone ? xs : ys(this.config.rowControls);
+    return this.isPhone ? Ms : Ps(this.config.rowControls);
   }
   // ---- configuration ----------------------------------------------------
   createCoordinate() {
     const { rowCount: t, rowHeight: n, headerHeight: o, columns: i, freezeColumnCount: a } = this.config;
-    return new ss({
+    return new hs({
       rowHeight: n,
       columnWidth: B.columnWidth,
       rowCount: t,
@@ -2312,7 +2315,7 @@ class Is {
     const { columns: t } = this.config, n = {};
     this.gridColumns = t.map((o, i) => {
       const a = this.widthOverrides.get(i) ?? o.width ?? B.columnWidth;
-      return n[i] = a, Rs(o, a);
+      return n[i] = a, As(o, a);
     }), this.coord.refreshColumnDimensions({ columnCount: t.length, columnInitSize: this.gutterWidth(), columnWidthMap: n }), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate();
   }
   /**
@@ -2321,7 +2324,7 @@ class Is {
    */
   freezeCount(t) {
     const { columns: n } = this.config, o = Math.min(t, n.length);
-    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, ls({
+    return this.width <= 0 ? o : this.isPhone ? 0 : Math.min(o, gs({
       containerWidth: this.width,
       columnInitSize: this.gutterWidth(),
       columnCount: n.length,
@@ -2330,7 +2333,7 @@ class Is {
   }
   configure(t) {
     const n = this.config;
-    this.config = t, n.rowHeight !== t.rowHeight || n.headerHeight !== t.headerHeight ? this.coord = this.createCoordinate() : n.rowCount !== t.rowCount && this.coord.refreshRowDimensions({ rowCount: t.rowCount, pureRowCount: t.rowCount, rowInitSize: t.headerHeight }), n.columns !== t.columns && this.widthOverrides.clear(), this.rowControls = this.visibleRowControls().map((o) => ({ type: Mt[o] })), this.applyColumns(), this.clampSelection(), this.setScroll(this.scroll.scrollLeft, this.scroll.scrollTop), this.updateVisible();
+    this.config = t, n.rowHeight !== t.rowHeight || n.headerHeight !== t.headerHeight ? this.coord = this.createCoordinate() : n.rowCount !== t.rowCount && this.coord.refreshRowDimensions({ rowCount: t.rowCount, pureRowCount: t.rowCount, rowInitSize: t.headerHeight }), n.columns !== t.columns && this.widthOverrides.clear(), this.rowControls = this.visibleRowControls().map((o) => ({ type: Et[o] })), this.applyColumns(), this.clampSelection(), this.setScroll(this.scroll.scrollLeft, this.scroll.scrollTop), this.updateVisible();
   }
   /** Drops a selection that points past the data after rows or columns went away. */
   clampSelection() {
@@ -2343,7 +2346,7 @@ class Is {
   setViewport(t, n) {
     if (t === this.width && n === this.height) return;
     const o = this.isPhone;
-    this.width = t, this.height = n, this.coord.containerWidth = t, this.coord.containerHeight = n, this.isPhone !== o && (this.rowControls = this.visibleRowControls().map((i) => ({ type: Mt[i] })), this.applyColumns()), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate(), this.updateVisible();
+    this.width = t, this.height = n, this.coord.containerWidth = t, this.coord.containerHeight = n, this.isPhone !== o && (this.rowControls = this.visibleRowControls().map((i) => ({ type: Et[i] })), this.applyColumns()), this.coord.freezeColumnCount = this.freezeCount(this.config.freezeColumnCount), this.invalidate(), this.updateVisible();
   }
   get viewport() {
     return { width: this.width, height: this.height };
@@ -2357,7 +2360,7 @@ class Is {
    * keeps room for a vertical overlay bar beside them.
    */
   get contentSize() {
-    const { totalWidth: t, totalHeight: n } = this.coord, o = t > this.width ? On : 0, i = n > this.height - o ? On : 0;
+    const { totalWidth: t, totalHeight: n } = this.coord, o = t > this.width ? Un : 0, i = n > this.height - o ? Un : 0;
     return { width: t + o, height: n + i };
   }
   /** The scroller moved (native scroll or our own `scrollTo`). */
@@ -2370,7 +2373,7 @@ class Is {
     this.setScroll(t, n), this.scroll !== o && this.hooks.scrollTo(this.scroll.scrollLeft, this.scroll.scrollTop);
   }
   updateVisible() {
-    const t = kn(this.coord, this.scroll), n = this.visible;
+    const t = Pn(this.coord, this.scroll), n = this.visible;
     n && n.startRowIndex === t.startRowIndex && n.stopRowIndex === t.stopRowIndex && n.startColumnIndex === t.startColumnIndex && n.stopColumnIndex === t.stopColumnIndex || (this.visible = t, this.contentVersion++, this.config.rowCount > 0 && this.config.columns.length > 0 && this.hooks.visibleRangeChange({
       startRow: t.startRowIndex,
       stopRow: t.stopRowIndex,
@@ -2379,7 +2382,7 @@ class Is {
     }));
   }
   get visibleRegion() {
-    return this.visible ?? (this.visible = kn(this.coord, this.scroll));
+    return this.visible ?? (this.visible = Pn(this.coord, this.scroll));
   }
   /** Marks cell content stale (data, columns or theme changed). */
   invalidate() {
@@ -2388,10 +2391,10 @@ class Is {
   // ---- selection --------------------------------------------------------
   getSelection() {
     const { selection: t, activeCell: n } = this.selection;
-    return { kind: vs[t.type], ranges: t.ranges.map((o) => [o[0], o[1]]), activeCell: n ? [n[0], n[1]] : null };
+    return { kind: ks[t.type], ranges: t.ranges.map((o) => [o[0], o[1]]), activeCell: n ? [n[0], n[1]] : null };
   }
   setSelection(t) {
-    const n = t.ranges.map((a) => [a[0], a[1]]), o = t.kind === "none" ? Ge : new oe(Ss[t.kind], n), i = t.activeCell !== void 0 ? t.activeCell ? [t.activeCell[0], t.activeCell[1]] : null : t.kind === "cells" && n[0] ? [n[0][0], n[0][1]] : null;
+    const n = t.ranges.map((a) => [a[0], a[1]]), o = t.kind === "none" ? Ge : new se(Is[t.kind], n), i = t.activeCell !== void 0 ? t.activeCell ? [t.activeCell[0], t.activeCell[1]] : null : t.kind === "cells" && n[0] ? [n[0][0], n[0][1]] : null;
     this.selection.update({ selection: o, activeCell: i });
   }
   selectCell(t, n) {
@@ -2413,12 +2416,12 @@ class Is {
     const [n, o] = t, { coord: i } = this, a = B.cellScrollBuffer;
     let { scrollLeft: s, scrollTop: r } = this.scroll;
     if (n >= i.freezeColumnCount && n < i.columnCount) {
-      const c = i.getColumnOffset(n), l = c + i.getColumnWidth(n), u = s + i.freezeRegionWidth, h = s + this.width;
-      c < u ? s = c - i.freezeRegionWidth : l > h && (s = l - this.width + a);
+      const l = i.getColumnOffset(n), c = l + i.getColumnWidth(n), u = s + i.freezeRegionWidth, h = s + this.width;
+      l < u ? s = l - i.freezeRegionWidth : c > h && (s = c - this.width + a);
     }
     if (o >= 0 && o < i.rowCount) {
-      const c = i.getRowOffset(o), l = c + i.getRowHeight(o), u = r + i.rowInitSize, h = r + this.height;
-      c < u ? r = c - i.rowInitSize : l > h && (r = l - this.height + a);
+      const l = i.getRowOffset(o), c = l + i.getRowHeight(o), u = r + i.rowInitSize, h = r + this.height;
+      l < u ? r = l - i.rowInitSize : c > h && (r = c - this.height + a);
     }
     this.scrollTo(s, r);
   }
@@ -2448,6 +2451,10 @@ class Is {
   get isResizeEnabled() {
     return this.config.columnResizable && !this.config.touch;
   }
+  /** A click on the row number opens the record (someone listens for `rowExpand`). */
+  get canExpandRow() {
+    return !!this.hooks.canExpandRow?.();
+  }
   /** True while the fill handle is dragged. */
   get isFilling() {
     return this.fillSource != null;
@@ -2473,13 +2480,13 @@ class Is {
     return !t || t[0] >= this.coord.columnCount || t[1] >= this.coord.pureRowCount ? null : { columnIndex: t[0], rowIndex: t[1], width: this.coord.getColumnWidth(t[0]), height: this.coord.getRowHeight(t[1]) };
   }
   hitTest(t) {
-    return ki(this.regionContext(), t);
+    return Ei(this.regionContext(), t);
   }
   // ---- pointer ----------------------------------------------------------
   /** Returns true when the press belongs to the grid (the host then claims focus). */
   pointerDown(t) {
     const n = { x: t.x, y: t.y }, o = this.hitTest(n);
-    return this.mouseState = o, this.down = { state: o, point: n }, this.lastPoint = n, this.lastModifiers = { shiftKey: t.shiftKey, commandKey: t.commandKey }, o.type === x.Blank || o.type === x.None ? (this.hooks.render(), !1) : o.type === x.FillHandler && (this.fillSource = qe(this.getSelection(), { rowCount: this.config.rowCount, columnCount: this.config.columns.length }), this.fillSource) ? (this.hooks.render(), !0) : (this.isResizeEnabled && this.resize.start(o) || (this.drag.start(o), this.selection.onSelectionStart({ shiftKey: t.shiftKey, metaKey: t.commandKey }, o), this.hooks.render()), !0);
+    return this.mouseState = o, this.down = { state: o, point: n }, this.lastPoint = n, this.lastModifiers = { shiftKey: t.shiftKey, commandKey: t.commandKey }, o.type === b.Blank || o.type === b.None ? (this.hooks.render(), !1) : o.type === b.FillHandler && (this.fillSource = qe(this.getSelection(), { rowCount: this.config.rowCount, columnCount: this.config.columns.length }), this.fillSource) ? (this.hooks.render(), !0) : (this.isResizeEnabled && this.resize.start(o) || (this.drag.start(o), this.selection.onSelectionStart({ shiftKey: t.shiftKey, metaKey: t.commandKey }, o), this.hooks.render()), !0);
   }
   /** Hover and gestures. `fromAutoScroll` re-derives the head after an auto-scroll tick. */
   pointerMove(t, n = !1) {
@@ -2513,8 +2520,8 @@ class Is {
       return;
     }
     if (this.dragState.isDragging) {
-      const l = this.dragState.type === O.Columns ? "columns" : "rows";
-      this.drag.end(n, (u, h) => this.hooks.reorder(l, u.map((m) => [m[0], m[1]]), h)), this.selection.onSelectionEnd();
+      const c = this.dragState.type === O.Columns ? "columns" : "rows";
+      this.drag.end(n, (u, h) => this.hooks.reorder(c, u.map((m) => [m[0], m[1]]), h)), this.selection.onSelectionEnd();
       return;
     }
     this.drag.cancel();
@@ -2525,29 +2532,36 @@ class Is {
       a && this.hooks.render();
       return;
     }
-    const c = { shiftKey: t.shiftKey, metaKey: t.commandKey };
+    const l = { shiftKey: t.shiftKey, metaKey: t.commandKey };
     switch (s.type) {
-      case x.RowHeaderExpandHandler:
+      case b.RowHeaderExpandHandler:
         this.hooks.rowExpand(s.rowIndex);
         return;
-      case x.ColumnHeaderMenu: {
-        const l = this.coord.getColumnRelativeOffset(s.columnIndex, this.scroll.scrollLeft);
-        this.hooks.headerMenu(s.columnIndex, { x: l, y: 0, width: this.coord.getColumnWidth(s.columnIndex), height: this.coord.rowInitSize });
+      case b.RowHeader:
+        if (this.canExpandRow) {
+          this.hooks.rowExpand(s.rowIndex);
+          return;
+        }
+        this.selection.onSelectionClick(l, s);
+        return;
+      case b.ColumnHeaderMenu: {
+        const c = this.coord.getColumnRelativeOffset(s.columnIndex, this.scroll.scrollLeft);
+        this.hooks.headerMenu(s.columnIndex, { x: c, y: 0, width: this.coord.getColumnWidth(s.columnIndex), height: this.coord.rowInitSize });
         return;
       }
       default:
-        this.selection.onSelectionClick(c, s);
+        this.selection.onSelectionClick(l, s);
     }
   }
   endFill(t) {
     const n = this.fillSource;
     this.fillSource = null;
-    const o = ms(n, this.fillTargetRow(t), this.config.rowCount);
+    const o = vs(n, this.fillTargetRow(t), this.config.rowCount);
     if (!o) {
       this.hooks.render();
       return;
     }
-    const i = gs(o), a = this.selection.activeCell;
+    const i = Ss(o), a = this.selection.activeCell;
     this.selection.update({
       selection: this.selection.selection.set(H.Cells, [[i.startColumn, i.startRow], [i.endColumn, i.endRow]]),
       ...a ? {} : { activeCell: [n.startColumn, n.startRow] }
@@ -2567,7 +2581,7 @@ class Is {
   }
   doubleClick(t) {
     const n = this.hitTest(t);
-    n.type !== x.Cell && n.type !== x.ActiveCell || this.requestEdit([n.columnIndex, n.rowIndex], "dblclick", !1);
+    n.type !== b.Cell && n.type !== b.ActiveCell || this.requestEdit([n.columnIndex, n.rowIndex], "dblclick", !1);
   }
   contextMenu(t) {
     const n = this.hitTest(t);
@@ -2580,7 +2594,7 @@ class Is {
   /** True when `cell` is the active cell and the whole selection. */
   isSoleActiveCell(t) {
     const { selection: n, activeCell: o } = this.selection;
-    if (!n.isCellSelection || !yo(o, t)) return !1;
+    if (!n.isCellSelection || !Io(o, t)) return !1;
     const [i, a] = n.ranges;
     return !!i && !!a && i[0] === a[0] && i[1] === a[1];
   }
@@ -2604,8 +2618,8 @@ class Is {
     this.mouseState = n;
     const o = { shiftKey: !1, metaKey: !1 }, i = this.config.rowControls;
     switch (n.type) {
-      case x.Cell:
-      case x.ActiveCell: {
+      case b.Cell:
+      case b.ActiveCell: {
         const a = [n.columnIndex, n.rowIndex], s = this.config.selectable;
         if (this.isPhone)
           s !== "none" && this.selectCell([a[0], a[1]], !1), this.hooks.rowExpand(a[1], a[0]);
@@ -2616,27 +2630,27 @@ class Is {
           }
           this.selectCell([a[0], a[1]], !1);
         } else
-          this.selection.onSelectionClick(o, { ...n, type: x.Cell });
+          this.selection.onSelectionClick(o, { ...n, type: b.Cell });
         this.hooks.render();
         return;
       }
-      case x.ColumnHeader:
-      case x.ColumnHeaderMenu: {
+      case b.ColumnHeader:
+      case b.ColumnHeaderMenu: {
         if (this.config.columns[n.columnIndex]?.hasMenu) {
           const a = this.coord.getColumnRelativeOffset(n.columnIndex, this.scroll.scrollLeft);
           this.hooks.headerMenu(n.columnIndex, { x: a, y: 0, width: this.coord.getColumnWidth(n.columnIndex), height: this.coord.rowInitSize });
           return;
         }
-        this.selection.onSelectionClick(o, { ...n, type: x.ColumnHeader }), this.hooks.render();
+        this.selection.onSelectionClick(o, { ...n, type: b.ColumnHeader }), this.hooks.render();
         return;
       }
-      case x.RowHeader:
-      case x.RowHeaderCheckbox:
-      case x.RowHeaderDragHandler:
-      case x.RowHeaderExpandHandler:
-        this.isPhone || i.includes("expand") ? this.hooks.rowExpand(n.rowIndex) : i.includes("checkbox") && this.selection.onSelectionClick(o, { ...n, type: x.RowHeaderCheckbox }), this.hooks.render();
+      case b.RowHeader:
+      case b.RowHeaderCheckbox:
+      case b.RowHeaderDragHandler:
+      case b.RowHeaderExpandHandler:
+        this.isPhone || i.includes("expand") ? this.hooks.rowExpand(n.rowIndex) : i.includes("checkbox") && this.selection.onSelectionClick(o, { ...n, type: b.RowHeaderCheckbox }), this.hooks.render();
         return;
-      case x.AllCheckbox:
+      case b.AllCheckbox:
         this.selection.onSelectionClick(o, n), this.hooks.render();
         return;
       default:
@@ -2663,7 +2677,7 @@ class Is {
   moveAfterEdit(t, n) {
     const { rowCount: o, columns: i } = this.config;
     if (!o || !i.length) return;
-    const a = { pureRowCount: o, columnCount: i.length }, s = new oe(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? ds(s, a) : Bn(s, n === "left", a);
+    const a = { pureRowCount: o, columnCount: i.length }, s = new se(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? Cs(s, a) : Gn(s, n === "left", a);
     this.selection.update({ selection: r.selection, activeCell: r.activeCell }), this.scrollToCell(r.scrollTo);
   }
   /** An input method started composing on the selected cell. */
@@ -2678,38 +2692,38 @@ class Is {
   keyDown(t) {
     if (t.key === "Escape" && this.down)
       return this.cancelGesture(), "prevent";
-    if (go(t))
+    if (vo(t))
       return this.compositionStart(), "pass";
     const { rowCount: n, columns: o } = this.config;
     if (!n || !o.length) return "ignore";
     const i = { pureRowCount: n, columnCount: o.length }, a = this.selection.selection, s = this.selection.activeCell;
     if (!a.isCellSelection || !s)
-      return Vn[t.key] || t.key === "Tab" || t.key === "Home" ? t.key === "Tab" && !s ? "ignore" : (this.selectCell(s ?? [0, 0], !1), "prevent") : "ignore";
-    const r = Vn[t.key];
+      return Kn[t.key] || t.key === "Tab" || t.key === "Home" ? t.key === "Tab" && !s ? "ignore" : (this.selectCell(s ?? [0, 0], !1), "prevent") : "ignore";
+    const r = Kn[t.key];
     if (r) {
       if (t.altKey) return "ignore";
-      const c = cs(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
-      return this.selection.update({ selection: c.selection, ...c.activeCell ? { activeCell: c.activeCell } : {} }), this.scrollToCell(c.scrollTo), "prevent";
+      const l = fs(a, r, { expand: t.shiftKey, jump: t.commandKey }, i);
+      return this.selection.update({ selection: l.selection, ...l.activeCell ? { activeCell: l.activeCell } : {} }), this.scrollToCell(l.scrollTo), "prevent";
     }
     switch (t.key) {
       case "Tab": {
-        const c = Bn(a, t.shiftKey, i);
-        return this.selection.update({ selection: c.selection, activeCell: c.activeCell }), this.scrollToCell(c.scrollTo), "prevent";
+        const l = Gn(a, t.shiftKey, i);
+        return this.selection.update({ selection: l.selection, activeCell: l.activeCell }), this.scrollToCell(l.scrollTo), "prevent";
       }
       case "Home":
       case "End": {
-        const c = a.ranges[t.shiftKey ? 1 : 0], l = t.key === "Home" ? 0 : o.length - 1, u = t.commandKey ? t.key === "Home" ? 0 : n - 1 : c[1];
-        return this.selectCell([l, u], t.shiftKey), "prevent";
+        const l = a.ranges[t.shiftKey ? 1 : 0], c = t.key === "Home" ? 0 : o.length - 1, u = t.commandKey ? t.key === "Home" ? 0 : n - 1 : l[1];
+        return this.selectCell([c, u], t.shiftKey), "prevent";
       }
       case "PageUp":
       case "PageDown": {
-        const c = Math.max(1, Math.floor((this.height - this.coord.rowInitSize) / this.config.rowHeight)), l = a.ranges[t.shiftKey ? 1 : 0], u = Math.min(n - 1, Math.max(0, l[1] + (t.key === "PageUp" ? -c : c)));
-        return this.selectCell([l[0], u], t.shiftKey), "prevent";
+        const l = Math.max(1, Math.floor((this.height - this.coord.rowInitSize) / this.config.rowHeight)), c = a.ranges[t.shiftKey ? 1 : 0], u = Math.min(n - 1, Math.max(0, c[1] + (t.key === "PageUp" ? -l : l)));
+        return this.selectCell([c[0], u], t.shiftKey), "prevent";
       }
       case "a":
       case "A":
         if (!t.commandKey || t.shiftKey || t.altKey) break;
-        return this.selection.update({ selection: us(a, i) }), "prevent";
+        return this.selection.update({ selection: ps(a, i) }), "prevent";
       case "Enter":
         return t.shiftKey || t.altKey || t.commandKey ? "ignore" : (this.requestEdit(s, "enter", !1), "prevent");
       case "F2":
@@ -2723,7 +2737,7 @@ class Is {
       case "Escape":
         return "ignore";
     }
-    return ga(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
+    return Sa(t) ? this.requestEdit(s, "key", !0) ? "pass" : "prevent" : "ignore";
   }
   // ---- drawing ----------------------------------------------------------
   /** Everything `drawGrid` needs except the theme and the cell/icon painters. */
@@ -2758,17 +2772,19 @@ class Is {
   }
   /** Cursor for the current hover state; set on the same move (spec §3.12). */
   get cursor() {
-    if (this.resize.isResizing || this.mouseState.type === x.ColumnResizeHandler) return "col-resize";
+    if (this.resize.isResizing || this.mouseState.type === b.ColumnResizeHandler) return "col-resize";
     if (this.dragState.isDragging) return "grabbing";
-    if (this.isFilling || this.mouseState.type === x.FillHandler) return "crosshair";
+    if (this.isFilling || this.mouseState.type === b.FillHandler) return "crosshair";
     switch (this.mouseState.type) {
-      case x.RowHeaderDragHandler:
+      case b.RowHeaderDragHandler:
         return "grab";
-      case x.RowHeaderExpandHandler:
-      case x.RowHeaderCheckbox:
-      case x.AllCheckbox:
-      case x.ColumnHeaderMenu:
+      case b.RowHeaderExpandHandler:
+      case b.RowHeaderCheckbox:
+      case b.AllCheckbox:
+      case b.ColumnHeaderMenu:
         return "pointer";
+      case b.RowHeader:
+        return this.canExpandRow ? "pointer" : "default";
       default:
         return "default";
     }
@@ -2777,31 +2793,31 @@ class Is {
     this.autoScroller.stop();
   }
 }
-const Ps = () => {
+const Ts = () => {
   if (typeof navigator > "u") return !1;
   const e = navigator.userAgentData?.platform ?? navigator.platform ?? "";
   return /mac|iphone|ipad|ipod/i.test(e);
-}, Gn = (e, t) => {
+}, _n = (e, t) => {
   const n = Number.parseFloat(e.getPropertyValue(t));
   return Number.isFinite(n) && n > 0 ? n : void 0;
-}, zs = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
+}, Ns = (e, t = { rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }) => {
   const n = getComputedStyle(e);
   return {
-    rowHeight: Gn(n, "--ui-grid-row-height") ?? t.rowHeight,
-    headerHeight: Gn(n, "--ui-grid-header-height") ?? t.headerHeight
+    rowHeight: _n(n, "--ui-grid-row-height") ?? t.rowHeight,
+    headerHeight: _n(n, "--ui-grid-header-height") ?? t.headerHeight
   };
-}, Ms = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, As = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Es = ["id"], Hs = { role: "rowgroup" }, Ts = {
+}, Fs = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, Ls = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Ds = ["id"], Ws = { role: "rowgroup" }, Bs = {
   role: "row",
   "aria-rowindex": "1"
-}, Ns = ["id", "aria-colindex"], Ls = { role: "rowgroup" }, Fs = ["aria-rowindex", "aria-hidden"], Ds = ["id"], Ws = ["aria-colindex", "aria-selected", "aria-readonly"], Bs = ["id"], Os = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Vs = ["id"], Gs = {
+}, Os = ["id", "aria-colindex"], Vs = { role: "rowgroup" }, Gs = ["aria-rowindex", "aria-hidden"], Us = ["id"], Ks = ["aria-colindex", "aria-selected", "aria-readonly"], _s = ["id"], $s = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], qs = ["id"], Xs = {
   key: 1,
   role: "status",
   class: "sr-only"
-}, Us = {
+}, Ys = {
   key: 2,
   "data-ui-grid-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, Ks = 6, _s = 250, $s = 100, qs = 800, Xs = 300, Ys = 300, Nr = /* @__PURE__ */ Yo({
+}, js = 6, Qs = 250, Zs = 100, Js = 800, er = 300, tr = 300, Vr = /* @__PURE__ */ ei({
   __name: "GridHost",
   props: {
     columns: {},
@@ -2835,15 +2851,15 @@ const Ps = () => {
   },
   emits: ["selection-change", "edit-request", "cell-commit", "edit-end", "clear-request", "row-expand", "header-menu", "column-resize", "column-resize-end", "column-width-save", "fill-request", "clipboard-copy", "paste-request", "column-reorder", "row-reorder", "context-menu", "visible-range-change"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = n, a = oi(), s = jo(), r = xe(), c = xe(), l = xe(), u = xe(), h = xe(), m = ce({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), g = ce({ ...uo, ...o.themeOverrides }), C = ce({ width: 0, height: 0 }), S = ce({ kind: "none", ranges: [], activeCell: null }), p = ce({ width: 0, height: 0 }), w = xe(!1), v = xe(!1), y = ce(0);
-    let R = Ue.danger;
-    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => Ms(C.value.height, P.value, k.value)), L = _(() => !o.loading && o.rowCount === 0), M = () => {
+    const o = e, i = n, a = ti(), s = ci(), r = ni(), l = ke(), c = ke(), u = ke(), h = ke(), m = ke(), g = ue({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), C = ue({ ...po, ...o.themeOverrides }), S = ue({ width: 0, height: 0 }), p = ue({ kind: "none", ranges: [], activeCell: null }), w = ue({ width: 0, height: 0 }), v = ke(!1), y = ke(!1), R = ue(0);
+    let I = Ue.danger;
+    const k = ue(null), P = U(() => o.rowHeight ?? g.value.rowHeight), M = U(() => o.headerHeight ?? g.value.headerHeight), N = U(() => Fs(S.value.height, M.value, P.value)), z = U(() => !o.loading && o.rowCount === 0), E = () => {
       const d = o.loading && o.rowCount === 0;
       return {
         columns: o.columns,
-        rowCount: d ? w.value ? A.value : 0 : o.rowCount,
-        rowHeight: k.value,
-        headerHeight: P.value,
+        rowCount: d ? v.value ? N.value : 0 : o.rowCount,
+        rowHeight: P.value,
+        headerHeight: M.value,
         freezeColumnCount: o.freezeColumnCount,
         rowControls: o.rowControls,
         selectable: d ? "none" : o.selectable,
@@ -2851,288 +2867,290 @@ const Ps = () => {
         columnResizable: o.columnResizable,
         readonly: o.readonly || d,
         fillable: o.fillable,
-        touch: v.value
+        touch: y.value
       };
-    }, E = () => o.loading && o.rowCount === 0;
-    let N = 0, W, K = null, G = null;
-    const ke = () => o.editing || F.active, z = new Is(M(), {
-      render: () => ge(),
+    }, W = () => o.loading && o.rowCount === 0;
+    let F = 0, _, q = null, ae = null;
+    const X = () => o.editing || L.active, A = new Hs(E(), {
+      render: () => fe(),
       selectionChange: (d) => {
-        const f = F.state.value.cell;
-        F.active && f && (d.activeCell?.[0] !== f[0] || d.activeCell?.[1] !== f[1]) && F.commit("selection"), S.value = d, !ke() && h.value && (h.value.value = ""), Fe(), i("selection-change", d);
+        const f = L.state.value.cell;
+        L.active && f && (d.activeCell?.[0] !== f[0] || d.activeCell?.[1] !== f[1]) && L.commit("selection"), p.value = d, !X() && m.value && (m.value.value = ""), je(), i("selection-change", d);
       },
       scrollTo: (d, f) => {
-        const b = l.value;
-        b && (b.scrollLeft = d, b.scrollTop = f);
+        const x = u.value;
+        x && (x.scrollLeft = d, x.scrollTop = f);
       },
-      editRequest: (d, f, b, T) => {
-        if ((b !== "tap" || f.editor !== "long-text") && F.open(d, f, b, "edit")) {
-          je = b === "tap";
+      editRequest: (d, f, x, T) => {
+        if ((x !== "tap" || f.editor !== "long-text") && L.open(d, f, x, "edit")) {
+          Ze = x === "tap";
           return;
         }
-        i("edit-request", { cell: d, column: f, trigger: b, replace: T });
+        i("edit-request", { cell: d, column: f, trigger: x, replace: T });
       },
-      viewRequest: (d, f, b) => {
-        F.open(d, f, b, "view") && (je = b === "tap");
+      viewRequest: (d, f, x) => {
+        L.open(d, f, x, "view") && (Ze = x === "tap");
       },
       clearRequest: (d) => {
         De(), i("clear-request", d);
       },
       rowExpand: (d, f) => f === void 0 ? i("row-expand", d) : i("row-expand", d, f),
+      // Read at click time: listeners are vnode props, not reactive attrs.
+      canExpandRow: () => !!(a?.vnode.props?.onRowExpand || a?.vnode.props?.onRowExpandOnce),
       headerMenu: (d, f) => i("header-menu", d, f),
-      columnResize: (d, f, b) => {
-        p.value = z.contentSize, b ? (i("column-resize-end", d, f), Oo(d, f)) : i("column-resize", d, f);
+      columnResize: (d, f, x) => {
+        w.value = A.contentSize, x ? (i("column-resize-end", d, f), _o(d, f)) : i("column-resize", d, f);
       },
       fill: (d) => {
         De(), i("fill-request", d);
       },
-      reorder: (d, f, b) => {
-        d === "columns" ? i("column-reorder", { ranges: f, dropIndex: b }) : i("row-reorder", { ranges: f, dropIndex: b });
+      reorder: (d, f, x) => {
+        d === "columns" ? i("column-reorder", { ranges: f, dropIndex: x }) : i("row-reorder", { ranges: f, dropIndex: x });
       },
       contextMenu: (d, f) => i("context-menu", { selection: d, x: f.x, y: f.y }),
       // Skeleton rows are not data; callers fetch only for real rows.
       visibleRangeChange: (d) => {
-        E() || i("visible-range-change", d);
+        W() || i("visible-range-change", d);
       }
-    }), F = Ya({
-      owner: () => h.value,
-      root: () => r.value,
+    }), L = ts({
+      owner: () => m.value,
+      root: () => l.value,
       enabled: () => !!o.getEditText,
       getEditText: (d) => o.getEditText?.(d) ?? "",
-      validate: (d, f, b) => o.validateEdit?.(d, f, b),
+      validate: (d, f, x) => o.validateEdit?.(d, f, x),
       columnAt: (d) => o.columns[d],
-      rowHeight: () => k.value,
-      textBox: () => I.value,
+      rowHeight: () => P.value,
+      textBox: () => k.value,
       hasHint: () => !!o.editHint,
-      hasSelection: () => S.value.kind !== "none",
-      onCommit: ({ cell: d, column: f, value: b, previous: T, reason: U }) => {
-        De(), i("cell-commit", { cell: d, column: f, value: b, previous: T, reason: U }), z.invalidate();
+      hasSelection: () => p.value.kind !== "none",
+      onCommit: ({ cell: d, column: f, value: x, previous: T, reason: G }) => {
+        De(), i("cell-commit", { cell: d, column: f, value: x, previous: T, reason: G }), A.invalidate();
       },
-      onEnd: (d, f, b) => {
-        i("edit-end", { cell: d, column: f, committed: b }), ge();
+      onEnd: (d, f, x) => {
+        i("edit-end", { cell: d, column: f, committed: x }), fe();
       },
       moveSelection: (d) => {
-        const f = F.state.value.cell ?? S.value.activeCell;
-        f && z.moveAfterEdit(f, d);
+        const f = L.state.value.cell ?? p.value.activeCell;
+        f && A.moveAfterEdit(f, d);
       },
-      clearSelection: () => z.setSelection({ kind: "none", ranges: [] }),
+      clearSelection: () => A.setSelection({ kind: "none", ranges: [] }),
       refocus: () => {
-        if (je && !F.active) {
-          je = !1, h.value?.blur();
+        if (Ze && !L.active) {
+          Ze = !1, m.value?.blur();
           return;
         }
-        Pe();
+        Se();
       }
     });
-    function ge() {
-      N || typeof requestAnimationFrame > "u" || (N = requestAnimationFrame(Ye));
+    function fe() {
+      F || typeof requestAnimationFrame > "u" || (F = requestAnimationFrame(Te));
     }
-    function Ye() {
-      N = 0;
+    function Te() {
+      F = 0;
       const d = c.value;
-      if (!d || !K) return;
+      if (!d || !q) return;
       const f = {
-        ...z.frame(),
-        isEditing: ke(),
+        ...A.frame(),
+        isEditing: X(),
         highlightedRowIndex: o.highlightedRow,
-        theme: g.value,
-        height: z.viewport.height,
-        drawCell: mt,
-        drawIcon: o.drawIcon ? Ie : void 0
+        theme: C.value,
+        height: A.viewport.height,
+        drawCell: Pe,
+        drawIcon: o.drawIcon ? Ye : void 0
       };
-      ia(d, K, f, W), W = f, re(d), l.value && (l.value.style.cursor = z.cursor), Fe();
+      ua(d, q, f, _), _ = f, Ne(d), u.value && (u.value.style.cursor = A.cursor), je();
     }
-    function ie() {
-      N && (cancelAnimationFrame(N), Ye());
+    function Y() {
+      F && (cancelAnimationFrame(F), Te());
     }
-    function re(d) {
-      const f = Je;
+    function Ne(d) {
+      const f = tt;
       if (!f) return;
-      const b = d.getContext("2d");
-      if (!b) return;
-      const T = z.getCellRect([f.startColumn, f.startRow]), U = z.getCellRect([f.endColumn, f.endRow]);
-      if (!T || !U) return;
-      const { columnInitSize: Z, rowInitSize: be } = z.coord, { width: bt, height: xt } = z.viewport, dn = Math.ceil(globalThis.devicePixelRatio ?? 1);
-      b.save(), b.setTransform(dn, 0, 0, dn, 0, 0), b.beginPath(), b.rect(Z, be, bt - Z, xt - be), b.clip(), b.setLineDash([4, 3]), b.lineWidth = 1, b.strokeStyle = g.value.interactionLineColorHighlight, b.strokeRect(T.x + 0.5, T.y + 0.5, U.x + U.width - T.x - 1, U.y + U.height - T.y - 1), b.restore();
+      const x = d.getContext("2d");
+      if (!x) return;
+      const T = A.getCellRect([f.startColumn, f.startRow]), G = A.getCellRect([f.endColumn, f.endRow]);
+      if (!T || !G) return;
+      const { columnInitSize: J, rowInitSize: Re } = A.coord, { width: xt, height: Rt } = A.viewport, mn = Math.ceil(globalThis.devicePixelRatio ?? 1);
+      x.save(), x.setTransform(mn, 0, 0, mn, 0, 0), x.beginPath(), x.rect(J, Re, xt - J, Rt - Re), x.clip(), x.setLineDash([4, 3]), x.lineWidth = 1, x.strokeStyle = C.value.interactionLineColorHighlight, x.strokeRect(T.x + 0.5, T.y + 0.5, G.x + G.width - T.x - 1, G.y + G.height - T.y - 1), x.restore();
     }
-    const Te = (d) => Math.max(0, Math.min(d.width - 2 * B.cellHorizontalPadding, d.width * 0.6));
-    function Ne(d, f) {
+    const Fe = (d) => Math.max(0, Math.min(d.width - 2 * B.cellHorizontalPadding, d.width * 0.6));
+    function Le(d, f) {
       D(d, {
         x: f.x + B.cellHorizontalPadding,
         y: f.y + (f.height - 8) / 2,
-        width: Te(f),
+        width: Fe(f),
         height: 8,
         radius: 8 / 2,
         fill: f.theme.cellBgLoading
       });
     }
-    function Le(d, f, b) {
-      if (!b) return;
-      const { fontSizeSM: T, cellTextColor: U } = f.theme;
+    function ft(d, f, x) {
+      if (!x) return;
+      const { fontSizeSM: T, cellTextColor: G } = f.theme;
       $e(d, {
-        text: b,
+        text: x,
         x: f.x + B.cellHorizontalPadding,
         y: f.y + (f.height - T) / 2,
         maxWidth: f.width - 2 * B.cellHorizontalPadding,
-        fill: U,
+        fill: G,
         fontSize: T
       });
     }
-    function mt(d, f) {
-      const b = o.columns[f.columnIndex];
-      if (!b) return;
-      const T = E() || (o.isRowLoaded ? !o.isRowLoaded(f.rowIndex) : !1), U = {
+    function Pe(d, f) {
+      const x = o.columns[f.columnIndex];
+      if (!x) return;
+      const T = W() || (o.isRowLoaded ? !o.isRowLoaded(f.rowIndex) : !1), G = {
         x: f.x,
         y: f.y,
         width: f.width,
         height: f.height,
         cell: [f.columnIndex, f.rowIndex],
-        column: b,
+        column: x,
         theme: f.theme,
         isActive: f.isActive,
         isLoading: T
       };
       if (T) {
-        Ne(d, U);
+        Le(d, G);
         return;
       }
-      const Z = o.cellRenderer?.(b, f.columnIndex);
-      Z ? Z.draw(d, U) : Le(d, U, o.getCellText(U.cell));
+      const J = o.cellRenderer?.(x, f.columnIndex);
+      J ? J.draw(d, G) : ft(d, G, o.getCellText(G.cell));
     }
-    function Ie(d, f) {
-      const b = f.column ? o.columns.find((T) => T.id === f.column?.id) : void 0;
-      o.drawIcon?.(d, { kind: f.kind, x: f.x, y: f.y, size: f.size, theme: f.theme, column: b });
+    function Ye(d, f) {
+      const x = f.column ? o.columns.find((T) => T.id === f.column?.id) : void 0;
+      o.drawIcon?.(d, { kind: f.kind, x: f.x, y: f.y, size: f.size, theme: f.theme, column: x });
     }
-    function Fe() {
-      const d = u.value;
+    function je() {
+      const d = h.value;
       if (!d) return;
-      const f = z.selection.activeCell, b = f ? z.getCellRect(f) : null;
-      if (!b) {
+      const f = A.selection.activeCell, x = f ? A.getCellRect(f) : null;
+      if (!x) {
         d.style.transform = "translate(-10000px, 0)";
         return;
       }
-      const { rowInitSize: T, freezeRegionWidth: U, freezeColumnCount: Z } = z.coord, be = f[0] < Z ? z.coord.columnInitSize : U, bt = Math.max(b.x, be), xt = Math.max(b.y, T);
-      d.style.transform = `translate(${bt}px, ${xt}px)`, d.style.width = `${b.width}px`, d.style.height = `${b.height}px`;
+      const { rowInitSize: T, freezeRegionWidth: G, freezeColumnCount: J } = A.coord, Re = f[0] < J ? A.coord.columnInitSize : G, xt = Math.max(x.x, Re), Rt = Math.max(x.y, T);
+      d.style.transform = `translate(${xt}px, ${Rt}px)`, d.style.width = `${x.width}px`, d.style.height = `${x.height}px`;
     }
-    function Pe() {
-      return da(h.value, r.value ?? null);
+    function Se() {
+      return Ca(m.value, l.value ?? null);
     }
-    const ve = (d) => Ps() ? d.metaKey : d.ctrlKey;
-    function ae(d) {
-      const f = G ?? (G = r.value.getBoundingClientRect());
-      return { x: d.clientX - f.left, y: d.clientY - f.top, shiftKey: d.shiftKey, commandKey: ve(d) };
+    const ye = (d) => Ts() ? d.metaKey : d.ctrlKey;
+    function ce(d) {
+      const f = ae ?? (ae = l.value.getBoundingClientRect());
+      return { x: d.clientX - f.left, y: d.clientY - f.top, shiftKey: d.shiftKey, commandKey: ye(d) };
     }
-    function gt(d) {
-      const f = l.value, b = G;
-      return d.clientX - b.left >= f.clientWidth || d.clientY - b.top >= f.clientHeight;
+    function Qe(d) {
+      const f = u.value, x = ae;
+      return d.clientX - x.left >= f.clientWidth || d.clientY - x.top >= f.clientHeight;
     }
-    let le = null, q = null, Yt = -1 / 0, jt = -1 / 0, je = !1;
-    const Qe = () => typeof performance > "u" ? Date.now() : performance.now(), Qt = () => q != null || Qe() - Yt < qs;
-    function Ze() {
-      q && clearTimeout(q.timer), q = null, Yt = Qe();
+    let re = null, te = null, Qt = -1 / 0, Zt = -1 / 0, Ze = !1;
+    const Je = () => typeof performance > "u" ? Date.now() : performance.now(), Jt = () => te != null || Je() - Qt < Js;
+    function et() {
+      te && clearTimeout(te.timer), te = null, Qt = Je();
     }
-    function Io(d) {
-      if (q) {
-        Ze();
+    function Eo(d) {
+      if (te) {
+        et();
         return;
       }
       const f = {
         id: d.pointerId,
         x: d.clientX,
         y: d.clientY,
-        flingStop: Qe() - jt < $s,
+        flingStop: Je() - Zt < Zs,
         longPressed: !1,
         timer: setTimeout(() => {
-          q !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
-        }, _s)
+          te !== f || f.flingStop || X() || (f.longPressed = !0, A.longPress(ce(d)), Y());
+        }, Qs)
       };
-      q = f;
+      te = f;
     }
-    function Po(d) {
-      const f = q;
-      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Ks && Ze();
+    function Ho(d) {
+      const f = te;
+      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > js && et();
     }
-    function zo(d) {
-      const f = q;
-      !f || f.id !== d.pointerId || (Ze(), !(f.longPressed || f.flingStop) && (F.active && !F.commit("pointer") || o.editing || (z.tap(ae(d)), ie(), le && clearTimeout(le), le = setTimeout(() => {
-        le = null, z.clearTapFeedback();
-      }, Xs))));
+    function To(d) {
+      const f = te;
+      !f || f.id !== d.pointerId || (et(), !(f.longPressed || f.flingStop) && (L.active && !L.commit("pointer") || o.editing || (A.tap(ce(d)), Y(), re && clearTimeout(re), re = setTimeout(() => {
+        re = null, A.clearTapFeedback();
+      }, er))));
     }
-    function Mo(d) {
-      if (G = r.value.getBoundingClientRect(), d.pointerType === "touch") {
-        Io(d);
+    function No(d) {
+      if (ae = l.value.getBoundingClientRect(), d.pointerType === "touch") {
+        Eo(d);
         return;
       }
-      if (d.button !== 0 || gt(d)) return;
-      if (F.active && !F.commit("pointer")) {
+      if (d.button !== 0 || Qe(d)) return;
+      if (L.active && !L.commit("pointer")) {
         d.preventDefault();
         return;
       }
-      const f = z.pointerDown(ae(d));
-      if (ie(), !!f) {
+      const f = A.pointerDown(ce(d));
+      if (Y(), !!f) {
         d.preventDefault();
         try {
-          l.value.setPointerCapture(d.pointerId);
+          u.value.setPointerCapture(d.pointerId);
         } catch {
         }
-        Pe();
+        Se();
       }
     }
-    function Ao(d) {
+    function Fo(d) {
       if (d.pointerType === "touch") {
-        Po(d);
+        Ho(d);
         return;
       }
-      G || (G = r.value.getBoundingClientRect()), z.pointerMove(ae(d)), ie(), l.value && (l.value.style.cursor = z.cursor);
+      ae || (ae = l.value.getBoundingClientRect()), A.pointerMove(ce(d)), Y(), u.value && (u.value.style.cursor = A.cursor);
     }
-    function Eo(d) {
+    function Lo(d) {
       if (d.pointerType === "touch") {
-        zo(d);
+        To(d);
         return;
       }
-      if (z.isGestureActive) {
-        z.pointerUp(ae(d)), ie();
+      if (A.isGestureActive) {
+        A.pointerUp(ce(d)), Y();
         try {
-          l.value?.releasePointerCapture(d.pointerId);
+          u.value?.releasePointerCapture(d.pointerId);
         } catch {
         }
       }
     }
-    function Zt(d) {
+    function en(d) {
       if (d.pointerType === "touch") {
-        q?.id === d.pointerId && Ze();
+        te?.id === d.pointerId && et();
         return;
       }
-      z.cancelGesture(), ie();
+      A.cancelGesture(), Y();
     }
-    function Ho() {
-      z.pointerLeave();
+    function Do() {
+      A.pointerLeave();
     }
-    function To(d) {
-      ke() || Qt() || z.doubleClick(ae(d));
+    function Wo(d) {
+      X() || Jt() || A.doubleClick(ce(d));
     }
-    function No(d) {
-      if (Qt()) {
+    function Bo(d) {
+      if (Jt()) {
         d.preventDefault();
         return;
       }
-      G = r.value.getBoundingClientRect(), z.contextMenu(ae(d)) && (d.preventDefault(), Pe());
+      ae = l.value.getBoundingClientRect(), A.contextMenu(ce(d)) && (d.preventDefault(), Se());
     }
-    function Lo() {
-      const d = l.value;
-      d && (G = null, jt = Qe(), z.setScroll(d.scrollLeft, d.scrollTop));
+    function Oo() {
+      const d = u.value;
+      d && (ae = null, Zt = Je(), A.setScroll(d.scrollLeft, d.scrollTop));
     }
-    function Fo(d) {
-      if (F.active) {
-        F.keyDown(d, ve(d)) && d.stopPropagation();
+    function Vo(d) {
+      if (L.active) {
+        L.keyDown(d, ye(d)) && d.stopPropagation();
         return;
       }
       if (o.editing) return;
-      if (d.key === "Escape" && De(), Do(d)) {
-        Wo();
+      if (d.key === "Escape" && De(), Go(d)) {
+        Uo();
         return;
       }
-      z.keyDown({
+      A.keyDown({
         key: d.key,
         keyCode: d.keyCode,
         shiftKey: d.shiftKey,
@@ -3140,290 +3158,290 @@ const Ps = () => {
         metaKey: d.metaKey,
         ctrlKey: d.ctrlKey,
         isComposing: d.isComposing,
-        commandKey: ve(d)
-      }) === "prevent" && d.preventDefault(), ie();
+        commandKey: ye(d)
+      }) === "prevent" && d.preventDefault(), Y();
     }
-    let Je = null, fe = null;
+    let tt = null, pe = null;
     function De() {
-      Je && (Je = null, ge());
+      tt && (tt = null, fe());
     }
-    const ft = () => ({ rowCount: o.loading && o.rowCount === 0 ? 0 : o.rowCount, columnCount: o.columns.length });
-    function Do(d) {
-      if (!ve(d) || d.altKey || d.shiftKey) return !1;
+    const pt = () => ({ rowCount: o.loading && o.rowCount === 0 ? 0 : o.rowCount, columnCount: o.columns.length });
+    function Go(d) {
+      if (!ye(d) || d.altKey || d.shiftKey) return !1;
       const f = d.key.toLowerCase();
       return f === "c" || f === "x" || d.code === "KeyC" || d.code === "KeyX";
     }
-    function Wo() {
-      const d = h.value;
-      !d || d.value || (d.value = " ", d.select(), fe && clearTimeout(fe), fe = setTimeout(Jt, 0));
+    function Uo() {
+      const d = m.value;
+      !d || d.value || (d.value = " ", d.select(), pe && clearTimeout(pe), pe = setTimeout(tn, 0));
     }
-    function Jt() {
-      fe && clearTimeout(fe), fe = null, h.value && !F.active && (h.value.value = "");
+    function tn() {
+      pe && clearTimeout(pe), pe = null, m.value && !L.active && (m.value.value = "");
     }
-    function pt(d, f, b, T) {
-      T && (Je = qe(d, ft()), ge()), i("clipboard-copy", { block: f, cellCount: za(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
+    function Ct(d, f, x, T) {
+      T && (tt = qe(d, pt()), fe()), i("clipboard-copy", { block: f, cellCount: Na(f), cut: x, ok: T }), T && x && !o.readonly && i("clear-request", d);
     }
-    function en(d, f) {
-      const b = z.getSelection(), T = po(b, ft());
+    function nn(d, f) {
+      const x = A.getSelection(), T = yo(x, pt());
       if (!T) return Promise.resolve(!1);
-      const U = Aa(T, o.isRowLoaded);
-      if (f && U) {
-        const be = xa(f, It(Hn(T, o.getCopyText ?? o.getCellText)));
-        return pt(b, T, d, be), Promise.resolve(be);
+      const G = La(T, o.isRowLoaded);
+      if (f && G) {
+        const Re = Ma(f, zt(Fn(T, o.getCopyText ?? o.getCellText)));
+        return Ct(x, T, d, Re), Promise.resolve(Re);
       }
       f?.preventDefault();
-      let Z;
-      return U ? Z = Promise.resolve(It(Hn(T, o.getCopyText ?? o.getCellText))) : o.resolveCopy ? Z = o.resolveCopy(T).then(It) : Z = Promise.reject(new Error("Rows are not loaded")), Z.catch(() => {
-      }), ka(Z).then(
-        () => (pt(b, T, d, !0), !0),
-        () => (pt(b, T, d, !1), !1)
+      let J;
+      return G ? J = Promise.resolve(zt(Fn(T, o.getCopyText ?? o.getCellText))) : o.resolveCopy ? J = o.resolveCopy(T).then(zt) : J = Promise.reject(new Error("Rows are not loaded")), J.catch(() => {
+      }), Ea(J).then(
+        () => (Ct(x, T, d, !0), !0),
+        () => (Ct(x, T, d, !1), !1)
       );
     }
-    function tn(d, f) {
-      F.active || o.editing || (Jt(), d.preventDefault(), en(f, d));
+    function on(d, f) {
+      L.active || o.editing || (tn(), d.preventDefault(), nn(f, d));
     }
-    function nn(d) {
+    function an(d) {
       if (o.readonly) return null;
-      const f = Ma(d, z.getSelection(), {
-        ...ft(),
-        isReadonlyColumn: (b) => !!o.columns[b]?.readonly
+      const f = Fa(d, A.getSelection(), {
+        ...pt(),
+        isReadonlyColumn: (x) => !!o.columns[x]?.readonly
       });
       return f ? (De(), i("paste-request", f), f) : null;
     }
-    function Bo(d) {
-      F.active || fa({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: h.value ?? null }) && (d.preventDefault(), S.value.kind !== "none" && nn(d.clipboardData?.getData("text/plain") ?? ""));
+    function Ko(d) {
+      L.active || ya({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: m.value ?? null }) && (d.preventDefault(), p.value.kind !== "none" && an(d.clipboardData?.getData("text/plain") ?? ""));
     }
-    const Ct = /* @__PURE__ */ new Map();
+    const wt = /* @__PURE__ */ new Map();
     let ze = null;
-    function on() {
+    function sn() {
       ze && clearTimeout(ze), ze = null;
-      const d = [...Ct];
-      Ct.clear();
-      for (const [f, b] of d) i("column-width-save", f, b);
+      const d = [...wt];
+      wt.clear();
+      for (const [f, x] of d) i("column-width-save", f, x);
     }
-    function Oo(d, f) {
-      Ct.set(d, f), ze && clearTimeout(ze), ze = setTimeout(on, Ys);
+    function _o(d, f) {
+      wt.set(d, f), ze && clearTimeout(ze), ze = setTimeout(sn, tr);
     }
-    function Vo() {
-      o.editing || (F.active || z.compositionStart(), F.active && F.compositionStart());
+    function $o() {
+      o.editing || (L.active || A.compositionStart(), L.active && L.compositionStart());
     }
-    function Go() {
-      F.compositionEnd();
+    function qo() {
+      L.compositionEnd();
     }
-    let wt = null, vt = null, St = null, We = null;
-    function an() {
-      v.value = !!We?.matches, ye();
+    let vt = null, St = null, yt = null, We = null;
+    function rn() {
+      y.value = !!We?.matches, xe();
     }
-    let Se = null;
-    function sn() {
-      const d = r.value;
+    let be = null;
+    function ln() {
+      const d = l.value;
       if (!d) return;
-      G = null;
-      const f = d.clientWidth, b = d.clientHeight;
-      f === C.value.width && b === C.value.height || (C.value = { width: f, height: b }, z.setViewport(f, b), yt());
+      ae = null;
+      const f = d.clientWidth, x = d.clientHeight;
+      f === S.value.width && x === S.value.height || (S.value = { width: f, height: x }, A.setViewport(f, x), bt());
     }
-    function ye() {
-      const d = r.value;
-      d && (m.value = zs(d, m.value), g.value = la(d, o.themeOverrides), R = So(d).danger, I.value = Va(d.ownerDocument, g.value.fontSizeSM, g.value.fontFamily), z.theme = g.value, yt(), z.invalidate());
+    function xe() {
+      const d = l.value;
+      d && (g.value = Ns(d, g.value), C.value = ga(d, o.themeOverrides), I = ko(d).danger, k.value = qa(d.ownerDocument, C.value.fontSizeSM, C.value.fontFamily), A.theme = C.value, bt(), A.invalidate());
     }
-    function yt() {
-      z.configure(M()), p.value = z.contentSize;
+    function bt() {
+      A.configure(E()), w.value = A.contentSize;
     }
-    ue(() => o.loading && o.rowCount === 0, (d) => {
-      if (Se && clearTimeout(Se), Se = null, !d) {
-        w.value = !1;
+    de(() => o.loading && o.rowCount === 0, (d) => {
+      if (be && clearTimeout(be), be = null, !d) {
+        v.value = !1;
         return;
       }
-      Se = setTimeout(() => {
-        Se = null, w.value = !0;
+      be = setTimeout(() => {
+        be = null, v.value = !0;
       }, o.loadingDelay);
-    }, { immediate: !0 }), ue(
-      () => [o.columns, o.rowCount, o.freezeColumnCount, o.rowControls, o.selectable, o.draggable, o.columnResizable, o.readonly, v.value, k.value, P.value, w.value, A.value],
-      yt
-    ), ue(() => [o.getCellText, o.cellRenderer, o.isRowLoaded, o.drawIcon], () => z.invalidate()), ue(() => o.themeOverrides, ye), ue(() => o.editing, () => ge()), ue(() => o.highlightedRow, () => z.invalidate()), Qo(() => {
-      if (K = document.createElement("canvas"), ye(), sn(), typeof ResizeObserver < "u" && (wt = new ResizeObserver(() => sn()), wt.observe(r.value)), typeof MutationObserver < "u") {
-        vt = new MutationObserver(() => ye());
-        const d = r.value.closest("[data-ui-app]");
+    }, { immediate: !0 }), de(
+      () => [o.columns, o.rowCount, o.freezeColumnCount, o.rowControls, o.selectable, o.draggable, o.columnResizable, o.readonly, y.value, P.value, M.value, v.value, N.value],
+      bt
+    ), de(() => [o.getCellText, o.cellRenderer, o.isRowLoaded, o.drawIcon], () => A.invalidate()), de(() => o.themeOverrides, xe), de(() => o.editing, () => fe()), de(() => o.highlightedRow, () => A.invalidate()), oi(() => {
+      if (q = document.createElement("canvas"), xe(), ln(), typeof ResizeObserver < "u" && (vt = new ResizeObserver(() => ln()), vt.observe(l.value)), typeof MutationObserver < "u") {
+        St = new MutationObserver(() => xe());
+        const d = l.value.closest("[data-ui-app]");
         for (const f of /* @__PURE__ */ new Set([d, document.documentElement]))
-          f && vt.observe(f, { attributes: !0, attributeFilter: ["data-ui-color-scheme", "data-ui-density", "style", "class"] });
+          f && St.observe(f, { attributes: !0, attributeFilter: ["data-ui-color-scheme", "data-ui-density", "style", "class"] });
       }
-      St = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, St?.addEventListener?.("change", ye), We = typeof matchMedia == "function" ? matchMedia("(pointer: coarse)") : null, v.value = !!We?.matches, We?.addEventListener?.("change", an), ge();
-    }), Zo(() => {
-      N && cancelAnimationFrame(N), Se && clearTimeout(Se), wt?.disconnect(), vt?.disconnect(), St?.removeEventListener?.("change", ye), We?.removeEventListener?.("change", an), q && clearTimeout(q.timer), le && clearTimeout(le), z.dispose(), fe && clearTimeout(fe), on(), K = null;
+      yt = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, yt?.addEventListener?.("change", xe), We = typeof matchMedia == "function" ? matchMedia("(pointer: coarse)") : null, y.value = !!We?.matches, We?.addEventListener?.("change", rn), fe();
+    }), ii(() => {
+      F && cancelAnimationFrame(F), be && clearTimeout(be), vt?.disconnect(), St?.disconnect(), yt?.removeEventListener?.("change", xe), We?.removeEventListener?.("change", rn), te && clearTimeout(te.timer), re && clearTimeout(re), A.dispose(), pe && clearTimeout(pe), sn(), q = null;
     });
-    const Y = _(() => S.value.activeCell), Uo = _(() => Y.value ? o.columns[Y.value[0]] : void 0), Ko = _(() => {
-      const d = Y.value;
+    const j = U(() => p.value.activeCell), Xo = U(() => j.value ? o.columns[j.value[0]] : void 0), Yo = U(() => {
+      const d = j.value;
       return d ? o.getRowLabel?.(d[1]) ?? String(d[1] + 1) : "";
-    }), _o = _(() => Y.value && o.rowCount > 0 ? o.getCellText(Y.value) : ""), rn = (d) => `${s}-col-${d}`, $o = _(() => Y.value ? `${rn(Y.value[0])} ${s}-rowheader ${s}-cell` : `${s}-label`), ln = (d) => z.getCellRect(d), j = _(() => F.state.value), cn = _(() => j.value.active && j.value.mode === "edit" && j.value.kind === "long-text" && !!o.editHint), et = _(() => ({
-      open: j.value.active,
-      kind: j.value.kind,
-      view: j.value.mode === "view",
-      invalid: !!j.value.error,
-      hint: cn.value,
-      rowHeight: k.value,
-      lines: F.lines.value,
-      theme: g.value,
-      dangerColor: R,
-      textBox: I.value
-    })), qo = _(() => Ka(et.value)), un = _(() => j.value.active ? vo(et.value) : k.value), tt = _(() => {
-      if (y.value, j.value.active) return j.value.error;
-      const d = S.value.activeCell, f = d && o.cellStatus ? o.cellStatus(d) : null;
+    }), jo = U(() => j.value && o.rowCount > 0 ? o.getCellText(j.value) : ""), cn = (d) => `${r}-col-${d}`, Qo = U(() => j.value ? `${cn(j.value[0])} ${r}-rowheader ${r}-cell` : `${r}-label`), un = (d) => A.getCellRect(d), Q = U(() => L.state.value), dn = U(() => Q.value.active && Q.value.mode === "edit" && Q.value.kind === "long-text" && !!o.editHint), nt = U(() => ({
+      open: Q.value.active,
+      kind: Q.value.kind,
+      view: Q.value.mode === "view",
+      invalid: !!Q.value.error,
+      hint: dn.value,
+      rowHeight: P.value,
+      lines: L.lines.value,
+      theme: C.value,
+      dangerColor: I,
+      textBox: k.value
+    })), Zo = U(() => ja(nt.value)), hn = U(() => Q.value.active ? Ro(nt.value) : P.value), ot = U(() => {
+      if (R.value, Q.value.active) return Q.value.error;
+      const d = p.value.activeCell, f = d && o.cellStatus ? o.cellStatus(d) : null;
       return f?.state === "error" ? f.message : null;
     });
     return t({
-      focus: Pe,
-      focusOwner: () => h.value ?? null,
-      getCellRect: ln,
-      scrollToCell: (d) => z.scrollToCell(d),
-      getSelection: () => z.getSelection(),
-      setSelection: (d) => z.setSelection(d),
+      focus: Se,
+      focusOwner: () => m.value ?? null,
+      getCellRect: un,
+      scrollToCell: (d) => A.scrollToCell(d),
+      getSelection: () => A.getSelection(),
+      setSelection: (d) => A.setSelection(d),
       invalidate: () => {
-        y.value++, z.invalidate();
+        R.value++, A.invalidate();
       },
-      refreshTheme: ye,
-      isEditing: () => F.active,
-      commitEdit: () => !F.active || F.commit("selection"),
-      cancelEdit: () => F.cancel(),
-      copy: (d = !1) => en(d),
-      paste: (d) => nn(d)
-    }), (d, f) => (pe(), Ce("div", {
+      refreshTheme: xe,
+      isEditing: () => L.active,
+      commitEdit: () => !L.active || L.commit("selection"),
+      cancelEdit: () => L.cancel(),
+      copy: (d = !1) => nn(d),
+      paste: (d) => an(d)
+    }), (d, f) => (Ce(), we("div", {
       ref_key: "root",
-      ref: r,
+      ref: l,
       role: "grid",
       "data-ui-grid": "",
-      "aria-labelledby": `${J(s)}-label`,
+      "aria-labelledby": `${ee(r)}-label`,
       "aria-rowcount": e.loading && e.rowCount === 0 ? -1 : e.rowCount + 1,
       "aria-colcount": e.columns.length,
       "aria-readonly": e.readonly ? "true" : void 0,
       "aria-busy": e.loading ? "true" : void 0,
-      "data-ui-grid-skeleton": w.value && e.loading && e.rowCount === 0 ? "" : void 0,
+      "data-ui-grid-skeleton": v.value && e.loading && e.rowCount === 0 ? "" : void 0,
       "aria-multiselectable": "true",
       style: { position: "relative", overflow: "hidden", width: "100%", height: "100%", "min-height": "0", background: "var(--ui-surface)", contain: "strict", isolation: "isolate" },
-      onPaste: Bo
+      onPaste: Ko
     }, [
-      ee("span", {
-        id: `${J(s)}-label`,
+      ne("span", {
+        id: `${ee(r)}-label`,
         class: "sr-only"
-      }, we(e.label), 9, Es),
-      ee("canvas", {
+      }, ve(e.label), 9, Ds),
+      ne("canvas", {
         ref_key: "canvas",
         ref: c,
         "aria-hidden": "true",
         style: { position: "absolute", top: "0", left: "0", "pointer-events": "none", "z-index": "0" }
       }, null, 512),
-      ee("div", {
+      ne("div", {
         ref_key: "scroller",
-        ref: l,
+        ref: u,
         "data-ui-grid-scroller": "",
         "aria-hidden": "true",
         style: { position: "absolute", inset: "0", overflow: "auto", "overscroll-behavior": "contain", "z-index": "1", "touch-action": "pan-x pan-y", "-webkit-overflow-scrolling": "touch", "-webkit-touch-callout": "none", "-webkit-user-select": "none", "user-select": "none", "-webkit-tap-highlight-color": "transparent" },
-        onScrollPassive: Lo,
-        onPointerdown: Mo,
-        onPointermove: Ao,
-        onPointerup: Eo,
-        onPointercancel: Zt,
-        onLostpointercapture: Zt,
-        onPointerleave: Ho,
-        onDblclick: To,
-        onContextmenu: No
+        onScrollPassive: Oo,
+        onPointerdown: No,
+        onPointermove: Fo,
+        onPointerup: Lo,
+        onPointercancel: en,
+        onLostpointercapture: en,
+        onPointerleave: Do,
+        onDblclick: Wo,
+        onContextmenu: Bo
       }, [
-        ee("div", {
-          style: Be({ width: `${p.value.width}px`, height: `${p.value.height}px` })
+        ne("div", {
+          style: Be({ width: `${w.value.width}px`, height: `${w.value.height}px` })
         }, null, 4)
       ], 544),
-      ee("div", Hs, [
-        ee("div", Ts, [
-          (pe(!0), Ce(Jo, null, ei(e.columns, (b, T) => (pe(), Ce("span", {
-            id: rn(T),
-            key: b.id,
+      ne("div", Ws, [
+        ne("div", Bs, [
+          (Ce(!0), we(ai, null, si(e.columns, (x, T) => (Ce(), we("span", {
+            id: cn(T),
+            key: x.id,
             role: "columnheader",
             class: "sr-only",
             "aria-colindex": T + 1
-          }, we(b.name), 9, Ns))), 128))
+          }, ve(x.name), 9, Os))), 128))
         ])
       ]),
-      ee("div", Ls, [
-        ee("div", {
+      ne("div", Vs, [
+        ne("div", {
           role: "row",
-          "aria-rowindex": Y.value ? Y.value[1] + 2 : 2,
-          "aria-hidden": Y.value ? void 0 : "true"
+          "aria-rowindex": j.value ? j.value[1] + 2 : 2,
+          "aria-hidden": j.value ? void 0 : "true"
         }, [
-          ee("span", {
-            id: `${J(s)}-rowheader`,
+          ne("span", {
+            id: `${ee(r)}-rowheader`,
             role: "rowheader",
             class: "sr-only"
-          }, we(Ko.value), 9, Ds),
-          ee("div", {
+          }, ve(Yo.value), 9, Us),
+          ne("div", {
             ref_key: "focusCell",
-            ref: u,
+            ref: h,
             role: "gridcell",
-            "aria-colindex": Y.value ? Y.value[0] + 1 : 1,
-            "aria-selected": Y.value ? "true" : void 0,
-            "aria-readonly": e.readonly || Uo.value?.readonly ? "true" : void 0,
+            "aria-colindex": j.value ? j.value[0] + 1 : 1,
+            "aria-selected": j.value ? "true" : void 0,
+            "aria-readonly": e.readonly || Xo.value?.readonly ? "true" : void 0,
             "data-ui-grid-focus-cell": "",
             style: { position: "absolute", top: "0", left: "0", width: "0", height: "0", transform: "translate(-10000px, 0)", "z-index": "2", "pointer-events": "none" }
           }, [
-            ee("span", {
-              id: `${J(s)}-cell`,
+            ne("span", {
+              id: `${ee(r)}-cell`,
               class: "sr-only"
-            }, we(_o.value), 9, Bs),
-            ee("textarea", {
+            }, ve(jo.value), 9, _s),
+            ne("textarea", {
               ref_key: "focusOwner",
-              ref: h,
+              ref: m,
               "data-ui-grid-focus-owner": "",
-              "data-ui-grid-editing": j.value.active ? j.value.mode : void 0,
-              "aria-labelledby": $o.value,
-              "aria-invalid": tt.value ? "true" : void 0,
-              "aria-describedby": tt.value ? `${J(s)}-message` : void 0,
-              readonly: j.value.active && j.value.mode === "view" ? !0 : void 0,
+              "data-ui-grid-editing": Q.value.active ? Q.value.mode : void 0,
+              "aria-labelledby": Qo.value,
+              "aria-invalid": ot.value ? "true" : void 0,
+              "aria-describedby": ot.value ? `${ee(r)}-message` : void 0,
+              readonly: Q.value.active && Q.value.mode === "view" ? !0 : void 0,
               autocomplete: "off",
               autocapitalize: "off",
               spellcheck: "false",
               rows: "1",
-              style: Be(qo.value),
-              onKeydown: Fo,
-              onCompositionstart: Vo,
-              onCompositionend: Go,
-              onInput: f[0] || (f[0] = (b) => J(F).input()),
-              onBlur: f[1] || (f[1] = (b) => J(F).blur()),
-              onCopy: f[2] || (f[2] = (b) => tn(b, !1)),
-              onCut: f[3] || (f[3] = (b) => tn(b, !0))
-            }, null, 44, Os),
-            cn.value ? (pe(), Ce("span", {
+              style: Be(Zo.value),
+              onKeydown: Vo,
+              onCompositionstart: $o,
+              onCompositionend: qo,
+              onInput: f[0] || (f[0] = (x) => ee(L).input()),
+              onBlur: f[1] || (f[1] = (x) => ee(L).blur()),
+              onCopy: f[2] || (f[2] = (x) => on(x, !1)),
+              onCut: f[3] || (f[3] = (x) => on(x, !0))
+            }, null, 44, $s),
+            dn.value ? (Ce(), we("span", {
               key: 0,
               "data-ui-grid-edit-hint": "",
               "aria-hidden": "true",
-              style: Be({ ...J(_a)(et.value), top: `${un.value - J(lt)}px` })
-            }, we(e.editHint), 5)) : Oe("", !0),
-            tt.value ? (pe(), Ce("div", {
+              style: Be({ ...ee(Qa)(nt.value), top: `${hn.value - ee(ut)}px` })
+            }, ve(e.editHint), 5)) : Oe("", !0),
+            ot.value ? (Ce(), we("div", {
               key: 1,
-              id: `${J(s)}-message`,
+              id: `${ee(r)}-message`,
               "data-ui-grid-edit-message": "",
-              style: Be({ ...J($a)(et.value), top: `${un.value + 4}px` })
-            }, we(tt.value), 13, Vs)) : Oe("", !0)
-          ], 8, Ws)
-        ], 8, Fs)
+              style: Be({ ...ee(Za)(nt.value), top: `${hn.value + 4}px` })
+            }, ve(ot.value), 13, qs)) : Oe("", !0)
+          ], 8, Ks)
+        ], 8, Gs)
       ]),
-      L.value ? (pe(), Ce("div", {
+      z.value ? (Ce(), we("div", {
         key: 0,
         "data-ui-grid-empty": "",
-        style: Be([{ top: `${P.value}px` }, { position: "absolute", left: "0", right: "0", bottom: "0", display: "flex", "align-items": "center", "justify-content": "center", overflow: "hidden", color: "var(--ui-text-muted)", "font-size": "var(--ui-font-size)", "pointer-events": "none", "z-index": "1" }])
+        style: Be([{ top: `${M.value}px` }, { position: "absolute", left: "0", right: "0", bottom: "0", display: "flex", "align-items": "center", "justify-content": "center", overflow: "hidden", color: "var(--ui-text-muted)", "font-size": "var(--ui-font-size)", "pointer-events": "none", "z-index": "1" }])
       }, [
-        hn(d.$slots, "empty", {}, () => [
-          ti(we(J(a)("No data")), 1)
+        gn(d.$slots, "empty", {}, () => [
+          ri(ve(ee(s)("No data")), 1)
         ])
       ], 4)) : Oe("", !0),
-      e.loading ? (pe(), Ce("span", Gs, we(J(a)("Loading")), 1)) : Oe("", !0),
-      d.$slots.overlay ? (pe(), Ce("div", Us, [
-        hn(d.$slots, "overlay", {
-          activeCell: Y.value,
-          getCellRect: ln
+      e.loading ? (Ce(), we("span", Xs, ve(ee(s)("Loading")), 1)) : Oe("", !0),
+      d.$slots.overlay ? (Ce(), we("div", Ys, [
+        gn(d.$slots, "overlay", {
+          activeCell: j.value,
+          getCellRect: un
         })
       ])) : Oe("", !0)
-    ], 40, As));
+    ], 40, Ls));
   }
-}), js = (e, t = 500) => {
-  const n = new ct(t);
+}), nr = (e, t = 500) => {
+  const n = new dt(t);
   let o = !1;
   const i = () => {
     if (o) return;
@@ -3438,20 +3456,20 @@ const Ps = () => {
       const s = n.get(a);
       if (s) return s.ready ? s.image : void 0;
       if (typeof Image > "u") return;
-      const r = new Image(), c = { image: r, ready: !1 };
+      const r = new Image(), l = { image: r, ready: !1 };
       r.decoding = "async", r.onload = () => {
-        c.ready = !0, i();
-      }, r.src = a, n.set(a, c);
+        l.ready = !0, i();
+      }, r.src = a, n.set(a, l);
     },
     clear: () => n.clear()
   };
-}, Un = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], Qs = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), Kn = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
-function _n(e) {
+}, $n = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], or = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), qn = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
+function Xn(e) {
   if (!e) return;
   const n = e.trim().replaceAll("_", "-").toLowerCase();
-  return Kn[n] ? Kn[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : Un.find((i) => i.toLowerCase() === n) ?? Un.find((i) => i === n.split("-")[0]);
+  return qn[n] ? qn[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : $n.find((i) => i.toLowerCase() === n) ?? $n.find((i) => i === n.split("-")[0]);
 }
-function Zs() {
+function ir() {
   if (typeof window > "u") return "en";
   const e = window;
   let t;
@@ -3460,90 +3478,90 @@ function Zs() {
   } catch {
     t = void 0;
   }
-  const n = typeof t == "string" ? _n(t) : void 0;
+  const n = typeof t == "string" ? Xn(t) : void 0;
   if (n) return n;
   const o = typeof navigator > "u" ? [] : navigator.languages?.length ? navigator.languages : [navigator.language];
   for (const i of o) {
-    const a = _n(i);
+    const a = Xn(i);
     if (a) return a;
   }
   return "en";
 }
-function Js(e) {
-  const t = ni(Qs, null);
+function ar(e) {
+  const t = li(or, null);
   let n;
-  return _(() => e() ?? t?.value ?? (n ??= Zs()));
+  return U(() => e() ?? t?.value ?? (n ??= ir()));
 }
-function bo(e, t) {
+function Po(e, t) {
   return e.replace(/\{(\w+)\}/g, (n, o) => String(t[o] ?? n));
 }
-const _e = 4, Re = 6, er = 4, Ae = 4, he = (e, t, n, o = "") => {
+const _e = 4, Ie = 6, sr = 4, Ae = 4, me = (e, t, n, o = "") => {
   const i = `${o ? `${o} ` : ""}${t}px ${n}`;
   e.font !== i && (e.font = i);
-}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, tr = (e) => {
+}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, Yn = typeof Intl < "u" && typeof Intl.Segmenter == "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null, rr = (e) => {
   const t = e.trim();
   if (!t) return "";
-  if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
-    for (const { segment: n } of new Intl.Segmenter(void 0, { granularity: "grapheme" }).segment(t)) return n.toLocaleUpperCase();
+  if (Yn)
+    for (const { segment: n } of Yn.segment(t)) return n.toLocaleUpperCase();
   return Array.from(t)[0].toLocaleUpperCase();
-}, me = (e, t, n, o = {}) => {
+}, ge = (e, t, n, o = {}) => {
   if (!n) return 0;
   const { metrics: i, theme: a } = t, s = o.fontSize ?? i.fontSize;
-  he(e, s, a.fontFamily);
-  const r = o.x ?? t.x + i.padding, c = Math.max(0, o.maxWidth ?? t.x + t.width - i.padding - r);
+  me(e, s, a.fontFamily);
+  const r = o.x ?? t.x + i.padding, l = Math.max(0, o.maxWidth ?? t.x + t.width - i.padding - r);
   return $e(e, {
     text: n,
     x: r,
     y: t.y + (t.height - s) / 2,
-    maxWidth: c,
+    maxWidth: l,
     fill: o.color ?? t.cellTheme.text,
     fontSize: s,
     textAlign: o.align ?? "left"
   }).width;
-}, xo = (e, t, n, o, i) => {
+}, zo = (e, t, n, o, i) => {
   const { metrics: a, theme: s } = t;
-  D(e, { ...n, radius: er, fill: i.fill }), he(e, a.chipFontSize, s.fontFamily), $e(e, {
+  D(e, { ...n, radius: sr, fill: i.fill }), me(e, a.chipFontSize, s.fontFamily), $e(e, {
     text: o,
-    x: n.x + Re,
+    x: n.x + Ie,
     y: n.y + (n.height - a.chipFontSize) / 2,
-    maxWidth: Math.max(0, n.width - 2 * Re),
+    maxWidth: Math.max(0, n.width - 2 * Ie),
     fill: i.color,
     fontSize: a.chipFontSize
   });
-}, Kt = (e, t, n, o) => {
+}, $t = (e, t, n, o) => {
   const i = [];
   let a = 0;
   for (let s = 0; s < e.length; s++) {
-    const r = e.length - s - 1, c = r > 0 ? n(r) + _e : 0, l = e[s];
-    if (a + l + c <= t) {
-      i.push(l), a += l + _e;
+    const r = e.length - s - 1, l = r > 0 ? n(r) + _e : 0, c = e[s];
+    if (a + c + l <= t) {
+      i.push(c), a += c + _e;
       continue;
     }
     if (s === 0) {
-      const h = t - c;
+      const h = t - l;
       return h >= o ? (i.push(h), { widths: i, more: r, badgeWidth: r > 0 ? n(r) : 0 }) : { widths: i, more: e.length, badgeWidth: n(e.length) };
     }
     const u = e.length - s;
     return { widths: i, more: u, badgeWidth: n(u) };
   }
   return { widths: i, more: 0, badgeWidth: 0 };
-}, _t = (e, t, n) => (he(e, t.metrics.chipFontSize, t.theme.fontFamily), Ee(e, `+${n}`, t.metrics.chipFontSize) + 2 * Re), $t = (e, t, n, o, i) => {
+}, qt = (e, t, n) => (me(e, t.metrics.chipFontSize, t.theme.fontFamily), Ee(e, `+${n}`, t.metrics.chipFontSize) + 2 * Ie), Xt = (e, t, n, o, i) => {
   const { metrics: a, cellTheme: s } = t, r = t.y + (t.height - a.chip) / 2;
-  xo(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
-}, nr = (e, t, n, o, i) => {
-  const a = t + o / 2, s = n + o / 2 + o * 0.04, r = o / 2, c = r * 0.45;
+  zo(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
+}, lr = (e, t, n, o, i) => {
+  const a = t + o / 2, s = n + o / 2 + o * 0.04, r = o / 2, l = r * 0.45;
   e.beginPath();
-  for (let l = 0; l < 10; l++) {
-    const u = l % 2 === 0 ? r : c, h = -Math.PI / 2 + l * Math.PI / 5, m = a + u * Math.cos(h), g = s + u * Math.sin(h);
-    l === 0 ? e.moveTo(m, g) : e.lineTo(m, g);
+  for (let c = 0; c < 10; c++) {
+    const u = c % 2 === 0 ? r : l, h = -Math.PI / 2 + c * Math.PI / 5, m = a + u * Math.cos(h), g = s + u * Math.sin(h);
+    c === 0 ? e.moveTo(m, g) : e.lineTo(m, g);
   }
   e.closePath(), e.fillStyle = i, e.fill();
-}, or = (e, t, n, o, i) => {
+}, cr = (e, t, n, o, i) => {
   const a = o;
   e.save(), e.strokeStyle = i, e.lineWidth = Math.max(1.25, a / 11), e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(t + a * 0.45, n + a * 0.2), e.lineTo(t + a * 0.2, n + a * 0.2), e.lineTo(t + a * 0.2, n + a * 0.8), e.lineTo(t + a * 0.8, n + a * 0.8), e.lineTo(t + a * 0.8, n + a * 0.55), e.moveTo(t + a * 0.55, n + a * 0.2), e.lineTo(t + a * 0.8, n + a * 0.2), e.lineTo(t + a * 0.8, n + a * 0.45), e.moveTo(t + a * 0.8, n + a * 0.2), e.lineTo(t + a * 0.48, n + a * 0.52), e.stroke(), e.restore();
 };
-class qt {
-  cache = new ct(200);
+class Yt {
+  cache = new dt(200);
   set(t, n) {
     this.cache.set(t, n);
   }
@@ -3554,71 +3572,75 @@ class qt {
     this.cache.clear();
   }
 }
-const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, ir = { type: "decimal", precision: 2 }, $n = (e, t) => {
+const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, ur = { type: "decimal", precision: 2 }, jn = (e, t) => {
   if (!Number.isFinite(e) || Math.abs(e) <= Number.MAX_SAFE_INTEGER) return e.toFixed(t);
   const n = String(e), o = n.includes("e") ? "" : "0".repeat(t);
   return o ? `${n}.${o}` : n;
-}, ar = (e, t = ir, n = "en-US") => {
+}, Qn = /* @__PURE__ */ new Map(), dr = (e, t) => {
+  const n = `${e}|${t}`;
+  let o = Qn.get(n);
+  return o || (o = new Intl.NumberFormat(e, { minimumFractionDigits: t, maximumFractionDigits: t }), Qn.set(n, o)), o;
+}, hr = (e, t = ur, n = "en-US") => {
   if (e == null) return "";
   const o = Number(e), i = t.precision ?? 2;
   if (t.type === "currency") {
-    const a = t.symbol ?? "$", s = o < 0 ? "-" : "", r = Math.abs(o).toLocaleString(n, { minimumFractionDigits: i, maximumFractionDigits: i });
+    const a = t.symbol ?? "$", s = o < 0 ? "-" : "", r = dr(n, i).format(Math.abs(o));
     return s + a + r;
   }
-  return t.type === "percent" ? `${$n(o * 100, i)}%` : $n(o, i);
-}, Lr = (e, t) => {
+  return t.type === "percent" ? `${jn(o * 100, i)}%` : jn(o, i);
+}, Gr = (e, t) => {
   if (e == null || e === "") return null;
   const n = String(e), o = t?.type === "percent" || n.includes("%"), i = n.replace(/[^\d.+-]/g, "").replace(/([+\-.])+/g, "$1"), a = Number.parseFloat(i);
   return Number.isNaN(a) ? null : o ? a / 100 : a;
-}, dt = (e) => e.map(String).filter(Boolean).join(", "), sr = (e, t) => {
+}, mt = (e) => e.map(String).filter(Boolean).join(", "), mr = (e, t) => {
   const n = t.chips[e.tone ?? "neutral"] ?? t.chips.neutral;
   return { fill: e.fill ?? n.fill, color: e.color ?? n.color };
-}, ht = (e) => Math.max(0, e.width - 2 * e.metrics.padding), rr = {
+}, gt = (e) => Math.max(0, e.width - 2 * e.metrics.padding), gr = {
   draw: (e, t, n) => {
-    me(e, t, n.text);
+    ge(e, t, n.text);
   },
   describe: (e) => e.text
-}, lr = {
+}, fr = {
   draw: (e, t, n) => {
-    me(e, t, n.text.replace(/\s*\n\s*/g, " "));
+    ge(e, t, n.text.replace(/\s*\n\s*/g, " "));
   },
   describe: (e) => e.text
-}, cr = {
+}, pr = {
   draw: (e, t, n) => {
-    me(e, t, n.text);
+    ge(e, t, n.text);
   },
   describe: (e) => e.text
-}, ur = {
+}, Cr = {
   draw: (e, t, n) => {
-    me(e, t, n.text, { color: t.cellTheme.textMuted, align: n.align === "end" ? "right" : "left" });
+    ge(e, t, n.text, { color: t.cellTheme.textMuted, align: n.align === "end" ? "right" : "left" });
   },
   describe: (e) => e.text
-}, qn = (e, t) => e.text ?? ar(e.value, e.format, t), dr = {
+}, Zn = (e, t) => e.text ?? hr(e.value, e.format, t), wr = {
   draw: (e, t, n) => {
-    me(e, t, qn(n, t.locale), { align: "right" });
+    ge(e, t, Zn(n, t.locale), { align: "right" });
   },
-  describe: (e, t) => qn(e, t.locale)
-}, Xn = (e, t, n) => {
+  describe: (e, t) => Zn(e, t.locale)
+}, Jn = (e, t, n) => {
   const o = n.icon;
   return { x: e - n.padding - o, y: (t - o) / 2, width: o, height: o };
-}, hr = {
+}, vr = {
   draw: (e, t, n) => {
-    const { metrics: o, cellTheme: i } = t, a = Xn(t.width, t.height, o);
-    n.text && (me(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), or(e, t.x + a.x, t.y + a.y, a.width, i.link));
+    const { metrics: o, cellTheme: i } = t, a = Jn(t.width, t.height, o);
+    n.text && (ge(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), cr(e, t.x + a.x, t.y + a.y, a.width, i.link));
   },
   describe: (e) => e.text,
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (!e.text || !e.href) return null;
-    const i = Xn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
+    const i = Jn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
     return Xe(t, a) ? { action: { type: "open-url", href: e.href }, area: a } : null;
   }
-}, Yn = (e, t, n) => {
+}, eo = (e, t, n) => {
   const o = n.icon;
   return { x: e / 2 - o / 2, y: t / 2 - o / 2, width: o, height: o };
-}, jn = (e) => ({ type: "update", value: !e.value }), mr = {
+}, to = (e) => ({ type: "update", value: !e.value }), Sr = {
   draw: (e, t, n) => {
-    const { cellTheme: o, metrics: i } = t, a = Yn(t.width, t.height, i);
-    Bt(e, {
+    const { cellTheme: o, metrics: i } = t, a = eo(t.width, t.height, i);
+    Vt(e, {
       x: t.x + a.x,
       y: t.y + a.y,
       size: a.width,
@@ -3632,22 +3654,22 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   // The icon box is hit exactly, plus 4 px around it (a 24 px target at 16 px).
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
-    const i = Yn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
-    return Xe(t, a) ? { action: jn(e), area: a } : null;
+    const i = eo(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
+    return Xe(t, a) ? { action: to(e), area: a } : null;
   },
-  keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? jn(e) : null
-}, At = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), gr = {
+  keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? to(e) : null
+}, Ht = 2, lt = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), yr = {
   draw: (e, t, n) => {
-    const { metrics: o, cellTheme: i } = t, a = o.icon, s = t.y + (t.height - a) / 2, r = st(n);
-    let c = t.x + o.padding;
-    for (let l = 0; l < r && c + a <= t.x + t.width - o.padding + At; l++)
-      nr(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + At;
+    const { metrics: o, cellTheme: i } = t, a = o.icon, s = t.y + (t.height - a) / 2, r = lt(n);
+    let l = t.x + o.padding;
+    for (let c = 0; c < r && l + a <= t.x + t.width - o.padding + Ht; c++)
+      lr(e, l, s, a, n.value > c ? i.ratingOn : i.ratingOff), l += a + Ht;
   },
-  describe: (e, { labels: t }) => e.value > 0 ? bo(t.rating, { value: e.value, max: st(e) }) : "",
+  describe: (e, { labels: t }) => e.value > 0 ? Po(t.rating, { value: e.value, max: lt(e) }) : "",
   // Click the n-th star: value n; click the current value again: clear.
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
-    const i = o.icon + At, a = st(e), s = { x: o.padding, y: Math.max(0, n.height / 2 - o.icon), width: a * i, height: Math.min(n.height, 2 * o.icon) };
+    const i = o.icon + Ht, a = lt(e), s = { x: o.padding, y: Math.max(0, n.height / 2 - o.icon), width: a * i, height: Math.min(n.height, 2 * o.icon) };
     if (!Xe(t, s)) return null;
     const r = Math.min(a, Math.max(1, Math.ceil((t.x - o.padding) / i)));
     return { action: { type: "update", value: r !== e.value ? r : null }, area: s };
@@ -3657,145 +3679,145 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     if (e.readonly) return null;
     if (t === "Backspace") return { type: "update", value: null };
     if (!/^\d$/.test(t)) return null;
-    const n = Math.min(st(e), Number(t));
+    const n = Math.min(lt(e), Number(t));
     return { type: "update", value: n === 0 || n === e.value ? null : n };
   }
-}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Lt = new qt(), Ro = (e, t, n) => {
+}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Dt = new Yt(), Mo = (e, t, n) => {
   const { metrics: o, theme: i } = t;
   if (!n.length) return [];
-  he(e, o.chipFontSize, i.fontFamily);
-  const a = n.map((h) => Ee(e, h.label, o.chipFontSize) + 2 * Re), s = 2 * Re + Ee(e, "…", o.chipFontSize) + o.chipFontSize, r = Kt(a, ht(t), (h) => _t(e, t, h), s), c = t.y + (t.height - o.chip) / 2;
-  let l = t.x + o.padding;
+  me(e, o.chipFontSize, i.fontFamily);
+  const a = n.map((h) => Ee(e, h.label, o.chipFontSize) + 2 * Ie), s = 2 * Ie + Ee(e, "…", o.chipFontSize) + o.chipFontSize, r = $t(a, gt(t), (h) => qt(e, t, h), s), l = t.y + (t.height - o.chip) / 2;
+  let c = t.x + o.padding;
   const u = [];
   return r.widths.forEach((h, m) => {
-    const g = { x: l, y: c, width: h, height: o.chip };
-    xo(e, t, g, n[m].label, n[m].colors), u.push({ x: l - t.x, y: c - t.y, width: h, height: o.chip }), l += h + _e;
-  }), r.more > 0 && $t(e, t, l, r.more, r.badgeWidth), u;
-}, fr = {
+    const g = { x: c, y: l, width: h, height: o.chip };
+    zo(e, t, g, n[m].label, n[m].colors), u.push({ x: c - t.x, y: l - t.y, width: h, height: o.chip }), c += h + _e;
+  }), r.more > 0 && Xt(e, t, c, r.more, r.badgeWidth), u;
+}, br = {
   draw: (e, t, n) => {
-    Ro(e, t, n.options.map((o) => ({ label: o.label, colors: sr(o, t.cellTheme) })));
+    Mo(e, t, n.options.map((o) => ({ label: o.label, colors: mr(o, t.cellTheme) })));
   },
-  describe: (e) => dt(e.options.map((t) => t.label))
-}, pr = {
+  describe: (e) => mt(e.options.map((t) => t.label))
+}, xr = {
   draw: (e, t, n) => {
-    const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = Ro(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
-    Lt.set(He("link", t, n.records.map((a) => a.id)), i);
+    const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = Mo(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
+    Dt.set(He("link", t, n.records.map((a) => a.id)), i);
   },
-  describe: (e) => dt(e.records.map((t) => t.label)),
-  hitTest: (e, t) => ko(Lt.get(He("link", Xt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
-}, Xt = (e) => ({ width: e.size.width, metrics: e.metrics }), ko = (e, t, n, o = !1) => {
+  describe: (e) => mt(e.records.map((t) => t.label)),
+  hitTest: (e, t) => Ao(Dt.get(He("link", jt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
+}, jt = (e) => ({ width: e.size.width, metrics: e.metrics }), Ao = (e, t, n, o = !1) => {
   if (!t.wasActive && !o || !e) return null;
   const i = e.findIndex((a) => Xe(t.point, a));
   return i < 0 ? null : { action: n(i), area: e[i] };
-}, Cr = (e, t, n, o, i, a, s) => {
-  const { cellTheme: r, theme: c } = t, l = s ? t.images.get(s) : void 0;
-  if (e.save(), e.beginPath(), e.arc(n + i / 2, o + i / 2, i / 2, 0, Math.PI * 2), e.closePath(), l)
-    e.clip(), e.drawImage(l, n, o, i, i);
+}, Rr = (e, t, n, o, i, a, s) => {
+  const { cellTheme: r, theme: l } = t, c = s ? t.images.get(s) : void 0;
+  if (e.save(), e.beginPath(), e.arc(n + i / 2, o + i / 2, i / 2, 0, Math.PI * 2), e.closePath(), c)
+    e.clip(), e.drawImage(c, n, o, i, i);
   else {
     e.fillStyle = r.avatarFill, e.fill();
-    const u = tr(a);
+    const u = rr(a);
     if (u) {
       const h = Math.round(i * 0.55);
-      he(e, h, c.fontFamily), e.fillStyle = r.avatarText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(u, n + i / 2, o + i / 2 + 0.5);
+      me(e, h, l.fontFamily), e.fillStyle = r.avatarText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(u, n + i / 2, o + i / 2 + 0.5);
     }
   }
   e.restore();
-}, wr = {
+}, kr = {
   draw: (e, t, n) => {
     const { metrics: o, theme: i } = t;
     if (!n.people.length) return;
     const a = o.chip;
-    he(e, o.fontSize, i.fontFamily);
-    const s = n.people.map((u) => a + Ae + Ee(e, u.name, o.fontSize) + Re), r = Kt(s, ht(t), (u) => _t(e, t, u), a), c = t.y + (t.height - a) / 2;
-    let l = t.x + o.padding;
+    me(e, o.fontSize, i.fontFamily);
+    const s = n.people.map((u) => a + Ae + Ee(e, u.name, o.fontSize) + Ie), r = $t(s, gt(t), (u) => qt(e, t, u), a), l = t.y + (t.height - a) / 2;
+    let c = t.x + o.padding;
     r.widths.forEach((u, h) => {
       const m = n.people[h];
-      Cr(e, t, l, c, a, m.name, m.avatarUrl), u > a + Ae && me(e, t, m.name, { x: l + a + Ae, maxWidth: u - a - Ae - (h < r.widths.length - 1 || r.more ? Re : 0) }), l += u + _e;
-    }), r.more > 0 && $t(e, t, l, r.more, r.badgeWidth);
+      Rr(e, t, c, l, a, m.name, m.avatarUrl), u > a + Ae && ge(e, t, m.name, { x: c + a + Ae, maxWidth: u - a - Ae - (h < r.widths.length - 1 || r.more ? Ie : 0) }), c += u + _e;
+    }), r.more > 0 && Xt(e, t, c, r.more, r.badgeWidth);
   },
-  describe: (e) => dt(e.people.map((t) => t.name))
-}, Qn = (e) => {
+  describe: (e) => mt(e.people.map((t) => t.name))
+}, no = (e) => {
   const t = /\.([\p{L}\p{N}]{1,5})$/u.exec(e);
   return t ? t[1].toUpperCase() : "";
-}, Ft = new qt(), vr = {
+}, Wt = new Yt(), Ir = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.files.length) return;
     const s = o.chip, r = Math.max(8, Math.round(s * 0.42));
-    he(e, r, a.fontFamily, "600");
-    const c = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, Qn(g.name) || "?", r) + 6)), l = Kt(c, ht(t), (g) => _t(e, t, g), s), u = t.y + (t.height - s) / 2;
+    me(e, r, a.fontFamily, "600");
+    const l = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, no(g.name) || "?", r) + 6)), c = $t(l, gt(t), (g) => qt(e, t, g), s), u = t.y + (t.height - s) / 2;
     let h = t.x + o.padding;
     const m = [];
-    l.widths.forEach((g, C) => {
+    c.widths.forEach((g, C) => {
       const S = n.files[C], p = S.thumbnailUrl ? t.images.get(S.thumbnailUrl) : void 0;
-      p ? (e.save(), D(e, { x: h, y: u, width: g, height: s, radius: 3 }), e.clip(), e.drawImage(p, h, u, g, s), e.restore(), D(e, { x: h + 0.5, y: u + 0.5, width: g - 1, height: s - 1, radius: 3, stroke: a.cellLineColor })) : (D(e, { x: h, y: u, width: g, height: s, radius: 3, fill: i.badgeFill }), he(e, r, a.fontFamily, "600"), e.fillStyle = i.badgeText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(Qn(S.name) || "?", h + g / 2, u + s / 2 + 0.5, g - 4)), m.push({ x: h - t.x, y: u - t.y, width: g, height: s }), h += g + _e;
-    }), l.more > 0 && $t(e, t, h, l.more, l.badgeWidth), Ft.set(He("attachment", t, n.files.map((g) => g.id)), m);
+      p ? (e.save(), D(e, { x: h, y: u, width: g, height: s, radius: 3 }), e.clip(), e.drawImage(p, h, u, g, s), e.restore(), D(e, { x: h + 0.5, y: u + 0.5, width: g - 1, height: s - 1, radius: 3, stroke: a.cellLineColor })) : (D(e, { x: h, y: u, width: g, height: s, radius: 3, fill: i.badgeFill }), me(e, r, a.fontFamily, "600"), e.fillStyle = i.badgeText, e.textAlign = "center", e.textBaseline = "middle", e.fillText(no(S.name) || "?", h + g / 2, u + s / 2 + 0.5, g - 4)), m.push({ x: h - t.x, y: u - t.y, width: g, height: s }), h += g + _e;
+    }), c.more > 0 && Xt(e, t, h, c.more, c.badgeWidth), Wt.set(He("attachment", t, n.files.map((g) => g.id)), m);
   },
-  describe: (e) => dt(e.files.map((t) => t.name)),
-  hitTest: (e, t) => ko(Ft.get(He("attachment", Xt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
-}, Zn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, Sr = {
+  describe: (e) => mt(e.files.map((t) => t.name)),
+  hitTest: (e, t) => Ao(Wt.get(He("attachment", jt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
+}, oo = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, Pr = {
   draw: (e, t, n) => {
     if (n.value == null) return;
-    const { metrics: o, cellTheme: i } = t, a = o.icon, s = Math.max(0, Math.min(1, n.value)), r = t.x + o.padding + a / 2, c = t.y + t.height / 2, l = a / 2 - 1.25;
-    e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, c, l, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, c, l, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), me(e, t, Zn(s), { x: t.x + o.padding + a + Ae + 2 });
+    const { metrics: o, cellTheme: i } = t, a = o.icon, s = Math.max(0, Math.min(1, n.value)), r = t.x + o.padding + a / 2, l = t.y + t.height / 2, c = a / 2 - 1.25;
+    e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, l, c, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, l, c, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), ge(e, t, oo(s), { x: t.x + o.padding + a + Ae + 2 });
   },
-  describe: (e) => e.value == null ? "" : Zn(e.value)
-}, Et = 10, Dt = new qt(), yr = {
+  describe: (e) => e.value == null ? "" : oo(e.value)
+}, Tt = 10, Bt = new Yt(), zr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.label) return;
-    he(e, o.chipFontSize, a.fontFamily);
-    const s = Math.min(ht(t), Ee(e, n.label, o.chipFontSize) + 2 * Et), r = { x: t.x + o.padding, y: t.y + (t.height - o.chip) / 2, width: s, height: o.chip };
-    D(e, { ...r, radius: Jn, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: Jn, stroke: i.buttonBorder }), n.disabled && (e.globalAlpha = 0.5), me(e, t, n.label, { x: r.x + Et, maxWidth: s - 2 * Et, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Dt.set(He("button", t, [n.label]), [{ x: r.x - t.x, y: r.y - t.y, width: s, height: o.chip }]);
+    me(e, o.chipFontSize, a.fontFamily);
+    const s = Math.min(gt(t), Ee(e, n.label, o.chipFontSize) + 2 * Tt), r = { x: t.x + o.padding, y: t.y + (t.height - o.chip) / 2, width: s, height: o.chip };
+    D(e, { ...r, radius: io, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: io, stroke: i.buttonBorder }), n.disabled && (e.globalAlpha = 0.5), ge(e, t, n.label, { x: r.x + Tt, maxWidth: s - 2 * Tt, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Bt.set(He("button", t, [n.label]), [{ x: r.x - t.x, y: r.y - t.y, width: s, height: o.chip }]);
   },
   describe: (e) => e.label,
   hitTest: (e, t) => {
     if (e.disabled || !e.label) return null;
-    const n = Dt.get(He("button", Xt(t), [e.label]))?.[0];
+    const n = Bt.get(He("button", jt(t), [e.label]))?.[0];
     return n && Xe(t.point, n) ? { action: { type: "press" }, area: n } : null;
   },
   keyAction: (e, t) => !e.disabled && (t === "Enter" || t === " ") ? { type: "press" } : null
-}, Jn = 4, br = {
-  text: rr,
-  longText: lr,
-  number: dr,
-  select: fr,
-  person: wr,
-  date: cr,
-  boolean: mr,
-  rating: gr,
-  url: hr,
-  link: pr,
-  attachment: vr,
-  progress: Sr,
-  button: yr,
-  derived: ur
-}, Fr = () => {
-  Lt.clear(), Ft.clear(), Dt.clear();
-}, xr = 6, Rr = (e, t, n, o) => {
+}, io = 4, Mr = {
+  text: gr,
+  longText: fr,
+  number: wr,
+  select: br,
+  person: kr,
+  date: pr,
+  boolean: Sr,
+  rating: yr,
+  url: vr,
+  link: xr,
+  attachment: Ir,
+  progress: Pr,
+  button: zr,
+  derived: Cr
+}, Ur = () => {
+  Dt.clear(), Wt.clear(), Bt.clear();
+}, Ar = 6, Er = (e, t, n, o) => {
   if (e.save(), n === "pending") {
-    const i = xr / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
+    const i = Ar / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
     e.beginPath(), e.arc(a, s, i + 1, 0, Math.PI * 2), e.fillStyle = o.surface, e.fill(), e.beginPath(), e.arc(a, s, i, 0, Math.PI * 2), e.fillStyle = o.pending, e.fill();
   } else
     e.lineWidth = 2, e.strokeStyle = o.danger, e.strokeRect(t.x + 1, t.y + 1, t.width - 2, t.height - 2);
   e.restore();
-}, eo = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], kr = (e) => {
-  const t = { ...br, ...e.renderers }, n = e.locale ?? "en-US";
+}, ao = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], Hr = (e) => {
+  const t = { ...Mr, ...e.renderers }, n = e.locale ?? "en-US";
   let o = e.labels, i = e.theme ?? Ue, a = null, s = null;
-  const r = js(() => e.onImageLoad?.()), c = (p) => ((!s || s.rowHeight !== p.height || s.fontSize !== p.theme.fontSizeSM || s.chipFontSize > p.theme.fontSizeXS) && (s = Dn(p.height, p.theme.fontSizeSM, p.theme.fontSizeXS)), s), l = (p) => {
+  const r = nr(() => e.onImageLoad?.()), l = (p) => ((!s || s.rowHeight !== p.height || s.fontSize !== p.theme.fontSizeSM || s.chipFontSize > p.theme.fontSizeXS) && (s = On(p.height, p.theme.fontSizeSM, p.theme.fontSizeXS)), s), c = (p) => {
     if (e.theme || a === p.theme) return;
     a = p.theme;
     const w = e.themeRoot?.();
-    w && (i = So(w));
+    w && (i = ko(w));
   }, u = {
     draw: (p, w) => {
       const v = e.getValue(w.cell);
-      if (l(w), v) {
+      if (c(w), v) {
         const R = t[v.kind];
-        R && (p.save(), p.beginPath(), p.rect(w.x, w.y, w.width, w.height), p.clip(), R.draw(p, { ...w, cellTheme: i, metrics: c(w), images: r, labels: o, locale: n }, v), p.restore());
+        R && (p.save(), p.beginPath(), p.rect(w.x, w.y, w.width, w.height), p.clip(), R.draw(p, { ...w, cellTheme: i, metrics: l(w), images: r, labels: o, locale: n }, v), p.restore());
       }
       const y = e.getStatus?.(w.cell);
-      y && Rr(p, w, y, i);
+      y && Er(p, w, y, i);
     }
   }, h = (p, w) => w?.type === "update" && e.isReadonly?.(p) ? null : w, m = (p) => {
     const w = e.getValue(p), v = w ? t[w.kind]?.describe(w, { labels: o, locale: n }) ?? "" : "", y = e.getStatus?.(p);
@@ -3805,7 +3827,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   }, g = (p, w, v, y) => {
     const R = e.getValue(p), I = R ? t[R.kind] : void 0;
     if (!R || !I?.hitTest) return null;
-    const k = I.hitTest(R, { point: w, size: { width: v.width, height: v.height }, metrics: Dn(v.height), wasActive: y });
+    const k = I.hitTest(R, { point: w, size: { width: v.width, height: v.height }, metrics: On(v.height), wasActive: y });
     return k && h(p, k.action) ? k : null;
   };
   return {
@@ -3827,12 +3849,12 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
           const R = p();
           if (!R || y.button !== 0 || y.shiftKey || y.metaKey || y.ctrlKey) return;
           const I = R.getSelection(), k = I.activeCell;
-          if (!k || I.kind !== "cells" || !eo(I.ranges[0], I.ranges[1])) return;
-          const P = y.currentTarget?.querySelector("[data-ui-grid]"), A = R.getCellRect(k);
-          if (!P || !A) return;
-          const L = P.getBoundingClientRect(), M = { x: y.clientX - L.left - A.x, y: y.clientY - L.top - A.y };
-          if (M.x < 0 || M.y < 0 || M.x >= A.width || M.y >= A.height) return;
-          const E = g(k, M, A, eo(v, k));
+          if (!k || I.kind !== "cells" || !ao(I.ranges[0], I.ranges[1])) return;
+          const P = y.currentTarget?.querySelector("[data-ui-grid]"), M = R.getCellRect(k);
+          if (!P || !M) return;
+          const N = P.getBoundingClientRect(), z = { x: y.clientX - N.left - M.x, y: y.clientY - N.top - M.y };
+          if (z.x < 0 || z.y < 0 || z.x >= M.width || z.y >= M.height) return;
+          const E = g(k, z, M, ao(v, k));
           E && w(E.action, k);
         }
       };
@@ -3845,7 +3867,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     },
     clearImages: () => r.clear()
   };
-}, Ir = {
+}, Tr = {
   "{count} failed": "{count} failed",
   "{name} is not a JPEG, PNG, WebP or GIF image": "{name} is not a JPEG, PNG, WebP or GIF image",
   "{name}: {kind} images are not supported; on an iPhone, set Settings > Camera > Formats to Most Compatible": "{name}: {kind} images are not supported; on an iPhone, set Settings > Camera > Formats to Most Compatible",
@@ -4117,8 +4139,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "At most {max} tags": "At most {max} tags",
   "Expand all": "Expand all",
   "Collapse all": "Collapse all"
-}, Pr = {
-  en: Ir,
+}, Nr = {
+  en: Tr,
   "zh-TW": {
     "{count} failed": "{count} 個失敗",
     "{name} is not a JPEG, PNG, WebP or GIF image": "{name} 不是 JPEG、PNG、WebP 或 GIF 圖片",
@@ -6304,96 +6326,96 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Collapse all": "Comprimi tutto"
   }
 };
-function zr(e, t, n = {}) {
-  return bo(Pr[e][t], n);
+function Fr(e, t, n = {}) {
+  return Po(Nr[e][t], n);
 }
-function Mr() {
-  const e = Js(() => {
+function Lr() {
+  const e = ar(() => {
   });
-  return (t, n) => zr(e.value, t, n);
+  return (t, n) => Fr(e.value, t, n);
 }
-const Dr = (e) => {
-  const t = Mr(), n = _(() => ({
+const Kr = (e) => {
+  const t = Lr(), n = U(() => ({
     checked: t("Checked"),
     unchecked: t("Not checked"),
     rating: t("Rating {value} of {max}", { value: "{value}", max: "{max}" }),
     saving: t("Saving"),
     failed: t("Not saved"),
     ...e.labels
-  })), o = kr({ ...e, labels: n.value });
-  return ue(n, (i) => o.setLabels(i)), o;
-}, Ar = 300;
-function Wr(e) {
-  const t = e.delayMs ?? Ar, n = e.setTimer ?? ((l, u) => setTimeout(l, u)), o = e.clearTimer ?? ((l) => clearTimeout(l)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  })), o = Hr({ ...e, labels: n.value });
+  return de(n, (i) => o.setLabels(i)), o;
+}, Dr = 300;
+function _r(e) {
+  const t = e.delayMs ?? Dr, n = e.setTimer ?? ((c, u) => setTimeout(c, u)), o = e.clearTimer ?? ((c) => clearTimeout(c)), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   let s = 0;
-  const r = (l, u) => {
-    const h = i.get(l);
-    u ? i.set(l, u) : i.delete(l), h === u || h?.state === u?.state && (h?.state !== "error" || h.message === u.message) || e.onChange();
-  }, c = (l) => {
-    const u = a.get(l);
-    u && o(u.timer), a.delete(l);
+  const r = (c, u) => {
+    const h = i.get(c);
+    u ? i.set(c, u) : i.delete(c), h === u || h?.state === u?.state && (h?.state !== "error" || h.message === u.message) || e.onChange();
+  }, l = (c) => {
+    const u = a.get(c);
+    u && o(u.timer), a.delete(c);
   };
   return {
-    get: (l) => i.get(l) ?? null,
-    track(l) {
-      c(l);
-      const u = ++s, h = () => a.get(l)?.id === u;
-      return i.get(l)?.state === "error" && r(l, null), a.set(l, { id: u, timer: n(() => {
-        h() && r(l, { state: "saving" });
+    get: (c) => i.get(c) ?? null,
+    track(c) {
+      l(c);
+      const u = ++s, h = () => a.get(c)?.id === u;
+      return i.get(c)?.state === "error" && r(c, null), a.set(c, { id: u, timer: n(() => {
+        h() && r(c, { state: "saving" });
       }, t) }), {
         done() {
-          h() && (c(l), r(l, null));
+          h() && (l(c), r(c, null));
         },
         fail(m) {
-          h() && (c(l), r(l, { state: "error", message: m }));
+          h() && (l(c), r(c, { state: "error", message: m }));
         }
       };
     },
-    fail(l, u) {
-      c(l), r(l, { state: "error", message: u });
+    fail(c, u) {
+      l(c), r(c, { state: "error", message: u });
     },
-    clear(l) {
-      c(l), r(l, null);
+    clear(c) {
+      l(c), r(c, null);
     },
     dispose() {
-      for (const l of [...a.keys()]) c(l);
+      for (const c of [...a.keys()]) l(c);
       i.clear();
     }
   };
 }
-function Br(e) {
+function $r(e) {
   return e ? e.state === "saving" ? "pending" : "error" : null;
 }
 export {
-  ja as GRID_CELL_TOKENS,
-  Qa as GRID_CHIP_TOKENS,
-  Nr as GridHost,
-  Ar as SAVING_MARK_DELAY_MS,
-  za as blockCellCount,
-  Ma as buildPasteProposal,
+  ns as GRID_CELL_TOKENS,
+  os as GRID_CHIP_TOKENS,
+  Vr as GridHost,
+  Dr as SAVING_MARK_DELAY_MS,
+  Na as blockCellCount,
+  Fa as buildPasteProposal,
   qe as cellRange,
-  Br as cellStatusMark,
-  Fr as clearGridCellRegions,
-  Wr as createCellStatusStore,
-  Za as createGridCellTheme,
-  kr as createGridCells,
-  js as createGridImageCache,
-  br as defaultGridCellRenderers,
+  $r as cellStatusMark,
+  Ur as clearGridCellRegions,
+  _r as createCellStatusStore,
+  is as createGridCellTheme,
+  Hr as createGridCells,
+  nr as createGridImageCache,
+  Mr as defaultGridCellRenderers,
   Ue as defaultGridCellTheme,
-  Rr as drawGridCellStatus,
-  Tr as fillSeries,
-  gs as filledRange,
-  ar as formatGridNumber,
-  Dn as gridCellMetrics,
-  Lr as parseGridNumber,
-  va as parseTsv,
-  ms as planFill,
-  So as readGridCellTheme,
-  po as selectionBlock,
-  Pa as selectionStart,
-  ba as toHtmlTable,
-  wa as toTsv,
-  Dr as useGridCells,
-  ka as writeClipboardAsync,
-  xa as writeClipboardEvent
+  Er as drawGridCellStatus,
+  Or as fillSeries,
+  Ss as filledRange,
+  hr as formatGridNumber,
+  On as gridCellMetrics,
+  Gr as parseGridNumber,
+  ka as parseTsv,
+  vs as planFill,
+  ko as readGridCellTheme,
+  yo as selectionBlock,
+  Ta as selectionStart,
+  za as toHtmlTable,
+  Ra as toTsv,
+  Kr as useGridCells,
+  Ea as writeClipboardAsync,
+  Ma as writeClipboardEvent
 };