@synopackageland/ui 0.25.14 → 0.25.16

package/dist/grid.js

@@ -1,7 +1,7 @@
 /*! @synopackageland/ui/grid: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
-import { watch as ue, toValue as to, getCurrentScope as qo, onScopeDispose as no, shallowRef as ce, defineComponent as Yo, useId as jo, ref as xe, computed as _, onMounted as Qo, onBeforeUnmount as Zo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Jo, renderList as ei, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ti, inject as ni } from "vue";
+import { watch as ue, toValue as to, getCurrentScope as Xo, onScopeDispose as no, shallowRef as ce, defineComponent as Yo, useId as jo, ref as xe, computed as _, onMounted as Qo, onBeforeUnmount as Zo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Jo, renderList as ei, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ti, inject as ni } from "vue";
 import { useUiText as oi } from "./index.js";
-var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), x = /* @__PURE__ */ ((e) => (e.Cell = "Cell", e.ActiveCell = "ActiveCell", e.AppendRow = "AppendRow", e.AppendColumn = "AppendColumn", e.ColumnHeader = "ColumnHeader", e.ColumnHeaderMenu = "ColumnHeaderMenu", e.ColumnPrimaryIcon = "ColumnPrimaryIcon", e.ColumnDescription = "ColumnDescription", e.ColumnResizeHandler = "ColumnResizeHandler", e.ColumnFreezeHandler = "ColumnFreezeHandler", e.RowHeaderDragHandler = "RowHeaderDragHandler", e.RowHeaderExpandHandler = "RowHeaderExpandHandler", e.RowHeaderCheckbox = "RowHeaderCheckbox", e.RowGroupControl = "RowGroupControl", e.RowGroupHeader = "RowGroupHeader", e.RowHeader = "RowHeader", e.AllCheckbox = "AllCheckbox", e.FillHandler = "FillHandler", e.Blank = "Blank", e.None = "None", e))(x || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), q = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))(q || {}), 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 }), oo = (e) => e;
 var Q = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Q || {});
 const B = {
@@ -102,32 +102,32 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), io = () => ({
     let I = 0;
     const k = (M, E) => {
       C.push({ text: M, width: E, start: v });
-    }, P = (M, E, F) => {
-      p === "" && (v = F), p += M, w += E;
+    }, P = (M, E, N) => {
+      p === "" && (v = N), p += M, w += E;
     }, A = (M, E = 0) => {
-      const F = a - S;
-      if (w > F) {
-        const W = ro(e, p, F);
+      const N = a - S;
+      if (w > N) {
+        const W = ro(e, p, N);
         p = W.text, w = W.width;
       } else if (M) {
         let W = E;
         for (const { segment: K } of Ht.segment(M)) {
           const G = e.measureText(K).width;
-          if (w + G > F) break;
+          if (w + G > N) break;
           P(K, G, W), W += K.length;
         }
       }
       k(p + rt, w + S), p = "", w = 0;
-    }, N = (M, E, F) => {
+    }, L = (M, E, N) => {
       if (w + E <= a) {
-        P(M, E, F);
+        P(M, E, N);
         return;
       }
       if (E <= a) {
-        C.length < s - 1 ? (k(p, w), p = "", w = 0, P(M, E, F)) : A(M, F);
+        C.length < s - 1 ? (k(p, w), p = "", w = 0, P(M, E, N)) : A(M, N);
         return;
       }
-      let W = F;
+      let W = N;
       for (const { segment: K } of Ht.segment(M)) {
         if (C.length >= s) break;
         const G = e.measureText(K).width;
@@ -140,20 +140,20 @@ const rt = "…", mn = new ct(1e3), gn = new ct(1e3), io = () => ({
 `)) {
         const E = M.split(`
 `);
-        for (let F = 0; F < E.length && !(C.length >= s); F++) {
-          if (F > 0) {
+        for (let N = 0; N < E.length && !(C.length >= s); N++) {
+          if (N > 0) {
             if (I++, C.length + 1 === s && I < i.length) {
               A();
               break;
             }
             k(p, w), p = "", w = 0, v = I;
           }
-          const W = E[F];
-          W.length > 0 && (I += W.length, N(W, e.measureText(W).width, I - W.length));
+          const W = E[N];
+          W.length > 0 && (I += W.length, L(W, e.measureText(W).width, I - W.length));
         }
         continue;
       }
-      I += M.length, N(M, e.measureText(M).width, I - M.length);
+      I += M.length, L(M, e.measureText(M).width, I - M.length);
     }
     C.length < s && p !== "" && k(p, w), gn.set(y, C);
   }
@@ -347,7 +347,7 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   return a + s / (o || 1) * (i + 0.5);
 }, co = ({ width: e, theme: t, rowControls: n, rowControlPaddingX: o }) => {
   if (!o) return e / 2;
-  const i = n.findIndex((a) => a.type === q.Checkbox);
+  const i = n.findIndex((a) => a.type === X.Checkbox);
   return i < 0 ? e / 2 : Gt(e, t, o, n.length, i);
 }, pi = (e, t, n) => {
   const { x: o, y: i } = n, { scrollLeft: a, scrollTop: s } = t, { freezeRegionWidth: r, totalWidth: c, rowInitSize: l, columnInitSize: u, columnCount: h } = e, { columnAppendBtnWidth: m } = B, g = i < 0 ? -1 / 0 : i <= l ? -1 : e.getRowStartIndex(s + i), C = o < 0 ? -1 / 0 : a + o > c && a + o < c + m ? -2 : o <= r ? o <= u ? -1 : e.getColumnStartIndex(o) : e.getColumnStartIndex(a + o);
@@ -356,16 +356,16 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   const { x: i, y: a } = n, { totalHeight: s, totalWidth: r, containerHeight: c } = e;
   return t.scrollLeft + i > r + B.columnAppendBtnWidth || t.scrollTop + a > s && !V(a, c, o);
 }, wi = {
-  [q.Drag]: x.RowHeaderDragHandler,
-  [q.Checkbox]: x.RowHeaderCheckbox,
-  [q.Expand]: x.RowHeaderExpandHandler
+  [X.Drag]: x.RowHeaderDragHandler,
+  [X.Checkbox]: x.RowHeaderCheckbox,
+  [X.Expand]: x.RowHeaderExpandHandler
 }, ne = {
   type: x.Blank,
   x: 1 / 0,
   y: 1 / 0,
   width: 0,
   height: 0
-}, { groupHeaderHeight: vi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: Si, columnFreezeHandlerWidth: yi, fillHandlerSize: bi, fillHandlerPadding: xi } = B, Ri = (e) => Ii(e) ?? Wi(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Fi(e) ?? Ni(e) ?? Li(e) ?? Di(e) ?? Bi(e) ?? Oi(e) ?? ne, ki = (e, t, n) => {
+}, { groupHeaderHeight: vi, columnHeadPadding: fn, columnResizeHandlerWidth: pn, rowHeadIconPaddingTop: Si, columnFreezeHandlerWidth: yi, fillHandlerSize: bi, fillHandlerPadding: xi } = B, Ri = (e) => Ii(e) ?? Wi(e) ?? Pi(e) ?? zi(e) ?? Mi(e) ?? Ai(e) ?? Ei(e) ?? Hi(e) ?? Ti(e) ?? Ni(e) ?? Li(e) ?? Fi(e) ?? Di(e) ?? Bi(e) ?? Oi(e) ?? ne, ki = (e, t, n) => {
   const o = pi(e.coordInstance, e.scrollState, t), i = Ci(e.coordInstance, e.scrollState, t, n), a = Ri({
     ...e,
     position: o,
@@ -396,15 +396,15 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
 }, Ti = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return e.isColumnAppendEnable && t >= -1 && n === -2 ? { ...ne, type: x.AppendColumn } : null;
-}, Fi = (e) => {
+}, Ni = (e) => {
   const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, coordInstance: a, isMultiSelectionEnable: s } = e, { x: r, y: c, rowIndex: l, columnIndex: u } = t;
-  if (!s || l !== -1 || u !== -1 || !o.some((v) => v.type === q.Checkbox)) return null;
+  if (!s || l !== -1 || u !== -1 || !o.some((v) => v.type === X.Checkbox)) return null;
   const { iconSizeXS: h } = n, m = h / 2, { rowInitSize: g, columnInitSize: C } = a, p = co({ width: C, theme: n, rowControls: o, rowControlPaddingX: i }) - m, w = g / 2 - m;
   return V(r, p, p + h) && V(c, w, w + h) ? { type: x.AllCheckbox, x: p, y: w, width: h, height: h } : null;
-}, Ni = (e) => {
+}, Li = (e) => {
   const { rowIndex: t, columnIndex: n } = e.position;
   return n >= -1 && t > -1 ? e.getLinearRow(t).type !== se.Append ? null : { ...ne, type: x.AppendRow } : null;
-}, Li = (e) => {
+}, Fi = (e) => {
   const { position: t, theme: n, rowControls: o, rowControlPaddingX: i, scrollState: a, coordInstance: s } = e, { x: r, y: c, rowIndex: l, columnIndex: u } = t;
   if (l <= -1 || u !== -1) return null;
   const h = e.getLinearRow(l);
@@ -427,8 +427,8 @@ const lo = (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, E = bi / 2 + xi, 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;
+  const [S, p] = u[0], [w, v] = u[1], y = Math.max(S, w), R = Math.max(p, v), I = c(R), k = o.getColumnRelativeOffset(y, i.scrollLeft) + o.getColumnWidth(y), L = S === w && p === v && a != null && s != null && a[0] === y && a[1] === R && s ? s.height : o.getRowHeight(I), M = o.getRowOffset(I) + L - i.scrollTop, E = bi / 2 + xi, N = k - E, W = M - E;
+  return V(h, N, N + E * 2) && V(m, W, W + E * 2) ? { type: x.FillHandler, x: N, y: W, width: E * 2, height: E * 2 } : null;
 }, Bi = (e) => {
   const { 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 : {
@@ -449,8 +449,8 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   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 };
+  const L = R + m / 2, M = (C - m) / 2;
+  return S && V(c, L, L + m) && V(l, M, M + m) ? { type: x.ColumnPrimaryIcon, x: L, y: M, width: m, height: m } : s && (h !== 0 && V(c, R, R + pn / 2) || V(c, I - pn / 2, I)) ? { ...ne, type: x.ColumnResizeHandler } : { type: x.ColumnHeader, x: R, y: 0, width: y, height: C };
 }, {
   fillHandlerSize: ot,
   cellTextLineHeight: Cn,
@@ -461,7 +461,7 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   columnAppendBtnWidth: Sn,
   columnResizeHandlerWidth: yn,
   columnResizeHandlerPaddingTop: bn,
-  cellVerticalPaddingMD: Ft,
+  cellVerticalPaddingMD: Nt,
   columnFreezeHandlerWidth: xn,
   columnFreezeHandlerHeight: Rn
 } = B, kn = (e, t) => {
@@ -477,52 +477,52 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   getLinearRow: e.getLinearRow ?? Wt,
   real2RowIndex: e.real2RowIndex ?? oo
 }), In = (e, t) => {
-  const { coordInstance: n, visibleRegion: o, activeCell: i, highlightedRowIndex: a, mouseState: s, scrollState: r, selection: c, isSelecting: l, theme: u, getLinearRow: h } = e, { freezeColumnCount: m, columnInitSize: g, totalWidth: C, rowCount: S } = n, { isRowSelection: p, isColumnSelection: w } = c, { scrollLeft: v, scrollTop: y } = r, { rowIndex: R, type: I, isOutOfBounds: k } = s, P = [], A = [], 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;
+  const { coordInstance: n, visibleRegion: o, activeCell: i, highlightedRowIndex: a, mouseState: s, scrollState: r, selection: c, isSelecting: l, theme: u, getLinearRow: h } = e, { freezeColumnCount: m, columnInitSize: g, totalWidth: C, rowCount: S } = n, { isRowSelection: p, isColumnSelection: w } = c, { scrollLeft: v, scrollTop: y } = r, { rowIndex: R, type: I, isOutOfBounds: k } = s, P = [], A = [], L = [];
+  if (!S) return { cellPropList: P, rowHeaderPropList: A, appendRowList: L };
+  const M = t === "freeze", E = M ? 0 : Math.max(m, o.startColumnIndex), N = M ? Math.max(m - 1, 0) : o.stopColumnIndex, W = M && m === 0, { cellBg: K, cellBgHovered: G, cellBgSelected: ke } = u;
+  for (let z = E; z <= N; z++) {
+    const F = n.getColumnRelativeOffset(z, v), ge = n.getColumnWidth(z), Ye = w && c.includes([z, z]), ie = z === 0;
     for (let re = o.startRowIndex; re <= o.stopRowIndex; re++) {
-      const Te = h(re), Fe = n.getRowHeight(re), Ne = n.getRowOffset(re) - y;
+      const Te = h(re), Ne = n.getRowHeight(re), Le = n.getRowOffset(re) - y;
       if (Te.type === se.Group) continue;
       if (Te.type === se.Append) {
-        ie && N.push({ x: 0.5, y: Ne + 0.5, width: C - v, height: Fe, isHover: I === x.AppendRow && R === re });
+        ie && L.push({ x: 0.5, y: Le + 0.5, width: C - v, height: Ne, isHover: I === x.AppendRow && R === re });
         continue;
       }
-      const { displayIndex: mt, realIndex: Ie } = Te, Le = !k && !l && ii.has(I) && re === R, { isCellActive: Pe, isRowActive: ve } = hi(i, Ie, z), { isRowSelected: ae, isCellSelected: gt } = mi(c, Ie, z), le = a === Ie;
-      let X;
-      gt || ae || Ye ? X = ke : (Le || ve || le) && (X = G), ie && A.push({
+      const { displayIndex: mt, realIndex: Ie } = Te, Fe = !k && !l && ii.has(I) && re === R, { isCellActive: Pe, isRowActive: ve } = hi(i, Ie, z), { isRowSelected: ae, isCellSelected: gt } = mi(c, Ie, z), le = a === Ie;
+      let q;
+      gt || ae || Ye ? q = ke : (Fe || ve || le) && (q = G), ie && A.push({
         x: 0.5,
-        y: Ne + 0.5,
+        y: Le + 0.5,
         width: g + 0.5,
-        height: Fe,
+        height: Ne,
         displayIndex: String(mt),
-        isHover: Le || ve || le,
+        isHover: Fe || ve || le,
         isChecked: p && ae
       }), !W && P.push({
-        x: L + 0.5,
-        y: Ne + 0.5,
+        x: F + 0.5,
+        y: Le + 0.5,
         width: ge,
-        height: Fe,
+        height: Ne,
         rowIndex: Ie,
         columnIndex: z,
         theme: u,
         isActive: !1,
-        fill: Pe ? K : X ?? K
+        fill: Pe ? K : q ?? K
       });
     }
   }
-  return { cellPropList: P, rowHeaderPropList: A, appendRowList: N };
+  return { cellPropList: P, rowHeaderPropList: A, appendRowList: L };
 }, Gi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, displayIndex: r, isHover: c, isChecked: l } = t, { theme: u, rowControls: h, rowControlPaddingX: m, rowIndexVisible: g = !0, drawIcon: C } = n, { cellBg: S, cellBgHovered: p, cellBgSelected: w, cellLineColor: v, rowHeaderTextColor: y, iconSizeXS: R, staticWhite: I, iconBgSelected: k } = u;
   D(e, { x: o, y: i, width: a, height: s, fill: l ? w : c ? p : S }), Ke(e, { x: o, y: i, points: [0, 0, a, 0], stroke: v }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: v });
   const A = R / 2;
   if (e.font = `${u.fontSizeXXS}px ${u.fontFamily}`, (l || c || !g) && h.length > 0) {
-    for (let N = 0; N < h.length; N++) {
-      const { type: M } = h[N];
-      if (M === q.Spacer) continue;
-      const E = Gt(a, u, m, h.length, N);
-      if (M === q.Checkbox) {
+    for (let L = 0; L < h.length; L++) {
+      const { type: M } = h[L];
+      if (M === X.Spacer) continue;
+      const E = Gt(a, u, m, h.length, L);
+      if (M === X.Checkbox) {
         Bt(e, {
           x: o + E - A,
           y: i + wn,
@@ -533,11 +533,11 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
         });
         continue;
       }
-      l && !c && g && M === q.Expand || C?.(e, { kind: M === q.Drag ? "drag" : "expand", x: o + E - A, 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 });
+  $e(e, { x: o + a / 2, y: i + Nt + 1, text: r, textAlign: "center", fill: y, fontSize: u.fontSizeXXS });
 }, Ui = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, isHover: r } = t, { theme: c, coordInstance: l, drawIcon: u } = n, { appendRowBgHovered: h, iconSizeSM: m, cellBg: g, cellLineColor: C } = c, S = m / 2;
   e.save(), e.beginPath(), D(e, { x: o + 0.5, y: i + 0.5, width: a, height: s, fill: r ? h : g }), D(e, { x: o, y: i + s, width: a, height: 1, fill: C }), u?.(e, { kind: "add", x: o + l.columnInitSize / 2 - S + 0.5, y: i + s / 2 - S + 0.5, size: m, theme: c }), e.restore();
@@ -562,21 +562,21 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
 }, $i = (e, t) => {
   const { selection: n, mouseState: o, coordInstance: i, scrollState: a, theme: s, isFilling: r, isFillEnabled: c, real2RowIndex: l, getLinearRow: u } = t;
   if (!r || !c || !n.isCellSelection) return;
-  const [h, m] = n.ranges, g = Math.min(h[0], m[0]), C = Math.max(h[0], m[0]), S = Math.min(h[1], m[1]), p = Math.max(h[1], m[1]), w = u(o.rowIndex).realIndex, { scrollLeft: v, scrollTop: y } = a, R = i.getColumnRelativeOffset(g, v), I = i.getColumnRelativeOffset(C, v) + i.getColumnWidth(C), k = (N) => i.getRowOffset(l(N)) + i.getRowHeight(l(N)) - y;
+  const [h, m] = n.ranges, g = Math.min(h[0], m[0]), C = Math.max(h[0], m[0]), S = Math.min(h[1], m[1]), p = Math.max(h[1], m[1]), w = u(o.rowIndex).realIndex, { scrollLeft: v, scrollTop: y } = a, R = i.getColumnRelativeOffset(g, v), I = i.getColumnRelativeOffset(C, v) + i.getColumnWidth(C), k = (L) => i.getRowOffset(l(L)) + i.getRowHeight(l(L)) - y;
   let P = null, A = null;
   Number.isFinite(w) && w > p ? (P = i.getRowOffset(l(p + 1)) - y, A = k(w)) : Number.isFinite(w) && w < S && (P = i.getRowOffset(l(w)) - y, A = k(S - 1)), !(P == null || A == null) && (e.save(), e.globalAlpha = 0.12, D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: A - P, fill: s.interactionLineColorHighlight }), e.restore(), D(e, { x: R + 0.5, y: P + 0.5, width: I - R, height: A - P, stroke: s.interactionLineColorHighlight }));
-}, Xi = (e, t) => {
+}, qi = (e, t) => {
   const { coordInstance: n, scrollState: o, selection: i, isSelecting: a, isEditing: s, theme: r, activeCellBound: c, isFillEnabled: l, real2RowIndex: u, getLinearRow: h } = t;
   if (!l || s || a) return;
   const m = di(i);
   if (m == null) return;
   const { freezeColumnCount: g, freezeRegionWidth: C, rowInitSize: S, containerWidth: p, containerHeight: w } = n, [v, y] = m, R = n.getColumnRelativeOffset(v, o.scrollLeft), I = u(y), k = n.getRowOffset(I) - o.scrollTop, P = n.getColumnWidth(v), M = Ot([i.ranges[0]], [i.ranges[1]]) && c != null && c.columnIndex === v && c.rowIndex === y && h(I).type === se.Row ? c.height : n.getRowHeight(I);
   e.save(), e.beginPath(), v >= g && (e.rect(C, S, p - C, w - S), e.clip()), D(e, { x: R + P - ot / 2 - 0.5, y: k + M - ot / 2 - 0.5, width: ot, height: ot, stroke: r.cellLineColorActived, fill: r.cellBg }), e.restore();
-}, qi = (e, t, n) => {
+}, Xi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, fill: r, column: c, hasMenu: l } = t, { theme: u, drawIcon: h } = n, { name: m, description: g, hasMenu: C, isPrimary: S, hasIcon: p } = c, { cellLineColor: w, columnHeaderBg: v, iconFgCommon: y, columnHeaderNameColor: R, fontSizeSM: I, iconSizeXS: k } = u;
   let P = a - te * 2, A = te;
-  const 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 + 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) {
+  const L = l && C, M = i + (vn - k) / 2;
+  if (D(e, { x: o + 0.5, y: i, width: a - 0.5, height: s, fill: r ?? v }), Ke(e, { x: o, y: i, points: [0, s, a, s, a, 0], stroke: w }), S && (P = P - k - te, h?.(e, { kind: "primary", x: o + A, y: M, size: k, theme: u, column: c }), A += k + te / 2), p && (P = P - k, h?.(e, { kind: "column", x: o + A, y: M, size: k, theme: u, column: c }), A += k + te / 2), L) {
     P = P - Me - te;
     const E = i + vn / 2;
     si(e, {
@@ -589,11 +589,11 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
       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), ai(e, {
+  g && (h?.(e, { kind: "description", x: L ? o + a - 2 * k - te : o + a - k - te, y: M, size: k, theme: u, column: c }), P = P - k - te), ai(e, {
     x: o + A,
-    y: i + Ft,
+    y: i + Nt,
     text: m,
-    maxLines: Math.max(1, Math.floor((s - Ft) / Cn)),
+    maxLines: Math.max(1, Math.floor((s - Nt) / Cn)),
     lineHeight: Cn,
     fontSize: I,
     maxWidth: P,
@@ -601,7 +601,7 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
   });
 }, Yi = (e, t, n) => {
   const { x: o, y: i, width: a, height: s, isChecked: r } = t, { theme: c, rowControls: l, rowControlPaddingX: u, isMultiSelectionEnable: h } = n, { iconSizeXS: m, staticWhite: g, columnHeaderBg: C, cellLineColor: S, rowHeaderTextColor: p, iconBgSelected: w } = c, v = m / 2;
-  if (D(e, { x: o, y: i, width: a, height: s, fill: C }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: S }), h && l.some((y) => y.type === q.Checkbox)) {
+  if (D(e, { x: o, y: i, width: a, height: s, fill: C }), Ke(e, { x: o, y: i, points: [0, s, a, s], stroke: S }), h && l.some((y) => y.type === X.Checkbox)) {
     const y = co({ width: a, theme: c, rowControls: l, rowControlPaddingX: u });
     Bt(e, {
       x: o + y - v + 0.5,
@@ -613,18 +613,18 @@ const lo = (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", A = 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), L = P ? Math.max(p - 1, 0) : o.stopColumnIndex;
   e.save(), e.beginPath(), e.rect(P ? 0 : g + 1, 0, P ? g + 1 : m - g, C + 1), e.clip(), e.font = `normal ${s.fontSizeSM}px ${s.fontFamily}`;
-  for (let E = A; E <= N; E++) {
-    const F = a[E];
-    if (F == null) continue;
+  for (let E = A; E <= L; E++) {
+    const N = a[E];
+    if (N == null) continue;
     const W = v && l.includes([E, E]), K = !u && (I === x.ColumnHeader || I === x.ColumnHeaderMenu) && k === E, G = W ? s.columnHeaderBgSelected : K ? s.columnHeaderBgHovered : void 0;
-    qi(e, {
+    Xi(e, {
       x: i.getColumnRelativeOffset(E, c.scrollLeft) + 0.5,
       y: 0.5,
       width: i.getColumnWidth(E),
       height: C,
-      column: F,
+      column: N,
       fill: G,
       hasMenu: h
     }, t);
@@ -697,7 +697,7 @@ const lo = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     pixelRatio: i,
     shouldRerender: m,
     draw: (C) => Ki(g, C, { ...a, shouldRerender: m })
-  }), g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.drawImage(t, 0, 0, u, h), g.restore(), s.rowInitSize > 0 && (Pn(g, a, "freeze"), Pn(g, a, "other"), ji(g, a)), ta(g, a), _i(g, a), $i(g, a), Xi(g, a), Qi(g, a), Ji(g, a), Zi(g, a), ea(g, a), g.restore());
+  }), g.save(), g.setTransform(1, 0, 0, 1, 0, 0), g.drawImage(t, 0, 0, u, h), g.restore(), s.rowInitSize > 0 && (Pn(g, a, "freeze"), Pn(g, a, "other"), ji(g, a)), ta(g, a), _i(g, a), $i(g, a), qi(g, a), Qi(g, a), Ji(g, a), Zi(g, a), ea(g, a), g.restore());
 }, uo = {
   staticWhite: "#FFFFFF",
   staticBlack: "#000000",
@@ -956,7 +956,7 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
       }
     })) : Promise.reject(a);
   }
-}, Ia = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), it = (e, t, n) => Math.min(n, Math.max(t, e)), Xe = (e, t) => {
+}, Ia = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), it = (e, t, n) => Math.min(n, Math.max(t, e)), qe = (e, t) => {
   if (e.kind !== "cells" || e.ranges.length < 2 || t.rowCount <= 0 || t.columnCount <= 0) return null;
   const [n, o] = e.ranges, i = t.columnCount - 1, a = t.rowCount - 1;
   return {
@@ -979,7 +979,7 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   if (n <= 0 || o <= 0) return null;
   switch (e.kind) {
     case "cells": {
-      const i = Xe(e, t);
+      const i = qe(e, t);
       return i ? { rows: at(i.startRow, i.endRow), columns: at(i.startColumn, i.endColumn) } : null;
     }
     case "rows": {
@@ -995,7 +995,7 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   }
 }, Pa = (e, t) => {
   if (e.kind === "cells") {
-    const o = Xe(e, t);
+    const o = qe(e, t);
     return o ? [o.startColumn, o.startRow] : null;
   }
   const n = po(e, t);
@@ -1007,7 +1007,7 @@ const fa = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
   if (!i) return null;
   const { rowCount: a, columnCount: s } = n;
   let r = o, c = !1;
-  const l = Xe(t, n);
+  const l = qe(t, n);
   if (o.length === 1 && o[0].length === 1 && l && (l.endRow > l.startRow || l.endColumn > l.startColumn)) {
     const w = o[0][0];
     r = Array.from({ length: l.endRow - l.startRow + 1 }, () => Array.from({ length: l.endColumn - l.startColumn + 1 }, () => w)), c = !0;
@@ -1092,10 +1092,10 @@ function Ea(e) {
   return g;
 }
 const Co = "data-ui-ignore-outside", Pt = /* @__PURE__ */ new WeakMap(), Tn = /* @__PURE__ */ new WeakSet();
-function Fn(e) {
+function Nn(e) {
   return [...e.options.elements()].filter((t) => !!t);
 }
-function Nn(e, t) {
+function Ln(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
 function Ha(e) {
@@ -1104,7 +1104,7 @@ function Ha(e) {
 function Ta(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function Fa(e, t = 400) {
+function Na(e, t = 400) {
   let n = 0;
   const o = () => {
     e.clearTimeout(n), e.removeEventListener("click", i, !0), e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", o, !0);
@@ -1113,7 +1113,7 @@ function Fa(e, t = 400) {
   };
   return e.addEventListener("click", i, !0), e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", o, !0), n = e.setTimeout(o, t), o;
 }
-function Na(e) {
+function La(e) {
   const t = e.document, n = { layers: [], guard: fo(e), teardown: () => {
   } }, o = (a) => {
     if (Tn.has(a)) return;
@@ -1122,10 +1122,10 @@ function Na(e) {
     if (!(Ha(s) || Ta(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;
+        const c = Nn(r);
+        if (Ln(s, c) || Mn(s, c)) return;
         if (r.options.onOutside?.(a) === "veto") {
-          a.preventDefault(), a.stopImmediatePropagation(), Fa(e);
+          a.preventDefault(), a.stopImmediatePropagation(), Na(e);
           return;
         }
       }
@@ -1133,17 +1133,17 @@ function Na(e) {
     if (a.key !== "Escape" || a.defaultPrevented || n.guard.ownsKey(a)) return;
     const s = n.layers.at(-1);
     if (!s?.options.onEscape) return;
-    const r = a.composedPath(), c = Fn(s);
+    const r = a.composedPath(), c = Nn(s);
     if (Mn(r, c)) return;
     const l = r.find((u) => u instanceof Element && u.hasAttribute(Co));
-    l && !Nn([l], c) || s.options.onEscape(a) && (a.preventDefault(), a.stopPropagation());
+    l && !Ln([l], c) || s.options.onEscape(a) && (a.preventDefault(), a.stopPropagation());
   };
   return e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", i, !0), n.teardown = () => {
     e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", i, !0), n.guard.dispose();
   }, n;
 }
-function La(e, t) {
-  const n = Pt.get(e) ?? Na(e);
+function Fa(e, t) {
+  const n = Pt.get(e) ?? La(e);
   Pt.set(e, n);
   const o = { options: t, disposed: !1 };
   return n.layers.push(o), {
@@ -1155,21 +1155,21 @@ function La(e, t) {
     }
   };
 }
-function Ln(e) {
+function Fn(e) {
   const t = to(e);
   return Array.isArray(t) ? [...t] : [t];
 }
 function Da(e, t, n) {
   const o = ue(() => to(t), (i, a, s) => {
     if (!i || typeof window > "u") return;
-    const r = Ln(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = La(r, {
-      elements: () => Ln(e),
+    const r = Fn(e).find(Boolean)?.ownerDocument?.defaultView ?? window, c = Fa(r, {
+      elements: () => Fn(e),
       onOutside: (l) => n.onOutside?.(l),
       onEscape: (l) => n.onEscape?.(l)
     });
     s(() => c.dispose());
   }, { immediate: !0, flush: "sync" });
-  return qo() && no(o), o;
+  return Xo() && no(o), o;
 }
 const wo = 2, Wa = 4, zt = 20, Ba = 2, Oa = 5, lt = 16;
 function Va(e, t, n) {
@@ -1281,8 +1281,8 @@ function $a(e) {
     "pointer-events": "none"
   };
 }
-const Xa = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
-class qa {
+const qa = (e, t) => !!e && !!t && e[0] === t[0] && e[1] === t[1];
+class Xa {
   session;
   options;
   mode = "edit";
@@ -1337,7 +1337,7 @@ class qa {
    * edited (the IME keydown, then its `compositionstart`) changes nothing.
    */
   begin(t) {
-    if (this.state.active && Xa(this.state.cell, t.cell)) return null;
+    if (this.state.active && qa(this.state.cell, t.cell)) return null;
     this.state.active && this.commit("selection", "none");
     const n = t.mode === "edit" && (t.trigger === "key" || t.trigger === "composition");
     this.mode = t.mode, this.kind = t.kind, this.pending = { move: "none", reason: "blur" };
@@ -1406,7 +1406,7 @@ class qa {
 function Ya(e) {
   const t = ce(1);
   let n = null;
-  const o = new qa({
+  const o = new Xa({
     validate: (u, h) => {
       const m = e.columnAt(u[0]);
       return m && e.validate ? e.validate(u, m, h) : null;
@@ -2076,7 +2076,7 @@ class hs {
         return;
       }
       const R = u.includes(y);
-      p(v, H.Rows), this.options.onRowControlClick?.(v, q.Checkbox, !R);
+      p(v, H.Rows), this.options.onRowControlClick?.(v, X.Checkbox, !R);
     };
     switch (r) {
       case x.ColumnHeader: {
@@ -2166,9 +2166,9 @@ const ms = (e, t, n) => {
   const o = 10 ** n;
   return Math.round(e * o) / o;
 }, On = 20, Mt = {
-  drag: q.Drag,
-  expand: q.Expand,
-  checkbox: q.Checkbox
+  drag: X.Drag,
+  expand: X.Expand,
+  checkbox: X.Checkbox
 }, Cs = {
   none: $.None,
   cell: $.Cell,
@@ -2242,7 +2242,7 @@ class Is {
         ks(i, this.lastSelection) || (this.lastSelection = i, this.hooks.selectionChange(i), this.hooks.render());
       },
       onRowControlClick: (i, a) => {
-        a === q.Expand && this.hooks.rowExpand(i);
+        a === X.Expand && this.hooks.rowExpand(i);
       }
     }), this.resize = new as({
       coordInstance: () => this.coord,
@@ -2479,7 +2479,7 @@ class Is {
   /** Returns true when the press belongs to the grid (the host then claims focus). */
   pointerDown(t) {
     const n = { x: t.x, y: t.y }, o = this.hitTest(n);
-    return this.mouseState = o, this.down = { state: o, point: n }, this.lastPoint = n, this.lastModifiers = { shiftKey: t.shiftKey, commandKey: t.commandKey }, o.type === x.Blank || o.type === x.None ? (this.hooks.render(), !1) : o.type === x.FillHandler && (this.fillSource = Xe(this.getSelection(), { rowCount: this.config.rowCount, columnCount: this.config.columns.length }), this.fillSource) ? (this.hooks.render(), !0) : (this.isResizeEnabled && this.resize.start(o) || (this.drag.start(o), this.selection.onSelectionStart({ shiftKey: t.shiftKey, metaKey: t.commandKey }, o), this.hooks.render()), !0);
+    return this.mouseState = o, this.down = { state: o, point: n }, this.lastPoint = n, this.lastModifiers = { shiftKey: t.shiftKey, commandKey: t.commandKey }, o.type === x.Blank || o.type === x.None ? (this.hooks.render(), !1) : o.type === x.FillHandler && (this.fillSource = qe(this.getSelection(), { rowCount: this.config.rowCount, columnCount: this.config.columns.length }), this.fillSource) ? (this.hooks.render(), !0) : (this.isResizeEnabled && this.resize.start(o) || (this.drag.start(o), this.selection.onSelectionStart({ shiftKey: t.shiftKey, metaKey: t.commandKey }, o), this.hooks.render()), !0);
   }
   /** Hover and gestures. `fromAutoScroll` re-derives the head after an auto-scroll tick. */
   pointerMove(t, n = !1) {
@@ -2793,7 +2793,7 @@ const Ps = () => {
 }, Ms = (e, t, n) => n > 0 ? Math.max(0, Math.floor((e - t) / n)) : 0, As = ["aria-labelledby", "aria-rowcount", "aria-colcount", "aria-readonly", "aria-busy", "data-ui-grid-skeleton"], Es = ["id"], Hs = { role: "rowgroup" }, Ts = {
   role: "row",
   "aria-rowindex": "1"
-}, Fs = ["id", "aria-colindex"], Ns = { role: "rowgroup" }, Ls = ["aria-rowindex", "aria-hidden"], Ds = ["id"], Ws = ["aria-colindex", "aria-selected", "aria-readonly"], Bs = ["id"], Os = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Vs = ["id"], Gs = {
+}, Ns = ["id", "aria-colindex"], Ls = { role: "rowgroup" }, Fs = ["aria-rowindex", "aria-hidden"], Ds = ["id"], Ws = ["aria-colindex", "aria-selected", "aria-readonly"], Bs = ["id"], Os = ["data-ui-grid-editing", "aria-labelledby", "aria-invalid", "aria-describedby", "readonly"], Vs = ["id"], Gs = {
   key: 1,
   role: "status",
   class: "sr-only"
@@ -2801,7 +2801,7 @@ const Ps = () => {
   key: 2,
   "data-ui-grid-overlay": "",
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "3" }
-}, Ks = 6, _s = 250, $s = 100, Xs = 800, qs = 300, Ys = 300, Fr = /* @__PURE__ */ Yo({
+}, Ks = 6, _s = 250, $s = 100, qs = 800, Xs = 300, Ys = 300, Nr = /* @__PURE__ */ Yo({
   __name: "GridHost",
   props: {
     columns: {},
@@ -2837,7 +2837,7 @@ const Ps = () => {
   setup(e, { expose: t, emit: n }) {
     const o = e, i = n, a = oi(), s = jo(), r = xe(), c = xe(), l = xe(), u = xe(), h = xe(), m = ce({ rowHeight: B.rowHeight, headerHeight: B.columnHeadHeight }), g = ce({ ...uo, ...o.themeOverrides }), C = ce({ width: 0, height: 0 }), S = ce({ kind: "none", ranges: [], activeCell: null }), p = ce({ width: 0, height: 0 }), w = xe(!1), v = xe(!1), y = ce(0);
     let R = Ue.danger;
-    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => Ms(C.value.height, P.value, k.value)), N = _(() => !o.loading && o.rowCount === 0), M = () => {
+    const I = ce(null), k = _(() => o.rowHeight ?? m.value.rowHeight), P = _(() => o.headerHeight ?? m.value.headerHeight), A = _(() => Ms(C.value.height, P.value, k.value)), L = _(() => !o.loading && o.rowCount === 0), M = () => {
       const d = o.loading && o.rowCount === 0;
       return {
         columns: o.columns,
@@ -2854,26 +2854,26 @@ const Ps = () => {
         touch: v.value
       };
     }, E = () => o.loading && o.rowCount === 0;
-    let F = 0, W, K = null, G = null;
-    const ke = () => o.editing || L.active, z = new Is(M(), {
+    let N = 0, W, K = null, G = null;
+    const ke = () => o.editing || F.active, z = new Is(M(), {
       render: () => ge(),
       selectionChange: (d) => {
-        const f = L.state.value.cell;
-        L.active && f && (d.activeCell?.[0] !== f[0] || d.activeCell?.[1] !== f[1]) && L.commit("selection"), S.value = d, !ke() && h.value && (h.value.value = ""), Le(), i("selection-change", d);
+        const f = F.state.value.cell;
+        F.active && f && (d.activeCell?.[0] !== f[0] || d.activeCell?.[1] !== f[1]) && F.commit("selection"), S.value = d, !ke() && h.value && (h.value.value = ""), Fe(), i("selection-change", d);
       },
       scrollTo: (d, f) => {
         const b = l.value;
         b && (b.scrollLeft = d, b.scrollTop = f);
       },
       editRequest: (d, f, b, T) => {
-        if ((b !== "tap" || f.editor !== "long-text") && L.open(d, f, b, "edit")) {
+        if ((b !== "tap" || f.editor !== "long-text") && F.open(d, f, b, "edit")) {
           je = b === "tap";
           return;
         }
         i("edit-request", { cell: d, column: f, trigger: b, replace: T });
       },
       viewRequest: (d, f, b) => {
-        L.open(d, f, b, "view") && (je = b === "tap");
+        F.open(d, f, b, "view") && (je = b === "tap");
       },
       clearRequest: (d) => {
         De(), i("clear-request", d);
@@ -2894,7 +2894,7 @@ const Ps = () => {
       visibleRangeChange: (d) => {
         E() || i("visible-range-change", d);
       }
-    }), L = Ya({
+    }), F = Ya({
       owner: () => h.value,
       root: () => r.value,
       enabled: () => !!o.getEditText,
@@ -2912,12 +2912,12 @@ const Ps = () => {
         i("edit-end", { cell: d, column: f, committed: b }), ge();
       },
       moveSelection: (d) => {
-        const f = L.state.value.cell ?? S.value.activeCell;
+        const f = F.state.value.cell ?? S.value.activeCell;
         f && z.moveAfterEdit(f, d);
       },
       clearSelection: () => z.setSelection({ kind: "none", ranges: [] }),
       refocus: () => {
-        if (je && !L.active) {
+        if (je && !F.active) {
           je = !1, h.value?.blur();
           return;
         }
@@ -2925,10 +2925,10 @@ const Ps = () => {
       }
     });
     function ge() {
-      F || typeof requestAnimationFrame > "u" || (F = requestAnimationFrame(Ye));
+      N || typeof requestAnimationFrame > "u" || (N = requestAnimationFrame(Ye));
     }
     function Ye() {
-      F = 0;
+      N = 0;
       const d = c.value;
       if (!d || !K) return;
       const f = {
@@ -2940,10 +2940,10 @@ const Ps = () => {
         drawCell: mt,
         drawIcon: o.drawIcon ? Ie : void 0
       };
-      ia(d, K, f, W), W = f, re(d), l.value && (l.value.style.cursor = z.cursor), Le();
+      ia(d, K, f, W), W = f, re(d), l.value && (l.value.style.cursor = z.cursor), Fe();
     }
     function ie() {
-      F && (cancelAnimationFrame(F), Ye());
+      N && (cancelAnimationFrame(N), Ye());
     }
     function re(d) {
       const f = Je;
@@ -2956,7 +2956,7 @@ const Ps = () => {
       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) {
+    function Ne(d, f) {
       D(d, {
         x: f.x + B.cellHorizontalPadding,
         y: f.y + (f.height - 8) / 2,
@@ -2966,7 +2966,7 @@ const Ps = () => {
         fill: f.theme.cellBgLoading
       });
     }
-    function Ne(d, f, b) {
+    function Le(d, f, b) {
       if (!b) return;
       const { fontSizeSM: T, cellTextColor: U } = f.theme;
       $e(d, {
@@ -2993,17 +2993,17 @@ const Ps = () => {
         isLoading: T
       };
       if (T) {
-        Fe(d, U);
+        Ne(d, U);
         return;
       }
       const Z = o.cellRenderer?.(b, f.columnIndex);
-      Z ? Z.draw(d, U) : Ne(d, U, o.getCellText(U.cell));
+      Z ? Z.draw(d, U) : Le(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;
       o.drawIcon?.(d, { kind: f.kind, x: f.x, y: f.y, size: f.size, theme: f.theme, column: b });
     }
-    function Le() {
+    function Fe() {
       const d = u.value;
       if (!d) return;
       const f = z.selection.activeCell, b = f ? z.getCellRect(f) : null;
@@ -3026,13 +3026,13 @@ const Ps = () => {
       const f = l.value, b = G;
       return d.clientX - b.left >= f.clientWidth || d.clientY - b.top >= f.clientHeight;
     }
-    let le = null, X = null, Yt = -1 / 0, jt = -1 / 0, je = !1;
-    const Qe = () => typeof performance > "u" ? Date.now() : performance.now(), Qt = () => X != null || Qe() - Yt < Xs;
+    let le = null, q = null, Yt = -1 / 0, jt = -1 / 0, je = !1;
+    const Qe = () => typeof performance > "u" ? Date.now() : performance.now(), Qt = () => q != null || Qe() - Yt < qs;
     function Ze() {
-      X && clearTimeout(X.timer), X = null, Yt = Qe();
+      q && clearTimeout(q.timer), q = null, Yt = Qe();
     }
     function Io(d) {
-      if (X) {
+      if (q) {
         Ze();
         return;
       }
@@ -3043,20 +3043,20 @@ const Ps = () => {
         flingStop: Qe() - jt < $s,
         longPressed: !1,
         timer: setTimeout(() => {
-          X !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
+          q !== f || f.flingStop || ke() || (f.longPressed = !0, z.longPress(ae(d)), ie());
         }, _s)
       };
-      X = f;
+      q = f;
     }
     function Po(d) {
-      const f = X;
+      const f = q;
       !f || f.id !== d.pointerId || Math.hypot(d.clientX - f.x, d.clientY - f.y) > Ks && Ze();
     }
     function zo(d) {
-      const f = X;
-      !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(() => {
+      const f = q;
+      !f || f.id !== d.pointerId || (Ze(), !(f.longPressed || f.flingStop) && (F.active && !F.commit("pointer") || o.editing || (z.tap(ae(d)), ie(), le && clearTimeout(le), le = setTimeout(() => {
         le = null, z.clearTapFeedback();
-      }, qs))));
+      }, Xs))));
     }
     function Mo(d) {
       if (G = r.value.getBoundingClientRect(), d.pointerType === "touch") {
@@ -3064,7 +3064,7 @@ const Ps = () => {
         return;
       }
       if (d.button !== 0 || gt(d)) return;
-      if (L.active && !L.commit("pointer")) {
+      if (F.active && !F.commit("pointer")) {
         d.preventDefault();
         return;
       }
@@ -3100,7 +3100,7 @@ const Ps = () => {
     }
     function Zt(d) {
       if (d.pointerType === "touch") {
-        X?.id === d.pointerId && Ze();
+        q?.id === d.pointerId && Ze();
         return;
       }
       z.cancelGesture(), ie();
@@ -3111,20 +3111,20 @@ const Ps = () => {
     function To(d) {
       ke() || Qt() || z.doubleClick(ae(d));
     }
-    function Fo(d) {
+    function No(d) {
       if (Qt()) {
         d.preventDefault();
         return;
       }
       G = r.value.getBoundingClientRect(), z.contextMenu(ae(d)) && (d.preventDefault(), Pe());
     }
-    function No() {
+    function Lo() {
       const d = l.value;
       d && (G = null, jt = Qe(), z.setScroll(d.scrollLeft, d.scrollTop));
     }
-    function Lo(d) {
-      if (L.active) {
-        L.keyDown(d, ve(d)) && d.stopPropagation();
+    function Fo(d) {
+      if (F.active) {
+        F.keyDown(d, ve(d)) && d.stopPropagation();
         return;
       }
       if (o.editing) return;
@@ -3158,10 +3158,10 @@ const Ps = () => {
       !d || d.value || (d.value = " ", d.select(), fe && clearTimeout(fe), fe = setTimeout(Jt, 0));
     }
     function Jt() {
-      fe && clearTimeout(fe), fe = null, h.value && !L.active && (h.value.value = "");
+      fe && clearTimeout(fe), fe = null, h.value && !F.active && (h.value.value = "");
     }
     function pt(d, f, b, T) {
-      T && (Je = Xe(d, ft()), ge()), i("clipboard-copy", { block: f, cellCount: za(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: za(f), cut: b, ok: T }), T && b && !o.readonly && i("clear-request", d);
     }
     function en(d, f) {
       const b = z.getSelection(), T = po(b, ft());
@@ -3180,7 +3180,7 @@ const Ps = () => {
       );
     }
     function tn(d, f) {
-      L.active || o.editing || (Jt(), d.preventDefault(), en(f, d));
+      F.active || o.editing || (Jt(), d.preventDefault(), en(f, d));
     }
     function nn(d) {
       if (o.readonly) return null;
@@ -3191,7 +3191,7 @@ const Ps = () => {
       return f ? (De(), i("paste-request", f), f) : null;
     }
     function Bo(d) {
-      L.active || fa({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: h.value ?? null }) && (d.preventDefault(), S.value.kind !== "none" && nn(d.clipboardData?.getData("text/plain") ?? ""));
+      F.active || fa({ isEditing: o.editing, eventTarget: d.target, hiddenFocusEl: h.value ?? null }) && (d.preventDefault(), S.value.kind !== "none" && nn(d.clipboardData?.getData("text/plain") ?? ""));
     }
     const Ct = /* @__PURE__ */ new Map();
     let ze = null;
@@ -3205,10 +3205,10 @@ const Ps = () => {
       Ct.set(d, f), ze && clearTimeout(ze), ze = setTimeout(on, Ys);
     }
     function Vo() {
-      o.editing || (L.active || z.compositionStart(), L.active && L.compositionStart());
+      o.editing || (F.active || z.compositionStart(), F.active && F.compositionStart());
     }
     function Go() {
-      L.compositionEnd();
+      F.compositionEnd();
     }
     let wt = null, vt = null, St = null, We = null;
     function an() {
@@ -3249,23 +3249,23 @@ const Ps = () => {
       }
       St = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, St?.addEventListener?.("change", ye), We = typeof matchMedia == "function" ? matchMedia("(pointer: coarse)") : null, v.value = !!We?.matches, We?.addEventListener?.("change", an), ge();
     }), Zo(() => {
-      F && cancelAnimationFrame(F), Se && clearTimeout(Se), wt?.disconnect(), vt?.disconnect(), St?.removeEventListener?.("change", ye), We?.removeEventListener?.("change", an), X && clearTimeout(X.timer), le && clearTimeout(le), z.dispose(), fe && clearTimeout(fe), on(), K = null;
+      N && cancelAnimationFrame(N), Se && clearTimeout(Se), wt?.disconnect(), vt?.disconnect(), St?.removeEventListener?.("change", ye), We?.removeEventListener?.("change", an), q && clearTimeout(q.timer), le && clearTimeout(le), z.dispose(), fe && clearTimeout(fe), on(), K = null;
     });
     const Y = _(() => S.value.activeCell), Uo = _(() => Y.value ? o.columns[Y.value[0]] : void 0), Ko = _(() => {
       const d = Y.value;
       return d ? o.getRowLabel?.(d[1]) ?? String(d[1] + 1) : "";
-    }), _o = _(() => Y.value && o.rowCount > 0 ? o.getCellText(Y.value) : ""), rn = (d) => `${s}-col-${d}`, $o = _(() => Y.value ? `${rn(Y.value[0])} ${s}-rowheader ${s}-cell` : `${s}-label`), ln = (d) => z.getCellRect(d), j = _(() => L.state.value), cn = _(() => j.value.active && j.value.mode === "edit" && j.value.kind === "long-text" && !!o.editHint), et = _(() => ({
+    }), _o = _(() => Y.value && o.rowCount > 0 ? o.getCellText(Y.value) : ""), rn = (d) => `${s}-col-${d}`, $o = _(() => Y.value ? `${rn(Y.value[0])} ${s}-rowheader ${s}-cell` : `${s}-label`), ln = (d) => z.getCellRect(d), j = _(() => F.state.value), cn = _(() => j.value.active && j.value.mode === "edit" && j.value.kind === "long-text" && !!o.editHint), et = _(() => ({
       open: j.value.active,
       kind: j.value.kind,
       view: j.value.mode === "view",
       invalid: !!j.value.error,
       hint: cn.value,
       rowHeight: k.value,
-      lines: L.lines.value,
+      lines: F.lines.value,
       theme: g.value,
       dangerColor: R,
       textBox: I.value
-    })), Xo = _(() => Ka(et.value)), un = _(() => j.value.active ? vo(et.value) : k.value), tt = _(() => {
+    })), qo = _(() => Ka(et.value)), un = _(() => j.value.active ? vo(et.value) : k.value), tt = _(() => {
       if (y.value, j.value.active) return j.value.error;
       const d = S.value.activeCell, f = d && o.cellStatus ? o.cellStatus(d) : null;
       return f?.state === "error" ? f.message : null;
@@ -3281,9 +3281,9 @@ const Ps = () => {
         y.value++, z.invalidate();
       },
       refreshTheme: ye,
-      isEditing: () => L.active,
-      commitEdit: () => !L.active || L.commit("selection"),
-      cancelEdit: () => L.cancel(),
+      isEditing: () => F.active,
+      commitEdit: () => !F.active || F.commit("selection"),
+      cancelEdit: () => F.cancel(),
       copy: (d = !1) => en(d),
       paste: (d) => nn(d)
     }), (d, f) => (pe(), Ce("div", {
@@ -3317,7 +3317,7 @@ const Ps = () => {
         "data-ui-grid-scroller": "",
         "aria-hidden": "true",
         style: { position: "absolute", inset: "0", overflow: "auto", "overscroll-behavior": "contain", "z-index": "1", "touch-action": "pan-x pan-y", "-webkit-overflow-scrolling": "touch", "-webkit-touch-callout": "none", "-webkit-user-select": "none", "user-select": "none", "-webkit-tap-highlight-color": "transparent" },
-        onScrollPassive: No,
+        onScrollPassive: Lo,
         onPointerdown: Mo,
         onPointermove: Ao,
         onPointerup: Eo,
@@ -3325,7 +3325,7 @@ const Ps = () => {
         onLostpointercapture: Zt,
         onPointerleave: Ho,
         onDblclick: To,
-        onContextmenu: Fo
+        onContextmenu: No
       }, [
         ee("div", {
           style: Be({ width: `${p.value.width}px`, height: `${p.value.height}px` })
@@ -3339,10 +3339,10 @@ const Ps = () => {
             role: "columnheader",
             class: "sr-only",
             "aria-colindex": T + 1
-          }, we(b.name), 9, Fs))), 128))
+          }, we(b.name), 9, Ns))), 128))
         ])
       ]),
-      ee("div", Ns, [
+      ee("div", Ls, [
         ee("div", {
           role: "row",
           "aria-rowindex": Y.value ? Y.value[1] + 2 : 2,
@@ -3380,12 +3380,12 @@ const Ps = () => {
               autocapitalize: "off",
               spellcheck: "false",
               rows: "1",
-              style: Be(Xo.value),
-              onKeydown: Lo,
+              style: Be(qo.value),
+              onKeydown: Fo,
               onCompositionstart: Vo,
               onCompositionend: Go,
-              onInput: f[0] || (f[0] = (b) => J(L).input()),
-              onBlur: f[1] || (f[1] = (b) => J(L).blur()),
+              onInput: f[0] || (f[0] = (b) => J(F).input()),
+              onBlur: f[1] || (f[1] = (b) => J(F).blur()),
               onCopy: f[2] || (f[2] = (b) => tn(b, !1)),
               onCut: f[3] || (f[3] = (b) => tn(b, !0))
             }, null, 44, Os),
@@ -3402,9 +3402,9 @@ const Ps = () => {
               style: Be({ ...J($a)(et.value), top: `${un.value + 4}px` })
             }, we(tt.value), 13, Vs)) : Oe("", !0)
           ], 8, Ws)
-        ], 8, Ls)
+        ], 8, Fs)
       ]),
-      N.value ? (pe(), Ce("div", {
+      L.value ? (pe(), Ce("div", {
         key: 0,
         "data-ui-grid-empty": "",
         style: Be([{ top: `${P.value}px` }, { position: "absolute", left: "0", right: "0", bottom: "0", display: "flex", "align-items": "center", "justify-content": "center", overflow: "hidden", color: "var(--ui-text-muted)", "font-size": "var(--ui-font-size)", "pointer-events": "none", "z-index": "1" }])
@@ -3542,7 +3542,7 @@ const _e = 4, Re = 6, er = 4, Ae = 4, he = (e, t, n, o = "") => {
   const a = o;
   e.save(), e.strokeStyle = i, e.lineWidth = Math.max(1.25, a / 11), e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(t + a * 0.45, n + a * 0.2), e.lineTo(t + a * 0.2, n + a * 0.2), e.lineTo(t + a * 0.2, n + a * 0.8), e.lineTo(t + a * 0.8, n + a * 0.8), e.lineTo(t + a * 0.8, n + a * 0.55), e.moveTo(t + a * 0.55, n + a * 0.2), e.lineTo(t + a * 0.8, n + a * 0.2), e.lineTo(t + a * 0.8, n + a * 0.45), e.moveTo(t + a * 0.8, n + a * 0.2), e.lineTo(t + a * 0.48, n + a * 0.52), e.stroke(), e.restore();
 };
-class Xt {
+class qt {
   cache = new ct(200);
   set(t, n) {
     this.cache.set(t, n);
@@ -3554,7 +3554,7 @@ class Xt {
     this.cache.clear();
   }
 }
-const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, ir = { type: "decimal", precision: 2 }, $n = (e, t) => {
+const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.y + t.height, ir = { type: "decimal", precision: 2 }, $n = (e, t) => {
   if (!Number.isFinite(e) || Math.abs(e) <= Number.MAX_SAFE_INTEGER) return e.toFixed(t);
   const n = String(e), o = n.includes("e") ? "" : "0".repeat(t);
   return o ? `${n}.${o}` : n;
@@ -3566,7 +3566,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     return s + a + r;
   }
   return t.type === "percent" ? `${$n(o * 100, i)}%` : $n(o, i);
-}, Nr = (e, t) => {
+}, Lr = (e, t) => {
   if (e == null || e === "") return null;
   const n = String(e), o = t?.type === "percent" || n.includes("%"), i = n.replace(/[^\d.+-]/g, "").replace(/([+\-.])+/g, "$1"), a = Number.parseFloat(i);
   return Number.isNaN(a) ? null : o ? a / 100 : a;
@@ -3593,24 +3593,24 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     me(e, t, n.text, { color: t.cellTheme.textMuted, align: n.align === "end" ? "right" : "left" });
   },
   describe: (e) => e.text
-}, Xn = (e, t) => e.text ?? ar(e.value, e.format, t), dr = {
+}, qn = (e, t) => e.text ?? ar(e.value, e.format, t), dr = {
   draw: (e, t, n) => {
-    me(e, t, Xn(n, t.locale), { align: "right" });
+    me(e, t, qn(n, t.locale), { align: "right" });
   },
-  describe: (e, t) => Xn(e, t.locale)
-}, qn = (e, t, n) => {
+  describe: (e, t) => qn(e, t.locale)
+}, Xn = (e, t, n) => {
   const o = n.icon;
   return { x: e - n.padding - o, y: (t - o) / 2, width: o, height: o };
 }, hr = {
   draw: (e, t, n) => {
-    const { metrics: o, cellTheme: i } = t, a = qn(t.width, t.height, o);
+    const { metrics: o, cellTheme: i } = t, a = Xn(t.width, t.height, o);
     n.text && (me(e, t, n.text, { color: i.link, maxWidth: Math.max(0, a.x - Ae - o.padding) }), or(e, t.x + a.x, t.y + a.y, a.width, i.link));
   },
   describe: (e) => e.text,
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (!e.text || !e.href) return null;
-    const i = qn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
-    return qe(t, a) ? { action: { type: "open-url", href: e.href }, area: a } : null;
+    const i = Xn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
+    return Xe(t, a) ? { action: { type: "open-url", href: e.href }, area: a } : null;
   }
 }, Yn = (e, t, n) => {
   const o = n.icon;
@@ -3633,7 +3633,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
     const i = Yn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
-    return qe(t, a) ? { action: jn(e), area: a } : null;
+    return Xe(t, a) ? { action: jn(e), area: a } : null;
   },
   keyAction: (e, t) => !e.readonly && (t === "Enter" || t === " ") ? jn(e) : null
 }, At = 2, st = (e) => Math.max(1, Math.min(10, Math.round(e.max ?? 5))), gr = {
@@ -3648,7 +3648,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
     const i = o.icon + At, a = st(e), s = { x: o.padding, y: Math.max(0, n.height / 2 - o.icon), width: a * i, height: Math.min(n.height, 2 * o.icon) };
-    if (!qe(t, s)) return null;
+    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 };
   },
@@ -3660,7 +3660,7 @@ const qe = (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 };
   }
-}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Nt = new Xt(), Ro = (e, t, n) => {
+}, He = (e, t, n) => `${e}|${t.width}|${t.metrics.rowHeight}|${n.join("\0")}`, Lt = new qt(), Ro = (e, t, n) => {
   const { metrics: o, theme: i } = t;
   if (!n.length) return [];
   he(e, o.chipFontSize, i.fontFamily);
@@ -3679,13 +3679,13 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
 }, pr = {
   draw: (e, t, n) => {
     const o = { fill: t.cellTheme.badgeFill, color: t.cellTheme.text }, i = Ro(e, t, n.records.map((a) => ({ label: a.label, colors: o })));
-    Nt.set(He("link", t, n.records.map((a) => a.id)), i);
+    Lt.set(He("link", t, n.records.map((a) => a.id)), i);
   },
   describe: (e) => dt(e.records.map((t) => t.label)),
-  hitTest: (e, t) => ko(Nt.get(He("link", qt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
-}, qt = (e) => ({ width: e.size.width, metrics: e.metrics }), ko = (e, t, n, o = !1) => {
+  hitTest: (e, t) => ko(Lt.get(He("link", Xt(t), e.records.map((n) => n.id))), t, (n) => ({ type: "open-record", id: e.records[n].id }))
+}, Xt = (e) => ({ width: e.size.width, metrics: e.metrics }), ko = (e, t, n, o = !1) => {
   if (!t.wasActive && !o || !e) return null;
-  const i = e.findIndex((a) => qe(t.point, a));
+  const i = e.findIndex((a) => Xe(t.point, a));
   return i < 0 ? null : { action: n(i), area: e[i] };
 }, Cr = (e, t, n, o, i, a, s) => {
   const { cellTheme: r, theme: c } = t, l = s ? t.images.get(s) : void 0;
@@ -3717,7 +3717,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
 }, Qn = (e) => {
   const t = /\.([\p{L}\p{N}]{1,5})$/u.exec(e);
   return t ? t[1].toUpperCase() : "";
-}, Lt = new Xt(), vr = {
+}, Ft = new qt(), vr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.files.length) return;
@@ -3729,10 +3729,10 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     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(Qn(S.name) || "?", h + g / 2, u + s / 2 + 0.5, g - 4)), m.push({ x: h - t.x, y: u - t.y, width: g, height: s }), h += g + _e;
-    }), l.more > 0 && $t(e, t, h, l.more, l.badgeWidth), Lt.set(He("attachment", t, n.files.map((g) => g.id)), m);
+    }), l.more > 0 && $t(e, t, h, l.more, l.badgeWidth), Ft.set(He("attachment", t, n.files.map((g) => g.id)), m);
   },
   describe: (e) => dt(e.files.map((t) => t.name)),
-  hitTest: (e, t) => ko(Lt.get(He("attachment", qt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
+  hitTest: (e, t) => ko(Ft.get(He("attachment", Xt(t), e.files.map((n) => n.id))), t, (n) => ({ type: "open-attachment", id: e.files[n].id }), !0)
 }, Zn = (e) => `${Math.round(Math.max(0, Math.min(1, e)) * 100)}%`, Sr = {
   draw: (e, t, n) => {
     if (n.value == null) return;
@@ -3740,7 +3740,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     e.save(), e.lineWidth = 2.5, e.beginPath(), e.arc(r, c, l, 0, Math.PI * 2), e.strokeStyle = i.progressTrack, e.stroke(), s > 0 && (e.beginPath(), e.arc(r, c, l, -Math.PI / 2, -Math.PI / 2 + s * Math.PI * 2), e.strokeStyle = i.progressFill, e.lineCap = s < 1 ? "round" : "butt", e.stroke()), e.restore(), me(e, t, Zn(s), { x: t.x + o.padding + a + Ae + 2 });
   },
   describe: (e) => e.value == null ? "" : Zn(e.value)
-}, Et = 10, Dt = new Xt(), yr = {
+}, Et = 10, Dt = new qt(), yr = {
   draw: (e, t, n) => {
     const { metrics: o, cellTheme: i, theme: a } = t;
     if (!n.label) return;
@@ -3751,8 +3751,8 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   describe: (e) => e.label,
   hitTest: (e, t) => {
     if (e.disabled || !e.label) return null;
-    const n = Dt.get(He("button", qt(t), [e.label]))?.[0];
-    return n && qe(t.point, n) ? { action: { type: "press" }, area: n } : null;
+    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, br = {
@@ -3770,8 +3770,8 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   progress: Sr,
   button: yr,
   derived: ur
-}, Lr = () => {
-  Nt.clear(), Lt.clear(), Dt.clear();
+}, Fr = () => {
+  Lt.clear(), Ft.clear(), Dt.clear();
 }, xr = 6, Rr = (e, t, n, o) => {
   if (e.save(), n === "pending") {
     const i = xr / 2, a = t.x + t.width - 3 - i, s = t.y + 3 + i;
@@ -3830,7 +3830,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
           if (!k || I.kind !== "cells" || !eo(I.ranges[0], I.ranges[1])) return;
           const P = y.currentTarget?.querySelector("[data-ui-grid]"), A = R.getCellRect(k);
           if (!P || !A) return;
-          const N = P.getBoundingClientRect(), M = { x: y.clientX - N.left - A.x, y: y.clientY - N.top - A.y };
+          const L = P.getBoundingClientRect(), M = { x: y.clientX - L.left - A.x, y: y.clientY - L.top - A.y };
           if (M.x < 0 || M.y < 0 || M.x >= A.width || M.y >= A.height) return;
           const E = g(k, M, A, eo(v, k));
           E && w(E.action, k);
@@ -3952,7 +3952,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "Free now {now}, free after {after}": "Free now {now}, free after {after}",
   Sections: "Sections",
   "Back to the previous page": "Back",
-  "Back to the App list": "Back to apps",
+  "Launcher home": "Home",
   "Page actions": "Page actions",
   Slider: "Slider",
   "Increase value": "Increase value",
@@ -4107,7 +4107,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   "Not checked": "Not checked",
   "Rating {value} of {max}": "Rating {value} of {max}",
   Saving: "Saving",
-  "Not saved": "Not saved"
+  "Not saved": "Not saved",
+  "Choose tags": "Choose tags",
+  "Choose a tag": "Choose a tag",
+  "Search tags": "Search tags",
+  'Create "{name}"': 'Create "{name}"',
+  "No matching tags": "No matching tags",
+  "Loading tags": "Loading tags",
+  "At most {max} tags": "At most {max} tags",
+  "Expand all": "Expand all",
+  "Collapse all": "Collapse all"
 }, Pr = {
   en: Ir,
   "zh-TW": {
@@ -4217,7 +4226,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "目前可用 {now}，清理後可用 {after}",
     Sections: "區段",
     "Back to the previous page": "返回",
-    "Back to the App list": "返回 App 列表",
+    "Launcher home": "主畫面",
     "Page actions": "頁面動作",
     Slider: "滑桿",
     "Increase value": "增加數值",
@@ -4372,7 +4381,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "未勾選",
     "Rating {value} of {max}": "評分 {value}/{max}",
     Saving: "儲存中",
-    "Not saved": "未儲存"
+    "Not saved": "未儲存",
+    "Choose tags": "選擇標籤",
+    "Choose a tag": "選擇一個標籤",
+    "Search tags": "搜尋標籤",
+    'Create "{name}"': "建立「{name}」",
+    "No matching tags": "沒有符合的標籤",
+    "Loading tags": "正在讀取標籤",
+    "At most {max} tags": "最多 {max} 個標籤",
+    "Expand all": "全部展開",
+    "Collapse all": "全部收合"
   },
   "zh-CN": {
     "{count} failed": "{count} 个失败",
@@ -4481,7 +4499,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "当前可用 {now}，清理后可用 {after}",
     Sections: "区段",
     "Back to the previous page": "返回",
-    "Back to the App list": "返回应用列表",
+    "Launcher home": "主屏幕",
     "Page actions": "页面操作",
     Slider: "滑块",
     "Increase value": "增加数值",
@@ -4636,7 +4654,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "未勾选",
     "Rating {value} of {max}": "评分 {value}/{max}",
     Saving: "保存中",
-    "Not saved": "未保存"
+    "Not saved": "未保存",
+    "Choose tags": "选择标签",
+    "Choose a tag": "选择一个标签",
+    "Search tags": "搜索标签",
+    'Create "{name}"': "创建“{name}”",
+    "No matching tags": "没有匹配的标签",
+    "Loading tags": "正在读取标签",
+    "At most {max} tags": "最多 {max} 个标签",
+    "Expand all": "全部展开",
+    "Collapse all": "全部折叠"
   },
   ja: {
     "{count} failed": "{count} 件失敗",
@@ -4745,7 +4772,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "現在の空き {now}、解放後の空き {after}",
     Sections: "セクション",
     "Back to the previous page": "戻る",
-    "Back to the App list": "アプリ一覧に戻る",
+    "Launcher home": "ホーム",
     "Page actions": "ページの操作",
     Slider: "スライダー",
     "Increase value": "値を増やす",
@@ -4900,7 +4927,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "チェックなし",
     "Rating {value} of {max}": "評価 {value}/{max}",
     Saving: "保存中",
-    "Not saved": "保存されていません"
+    "Not saved": "保存されていません",
+    "Choose tags": "タグを選択",
+    "Choose a tag": "タグを 1 つ選択",
+    "Search tags": "タグを検索",
+    'Create "{name}"': "「{name}」を作成",
+    "No matching tags": "一致するタグはありません",
+    "Loading tags": "タグを読み込んでいます",
+    "At most {max} tags": "タグは最大 {max} 個です",
+    "Expand all": "すべて展開",
+    "Collapse all": "すべて折りたたむ"
   },
   ko: {
     "{count} failed": "{count}개 실패",
@@ -5009,7 +5045,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "현재 여유 공간 {now}, 정리 후 여유 공간 {after}",
     Sections: "섹션",
     "Back to the previous page": "뒤로",
-    "Back to the App list": "앱 목록으로 돌아가기",
+    "Launcher home": "홈",
     "Page actions": "페이지 작업",
     Slider: "슬라이더",
     "Increase value": "값 증가",
@@ -5164,7 +5200,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "선택 안 됨",
     "Rating {value} of {max}": "평점 {value}/{max}",
     Saving: "저장 중",
-    "Not saved": "저장되지 않음"
+    "Not saved": "저장되지 않음",
+    "Choose tags": "태그 선택",
+    "Choose a tag": "태그 하나 선택",
+    "Search tags": "태그 검색",
+    'Create "{name}"': '"{name}" 만들기',
+    "No matching tags": "일치하는 태그가 없습니다",
+    "Loading tags": "태그를 읽는 중",
+    "At most {max} tags": "태그는 최대 {max}개입니다",
+    "Expand all": "모두 펼치기",
+    "Collapse all": "모두 접기"
   },
   de: {
     "{count} failed": "{count} fehlgeschlagen",
@@ -5273,7 +5318,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "Jetzt frei {now}, danach frei {after}",
     Sections: "Abschnitte",
     "Back to the previous page": "Zurück",
-    "Back to the App list": "Zurück zu den Apps",
+    "Launcher home": "Startseite",
     "Page actions": "Seitenaktionen",
     Slider: "Schieberegler",
     "Increase value": "Wert erhöhen",
@@ -5428,7 +5473,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "Nicht aktiviert",
     "Rating {value} of {max}": "Bewertung {value} von {max}",
     Saving: "Wird gespeichert",
-    "Not saved": "Nicht gespeichert"
+    "Not saved": "Nicht gespeichert",
+    "Choose tags": "Tags auswählen",
+    "Choose a tag": "Tag auswählen",
+    "Search tags": "Tags suchen",
+    'Create "{name}"': "„{name}“ erstellen",
+    "No matching tags": "Keine passenden Tags",
+    "Loading tags": "Tags werden gelesen",
+    "At most {max} tags": "Höchstens {max} Tags",
+    "Expand all": "Alle aufklappen",
+    "Collapse all": "Alle zuklappen"
   },
   fr: {
     "{count} failed": "{count} en échec",
@@ -5537,7 +5591,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "Libre maintenant {now}, libre ensuite {after}",
     Sections: "Sections",
     "Back to the previous page": "Retour",
-    "Back to the App list": "Retour aux applications",
+    "Launcher home": "Accueil",
     "Page actions": "Actions de la page",
     Slider: "Curseur",
     "Increase value": "Augmenter la valeur",
@@ -5692,7 +5746,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "Non coché",
     "Rating {value} of {max}": "Note {value} sur {max}",
     Saving: "Enregistrement",
-    "Not saved": "Non enregistré"
+    "Not saved": "Non enregistré",
+    "Choose tags": "Choisir des étiquettes",
+    "Choose a tag": "Choisir une étiquette",
+    "Search tags": "Rechercher des étiquettes",
+    'Create "{name}"': "Créer « {name} »",
+    "No matching tags": "Aucune étiquette correspondante",
+    "Loading tags": "Lecture des étiquettes",
+    "At most {max} tags": "Au plus {max} étiquettes",
+    "Expand all": "Tout développer",
+    "Collapse all": "Tout réduire"
   },
   es: {
     "{count} failed": "{count} con error",
@@ -5801,7 +5864,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "Libre ahora {now}, libre después {after}",
     Sections: "Secciones",
     "Back to the previous page": "Atrás",
-    "Back to the App list": "Volver a las aplicaciones",
+    "Launcher home": "Inicio",
     "Page actions": "Acciones de la página",
     Slider: "Control deslizante",
     "Increase value": "Aumentar valor",
@@ -5956,7 +6019,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "Sin marcar",
     "Rating {value} of {max}": "Valoración {value} de {max}",
     Saving: "Guardando",
-    "Not saved": "No guardado"
+    "Not saved": "No guardado",
+    "Choose tags": "Elegir etiquetas",
+    "Choose a tag": "Elegir una etiqueta",
+    "Search tags": "Buscar etiquetas",
+    'Create "{name}"': "Crear «{name}»",
+    "No matching tags": "No hay etiquetas que coincidan",
+    "Loading tags": "Cargando etiquetas",
+    "At most {max} tags": "Como máximo {max} etiquetas",
+    "Expand all": "Expandir todo",
+    "Collapse all": "Contraer todo"
   },
   it: {
     "{count} failed": "{count} non riusciti",
@@ -6065,7 +6137,7 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Free now {now}, free after {after}": "Libero ora {now}, libero dopo {after}",
     Sections: "Sezioni",
     "Back to the previous page": "Indietro",
-    "Back to the App list": "Torna alle app",
+    "Launcher home": "Home",
     "Page actions": "Azioni della pagina",
     Slider: "Cursore",
     "Increase value": "Aumenta valore",
@@ -6220,7 +6292,16 @@ const qe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     "Not checked": "Non selezionato",
     "Rating {value} of {max}": "Valutazione {value} su {max}",
     Saving: "Salvataggio",
-    "Not saved": "Non salvato"
+    "Not saved": "Non salvato",
+    "Choose tags": "Scegli i tag",
+    "Choose a tag": "Scegli un tag",
+    "Search tags": "Cerca tag",
+    'Create "{name}"': "Crea «{name}»",
+    "No matching tags": "Nessun tag corrispondente",
+    "Loading tags": "Caricamento dei tag",
+    "At most {max} tags": "Al massimo {max} tag",
+    "Expand all": "Espandi tutto",
+    "Collapse all": "Comprimi tutto"
   }
 };
 function zr(e, t, n = {}) {
@@ -6286,13 +6367,13 @@ function Br(e) {
 export {
   ja as GRID_CELL_TOKENS,
   Qa as GRID_CHIP_TOKENS,
-  Fr as GridHost,
+  Nr as GridHost,
   Ar as SAVING_MARK_DELAY_MS,
   za as blockCellCount,
   Ma as buildPasteProposal,
-  Xe as cellRange,
+  qe as cellRange,
   Br as cellStatusMark,
-  Lr as clearGridCellRegions,
+  Fr as clearGridCellRegions,
   Wr as createCellStatusStore,
   Za as createGridCellTheme,
   kr as createGridCells,
@@ -6304,7 +6385,7 @@ export {
   gs as filledRange,
   ar as formatGridNumber,
   Dn as gridCellMetrics,
-  Nr as parseGridNumber,
+  Lr as parseGridNumber,
   va as parseTsv,
   ms as planFill,
   So as readGridCellTheme,