@synopackageland/ui 0.20.4 → 0.20.5

package/dist/grid.js

@@ -1,7 +1,7 @@
 /*! @synopackageland/ui/grid includes code ported from Teable packages/sdk (MIT, Copyright (c) 2023-2025 Teable, Inc.) and Baserow (MIT, Copyright (c) 2019-present Baserow B.V.); see LICENSES/ux-grid-teable.md and LICENSES/ux-grid-baserow.md */
-import { watch as ue, toValue as eo, getCurrentScope as qo, onScopeDispose as to, shallowRef as ce, defineComponent as Xo, useId as Yo, ref as xe, computed as _, onMounted as jo, onBeforeUnmount as Qo, openBlock as pe, createElementBlock as Ce, unref as Z, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Jo, renderList as Zo, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ei, inject as ti } from "vue";
+import { watch as ue, toValue as eo, getCurrentScope as qo, onScopeDispose as to, shallowRef as ce, defineComponent as Xo, useId as Yo, ref as xe, computed as _, onMounted as jo, onBeforeUnmount as Qo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Zo, renderList as Jo, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ei, inject as ti } from "vue";
 import { useUiText as ni } from "./index.js";
-var A = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(A || {}), 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 || {});
+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 }), no = (e) => e;
 var Q = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Q || {});
 const B = {
@@ -75,12 +75,12 @@ class ct {
 }
 const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
   segment: (e) => Array.from(e, (t) => ({ segment: t }))
-}), io = typeof Intl < "u" && typeof Intl.Segmenter == "function", ao = io ? new Intl.Segmenter(void 0, { granularity: "word" }) : oo(), At = io ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : oo(), so = (e, t, n) => {
+}), io = typeof Intl < "u" && typeof Intl.Segmenter == "function", ao = io ? new Intl.Segmenter(void 0, { granularity: "word" }) : oo(), Ht = io ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : oo(), so = (e, t, n) => {
   let o = "", i = 0;
   for (const { segment: a } of ao.segment(t)) {
     const s = e.measureText(a).width;
     if (i + s > n) {
-      for (const { segment: r } of At.segment(a)) {
+      for (const { segment: r } of Ht.segment(a)) {
         const c = e.measureText(r).width;
         if (i + c > n) break;
         o += r, i += c;
@@ -100,55 +100,55 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     C = R;
   else {
     let I = 0;
-    const k = (M, H) => {
-      C.push({ text: M, width: H, start: v });
-    }, P = (M, H, F) => {
-      p === "" && (v = F), p += M, w += H;
-    }, E = (M, H = 0) => {
+    const k = (M, E) => {
+      C.push({ text: M, width: E, start: v });
+    }, P = (M, E, F) => {
+      p === "" && (v = F), p += M, w += E;
+    }, A = (M, E = 0) => {
       const F = a - S;
       if (w > F) {
         const W = so(e, p, F);
         p = W.text, w = W.width;
       } else if (M) {
-        let W = H;
-        for (const { segment: K } of At.segment(M)) {
-          const U = e.measureText(K).width;
-          if (w + U > F) break;
-          P(K, U, W), W += K.length;
+        let W = E;
+        for (const { segment: K } of Ht.segment(M)) {
+          const G = e.measureText(K).width;
+          if (w + G > F) break;
+          P(K, G, W), W += K.length;
         }
       }
       k(p + rt, w + S), p = "", w = 0;
-    }, N = (M, H, F) => {
-      if (w + H <= a) {
-        P(M, H, F);
+    }, N = (M, E, F) => {
+      if (w + E <= a) {
+        P(M, E, F);
         return;
       }
-      if (H <= a) {
-        C.length < s - 1 ? (k(p, w), p = "", w = 0, P(M, H, F)) : E(M, F);
+      if (E <= a) {
+        C.length < s - 1 ? (k(p, w), p = "", w = 0, P(M, E, F)) : A(M, F);
         return;
       }
       let W = F;
-      for (const { segment: K } of At.segment(M)) {
+      for (const { segment: K } of Ht.segment(M)) {
         if (C.length >= s) break;
-        const U = e.measureText(K).width;
-        w + U > a ? C.length < s - 1 ? (k(p, w), p = "", w = 0, P(K, U, W)) : E() : P(K, U, W), W += K.length;
+        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;
       }
     };
     for (const { segment: M } of ao.segment(i)) {
       if (C.length >= s) break;
       if (M.includes(`
 `)) {
-        const H = M.split(`
+        const E = M.split(`
 `);
-        for (let F = 0; F < H.length && !(C.length >= s); F++) {
+        for (let F = 0; F < E.length && !(C.length >= s); F++) {
           if (F > 0) {
             if (I++, C.length + 1 === s && I < i.length) {
-              E();
+              A();
               break;
             }
             k(p, w), p = "", w = 0, v = I;
           }
-          const W = H[F];
+          const W = E[F];
           W.length > 0 && (I += W.length, N(W, e.measureText(W).width, I - W.length));
         }
         continue;
@@ -163,8 +163,8 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     for (let k = 0; k < C.length; k++) {
       const P = C[k];
       if (e.fillText(P.text, n, o + k * l + I), r) {
-        const E = e.measureText(P.text).width;
-        e.beginPath(), e.moveTo(n, o + k * l + c - 1), e.lineTo(n + E, o + k * l + c - 1), e.stroke();
+        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();
       }
     }
   }
@@ -223,8 +223,8 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), oo = () => ({
     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, E = u.y + g.ny * I;
-    P += -g.ny * k * w, E += g.nx * k * w, e.arc(P, E, k, m.ang + Math.PI / 2 * w, g.ang - Math.PI / 2 * w, v), c = u;
+    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;
   }
   e.closePath(), i && e.fill(), a && e.stroke();
 }, Bt = (e, t) => {
@@ -342,13 +342,13 @@ class mi {
     this.setState(kt);
   }
 }
-const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, gi = (e, t, n) => Math.max(e - ro(t, n) * 2, 0), Ut = (e, t, n, o, i) => {
+const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0, gi = (e, t, n) => Math.max(e - ro(t, n) * 2, 0), Gt = (e, t, n, o, i) => {
   const a = ro(t, n), s = gi(e, t, n);
   return a + s / (o || 1) * (i + 0.5);
 }, lo = ({ 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 : Ut(e, t, o, n.length, i);
+  return i < 0 ? e / 2 : Gt(e, t, o, n.length, i);
 }, fi = (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);
   return { x: o, y: i, rowIndex: g, columnIndex: Math.min(C, h - 1) };
@@ -365,7 +365,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   y: 1 / 0,
   width: 0,
   height: 0
-}, { groupHeaderHeight: wi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: vi, columnFreezeHandlerWidth: Si, fillHandlerSize: yi, fillHandlerPadding: bi } = B, xi = (e) => ki(e) ?? Di(e) ?? Ii(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ei(e) ?? Hi(e) ?? Ai(e) ?? Ti(e) ?? Fi(e) ?? Ni(e) ?? Li(e) ?? Wi(e) ?? Bi(e) ?? ne, Ri = (e, t, n) => {
+}, { groupHeaderHeight: wi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: vi, columnFreezeHandlerWidth: Si, fillHandlerSize: yi, fillHandlerPadding: bi } = B, xi = (e) => ki(e) ?? Di(e) ?? Ii(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Fi(e) ?? Ni(e) ?? Li(e) ?? Wi(e) ?? Bi(e) ?? ne, Ri = (e, t, n) => {
   const o = fi(e.coordInstance, e.scrollState, t), i = pi(e.coordInstance, e.scrollState, t, n), a = xi({
     ...e,
     position: o,
@@ -388,12 +388,12 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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;
-}, Pi = (e) => e.isOutOfBounds ? ne : null, zi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ne, type: x.Cell }, Mi = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ne, type: x.ColumnResizeHandler }, Ei = (e) => e.dragState.isDragging ? { ...ne, type: x.ColumnHeader } : null, Hi = (e) => {
+}, Pi = (e) => e.isOutOfBounds ? ne : null, zi = (e) => !e.isSelecting || !e.selection.isCellSelection ? null : { ...ne, type: x.Cell }, Mi = (e) => e.columnResizeState.columnIndex <= -1 ? null : { ...ne, type: x.ColumnResizeHandler }, Ai = (e) => e.dragState.isDragging ? { ...ne, type: x.ColumnHeader } : null, Ei = (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 = Si / 2;
   return V(a, r - g, r + g) && V(s, c, m) ? { ...ne, type: x.ColumnFreezeHandler } : null;
-}, Ai = (e) => {
+}, Hi = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return e.isColumnAppendEnable && t >= -1 && n === -2 ? { ...ne, type: x.AppendColumn } : null;
 }, Ti = (e) => {
@@ -412,7 +412,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   if (h.type !== se.Row) return null;
   const { iconSizeXS: m } = n, g = m / 2, C = s.getRowOffset(l) - a.scrollTop;
   for (let S = 0; S < o.length; S++) {
-    const p = Ci[o[S].type], v = Ut(s.columnInitSize, n, i, o.length, S) - g, y = C + vi;
+    const p = Ci[o[S].type], v = Gt(s.columnInitSize, n, i, o.length, S) - g, y = C + vi;
     if (p && V(r, v, v + m) && V(c, y, y + m))
       return { type: p, x: v, y, width: m, height: m };
   }
@@ -427,8 +427,8 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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), N = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), M = o.getRowOffset(I) + N - i.scrollTop, H = yi / 2 + bi, F = k - H, W = M - H;
-  return V(h, F, F + H * 2) && V(m, W, W + H * 2) ? { type: x.FillHandler, x: F, y: W, width: H * 2, height: H * 2 } : 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), N = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), M = o.getRowOffset(I) + N - i.scrollTop, E = yi / 2 + bi, F = k - E, W = M - E;
+  return V(h, F, F + E * 2) && V(m, W, W + E * 2) ? { type: x.FillHandler, x: F, y: W, width: E * 2, height: E * 2 } : null;
 }, Wi = (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 : {
@@ -446,9 +446,9 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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, E = (C - m) / 2;
-  if (p && V(c, P, P + m) && V(l, E, E + m))
-    return { type: x.ColumnDescription, x: P, y: E, width: m, height: m };
+  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 N = R + m / 2, M = (C - m) / 2;
   return S && V(c, N, N + m) && V(l, M, M + m) ? { type: x.ColumnPrimaryIcon, x: N, 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 };
 }, {
@@ -477,10 +477,10 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   getLinearRow: e.getLinearRow ?? Wt,
   real2RowIndex: e.real2RowIndex ?? no
 }), 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 = [], E = [], N = [];
-  if (!S) return { cellPropList: P, rowHeaderPropList: E, appendRowList: N };
-  const M = t === "freeze", H = M ? 0 : Math.max(m, o.startColumnIndex), F = M ? Math.max(m - 1, 0) : o.stopColumnIndex, W = M && m === 0, { cellBg: K, cellBgHovered: U, cellBgSelected: ke } = u;
-  for (let z = H; z <= F; z++) {
+  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 = [], N = [];
+  if (!S) return { cellPropList: P, rowHeaderPropList: A, appendRowList: N };
+  const M = t === "freeze", E = M ? 0 : Math.max(m, o.startColumnIndex), F = M ? Math.max(m - 1, 0) : o.stopColumnIndex, W = M && m === 0, { cellBg: K, cellBgHovered: G, cellBgSelected: ke } = u;
+  for (let z = E; z <= F; z++) {
     const L = 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), Fe = n.getRowHeight(re), Ne = n.getRowOffset(re) - y;
@@ -491,7 +491,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       }
       const { displayIndex: mt, realIndex: Ie } = Te, Le = !k && !l && oi.has(I) && re === R, { isCellActive: Pe, isRowActive: ve } = di(i, Ie, z), { isRowSelected: ae, isCellSelected: gt } = hi(c, Ie, z), le = a === Ie;
       let q;
-      gt || ae || Ye ? q = ke : (Le || ve || le) && (q = U), ie && E.push({
+      gt || ae || Ye ? q = ke : (Le || ve || le) && (q = G), ie && A.push({
         x: 0.5,
         y: Ne + 0.5,
         width: g + 0.5,
@@ -512,19 +512,19 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       });
     }
   }
-  return { cellPropList: P, rowHeaderPropList: E, appendRowList: N };
+  return { cellPropList: P, rowHeaderPropList: A, appendRowList: N };
 }, Vi = (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 E = R / 2;
+  const A = R / 2;
   if (e.font = `${u.fontSizeXXS}px ${u.fontFamily}`, (l || c || !g) && h.length > 0) {
     for (let N = 0; N < h.length; N++) {
       const { type: M } = h[N];
       if (M === X.Spacer) continue;
-      const H = Ut(a, u, m, h.length, N);
+      const E = Gt(a, u, m, h.length, N);
       if (M === X.Checkbox) {
         Bt(e, {
-          x: o + H - E,
+          x: o + E - A,
           y: i + wn,
           size: R,
           stroke: l ? I : y,
@@ -533,17 +533,17 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
         });
         continue;
       }
-      l && !c && g && M === X.Expand || C?.(e, { kind: M === X.Drag ? "drag" : "expand", x: o + H - E, y: i + wn, size: R, theme: u });
+      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 });
     }
     return;
   }
   $e(e, { x: o + a / 2, y: i + Ft + 1, text: r, textAlign: "center", fill: y, fontSize: u.fontSizeXXS });
-}, Ui = (e, t, n) => {
+}, Gi = (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();
-}, Gi = (e, t, n) => {
+}, Ui = (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.appendRowList.forEach((v) => Gi(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) => Vi(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 }));
@@ -563,8 +563,8 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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 = (N) => i.getRowOffset(l(N)) + i.getRowHeight(l(N)) - y;
-  let P = null, E = null;
-  Number.isFinite(w) && w > p ? (P = i.getRowOffset(l(p + 1)) - y, E = k(w)) : Number.isFinite(w) && w < S && (P = i.getRowOffset(l(w)) - y, E = k(S - 1)), !(P == null || E == null) && (e.save(), e.globalAlpha = 0.12, D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: E - P, fill: s.interactionLineColorHighlight }), e.restore(), D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: E - P, stroke: s.interactionLineColorHighlight }));
+  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 }));
 }, $i = (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;
@@ -574,23 +574,23 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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();
 }, qi = (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, E = te;
+  let P = a - te * 2, A = te;
   const N = 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 + E, y: M, size: k, theme: u, column: c }), E += k + te / 2), p && (P = P - k, h?.(e, { kind: "column", x: o + E, y: M, size: k, theme: u, column: c }), E += k + te / 2), N) {
+  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), N) {
     P = P - Me - te;
-    const H = i + vn / 2;
+    const E = i + vn / 2;
     ai(e, {
       points: [
-        { x: o + a - te - Me, y: H - Me / 4 },
-        { x: o + a - te, y: H - Me / 4 },
-        { x: o + a - te - Me / 2, y: H + Me / 4 }
+        { 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 }
       ],
       radiusAll: 1,
       fill: y
     });
   }
   g && (h?.(e, { kind: "description", x: N ? o + a - 2 * k - te : o + a - k - te, y: M, size: k, theme: u, column: c }), P = P - k - te), ii(e, {
-    x: o + E,
+    x: o + A,
     y: i + Ft,
     text: m,
     maxLines: Math.max(1, Math.floor((s - Ft) / Cn)),
@@ -613,19 +613,19 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     });
   }
 }, 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", E = P ? 0 : Math.max(p, o.startColumnIndex), N = P ? Math.max(p - 1, 0) : o.stopColumnIndex;
+  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), 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 H = E; H <= N; H++) {
-    const F = a[H];
+  for (let E = A; E <= N; E++) {
+    const F = a[E];
     if (F == null) continue;
-    const W = v && l.includes([H, H]), K = !u && (I === x.ColumnHeader || I === x.ColumnHeaderMenu) && k === H, U = W ? s.columnHeaderBgSelected : K ? s.columnHeaderBgHovered : void 0;
+    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;
     qi(e, {
-      x: i.getColumnRelativeOffset(H, c.scrollLeft) + 0.5,
+      x: i.getColumnRelativeOffset(E, c.scrollLeft) + 0.5,
       y: 0.5,
-      width: i.getColumnWidth(H),
+      width: i.getColumnWidth(E),
       height: C,
       column: F,
-      fill: U,
+      fill: G,
       hasMenu: h
     }, t);
   }
@@ -657,14 +657,14 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 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);
   D(e, { x: g - 0.5, y: 0.5, width: 2, height: s.containerHeight, fill: n.interactionLineColorHighlight });
-}, Ji = (e, t) => {
+}, 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.Rows) return;
   const h = l[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;
   D(e, { x: 0.5, y: g - 0.5, width: s.containerWidth, height: 2, fill: n.interactionLineColorHighlight });
-}, Zi = (e, t) => {
+}, Ji = (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;
@@ -696,8 +696,8 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     containerHeight: c,
     pixelRatio: i,
     shouldRerender: m,
-    draw: (C) => Gi(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"), Yi(g, a)), ea(g, a), Ki(g, a), _i(g, a), $i(g, a), ji(g, a), Ji(g, a), Qi(g, a), Zi(g, a), g.restore());
+    draw: (C) => Ui(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"), Yi(g, a)), ea(g, a), Ki(g, a), _i(g, a), $i(g, a), ji(g, a), Zi(g, a), Qi(g, a), Ji(g, a), g.restore());
 }, co = {
   staticWhite: "#FFFFFF",
   staticBlack: "#000000",
@@ -894,11 +894,11 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     else if (l === "\r" || l === `
 `) {
       if (c(), i += l === "\r" && e[i + 1] === `
-` ? 2 : 1, i >= s) return En(t);
+` ? 2 : 1, i >= s) return An(t);
     } else
       o += l, i++;
   }
-  return c(), En(t);
+  return c(), An(t);
 }, wa = (e, t) => {
   let n = t;
   for (; n < e.length; ) {
@@ -913,7 +913,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
 ` || i === "\r" ? o : -1;
   }
   return -1;
-}, En = (e) => {
+}, An = (e) => {
   const t = Math.max(0, ...e.map((n) => n.length));
   for (const n of e) for (; n.length < t; ) n.push("");
   return e;
@@ -967,7 +967,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   const n = [];
   for (let o = e; o <= t; o++) n.push(o);
   return n;
-}, Hn = (e, t) => {
+}, En = (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);
@@ -981,11 +981,11 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       return i ? { rows: at(i.startRow, i.endRow), columns: at(i.startColumn, i.endColumn) } : null;
     }
     case "rows": {
-      const i = Hn(e.ranges, n);
+      const i = En(e.ranges, n);
       return i.length ? { rows: i, columns: at(0, o - 1) } : null;
     }
     case "columns": {
-      const i = Hn(e.ranges, o);
+      const i = En(e.ranges, o);
       return i.length ? { rows: at(0, n - 1), columns: i } : null;
     }
     default:
@@ -1025,7 +1025,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     readonlyColumns: p,
     repeated: c
   };
-}, An = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), It = (e) => ({ text: pa(e), html: Sa(e) }), za = (e, t) => !t || e.rows.every((n) => t(n));
+}, Hn = (e, t) => e.rows.map((n) => e.columns.map((o) => t([o, n]))), It = (e) => ({ text: pa(e), html: Sa(e) }), za = (e, t) => !t || e.rows.every((n) => t(n));
 function Ma(e) {
   const t = e.equals ?? Object.is;
   let n = !1, o = null, i, a, s = !1, r = null, c = 0, l = !1;
@@ -1096,13 +1096,13 @@ function Fn(e) {
 function Nn(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
-function Ea(e) {
+function Aa(e) {
   return e.some((t) => t instanceof Element && t.hasAttribute(po));
 }
-function Ha(e, t) {
+function Ea(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function Aa(e, t = 400) {
+function Ha(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);
@@ -1117,13 +1117,13 @@ function Ta(e) {
     if (Tn.has(a)) return;
     Tn.add(a);
     const s = a.composedPath();
-    if (!(Ea(s) || Ha(s, t)))
+    if (!(Aa(s) || Ea(s, t)))
       for (const r of [...n.layers].reverse()) {
         if (r.disposed) continue;
         const c = Fn(r);
         if (Nn(s, c) || Mn(s, c)) return;
         if (r.options.onOutside?.(a) === "veto") {
-          a.preventDefault(), a.stopImmediatePropagation(), Aa(e);
+          a.preventDefault(), a.stopImmediatePropagation(), Ha(e);
           return;
         }
       }
@@ -1179,10 +1179,10 @@ function Ba(e, t, n) {
   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;
 }
-const Gt = (e) => e.view || e.kind === "long-text";
+const Ut = (e) => e.view || e.kind === "long-text";
 function ut(e) {
   const t = e.textBox, n = e.rowHeight;
-  if (!Gt(e)) {
+  if (!Ut(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 };
@@ -1191,7 +1191,7 @@ function ut(e) {
   return { top: Math.max(0, i), bottom: e.hint ? lt : o, lineHeight: zt };
 }
 function wo(e) {
-  if (!Gt(e)) return e.rowHeight;
+  if (!Ut(e)) return e.rowHeight;
   const { top: t, bottom: n, lineHeight: o } = ut(e), i = e.view ? 1 : Da, a = Math.min(Wa, Math.max(i, Math.ceil(e.lines)));
   return Math.max(e.rowHeight, t + n + a * o);
 }
@@ -1215,9 +1215,9 @@ const Va = {
   color: "transparent",
   font: "inherit"
 };
-function Ua(e) {
+function Ga(e) {
   if (!e.open) return Va;
-  const { top: t, bottom: n, lineHeight: o } = ut(e), i = B.cellHorizontalPadding, a = Gt(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
+  const { top: t, bottom: n, lineHeight: o } = ut(e), i = B.cellHorizontalPadding, a = Ut(e), s = e.invalid ? e.dangerColor : e.theme.cellLineColorActived;
   return {
     display: "block",
     "box-sizing": "border-box",
@@ -1243,7 +1243,7 @@ function Ua(e) {
     transition: "none"
   };
 }
-function Ga(e) {
+function Ua(e) {
   return {
     position: "absolute",
     left: `${B.cellHorizontalPadding}px`,
@@ -1541,7 +1541,7 @@ const Xa = {
   orange: { fill: "--ui-warning-soft", color: "--ui-warning-text" },
   red: { fill: "--ui-danger-soft", color: "--ui-danger-text" },
   gray: { fill: "--ui-neutral-soft", color: "--ui-neutral-text" }
-}, Ge = {
+}, Ue = {
   text: "#414b55",
   textMuted: "rgba(65, 75, 85, 0.82)",
   link: "#0062b8",
@@ -1576,10 +1576,10 @@ const Xa = {
   },
   themeKey: "light"
 }, ja = (e, t = {}) => {
-  const n = (i, a) => e(i)?.trim() || a, o = { ...Ge, chips: { ...Ge.chips } };
+  const n = (i, a) => e(i)?.trim() || a, o = { ...Ue, chips: { ...Ue.chips } };
   for (const [i, a] of Object.entries(Xa)) o[i] = n(a, o[i]);
   for (const [i, a] of Object.entries(Ya)) {
-    const s = Ge.chips[i];
+    const s = Ue.chips[i];
     o.chips[i] = { fill: n(a.fill, s.fill), color: n(a.color, s.color) };
   }
   return { ...o, ...t };
@@ -1602,7 +1602,7 @@ const Xa = {
   icon: Math.max(12, Math.min(16, e - 8)),
   fontSize: t,
   chipFontSize: Math.min(n, Math.max(10, e - 12))
-}), Qa = 30, Ja = 2, Za = 1200, es = (e, t, n, o = Qa) => {
+}), Qa = 30, Za = 2, Ja = 1200, es = (e, t, n, o = Qa) => {
   const { x: i, y: a } = e, { containerWidth: s, containerHeight: r, freezeRegionWidth: c, columnInitSize: l, rowInitSize: u } = t;
   let h = 0, m = 0;
   if (!n || n === O.None || n === O.Columns) {
@@ -1611,7 +1611,7 @@ const Xa = {
   }
   return (!n || n === O.None || n === O.Rows) && (r - a < o ? m = 1 : a < u + o && (m = -1)), [h, m];
 }, ts = (e, t, n) => {
-  const o = Math.min(1, e + t / Za), i = o * t * Ja + (n ?? 0), a = Math.floor(i);
+  const o = Math.min(1, e + t / Ja), i = o * t * Za + (n ?? 0), a = Math.floor(i);
   return { speed: o, motion: a, carry: n == null ? 0 : i - a };
 };
 class ns {
@@ -1897,33 +1897,33 @@ const as = 240, ss = ({
   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(A.Cells, [r, r]), activeCell: r, scrollTo: r };
+  return { selection: e.set(H.Cells, [r, r]), activeCell: r, scrollTo: r };
 };
 class oe {
   type;
   ranges;
-  constructor(t = A.None, n = []) {
+  constructor(t = H.None, n = []) {
     this.type = t, this.ranges = n;
   }
   get isColumnSelection() {
-    return this.type === A.Columns;
+    return this.type === H.Columns;
   }
   get isRowSelection() {
-    return this.type === A.Rows;
+    return this.type === H.Rows;
   }
   get isCellSelection() {
-    return this.type === A.Cells;
+    return this.type === H.Cells;
   }
   get isNoneSelection() {
-    return this.type === A.None;
+    return this.type === H.None;
   }
   reset() {
-    return Ue;
+    return Ge;
   }
   set(t, n) {
     if (!Array.isArray(n)) throw new Error("Ranges of the selection should be an array type!");
-    if (t === A.Cells && n.length < 2) throw new Error("Ranges of type cells should have a length greater than 2!");
-    if ((t === A.Columns || t === A.Rows) && !n.length) throw new Error("Ranges of type columns or rows should have a length greater than 1!");
+    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);
   }
   setRanges(t) {
@@ -1935,30 +1935,30 @@ class oe {
   /** Adds a run (rows/columns, merged with any it overlaps) or moves the head (cells). */
   expand(t) {
     switch (this.type) {
-      case A.Rows:
-      case A.Columns: {
+      case H.Rows:
+      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));
       }
-      case A.Cells:
+      case H.Cells:
         return new oe(this.type, [this.ranges[0], t]);
       default:
-        return Ue;
+        return Ge;
     }
   }
   /** Toggles a run (rows/columns; empty result clears) or moves the head (cells). */
   merge(t) {
     switch (this.type) {
-      case A.Rows:
-      case A.Columns: {
+      case H.Rows:
+      case H.Columns: {
         const n = ci(this.ranges, t);
-        return n.length ? new oe(this.type, n) : Ue;
+        return n.length ? new oe(this.type, n) : Ge;
       }
-      case A.Cells:
+      case H.Cells:
         return new oe(this.type, [this.ranges[0], t]);
       default:
-        return Ue;
+        return Ge;
     }
   }
   flatten() {
@@ -1968,10 +1968,10 @@ class oe {
   /** Runs merged and sorted, or the cell rectangle as `[topLeft, bottomRight]`. */
   serialize() {
     switch (this.type) {
-      case A.Rows:
-      case A.Columns:
+      case H.Rows:
+      case H.Columns:
         return Tt(this.ranges);
-      case A.Cells: {
+      case H.Cells: {
         const [t, n] = this.ranges;
         return [
           [Math.min(t[0], n[0]), Math.min(t[1], n[1])],
@@ -1986,10 +1986,10 @@ class oe {
   includes(t) {
     if (t == null) return !1;
     switch (this.type) {
-      case A.Rows:
-      case A.Columns:
+      case H.Rows:
+      case H.Columns:
         return si(t, this.ranges);
-      case A.Cells:
+      case H.Cells:
         return li(t, this.ranges[0], this.ranges[1]);
       default:
         return !1;
@@ -1999,7 +1999,7 @@ class oe {
     return Ot(this.ranges, t);
   }
 }
-const Ue = new oe(A.None, []);
+const Ge = new oe(H.None, []);
 class us {
   selection = new oe();
   activeCell = null;
@@ -2036,7 +2036,7 @@ class us {
       case x.ActiveCell: {
         const { realIndex: u } = this.getLinearRow(a), h = [s, u], m = l && !r && c[0] != null, g = [m ? c[0] : h, h];
         this.isMultiSelectionEnable && (this.isSelecting = !0), this.update({
-          selection: this.selection.set(A.Cells, g),
+          selection: this.selection.set(H.Cells, g),
           ...m ? {} : { activeCell: h }
         });
         return;
@@ -2074,13 +2074,13 @@ class us {
         return;
       }
       const R = u.includes(y);
-      p(v, A.Rows), this.options.onRowControlClick?.(v, X.Checkbox, !R);
+      p(v, H.Rows), this.options.onRowControlClick?.(v, X.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)]];
-        let R = u.set(A.Columns, y);
+        let R = u.set(H.Columns, y);
         if (S && s && m && (R = u.merge([l, l])), !a || !m) {
           this.update({ selection: R, activeCell: R.isNoneSelection ? null : [R.ranges[0][0], 0] });
           return;
@@ -2100,7 +2100,7 @@ class us {
           w(v);
           return;
         }
-        C === $.Column && p(l, A.Columns);
+        C === $.Column && p(l, H.Columns);
         return;
       }
       case x.AllCheckbox: {
@@ -2110,7 +2110,7 @@ class us {
           this.update({ selection: u.reset() });
           return;
         }
-        this.update({ selection: u.set(A.Rows, v) }), this.options.onRowRangeSelected?.(v);
+        this.update({ selection: u.set(H.Rows, v) }), this.options.onRowRangeSelected?.(v);
         return;
       }
     }
@@ -2127,13 +2127,13 @@ class us {
       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 });
       if (a > -1) {
-        const p = [a, C], w = c.set(A.Cells, [p, p]);
+        const p = [a, C], w = c.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(A.Columns, [[a, a]]);
+      const C = c.set(H.Columns, [[a, a]]);
       this.update({ selection: C, activeCell: [a, 0] }), n(C, { x: o, y: i });
     }
   }
@@ -2147,7 +2147,7 @@ const ds = (e, t, n) => {
   endColumn: e.source.endColumn,
   startRow: Math.min(e.source.startRow, e.target.startRow),
   endRow: Math.max(e.source.endRow, e.target.endRow)
-}), ms = (e) => typeof e == "number" && Number.isFinite(e), Hr = (e, t, n = "down") => {
+}), ms = (e) => typeof e == "number" && Number.isFinite(e), Er = (e, t, n = "down") => {
   if (t <= 0 || e.length === 0) return [];
   const o = n === "down" ? e : [...e].reverse(), i = o.length >= 2 && o.every(ms) && o.some((s) => s !== o[0]), a = [];
   if (i) {
@@ -2179,15 +2179,15 @@ const ds = (e, t, n) => {
   row: de.Row,
   all: de.All
 }, Cs = {
-  [A.None]: "none",
-  [A.Cells]: "cells",
-  [A.Rows]: "rows",
-  [A.Columns]: "columns"
+  [H.None]: "none",
+  [H.Cells]: "cells",
+  [H.Rows]: "rows",
+  [H.Columns]: "columns"
 }, ws = {
-  none: A.None,
-  cells: A.Cells,
-  rows: A.Rows,
-  columns: A.Columns
+  none: H.None,
+  cells: H.Cells,
+  rows: H.Rows,
+  columns: H.Columns
 }, On = { ArrowUp: "up", ArrowDown: "down", ArrowLeft: "left", ArrowRight: "right" }, vs = (e) => Math.max(B.rowHeadWidth, 46 + e.length * 24), Ss = 640, ys = 50, bs = (e, t) => ({
   id: e.id,
   name: e.name,
@@ -2381,12 +2381,12 @@ class Rs {
     return { kind: Cs[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" ? Ue : new oe(ws[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 oe(ws[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) {
     const o = this.selection.selection, i = n && o.isCellSelection ? o.ranges[0] : t;
-    this.selection.update({ selection: o.set(A.Cells, [i, t]), ...n ? {} : { activeCell: t } }), this.scrollToCell(t);
+    this.selection.update({ selection: o.set(H.Cells, [i, t]), ...n ? {} : { activeCell: t } }), this.scrollToCell(t);
   }
   // ---- geometry ---------------------------------------------------------
   getCellRect(t) {
@@ -2539,7 +2539,7 @@ class Rs {
     }
     const i = hs(o), a = this.selection.activeCell;
     this.selection.update({
-      selection: this.selection.selection.set(A.Cells, [[i.startColumn, i.startRow], [i.endColumn, i.endRow]]),
+      selection: this.selection.selection.set(H.Cells, [[i.startColumn, i.startRow], [i.endColumn, i.endRow]]),
       ...a ? {} : { activeCell: [n.startColumn, n.startRow] }
     }), this.hooks.fill?.(o), this.hooks.render();
   }
@@ -2653,7 +2653,7 @@ class Rs {
   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(A.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? cs(s, a) : Bn(s, n === "left", a);
+    const a = { pureRowCount: o, columnCount: i.length }, s = new oe(H.Cells, [[t[0], t[1]], [t[0], t[1]]]), r = n === "down" ? cs(s, a) : Bn(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. */
@@ -2780,10 +2780,10 @@ const ks = () => {
     rowHeight: Vn(n, "--ui-grid-row-height") ?? t.rowHeight,
     headerHeight: Vn(n, "--ui-grid-header-height") ?? t.headerHeight
   };
-}, Ps = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, zs = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Ms = ["id"], Es = { role: "rowgroup" }, Hs = {
+}, Ps = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, zs = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Ms = ["id"], As = { role: "rowgroup" }, Es = {
   role: "row",
   "aria-rowindex": "1"
-}, As = ["id", "aria-colindex"], Ts = { role: "rowgroup" }, Fs = ["aria-rowindex", "aria-hidden"], Ns = ["id"], Ls = ["aria-colindex", "aria-selected", "aria-readonly"], Ds = ["id"], Ws = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Bs = ["id"], Os = {
+}, Hs = ["id", "aria-colindex"], Ts = { role: "rowgroup" }, Fs = ["aria-rowindex", "aria-hidden"], Ns = ["id"], Ls = ["aria-colindex", "aria-selected", "aria-readonly"], Ds = ["id"], Ws = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Bs = ["id"], Os = {
   key: 1,
   role: "status",
   class: "sr-only"
@@ -2791,7 +2791,7 @@ const ks = () => {
   key: 2,
   "data-ui-grid-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, Us = 6, Gs = 250, Ks = 100, _s = 800, $s = 300, qs = 300, Ar = /* @__PURE__ */ Xo({
+}, Gs = 6, Us = 250, Ks = 100, _s = 800, $s = 300, qs = 300, Hr = /* @__PURE__ */ Xo({
   __name: "GridHost",
   props: {
     columns: {},
@@ -2826,12 +2826,12 @@ const ks = () => {
   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 = ni(), s = Yo(), r = xe(), c = xe(), l = xe(), u = xe(), h = xe(), m = ce({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), g = ce({ ...co, ...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 = Ge.danger;
-    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), E = _(() => Ps(C.value.height, P.value, k.value)), N = _(() => !o.loading && o.rowCount === 0), M = () => {
+    let R = Ue.danger;
+    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => Ps(C.value.height, P.value, k.value)), N = _(() => !o.loading && o.rowCount === 0), M = () => {
       const d = o.loading && o.rowCount === 0;
       return {
         columns: o.columns,
-        rowCount: d ? w.value ? E.value : 0 : o.rowCount,
+        rowCount: d ? w.value ? A.value : 0 : o.rowCount,
         rowHeight: k.value,
         headerHeight: P.value,
         freezeColumnCount: o.freezeColumnCount,
@@ -2843,8 +2843,8 @@ const ks = () => {
         fillable: o.fillable,
         touch: v.value
       };
-    }, H = () => o.loading && o.rowCount === 0;
-    let F = 0, W, K = null, U = null;
+    }, E = () => o.loading && o.rowCount === 0;
+    let F = 0, W, K = null, G = null;
     const ke = () => o.editing || L.active, z = new Rs(M(), {
       render: () => ge(),
       selectionChange: (d) => {
@@ -2882,7 +2882,7 @@ const ks = () => {
       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) => {
-        H() || i("visible-range-change", d);
+        E() || i("visible-range-change", d);
       }
     }), L = qa({
       owner: () => h.value,
@@ -2895,8 +2895,8 @@ const ks = () => {
       textBox: () => I.value,
       hasHint: () => !!o.editHint,
       hasSelection: () => S.value.kind !== "none",
-      onCommit: ({ cell: d, column: f, value: b, previous: T, reason: G }) => {
-        De(), i("cell-commit", { cell: d, column: f, value: b, previous: T, reason: G }), z.invalidate();
+      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();
       },
       onEnd: (d, f, b) => {
         i("edit-end", { cell: d, column: f, committed: b }), ge();
@@ -2936,14 +2936,14 @@ const ks = () => {
       F && (cancelAnimationFrame(F), Ye());
     }
     function re(d) {
-      const f = Ze;
+      const f = Je;
       if (!f) return;
       const b = d.getContext("2d");
       if (!b) return;
-      const T = z.getCellRect([f.startColumn, f.startRow]), G = z.getCellRect([f.endColumn, f.endRow]);
-      if (!T || !G) return;
-      const { columnInitSize: J, 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(J, be, bt - J, 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, G.x + G.width - T.x - 1, G.y + G.height - T.y - 1), b.restore();
+      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 Te = (d) => Math.max(0, Math.min(d.width - 2 * B.cellHorizontalPadding, d.width * 0.6));
     function Fe(d, f) {
@@ -2958,20 +2958,20 @@ const ks = () => {
     }
     function Ne(d, f, b) {
       if (!b) return;
-      const { fontSizeSM: T, cellTextColor: G } = f.theme;
+      const { fontSizeSM: T, cellTextColor: U } = f.theme;
       $e(d, {
         text: b,
         x: f.x + B.cellHorizontalPadding,
         y: f.y + (f.height - T) / 2,
         maxWidth: f.width - 2 * B.cellHorizontalPadding,
-        fill: G,
+        fill: U,
         fontSize: T
       });
     }
     function mt(d, f) {
       const b = o.columns[f.columnIndex];
       if (!b) return;
-      const T = H() || (o.isRowLoaded ? !o.isRowLoaded(f.rowIndex) : !1), G = {
+      const T = E() || (o.isRowLoaded ? !o.isRowLoaded(f.rowIndex) : !1), U = {
         x: f.x,
         y: f.y,
         width: f.width,
@@ -2983,11 +2983,11 @@ const ks = () => {
         isLoading: T
       };
       if (T) {
-        Fe(d, G);
+        Fe(d, U);
         return;
       }
-      const J = o.cellRenderer?.(b, f.columnIndex);
-      J ? J.draw(d, G) : Ne(d, G, o.getCellText(G.cell));
+      const Z = o.cellRenderer?.(b, f.columnIndex);
+      Z ? Z.draw(d, U) : Ne(d, U, o.getCellText(U.cell));
     }
     function Ie(d, f) {
       const b = f.column ? o.columns.find((T) => T.id === f.column?.id) : void 0;
@@ -3001,7 +3001,7 @@ const ks = () => {
         d.style.transform = "translate(-10000px, 0)";
         return;
       }
-      const { rowInitSize: T, freezeRegionWidth: G, freezeColumnCount: J } = z.coord, be = f[0] < J ? z.coord.columnInitSize : G, bt = Math.max(b.x, be), xt = Math.max(b.y, T);
+      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`;
     }
     function Pe() {
@@ -3009,21 +3009,21 @@ const ks = () => {
     }
     const ve = (d) => ks() ? d.metaKey : d.ctrlKey;
     function ae(d) {
-      const f = U ?? (U = r.value.getBoundingClientRect());
+      const f = G ?? (G = r.value.getBoundingClientRect());
       return { x: d.clientX - f.left, y: d.clientY - f.top, shiftKey: d.shiftKey, commandKey: ve(d) };
     }
     function gt(d) {
-      const f = l.value, b = U;
+      const f = l.value, b = G;
       return d.clientX - b.left >= f.clientWidth || d.clientY - b.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 < _s;
-    function Je() {
+    function Ze() {
       q && clearTimeout(q.timer), q = null, Yt = Qe();
     }
     function ko(d) {
       if (q) {
-        Je();
+        Ze();
         return;
       }
       const f = {
@@ -3034,22 +3034,22 @@ const ks = () => {
         longPressed: !1,
         timer: setTimeout(() => {
           q !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
-        }, Gs)
+        }, Us)
       };
       q = f;
     }
     function Io(d) {
       const f = q;
-      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Us && Je();
+      !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Gs && Ze();
     }
     function Po(d) {
       const f = q;
-      !f || f.id !== d.pointerId || (Je(), !(f.longPressed || f.flingStop) && (L.active && !L.commit("pointer") || o.editing || (z.tap(ae(d)), ie(), le && clearTimeout(le), le = setTimeout(() => {
+      !f || f.id !== d.pointerId || (Ze(), !(f.longPressed || f.flingStop) && (L.active && !L.commit("pointer") || o.editing || (z.tap(ae(d)), ie(), le && clearTimeout(le), le = setTimeout(() => {
         le = null, z.clearTapFeedback();
       }, $s))));
     }
     function zo(d) {
-      if (U = r.value.getBoundingClientRect(), d.pointerType === "touch") {
+      if (G = r.value.getBoundingClientRect(), d.pointerType === "touch") {
         ko(d);
         return;
       }
@@ -3073,9 +3073,9 @@ const ks = () => {
         Io(d);
         return;
       }
-      U || (U = r.value.getBoundingClientRect()), z.pointerMove(ae(d)), ie(), l.value && (l.value.style.cursor = z.cursor);
+      G || (G = r.value.getBoundingClientRect()), z.pointerMove(ae(d)), ie(), l.value && (l.value.style.cursor = z.cursor);
     }
-    function Eo(d) {
+    function Ao(d) {
       if (d.pointerType === "touch") {
         Po(d);
         return;
@@ -3088,17 +3088,17 @@ const ks = () => {
         }
       }
     }
-    function Jt(d) {
+    function Zt(d) {
       if (d.pointerType === "touch") {
-        q?.id === d.pointerId && Je();
+        q?.id === d.pointerId && Ze();
         return;
       }
       z.cancelGesture(), ie();
     }
-    function Ho() {
+    function Eo() {
       z.pointerLeave();
     }
-    function Ao(d) {
+    function Ho(d) {
       ke() || Qt() || z.doubleClick(ae(d));
     }
     function To(d) {
@@ -3106,11 +3106,11 @@ const ks = () => {
         d.preventDefault();
         return;
       }
-      U = r.value.getBoundingClientRect(), z.contextMenu(ae(d)) && (d.preventDefault(), Pe());
+      G = r.value.getBoundingClientRect(), z.contextMenu(ae(d)) && (d.preventDefault(), Pe());
     }
     function Fo() {
       const d = l.value;
-      d && (U = null, jt = Qe(), z.setScroll(d.scrollLeft, d.scrollTop));
+      d && (G = null, jt = Qe(), z.setScroll(d.scrollLeft, d.scrollTop));
     }
     function No(d) {
       if (L.active) {
@@ -3133,9 +3133,9 @@ const ks = () => {
         commandKey: ve(d)
       }) === "prevent" && d.preventDefault(), ie();
     }
-    let Ze = null, fe = null;
+    let Je = null, fe = null;
     function De() {
-      Ze && (Ze = null, ge());
+      Je && (Je = null, ge());
     }
     const ft = () => ({ rowCount: o.loading && o.rowCount === 0 ? 0 : o.rowCount, columnCount: o.columns.length });
     function Lo(d) {
@@ -3145,32 +3145,32 @@ const ks = () => {
     }
     function Do() {
       const d = h.value;
-      !d || d.value || (d.value = " ", d.select(), fe && clearTimeout(fe), fe = setTimeout(Zt, 0));
+      !d || d.value || (d.value = " ", d.select(), fe && clearTimeout(fe), fe = setTimeout(Jt, 0));
     }
-    function Zt() {
+    function Jt() {
       fe && clearTimeout(fe), fe = null, h.value && !L.active && (h.value.value = "");
     }
     function pt(d, f, b, T) {
-      T && (Ze = qe(d, ft()), ge()), i("clipboard-copy", { block: f, cellCount: Ia(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
+      T && (Je = qe(d, ft()), ge()), i("clipboard-copy", { block: f, cellCount: Ia(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
     }
     function en(d, f) {
       const b = z.getSelection(), T = fo(b, ft());
       if (!T) return Promise.resolve(!1);
-      const G = za(T, o.isRowLoaded);
-      if (f && G) {
-        const be = ya(f, It(An(T, o.getCopyText ?? o.getCellText)));
+      const U = za(T, o.isRowLoaded);
+      if (f && U) {
+        const be = ya(f, It(Hn(T, o.getCopyText ?? o.getCellText)));
         return pt(b, T, d, be), Promise.resolve(be);
       }
       f?.preventDefault();
-      let J;
-      return G ? J = Promise.resolve(It(An(T, o.getCopyText ?? o.getCellText))) : o.resolveCopy ? J = o.resolveCopy(T).then(It) : J = Promise.reject(new Error("Rows are not loaded")), J.catch(() => {
-      }), xa(J).then(
+      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(() => {
+      }), xa(Z).then(
         () => (pt(b, T, d, !0), !0),
         () => (pt(b, T, d, !1), !1)
       );
     }
     function tn(d, f) {
-      L.active || o.editing || (Zt(), d.preventDefault(), en(f, d));
+      L.active || o.editing || (Jt(), d.preventDefault(), en(f, d));
     }
     function nn(d) {
       if (o.readonly) return null;
@@ -3208,7 +3208,7 @@ const ks = () => {
     function sn() {
       const d = r.value;
       if (!d) return;
-      U = null;
+      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());
     }
@@ -3228,7 +3228,7 @@ const ks = () => {
         Se = null, w.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, E.value],
+      () => [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()), jo(() => {
       if (K = document.createElement("canvas"), ye(), sn(), typeof ResizeObserver < "u" && (wt = new ResizeObserver(() => sn()), wt.observe(r.value)), typeof MutationObserver < "u") {
@@ -3241,7 +3241,7 @@ const ks = () => {
     }), Qo(() => {
       F && cancelAnimationFrame(F), 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;
     });
-    const Y = _(() => S.value.activeCell), Uo = _(() => Y.value ? o.columns[Y.value[0]] : void 0), Go = _(() => {
+    const Y = _(() => S.value.activeCell), Go = _(() => Y.value ? o.columns[Y.value[0]] : void 0), Uo = _(() => {
       const d = Y.value;
       return d ? o.getRowLabel?.(d[1]) ?? String(d[1] + 1) : "";
     }), Ko = _(() => 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 = _(() => L.state.value), cn = _(() => j.value.active && j.value.mode === "edit" && j.value.kind === "long-text" && !!o.editHint), et = _(() => ({
@@ -3255,7 +3255,7 @@ const ks = () => {
       theme: g.value,
       dangerColor: R,
       textBox: I.value
-    })), $o = _(() => Ua(et.value)), un = _(() => j.value.active ? wo(et.value) : k.value), tt = _(() => {
+    })), $o = _(() => Ga(et.value)), un = _(() => j.value.active ? wo(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;
       return f?.state === "error" ? f.message : null;
@@ -3281,7 +3281,7 @@ const ks = () => {
       ref: r,
       role: "grid",
       "data-ui-grid": "",
-      "aria-labelledby": `${Z(s)}-label`,
+      "aria-labelledby": `${J(s)}-label`,
       "aria-rowcount": e.loading && e.rowCount === 0 ? -1 : e.rowCount + 1,
       "aria-colcount": e.columns.length,
       "aria-readonly": e.readonly ? "true" : void 0,
@@ -3292,7 +3292,7 @@ const ks = () => {
       onPaste: Wo
     }, [
       ee("span", {
-        id: `${Z(s)}-label`,
+        id: `${J(s)}-label`,
         class: "sr-only"
       }, we(e.label), 9, Ms),
       ee("canvas", {
@@ -3310,26 +3310,26 @@ const ks = () => {
         onScrollPassive: Fo,
         onPointerdown: zo,
         onPointermove: Mo,
-        onPointerup: Eo,
-        onPointercancel: Jt,
-        onLostpointercapture: Jt,
-        onPointerleave: Ho,
-        onDblclick: Ao,
+        onPointerup: Ao,
+        onPointercancel: Zt,
+        onLostpointercapture: Zt,
+        onPointerleave: Eo,
+        onDblclick: Ho,
         onContextmenu: To
       }, [
         ee("div", {
           style: Be({ width: `${p.value.width}px`, height: `${p.value.height}px` })
         }, null, 4)
       ], 544),
-      ee("div", Es, [
-        ee("div", Hs, [
-          (pe(!0), Ce(Jo, null, Zo(e.columns, (b, T) => (pe(), Ce("span", {
+      ee("div", As, [
+        ee("div", Es, [
+          (pe(!0), Ce(Zo, null, Jo(e.columns, (b, T) => (pe(), Ce("span", {
             id: rn(T),
             key: b.id,
             role: "columnheader",
             class: "sr-only",
             "aria-colindex": T + 1
-          }, we(b.name), 9, As))), 128))
+          }, we(b.name), 9, Hs))), 128))
         ])
       ]),
       ee("div", Ts, [
@@ -3339,22 +3339,22 @@ const ks = () => {
           "aria-hidden": Y.value ? void 0 : "true"
         }, [
           ee("span", {
-            id: `${Z(s)}-rowheader`,
+            id: `${J(s)}-rowheader`,
             role: "rowheader",
             class: "sr-only"
-          }, we(Go.value), 9, Ns),
+          }, we(Uo.value), 9, Ns),
           ee("div", {
             ref_key: "focusCell",
             ref: u,
             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-readonly": e.readonly || Go.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: `${Z(s)}-cell`,
+              id: `${J(s)}-cell`,
               class: "sr-only"
             }, we(Ko.value), 9, Ds),
             ee("textarea", {
@@ -3364,7 +3364,7 @@ const ks = () => {
               "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 ? `${Z(s)}-message` : void 0,
+              "aria-describedby": tt.value ? `${J(s)}-message` : void 0,
               readonly: j.value.active && j.value.mode === "view" ? !0 : void 0,
               autocomplete: "off",
               autocapitalize: "off",
@@ -3374,8 +3374,8 @@ const ks = () => {
               onKeydown: No,
               onCompositionstart: Oo,
               onCompositionend: Vo,
-              onInput: f[0] || (f[0] = (b) => Z(L).input()),
-              onBlur: f[1] || (f[1] = (b) => Z(L).blur()),
+              onInput: f[0] || (f[0] = (b) => J(L).input()),
+              onBlur: f[1] || (f[1] = (b) => J(L).blur()),
               onCopy: f[2] || (f[2] = (b) => tn(b, !1)),
               onCut: f[3] || (f[3] = (b) => tn(b, !0))
             }, null, 44, Ws),
@@ -3383,13 +3383,13 @@ const ks = () => {
               key: 0,
               "data-ui-grid-edit-hint": "",
               "aria-hidden": "true",
-              style: Be({ ...Z(Ga)(et.value), top: `${un.value - Z(lt)}px` })
+              style: Be({ ...J(Ua)(et.value), top: `${un.value - J(lt)}px` })
             }, we(e.editHint), 5)) : Oe("", !0),
             tt.value ? (pe(), Ce("div", {
               key: 1,
-              id: `${Z(s)}-message`,
+              id: `${J(s)}-message`,
               "data-ui-grid-edit-message": "",
-              style: Be({ ...Z(Ka)(et.value), top: `${un.value + 4}px` })
+              style: Be({ ...J(Ka)(et.value), top: `${un.value + 4}px` })
             }, we(tt.value), 13, Bs)) : Oe("", !0)
           ], 8, Ls)
         ], 8, Fs)
@@ -3400,10 +3400,10 @@ const ks = () => {
         style: Be([{ top: `${P.value}px` }, { position: "absolute", left: "0", right: "0", bottom: "0", display: "flex", "align-items": "center", "justify-content": "center", color: "var(--ui-text-muted)", "font-size": "var(--ui-font-size)", "pointer-events": "none", "z-index": "1" }])
       }, [
         hn(d.$slots, "empty", {}, () => [
-          ei(we(Z(a)("No data")), 1)
+          ei(we(J(a)("No data")), 1)
         ])
       ], 4)) : Oe("", !0),
-      e.loading ? (pe(), Ce("span", Os, we(Z(a)("Loading")), 1)) : Oe("", !0),
+      e.loading ? (pe(), Ce("span", Os, we(J(a)("Loading")), 1)) : Oe("", !0),
       d.$slots.overlay ? (pe(), Ce("div", Vs, [
         hn(d.$slots, "overlay", {
           activeCell: Y.value,
@@ -3435,11 +3435,11 @@ const ks = () => {
     },
     clear: () => n.clear()
   };
-}, Un = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], Ys = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), Gn = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
+}, Gn = ["en", "zh-TW", "zh-CN", "ja", "ko", "de", "fr", "es", "it"], Ys = /* @__PURE__ */ Symbol("syno-pkg-land-ui:locale"), Un = { enu: "en", cht: "zh-TW", chs: "zh-CN", jpn: "ja", krn: "ko", ger: "de", fre: "fr", spn: "es", ita: "it" };
 function Kn(e) {
   if (!e) return;
   const n = e.trim().replaceAll("_", "-").toLowerCase();
-  return Gn[n] ? Gn[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 Un[n] ? Un[n] : n.startsWith("zh") ? /-(hant|tw|hk|mo)\b/.test(n) ? "zh-TW" : "zh-CN" : Gn.find((i) => i.toLowerCase() === n) ?? Gn.find((i) => i === n.split("-")[0]);
 }
 function js() {
   if (typeof window > "u") return "en";
@@ -3467,10 +3467,10 @@ function Qs(e) {
 function yo(e, t) {
   return e.replace(/\{(\w+)\}/g, (n, o) => String(t[o] ?? n));
 }
-const _e = 4, Re = 6, Js = 4, Ee = 4, he = (e, t, n, o = "") => {
+const _e = 4, Re = 6, Zs = 4, Ae = 4, he = (e, t, n, o = "") => {
   const i = `${o ? `${o} ` : ""}${t}px ${n}`;
   e.font !== i && (e.font = i);
-}, He = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, Zs = (e) => {
+}, Ee = (e, t, n) => $e(e, { text: t, fontSize: n, needRender: !1 }).width, Js = (e) => {
   const t = e.trim();
   if (!t) return "";
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
@@ -3492,7 +3492,7 @@ const _e = 4, Re = 6, Js = 4, Ee = 4, he = (e, t, n, o = "") => {
   }).width;
 }, bo = (e, t, n, o, i) => {
   const { metrics: a, theme: s } = t;
-  D(e, { ...n, radius: Js, fill: i.fill }), he(e, a.chipFontSize, s.fontFamily), $e(e, {
+  D(e, { ...n, radius: Zs, fill: i.fill }), he(e, a.chipFontSize, s.fontFamily), $e(e, {
     text: o,
     x: n.x + Re,
     y: n.y + (n.height - a.chipFontSize) / 2,
@@ -3517,7 +3517,7 @@ const _e = 4, Re = 6, Js = 4, Ee = 4, he = (e, t, n, o = "") => {
     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), He(e, `+${n}`, t.metrics.chipFontSize) + 2 * Re), $t = (e, t, n, o, i) => {
+}, _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) => {
   const { metrics: a, cellTheme: s } = t, r = t.y + (t.height - a.chip) / 2;
   bo(e, t, { x: n, y: r, width: i, height: a.chip }, `+${o}`, { fill: s.badgeFill, color: s.badgeText });
 }, er = (e, t, n, o, i) => {
@@ -3594,7 +3594,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
 }, ur = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i } = t, a = qn(t.width, t.height, o);
-    n.text && (me(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ee - o.padding) }), tr(e, t.x + a.x, t.y + a.y, a.width, i.link));
+    n.text && (me(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), tr(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 }) => {
@@ -3626,18 +3626,18 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     return Xe(t, a) ? { action: Yn(e), area: a } : null;
   },
   keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? Yn(e) : null
-}, Et = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), hr = {
+}, At = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), hr = {
   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 + Et; l++)
-      er(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + Et;
+    for (let l = 0; l < r && c + a <= t.x + t.width - o.padding + At; l++)
+      er(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + At;
   },
   describe: (e, { labels: t }) => e.value > 0 ? yo(t.rating, { value: e.value, max: st(e) }) : "",
   // Click the n-th star: value n; click the current value again: clear (Teable).
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
-    const i = o.icon + Et, 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 + 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) };
     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 };
@@ -3650,11 +3650,11 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     const n = Math.min(st(e), Number(t));
     return { type: "update", value: n === 0 || n === e.value ? null : n };
   }
-}, Ae = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Nt = new qt(), xo = (e, t, n) => {
+}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Nt = new qt(), xo = (e, t, n) => {
   const { metrics: o, theme: i } = t;
   if (!n.length) return [];
   he(e, o.chipFontSize, i.fontFamily);
-  const a = n.map((h) => He(e, h.label, o.chipFontSize) + 2 * Re), s = 2 * Re + He(e, "…", o.chipFontSize) + o.chipFontSize, r = Kt(a, ht(t), (h) => _t(e, t, h), s), c = t.y + (t.height - o.chip) / 2;
+  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;
   const u = [];
   return r.widths.forEach((h, m) => {
@@ -3669,10 +3669,10 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
 }, gr = {
   draw: (e, t, n) => {
     const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.link }, i = xo(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
-    Nt.set(Ae("link", t, n.records.map((a) => a.id)), i);
+    Nt.set(He("link", t, n.records.map((a) => a.id)), i);
   },
   describe: (e) => dt(e.records.map((t) => t.label)),
-  hitTest: (e, t) => Ro(Nt.get(Ae("link", Xt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
+  hitTest: (e, t) => Ro(Nt.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 }), Ro = (e, t, n) => {
   if (!t.wasActive || !e) return null;
   const o = e.findIndex((i) => Xe(t.point, i));
@@ -3683,7 +3683,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     e.clip(), e.drawImage(l, n, o, i, i);
   else {
     e.fillStyle = r.avatarFill, e.fill();
-    const u = Zs(a);
+    const u = Js(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);
@@ -3696,11 +3696,11 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     if (!n.people.length) return;
     const a = o.chip;
     he(e, o.fontSize, i.fontFamily);
-    const s = n.people.map((u) => a + Ee + He(e, u.name, o.fontSize) + Re), r = Kt(s, ht(t), (u) => _t(e, t, u), a), c = t.y + (t.height - a) / 2;
+    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;
     r.widths.forEach((u, h) => {
       const m = n.people[h];
-      fr(e, t, l, c, a, m.name, m.avatarUrl), u > a + Ee && me(e, t, m.name, { x: l + a + Ee, maxWidth: u - a - Ee - (h < r.widths.length - 1 || r.more ? Re : 0) }), l += u + _e;
+      fr(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);
   },
   describe: (e) => dt(e.people.map((t) => t.name))
@@ -3713,39 +3713,39 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < 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, He(e, jn(g.name) || "?", r) + 6)), l = Kt(c, ht(t), (g) => _t(e, t, g), s), u = t.y + (t.height - s) / 2;
+    const c = n.files.map((g) => (g.thumbnailUrl ? t.images.get(g.thumbnailUrl) : void 0) ? s : Math.max(s, Ee(e, jn(g.name) || "?", r) + 6)), l = Kt(c, ht(t), (g) => _t(e, t, g), s), u = t.y + (t.height - s) / 2;
     let h = t.x + o.padding;
     const m = [];
     l.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(jn(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), Lt.set(Ae("attachment", t, n.files.map((g) => g.id)), m);
+    }), l.more > 0 && $t(e, t, h, l.more, l.badgeWidth), Lt.set(He("attachment", t, n.files.map((g) => g.id)), m);
   },
   describe: (e) => dt(e.files.map((t) => t.name)),
-  hitTest: (e, t) => Ro(Lt.get(Ae("attachment", Xt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }))
+  hitTest: (e, t) => Ro(Lt.get(He("attachment", Xt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }))
 }, Qn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, wr = {
   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, Qn(s), { x: t.x + o.padding + a + Ee + 2 });
+    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, Qn(s), { x: t.x + o.padding + a + Ae + 2 });
   },
   describe: (e) => e.value == null ? "" : Qn(e.value)
-}, Ht = 10, Dt = new qt(), vr = {
+}, Et = 10, Dt = new qt(), vr = {
   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), He(e, n.label, o.chipFontSize) + 2 * Ht), 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 + Ht, maxWidth: s - 2 * Ht, color: i.buttonText, fontSize: o.chipFontSize }), e.globalAlpha = 1, Dt.set(Ae("button", t, [n.label]), [{ x: r.x - t.x, y: r.y - t.y, width: s, height: o.chip }]);
+    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: Zn, fill: i.buttonFill }), D(e, { x: r.x + 0.5, y: r.y + 0.5, width: r.width - 1, height: r.height - 1, radius: Zn, 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 }]);
   },
   describe: (e) => e.label,
   hitTest: (e, t) => {
     if (e.disabled || !e.label) return null;
-    const n = Dt.get(Ae("button", Xt(t), [e.label]))?.[0];
+    const n = Dt.get(He("button", Xt(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, Sr = {
+}, Zn = 4, Sr = {
   text: ar,
   longText: sr,
   number: cr,
@@ -3769,9 +3769,9 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   } else
     e.lineWidth = 2, e.strokeStyle = o.danger, e.strokeRect(t.x + 1, t.y + 1, t.width - 2, t.height - 2);
   e.restore();
-}, Zn = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], xr = (e) => {
+}, Jn = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1], xr = (e) => {
   const t = { ...Sr, ...e.renderers }, n = e.locale ?? "en-US";
-  let o = e.labels, i = e.theme ?? Ge, a = null, s = null;
+  let o = e.labels, i = e.theme ?? Ue, a = null, s = null;
   const r = Xs(() => 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) => {
     if (e.theme || a === p.theme) return;
     a = p.theme;
@@ -3817,13 +3817,13 @@ 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" || !Zn(I.ranges[0], I.ranges[1])) return;
-          const P = y.currentTarget?.querySelector("[data-ui-grid]"), E = R.getCellRect(k);
-          if (!P || !E) return;
-          const N = P.getBoundingClientRect(), M = { x: y.clientX - N.left - E.x, y: y.clientY - N.top - E.y };
-          if (M.x < 0 || M.y < 0 || M.x >= E.width || M.y >= E.height) return;
-          const H = g(k, M, E, Zn(v, k));
-          H && w(H.action, k);
+          if (!k || I.kind !== "cells" || !Jn(I.ranges[0], I.ranges[1])) return;
+          const P = y.currentTarget?.querySelector("[data-ui-grid]"), A = R.getCellRect(k);
+          if (!P || !A) return;
+          const N = P.getBoundingClientRect(), M = { x: y.clientX - N.left - A.x, y: y.clientY - N.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, Jn(v, k));
+          E && w(E.action, k);
         }
       };
     },
@@ -3941,6 +3941,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "At least {size}": "At least {size}",
   "Free now {now}, free after {after}": "Free now {now}, free after {after}",
   Sections: "Sections",
+  "Back to the previous page": "Back",
   Slider: "Slider",
   "Increase value": "Increase value",
   "Decrease value": "Decrease value",
@@ -4014,6 +4015,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "First page": "First page",
   "Previous page": "Previous page",
   "Next page": "Next page",
+  "Previous record": "Previous record",
+  "Next record": "Next record",
   "Last page": "Last page",
   Refresh: "Refresh",
   Pagination: "Pagination",
@@ -4039,6 +4042,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "{count} of {total} items": "{count} of {total} items",
   "No matching items": "No matching items",
   "Sort by {name}": "Sort by {name}",
+  "Page {page} of {pageCount}": "Page {page} of {pageCount}",
+  "Go to page": "Go to page",
+  Go: "Go",
+  "View options": "View options",
+  "Sort by": "Sort by",
+  Ascending: "Ascending",
+  Descending: "Descending",
+  "{count} selected": "{count} selected",
   "Value is required": "Value is required",
   "Value does not match the expected format": "Value does not match the expected format",
   "Value is not one of the allowed options": "Value is not one of the allowed options",
@@ -4191,6 +4202,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "至少 {size}",
     "Free now {now}, free after {after}": "目前可用 {now}，清理後可用 {after}",
     Sections: "區段",
+    "Back to the previous page": "返回",
     Slider: "滑桿",
     "Increase value": "增加數值",
     "Decrease value": "減少數值",
@@ -4264,6 +4276,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "第一頁",
     "Previous page": "上一頁",
     "Next page": "下一頁",
+    "Previous record": "上一筆記錄",
+    "Next record": "下一筆記錄",
     "Last page": "最後一頁",
     Refresh: "重新整理",
     Pagination: "分頁",
@@ -4289,6 +4303,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count}／{total} 個項目",
     "No matching items": "沒有符合的項目",
     "Sort by {name}": "依 {name} 排序",
+    "Page {page} of {pageCount}": "第 {page} 頁，共 {pageCount} 頁",
+    "Go to page": "前往頁面",
+    Go: "前往",
+    "View options": "檢視選項",
+    "Sort by": "排序依據",
+    Ascending: "遞增",
+    Descending: "遞減",
+    "{count} selected": "已選取 {count} 個",
     "Value is required": "必須填寫此值",
     "Value does not match the expected format": "此值不符合預期格式",
     "Value is not one of the allowed options": "此值不在允許的選項中",
@@ -4440,6 +4462,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "至少 {size}",
     "Free now {now}, free after {after}": "当前可用 {now}，清理后可用 {after}",
     Sections: "区段",
+    "Back to the previous page": "返回",
     Slider: "滑块",
     "Increase value": "增加数值",
     "Decrease value": "减少数值",
@@ -4513,6 +4536,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "第一页",
     "Previous page": "上一页",
     "Next page": "下一页",
+    "Previous record": "上一条记录",
+    "Next record": "下一条记录",
     "Last page": "最后一页",
     Refresh: "刷新",
     Pagination: "分页",
@@ -4538,6 +4563,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count}/{total} 个项目",
     "No matching items": "没有匹配的项目",
     "Sort by {name}": "按 {name} 排序",
+    "Page {page} of {pageCount}": "第 {page} 页，共 {pageCount} 页",
+    "Go to page": "转到页面",
+    Go: "转到",
+    "View options": "视图选项",
+    "Sort by": "排序依据",
+    Ascending: "升序",
+    Descending: "降序",
+    "{count} selected": "已选择 {count} 个",
     "Value is required": "此值为必填项",
     "Value does not match the expected format": "此值不符合预期格式",
     "Value is not one of the allowed options": "此值不在允许的选项中",
@@ -4689,6 +4722,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "{size} 以上",
     "Free now {now}, free after {after}": "現在の空き {now}、解放後の空き {after}",
     Sections: "セクション",
+    "Back to the previous page": "戻る",
     Slider: "スライダー",
     "Increase value": "値を増やす",
     "Decrease value": "値を減らす",
@@ -4762,6 +4796,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "最初のページ",
     "Previous page": "前のページ",
     "Next page": "次のページ",
+    "Previous record": "前のレコード",
+    "Next record": "次のレコード",
     "Last page": "最後のページ",
     Refresh: "更新",
     Pagination: "ページ操作",
@@ -4787,6 +4823,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count} / {total} 件",
     "No matching items": "一致する項目はありません",
     "Sort by {name}": "{name} で並べ替え",
+    "Page {page} of {pageCount}": "{page} / {pageCount} ページ",
+    "Go to page": "ページに移動",
+    Go: "移動",
+    "View options": "表示オプション",
+    "Sort by": "並べ替え",
+    Ascending: "昇順",
+    Descending: "降順",
+    "{count} selected": "{count} 件を選択",
     "Value is required": "値は必須です",
     "Value does not match the expected format": "値の形式が正しくありません",
     "Value is not one of the allowed options": "値は許可された選択肢ではありません",
@@ -4938,6 +4982,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "최소 {size}",
     "Free now {now}, free after {after}": "현재 여유 공간 {now}, 정리 후 여유 공간 {after}",
     Sections: "섹션",
+    "Back to the previous page": "뒤로",
     Slider: "슬라이더",
     "Increase value": "값 증가",
     "Decrease value": "값 감소",
@@ -5011,6 +5056,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "첫 페이지",
     "Previous page": "이전 페이지",
     "Next page": "다음 페이지",
+    "Previous record": "이전 레코드",
+    "Next record": "다음 레코드",
     "Last page": "마지막 페이지",
     Refresh: "새로 고침",
     Pagination: "페이지 탐색",
@@ -5036,6 +5083,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count}/{total}개 항목",
     "No matching items": "일치하는 항목 없음",
     "Sort by {name}": "{name} 기준 정렬",
+    "Page {page} of {pageCount}": "{page} / {pageCount} 페이지",
+    "Go to page": "페이지로 이동",
+    Go: "이동",
+    "View options": "보기 옵션",
+    "Sort by": "정렬 기준",
+    Ascending: "오름차순",
+    Descending: "내림차순",
+    "{count} selected": "{count}개 선택됨",
     "Value is required": "필수 값입니다",
     "Value does not match the expected format": "값의 형식이 올바르지 않습니다",
     "Value is not one of the allowed options": "허용된 옵션이 아닙니다",
@@ -5187,6 +5242,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "Mindestens {size}",
     "Free now {now}, free after {after}": "Jetzt frei {now}, danach frei {after}",
     Sections: "Abschnitte",
+    "Back to the previous page": "Zurück",
     Slider: "Schieberegler",
     "Increase value": "Wert erhöhen",
     "Decrease value": "Wert verringern",
@@ -5260,6 +5316,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "Erste Seite",
     "Previous page": "Vorherige Seite",
     "Next page": "Nächste Seite",
+    "Previous record": "Vorheriger Datensatz",
+    "Next record": "Nächster Datensatz",
     "Last page": "Letzte Seite",
     Refresh: "Aktualisieren",
     Pagination: "Seitennavigation",
@@ -5285,6 +5343,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count} von {total} Elementen",
     "No matching items": "Keine passenden Elemente",
     "Sort by {name}": "Nach {name} sortieren",
+    "Page {page} of {pageCount}": "Seite {page} von {pageCount}",
+    "Go to page": "Zu Seite gehen",
+    Go: "Los",
+    "View options": "Ansichtsoptionen",
+    "Sort by": "Sortieren nach",
+    Ascending: "Aufsteigend",
+    Descending: "Absteigend",
+    "{count} selected": "{count} ausgewählt",
     "Value is required": "Ein Wert ist erforderlich",
     "Value does not match the expected format": "Der Wert entspricht nicht dem erwarteten Format",
     "Value is not one of the allowed options": "Der Wert gehört nicht zu den zulässigen Optionen",
@@ -5436,6 +5502,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "Au moins {size}",
     "Free now {now}, free after {after}": "Libre maintenant {now}, libre ensuite {after}",
     Sections: "Sections",
+    "Back to the previous page": "Retour",
     Slider: "Curseur",
     "Increase value": "Augmenter la valeur",
     "Decrease value": "Diminuer la valeur",
@@ -5509,6 +5576,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "Première page",
     "Previous page": "Page précédente",
     "Next page": "Page suivante",
+    "Previous record": "Enregistrement précédent",
+    "Next record": "Enregistrement suivant",
     "Last page": "Dernière page",
     Refresh: "Actualiser",
     Pagination: "Pagination",
@@ -5534,6 +5603,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count} sur {total} éléments",
     "No matching items": "Aucun élément correspondant",
     "Sort by {name}": "Trier par {name}",
+    "Page {page} of {pageCount}": "Page {page} sur {pageCount}",
+    "Go to page": "Aller à la page",
+    Go: "OK",
+    "View options": "Options d'affichage",
+    "Sort by": "Trier par",
+    Ascending: "Croissant",
+    Descending: "Décroissant",
+    "{count} selected": "{count} sélectionnés",
     "Value is required": "Une valeur est requise",
     "Value does not match the expected format": "La valeur ne correspond pas au format attendu",
     "Value is not one of the allowed options": "La valeur ne fait pas partie des options autorisées",
@@ -5685,6 +5762,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "Al menos {size}",
     "Free now {now}, free after {after}": "Libre ahora {now}, libre después {after}",
     Sections: "Secciones",
+    "Back to the previous page": "Atrás",
     Slider: "Control deslizante",
     "Increase value": "Aumentar valor",
     "Decrease value": "Disminuir valor",
@@ -5758,6 +5836,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "Primera página",
     "Previous page": "Página anterior",
     "Next page": "Página siguiente",
+    "Previous record": "Registro anterior",
+    "Next record": "Registro siguiente",
     "Last page": "Última página",
     Refresh: "Actualizar",
     Pagination: "Paginación",
@@ -5783,6 +5863,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count} de {total} elementos",
     "No matching items": "No hay elementos coincidentes",
     "Sort by {name}": "Ordenar por {name}",
+    "Page {page} of {pageCount}": "Página {page} de {pageCount}",
+    "Go to page": "Ir a la página",
+    Go: "Ir",
+    "View options": "Opciones de vista",
+    "Sort by": "Ordenar por",
+    Ascending: "Ascendente",
+    Descending: "Descendente",
+    "{count} selected": "{count} seleccionados",
     "Value is required": "El valor es obligatorio",
     "Value does not match the expected format": "El valor no coincide con el formato esperado",
     "Value is not one of the allowed options": "El valor no es una de las opciones permitidas",
@@ -5934,6 +6022,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "At least {size}": "Almeno {size}",
     "Free now {now}, free after {after}": "Libero ora {now}, libero dopo {after}",
     Sections: "Sezioni",
+    "Back to the previous page": "Indietro",
     Slider: "Cursore",
     "Increase value": "Aumenta valore",
     "Decrease value": "Diminuisci valore",
@@ -6007,6 +6096,8 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "First page": "Prima pagina",
     "Previous page": "Pagina precedente",
     "Next page": "Pagina successiva",
+    "Previous record": "Record precedente",
+    "Next record": "Record successivo",
     "Last page": "Ultima pagina",
     Refresh: "Aggiorna",
     Pagination: "Paginazione",
@@ -6032,6 +6123,14 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "{count} of {total} items": "{count} di {total} elementi",
     "No matching items": "Nessun elemento corrispondente",
     "Sort by {name}": "Ordina per {name}",
+    "Page {page} of {pageCount}": "Pagina {page} di {pageCount}",
+    "Go to page": "Vai alla pagina",
+    Go: "Vai",
+    "View options": "Opzioni di visualizzazione",
+    "Sort by": "Ordina per",
+    Ascending: "Crescente",
+    Descending: "Decrescente",
+    "{count} selected": "{count} selezionati",
     "Value is required": "Il valore è obbligatorio",
     "Value does not match the expected format": "Il valore non corrisponde al formato previsto",
     "Value is not one of the allowed options": "Il valore non è tra le opzioni consentite",
@@ -6141,7 +6240,7 @@ function Dr(e) {
 export {
   Xa as GRID_CELL_TOKENS,
   Ya as GRID_CHIP_TOKENS,
-  Ar as GridHost,
+  Hr as GridHost,
   zr as SAVING_MARK_DELAY_MS,
   Ia as blockCellCount,
   Pa as buildPasteProposal,
@@ -6153,9 +6252,9 @@ export {
   xr as createGridCells,
   Xs as createGridImageCache,
   Sr as defaultGridCellRenderers,
-  Ge as defaultGridCellTheme,
+  Ue as defaultGridCellTheme,
   br as drawGridCellStatus,
-  Hr as fillSeries,
+  Er as fillSeries,
   hs as filledRange,
   or as formatGridNumber,
   Dn as gridCellMetrics,