@affino/datagrid-vue-app 0.1.4 → 0.1.6

package/dist/chunks/{useDataGridAppRowModel-CrcgRzkI.js → useDataGridAppRowModel-ut9FcmL0.js}

@@ -1,8 +1,8 @@
-import { defineComponent as Fn, h as k, computed as m, unref as c, ref as W, nextTick as Dn, onBeforeUnmount as En, watch as K, defineAsyncComponent as yt, shallowRef as _n } from "vue";
-import { resolveDataGridCellClickAction as Gn, toggleDataGridCellValue as Pn, buildDataGridCellRenderModel as Ln, useDataGridContextMenu as Wn, cloneDataGridFilterSnapshot as Kn, createClientRowModel as un } from "@affino/datagrid-vue";
-import { useDataGridAppIntentHistory as Nn, createDataGridAppRowHeightMetrics as $n, useDataGridAppViewport as Un, useDataGridAppRowSizing as qn, useDataGridAppCellSelection as Xn, useDataGridAppRowPresentation as Yn, useDataGridAppClipboard as Jn, useDataGridAppActiveCellViewport as Zn, useDataGridAppInlineEditing as Qn, useDataGridAppInteractionController as el, useDataGridAppHeaderResize as tl, useDataGridAppRuntimeSync as nl, useDataGridAppViewportLifecycle as ll, useDataGridAppColumnLayoutPanel as ol, useDataGridAppAdvancedFilterBuilder as rl } from "@affino/datagrid-vue/app";
+import { defineComponent as Fn, h as k, computed as w, unref as c, ref as P, nextTick as Dn, onBeforeUnmount as En, watch as L, defineAsyncComponent as gt, shallowRef as _n } from "vue";
+import { resolveDataGridCellClickAction as Gn, toggleDataGridCellValue as Pn, buildDataGridCellRenderModel as Ln, useDataGridContextMenu as Wn, cloneDataGridFilterSnapshot as Nn, createClientRowModel as un } from "@affino/datagrid-vue";
+import { useDataGridAppIntentHistory as Kn, createDataGridAppRowHeightMetrics as $n, useDataGridAppViewport as Un, useDataGridAppRowSizing as qn, useDataGridAppCellSelection as Xn, useDataGridAppRowPresentation as Yn, useDataGridAppClipboard as Jn, useDataGridAppActiveCellViewport as Zn, useDataGridAppInlineEditing as Qn, useDataGridAppInteractionController as el, useDataGridAppHeaderResize as tl, useDataGridAppRuntimeSync as nl, useDataGridAppViewportLifecycle as ll, useDataGridAppColumnLayoutPanel as ol, useDataGridAppAdvancedFilterBuilder as rl } from "@affino/datagrid-vue/app";
 import { useDataGridViewportContextMenuRouter as il, useDataGridContextMenuAnchor as al, useDataGridContextMenuActionRouter as sl } from "@affino/datagrid-vue/advanced";
-import { c as ul, _ as cl } from "./DataGridTableStage.vue_vue_type_script_setup_true_lang-BKBL5xs3.js";
+import { c as ul, _ as cl } from "./DataGridTableStage.vue_vue_type_script_setup_true_lang-DUqp_TKD.js";
 const dl = Fn({
   name: "DataGridModuleHost",
   props: {
@@ -19,7 +19,7 @@ const dl = Fn({
       })))
     ]);
   }
-}), Z = ["sort", "group", "pin", "filter"], kn = [
+}), J = ["sort", "group", "pin", "filter"], kn = [
   "sortAsc",
   "sortDesc",
   "clearSort",
@@ -35,16 +35,16 @@ const dl = Fn({
   "applyFilter",
   "cancelFilter"
 ], cn = 120;
-function hn(e) {
-  const o = new Set(Z), r = Array.isArray(e) ? e : Z, l = [];
+function bn(e) {
+  const o = new Set(J), r = Array.isArray(e) ? e : J, l = [];
   for (const s of r)
     !o.has(s) || l.includes(s) || l.push(s);
-  return l.length > 0 ? l : [...Z];
+  return l.length > 0 ? l : [...J];
 }
 function fn(e) {
   if (!Array.isArray(e))
     return [];
-  const o = new Set(Z), r = [];
+  const o = new Set(J), r = [];
   for (const l of e)
     !o.has(l) || r.includes(l) || r.push(l);
   return r;
@@ -52,26 +52,26 @@ function fn(e) {
 function Hn(e) {
   if (!e)
     return Object.freeze({});
-  const o = Object.entries(e).filter(([r, l]) => Z.includes(r) && typeof l == "string").map(([r, l]) => [r, l.trim()]).filter(([, r]) => r.length > 0);
+  const o = Object.entries(e).filter(([r, l]) => J.includes(r) && typeof l == "string").map(([r, l]) => [r, l.trim()]).filter(([, r]) => r.length > 0);
   return Object.freeze(Object.fromEntries(o));
 }
 function Vn(e) {
   if (!e)
     return Object.freeze({});
-  const o = Object.entries(e).filter(([r, l]) => Z.includes(r) && typeof l == "string").map(([r, l]) => [r, l.trim()]).filter(([, r]) => r.length > 0);
+  const o = Object.entries(e).filter(([r, l]) => J.includes(r) && typeof l == "string").map(([r, l]) => [r, l.trim()]).filter(([, r]) => r.length > 0);
   return Object.freeze(Object.fromEntries(o));
 }
 function zn(e) {
   if (!e)
     return Object.freeze({});
   const o = Object.entries(e).filter(([r, l]) => kn.includes(r) && !!l).map(([r, l]) => {
-    const s = l, i = {
+    const s = l, a = {
       ...s.hidden === !0 ? { hidden: !0 } : {},
       ...s.disabled === !0 ? { disabled: !0 } : {},
       ...typeof s.disabledReason == "string" && s.disabledReason.trim().length > 0 ? { disabledReason: s.disabledReason.trim() } : {},
       ...typeof s.label == "string" && s.label.trim().length > 0 ? { label: s.label.trim() } : {}
     };
-    return [r, Object.freeze(i)];
+    return [r, Object.freeze(a)];
   }).filter(([, r]) => Object.keys(r).length > 0);
   return Object.freeze(Object.fromEntries(o));
 }
@@ -79,26 +79,26 @@ function ml(e) {
   if (!e)
     return {};
   const o = Object.entries(e).filter(([r]) => r.trim().length > 0).map(([r, l]) => {
-    const s = l?.items ? hn(l.items) : void 0, i = fn(l?.hide), w = fn(l?.disabled), C = Vn(l?.disabledReasons), b = Hn(l?.labels), A = zn(l?.actions);
+    const s = l?.items ? bn(l.items) : void 0, a = fn(l?.hide), f = fn(l?.disabled), C = Vn(l?.disabledReasons), y = Hn(l?.labels), A = zn(l?.actions);
     return [
       r,
       {
         ...s ? { items: s } : {},
-        ...i.length > 0 ? { hide: i } : {},
-        ...w.length > 0 ? { disabled: w } : {},
+        ...a.length > 0 ? { hide: a } : {},
+        ...f.length > 0 ? { disabled: f } : {},
         ...Object.keys(C).length > 0 ? { disabledReasons: C } : {},
-        ...Object.keys(b).length > 0 ? { labels: b } : {},
+        ...Object.keys(y).length > 0 ? { labels: y } : {},
         ...Object.keys(A).length > 0 ? { actions: A } : {}
       }
     ];
   });
   return Object.fromEntries(o);
 }
-function ho(e) {
+function bo(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     maxFilterValues: cn,
-    items: [...Z],
+    items: [...J],
     disabled: [],
     disabledReasons: Object.freeze({}),
     labels: Object.freeze({}),
@@ -107,7 +107,7 @@ function ho(e) {
   } : e ? {
     enabled: e.enabled ?? !0,
     maxFilterValues: Number.isFinite(e.maxFilterValues) ? Math.max(20, Math.trunc(e.maxFilterValues)) : cn,
-    items: hn(e.items),
+    items: bn(e.items),
     disabled: fn(e.disabled),
     disabledReasons: Vn(e.disabledReasons),
     labels: Hn(e.labels),
@@ -116,7 +116,7 @@ function ho(e) {
   } : {
     enabled: !1,
     maxFilterValues: cn,
-    items: [...Z],
+    items: [...J],
     disabled: [],
     disabledReasons: Object.freeze({}),
     labels: Object.freeze({}),
@@ -125,12 +125,12 @@ function ho(e) {
   };
 }
 function Tn(e, o) {
-  const r = e.columns[o], l = r?.items ? hn(r.items) : e.items, s = new Set(r?.hide ?? []), i = l.filter((w) => !s.has(w));
-  return i.length > 0 ? i : [];
+  const r = e.columns[o], l = r?.items ? bn(r.items) : e.items, s = new Set(r?.hide ?? []), a = l.filter((f) => !s.has(f));
+  return a.length > 0 ? a : [];
 }
 function wl(e, o) {
   const r = Tn(e, o), l = new Set(e.columns[o]?.disabled ?? []), s = new Set(e.disabled);
-  return r.filter((i) => s.has(i) || l.has(i));
+  return r.filter((a) => s.has(a) || l.has(a));
 }
 function fl(e, o) {
   return Object.freeze({
@@ -138,23 +138,23 @@ function fl(e, o) {
     ...e.columns[o]?.labels ?? {}
   });
 }
-function Cl(e, o) {
+function gl(e, o) {
   return Object.freeze({
     ...e.disabledReasons,
     ...e.columns[o]?.disabledReasons ?? {}
   });
 }
-function gl(e, o) {
+function Cl(e, o) {
   const r = e.columns[o]?.actions ?? {}, l = kn.map((s) => {
-    const i = {
+    const a = {
       ...e.actions[s] ?? {},
       ...r[s] ?? {}
     };
-    return [s, Object.freeze(i)];
+    return [s, Object.freeze(a)];
   }).filter(([, s]) => Object.keys(s).length > 0);
   return Object.freeze(Object.fromEntries(l));
 }
-const _ = ["clipboard", "edit"], Rn = ["cut", "copy", "paste", "clear"], ve = ["insert", "clipboard", "selection"], jn = [
+const B = ["clipboard", "edit"], yn = ["cut", "copy", "paste", "clear"], Ce = ["insert", "clipboard", "selection"], jn = [
   "insertAbove",
   "insertBelow",
   "cut",
@@ -162,13 +162,13 @@ const _ = ["clipboard", "edit"], Rn = ["cut", "copy", "paste", "clear"], ve = ["
   "paste",
   "deleteSelected"
 ];
-function St(e, o) {
+function Ct(e, o) {
   const r = new Set(o), l = Array.isArray(e) ? e : o, s = [];
-  for (const i of l)
-    !r.has(i) || s.includes(i) || s.push(i);
+  for (const a of l)
+    !r.has(a) || s.includes(a) || s.push(a);
   return s.length > 0 ? s : [...o];
 }
-function Rt(e, o) {
+function ft(e, o) {
   if (!Array.isArray(e))
     return [];
   const r = new Set(o), l = [];
@@ -176,23 +176,23 @@ function Rt(e, o) {
     !r.has(s) || l.includes(s) || l.push(s);
   return l;
 }
-function be(e, o) {
+function ve(e, o) {
   if (!e)
     return Object.freeze({});
   const r = Object.entries(e).filter((l) => o.includes(l[0]) && typeof l[1] == "string").map(([l, s]) => [l, s.trim()]).filter(([, l]) => l.length > 0);
   return Object.freeze(Object.fromEntries(r));
 }
-function yn(e, o) {
+function Rn(e, o) {
   if (!e)
     return Object.freeze({});
   const r = Object.entries(e).filter(([l, s]) => o.includes(l) && !!s).map(([l, s]) => {
-    const i = s, w = {
-      ...i.hidden === !0 ? { hidden: !0 } : {},
-      ...i.disabled === !0 ? { disabled: !0 } : {},
-      ...typeof i.disabledReason == "string" && i.disabledReason.trim().length > 0 ? { disabledReason: i.disabledReason.trim() } : {},
-      ...typeof i.label == "string" && i.label.trim().length > 0 ? { label: i.label.trim() } : {}
+    const a = s, f = {
+      ...a.hidden === !0 ? { hidden: !0 } : {},
+      ...a.disabled === !0 ? { disabled: !0 } : {},
+      ...typeof a.disabledReason == "string" && a.disabledReason.trim().length > 0 ? { disabledReason: a.disabledReason.trim() } : {},
+      ...typeof a.label == "string" && a.label.trim().length > 0 ? { label: a.label.trim() } : {}
     };
-    return [l, Object.freeze(w)];
+    return [l, Object.freeze(f)];
   }).filter(([, l]) => Object.keys(l).length > 0);
   return Object.freeze(Object.fromEntries(r));
 }
@@ -200,25 +200,25 @@ function vl(e) {
   if (!e)
     return {};
   const o = Object.entries(e).filter(([r]) => r.trim().length > 0).map(([r, l]) => {
-    const s = l?.items ? St(l.items, _) : void 0, i = Rt(l?.hide, _), w = Rt(l?.disabled, _), C = be(l?.disabledReasons, _), b = be(l?.labels, _), A = yn(l?.actions, Rn);
+    const s = l?.items ? Ct(l.items, B) : void 0, a = ft(l?.hide, B), f = ft(l?.disabled, B), C = ve(l?.disabledReasons, B), y = ve(l?.labels, B), A = Rn(l?.actions, yn);
     return [
       r,
       {
         ...s ? { items: s } : {},
-        ...i.length > 0 ? { hide: i } : {},
-        ...w.length > 0 ? { disabled: w } : {},
+        ...a.length > 0 ? { hide: a } : {},
+        ...f.length > 0 ? { disabled: f } : {},
         ...Object.keys(C).length > 0 ? { disabledReasons: C } : {},
-        ...Object.keys(b).length > 0 ? { labels: b } : {},
+        ...Object.keys(y).length > 0 ? { labels: y } : {},
         ...Object.keys(A).length > 0 ? { actions: A } : {}
       }
     ];
   });
   return Object.freeze(Object.fromEntries(o));
 }
-function Ro(e) {
+function yo(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    items: [..._],
+    items: [...B],
     disabled: [],
     disabledReasons: Object.freeze({}),
     labels: Object.freeze({}),
@@ -226,15 +226,15 @@ function Ro(e) {
     columns: {}
   } : e ? {
     enabled: e.enabled ?? !0,
-    items: St(e.items, _),
-    disabled: Rt(e.disabled, _),
-    disabledReasons: be(e.disabledReasons, _),
-    labels: be(e.labels, _),
-    actions: yn(e.actions, Rn),
+    items: Ct(e.items, B),
+    disabled: ft(e.disabled, B),
+    disabledReasons: ve(e.disabledReasons, B),
+    labels: ve(e.labels, B),
+    actions: Rn(e.actions, yn),
     columns: vl(e.columns)
   } : {
     enabled: !1,
-    items: [..._],
+    items: [...B],
     disabled: [],
     disabledReasons: Object.freeze({}),
     labels: Object.freeze({}),
@@ -242,64 +242,64 @@ function Ro(e) {
     columns: {}
   };
 }
-function ht(e, o) {
-  const r = e.columns[o], l = r?.items ? St(r.items, _) : e.items, s = new Set(r?.hide ?? []), i = l.filter((w) => !s.has(w));
-  return i.length > 0 ? i : [];
-}
-function bl(e, o) {
-  const r = ht(e, o), l = new Set(e.columns[o]?.disabled ?? []), s = new Set(e.disabled);
-  return r.filter((i) => s.has(i) || l.has(i));
+function wt(e, o) {
+  const r = e.columns[o], l = r?.items ? Ct(r.items, B) : e.items, s = new Set(r?.hide ?? []), a = l.filter((f) => !s.has(f));
+  return a.length > 0 ? a : [];
 }
 function hl(e, o) {
+  const r = wt(e, o), l = new Set(e.columns[o]?.disabled ?? []), s = new Set(e.disabled);
+  return r.filter((a) => s.has(a) || l.has(a));
+}
+function bl(e, o) {
   return Object.freeze({
     ...e.disabledReasons,
     ...e.columns[o]?.disabledReasons ?? {}
   });
 }
-function Rl(e, o) {
-  const r = e.columns[o]?.actions ?? {}, l = Rn.map((s) => {
-    const i = {
+function yl(e, o) {
+  const r = e.columns[o]?.actions ?? {}, l = yn.map((s) => {
+    const a = {
       ...e.actions[s] ?? {},
       ...r[s] ?? {}
     };
-    return [s, Object.freeze(i)];
+    return [s, Object.freeze(a)];
   }).filter(([, s]) => Object.keys(s).length > 0);
   return Object.freeze(Object.fromEntries(l));
 }
-function yo(e) {
+function Ro(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    items: [...ve],
+    items: [...Ce],
     disabled: [],
     disabledReasons: Object.freeze({}),
     labels: Object.freeze({}),
     actions: Object.freeze({})
   } : e ? {
     enabled: e.enabled ?? !0,
-    items: St(e.items, ve),
-    disabled: Rt(e.disabled, ve),
-    disabledReasons: be(e.disabledReasons, ve),
-    labels: be(e.labels, ve),
-    actions: yn(e.actions, jn)
+    items: Ct(e.items, Ce),
+    disabled: ft(e.disabled, Ce),
+    disabledReasons: ve(e.disabledReasons, Ce),
+    labels: ve(e.labels, Ce),
+    actions: Rn(e.actions, jn)
   } : {
     enabled: !1,
-    items: [...ve],
+    items: [...Ce],
     disabled: [],
     disabledReasons: Object.freeze({}),
     labels: Object.freeze({}),
     actions: Object.freeze({})
   };
 }
-function yl(e) {
+function Rl(e) {
   return e.items;
 }
 function Sl(e) {
   return e.disabled;
 }
-function pl(e) {
+function Ml(e) {
   return e.disabledReasons;
 }
-function Ml(e) {
+function pl(e) {
   const o = jn.map((r) => [r, Object.freeze({ ...e.actions[r] ?? {} })]).filter(([, r]) => Object.keys(r).length > 0);
   return Object.freeze(Object.fromEntries(o));
 }
@@ -309,14 +309,16 @@ function Sn(e) {
   };
 }
 function Il(e) {
-  const o = Sn(e.headerViewportRef), r = Sn(e.bodyViewportRef), l = (f) => {
-    e.editingCellValueRef.value = f;
-  }, s = m(() => ({
+  const o = Sn(e.headerViewportRef), r = Sn(e.bodyViewportRef), l = (g) => {
+    e.editingCellValueRef.value = g;
+  }, s = w(() => ({
     gridContentStyle: c(e.gridContentStyle),
     mainTrackStyle: c(e.mainTrackStyle),
     indexColumnStyle: c(e.indexColumnStyle),
+    stageStyle: c(e.stageStyle),
+    bodyShellStyle: c(e.bodyShellStyle),
     columnStyle: c(e.columnStyle)
-  })), i = m(() => ({
+  })), a = w(() => ({
     topSpacerHeight: c(e.topSpacerHeight),
     bottomSpacerHeight: c(e.bottomSpacerHeight),
     viewportRowStart: c(e.viewportRowStart),
@@ -329,7 +331,7 @@ function Il(e) {
     handleHeaderScroll: c(e.handleHeaderScroll),
     handleViewportScroll: c(e.handleViewportScroll),
     handleViewportKeydown: c(e.handleViewportKeydown)
-  })), w = m(() => ({
+  })), f = w(() => ({
     visibleColumns: c(e.visibleColumns),
     renderedColumns: c(e.renderedColumns),
     columnFilterTextByKey: c(e.columnFilterTextByKey),
@@ -357,7 +359,7 @@ function Il(e) {
     clearColumnMenuFilter: c(e.clearColumnMenuFilter),
     startResize: c(e.startResize),
     handleResizeDoubleClick: c(e.handleResizeDoubleClick)
-  })), C = m(() => ({
+  })), C = w(() => ({
     displayRows: c(e.displayRows),
     pinnedBottomRows: c(e.pinnedBottomRows),
     sourceRows: c(e.sourceRows),
@@ -380,7 +382,7 @@ function Il(e) {
     rowIndexLabel: c(e.rowIndexLabel),
     startRowResize: c(e.startRowResize),
     autosizeRow: c(e.autosizeRow)
-  })), b = m(() => ({
+  })), y = w(() => ({
     selectionRange: c(e.selectionRange),
     selectionAnchorCell: c(e.selectionAnchorCell),
     fillPreviewRange: c(e.fillPreviewRange),
@@ -393,7 +395,7 @@ function Il(e) {
     isFillHandleCell: c(e.isFillHandleCell),
     startFillHandleDrag: c(e.startFillHandleDrag),
     startFillHandleDoubleClick: c(e.startFillHandleDoubleClick)
-  })), A = m(() => ({
+  })), A = w(() => ({
     editingCellValue: e.editingCellValueRef.value,
     editingCellInitialFilter: c(e.editingCellInitialFilter),
     editingCellOpenOnMount: c(e.editingCellOpenOnMount),
@@ -403,7 +405,7 @@ function Il(e) {
     handleEditorKeydown: c(e.handleEditorKeydown),
     commitInlineEdit: c(e.commitInlineEdit),
     cancelInlineEdit: c(e.cancelInlineEdit)
-  })), v = m(() => ({
+  })), b = w(() => ({
     cellClass: c(e.cellClass),
     cellStyle: c(e.cellStyle),
     isCellSelected: c(e.isCellSelected),
@@ -416,36 +418,38 @@ function Il(e) {
     isCellEditable: c(e.isCellEditable),
     readCell: c(e.readCell),
     readDisplayCell: c(e.readDisplayCell)
-  })), R = m(() => ({
+  })), R = w(() => ({
     handleCellMouseDown: c(e.handleCellMouseDown),
     handleCellClick: c(e.handleCellClick),
     handleCellKeydown: c(e.handleCellKeydown)
-  })), y = m(() => ({
+  })), S = w(() => ({
     mode: c(e.mode),
     rowHeightMode: c(e.rowHeightMode),
+    layoutMode: c(e.layoutMode),
     layout: s.value,
-    viewport: i.value,
-    columns: w.value,
+    viewport: a.value,
+    columns: f.value,
     rows: C.value,
-    selection: b.value,
+    selection: y.value,
     editing: A.value,
-    cells: v.value,
+    cells: b.value,
     interaction: R.value
-  })), g = ul({
-    mode: m(() => c(e.mode)),
-    rowHeightMode: m(() => c(e.rowHeightMode)),
+  })), h = ul({
+    mode: w(() => c(e.mode)),
+    rowHeightMode: w(() => c(e.rowHeightMode)),
+    layoutMode: w(() => c(e.layoutMode)),
     layout: s,
-    viewport: i,
-    columns: w,
+    viewport: a,
+    columns: f,
     rows: C,
-    selection: b,
+    selection: y,
     editing: A,
-    cells: v,
+    cells: b,
     interaction: R
   });
   return {
-    tableStageProps: y,
-    tableStageContext: g,
+    tableStageProps: S,
+    tableStageContext: h,
     captureHeaderViewportRef: o,
     captureBodyViewportRef: r,
     updateEditingCellValue: l
@@ -453,16 +457,16 @@ function Il(e) {
 }
 function xl(e) {
   return {
-    readStageCell: (s, i) => e.isRowSelectionColumnKey(i) ? e.readRowSelectionCell(s) : e.readCell(s, i),
-    readStageDisplayCell: (s, i) => e.isRowSelectionColumnKey(i) ? e.readRowSelectionDisplayCell(s) : e.readDisplayCell(s, i),
-    handleCellClick: (s, i, w, C) => {
-      if (e.isRowSelectionColumn(w)) {
+    readStageCell: (s, a) => e.isRowSelectionColumnKey(a) ? e.readRowSelectionCell(s) : e.readCell(s, a),
+    readStageDisplayCell: (s, a) => e.isRowSelectionColumnKey(a) ? e.readRowSelectionDisplayCell(s) : e.readDisplayCell(s, a),
+    handleCellClick: (s, a, f, C) => {
+      if (e.isRowSelectionColumn(f)) {
         e.toggleRowCheckboxSelected(s);
         return;
       }
-      const b = e.viewportRowStart.value + i, A = e.isCellEditableByKey(s, b, w.key, C);
+      const y = e.viewportRowStart.value + a, A = e.isCellEditableByKey(s, y, f.key, C);
       if (Gn({
-        column: w.column,
+        column: f.column,
         row: s.kind !== "group" ? s.data : void 0,
         editable: A
       }) !== "toggle" || s.kind === "group" || s.rowId == null)
@@ -472,18 +476,18 @@ function xl(e) {
         {
           rowId: s.rowId,
           data: {
-            [w.key]: Pn({
-              column: w.column,
+            [f.key]: Pn({
+              column: f.column,
               row: s.data
             })
           }
         }
       ]), e.recordHistoryIntentTransaction({
         intent: "edit",
-        label: `Toggle ${w.key}`,
+        label: `Toggle ${f.key}`,
         affectedRange: {
-          startRow: b,
-          endRow: b,
+          startRow: y,
+          endRow: y,
           startColumn: C,
           endColumn: C
         }
@@ -491,24 +495,24 @@ function xl(e) {
     }
   };
 }
-const pn = 140, bt = 108, dn = "__datagrid_row_selection__";
+const Mn = 140, mt = 108, dn = "__datagrid_row_selection__";
 function Al(e) {
-  const o = m(() => (e.showRowSelection?.value ?? !0) && e.runtime.api.rowSelection.hasSupport()), r = m(() => o.value ? {
+  const o = w(() => (e.showRowSelection?.value ?? !0) && e.runtime.api.rowSelection.hasSupport()), r = w(() => o.value ? {
     key: dn,
     state: {
       visible: !0,
       pin: "left",
-      width: bt
+      width: mt
     },
     visible: !0,
     pin: "left",
-    width: bt,
+    width: mt,
     column: {
       key: dn,
       label: "",
       cellType: "checkbox",
-      minWidth: bt,
-      maxWidth: bt,
+      minWidth: mt,
+      maxWidth: mt,
       capabilities: {
         editable: !0,
         sortable: !1,
@@ -526,147 +530,147 @@ function Al(e) {
         rowSelection: !0
       }
     }
-  } : null), l = (g) => g === dn, s = (g) => l(g.key), i = m(() => {
-    const g = r.value, f = e.visibleColumns.value.filter((x) => x.pin === "left"), M = e.visibleColumns.value.filter((x) => x.pin !== "left" && x.pin !== "right"), I = e.visibleColumns.value.filter((x) => x.pin === "right");
-    return g ? [g, ...f, ...M, ...I] : [...f, ...M, ...I];
-  }), w = m(() => i.value.filter((g) => g.pin !== "left" && g.pin !== "right")), C = (g) => g.width ?? pn, b = (g) => {
-    const f = i.value.find((x) => x.key === g), I = `${f ? C(f) : pn}px`;
+  } : null), l = (h) => h === dn, s = (h) => l(h.key), a = w(() => {
+    const h = r.value, g = e.visibleColumns.value.filter((x) => x.pin === "left"), I = e.visibleColumns.value.filter((x) => x.pin !== "left" && x.pin !== "right"), M = e.visibleColumns.value.filter((x) => x.pin === "right");
+    return h ? [h, ...g, ...I, ...M] : [...g, ...I, ...M];
+  }), f = w(() => a.value.filter((h) => h.pin !== "left" && h.pin !== "right")), C = (h) => h.width ?? Mn, y = (h) => {
+    const g = a.value.find((x) => x.key === h), M = `${g ? C(g) : Mn}px`;
     return {
-      width: I,
-      minWidth: I,
-      maxWidth: I
+      width: M,
+      minWidth: M,
+      maxWidth: M
     };
-  }, A = (g) => g.column.capabilities?.editable !== !1, v = (g, f, M) => s(M) ? g.kind !== "group" && g.rowId != null : g.kind === "group" || g.rowId == null || !A(M) ? !1 : e.isCellEditable ? e.isCellEditable({
-    row: g.data,
-    rowId: g.rowId,
-    rowIndex: f,
-    column: M.column,
-    columnKey: M.key
-  }) : !0, R = (g, f) => {
-    const M = i.value[f];
-    if (M?.key === g)
-      return { column: M, columnIndex: f };
-    const I = i.value.findIndex((x) => x.key === g);
-    return I < 0 ? null : {
-      column: i.value[I],
-      columnIndex: I
+  }, A = (h) => h.column.capabilities?.editable !== !1, b = (h, g, I) => s(I) ? h.kind !== "group" && h.rowId != null : h.kind === "group" || h.rowId == null || !A(I) ? !1 : e.isCellEditable ? e.isCellEditable({
+    row: h.data,
+    rowId: h.rowId,
+    rowIndex: g,
+    column: I.column,
+    columnKey: I.key
+  }) : !0, R = (h, g) => {
+    const I = a.value[g];
+    if (I?.key === h)
+      return { column: I, columnIndex: g };
+    const M = a.value.findIndex((x) => x.key === h);
+    return M < 0 ? null : {
+      column: a.value[M],
+      columnIndex: M
     };
   };
   return {
-    orderedVisibleColumns: i,
-    centerColumns: w,
+    orderedVisibleColumns: a,
+    centerColumns: f,
     resolveColumnWidth: C,
-    stageColumnStyle: b,
+    stageColumnStyle: y,
     isRowSelectionColumnKey: l,
     isRowSelectionColumn: s,
-    isCellEditable: v,
-    isCellEditableByKey: (g, f, M, I) => {
-      const x = R(M, I);
-      return x ? v(g, f, x.column) : !1;
+    isCellEditable: b,
+    isCellEditableByKey: (h, g, I, M) => {
+      const x = R(I, M);
+      return x ? b(h, g, x.column) : !1;
     },
     rowSelectionColumn: r
   };
 }
 function Ol(e) {
-  const o = m(() => {
+  const o = w(() => {
     const l = e.lastAppliedFill.value, s = e.selectionRange.value;
     return !l || !s || e.isFillDragging.value || l.allowBehaviorToggle === !1 || l.previewRange.startRow !== s.startRow || l.previewRange.endRow !== s.endRow || l.previewRange.startColumn !== s.startColumn || l.previewRange.endColumn !== s.endColumn ? null : {
       rowIndex: l.previewRange.endRow,
       columnIndex: l.previewRange.endColumn
     };
-  }), r = m(() => e.lastAppliedFill.value?.behavior ?? null);
+  }), r = w(() => e.lastAppliedFill.value?.behavior ?? null);
   return {
     fillActionAnchorCell: o,
     fillActionBehavior: r
   };
 }
 function Fl(e) {
-  const o = e.history ? null : Nn({
+  const o = e.history ? null : Kn({
     runtime: e.runtime,
     cloneRowData: e.cloneRowData,
     syncViewport: e.syncViewport
   });
   return {
     captureHistorySnapshot: () => e.history ? e.history.captureSnapshot() : o?.captureRowsSnapshot() ?? null,
-    recordHistoryIntentTransaction: (b, A) => {
+    recordHistoryIntentTransaction: (y, A) => {
       if (e.history) {
-        e.history.recordIntentTransaction(b, A);
+        e.history.recordIntentTransaction(y, A);
         return;
       }
       o?.recordIntentTransaction(
-        b,
+        y,
         A
       );
     },
     canUndoHistory: () => e.history ? e.history.canUndo() : o?.canUndo.value ?? !1,
     canRedoHistory: () => e.history ? e.history.canRedo() : o?.canRedo.value ?? !1,
-    runHistoryAction: (b) => e.history ? e.history.runHistoryAction(b) : o?.runHistoryAction(b) ?? Promise.resolve(null),
+    runHistoryAction: (y) => e.history ? e.history.runHistoryAction(y) : o?.runHistoryAction(y) ?? Promise.resolve(null),
     disposeIntentHistory: () => {
       o?.dispose();
     }
   };
 }
 function Dl(e) {
-  const o = m(() => new Set(e.rowSelectionSnapshot.value?.selectedRows ?? [])), r = (f) => f.rowId != null && e.rowSelectionSnapshot.value?.focusedRow === f.rowId, l = (f) => f.kind !== "group" && f.rowId != null && o.value.has(f.rowId), s = (f) => l(f), i = (f) => s(f) ? "true" : "false", w = (f) => {
-    const M = e.rowSelectionColumn.value?.column;
-    return !M || f.kind === "group" ? "" : Ln({
-      column: M,
-      value: s(f)
+  const o = w(() => new Set(e.rowSelectionSnapshot.value?.selectedRows ?? [])), r = (g) => g.rowId != null && e.rowSelectionSnapshot.value?.focusedRow === g.rowId, l = (g) => g.kind !== "group" && g.rowId != null && o.value.has(g.rowId), s = (g) => l(g), a = (g) => s(g) ? "true" : "false", f = (g) => {
+    const I = e.rowSelectionColumn.value?.column;
+    return !I || g.kind === "group" ? "" : Ln({
+      column: I,
+      value: s(g)
     }).displayValue;
-  }, C = m(() => {
-    const f = e.runtime.api.rows.getCount(), M = [];
-    for (let I = 0; I < f; I += 1) {
-      const x = e.runtime.api.rows.get(I);
-      !x || x.kind === "group" || x.rowId == null || M.push(x.rowId);
+  }, C = w(() => {
+    const g = e.runtime.api.rows.getCount(), I = [];
+    for (let M = 0; M < g; M += 1) {
+      const x = e.runtime.api.rows.get(M);
+      !x || x.kind === "group" || x.rowId == null || I.push(x.rowId);
     }
-    return M;
-  }), b = m(() => {
-    const f = C.value;
-    return f.length > 0 && f.every((M) => o.value.has(M));
-  }), A = m(() => C.value.some((M) => o.value.has(M))), v = (f) => {
-    f.rowId == null || !e.runtime.api.rowSelection.hasSupport() || e.runtime.api.rowSelection.setFocusedRow(f.rowId);
+    return I;
+  }), y = w(() => {
+    const g = C.value;
+    return g.length > 0 && g.every((I) => o.value.has(I));
+  }), A = w(() => C.value.some((I) => o.value.has(I))), b = (g) => {
+    g.rowId == null || !e.runtime.api.rowSelection.hasSupport() || e.runtime.api.rowSelection.setFocusedRow(g.rowId);
   };
   return {
     rowSelectionSet: o,
     isRowFocused: r,
     isRowCheckboxSelected: l,
-    readRowSelectionCell: i,
-    readRowSelectionDisplayCell: w,
-    areAllVisibleRowsSelected: b,
+    readRowSelectionCell: a,
+    readRowSelectionDisplayCell: f,
+    areAllVisibleRowsSelected: y,
     areSomeVisibleRowsSelected: A,
-    focusRow: v,
-    toggleRowCheckboxSelected: (f) => {
-      f.kind === "group" || f.rowId == null || !e.runtime.api.rowSelection.hasSupport() || e.runtime.api.rowSelection.setSelected(f.rowId, !o.value.has(f.rowId));
+    focusRow: b,
+    toggleRowCheckboxSelected: (g) => {
+      g.kind === "group" || g.rowId == null || !e.runtime.api.rowSelection.hasSupport() || e.runtime.api.rowSelection.setSelected(g.rowId, !o.value.has(g.rowId));
     },
     toggleVisibleRowsSelected: () => {
       if (!e.runtime.api.rowSelection.hasSupport())
         return;
-      const f = C.value;
-      if (!b.value) {
-        e.runtime.api.rowSelection.selectRows(f);
+      const g = C.value;
+      if (!y.value) {
+        e.runtime.api.rowSelection.selectRows(g);
         return;
       }
-      e.runtime.api.rowSelection.deselectRows(f);
+      e.runtime.api.rowSelection.deselectRows(g);
     },
-    selectRowRange: (f, M, I) => {
-      v(f);
+    selectRowRange: (g, I, M) => {
+      b(g);
       const x = e.orderedVisibleColumns.value.length - 1;
       if (x < 0)
         return;
-      const N = e.viewportRowStart.value + M;
-      if (!I) {
+      const W = e.viewportRowStart.value + I;
+      if (!M) {
         e.applySelectionRange({
-          startRow: N,
-          endRow: N,
+          startRow: W,
+          endRow: W,
           startColumn: 0,
           endColumn: x
         });
         return;
       }
-      const j = e.selectionAnchorCell.value?.rowIndex ?? N;
+      const re = e.selectionAnchorCell.value?.rowIndex ?? W;
       e.applySelectionRange({
-        startRow: Math.min(j, N),
-        endRow: Math.max(j, N),
+        startRow: Math.min(re, W),
+        endRow: Math.max(re, W),
         startColumn: 0,
         endColumn: x
       });
@@ -675,23 +679,23 @@ function Dl(e) {
 }
 function El(e) {
   return {
-    handleWindowMouseMove: (i) => {
+    handleWindowMouseMove: (a) => {
       if (e.isColumnResizing.value) {
-        e.applyColumnResizeFromPointer(i.clientX);
+        e.applyColumnResizeFromPointer(a.clientX);
         return;
       }
-      e.handleInteractionWindowMouseMove(i);
+      e.handleInteractionWindowMouseMove(a);
     },
-    handleHeaderWheel: (i) => {
-      const w = e.bodyViewportRef.value;
-      if (!w)
+    handleHeaderWheel: (a) => {
+      const f = e.bodyViewportRef.value;
+      if (!f)
         return;
-      const C = Math.abs(i.deltaX) > 0 ? i.deltaX : i.shiftKey ? i.deltaY : 0, b = C === 0 ? i.deltaY : 0;
-      C === 0 && b === 0 || (i.preventDefault(), C !== 0 && (w.scrollLeft += C), b !== 0 && (w.scrollTop += b), e.syncViewport());
+      const C = Math.abs(a.deltaX) > 0 ? a.deltaX : a.shiftKey ? a.deltaY : 0, y = C === 0 ? a.deltaY : 0;
+      C === 0 && y === 0 || (a.preventDefault(), C !== 0 && (f.scrollLeft += C), y !== 0 && (f.scrollTop += y), e.syncViewport());
     },
-    handleHeaderScroll: (i) => {
-      const w = i.target, C = e.bodyViewportRef.value;
-      !w || !C || (C.scrollLeft !== w.scrollLeft && (C.scrollLeft = w.scrollLeft), e.syncViewport());
+    handleHeaderScroll: (a) => {
+      const f = a.target, C = e.bodyViewportRef.value;
+      !f || !C || (C.scrollLeft !== f.scrollLeft && (C.scrollLeft = f.scrollLeft), e.syncViewport());
     },
     handleWindowMouseUp: () => {
       e.stopColumnResize(), e.handleInteractionWindowMouseUp();
@@ -699,78 +703,78 @@ function El(e) {
   };
 }
 function kl(e) {
-  const o = (i) => i.ctrlKey || i.metaKey || i.altKey ? !1 : i.key.startsWith("Arrow") || i.key === "Home" || i.key === "End" || i.key === "PageUp" || i.key === "PageDown" || i.key === "Tab" || i.key === "Enter" || i.key === " " || i.key === "Spacebar" || i.key === "F2" || i.key === "Escape" || i.key.length === 1, r = (i) => (i.ctrlKey || i.metaKey) && !i.altKey && !i.shiftKey && i.key.toLowerCase() === "a", l = () => {
-    const i = e.totalRows.value - 1, w = e.orderedVisibleColumns.value.length - 1;
-    i < 0 || w < 0 || e.applySelectionRange({
+  const o = (a) => a.ctrlKey || a.metaKey || a.altKey ? !1 : a.key.startsWith("Arrow") || a.key === "Home" || a.key === "End" || a.key === "PageUp" || a.key === "PageDown" || a.key === "Tab" || a.key === "Enter" || a.key === " " || a.key === "Spacebar" || a.key === "F2" || a.key === "Escape" || a.key.length === 1, r = (a) => (a.ctrlKey || a.metaKey) && !a.altKey && !a.shiftKey && a.key.toLowerCase() === "a", l = () => {
+    const a = e.totalRows.value - 1, f = e.orderedVisibleColumns.value.length - 1;
+    a < 0 || f < 0 || e.applySelectionRange({
       startRow: 0,
-      endRow: i,
+      endRow: a,
       startColumn: 0,
-      endColumn: w
+      endColumn: f
     });
   };
   return {
-    handleViewportKeydown: (i) => {
-      (o(i) || r(i)) && i.preventDefault();
-      const w = e.selectionSnapshot.value?.activeCell;
-      if (!w) {
-        r(i) && l();
+    handleViewportKeydown: (a) => {
+      (o(a) || r(a)) && a.preventDefault();
+      const f = e.selectionSnapshot.value?.activeCell;
+      if (!f) {
+        r(a) && l();
         return;
       }
-      const C = e.runtime.getBodyRowAtIndex(w.rowIndex);
+      const C = e.runtime.getBodyRowAtIndex(f.rowIndex);
       C && e.handleCellKeydown(
-        i,
+        a,
         C,
-        w.rowIndex - e.viewportRowStart.value,
-        w.colIndex
+        f.rowIndex - e.viewportRowStart.value,
+        f.colIndex
       );
     }
   };
 }
 function Hl(e) {
-  const o = m(() => e.interactionSelectionRange.value ?? e.resolveCommittedSelectionRange()), r = () => {
-    const v = o.value;
-    return v && v.startRow === v.endRow && v.startColumn === v.endColumn ? {
-      rowIndex: v.startRow,
-      columnIndex: v.startColumn
+  const o = w(() => e.interactionSelectionRange.value ?? e.resolveCommittedSelectionRange()), r = () => {
+    const b = o.value;
+    return b && b.startRow === b.endRow && b.startColumn === b.endColumn ? {
+      rowIndex: b.startRow,
+      columnIndex: b.startColumn
     } : e.selectionAnchorCell.value;
-  }, l = () => o.value, s = () => e.mode.value === "base" && e.isFillDragging.value && !!e.fillPreviewRange.value, i = (v, R, y) => {
-    const g = e.viewportRowStart.value + R;
-    return g >= v.startRow && g <= v.endRow && y >= v.startColumn && y <= v.endColumn;
-  }, w = (v, R) => {
-    const y = r();
-    return y ? y.rowIndex === e.viewportRowStart.value + v && y.columnIndex === R : e.isCommittedSelectionAnchorCell(v, R);
+  }, l = () => o.value, s = () => e.mode.value === "base" && e.isFillDragging.value && !!e.fillPreviewRange.value, a = (b, R, S) => {
+    const h = e.viewportRowStart.value + R;
+    return h >= b.startRow && h <= b.endRow && S >= b.startColumn && S <= b.endColumn;
+  }, f = (b, R) => {
+    const S = r();
+    return S ? S.rowIndex === e.viewportRowStart.value + b && S.columnIndex === R : e.isCommittedSelectionAnchorCell(b, R);
   };
   return {
     selectionRange: o,
-    isSelectionAnchorCell: w,
-    isCellSelected: (v, R) => {
+    isSelectionAnchorCell: f,
+    isCellSelected: (b, R) => {
       if (!s())
-        return e.isCommittedCellSelected(v, R);
-      const y = l();
-      return y ? i(y, v, R) : !1;
+        return e.isCommittedCellSelected(b, R);
+      const S = l();
+      return S ? a(S, b, R) : !1;
     },
-    shouldHighlightSelectedCell: (v, R) => {
+    shouldHighlightSelectedCell: (b, R) => {
       if (!s())
-        return e.shouldHighlightCommittedSelectedCell(v, R);
-      const y = l();
-      return !y || !i(y, v, R) || y.startRow === y.endRow && y.startColumn === y.endColumn ? !1 : !w(v, R);
+        return e.shouldHighlightCommittedSelectedCell(b, R);
+      const S = l();
+      return !S || !a(S, b, R) || S.startRow === S.endRow && S.startColumn === S.endColumn ? !1 : !f(b, R);
     },
-    isCellOnSelectionEdge: (v, R, y) => {
+    isCellOnSelectionEdge: (b, R, S) => {
       if (!s())
-        return e.isCommittedCellOnSelectionEdge(v, R, y);
-      const g = l();
-      if (!g || !i(g, v, R))
+        return e.isCommittedCellOnSelectionEdge(b, R, S);
+      const h = l();
+      if (!h || !a(h, b, R))
         return !1;
-      const f = e.viewportRowStart.value + v;
-      switch (y) {
+      const g = e.viewportRowStart.value + b;
+      switch (S) {
         case "top":
-          return f === g.startRow;
+          return g === h.startRow;
         case "right":
-          return R === g.endColumn;
+          return R === h.endColumn;
         case "bottom":
-          return f === g.endRow;
+          return g === h.endRow;
         case "left":
-          return R === g.startColumn;
+          return R === h.startColumn;
       }
     }
   };
@@ -778,358 +782,379 @@ function Hl(e) {
 const mn = 140, Vl = 72, zl = 80, Tl = 24, jl = 400;
 function Bl(e) {
   const o = e.syncRowSelectionSnapshotFromRuntime ?? (() => {
-  }), r = e.rowSelectionSnapshot ?? W(null), l = m(() => e.showRowIndex?.value !== !1), s = m(() => e.runtime.rowPartition.value.bodyRowCount), i = m(() => Math.max(0, e.totalRuntimeRows.value)), w = m(() => l.value ? Vl : 0), C = Al({
+  }), r = e.rowSelectionSnapshot ?? P(null), l = w(() => e.showRowIndex?.value !== !1), s = w(() => e.runtime.rowPartition.value.bodyRowCount), a = w(() => Math.max(0, e.totalRuntimeRows.value)), f = w(() => l.value ? Vl : 0), C = Al({
     runtime: e.runtime,
     visibleColumns: e.visibleColumns,
     showRowSelection: e.showRowSelection,
     isCellEditable: e.isCellEditable
   }), {
-    orderedVisibleColumns: b,
+    orderedVisibleColumns: y,
     centerColumns: A,
-    resolveColumnWidth: v,
+    resolveColumnWidth: b,
     isRowSelectionColumnKey: R,
-    isRowSelectionColumn: y,
-    isCellEditable: g,
-    isCellEditableByKey: f,
-    rowSelectionColumn: M
-  } = C, I = $n({
+    isRowSelectionColumn: S,
+    isCellEditable: h,
+    isCellEditableByKey: g,
+    rowSelectionColumn: I
+  } = C, M = $n({
     totalRows: () => s.value,
     resolveBaseRowHeight: () => e.normalizedBaseRowHeight.value,
-    resolveRowHeightOverride: (t) => e.runtime.api.view.getRowHeightOverride(t),
+    resolveRowHeightOverride: (i) => e.runtime.api.view.getRowHeightOverride(i),
     resolveRowHeightVersion: () => e.runtime.api.view.getRowHeightVersion(),
     hasRowHeightOverrides: () => e.runtime.api.view.getRowHeightVersion() > 0
+  }), x = (i) => {
+    const m = Math.max(0, Math.trunc(i));
+    if (m <= 0)
+      return 0;
+    const v = M.resolveTotalHeight();
+    return m <= s.value ? M.resolveRowOffset(m) : v + (m - s.value) * e.normalizedBaseRowHeight.value;
+  }, W = w(() => {
+    if (e.layoutMode.value !== "auto-height")
+      return null;
+    let i = M.resolveTotalHeight();
+    return e.minRows.value !== null && (i = Math.max(i, x(e.minRows.value))), e.maxRows.value !== null && (i = Math.min(i, x(e.maxRows.value))), Math.max(0, Math.trunc(i));
+  }), re = w(() => e.layoutMode.value !== "auto-height" ? {} : {
+    height: "auto"
+  }), vt = w(() => {
+    if (e.layoutMode.value !== "auto-height")
+      return {};
+    const i = W.value ?? 0;
+    return {
+      height: `${i}px`,
+      maxHeight: `${i}px`
+    };
   });
-  let x = () => !1;
+  let je = () => !1;
   const {
-    headerViewportRef: N,
-    bodyViewportRef: j,
-    displayRows: ze,
-    pinnedBottomRows: pt,
-    renderedColumns: Mt,
+    headerViewportRef: ht,
+    bodyViewportRef: N,
+    displayRows: Be,
+    pinnedBottomRows: bt,
+    renderedColumns: yt,
     viewportRowStart: H,
-    viewportColumnStart: It,
-    topSpacerHeight: xt,
-    bottomSpacerHeight: At,
-    leftColumnSpacerWidth: Ot,
-    rightColumnSpacerWidth: Ft,
-    gridContentStyle: Dt,
-    mainTrackStyle: he,
-    indexColumnStyle: Et,
-    columnStyle: kt,
-    handleViewportScroll: Ht,
-    syncViewportFromDom: V,
-    scheduleViewportSync: Vt,
-    cancelScheduledViewportSync: zt
+    viewportColumnStart: Rt,
+    topSpacerHeight: St,
+    bottomSpacerHeight: he,
+    leftColumnSpacerWidth: Mt,
+    rightColumnSpacerWidth: pt,
+    gridContentStyle: It,
+    mainTrackStyle: xt,
+    indexColumnStyle: At,
+    columnStyle: Ot,
+    handleViewportScroll: Ft,
+    syncViewportFromDom: D,
+    scheduleViewportSync: F,
+    cancelScheduledViewportSync: ie
   } = Un({
     runtime: e.runtime,
     mode: e.mode,
     rowRenderMode: e.rowRenderMode,
-    rowVirtualizationEnabled: m(() => e.virtualization.value.rows),
-    columnVirtualizationEnabled: m(() => e.virtualization.value.columns),
+    rowVirtualizationEnabled: w(() => e.virtualization.value.rows),
+    columnVirtualizationEnabled: w(() => e.virtualization.value.columns),
     totalRows: s,
     visibleColumns: A,
-    sizingColumns: b,
+    sizingColumns: y,
     normalizedBaseRowHeight: e.normalizedBaseRowHeight,
-    resolveColumnWidth: v,
+    resolveColumnWidth: b,
     defaultColumnWidth: mn,
     indexColumnWidth: 0,
-    flexFillOffsetWidth: w.value,
-    rowOverscan: m(() => e.virtualization.value.rowOverscan),
-    columnOverscan: m(() => e.virtualization.value.columnOverscan),
-    measureVisibleRowHeights: () => je(),
-    resolveRowHeight: I.resolveRowHeight,
-    resolveRowOffset: I.resolveRowOffset,
-    resolveRowIndexAtOffset: I.resolveRowIndexAtOffset,
-    resolveTotalRowHeight: I.resolveTotalHeight
-  }), Tt = (t) => kt(t), q = (t) => {
-    if (i.value <= 0)
+    flexFillOffsetWidth: f.value,
+    rowOverscan: w(() => e.virtualization.value.rowOverscan),
+    columnOverscan: w(() => e.virtualization.value.columnOverscan),
+    measureVisibleRowHeights: () => ye(),
+    resolveRowHeight: M.resolveRowHeight,
+    resolveRowOffset: M.resolveRowOffset,
+    resolveRowIndexAtOffset: M.resolveRowIndexAtOffset,
+    resolveTotalRowHeight: M.resolveTotalHeight
+  }), ae = (i) => Ot(i), _e = (i) => {
+    if (a.value <= 0)
       return null;
-    const n = Math.max(0, Math.min(i.value - 1, Math.trunc(t)));
-    return e.runtime.api.rows.get(n) ?? null;
-  }, F = (t) => {
-    for (let n = 0; n < i.value; n += 1)
-      if (e.runtime.api.rows.get(n)?.rowId === t)
-        return n;
-    return e.runtime.resolveBodyRowIndexById(t);
-  }, L = {
+    const m = Math.max(0, Math.min(a.value - 1, Math.trunc(i)));
+    return e.runtime.api.rows.get(m) ?? null;
+  }, be = (i) => {
+    for (let m = 0; m < a.value; m += 1)
+      if (e.runtime.api.rows.get(m)?.rowId === i)
+        return m;
+    return e.runtime.resolveBodyRowIndexById(i);
+  }, G = {
     ...e.runtime,
-    getBodyRowAtIndex: q,
-    resolveBodyRowIndexById: F
+    getBodyRowAtIndex: _e,
+    resolveBodyRowIndexById: be
   }, {
-    rowStyle: re,
-    isRowAutosizeProbe: Te,
-    measureVisibleRowHeights: je,
-    startRowResize: ie,
-    autosizeRow: Be,
-    dispose: _e
+    rowStyle: Ge,
+    isRowAutosizeProbe: Pe,
+    measureVisibleRowHeights: ye,
+    startRowResize: Le,
+    autosizeRow: We,
+    dispose: Ne
   } = qn({
     mode: e.mode,
     rowHeightMode: e.rowHeightMode,
     normalizedBaseRowHeight: e.normalizedBaseRowHeight,
     viewportRowStart: H,
-    bodyViewportRef: j,
+    bodyViewportRef: N,
     runtime: e.runtime,
     minRowHeight: Tl,
-    syncViewport: () => V()
-  }), Q = Xn({
+    syncViewport: () => D()
+  }), Z = Xn({
     mode: e.mode,
-    runtime: L,
-    totalRows: i,
-    visibleColumns: b,
+    runtime: G,
+    totalRows: a,
+    visibleColumns: y,
     viewportRowStart: H,
     selectionSnapshot: e.selectionSnapshot,
     selectionAnchor: e.selectionAnchor,
-    isEditingCell: (t, n) => x(t, n)
+    isEditingCell: (i, m) => je(i, m)
   }), {
-    normalizeRowId: Ge,
-    normalizeCellCoord: Pe,
-    resolveSelectionRange: ae,
-    resolveCurrentCellCoord: Le,
-    applySelectionRange: X,
-    applyCellSelectionByCoord: Re,
-    setCellSelection: G,
-    clearCellSelection: ye,
-    isCellSelected: Se
-  } = Q, We = Q.isSelectionAnchorCell ?? (() => !1), jt = Q.shouldHighlightSelectedCell ?? ((t, n) => Se(t, n)), Bt = Q.isCellOnSelectionEdge ?? (() => !1), pe = m(() => {
-    const t = e.selectionSnapshot.value;
-    if (!t || t.ranges.length === 0)
+    normalizeRowId: Re,
+    normalizeCellCoord: Ke,
+    resolveSelectionRange: V,
+    resolveCurrentCellCoord: $e,
+    applySelectionRange: Q,
+    applyCellSelectionByCoord: Se,
+    setCellSelection: Dt,
+    clearCellSelection: Ue,
+    isCellSelected: qe
+  } = Z, Et = Z.isSelectionAnchorCell ?? (() => !1), kt = Z.shouldHighlightSelectedCell ?? ((i, m) => qe(i, m)), Ht = Z.isCellOnSelectionEdge ?? (() => !1), se = w(() => {
+    const i = e.selectionSnapshot.value;
+    if (!i || i.ranges.length === 0)
       return null;
-    const n = t.activeRangeIndex ?? 0, a = t.ranges[n]?.anchor ?? t.ranges[0]?.anchor ?? null;
-    return !a || typeof a.rowIndex != "number" || typeof a.colIndex != "number" || !Number.isFinite(a.rowIndex) || !Number.isFinite(a.colIndex) ? null : {
-      rowIndex: Math.trunc(a.rowIndex),
-      columnIndex: Math.trunc(a.colIndex)
+    const m = i.activeRangeIndex ?? 0, v = i.ranges[m]?.anchor ?? i.ranges[0]?.anchor ?? null;
+    return !v || typeof v.rowIndex != "number" || typeof v.colIndex != "number" || !Number.isFinite(v.rowIndex) || !Number.isFinite(v.colIndex) ? null : {
+      rowIndex: Math.trunc(v.rowIndex),
+      columnIndex: Math.trunc(v.colIndex)
     };
-  }), Ke = Dl({
+  }), Xe = Dl({
     runtime: e.runtime,
-    rowSelectionColumn: M,
-    orderedVisibleColumns: b,
-    displayRows: ze,
+    rowSelectionColumn: I,
+    orderedVisibleColumns: y,
+    displayRows: Be,
     rowSelectionSnapshot: r,
     viewportRowStart: H,
-    selectionAnchorCell: pe,
-    applySelectionRange: X
+    selectionAnchorCell: se,
+    applySelectionRange: Q
   }), {
-    readRowSelectionCell: _t,
-    readRowSelectionDisplayCell: Gt,
-    toggleRowCheckboxSelected: Me
-  } = Ke, Pt = m(() => {
-    const t = `${w.value}px`;
+    readRowSelectionCell: Vt,
+    readRowSelectionDisplayCell: zt,
+    toggleRowCheckboxSelected: Ye
+  } = Xe, Tt = w(() => {
+    const i = `${f.value}px`;
     return {
-      ...Et.value,
-      width: t,
-      minWidth: t,
-      maxWidth: t
+      ...At.value,
+      width: i,
+      minWidth: i,
+      maxWidth: i
     };
-  }), Ne = Fl({
+  }), Me = Fl({
     runtime: e.runtime,
     cloneRowData: e.cloneRowData,
-    syncViewport: () => V(),
+    syncViewport: () => D(),
     history: e.history
   }), {
-    captureHistorySnapshot: ee,
-    recordHistoryIntentTransaction: te,
-    canUndoHistory: Lt,
-    canRedoHistory: $e,
-    runHistoryAction: Ue
-  } = Ne, {
-    rowIndexLabel: qe,
-    readCell: Xe,
-    readDisplayCell: Ye,
+    captureHistorySnapshot: U,
+    recordHistoryIntentTransaction: q,
+    canUndoHistory: Je,
+    canRedoHistory: Ze,
+    runHistoryAction: pe
+  } = Me, {
+    rowIndexLabel: ee,
+    readCell: j,
+    readDisplayCell: Qe,
     rowClass: Ie,
-    toggleGroupRow: ne
+    toggleGroupRow: et
   } = Yn({
     mode: e.mode,
     runtime: e.runtime,
     viewportRowStart: H,
     firstColumnKey: e.firstColumnKey
-  }), z = xl({
+  }), xe = xl({
     runtime: e.runtime,
     viewportRowStart: H,
     isRowSelectionColumnKey: R,
-    isRowSelectionColumn: y,
-    isCellEditableByKey: f,
-    readRowSelectionCell: _t,
-    readRowSelectionDisplayCell: Gt,
-    readCell: Xe,
-    readDisplayCell: Ye,
-    toggleRowCheckboxSelected: Me,
-    captureHistorySnapshot: ee,
-    recordHistoryIntentTransaction: te,
-    syncViewport: () => V()
+    isRowSelectionColumn: S,
+    isCellEditableByKey: g,
+    readRowSelectionCell: Vt,
+    readRowSelectionDisplayCell: zt,
+    readCell: j,
+    readDisplayCell: Qe,
+    toggleRowCheckboxSelected: Ye,
+    captureHistorySnapshot: U,
+    recordHistoryIntentTransaction: q,
+    syncViewport: () => D()
   }), {
-    readStageCell: se
-  } = z, xe = Jn({
+    readStageCell: ue
+  } = xe, jt = Jn({
     mode: e.mode,
-    runtime: L,
-    totalRows: i,
-    visibleColumns: b,
+    runtime: G,
+    totalRows: a,
+    visibleColumns: y,
     viewportRowStart: H,
-    resolveSelectionRange: ae,
-    resolveCurrentCellCoord: Le,
-    applySelectionRange: X,
-    clearCellSelection: ye,
-    captureRowsSnapshot: ee,
-    recordEditTransaction: (t) => {
-      te({
+    resolveSelectionRange: V,
+    resolveCurrentCellCoord: $e,
+    applySelectionRange: Q,
+    clearCellSelection: Ue,
+    captureRowsSnapshot: U,
+    recordEditTransaction: (i) => {
+      q({
         intent: "edit",
         label: "Cell edit"
-      }, t);
+      }, i);
     },
-    readCell: (t, n) => se(t, n),
-    readClipboardCell: e.readClipboardCell ? (t, n) => e.readClipboardCell?.(t, n) ?? "" : void 0,
-    isCellEditable: f,
-    syncViewport: () => V(),
+    readCell: (i, m) => ue(i, m),
+    readClipboardCell: e.readClipboardCell ? (i, m) => e.readClipboardCell?.(i, m) ?? "" : void 0,
+    isCellEditable: g,
+    syncViewport: () => D(),
     applyClipboardEdits: e.applyClipboardEdits,
     buildFillMatrixFromRange: e.buildFillMatrixFromRange
   }), {
-    normalizeClipboardRange: Je,
-    applyClipboardEdits: Ze,
-    rangesEqual: Qe,
-    buildFillMatrixFromRange: Wt,
-    clearPendingClipboardOperation: et,
+    normalizeClipboardRange: tt,
+    applyClipboardEdits: nt,
+    rangesEqual: Bt,
+    buildFillMatrixFromRange: _t,
+    clearPendingClipboardOperation: Gt,
     copySelectedCells: Ae,
-    pasteSelectedCells: tt,
-    cutSelectedCells: nt,
-    isCellInPendingClipboardRange: Kt,
-    isCellOnPendingClipboardEdge: lt
-  } = xe, {
-    ensureKeyboardActiveCellVisible: le
+    pasteSelectedCells: te,
+    cutSelectedCells: ce,
+    isCellInPendingClipboardRange: de,
+    isCellOnPendingClipboardEdge: me
+  } = jt, {
+    ensureKeyboardActiveCellVisible: ne
   } = Zn({
-    bodyViewportRef: j,
-    visibleColumns: b,
-    resolveColumnWidth: v,
+    bodyViewportRef: N,
+    visibleColumns: y,
+    resolveColumnWidth: b,
     normalizedBaseRowHeight: e.normalizedBaseRowHeight,
-    resolveRowHeight: I.resolveRowHeight,
-    resolveRowOffset: I.resolveRowOffset,
-    indexColumnWidth: w.value,
+    resolveRowHeight: M.resolveRowHeight,
+    resolveRowOffset: M.resolveRowOffset,
+    indexColumnWidth: f.value,
     defaultColumnWidth: mn,
-    syncViewport: () => V()
+    syncViewport: () => D()
   }), {
     editingCell: Oe,
-    editingCellValue: ue,
-    editingCellInitialFilter: ce,
-    editingCellOpenOnMount: de,
-    isEditingCell: me,
-    startInlineEdit: ot,
-    commitInlineEdit: rt,
-    cancelInlineEdit: it,
-    handleEditorKeydown: Nt
+    editingCellValue: Pt,
+    editingCellInitialFilter: Lt,
+    editingCellOpenOnMount: lt,
+    isEditingCell: ot,
+    startInlineEdit: Fe,
+    commitInlineEdit: De,
+    cancelInlineEdit: rt,
+    handleEditorKeydown: Wt
   } = Qn({
     mode: e.mode,
-    bodyViewportRef: j,
-    visibleColumns: b,
-    totalRows: i,
-    runtime: L,
-    readCell: (t, n) => se(t, n),
-    resolveRowIndexById: F,
-    applyCellSelection: (t) => {
-      Re(t, !1);
+    bodyViewportRef: N,
+    visibleColumns: y,
+    totalRows: a,
+    runtime: G,
+    readCell: (i, m) => ue(i, m),
+    resolveRowIndexById: be,
+    applyCellSelection: (i) => {
+      Se(i, !1);
     },
-    ensureActiveCellVisible: (t, n) => {
-      le(t, n);
+    ensureActiveCellVisible: (i, m) => {
+      ne(i, m);
     },
-    isCellEditable: f,
-    captureRowsSnapshot: ee,
-    recordEditTransaction: (t) => {
-      te({
+    isCellEditable: g,
+    captureRowsSnapshot: U,
+    recordEditTransaction: (i) => {
+      q({
         intent: "edit",
         label: "Cell edit"
-      }, t);
+      }, i);
     }
   });
-  x = me;
-  const at = m(() => Oe.value), st = {
+  je = ot;
+  const Nt = w(() => Oe.value), Kt = {
     mode: e.mode,
-    runtime: L,
-    totalRows: i,
-    visibleColumns: b,
+    runtime: G,
+    totalRows: a,
+    visibleColumns: y,
     viewportRowStart: H,
     selectionSnapshot: e.selectionSnapshot,
-    bodyViewportRef: j,
-    indexColumnWidth: w.value,
-    resolveColumnWidth: v,
-    resolveRowHeight: I.resolveRowHeight,
-    resolveRowIndexAtOffset: I.resolveRowIndexAtOffset,
-    normalizeRowId: Ge,
-    normalizeCellCoord: Pe,
-    resolveSelectionRange: ae,
-    applySelectionRange: X,
-    applyCellSelectionByCoord: Re,
-    setCellSelection: G,
-    clearCellSelection: ye,
-    readCell: (t, n) => se(t, n),
-    isCellEditable: f,
+    bodyViewportRef: N,
+    indexColumnWidth: f.value,
+    resolveColumnWidth: b,
+    resolveRowHeight: M.resolveRowHeight,
+    resolveRowIndexAtOffset: M.resolveRowIndexAtOffset,
+    normalizeRowId: Re,
+    normalizeCellCoord: Ke,
+    resolveSelectionRange: V,
+    applySelectionRange: Q,
+    applyCellSelectionByCoord: Se,
+    setCellSelection: Dt,
+    clearCellSelection: Ue,
+    readCell: (i, m) => ue(i, m),
+    isCellEditable: g,
     cloneRowData: e.cloneRowData,
-    resolveRowIndexById: F,
-    captureRowsSnapshot: ee,
-    recordIntentTransaction: (t, n) => {
-      te(t, n);
+    resolveRowIndexById: be,
+    captureRowsSnapshot: U,
+    recordIntentTransaction: (i, m) => {
+      q(i, m);
     },
-    clearPendingClipboardOperation: et,
+    clearPendingClipboardOperation: Gt,
     clearExternalPendingClipboardOperation: e.clearExternalPendingClipboardOperation,
     copySelectedCells: Ae,
-    pasteSelectedCells: tt,
-    cutSelectedCells: nt,
-    normalizeClipboardRange: Je,
-    applyClipboardEdits: Ze,
-    rangesEqual: Qe,
-    buildFillMatrixFromRange: Wt,
+    pasteSelectedCells: te,
+    cutSelectedCells: ce,
+    normalizeClipboardRange: tt,
+    applyClipboardEdits: nt,
+    rangesEqual: Bt,
+    buildFillMatrixFromRange: _t,
     applyRangeMove: e.applyRangeMove,
-    syncViewport: () => V(),
-    editingCell: at,
-    startInlineEdit: ot,
-    commitInlineEdit: rt,
-    canUndo: Lt,
-    canRedo: $e,
-    runHistoryAction: Ue,
-    ensureKeyboardActiveCellVisible: le,
+    syncViewport: () => D(),
+    editingCell: Nt,
+    startInlineEdit: Fe,
+    commitInlineEdit: De,
+    canUndo: Je,
+    canRedo: Ze,
+    runHistoryAction: pe,
+    ensureKeyboardActiveCellVisible: ne,
     isContextMenuVisible: e.isContextMenuVisible,
     closeContextMenu: e.closeContextMenu,
     openContextMenuFromCurrentCell: e.openContextMenuFromCurrentCell,
     runRowIndexKeyboardAction: e.runRowIndexKeyboardAction,
-    handleToggleCellAction: (t, n, a, u) => y(u) ? (Me(t), !0) : !1
-  }, ut = el(st), {
-    isPointerSelectingCells: $t,
-    isFillDragging: we,
-    fillPreviewRange: ct,
-    lastAppliedFill: Ut,
-    isRangeMoving: dt,
-    selectionRange: mt,
-    rangeMovePreviewRange: wt,
-    stopPointerSelection: Fe,
-    stopFillSelection: qt,
-    startFillHandleDrag: De,
-    startFillHandleDoubleClick: ft,
-    applyLastFillBehavior: Xt,
-    handleCellMouseDown: Yt,
-    handleCellKeydown: Ct,
-    handleRowIndexKeydown: Jt,
-    handleWindowMouseMove: fe,
-    handleWindowMouseUp: Zt,
-    isCellInFillPreview: B,
-    isFillHandleCell: gt,
-    clearSelectedCells: Qt,
-    dispose: Y
-  } = ut, Ee = kl({
-    runtime: L,
+    handleToggleCellAction: (i, m, v, O) => S(O) ? (Ye(i), !0) : !1
+  }, $t = el(Kt), {
+    isPointerSelectingCells: it,
+    isFillDragging: le,
+    fillPreviewRange: Ee,
+    lastAppliedFill: ke,
+    isRangeMoving: Ut,
+    selectionRange: He,
+    rangeMovePreviewRange: at,
+    stopPointerSelection: qt,
+    stopFillSelection: Xt,
+    startFillHandleDrag: Yt,
+    startFillHandleDoubleClick: Jt,
+    applyLastFillBehavior: we,
+    handleCellMouseDown: Zt,
+    handleCellKeydown: z,
+    handleRowIndexKeydown: st,
+    handleWindowMouseMove: Qt,
+    handleWindowMouseUp: X,
+    isCellInFillPreview: Ve,
+    isFillHandleCell: en,
+    clearSelectedCells: tn,
+    dispose: nn
+  } = $t, ln = kl({
+    runtime: G,
     selectionSnapshot: e.selectionSnapshot,
-    totalRows: i,
-    orderedVisibleColumns: b,
+    totalRows: a,
+    orderedVisibleColumns: y,
     viewportRowStart: H,
-    applySelectionRange: X,
-    handleCellKeydown: Ct
+    applySelectionRange: Q,
+    handleCellKeydown: z
   }), {
-    isColumnResizing: en,
-    startResize: tn,
-    handleResizeDoubleClick: nn,
-    applyColumnResizeFromPointer: ln,
-    stopColumnResize: Ce,
-    dispose: on
+    isColumnResizing: fe,
+    startResize: on,
+    handleResizeDoubleClick: ut,
+    applyColumnResizeFromPointer: rn,
+    stopColumnResize: ge,
+    dispose: an
   } = tl({
-    visibleColumns: b,
+    visibleColumns: y,
     rows: e.rows,
-    persistColumnWidth: (t, n) => {
-      e.runtime.api.columns.setWidth(t, n);
+    persistColumnWidth: (i, m) => {
+      e.runtime.api.columns.setWidth(i, m);
     },
     defaultColumnWidth: mn,
     minColumnWidth: zl,
@@ -1137,86 +1162,89 @@ function Bl(e) {
     autoSizeCharWidth: 7.2,
     autoSizeHorizontalPadding: 42,
     autoSizeMaxWidth: 640,
-    isFillDragging: () => we.value,
+    isFillDragging: () => le.value,
     stopFillSelection: () => {
-      qt(!1);
+      Xt(!1);
     },
-    isDragSelecting: () => $t.value,
+    isDragSelecting: () => it.value,
     stopDragSelection: () => {
-      Fe();
+      qt();
     },
-    readCellText: (t, n) => {
-      const a = t[n];
-      return a == null ? "" : String(a);
+    readCellText: (i, m) => {
+      const v = i[m];
+      return v == null ? "" : String(v);
     }
-  }), ke = Hl({
+  }), ct = Hl({
     mode: e.mode,
     viewportRowStart: H,
-    selectionAnchorCell: pe,
-    fillPreviewRange: ct,
-    isFillDragging: we,
-    interactionSelectionRange: mt,
-    resolveCommittedSelectionRange: ae,
-    isCommittedSelectionAnchorCell: We,
-    isCommittedCellSelected: Se,
-    shouldHighlightCommittedSelectedCell: jt,
-    isCommittedCellOnSelectionEdge: Bt
-  }), { selectionRange: vt } = ke, ge = Ol({
-    lastAppliedFill: Ut,
-    selectionRange: vt,
-    isFillDragging: we
-  }), rn = El({
-    bodyViewportRef: j,
-    isColumnResizing: en,
-    applyColumnResizeFromPointer: ln,
-    stopColumnResize: Ce,
-    handleInteractionWindowMouseMove: fe,
-    handleInteractionWindowMouseUp: Zt,
-    syncViewport: V
-  }), O = {
-    rowSelection: Ke,
-    history: Ne,
-    cellIo: z,
-    viewportKeyboard: Ee,
-    visualSelection: ke,
-    fillAction: ge,
-    scrollSync: rn
+    selectionAnchorCell: se,
+    fillPreviewRange: Ee,
+    isFillDragging: le,
+    interactionSelectionRange: He,
+    resolveCommittedSelectionRange: V,
+    isCommittedSelectionAnchorCell: Et,
+    isCommittedCellSelected: qe,
+    shouldHighlightCommittedSelectedCell: kt,
+    isCommittedCellOnSelectionEdge: Ht
+  }), { selectionRange: dt } = ct, sn = Ol({
+    lastAppliedFill: ke,
+    selectionRange: dt,
+    isFillDragging: le
+  }), t = El({
+    bodyViewportRef: N,
+    isColumnResizing: fe,
+    applyColumnResizeFromPointer: rn,
+    stopColumnResize: ge,
+    handleInteractionWindowMouseMove: Qt,
+    handleInteractionWindowMouseUp: X,
+    syncViewport: D
+  }), n = {
+    rowSelection: Xe,
+    history: Me,
+    cellIo: xe,
+    viewportKeyboard: ln,
+    visualSelection: ct,
+    fillAction: sn,
+    scrollSync: t
   }, {
-    tableStageProps: an,
-    tableStageContext: sn
+    tableStageProps: u,
+    tableStageContext: d
   } = Il({
     mode: e.mode,
     rowHeightMode: e.rowHeightMode,
-    visibleColumns: b,
-    renderedColumns: Mt,
-    displayRows: ze,
-    pinnedBottomRows: pt,
+    layoutMode: e.layoutMode,
+    visibleColumns: y,
+    renderedColumns: yt,
+    displayRows: Be,
+    pinnedBottomRows: bt,
     sourceRows: e.sourceRows ?? e.rows,
     showRowIndex: l,
-    rowHover: m(() => e.rowHover?.value === !0),
-    stripedRows: m(() => e.stripedRows?.value === !0),
+    rowHover: w(() => e.rowHover?.value === !0),
+    stripedRows: w(() => e.stripedRows?.value === !0),
     columnFilterTextByKey: e.columnFilterTextByKey,
-    gridContentStyle: Dt,
-    mainTrackStyle: he,
-    indexColumnStyle: Pt,
-    topSpacerHeight: xt,
-    bottomSpacerHeight: At,
+    gridContentStyle: It,
+    mainTrackStyle: xt,
+    indexColumnStyle: Tt,
+    stageStyle: re,
+    bodyShellStyle: vt,
+    topSpacerHeight: St,
+    bottomSpacerHeight: he,
     viewportRowStart: H,
-    columnWindowStart: It,
-    leftColumnSpacerWidth: Ot,
-    rightColumnSpacerWidth: Ft,
-    editingCellValueRef: ue,
-    editingCellInitialFilter: ce,
-    editingCellOpenOnMount: de,
-    selectionRange: vt,
-    selectionAnchorCell: pe,
-    fillPreviewRange: ct,
-    rangeMovePreviewRange: wt,
-    isFillDragging: we,
-    isRangeMoving: dt,
-    headerViewportRef: N,
-    bodyViewportRef: j,
-    columnStyle: Tt,
+    columnWindowStart: Rt,
+    leftColumnSpacerWidth: Mt,
+    rightColumnSpacerWidth: pt,
+    editingCellValueRef: Pt,
+    editingCellInitialFilter: Lt,
+    editingCellOpenOnMount: lt,
+    selectionRange: dt,
+    selectionAnchorCell: se,
+    fillPreviewRange: Ee,
+    rangeMovePreviewRange: at,
+    isFillDragging: le,
+    isRangeMoving: Ut,
+    headerViewportRef: ht,
+    bodyViewportRef: N,
+    columnStyle: ae,
     toggleSortForColumn: e.toggleSortForColumn,
     sortIndicator: e.sortIndicator,
     setColumnFilterText: e.setColumnFilterText,
@@ -1239,52 +1267,52 @@ function Bl(e) {
     applyColumnMenuGroupBy: e.applyColumnMenuGroupBy,
     applyColumnMenuFilter: e.applyColumnMenuFilter,
     clearColumnMenuFilter: e.clearColumnMenuFilter,
-    handleHeaderWheel: O.scrollSync.handleHeaderWheel,
-    handleHeaderScroll: O.scrollSync.handleHeaderScroll,
-    handleViewportScroll: Ht,
-    handleViewportKeydown: O.viewportKeyboard.handleViewportKeydown,
+    handleHeaderWheel: n.scrollSync.handleHeaderWheel,
+    handleHeaderScroll: n.scrollSync.handleHeaderScroll,
+    handleViewportScroll: Ft,
+    handleViewportKeydown: n.viewportKeyboard.handleViewportKeydown,
     rowClass: Ie,
-    isRowAutosizeProbe: Te,
-    rowStyle: re,
+    isRowAutosizeProbe: Pe,
+    rowStyle: Ge,
     isRowInPendingClipboardCut: e.isRowInPendingClipboardCut,
-    isRowFocused: O.rowSelection.isRowFocused,
-    isRowCheckboxSelected: O.rowSelection.isRowCheckboxSelected,
-    allVisibleRowsSelected: O.rowSelection.areAllVisibleRowsSelected,
-    someVisibleRowsSelected: O.rowSelection.areSomeVisibleRowsSelected,
-    handleRowClick: O.rowSelection.focusRow,
-    handleRowIndexClick: O.rowSelection.selectRowRange,
-    handleRowIndexKeydown: Jt,
-    handleToggleAllVisibleRows: O.rowSelection.toggleVisibleRowsSelected,
-    toggleGroupRow: ne,
-    rowIndexLabel: qe,
-    startResize: tn,
-    handleResizeDoubleClick: nn,
-    startRowResize: ie,
-    autosizeRow: Be,
-    isCellSelected: O.visualSelection.isCellSelected,
-    isSelectionAnchorCell: O.visualSelection.isSelectionAnchorCell,
-    shouldHighlightSelectedCell: O.visualSelection.shouldHighlightSelectedCell,
-    isCellOnSelectionEdge: O.visualSelection.isCellOnSelectionEdge,
-    isCellInFillPreview: B,
-    isCellInPendingClipboardRange: Kt,
-    isCellOnPendingClipboardEdge: lt,
-    isEditingCell: me,
-    isCellEditable: (t, n, a, u) => g(t, H.value + n, a),
-    handleCellMouseDown: Yt,
-    handleCellClick: O.cellIo.handleCellClick,
-    handleCellKeydown: Ct,
-    startInlineEdit: ot,
-    isFillHandleCell: gt,
-    startFillHandleDrag: De,
-    startFillHandleDoubleClick: ft,
-    fillActionAnchorCell: O.fillAction.fillActionAnchorCell,
-    fillActionBehavior: O.fillAction.fillActionBehavior,
-    applyFillActionBehavior: Xt,
-    handleEditorKeydown: Nt,
-    commitInlineEdit: rt,
-    cancelInlineEdit: it,
-    readCell: O.cellIo.readStageCell,
-    readDisplayCell: O.cellIo.readStageDisplayCell
+    isRowFocused: n.rowSelection.isRowFocused,
+    isRowCheckboxSelected: n.rowSelection.isRowCheckboxSelected,
+    allVisibleRowsSelected: n.rowSelection.areAllVisibleRowsSelected,
+    someVisibleRowsSelected: n.rowSelection.areSomeVisibleRowsSelected,
+    handleRowClick: n.rowSelection.focusRow,
+    handleRowIndexClick: n.rowSelection.selectRowRange,
+    handleRowIndexKeydown: st,
+    handleToggleAllVisibleRows: n.rowSelection.toggleVisibleRowsSelected,
+    toggleGroupRow: et,
+    rowIndexLabel: ee,
+    startResize: on,
+    handleResizeDoubleClick: ut,
+    startRowResize: Le,
+    autosizeRow: We,
+    isCellSelected: n.visualSelection.isCellSelected,
+    isSelectionAnchorCell: n.visualSelection.isSelectionAnchorCell,
+    shouldHighlightSelectedCell: n.visualSelection.shouldHighlightSelectedCell,
+    isCellOnSelectionEdge: n.visualSelection.isCellOnSelectionEdge,
+    isCellInFillPreview: Ve,
+    isCellInPendingClipboardRange: de,
+    isCellOnPendingClipboardEdge: me,
+    isEditingCell: ot,
+    isCellEditable: (i, m, v, O) => h(i, H.value + m, v),
+    handleCellMouseDown: Zt,
+    handleCellClick: n.cellIo.handleCellClick,
+    handleCellKeydown: z,
+    startInlineEdit: Fe,
+    isFillHandleCell: en,
+    startFillHandleDrag: Yt,
+    startFillHandleDoubleClick: Jt,
+    fillActionAnchorCell: n.fillAction.fillActionAnchorCell,
+    fillActionBehavior: n.fillAction.fillActionBehavior,
+    applyFillActionBehavior: we,
+    handleEditorKeydown: Wt,
+    commitInlineEdit: De,
+    cancelInlineEdit: rt,
+    readCell: n.cellIo.readStageCell,
+    readDisplayCell: n.cellIo.readStageDisplayCell
   });
   return nl({
     mode: e.mode,
@@ -1296,86 +1324,86 @@ function Bl(e) {
     normalizedBaseRowHeight: e.normalizedBaseRowHeight,
     syncSelectionSnapshotFromRuntime: e.syncSelectionSnapshotFromRuntime,
     syncRowSelectionSnapshotFromRuntime: o,
-    syncViewport: V,
-    scheduleViewportSync: Vt,
-    measureVisibleRowHeights: je,
+    syncViewport: D,
+    scheduleViewportSync: F,
+    measureVisibleRowHeights: ye,
     applyRowHeightSettings: e.applyRowHeightSettings
   }), ll({
-    bodyViewportRef: j,
-    syncViewport: V,
-    handleWindowMouseMove: O.scrollSync.handleWindowMouseMove,
-    handleWindowMouseUp: O.scrollSync.handleWindowMouseUp,
-    cancelScheduledViewportSync: zt,
+    bodyViewportRef: N,
+    syncViewport: D,
+    handleWindowMouseMove: n.scrollSync.handleWindowMouseMove,
+    handleWindowMouseUp: n.scrollSync.handleWindowMouseUp,
+    cancelScheduledViewportSync: ie,
     onAfterMount: () => {
       e.syncSelectionSnapshotFromRuntime(), o(), Dn(() => {
-        e.applyRowHeightSettings(), V();
+        e.applyRowHeightSettings(), D();
       });
     },
     dispose: [
-      _e,
-      on,
-      Y,
-      O.history.disposeIntentHistory
+      Ne,
+      an,
+      nn,
+      n.history.disposeIntentHistory
     ]
   }), {
-    tableStageProps: an,
-    tableStageContext: sn,
-    syncViewportFromDom: V,
+    tableStageProps: u,
+    tableStageContext: d,
+    syncViewportFromDom: D,
     copySelectedCells: Ae,
-    pasteSelectedCells: tt,
-    cutSelectedCells: nt,
-    clearSelectedCells: Qt,
-    captureHistorySnapshot: ee,
-    recordHistoryIntentTransaction: te
+    pasteSelectedCells: te,
+    cutSelectedCells: ce,
+    clearSelectedCells: tn,
+    captureHistorySnapshot: U,
+    recordHistoryIntentTransaction: q
   };
 }
-const _l = yt(() => import("./DataGridColumnLayoutPopover-Qt56b3CA.js")), Gl = yt(() => import("./DataGridAdvancedFilterPopover-Bak_CkaO.js")), Pl = yt(() => import("./DataGridAggregationsPopover-DfQ3-UV4.js")), Ll = yt(() => import("./DataGridGanttStageEntry-D4NqLvKS.js"));
+const _l = gt(() => import("./DataGridColumnLayoutPopover-Qt56b3CA.js")), Gl = gt(() => import("./DataGridAdvancedFilterPopover-Bak_CkaO.js")), Pl = gt(() => import("./DataGridAggregationsPopover-DfQ3-UV4.js")), Ll = gt(() => import("./DataGridGanttStageEntry-BydDrrtc.js"));
 function Wl(e) {
   return Number.isFinite(e) ? Math.max(24, Math.trunc(e)) : 31;
 }
-function Kl(e) {
+function Nl(e) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/\\/g, "\\\\").replace(/\"/g, '\\"');
 }
-function Mn(e) {
+function pn(e) {
   return (e ?? []).map((o) => ({
     key: o.key,
     direction: o.direction
   }));
 }
-function Cn() {
+function gn() {
   return {
     columnFilters: {},
     advancedFilters: {},
     advancedExpression: null
   };
 }
-function He(e) {
-  return Kn(e ?? Cn()) ?? Cn();
+function ze(e) {
+  return Nn(e ?? gn()) ?? gn();
 }
-function gn(e) {
+function Cn(e) {
   return e.startsWith("string:") ? `string:${e.slice(7).toLowerCase()}` : e;
 }
-function Nl(e) {
+function Kl(e) {
   const o = {};
-  for (const [s, i] of Object.entries(e.columnFilters ?? {})) {
-    if (i.kind === "valueSet") {
-      const w = Array.from(new Set(
-        (i.tokens ?? []).map((C) => gn(String(C ?? ""))).filter((C) => C.length > 0)
+  for (const [s, a] of Object.entries(e.columnFilters ?? {})) {
+    if (a.kind === "valueSet") {
+      const f = Array.from(new Set(
+        (a.tokens ?? []).map((C) => Cn(String(C ?? ""))).filter((C) => C.length > 0)
       ));
-      if (w.length === 0)
+      if (f.length === 0)
         continue;
       o[s] = {
         kind: "valueSet",
-        tokens: w
+        tokens: f
       };
       continue;
     }
     o[s] = {
       kind: "predicate",
-      operator: i.operator,
-      value: i.value,
-      value2: i.value2,
-      caseSensitive: i.caseSensitive
+      operator: a.operator,
+      value: a.value,
+      value2: a.value2,
+      caseSensitive: a.caseSensitive
     };
   }
   const r = { ...e.advancedFilters ?? {} }, l = e.advancedExpression ?? null;
@@ -1391,7 +1419,7 @@ function $l(e) {
     s?.kind === "predicate" && typeof s.value == "string" && (o[l] = s.value);
   return o;
 }
-function J(e) {
+function Y(e) {
   if (typeof globalThis.structuredClone == "function")
     try {
       return globalThis.structuredClone(e);
@@ -1445,7 +1473,7 @@ function Ul(e) {
     return null;
   }
 }
-function Ve(e) {
+function Te(e) {
   return e ? {
     columns: e.columns.map((o) => ({ ...o })),
     basis: e.basis === "source" ? "source" : "filtered"
@@ -1457,7 +1485,7 @@ function ql(e) {
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function U(e) {
+function $(e) {
   return e == null ? "blank" : e instanceof Date ? e.toISOString() : typeof e == "string" ? `"${e}"` : String(e);
 }
 function oe(e) {
@@ -1512,21 +1540,21 @@ function Xl(e) {
   return l === "string" || l === "number" || l === "boolean" || l === "bigint" || l === "date" || l === "repr" || l === "json" ? s : o;
 }
 function Yl(e, o) {
-  return o.kind === "valueSet" ? o.tokens.length === 1 ? `${e}: ${Xl(o.tokens[0] ?? "")}` : `${e}: ${o.tokens.length} values` : o.operator === "between" ? `${e} between ${U(o.value)} and ${U(o.value2)}` : o.operator === "isEmpty" || o.operator === "notEmpty" || o.operator === "isNull" || o.operator === "notNull" ? `${e} ${oe(o.operator)}` : `${e} ${oe(o.operator)} ${U(o.value)}`;
+  return o.kind === "valueSet" ? o.tokens.length === 1 ? `${e}: ${Xl(o.tokens[0] ?? "")}` : `${e}: ${o.tokens.length} values` : o.operator === "between" ? `${e} between ${$(o.value)} and ${$(o.value2)}` : o.operator === "isEmpty" || o.operator === "notEmpty" || o.operator === "isNull" || o.operator === "notNull" ? `${e} ${oe(o.operator)}` : `${e} ${oe(o.operator)} ${$(o.value)}`;
 }
 function Jl(e, o) {
   const r = o.clauses.map((l, s) => {
-    const i = s === 0 ? "" : `${String(l.join ?? "and").toUpperCase()} `;
-    return l.operator === "between" ? `${i}${oe(l.operator)} ${U(l.value)} and ${U(l.value2)}` : l.operator === "isEmpty" || l.operator === "notEmpty" || l.operator === "isNull" || l.operator === "notNull" ? `${i}${oe(l.operator)}` : `${i}${oe(l.operator)} ${U(l.value)}`;
+    const a = s === 0 ? "" : `${String(l.join ?? "and").toUpperCase()} `;
+    return l.operator === "between" ? `${a}${oe(l.operator)} ${$(l.value)} and ${$(l.value2)}` : l.operator === "isEmpty" || l.operator === "notEmpty" || l.operator === "isNull" || l.operator === "notNull" ? `${a}${oe(l.operator)}` : `${a}${oe(l.operator)} ${$(l.value)}`;
   }).filter((l) => l.length > 0);
   return r.length === 0 ? `${e}: active` : `${e} ${r.join(" ")}`;
 }
-function bn(e, o) {
+function hn(e, o) {
   if (e.kind === "condition") {
     const r = o(e.key);
-    return e.operator === "between" ? `${r} between ${U(e.value)} and ${U(e.value2)}` : e.operator === "isEmpty" || e.operator === "notEmpty" || e.operator === "isNull" || e.operator === "notNull" ? `${r} ${oe(e.operator)}` : `${r} ${oe(e.operator)} ${U(e.value)}`;
+    return e.operator === "between" ? `${r} between ${$(e.value)} and ${$(e.value2)}` : e.operator === "isEmpty" || e.operator === "notEmpty" || e.operator === "isNull" || e.operator === "notNull" ? `${r} ${oe(e.operator)}` : `${r} ${oe(e.operator)} ${$(e.value)}`;
   }
-  return e.kind === "not" ? `NOT (${bn(e.child, o)})` : e.children.map((r) => bn(r, o)).filter((r) => r.length > 0).join(` ${e.operator.toUpperCase()} `);
+  return e.kind === "not" ? `NOT (${hn(e.child, o)})` : e.children.map((r) => hn(r, o)).filter((r) => r.length > 0).join(` ${e.operator.toUpperCase()} `);
 }
 const Zl = [
   "sum",
@@ -1677,6 +1705,18 @@ const no = {
       type: Number,
       default: 31
     },
+    layoutMode: {
+      type: String,
+      default: "fill"
+    },
+    minRows: {
+      type: Number,
+      default: null
+    },
+    maxRows: {
+      type: Number,
+      default: null
+    },
     rowHover: {
       type: Boolean,
       default: !1
@@ -1715,9 +1755,9 @@ const no = {
     }
   },
   setup(e) {
-    const o = W(0), r = W(Mn(e.sortModel)), l = W(He(e.filterModel)), s = m(() => $l(l.value));
-    let i = "";
-    const w = () => {
+    const o = P(0), r = P(pn(e.sortModel)), l = P(ze(e.filterModel)), s = w(() => $l(l.value));
+    let a = "";
+    const f = () => {
       const t = e.runtimeRowModel.getSnapshot();
       return [
         t.kind,
@@ -1727,253 +1767,253 @@ const no = {
         t.projection?.recomputeVersion ?? t.projection?.version ?? ""
       ].join("|");
     };
-    i = w();
+    a = f();
     const C = e.runtimeRowModel.subscribe(() => {
-      const t = w();
-      t !== i && (i = t, o.value += 1);
+      const t = f();
+      t !== a && (a = t, o.value += 1);
     });
     En(() => {
       C();
-    }), K(
+    }), L(
       () => e.sortModel,
       (t) => {
-        r.value = Mn(t);
+        r.value = pn(t);
       },
       { deep: !0 }
-    ), K(
+    ), L(
       () => e.filterModel,
       (t) => {
-        l.value = He(t);
+        l.value = ze(t);
       },
       { deep: !0 }
     );
-    const b = m(() => e.mode), A = m(() => e.rows), v = m(() => (o.value, e.runtime.api.rows.getSnapshot().rowCount)), R = m(() => e.runtime.columnSnapshot.value.visibleColumns), y = m(() => e.runtime.columnSnapshot.value.columns ?? []), g = m(() => R.value.filter((t) => t.visible !== !1).map((t) => ({
+    const y = w(() => e.mode), A = w(() => e.rows), b = w(() => (o.value, e.runtime.api.rows.getSnapshot().rowCount)), R = w(() => e.runtime.columnSnapshot.value.visibleColumns), S = w(() => e.runtime.columnSnapshot.value.columns ?? []), h = w(() => R.value.filter((t) => t.visible !== !1).map((t) => ({
       key: t.key,
       label: t.column.label ?? t.key
-    }))), f = m(() => y.value.map((t) => ({
+    }))), g = w(() => S.value.map((t) => ({
       key: t.key,
       label: t.column.label ?? t.key,
       visible: t.visible !== !1
-    }))), M = m(() => y.value.filter((t) => t.column.capabilities?.aggregatable === !0).map((t) => ({
+    }))), I = w(() => S.value.filter((t) => t.column.capabilities?.aggregatable === !0).map((t) => ({
       key: t.key,
       label: t.column.label ?? t.key,
       allowedOps: to(t.column.dataType)
-    }))), I = W(e.rowHeightMode), x = m(() => Wl(e.baseRowHeight)), N = m(() => R.value[0]?.key ?? "name"), j = m(() => {
+    }))), M = P(e.rowHeightMode), x = w(() => Wl(e.baseRowHeight)), W = w(() => R.value[0]?.key ?? "name"), re = w(() => {
       const t = /* @__PURE__ */ new Map();
-      for (const n of y.value)
+      for (const n of S.value)
         t.set(n.key, n.column.label ?? n.key);
       return t;
     }), {
-      isColumnLayoutPanelOpen: ze,
-      columnLayoutPanelItems: pt,
-      openColumnLayoutPanel: Mt,
-      cancelColumnLayoutPanel: H,
-      applyColumnLayoutPanel: It,
-      moveColumnUp: xt,
-      moveColumnDown: At,
-      updateColumnVisibility: Ot
+      isColumnLayoutPanelOpen: vt,
+      columnLayoutPanelItems: je,
+      openColumnLayoutPanel: ht,
+      cancelColumnLayoutPanel: N,
+      applyColumnLayoutPanel: Be,
+      moveColumnUp: bt,
+      moveColumnDown: yt,
+      updateColumnVisibility: H
     } = ol({
-      resolveColumns: () => f.value,
+      resolveColumns: () => g.value,
       applyColumnLayout: (t) => {
         e.runtime.api.columns.setOrder(t.order);
-        for (const [n, a] of Object.entries(t.visibilityByKey))
-          e.runtime.api.columns.setVisibility(n, a);
+        for (const [n, u] of Object.entries(t.visibilityByKey))
+          e.runtime.api.columns.setVisibility(n, u);
       }
     }), {
-      isAdvancedFilterPanelOpen: Ft,
-      advancedFilterDraftClauses: Dt,
+      isAdvancedFilterPanelOpen: Rt,
+      advancedFilterDraftClauses: St,
       appliedAdvancedFilterExpression: he,
-      openAdvancedFilterPanel: Et,
-      addAdvancedFilterClause: kt,
-      removeAdvancedFilterClause: Ht,
-      updateAdvancedFilterClause: V,
-      cancelAdvancedFilterPanel: Vt,
-      applyAdvancedFilterPanel: zt,
-      clearAdvancedFilterPanel: Tt
+      openAdvancedFilterPanel: Mt,
+      addAdvancedFilterClause: pt,
+      removeAdvancedFilterClause: It,
+      updateAdvancedFilterClause: xt,
+      cancelAdvancedFilterPanel: At,
+      applyAdvancedFilterPanel: Ot,
+      clearAdvancedFilterPanel: Ft
     } = rl({
-      resolveColumns: () => g.value
-    }), q = W(!1), F = W(null), L = m(() => !!e.groupBy?.fields?.length), re = m(() => (o.value, Ve(e.runtime.api.rows.getAggregationModel()))), Te = m(() => (o.value, ql(e.runtime.api.rows.getSnapshot().groupBy))), je = m(() => {
+      resolveColumns: () => h.value
+    }), D = P(!1), F = P(null), ie = w(() => !!e.groupBy?.fields?.length), ae = w(() => (o.value, Te(e.runtime.api.rows.getAggregationModel()))), _e = w(() => (o.value, ql(e.runtime.api.rows.getSnapshot().groupBy))), be = w(() => {
       const t = new Map(
         (F.value?.columns ?? []).map((n) => [n.key, n.op])
       );
-      return M.value.map((n) => {
-        const a = n.allowedOps[0] ?? "count", u = t.get(n.key), d = u && n.allowedOps.includes(u) ? u : a;
+      return I.value.map((n) => {
+        const u = n.allowedOps[0] ?? "count", d = t.get(n.key), i = d && n.allowedOps.includes(d) ? d : u;
         return {
           key: n.key,
           label: n.label,
           enabled: t.has(n.key),
-          op: d,
+          op: i,
           allowedOps: n.allowedOps
         };
       });
-    }), ie = m(() => F.value?.basis === "source" ? "source" : "filtered");
-    K(
-      re,
+    }), G = w(() => F.value?.basis === "source" ? "source" : "filtered");
+    L(
+      ae,
       (t) => {
-        q.value || (F.value = Ve(t));
+        D.value || (F.value = Te(t));
       },
       { immediate: !0, deep: !0 }
-    ), K(
+    ), L(
       () => e.rowHeightMode,
       (t) => {
-        I.value = t;
+        M.value = t;
       }
     );
-    const Be = (t) => {
+    const Ge = (t) => {
       const n = l.value.columnFilters?.[t];
       return n ? n.kind === "valueSet" ? n.tokens.length > 0 : !0 : !1;
-    }, _e = (t) => {
+    }, Pe = (t) => {
       const n = l.value.columnFilters?.[t];
-      return !n || n.kind !== "valueSet" ? [] : n.tokens.map((a) => gn(String(a ?? "")));
-    }, Q = (t) => Tn(e.columnMenu, t), Ge = (t) => wl(e.columnMenu, t), Pe = (t) => Cl(e.columnMenu, t), ae = (t) => fl(e.columnMenu, t), Le = (t) => gl(e.columnMenu, t), X = (t) => {
-      const n = Te.value?.fields.findIndex((a) => a === t) ?? -1;
+      return !n || n.kind !== "valueSet" ? [] : n.tokens.map((u) => Cn(String(u ?? "")));
+    }, ye = (t) => Tn(e.columnMenu, t), Le = (t) => wl(e.columnMenu, t), We = (t) => gl(e.columnMenu, t), Ne = (t) => fl(e.columnMenu, t), Z = (t) => Cl(e.columnMenu, t), Re = (t) => {
+      const n = _e.value?.fields.findIndex((u) => u === t) ?? -1;
       return n >= 0 ? n : null;
-    }, Re = (t) => X(t) !== null, G = () => {
-      const t = r.value.map((a) => ({
-        key: a.key,
-        direction: a.direction
+    }, Ke = (t) => Re(t) !== null, V = () => {
+      const t = r.value.map((u) => ({
+        key: u.key,
+        direction: u.direction
       })), n = e.advancedFilter.enabled ? he.value : l.value.advancedExpression ?? null;
       e.runtime.api.rows.setSortAndFilterModel({
         sortModel: t,
-        filterModel: Nl({
+        filterModel: Kl({
           ...l.value,
           advancedExpression: n
         })
       });
-    }, ye = m(() => e.advancedFilter.enabled ? he.value ?? l.value.advancedExpression ?? null : l.value.advancedExpression ?? null), Se = m(() => {
-      const t = (a) => j.value.get(a) ?? a, n = [];
-      for (const [a, u] of Object.entries(l.value.columnFilters ?? {}))
-        u && n.push(Yl(t(a), u));
-      for (const [a, u] of Object.entries(l.value.advancedFilters ?? {}))
-        u && n.push(`Advanced: ${Jl(t(a), u)}`);
-      return ye.value && n.push(`Advanced: ${bn(ye.value, t)}`), Object.freeze(n);
-    }), We = m(() => Se.value.length > 0), jt = () => {
-      l.value = Cn(), Tt(), G();
+    }, $e = w(() => e.advancedFilter.enabled ? he.value ?? l.value.advancedExpression ?? null : l.value.advancedExpression ?? null), Q = w(() => {
+      const t = (u) => re.value.get(u) ?? u, n = [];
+      for (const [u, d] of Object.entries(l.value.columnFilters ?? {}))
+        d && n.push(Yl(t(u), d));
+      for (const [u, d] of Object.entries(l.value.advancedFilters ?? {}))
+        d && n.push(`Advanced: ${Jl(t(u), d)}`);
+      return $e.value && n.push(`Advanced: ${hn($e.value, t)}`), Object.freeze(n);
+    }), Se = w(() => Q.value.length > 0), Dt = () => {
+      l.value = gn(), Ft(), V();
     };
-    K(
+    L(
       he,
       () => {
-        e.advancedFilter.enabled && G();
+        e.advancedFilter.enabled && V();
       },
       { deep: !0 }
     );
-    const Bt = (t, n = !1) => {
-      const a = r.value.findIndex((d) => d.key === t), u = a >= 0 ? r.value[a] : null;
-      if (!u) {
-        const d = { key: t, direction: "asc" };
-        r.value = n ? [...r.value, d] : [d], G();
+    const Ue = (t, n = !1) => {
+      const u = r.value.findIndex((i) => i.key === t), d = u >= 0 ? r.value[u] : null;
+      if (!d) {
+        const i = { key: t, direction: "asc" };
+        r.value = n ? [...r.value, i] : [i], V();
         return;
       }
-      if (u.direction === "asc") {
-        const d = { key: t, direction: "desc" };
-        n ? r.value = r.value.map((h) => h.key === t ? d : h) : r.value = [d], G();
+      if (d.direction === "asc") {
+        const i = { key: t, direction: "desc" };
+        n ? r.value = r.value.map((m) => m.key === t ? i : m) : r.value = [i], V();
         return;
       }
-      r.value = n ? r.value.filter((d) => d.key !== t) : [], G();
-    }, pe = (t) => {
-      const n = r.value.findIndex((d) => d.key === t);
+      r.value = n ? r.value.filter((i) => i.key !== t) : [], V();
+    }, qe = (t) => {
+      const n = r.value.findIndex((i) => i.key === t);
       if (n < 0)
         return "";
-      const a = r.value[n];
-      if (!a)
+      const u = r.value[n];
+      if (!u)
         return "";
-      const u = a.direction === "asc" ? "↑" : "↓";
-      return r.value.length > 1 ? `${u}${n + 1}` : u;
-    }, Ke = (t, n) => {
-      const a = He(l.value), u = n.trim();
-      u ? a.columnFilters[t] = {
+      const d = u.direction === "asc" ? "↑" : "↓";
+      return r.value.length > 1 ? `${d}${n + 1}` : d;
+    }, Et = (t, n) => {
+      const u = ze(l.value), d = n.trim();
+      d ? u.columnFilters[t] = {
         kind: "predicate",
         operator: "contains",
-        value: u,
+        value: d,
         caseSensitive: !1
-      } : delete a.columnFilters[t], l.value = a, G();
-    }, _t = () => {
-      e.runtime.api.view.setRowHeightMode(I.value), e.runtime.api.view.setBaseRowHeight(x.value);
-    }, Gt = () => {
-      F.value = Ve(re.value), q.value = !0;
-    }, Me = () => {
-      F.value = Ve(re.value), q.value = !1;
+      } : delete u.columnFilters[t], l.value = u, V();
+    }, kt = () => {
+      e.runtime.api.view.setRowHeightMode(M.value), e.runtime.api.view.setBaseRowHeight(x.value);
+    }, Ht = () => {
+      F.value = Te(ae.value), D.value = !0;
+    }, se = () => {
+      F.value = Te(ae.value), D.value = !1;
     };
-    K(
-      L,
+    L(
+      ie,
       (t) => {
-        t || Me();
+        t || se();
       },
       { immediate: !0 }
     );
-    const Pt = () => {
+    const Xe = () => {
       F.value = null;
-    }, Ne = (t) => {
+    }, Vt = (t) => {
       F.value = {
         basis: t,
         columns: F.value?.columns ?? []
       };
-    }, ee = (t, n) => {
-      const a = M.value.find((S) => S.key === t);
-      if (!a)
+    }, zt = (t, n) => {
+      const u = I.value.find((v) => v.key === t);
+      if (!u)
         return;
-      const u = F.value?.columns ?? [];
+      const d = F.value?.columns ?? [];
       if (!n) {
-        const S = u.filter((D) => D.key !== t);
-        F.value = S.length > 0 ? { basis: ie.value, columns: S } : null;
+        const v = d.filter((O) => O.key !== t);
+        F.value = v.length > 0 ? { basis: G.value, columns: v } : null;
         return;
       }
-      const h = u.find((S) => S.key === t) ?? {
+      const m = d.find((v) => v.key === t) ?? {
         key: t,
-        op: a.allowedOps[0] ?? "count"
+        op: u.allowedOps[0] ?? "count"
       };
       F.value = {
-        basis: ie.value,
+        basis: G.value,
         columns: [
-          ...u.filter((S) => S.key !== t),
-          h
+          ...d.filter((v) => v.key !== t),
+          m
         ]
       };
-    }, te = (t, n) => {
-      const a = M.value.find((d) => d.key === t);
-      if (!a || !a.allowedOps.includes(n))
+    }, Ye = (t, n) => {
+      const u = I.value.find((i) => i.key === t);
+      if (!u || !u.allowedOps.includes(n))
         return;
-      const u = (F.value?.columns ?? []).map((d) => d.key !== t ? d : {
-        ...d,
+      const d = (F.value?.columns ?? []).map((i) => i.key !== t ? i : {
+        ...i,
         op: n
       });
       F.value = {
-        basis: ie.value,
-        columns: u
+        basis: G.value,
+        columns: d
       };
-    }, Lt = () => {
+    }, Tt = () => {
       const t = F.value && F.value.columns.length > 0 ? F.value : null;
-      e.runtime.api.rows.setAggregationModel(t), F.value = Ve(t), q.value = !1;
-    }, $e = (t) => r.value.find((n) => n.key === t)?.direction ?? null, Ue = (t, n) => {
-      const a = R.value.find((u) => u.key === t);
-      !a || a.column.capabilities?.sortable === !1 || (r.value = n === null ? r.value.filter((u) => u.key !== t) : [{ key: t, direction: n }], G());
-    }, qe = (t, n) => {
+      e.runtime.api.rows.setAggregationModel(t), F.value = Te(t), D.value = !1;
+    }, Me = (t) => r.value.find((n) => n.key === t)?.direction ?? null, U = (t, n) => {
+      const u = R.value.find((d) => d.key === t);
+      !u || u.column.capabilities?.sortable === !1 || (r.value = n === null ? r.value.filter((d) => d.key !== t) : [{ key: t, direction: n }], V());
+    }, q = (t, n) => {
       e.runtime.api.columns.setPin(t, n);
-    }, Xe = (t, n) => {
-      const a = Te.value, u = n ? Array.from(/* @__PURE__ */ new Set([...a?.fields ?? [], t])) : (a?.fields ?? []).filter((d) => d !== t);
-      e.runtime.api.rows.setGroupBy(u.length > 0 ? {
-        fields: u,
-        expandedByDefault: a?.expandedByDefault ?? !0
+    }, Je = (t, n) => {
+      const u = _e.value, d = n ? Array.from(/* @__PURE__ */ new Set([...u?.fields ?? [], t])) : (u?.fields ?? []).filter((i) => i !== t);
+      e.runtime.api.rows.setGroupBy(d.length > 0 ? {
+        fields: d,
+        expandedByDefault: u?.expandedByDefault ?? !0
       } : null);
-    }, Ye = (t, n) => {
-      const a = Array.from(new Set(
-        n.map((d) => gn(String(d ?? ""))).filter((d) => d.length > 0)
+    }, Ze = (t, n) => {
+      const u = Array.from(new Set(
+        n.map((i) => Cn(String(i ?? ""))).filter((i) => i.length > 0)
       ));
-      if (a.length === 0) {
-        Ie(t);
+      if (u.length === 0) {
+        pe(t);
         return;
       }
-      const u = He(l.value);
-      u.columnFilters[t] = {
+      const d = ze(l.value);
+      d.columnFilters[t] = {
         kind: "valueSet",
-        tokens: a
-      }, l.value = u, G();
-    }, Ie = (t) => {
-      const n = He(l.value);
-      delete n.columnFilters[t], l.value = n, G();
-    }, ne = W(null), z = W(null);
-    let se = 0;
-    const xe = () => {
+        tokens: u
+      }, l.value = d, V();
+    }, pe = (t) => {
+      const n = ze(l.value);
+      delete n.columnFilters[t], l.value = n, V();
+    }, ee = P(null), j = P(null);
+    let Qe = 0;
+    const Ie = () => {
       const t = e.selectionSnapshot.value, n = t?.ranges[t.activeRangeIndex] ?? null;
       return n ? {
         startRow: n.startRow,
@@ -1981,16 +2021,16 @@ const no = {
         startColumn: n.startCol,
         endColumn: n.endCol
       } : null;
-    }, Je = () => {
+    }, et = () => {
       const t = e.selectionSnapshot.value?.activeCell;
       return t ? {
         rowIndex: t.rowIndex,
         columnIndex: t.colIndex
       } : null;
-    }, Ze = (t) => t ? t.startRow !== t.endRow || t.startColumn !== t.endColumn : !1, Qe = (t, n) => t.rowIndex >= Math.min(n.startRow, n.endRow) && t.rowIndex <= Math.max(n.startRow, n.endRow) && t.columnIndex >= Math.min(n.startColumn, n.endColumn) && t.columnIndex <= Math.max(n.startColumn, n.endColumn), Wt = (t, n) => {
-      const a = e.runtime.resolveBodyRowIndexById(t), u = R.value.findIndex((d) => d.key === n);
-      return a < 0 || u < 0 ? null : { rowIndex: a, columnIndex: u };
-    }, et = (t) => ({
+    }, xe = (t) => t ? t.startRow !== t.endRow || t.startColumn !== t.endColumn : !1, ue = (t, n) => t.rowIndex >= Math.min(n.startRow, n.endRow) && t.rowIndex <= Math.max(n.startRow, n.endRow) && t.columnIndex >= Math.min(n.startColumn, n.endColumn) && t.columnIndex <= Math.max(n.startColumn, n.endColumn), jt = (t, n) => {
+      const u = e.runtime.resolveBodyRowIndexById(t), d = R.value.findIndex((i) => i.key === n);
+      return u < 0 || d < 0 ? null : { rowIndex: u, columnIndex: d };
+    }, tt = (t) => ({
       ranges: [{
         startRow: t.rowIndex,
         endRow: t.rowIndex,
@@ -2015,386 +2055,389 @@ const no = {
         colIndex: t.columnIndex,
         rowId: e.runtime.getBodyRowAtIndex(t.rowIndex)?.rowId ?? null
       }
-    }), Ae = (t) => {
+    }), nt = (t) => {
       const n = e.runtime.api.rows.getCount();
-      for (let a = 0; a < n; a += 1) {
-        const u = e.runtime.api.rows.get(a);
-        if (u && String(u.rowId) === t)
-          return u;
+      for (let u = 0; u < n; u += 1) {
+        const d = e.runtime.api.rows.get(u);
+        if (d && String(d.rowId) === t)
+          return d;
       }
       return null;
-    }, tt = async (t) => {
+    }, Bt = async (t) => {
       try {
         return globalThis.navigator?.clipboard?.writeText ? (await globalThis.navigator.clipboard.writeText(t), !0) : !1;
       } catch {
         return !1;
       }
-    }, nt = async () => {
+    }, _t = async () => {
       try {
         return globalThis.navigator?.clipboard?.readText ? await globalThis.navigator.clipboard.readText() : "";
       } catch {
         return "";
       }
-    }, Kt = async () => {
-      if (z.value?.rows.length)
-        return z.value.rows.map((n) => J(n));
-      const t = (await nt()).trim();
+    }, Gt = async () => {
+      if (j.value?.rows.length)
+        return j.value.rows.map((n) => Y(n));
+      const t = (await _t()).trim();
       if (!t)
         return null;
       try {
         const n = JSON.parse(t);
         if (Array.isArray(n))
-          return n.filter((a) => !!a && typeof a == "object").map((a) => J(a));
+          return n.filter((u) => !!u && typeof u == "object").map((u) => Y(u));
         if (n && typeof n == "object")
-          return [J(n)];
+          return [Y(n)];
       } catch {
         return null;
       }
       return null;
-    }, lt = async (t, n, a = []) => {
-      const u = t.map((h) => J(h));
-      z.value = {
-        rows: u,
+    }, Ae = async (t, n, u = []) => {
+      const d = t.map((m) => Y(m));
+      j.value = {
+        rows: d,
         operation: n,
-        sourceRowIds: a.map((h) => String(h))
+        sourceRowIds: u.map((m) => String(m))
       };
-      const d = Ul(u);
-      return d && await tt(d), !0;
-    }, le = () => e.runtime.api.rows.hasInsertSupport(), Oe = () => e.runtime.api.rows.hasDataMutationSupport(), ue = (t) => !t || typeof t != "object" ? !1 : "data" in t || "row" in t || "kind" in t || "state" in t || "sourceIndex" in t || "originalIndex" in t || "displayIndex" in t, ce = (t) => {
+      const i = Ul(d);
+      return i && await Bt(i), !0;
+    }, te = () => e.runtime.api.rows.hasInsertSupport(), ce = () => e.runtime.api.rows.hasDataMutationSupport(), de = (t) => !t || typeof t != "object" ? !1 : "data" in t || "row" in t || "kind" in t || "state" in t || "sourceIndex" in t || "originalIndex" in t || "displayIndex" in t, me = (t) => {
       const n = t;
       return n.rowId != null ? String(n.rowId) : n.id != null ? String(n.id) : null;
-    }, de = (t) => {
+    }, ne = (t) => {
       for (const n of e.rows) {
         if (!n || typeof n != "object")
           continue;
-        const a = n;
-        if ((a.rowId != null ? String(a.rowId) : a.rowKey != null ? String(a.rowKey) : null) === t && ue(a))
-          return a;
+        const u = n;
+        if ((u.rowId != null ? String(u.rowId) : u.rowKey != null ? String(u.rowKey) : null) === t && de(u))
+          return u;
       }
       for (const n of e.rows) {
         if (!n || typeof n != "object")
           continue;
-        const a = n;
-        if (ue(a))
-          return a;
+        const u = n;
+        if (de(u))
+          return u;
       }
       return null;
-    }, me = () => (se += 1, `datagrid-row-${Date.now()}-${se}`), ot = (t) => {
-      const n = J(t), a = me();
-      let u = !1;
-      return "id" in n && (n.id = a, u = !0), "rowId" in n && (n.rowId = a, u = !0), u || (n.id = a), n;
-    }, rt = (t) => {
-      const n = me(), a = {};
-      for (const [u, d] of Object.entries(t)) {
-        if (u === "id" || u === "rowId") {
-          a[u] = n;
+    }, Oe = () => (Qe += 1, `datagrid-row-${Date.now()}-${Qe}`), Pt = (t) => {
+      const n = Y(t), u = Oe();
+      let d = !1;
+      return "id" in n && (n.id = u, d = !0), "rowId" in n && (n.rowId = u, d = !0), d || (n.id = u), n;
+    }, Lt = (t) => {
+      const n = Oe(), u = {};
+      for (const [d, i] of Object.entries(t)) {
+        if (d === "id" || d === "rowId") {
+          u[d] = n;
           continue;
         }
-        a[u] = typeof d == "number" ? null : "";
+        u[d] = typeof i == "number" ? null : "";
       }
-      return !("id" in a) && !("rowId" in a) && (a.id = n), a;
-    }, it = (t, n, a) => {
-      const u = me(), d = a === "clone" ? J(t) : Object.entries(t).reduce((S, [D, p]) => (S[D] = typeof p == "number" ? null : "", S), {});
-      ("id" in d || !("rowId" in d) && !("id" in d)) && (d.id = u), "rowId" in d && (d.rowId = u), "rowKey" in d && (d.rowKey = u);
-      const h = typeof n.state == "object" && n.state != null ? n.state : null;
+      return !("id" in u) && !("rowId" in u) && (u.id = n), u;
+    }, lt = (t, n, u) => {
+      const d = Oe(), i = u === "clone" ? Y(t) : Object.entries(t).reduce((v, [O, p]) => (v[O] = typeof p == "number" ? null : "", v), {});
+      ("id" in i || !("rowId" in i) && !("id" in i)) && (i.id = d), "rowId" in i && (i.rowId = d), "rowKey" in i && (i.rowKey = d);
+      const m = typeof n.state == "object" && n.state != null ? n.state : null;
       return {
         kind: n.kind === "group" ? "leaf" : n.kind ?? "leaf",
-        rowId: u,
-        rowKey: u,
+        rowId: d,
+        rowKey: d,
         state: {
-          ...h ?? {},
+          ...m ?? {},
           selected: !1,
           group: !1,
           pinned: "none",
           expanded: !1
         },
-        data: d,
-        row: J(d)
+        data: i,
+        row: Y(i)
       };
-    }, Nt = (t, n = null) => n && ue(n) ? it(t, n, "clone") : ot(t), at = (t, n = null) => n && ue(n) ? it(t, n, "blank") : rt(t), st = (t) => {
-      const a = (e.rowSelectionSnapshot.value?.selectedRows ?? []).map((h) => String(h)).filter((h) => h.length > 0 && Ae(h)?.kind !== "group");
-      if (a.length > 0)
-        return a;
-      const u = xe(), d = R.value.length - 1;
-      if (u && d >= 0) {
-        const h = Math.min(u.startColumn, u.endColumn), S = Math.max(u.startColumn, u.endColumn), D = Math.min(u.startRow, u.endRow), p = Math.max(u.startRow, u.endRow), P = t.length > 0 ? e.runtime.resolveBodyRowIndexById(t) : -1;
-        if (h === 0 && S === d && (P < 0 || P >= D && P <= p)) {
-          const $ = [];
-          for (let T = D; T <= p; T += 1) {
+    }, ot = (t, n = null) => n && de(n) ? lt(t, n, "clone") : Pt(t), Fe = (t, n = null) => n && de(n) ? lt(t, n, "blank") : Lt(t), De = (t) => {
+      const u = (e.rowSelectionSnapshot.value?.selectedRows ?? []).map((m) => String(m)).filter((m) => m.length > 0 && nt(m)?.kind !== "group");
+      if (u.length > 0)
+        return u;
+      const d = Ie(), i = R.value.length - 1;
+      if (d && i >= 0) {
+        const m = Math.min(d.startColumn, d.endColumn), v = Math.max(d.startColumn, d.endColumn), O = Math.min(d.startRow, d.endRow), p = Math.max(d.startRow, d.endRow), _ = t.length > 0 ? e.runtime.resolveBodyRowIndexById(t) : -1;
+        if (m === 0 && v === i && (_ < 0 || _ >= O && _ <= p)) {
+          const K = [];
+          for (let T = O; T <= p; T += 1) {
             const E = e.runtime.getBodyRowAtIndex(T);
-            !E || E.kind === "group" || E.rowId == null || $.push(String(E.rowId));
+            !E || E.kind === "group" || E.rowId == null || K.push(String(E.rowId));
           }
-          if ($.length > 0)
-            return $;
+          if (K.length > 0)
+            return K;
         }
       }
       return t.length > 0 ? [t] : [];
-    }, ut = () => {
+    }, rt = () => {
       const t = [], n = e.runtime.api.rows.getCount();
-      for (let a = 0; a < n; a += 1) {
-        const u = e.runtime.api.rows.get(a);
-        !u || u.kind === "group" || t.push(u.data);
+      for (let u = 0; u < n; u += 1) {
+        const d = e.runtime.api.rows.get(u);
+        !d || d.kind === "group" || t.push(d.data);
       }
       return t;
-    }, $t = (t) => {
-      if (!Oe() || t.length === 0)
+    }, Wt = (t) => {
+      if (!ce() || t.length === 0)
         return !1;
-      const n = new Set(t), a = ut().filter((u) => {
-        const d = ce(u);
-        return d == null || !n.has(d);
+      const n = new Set(t), u = rt().filter((d) => {
+        const i = me(d);
+        return i == null || !n.has(i);
       });
-      return a.length === e.runtime.api.rows.getCount() ? !1 : (e.runtime.api.rows.replaceData(a), e.runtime.api.rowSelection.hasSupport() && (e.runtime.api.rowSelection.clearSelectedRows(), e.syncRowSelectionSnapshotFromRuntime?.()), !0);
-    }, we = (t, n) => {
-      if (!Oe() || t.length === 0 || !n)
+      return u.length === e.runtime.api.rows.getCount() ? !1 : (e.runtime.api.rows.replaceData(u), e.runtime.api.rowSelection.hasSupport() && (e.runtime.api.rowSelection.clearSelectedRows(), e.syncRowSelectionSnapshotFromRuntime?.()), !0);
+    }, Nt = (t, n) => {
+      if (!ce() || t.length === 0 || !n)
         return !1;
-      const a = ut(), u = new Set(t.map((D) => String(D)));
-      if (u.has(String(n)))
+      const u = rt(), d = new Set(t.map((O) => String(O)));
+      if (d.has(String(n)))
         return !1;
-      const d = a.filter((D) => {
-        const p = ce(D);
-        return p != null && u.has(p);
+      const i = u.filter((O) => {
+        const p = me(O);
+        return p != null && d.has(p);
       });
-      if (d.length === 0)
+      if (i.length === 0)
         return !1;
-      const h = a.filter((D) => {
-        const p = ce(D);
-        return p == null || !u.has(p);
-      }), S = h.findIndex((D) => ce(D) === n);
-      return S < 0 ? !1 : (e.runtime.api.rows.replaceData([
-        ...h.slice(0, S + 1),
-        ...d,
-        ...h.slice(S + 1)
+      const m = u.filter((O) => {
+        const p = me(O);
+        return p == null || !d.has(p);
+      }), v = m.findIndex((O) => me(O) === n);
+      return v < 0 ? !1 : (e.runtime.api.rows.replaceData([
+        ...m.slice(0, v + 1),
+        ...i,
+        ...m.slice(v + 1)
       ]), e.runtime.api.rowSelection.hasSupport() && (e.runtime.api.rowSelection.selectRows(t), e.syncRowSelectionSnapshotFromRuntime?.()), !0);
-    }, ct = () => z.value ? (z.value = null, !0) : !1, Ut = (t) => {
+    }, Kt = () => j.value ? (j.value = null, !0) : !1, $t = (t) => {
       if (t.kind === "group")
         return !1;
-      const n = z.value;
+      const n = j.value;
       return n ? n.sourceRowIds.includes(String(t.rowId)) : !1;
     };
-    let dt = () => !1, mt = () => {
-    }, wt = () => {
-    }, Fe = async (t, n) => !1;
-    const qt = (t, n) => {
+    let it = () => !1, le = () => {
+    }, Ee = () => {
+    }, ke = async (t, n) => !1;
+    const Ut = (t, n) => {
       if (n)
         return n;
-      const a = In[t], u = oo[t];
-      return u ? `${a} (${u})` : a;
+      const u = In[t], d = oo[t];
+      return d ? `${u} (${d})` : u;
     }, {
-      tableStageProps: De,
-      tableStageContext: ft,
-      copySelectedCells: Xt,
-      pasteSelectedCells: Yt,
-      cutSelectedCells: Ct,
+      tableStageProps: He,
+      tableStageContext: at,
+      copySelectedCells: qt,
+      pasteSelectedCells: Xt,
+      cutSelectedCells: Yt,
       clearSelectedCells: Jt,
-      captureHistorySnapshot: fe,
+      captureHistorySnapshot: we,
       recordHistoryIntentTransaction: Zt
     } = Bl({
-      mode: b,
+      mode: y,
+      layoutMode: w(() => e.layoutMode),
+      minRows: w(() => e.minRows),
+      maxRows: w(() => e.maxRows),
       rows: A,
       sourceRows: A,
       runtime: e.runtime,
       rowVersion: o,
-      totalRuntimeRows: v,
+      totalRuntimeRows: b,
       visibleColumns: R,
-      rowRenderMode: m(() => e.renderMode),
-      rowHeightMode: I,
+      rowRenderMode: w(() => e.renderMode),
+      rowHeightMode: M,
       normalizedBaseRowHeight: x,
       selectionSnapshot: e.selectionSnapshot,
       selectionAnchor: e.selectionAnchor,
       rowSelectionSnapshot: e.rowSelectionSnapshot,
-      rowHover: m(() => e.rowHover),
-      stripedRows: m(() => e.stripedRows),
-      showRowIndex: m(() => e.showRowIndex),
-      showRowSelection: m(() => e.rowSelection),
-      isRowInPendingClipboardCut: Ut,
+      rowHover: w(() => e.rowHover),
+      stripedRows: w(() => e.stripedRows),
+      showRowIndex: w(() => e.showRowIndex),
+      showRowSelection: w(() => e.rowSelection),
+      isRowInPendingClipboardCut: $t,
       syncSelectionSnapshotFromRuntime: e.syncSelectionSnapshotFromRuntime,
       syncRowSelectionSnapshotFromRuntime: e.syncRowSelectionSnapshotFromRuntime,
-      clearExternalPendingClipboardOperation: ct,
-      firstColumnKey: N,
+      clearExternalPendingClipboardOperation: Kt,
+      firstColumnKey: W,
       columnFilterTextByKey: s,
-      virtualization: m(() => e.virtualization),
-      toggleSortForColumn: Bt,
-      sortIndicator: pe,
-      setColumnFilterText: Ke,
-      columnMenuEnabled: m(() => e.columnMenu.enabled),
-      columnMenuMaxFilterValues: m(() => e.columnMenu.maxFilterValues),
-      resolveColumnMenuItems: Q,
-      resolveColumnMenuDisabledItems: Ge,
-      resolveColumnMenuDisabledReasons: Pe,
-      resolveColumnMenuLabels: ae,
-      resolveColumnMenuActionOptions: Le,
-      isColumnFilterActive: Be,
-      isColumnGrouped: Re,
-      resolveColumnGroupOrder: X,
-      resolveColumnMenuSortDirection: $e,
-      resolveColumnMenuSelectedTokens: _e,
-      applyColumnMenuSort: Ue,
-      applyColumnMenuPin: qe,
-      applyColumnMenuGroupBy: Xe,
-      applyColumnMenuFilter: Ye,
-      clearColumnMenuFilter: Ie,
-      applyRowHeightSettings: _t,
-      cloneRowData: J,
+      virtualization: w(() => e.virtualization),
+      toggleSortForColumn: Ue,
+      sortIndicator: qe,
+      setColumnFilterText: Et,
+      columnMenuEnabled: w(() => e.columnMenu.enabled),
+      columnMenuMaxFilterValues: w(() => e.columnMenu.maxFilterValues),
+      resolveColumnMenuItems: ye,
+      resolveColumnMenuDisabledItems: Le,
+      resolveColumnMenuDisabledReasons: We,
+      resolveColumnMenuLabels: Ne,
+      resolveColumnMenuActionOptions: Z,
+      isColumnFilterActive: Ge,
+      isColumnGrouped: Ke,
+      resolveColumnGroupOrder: Re,
+      resolveColumnMenuSortDirection: Me,
+      resolveColumnMenuSelectedTokens: Pe,
+      applyColumnMenuSort: U,
+      applyColumnMenuPin: q,
+      applyColumnMenuGroupBy: Je,
+      applyColumnMenuFilter: Ze,
+      clearColumnMenuFilter: pe,
+      applyRowHeightSettings: kt,
+      cloneRowData: Y,
       isCellEditable: e.isCellEditable,
-      isContextMenuVisible: () => dt(),
-      closeContextMenu: () => mt(),
+      isContextMenuVisible: () => it(),
+      closeContextMenu: () => le(),
       openContextMenuFromCurrentCell: () => {
-        wt();
+        Ee();
       },
-      runRowIndexKeyboardAction: (t, n) => Fe(t, n)
+      runRowIndexKeyboardAction: (t, n) => ke(t, n)
     }), {
-      contextMenu: B,
-      contextMenuRef: gt,
+      contextMenu: z,
+      contextMenuRef: st,
       contextMenuStyle: Qt,
-      closeContextMenu: Y,
-      openContextMenu: Ee,
+      closeContextMenu: X,
+      openContextMenu: Ve,
       onContextMenuKeyDown: en
     } = Wn();
-    dt = () => B.value.visible, mt = Y;
+    it = () => z.value.visible, le = X;
     const tn = il({
       isInteractionBlocked: () => !1,
       isRangeMoveModifierActive: () => !1,
-      resolveSelectionRange: xe,
-      resolveCellCoordFromDataset: Wt,
+      resolveSelectionRange: Ie,
+      resolveCellCoordFromDataset: jt,
       applyCellSelection: (t) => {
-        e.runtime.api.selection.setSnapshot(et(t)), e.syncSelectionSnapshotFromRuntime();
+        e.runtime.api.selection.setSnapshot(tt(t)), e.syncSelectionSnapshotFromRuntime();
       },
-      resolveActiveCellCoord: Je,
+      resolveActiveCellCoord: et,
       setActiveCellCoord: (t) => {
-        e.runtime.api.selection.setSnapshot(et(t)), e.syncSelectionSnapshotFromRuntime();
+        e.runtime.api.selection.setSnapshot(tt(t)), e.syncSelectionSnapshotFromRuntime();
       },
       cellCoordsEqual: (t, n) => t?.rowIndex === n?.rowIndex && t?.columnIndex === n?.columnIndex,
-      isMultiCellSelection: Ze,
-      isCoordInsideRange: Qe,
-      openContextMenu: Ee,
-      closeContextMenu: Y,
-      isColumnContextEnabled: (t) => e.cellMenu.enabled ? ht(e.cellMenu, t).length > 0 : !1,
+      isMultiCellSelection: xe,
+      isCoordInsideRange: ue,
+      openContextMenu: Ve,
+      closeContextMenu: X,
+      isColumnContextEnabled: (t) => e.cellMenu.enabled ? wt(e.cellMenu, t).length > 0 : !1,
       isRowIndexContextEnabled: () => e.rowIndexMenu.enabled && e.showRowIndex
     }), nn = al({
-      resolveCurrentCellCoord: Je,
-      resolveViewportElement: () => ne.value,
+      resolveCurrentCellCoord: et,
+      resolveViewportElement: () => ee.value,
       resolveRowAtIndex: (t) => e.runtime.getBodyRowAtIndex(t) ?? void 0,
       resolveColumnAtIndex: (t) => R.value[t] ?? void 0,
-      resolveSelectionRange: xe,
-      isMultiCellSelection: (t) => Ze(t),
-      isCoordInsideRange: Qe,
-      openContextMenu: Ee,
-      isColumnContextEnabled: (t) => e.cellMenu.enabled && ht(e.cellMenu, t.key).length > 0
+      resolveSelectionRange: Ie,
+      isMultiCellSelection: (t) => xe(t),
+      isCoordInsideRange: ue,
+      openContextMenu: Ve,
+      isColumnContextEnabled: (t) => e.cellMenu.enabled && wt(e.cellMenu, t.key).length > 0
     });
-    wt = () => {
+    Ee = () => {
       nn.openContextMenuFromCurrentCell();
     };
     const ln = (t) => {
-      if (!e.rowIndexMenu.enabled || !e.showRowIndex || !ne.value)
+      if (!e.rowIndexMenu.enabled || !e.showRowIndex || !ee.value)
         return !1;
-      const n = String(t), a = `.datagrid-stage__row-index-cell[data-row-id="${Kl(n)}"]`, u = ne.value.querySelector(a);
-      if (!u)
+      const n = String(t), u = `.datagrid-stage__row-index-cell[data-row-id="${Nl(n)}"]`, d = ee.value.querySelector(u);
+      if (!d)
         return !1;
-      const d = u.getBoundingClientRect();
-      return Ee(
-        d.left + Math.max(10, Math.min(d.width / 2, Math.max(10, d.width - 10))),
-        d.bottom - 4,
+      const i = d.getBoundingClientRect();
+      return Ve(
+        i.left + Math.max(10, Math.min(i.width / 2, Math.max(10, i.width - 10))),
+        i.bottom - 4,
         {
           zone: "row-index",
           rowId: n
         }
       ), !0;
-    }, Ce = (t, n) => {
+    }, fe = (t, n) => {
       Zt({
         intent: "edit",
         label: n
       }, t);
     };
-    Fe = async (t, n) => {
-      const a = String(n);
+    ke = async (t, n) => {
+      const u = String(n);
       if (t === "open-row-menu")
-        return ln(a);
-      const u = Ae(a);
-      if (!u || u.kind === "group")
+        return ln(u);
+      const d = nt(u);
+      if (!d || d.kind === "group")
         return !1;
       if (t === "insert-row-above") {
-        if (!le())
+        if (!te())
           return !1;
-        const d = fe(), h = e.runtime.api.rows.insertDataBefore(
+        const i = we(), m = e.runtime.api.rows.insertDataBefore(
           n,
-          [at(u.data, de(a))]
+          [Fe(d.data, ne(u))]
         );
-        return h && Ce(d, "Insert row above"), h;
+        return m && fe(i, "Insert row above"), m;
       }
       if (t === "insert-row-below") {
-        if (!le())
+        if (!te())
           return !1;
-        const d = fe(), h = e.runtime.api.rows.insertDataAfter(
+        const i = we(), m = e.runtime.api.rows.insertDataAfter(
           n,
-          [at(u.data, de(a))]
+          [Fe(d.data, ne(u))]
         );
-        return h && Ce(d, "Insert row below"), h;
+        return m && fe(i, "Insert row below"), m;
       }
       if (t === "copy-row")
-        return lt([u.data], "copy", [a]);
+        return Ae([d.data], "copy", [u]);
       if (t === "cut-row")
-        return lt([u.data], "cut", [a]);
+        return Ae([d.data], "cut", [u]);
       if (t === "paste-row") {
-        if (!le())
+        if (!te())
           return !1;
-        const d = await Kt();
-        if (!d || d.length === 0)
+        const i = await Gt();
+        if (!i || i.length === 0)
           return !1;
-        const h = fe(), S = z.value?.operation === "cut" ? z.value.sourceRowIds : [], D = de(
-          S[0] ?? a
-        ) ?? de(a), p = S.length > 0 ? we(S, a) : e.runtime.api.rows.insertDataAfter(
+        const m = we(), v = j.value?.operation === "cut" ? j.value.sourceRowIds : [], O = ne(
+          v[0] ?? u
+        ) ?? ne(u), p = v.length > 0 ? Nt(v, u) : e.runtime.api.rows.insertDataAfter(
           n,
-          d.map((P) => Nt(P, D))
+          i.map((_) => ot(_, O))
         );
-        return p && z.value?.operation === "cut" && (z.value = null), p && Ce(
-          h,
-          S.length > 0 ? S.length > 1 ? `Move ${S.length} rows` : "Move row" : d.length > 1 ? `Paste ${d.length} rows` : "Paste row"
+        return p && j.value?.operation === "cut" && (j.value = null), p && fe(
+          m,
+          v.length > 0 ? v.length > 1 ? `Move ${v.length} rows` : "Move row" : i.length > 1 ? `Paste ${i.length} rows` : "Paste row"
         ), p;
       }
       if (t === "delete-selected-rows") {
-        const d = st(a);
-        if (d.length === 0)
+        const i = De(u);
+        if (i.length === 0)
           return !1;
-        const h = fe(), S = $t(d);
-        return S && Ce(h, d.length > 1 ? `Delete ${d.length} rows` : "Delete row"), S;
+        const m = we(), v = Wt(i);
+        return v && fe(m, i.length > 1 ? `Delete ${i.length} rows` : "Delete row"), v;
       }
       return !1;
     };
     const on = sl({
       resolveContextMenuState: () => ({
-        zone: B.value.zone,
-        columnKey: B.value.columnKey,
-        rowId: B.value.rowId
+        zone: z.value.zone,
+        columnKey: z.value.columnKey,
+        rowId: z.value.rowId
       }),
       runHeaderContextAction: () => !1,
-      runRowIndexContextAction: Fe,
-      copySelection: Xt,
-      pasteSelection: Yt,
-      cutSelection: Ct,
+      runRowIndexContextAction: ke,
+      copySelection: qt,
+      pasteSelection: Xt,
+      cutSelection: Yt,
       clearCurrentSelection: Jt,
-      closeContextMenu: Y
-    }), ke = m(() => {
-      if (!B.value.visible)
+      closeContextMenu: X
+    }), ut = w(() => {
+      if (!z.value.visible)
         return [];
-      const t = B.value.zone;
+      const t = z.value.zone;
       if (t === "cell" || t === "range") {
-        const n = B.value.columnKey ?? "";
+        const n = z.value.columnKey ?? "";
         if (!e.cellMenu.enabled || !n)
           return [];
-        const a = ht(e.cellMenu, n), u = new Set(bl(e.cellMenu, n)), d = hl(e.cellMenu, n), h = Rl(e.cellMenu, n);
-        return a.flatMap((S, D) => {
-          const p = no[S] ?? [];
-          return p.flatMap((P) => {
-            const T = h[P];
+        const u = wt(e.cellMenu, n), d = new Set(hl(e.cellMenu, n)), i = bl(e.cellMenu, n), m = yl(e.cellMenu, n);
+        return u.flatMap((v, O) => {
+          const p = no[v] ?? [];
+          return p.flatMap((_) => {
+            const T = m[_];
             if (T?.hidden)
               return [];
-            const E = u.has(S) || T?.disabled === !0;
+            const E = d.has(v) || T?.disabled === !0;
             return [{
-              id: P,
-              label: T?.label ?? In[P],
+              id: _,
+              label: T?.label ?? In[_],
               disabled: E,
-              title: T?.disabledReason ?? d[S],
-              separatorBefore: D > 0 && P === p[0]
+              title: T?.disabledReason ?? i[v],
+              separatorBefore: O > 0 && _ === p[0]
             }];
           });
         });
@@ -2402,30 +2445,30 @@ const no = {
       if (t === "row-index") {
         if (!e.rowIndexMenu.enabled)
           return [];
-        const n = yl(e.rowIndexMenu), a = new Set(Sl(e.rowIndexMenu)), u = pl(e.rowIndexMenu), d = Ml(e.rowIndexMenu);
-        return n.flatMap((h, S) => {
-          const D = lo[h] ?? [];
-          return D.flatMap((p) => {
-            const $ = d[p === "insert-row-above" ? "insertAbove" : p === "insert-row-below" ? "insertBelow" : p === "copy-row" ? "copy" : p === "paste-row" ? "paste" : p === "delete-selected-rows" ? "deleteSelected" : "cut"];
-            if ($?.hidden)
+        const n = Rl(e.rowIndexMenu), u = new Set(Sl(e.rowIndexMenu)), d = Ml(e.rowIndexMenu), i = pl(e.rowIndexMenu);
+        return n.flatMap((m, v) => {
+          const O = lo[m] ?? [];
+          return O.flatMap((p) => {
+            const K = i[p === "insert-row-above" ? "insertAbove" : p === "insert-row-below" ? "insertBelow" : p === "copy-row" ? "copy" : p === "paste-row" ? "paste" : p === "delete-selected-rows" ? "deleteSelected" : "cut"];
+            if (K?.hidden)
               return [];
-            let T = a.has(h) || $?.disabled === !0, E = $?.disabledReason ?? u[h];
-            return (p === "insert-row-above" || p === "insert-row-below" || p === "paste-row") && !le() && (T = !0, E = E ?? "Row insertion is not supported by the current row model"), (p === "cut-row" || p === "delete-selected-rows") && !Oe() && (T = !0, E = E ?? "Row deletion is not supported by the current row model"), p === "delete-selected-rows" && st(B.value.rowId ?? "").length === 0 && (T = !0, E = E ?? "No deletable rows are selected"), [{
+            let T = u.has(m) || K?.disabled === !0, E = K?.disabledReason ?? d[m];
+            return (p === "insert-row-above" || p === "insert-row-below" || p === "paste-row") && !te() && (T = !0, E = E ?? "Row insertion is not supported by the current row model"), (p === "cut-row" || p === "delete-selected-rows") && !ce() && (T = !0, E = E ?? "Row deletion is not supported by the current row model"), p === "delete-selected-rows" && De(z.value.rowId ?? "").length === 0 && (T = !0, E = E ?? "No deletable rows are selected"), [{
               id: p,
-              label: qt(p, $?.label),
+              label: Ut(p, K?.label),
               disabled: T,
               title: E,
-              separatorBefore: S > 0 && p === D[0]
+              separatorBefore: v > 0 && p === O[0]
             }];
           });
         });
       }
       return [];
-    }), vt = (t) => {
+    }), rn = (t) => {
       tn.dispatchViewportContextMenu(t);
     }, ge = () => {
-      ne.value?.querySelector(".grid-body-viewport")?.focus({ preventScroll: !0 });
-    }, rn = () => {
+      ee.value?.querySelector(".grid-body-viewport")?.focus({ preventScroll: !0 });
+    }, an = () => {
       Dn(() => {
         if (typeof window < "u") {
           window.requestAnimationFrame(() => {
@@ -2435,136 +2478,145 @@ const no = {
         }
         ge();
       });
-    }, O = async (t) => {
-      await on.runContextMenuAction(t) && (ge(), Y(), rn());
+    }, ct = async (t) => {
+      await on.runContextMenuAction(t) && (ge(), X(), an());
     };
-    K(
-      () => B.value.visible,
-      (t, n, a) => {
+    L(
+      () => z.value.visible,
+      (t, n, u) => {
         if (!t || typeof window > "u")
           return;
-        const u = (h) => {
-          const S = h.target;
-          S && gt.value?.contains(S) || Y();
-        }, d = () => {
-          Y();
+        const d = (m) => {
+          const v = m.target;
+          v && st.value?.contains(v) || X();
+        }, i = () => {
+          X();
         };
-        window.addEventListener("mousedown", u, !0), window.addEventListener("blur", d), a(() => {
-          window.removeEventListener("mousedown", u, !0), window.removeEventListener("blur", d);
+        window.addEventListener("mousedown", d, !0), window.addEventListener("blur", i), u(() => {
+          window.removeEventListener("mousedown", d, !0), window.removeEventListener("blur", i);
         });
       }
     );
-    const an = m(() => ({
-      ...De.value,
+    const dt = w(() => ({
+      ...He.value,
       columns: {
-        ...De.value.columns,
+        ...He.value.columns,
         columnMenuEnabled: e.columnMenu.enabled,
         columnMenuMaxFilterValues: e.columnMenu.maxFilterValues,
-        resolveColumnMenuItems: Q,
-        resolveColumnMenuDisabledItems: Ge,
-        resolveColumnMenuDisabledReasons: Pe,
-        resolveColumnMenuLabels: ae,
-        resolveColumnMenuActionOptions: Le,
-        isColumnFilterActive: Be,
-        isColumnGrouped: Re,
-        resolveColumnGroupOrder: X,
-        resolveColumnMenuSortDirection: $e,
-        resolveColumnMenuSelectedTokens: _e,
-        applyColumnMenuSort: Ue,
-        applyColumnMenuPin: qe,
-        applyColumnMenuGroupBy: Xe,
-        applyColumnMenuFilter: Ye,
-        clearColumnMenuFilter: Ie
+        resolveColumnMenuItems: ye,
+        resolveColumnMenuDisabledItems: Le,
+        resolveColumnMenuDisabledReasons: We,
+        resolveColumnMenuLabels: Ne,
+        resolveColumnMenuActionOptions: Z,
+        isColumnFilterActive: Ge,
+        isColumnGrouped: Ke,
+        resolveColumnGroupOrder: Re,
+        resolveColumnMenuSortDirection: Me,
+        resolveColumnMenuSelectedTokens: Pe,
+        applyColumnMenuSort: U,
+        applyColumnMenuPin: q,
+        applyColumnMenuGroupBy: Je,
+        applyColumnMenuFilter: Ze,
+        clearColumnMenuFilter: pe
       },
       rows: {
-        ...De.value.rows,
+        ...He.value.rows,
         sourceRows: e.rows,
         rowHover: e.rowHover,
         stripedRows: e.stripedRows
       }
-    })), sn = m(() => {
+    })), sn = w(() => {
       const t = [];
       return e.columnLayout.enabled && t.push({
         key: "column-layout",
         component: _l,
         props: {
-          isOpen: ze.value,
-          items: pt.value,
+          isOpen: vt.value,
+          items: je.value,
           buttonLabel: e.columnLayout.buttonLabel,
           active: !1,
-          onOpen: Mt,
-          onToggleVisibility: Ot,
-          onMoveUp: xt,
-          onMoveDown: At,
-          onApply: It,
-          onCancel: H
+          onOpen: ht,
+          onToggleVisibility: H,
+          onMoveUp: bt,
+          onMoveDown: yt,
+          onApply: Be,
+          onCancel: N
         }
       }), e.advancedFilter.enabled && t.push({
         key: "advanced-filter",
         component: Gl,
         props: {
-          isOpen: Ft.value,
-          clauses: Dt.value,
-          columns: g.value,
-          appliedFilterSummaryItems: Se.value,
-          hasAnyFilters: We.value,
+          isOpen: Rt.value,
+          clauses: St.value,
+          columns: h.value,
+          appliedFilterSummaryItems: Q.value,
+          hasAnyFilters: Se.value,
           buttonLabel: e.advancedFilter.buttonLabel,
-          active: We.value,
-          onOpen: Et,
-          onAdd: kt,
-          onRemove: Ht,
-          onUpdateClause: V,
-          onApply: zt,
-          onCancel: Vt,
-          onResetAll: jt
+          active: Se.value,
+          onOpen: Mt,
+          onAdd: pt,
+          onRemove: It,
+          onUpdateClause: xt,
+          onApply: Ot,
+          onCancel: At,
+          onResetAll: Dt
         }
       }), e.aggregations.enabled && e.mode !== "pivot" && t.push({
         key: "aggregations",
         component: Pl,
         props: {
-          isOpen: q.value,
-          basis: ie.value,
-          items: je.value,
+          isOpen: D.value,
+          basis: G.value,
+          items: be.value,
           buttonLabel: e.aggregations.buttonLabel,
-          active: L.value && (q.value || !!re.value?.columns.length),
-          disabled: !L.value,
-          disabledReason: L.value ? "" : "Aggregations require an active group-by model.",
-          onOpen: Gt,
-          onUpdateBasis: Ne,
-          onToggleColumn: ee,
-          onUpdateOp: te,
-          onClear: Pt,
-          onApply: Lt,
-          onCancel: Me
+          active: ie.value && (D.value || !!ae.value?.columns.length),
+          disabled: !ie.value,
+          disabledReason: ie.value ? "" : "Aggregations require an active group-by model.",
+          onOpen: Ht,
+          onUpdateBasis: Vt,
+          onToggleColumn: zt,
+          onUpdateOp: Ye,
+          onClear: Xe,
+          onApply: Tt,
+          onCancel: se
         }
       }), [...t, ...e.toolbarModules];
     });
     return () => k("div", {
-      class: "datagrid-app-layout"
+      class: [
+        "datagrid-app-layout",
+        e.layoutMode === "auto-height" ? "datagrid-app-layout--auto-height" : "datagrid-app-layout--fill"
+      ]
     }, [
       k(dl, {
         modules: sn.value
       }),
       k("div", {
-        class: "datagrid-app-workspace"
+        class: [
+          "datagrid-app-workspace",
+          e.layoutMode === "auto-height" ? "datagrid-app-workspace--auto-height" : "datagrid-app-workspace--fill"
+        ]
       }, [
         k("div", {
-          class: "datagrid-app-stage",
-          ref: ne
+          class: [
+            "datagrid-app-stage",
+            e.layoutMode === "auto-height" ? "datagrid-app-stage--auto-height" : "datagrid-app-stage--fill"
+          ],
+          ref: ee
         }, [
           e.viewMode === "gantt" ? k(Ll, {
-            stageContext: ft,
+            stageContext: at,
             runtime: e.runtime,
             gantt: e.gantt,
             baseRowHeight: x.value,
             rowVersion: o.value
           }) : k(cl, {
-            ...an.value,
-            stageContext: ft,
-            onViewportContextMenu: vt
+            ...dt.value,
+            stageContext: at,
+            onViewportContextMenu: rn
           }),
-          B.value.visible && ke.value.length > 0 ? k("div", {
-            ref: gt,
+          z.value.visible && ut.value.length > 0 ? k("div", {
+            ref: st,
             class: "datagrid-context-menu",
             style: Qt.value,
             role: "menu",
@@ -2576,7 +2628,7 @@ const no = {
                 }
               });
             }
-          }, ke.value.flatMap((t) => {
+          }, ut.value.flatMap((t) => {
             const n = [];
             return t.separatorBefore && n.push(k("div", {
               class: "datagrid-context-menu__separator",
@@ -2588,7 +2640,7 @@ const no = {
               disabled: t.disabled,
               title: t.title,
               onClick: () => {
-                O(t.id);
+                ct(t.id);
               }
             }, t.label)), n;
           })) : null
@@ -2647,11 +2699,11 @@ function co(e, o) {
     r.set(l.name, l);
   return Array.from(r.values());
 }
-function po(e) {
+function Mo(e) {
   return so(e);
 }
-function Mo(e) {
-  const o = ro(e.clientRowModelOptions), r = e.enterpriseClientRowModelOptions, l = uo(e.columns), s = e.formulas !== void 0, i = e.computedFields !== void 0, w = e.formulaFunctions !== void 0, C = l.length > 0, b = s || C ? co(l, e.formulas) : void 0, A = i ? ao(e.computedFields) : void 0, v = w ? e.formulaFunctions ?? {} : void 0, R = !!(C || s || i || w);
+function po(e) {
+  const o = ro(e.clientRowModelOptions), r = e.enterpriseClientRowModelOptions, l = uo(e.columns), s = e.formulas !== void 0, a = e.computedFields !== void 0, f = e.formulaFunctions !== void 0, C = l.length > 0, y = s || C ? co(l, e.formulas) : void 0, A = a ? ao(e.computedFields) : void 0, b = f ? e.formulaFunctions ?? {} : void 0, R = !!(C || s || a || f);
   if (!o && !R)
     return r ? {
       ...r
@@ -2662,26 +2714,26 @@ function Mo(e) {
     if (!o && r)
       return r;
     if (o && r) {
-      let y = xn.get(o);
-      y || (y = /* @__PURE__ */ new WeakMap(), xn.set(o, y));
-      const g = y.get(r);
-      if (g)
-        return g;
-      const f = {
+      let S = xn.get(o);
+      S || (S = /* @__PURE__ */ new WeakMap(), xn.set(o, S));
+      const h = S.get(r);
+      if (h)
+        return h;
+      const g = {
         ...o,
         ...r
       };
-      return y.set(
+      return S.set(
         r,
-        f
-      ), f;
+        g
+      ), g;
     }
   }
   return {
     ...o ?? {},
-    ...i ? { initialComputedFields: A } : {},
-    ...s || C ? { initialFormulaFields: b } : {},
-    ...w ? { initialFormulaFunctionRegistry: v } : {},
+    ...a ? { initialComputedFields: A } : {},
+    ...s || C ? { initialFormulaFields: y } : {},
+    ...f ? { initialFormulaFunctionRegistry: b } : {},
     ...r?.computeMode ? { computeMode: r.computeMode } : {},
     ...r?.workerPatchDispatchThreshold !== void 0 ? { workerPatchDispatchThreshold: r.workerPatchDispatchThreshold } : {},
     ...r?.formulaColumnCacheMaxColumns !== void 0 ? { formulaColumnCacheMaxColumns: r.formulaColumnCacheMaxColumns } : {}
@@ -2705,45 +2757,45 @@ function On(e) {
   };
 }
 function Io(e) {
-  const o = W(0), r = un(), l = _n(
+  const o = P(0), r = un(), l = _n(
     e.rowModel.value ? null : un({
       rows: e.rows.value,
       ...On(e.clientRowModelOptions.value)
     })
   ), s = (C) => {
     !C || C === e.rowModel.value || "dispose" in C && typeof C.dispose == "function" && C.dispose();
-  }, i = () => {
+  }, a = () => {
     e.rowModel.value || (s(l.value), l.value = un({
       rows: e.rows.value,
       ...On(e.clientRowModelOptions.value)
     }), o.value += 1, e.onOwnedRowModelRecreated?.());
-  }, w = m(() => e.rowModel.value ?? l.value ?? r);
-  return K(
+  }, f = w(() => e.rowModel.value ?? l.value ?? r);
+  return L(
     e.rows,
     (C) => {
       l.value && l.value.setRows(C);
     },
     { deep: !1 }
-  ), K(
+  ), L(
     e.clientRowModelOptions,
     () => {
-      i();
+      a();
     },
     { deep: !0 }
-  ), K(
+  ), L(
     e.rowModel,
     (C) => {
       if (C) {
         s(l.value), l.value = null, o.value += 1;
         return;
       }
-      l.value || i();
+      l.value || a();
     }
   ), En(() => {
     s(l.value), s(r);
   }), {
     dataGridInstanceKey: o,
-    resolvedRowModel: w,
+    resolvedRowModel: f,
     disposeOwnedRowModel: s
   };
 }
@@ -2752,10 +2804,10 @@ export {
   dl as a,
   Il as b,
   Bl as c,
-  ho as d,
-  Ro as e,
-  yo as f,
-  po as g,
-  Mo as r,
+  bo as d,
+  yo as e,
+  Ro as f,
+  Mo as g,
+  po as r,
   Io as u
 };