@affino/datagrid-vue-app 0.1.30 → 0.1.31

package/dist/chunks/{useDataGridAppRowModel-LxM-A-yG.js → useDataGridAppRowModel-HgHd3xEp.js}

@@ -1,8 +1,8 @@
 import { defineComponent as gn, h as V, inject as uo, ref as ee, computed as w, watch as Y, nextTick as rt, openBlock as Ct, createElementBlock as dn, Fragment as Fl, createElementVNode as Q, mergeProps as Ol, unref as m, toDisplayString as kl, createBlock as co, Teleport as mo, renderList as fo, normalizeClass as wo, createCommentVNode as go, onBeforeUnmount as Dl, shallowRef as al, defineAsyncComponent as vn, markRaw as vo, toRaw as ho, onUnmounted as bo } from "vue";
 import { resolveDataGridCellClickAction as yo, invokeDataGridCellInteraction as Co, toggleDataGridCellValue as Ro, buildDataGridCellRenderModel as So, buildDataGridAdvancedFilterExpressionFromLegacyFilters as po, useDataGridContextMenu as Io, cloneDataGridFilterSnapshot as xo, createClientRowModel as tl } from "@affino/datagrid-vue";
-import { useDataGridAppIntentHistory as Mo, createDataGridAppRowHeightMetrics as Ao, useDataGridAppViewport as Fo, useDataGridAppRowSizing as Oo, useDataGridAppCellSelection as ko, useDataGridAppRowPresentation as Do, useDataGridAppClipboard as Eo, useDataGridAppActiveCellViewport as To, useDataGridAppInlineEditing as zo, useDataGridAppInteractionController as Ho, useDataGridAppHeaderResize as _o, useDataGridAppRuntimeSync as Po, useDataGridAppViewportLifecycle as Vo, useDataGridAppColumnLayoutPanel as Bo } from "@affino/datagrid-vue/app";
+import { useDataGridAppIntentHistory as Mo, createDataGridAppRowHeightMetrics as Ao, useDataGridAppViewport as Fo, useDataGridAppRowSizing as Oo, useDataGridAppCellSelection as ko, useDataGridAppRowPresentation as Do, useDataGridAppClipboard as Eo, useDataGridAppActiveCellViewport as To, useDataGridAppInlineEditing as zo, useDataGridAppInteractionController as _o, useDataGridAppHeaderResize as Ho, useDataGridAppRuntimeSync as Po, useDataGridAppViewportLifecycle as Vo, useDataGridAppColumnLayoutPanel as Bo } from "@affino/datagrid-vue/app";
 import { useDataGridViewportContextMenuRouter as jo, useDataGridContextMenuAnchor as Go, useDataGridContextMenuActionRouter as Ko } from "@affino/datagrid-vue/advanced";
-import { c as Lo, t as $o, _ as El, v as No } from "./DataGridTableStage.vue_vue_type_script_setup_true_lang-BHusDA4Y.js";
+import { c as Lo, t as $o, _ as El, v as No } from "./DataGridTableStage.vue_vue_type_script_setup_true_lang-Q2ri6J1V.js";
 import { usePopoverController as Wo, useFloatingPopover as Uo } from "@affino/popover-vue";
 import { d as qo, r as Yo } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 import { u as Xo } from "./useDataGridDraggableOverlaySurface-BgkSR_nl.js";
@@ -130,7 +130,7 @@ const Tl = gn({
     function x(z, P) {
       l("toggle-visibility", { key: z, visible: P });
     }
-    function _(z) {
+    function H(z) {
       const E = (z.currentTarget instanceof HTMLElement ? z.currentTarget : null)?.getBoundingClientRect();
       return !E || E.height <= 0 ? "after" : z.clientY < E.top + E.height / 2 ? "before" : "after";
     }
@@ -142,7 +142,7 @@ const Tl = gn({
         I.value = null, F.value = null;
         return;
       }
-      z.preventDefault(), z.dataTransfer && (z.dataTransfer.dropEffect = "move"), I.value = P, F.value = _(z);
+      z.preventDefault(), z.dataTransfer && (z.dataTransfer.dropEffect = "move"), I.value = P, F.value = H(z);
     }
     function Ie(z, P) {
       if (!v.value || v.value === P) {
@@ -152,7 +152,7 @@ const Tl = gn({
       z.preventDefault(), l("move-to-position", {
         key: v.value,
         targetKey: P,
-        placement: _(z)
+        placement: H(z)
       }), Ee();
     }
     function Ee() {
@@ -546,7 +546,7 @@ function pr(e) {
   });
   return Object.freeze(Object.fromEntries(o));
 }
-function Ha(e) {
+function _a(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     items: [...ue],
@@ -614,7 +614,7 @@ function Fr(e, o) {
     a.set(l.key, l);
   return Object.freeze(Array.from(a.values()));
 }
-function _a(e) {
+function Ha(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     items: [...lt],
@@ -651,13 +651,13 @@ function Er(e) {
   const o = Jl.map((a) => [a, Object.freeze({ ...e.actions[a] ?? {} })]).filter(([, a]) => Object.keys(a).length > 0);
   return Object.freeze(Object.fromEntries(o));
 }
-function Hl(e) {
+function _l(e) {
   return (o) => {
     e.value = o instanceof HTMLElement ? o : null;
   };
 }
 function Tr(e) {
-  const o = Hl(e.headerViewportRef), a = Hl(e.bodyViewportRef), l = (I) => {
+  const o = _l(e.headerViewportRef), a = _l(e.bodyViewportRef), l = (I) => {
     e.editingCellValueRef.value = I;
   }, c = w(() => ({
     gridContentStyle: m(e.gridContentStyle),
@@ -866,8 +866,8 @@ function zr(e) {
     }
   };
 }
-const _l = 140, mn = 108, ll = "__datagrid_row_selection__";
-function Hr(e) {
+const Hl = 140, mn = 108, ll = "__datagrid_row_selection__";
+function _r(e) {
   const o = w(() => (e.showRowSelection?.value ?? !0) && e.runtime.api.rowSelection.hasSupport()), a = w(() => o.value ? {
     key: ll,
     state: {
@@ -917,8 +917,8 @@ function Hr(e) {
   } : null), l = (v) => v === ll, c = (v) => l(v.key), s = w(() => {
     const v = a.value, I = e.visibleColumns.value.filter((x) => x.pin === "left"), F = e.visibleColumns.value.filter((x) => x.pin !== "left" && x.pin !== "right"), C = e.visibleColumns.value.filter((x) => x.pin === "right");
     return v ? [v, ...I, ...F, ...C] : [...I, ...F, ...C];
-  }), f = w(() => s.value.filter((v) => v.pin !== "left" && v.pin !== "right")), b = (v) => v.width ?? _l, R = (v) => {
-    const I = s.value.find((x) => x.key === v), C = `${I ? b(I) : _l}px`;
+  }), f = w(() => s.value.filter((v) => v.pin !== "left" && v.pin !== "right")), b = (v) => v.width ?? Hl, R = (v) => {
+    const I = s.value.find((x) => x.key === v), C = `${I ? b(I) : Hl}px`;
     return {
       width: C,
       minWidth: C,
@@ -955,7 +955,7 @@ function Hr(e) {
     rowSelectionColumn: a
   };
 }
-function _r(e) {
+function Hr(e) {
   const o = w(() => {
     const l = e.lastAppliedFill.value, c = e.selectionRange.value;
     return !l || !c || e.isFillDragging.value || l.allowBehaviorToggle === !1 || l.previewRange.startRow !== c.startRow || l.previewRange.endRow !== c.endRow || l.previewRange.startColumn !== c.startColumn || l.previewRange.endColumn !== c.endColumn ? null : {
@@ -1011,8 +1011,8 @@ function Vr(e) {
     }).displayValue;
   }, M = w(() => {
     const C = e.runtime.api.rows.getCount(), x = [];
-    for (let _ = 0; _ < C; _ += 1) {
-      const q = e.runtime.api.rows.get(_);
+    for (let H = 0; H < C; H += 1) {
+      const q = e.runtime.api.rows.get(H);
       !q || q.kind === "group" || q.rowId == null || x.push(q.rowId);
     }
     return x;
@@ -1050,13 +1050,13 @@ function Vr(e) {
         x.deselectRows(C);
       });
     },
-    selectRowRange: (C, x, _) => {
+    selectRowRange: (C, x, H) => {
       p(C);
       const q = e.orderedVisibleColumns.value.length - 1;
       if (q < 0)
         return;
       const me = e.viewportRowStart.value + x;
-      if (!_) {
+      if (!H) {
         e.applySelectionRange({
           startRow: me,
           endRow: me,
@@ -1169,14 +1169,14 @@ function Gr(e) {
         return s().some((x) => {
           if (!b(x, p, v))
             return !1;
-          const _ = e.viewportRowStart.value + p;
+          const H = e.viewportRowStart.value + p;
           switch (I) {
             case "top":
-              return _ === x.startRow;
+              return H === x.startRow;
             case "right":
               return v === x.endColumn;
             case "bottom":
-              return _ === x.endRow;
+              return H === x.endRow;
             case "left":
               return v === x.startColumn;
           }
@@ -1208,7 +1208,7 @@ function Wr(e) {
     totalBodyRows: s,
     placeholderRows: e.placeholderRows,
     cloneRowData: e.cloneRowData
-  }), b = w(() => Math.max(0, f.totalVisualRows.value)), R = w(() => c.value ? Kr : 0), M = Hr({
+  }), b = w(() => Math.max(0, f.totalVisualRows.value)), R = w(() => c.value ? Kr : 0), M = _r({
     runtime: e.runtime,
     visibleColumns: e.visibleColumns,
     showRowSelection: e.showRowSelection,
@@ -1222,7 +1222,7 @@ function Wr(e) {
     isCellEditable: F,
     isCellEditableByKey: C,
     rowSelectionColumn: x
-  } = M, _ = Ao({
+  } = M, H = Ao({
     totalRows: () => b.value,
     resolveBaseRowHeight: () => e.normalizedBaseRowHeight.value,
     resolveRowHeightOverride: (h) => e.runtime.api.view.getRowHeightOverride(h),
@@ -1234,12 +1234,12 @@ function Wr(e) {
     const O = Math.max(0, Math.trunc(h));
     if (O <= 0)
       return 0;
-    const k = _.resolveTotalHeight();
-    return O <= s.value ? _.resolveRowOffset(O) : k + (O - s.value) * e.normalizedBaseRowHeight.value;
+    const k = H.resolveTotalHeight();
+    return O <= s.value ? H.resolveRowOffset(O) : k + (O - s.value) * e.normalizedBaseRowHeight.value;
   }, me = w(() => {
     if (e.layoutMode.value !== "auto-height")
       return null;
-    let h = _.resolveTotalHeight();
+    let h = H.resolveTotalHeight();
     return e.minRows.value !== null && (h = Math.max(h, q(e.minRows.value))), e.maxRows.value !== null && (h = Math.min(h, q(e.maxRows.value))), Math.max(0, Math.trunc(h));
   }), Ie = w(() => e.layoutMode.value !== "auto-height" ? {} : {
     height: "auto"
@@ -1290,10 +1290,10 @@ function Wr(e) {
     rowOverscan: w(() => e.virtualization.value.rowOverscan),
     columnOverscan: w(() => e.virtualization.value.columnOverscan),
     measureVisibleRowHeights: () => it(),
-    resolveRowHeight: _.resolveRowHeight,
-    resolveRowOffset: _.resolveRowOffset,
-    resolveRowIndexAtOffset: _.resolveRowIndexAtOffset,
-    resolveTotalRowHeight: _.resolveTotalHeight
+    resolveRowHeight: H.resolveRowHeight,
+    resolveRowOffset: H.resolveRowOffset,
+    resolveRowIndexAtOffset: H.resolveRowIndexAtOffset,
+    resolveTotalRowHeight: H.resolveTotalHeight
   }), Fn = (h) => xn(h), le = f.visualRuntime, L = le.resolveBodyRowIndexById, {
     rowStyle: Ge,
     isRowAutosizeProbe: Ke,
@@ -1373,16 +1373,16 @@ function Wr(e) {
     history: e.history
   }), {
     captureHistorySnapshot: Me,
-    captureHistorySnapshotForRowIds: He,
+    captureHistorySnapshotForRowIds: _e,
     recordHistoryIntentTransaction: Ce,
     canUndoHistory: Et,
     canRedoHistory: Tt,
     runHistoryAction: zt
   } = Dt, {
-    rowIndexLabel: Hn,
-    readCell: _n,
-    readDisplayCell: Ht,
-    rowClass: _t,
+    rowIndexLabel: _n,
+    readCell: Hn,
+    readDisplayCell: _t,
+    rowClass: Ht,
     toggleGroupRow: Pt
   } = Do({
     mode: e.mode,
@@ -1398,11 +1398,11 @@ function Wr(e) {
     isCellEditableByKey: C,
     readRowSelectionCell: Dn,
     readRowSelectionDisplayCell: En,
-    readCell: _n,
-    readDisplayCell: Ht,
+    readCell: Hn,
+    readDisplayCell: _t,
     toggleRowCheckboxSelected: Tn,
     captureHistorySnapshot: Me,
-    captureHistorySnapshotForRowIds: He,
+    captureHistorySnapshotForRowIds: _e,
     recordHistoryIntentTransaction: Ce,
     syncViewport: () => ie()
   }), {
@@ -1423,7 +1423,7 @@ function Wr(e) {
     applySelectionRange: xe,
     clearCellSelection: dt,
     captureRowsSnapshot: Me,
-    captureRowsSnapshotForRowIds: He,
+    captureRowsSnapshotForRowIds: _e,
     recordEditTransaction: (h) => {
       Ce({
         intent: "edit",
@@ -1447,7 +1447,7 @@ function Wr(e) {
     copySelectedCells: Bt,
     pasteSelectedCells: jt,
     cutSelectedCells: Ae,
-    isCellInPendingClipboardRange: _e,
+    isCellInPendingClipboardRange: He,
     isCellOnPendingClipboardEdge: Pn
   } = te, {
     ensureKeyboardActiveCellVisible: Gt,
@@ -1457,8 +1457,8 @@ function Wr(e) {
     visibleColumns: A,
     resolveColumnWidth: p,
     normalizedBaseRowHeight: e.normalizedBaseRowHeight,
-    resolveRowHeight: _.resolveRowHeight,
-    resolveRowOffset: _.resolveRowOffset,
+    resolveRowHeight: H.resolveRowHeight,
+    resolveRowOffset: H.resolveRowOffset,
     indexColumnWidth: R.value,
     defaultColumnWidth: ol,
     syncViewport: () => ie()
@@ -1490,7 +1490,7 @@ function Wr(e) {
     },
     isCellEditable: de,
     captureRowsSnapshot: Me,
-    captureRowsSnapshotForRowIds: He,
+    captureRowsSnapshotForRowIds: _e,
     recordEditTransaction: (h) => {
       Ce({
         intent: "edit",
@@ -1566,8 +1566,8 @@ function Wr(e) {
     bodyViewportRef: E,
     indexColumnWidth: R.value,
     resolveColumnWidth: p,
-    resolveRowHeight: _.resolveRowHeight,
-    resolveRowIndexAtOffset: _.resolveRowIndexAtOffset,
+    resolveRowHeight: H.resolveRowHeight,
+    resolveRowIndexAtOffset: H.resolveRowIndexAtOffset,
     normalizeRowId: kn,
     normalizeCellCoord: xt,
     resolveSelectionRange: $e,
@@ -1581,7 +1581,7 @@ function Wr(e) {
     resolveRowIndexById: L,
     ensureEditableRowAtIndex: (h) => f.ensureMaterializedRowAt(h, "toggle"),
     captureRowsSnapshot: Me,
-    captureRowsSnapshotForRowIds: He,
+    captureRowsSnapshotForRowIds: _e,
     recordIntentTransaction: (h, O) => {
       Ce(h, O);
     },
@@ -1609,7 +1609,7 @@ function Wr(e) {
     closeContextMenu: e.closeContextMenu,
     openContextMenuFromCurrentCell: e.openContextMenuFromCurrentCell,
     runRowIndexKeyboardAction: e.runRowIndexKeyboardAction
-  }, Oe = Ho(fe), {
+  }, Oe = _o(fe), {
     isPointerSelectingCells: Ze,
     isFillDragging: Qe,
     fillPreviewRange: Nt,
@@ -1646,7 +1646,7 @@ function Wr(e) {
     applyColumnResizeFromPointer: Yn,
     stopColumnResize: et,
     dispose: tt
-  } = _o({
+  } = Ho({
     visibleColumns: A,
     rows: e.rows,
     persistColumnWidth: (h, O) => {
@@ -1683,7 +1683,7 @@ function Wr(e) {
     isCommittedCellSelected: ce,
     shouldHighlightCommittedSelectedCell: Ft,
     isCommittedCellOnSelectionEdge: Ot
-  }), { selectionRange: nn, selectionRanges: Xn } = Re, Jn = _r({
+  }), { selectionRange: nn, selectionRanges: Xn } = Re, Jn = Hr({
     lastAppliedFill: Wt,
     selectionRange: nn,
     isFillDragging: Qe
@@ -1778,7 +1778,7 @@ function Wr(e) {
     handleHeaderScroll: T.scrollSync.handleHeaderScroll,
     handleViewportScroll: pt,
     handleViewportKeydown: T.viewportKeyboard.handleViewportKeydown,
-    rowClass: _t,
+    rowClass: Ht,
     isRowAutosizeProbe: Ke,
     rowStyle: Ge,
     isRowInPendingClipboardCut: e.isRowInPendingClipboardCut,
@@ -1792,7 +1792,7 @@ function Wr(e) {
     reorderRowsByIndex: e.reorderRowsByIndex,
     handleToggleAllVisibleRows: T.rowSelection.toggleVisibleRowsSelected,
     toggleGroupRow: Pt,
-    rowIndexLabel: Hn,
+    rowIndexLabel: _n,
     startResize: tn,
     handleResizeDoubleClick: yt,
     startRowResize: On,
@@ -1802,7 +1802,7 @@ function Wr(e) {
     shouldHighlightSelectedCell: T.visualSelection.shouldHighlightSelectedCell,
     isCellOnSelectionEdge: T.visualSelection.isCellOnSelectionEdge,
     isCellInFillPreview: Wn,
-    isCellInPendingClipboardRange: _e,
+    isCellInPendingClipboardRange: He,
     isCellOnPendingClipboardEdge: Pn,
     isEditingCell: Ye,
     isCellEditable: (h, O, k, N) => We(
@@ -1878,7 +1878,7 @@ function Wr(e) {
     cutSelectedCells: Ae,
     clearSelectedCells: qn,
     captureHistorySnapshot: Me,
-    captureHistorySnapshotForRowIds: He,
+    captureHistorySnapshotForRowIds: _e,
     recordHistoryIntentTransaction: Ce,
     revealCellInComfortZone: Vn
   };
@@ -1973,7 +1973,7 @@ function Pl(e) {
     join: f === 0 ? ul("and") : s.join
   }));
 }
-const Yr = vn(() => import("./DataGridAdvancedFilterPopover-CXT1rG40.js")), Xr = vn(() => import("./DataGridAggregationsPopover-BRVx8c_y.js")), Jr = vn(() => import("./DataGridFindReplacePopover-Dou8Fsm3.js")), Vl = vn(() => import("./DataGridGanttStageEntry-Dt0DXiFp.js"));
+const Yr = vn(() => import("./DataGridAdvancedFilterPopover-CXT1rG40.js")), Xr = vn(() => import("./DataGridAggregationsPopover-BRVx8c_y.js")), Jr = vn(() => import("./DataGridFindReplacePopover-Dou8Fsm3.js")), Vl = vn(() => import("./DataGridGanttStageEntry-C4qhNhnp.js"));
 function Zr(e) {
   return {
     ...e,
@@ -2505,7 +2505,7 @@ const da = {
       key: t.key,
       label: t.column.label ?? t.key,
       allowedOps: ca(t.column.dataType)
-    }))), _ = ee(e.rowHeightMode), q = w(() => Qr(e.baseRowHeight)), me = w(() => v.value[0]?.key ?? "name"), Ie = w(() => {
+    }))), H = ee(e.rowHeightMode), q = w(() => Qr(e.baseRowHeight)), me = w(() => v.value[0]?.key ?? "name"), Ie = w(() => {
       const t = /* @__PURE__ */ new Map();
       for (const n of I.value)
         t.set(n.key, n.column.label ?? n.key);
@@ -2589,7 +2589,7 @@ const da = {
     ), Y(
       () => e.rowHeightMode,
       (t) => {
-        _.value = t;
+        H.value = t;
       }
     );
     const It = (t) => {
@@ -2679,8 +2679,8 @@ const da = {
         caseSensitive: !1
       } : delete r.columnFilters[t], s.value = r, ce();
     }, Me = () => {
-      e.runtime.api.view.setRowHeightMode(_.value), e.runtime.api.view.setBaseRowHeight(q.value);
-    }, He = () => {
+      e.runtime.api.view.setRowHeightMode(H.value), e.runtime.api.view.setBaseRowHeight(q.value);
+    }, _e = () => {
       L.value = Rt(Ke.value), le.value = !0;
     }, Ce = () => {
       L.value = Rt(Ke.value), le.value = !1;
@@ -2720,7 +2720,7 @@ const da = {
           g
         ]
       };
-    }, Hn = (t, n) => {
+    }, _n = (t, n) => {
       const r = x.value.find((u) => u.key === t);
       if (!r || !r.allowedOps.includes(n))
         return;
@@ -2732,10 +2732,10 @@ const da = {
         basis: Le.value,
         columns: i
       };
-    }, _n = () => {
+    }, Hn = () => {
       const t = L.value && L.value.columns.length > 0 ? L.value : null;
       e.runtime.api.rows.setAggregationModel(t), L.value = Rt(t), le.value = !1;
-    }, Ht = (t) => c.value.find((n) => n.key === t)?.direction ?? null, _t = (t, n) => {
+    }, _t = (t) => c.value.find((n) => n.key === t)?.direction ?? null, Ht = (t, n) => {
       const r = v.value.find((i) => i.key === t);
       !r || r.column.capabilities?.sortable === !1 || (c.value = n === null ? c.value.filter((i) => i.key !== t) : [{ key: t, direction: n }], ce());
     }, Pt = (t, n) => {
@@ -2811,7 +2811,7 @@ const da = {
         return null;
       const r = Math.trunc(n);
       return t[r] ?? null;
-    }, _e = (t) => typeof t == "string" || typeof t == "number" ? t : null, Pn = () => {
+    }, He = (t) => typeof t == "string" || typeof t == "number" ? t : null, Pn = () => {
       const t = e.selectionSnapshot.value, n = v.value.map((u) => u.key);
       if (!t || n.length === 0)
         return null;
@@ -2825,16 +2825,16 @@ const da = {
           endRow: u.endRow,
           startColumnKey: g,
           endColumnKey: d,
-          startRowId: _e(u.startRowId),
-          endRowId: _e(u.endRowId),
+          startRowId: He(u.startRowId),
+          endRowId: He(u.endRowId),
           anchor: {
             rowIndex: u.anchor?.rowIndex ?? u.startRow,
-            rowId: _e(u.anchor?.rowId),
+            rowId: He(u.anchor?.rowId),
             columnKey: y
           },
           focus: {
             rowIndex: u.focus?.rowIndex ?? u.endRow,
-            rowId: _e(u.focus?.rowId),
+            rowId: He(u.focus?.rowId),
             columnKey: S
           }
         };
@@ -2847,7 +2847,7 @@ const da = {
         activeRangeIndex: Math.max(0, Math.trunc(t.activeRangeIndex ?? 0)),
         activeCell: t.activeCell && i ? {
           rowIndex: t.activeCell.rowIndex,
-          rowId: _e(t.activeCell.rowId),
+          rowId: He(t.activeCell.rowId),
           columnKey: i
         } : null
       };
@@ -2857,8 +2857,8 @@ const da = {
         return null;
       const r = [];
       for (const d of t.ranges) {
-        const y = n.indexOf(d.startColumnKey), S = n.indexOf(d.endColumnKey), H = n.indexOf(d.anchor.columnKey), D = n.indexOf(d.focus.columnKey);
-        y < 0 || S < 0 || H < 0 || D < 0 || r.push({
+        const y = n.indexOf(d.startColumnKey), S = n.indexOf(d.endColumnKey), _ = n.indexOf(d.anchor.columnKey), D = n.indexOf(d.focus.columnKey);
+        y < 0 || S < 0 || _ < 0 || D < 0 || r.push({
           startRow: d.startRow,
           endRow: d.endRow,
           startCol: y,
@@ -2867,7 +2867,7 @@ const da = {
           endRowId: d.endRowId,
           anchor: {
             rowIndex: d.anchor.rowIndex,
-            colIndex: H,
+            colIndex: _,
             rowId: d.anchor.rowId
           },
           focus: {
@@ -3151,10 +3151,10 @@ const da = {
         return i;
       const u = ft(), g = v.value.length - 1;
       if (u && g >= 0) {
-        const d = Math.min(u.startColumn, u.endColumn), y = Math.max(u.startColumn, u.endColumn), S = Math.min(u.startRow, u.endRow), H = Math.max(u.startRow, u.endRow), D = t.length > 0 ? e.runtime.resolveBodyRowIndexById(t) : -1;
-        if (d === 0 && y === g && (D < 0 || D >= S && D <= H)) {
+        const d = Math.min(u.startColumn, u.endColumn), y = Math.max(u.startColumn, u.endColumn), S = Math.min(u.startRow, u.endRow), _ = Math.max(u.startRow, u.endRow), D = t.length > 0 ? e.runtime.resolveBodyRowIndexById(t) : -1;
+        if (d === 0 && y === g && (D < 0 || D >= S && D <= _)) {
           const K = [];
-          for (let W = S; W <= H; W += 1) {
+          for (let W = S; W <= _; W += 1) {
             const se = e.runtime.getBodyRowAtIndex(W);
             if (!se || se.kind === "group" || se.rowId == null)
               continue;
@@ -3238,11 +3238,11 @@ const da = {
       }).findIndex((K) => fe(K) === r);
       if (S < 0)
         return !1;
-      const H = T(), D = bt(
+      const _ = T(), D = bt(
         u,
         t.placement === "after" ? S + 1 : S
       );
-      return D && (Gn(u), Z(H, u.length > 1 ? `Move ${u.length} rows` : "Move row")), D;
+      return D && (Gn(u), Z(_, u.length > 1 ? `Move ${u.length} rows` : "Move row")), D;
     }, Wn = (t) => {
       const n = String(t.sourceColumnKey), r = String(t.targetColumnKey);
       if (!n || !r || n === r)
@@ -3253,15 +3253,15 @@ const da = {
       const d = i.map((U) => U.key), y = d.indexOf(n), S = d.indexOf(r);
       if (y < 0 || S < 0)
         return !1;
-      const H = d[y];
-      if (!H)
+      const _ = d[y];
+      if (!_)
         return !1;
       d.splice(y, 1);
       const D = d.indexOf(r);
       if (D < 0)
         return !1;
       const K = t.placement === "after" ? D + 1 : D;
-      d.splice(K, 0, H);
+      d.splice(K, 0, _);
       const W = Pn(), se = g.pin ?? "none";
       return (u.pin ?? "none") !== se && e.runtime.api.columns.setPin(n, se), e.runtime.api.columns.setOrder(d), Vn(W), !0;
     }, Un = () => te.value ? (te.value = null, !0) : !1, qn = (t) => {
@@ -3307,7 +3307,7 @@ const da = {
       totalRuntimeRows: p,
       visibleColumns: v,
       rowRenderMode: w(() => e.renderMode),
-      rowHeightMode: _,
+      rowHeightMode: H,
       normalizedBaseRowHeight: q,
       selectionSnapshot: e.selectionSnapshot,
       selectionAnchor: e.selectionAnchor,
@@ -3340,10 +3340,10 @@ const da = {
       isColumnFilterActive: It,
       isColumnGrouped: dt,
       resolveColumnGroupOrder: ct,
-      resolveColumnMenuSortDirection: Ht,
+      resolveColumnMenuSortDirection: _t,
       resolveColumnMenuSelectedTokens: Te,
       resolveColumnMenuValueEntries: kn,
-      applyColumnMenuSort: _t,
+      applyColumnMenuSort: Ht,
       applyColumnMenuPin: Pt,
       applyColumnMenuGroupBy: mt,
       applyColumnMenuFilter: Ne,
@@ -3608,10 +3608,10 @@ const da = {
           const d = T(), y = te.value?.operation === "cut" ? te.value.sourceRowIds : [];
           if (!Ln(i + 1))
             return !1;
-          const H = Math.max(0, i + 1), D = Oe(
+          const _ = Math.max(0, i + 1), D = Oe(
             y[0] ?? r
-          ) ?? Oe(r), K = y.length > 0 ? bt(y, H) : e.runtime.api.rows.insertDataAt(
-            H,
+          ) ?? Oe(r), K = y.length > 0 ? bt(y, _) : e.runtime.api.rows.insertDataAt(
+            _,
             g.map((W) => Ut(W, D))
           );
           return K && te.value?.operation === "cut" && (te.value = null), K && Z(
@@ -3648,14 +3648,14 @@ const da = {
           return !1;
         const d = T(), y = te.value?.operation === "cut" ? te.value.sourceRowIds : [], S = Oe(
           y[0] ?? r
-        ) ?? Oe(r), H = y.length > 0 ? $n(y, r) : e.runtime.api.rows.insertDataAfter(
+        ) ?? Oe(r), _ = y.length > 0 ? $n(y, r) : e.runtime.api.rows.insertDataAfter(
           n,
           g.map((D) => Ut(D, S))
         );
-        return H && te.value?.operation === "cut" && (te.value = null), H && Z(
+        return _ && te.value?.operation === "cut" && (te.value = null), _ && Z(
           d,
           y.length > 0 ? y.length > 1 ? `Move ${y.length} rows` : "Move row" : g.length > 1 ? `Paste ${g.length} rows` : "Paste row"
-        ), H;
+        ), _;
       }
       return !1;
     };
@@ -3750,29 +3750,29 @@ const da = {
         if (!e.cellMenu.enabled || !n)
           return [];
         const r = fn(e.cellMenu, n), i = new Set(Ir(e.cellMenu, n)), u = Mr(e.cellMenu, n), g = xr(e.cellMenu, n), d = Ar(e.cellMenu, n), y = Fr(e.cellMenu, n), S = [];
-        for (const H of r) {
-          const K = (da[H] ?? []).flatMap((W) => {
-            const se = no(H, W, i, u, d);
+        for (const _ of r) {
+          const K = (da[_] ?? []).flatMap((W) => {
+            const se = no(_, W, i, u, d);
             return se ? [se] : [];
           });
           if (K.length !== 0) {
-            if (H === "pasteSpecial") {
-              const W = i.has(H) || K.every((se) => se.disabled);
+            if (_ === "pasteSpecial") {
+              const W = i.has(_) || K.every((se) => se.disabled);
               S.push({
-                itemKey: H,
+                itemKey: _,
                 entries: [{
                   kind: "submenu",
                   id: "paste-special-submenu",
                   label: g.pasteSpecial ?? "Paste special",
                   disabled: W,
-                  title: u[H] ?? (K.length === 1 ? K[0]?.title : void 0),
+                  title: u[_] ?? (K.length === 1 ? K[0]?.title : void 0),
                   entries: K
                 }]
               });
               continue;
             }
             S.push({
-              itemKey: H,
+              itemKey: _,
               entries: K
             });
           }
@@ -3788,7 +3788,7 @@ const da = {
           return [];
         const n = Xe(oe.value.rowId ?? ""), r = Or(e.rowIndexMenu), i = new Set(kr(e.rowIndexMenu)), u = Dr(e.rowIndexMenu), g = Er(e.rowIndexMenu), d = [];
         for (const y of r) {
-          const H = (ma[y] ?? []).flatMap((D) => {
+          const _ = (ma[y] ?? []).flatMap((D) => {
             const W = g[D === "insert-row-above" ? "insertAbove" : D === "insert-row-below" ? "insertBelow" : D === "copy-row" ? "copy" : D === "paste-row" ? "paste" : D === "delete-selected-rows" ? "deleteSelected" : "cut"];
             if (W?.hidden)
               return [];
@@ -3804,7 +3804,7 @@ const da = {
               actionId: D
             }];
           });
-          H.length > 0 && d.push(H);
+          _.length > 0 && d.push(_);
         }
         return d;
       }
@@ -3837,9 +3837,15 @@ const da = {
       if (i.kind === "submenu") {
         const u = Cl(i.id), g = u ? V("div", {
           class: "datagrid-context-menu__submenu-panel",
-          role: "group"
+          role: "menu",
+          "data-datagrid-menu-parent-action": i.id
         }, Il(i.entries, [...n, i.id], r + 1)) : null;
-        return [
+        return [V("div", {
+          class: [
+            "datagrid-context-menu__submenu",
+            u ? "datagrid-context-menu__submenu--open" : null
+          ]
+        }, [
           V("button", {
             type: "button",
             class: [
@@ -3849,6 +3855,8 @@ const da = {
             "data-datagrid-menu-action": i.id,
             "data-datagrid-menu-depth": String(r),
             "data-datagrid-menu-open": u ? "true" : void 0,
+            "aria-haspopup": "menu",
+            "aria-expanded": u ? "true" : "false",
             disabled: i.disabled,
             title: i.title,
             onClick: () => {
@@ -3859,10 +3867,10 @@ const da = {
             V("span", {
               class: "datagrid-context-menu__submenu-arrow",
               "aria-hidden": "true"
-            }, u ? "v" : ">")
+            }, ">")
           ]),
           ...g ? [g] : []
-        ];
+        ])];
       }
       return [V("button", {
         type: "button",
@@ -3927,9 +3935,9 @@ const da = {
         isColumnFilterActive: It,
         isColumnGrouped: dt,
         resolveColumnGroupOrder: ct,
-        resolveColumnMenuSortDirection: Ht,
+        resolveColumnMenuSortDirection: _t,
         resolveColumnMenuSelectedTokens: Te,
-        applyColumnMenuSort: _t,
+        applyColumnMenuSort: Ht,
         applyColumnMenuPin: Pt,
         applyColumnMenuGroupBy: mt,
         applyColumnMenuFilter: Ne,
@@ -4034,12 +4042,12 @@ const da = {
           active: Ge.value && (le.value || !!Ke.value?.columns.length),
           disabled: !Ge.value,
           disabledReason: Ge.value ? "" : "Aggregations require an active group-by model.",
-          onOpen: He,
+          onOpen: _e,
           onUpdateBasis: Tt,
           onToggleColumn: zt,
-          onUpdateOp: Hn,
+          onUpdateOp: _n,
           onClear: Et,
-          onApply: _n,
+          onApply: Hn,
           onCancel: Ce
         }
       }), [...t, ...e.toolbarModules].map(Zr);
@@ -4344,8 +4352,8 @@ export {
   Tr as e,
   Wr as f,
   za as g,
-  Ha as h,
-  _a as i,
+  _a as h,
+  Ha as i,
   Ba as j,
   Va as k,
   Ga as r,