@affino/datagrid-vue-app 0.1.59 → 0.1.60

package/dist/index.js

@@ -1,35 +1,35 @@
-import { defineComponent as Xe, ref as N, provide as At, computed as m, watch as C, onBeforeUnmount as xe, h as Me, mergeProps as Pt, nextTick as Te, unref as ze, toRef as He, onMounted as xt } from "vue";
-import { useDataGridRuntime as Dt, cloneDataGridFilterSnapshot as Ft } from "@affino/datagrid-vue";
-import { useDataGridAppSelection as It, useDataGridAppRowSelection as Bt } from "@affino/datagrid-vue/app";
-import { r as Gt, g as jt, h as Et, i as Kt, j as Lt, b as Tt, n as ke, d as zt, c as Ht, k as kt, l as ge, u as Vt, D as _t } from "./chunks/useDataGridAppRowModel-CsSB4MQp.js";
-import { a as ao, m as uo, o as so } from "./chunks/useDataGridAppRowModel-CsSB4MQp.js";
-import { r as Wt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
-import { r as Nt } from "./chunks/DataGridGanttStageEntry-pxdH3jzW.js";
-import { applyGridTheme as Ut, resolveGridThemeTokens as qt, defaultStyleConfig as $, sugarTheme as Ze, industrialNeutralTheme as Ve } from "@affino/datagrid-theme";
-import { d as $t } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
-function qn() {
+import { defineComponent as tt, ref as U, provide as Ft, computed as m, watch as C, onBeforeUnmount as De, h as Oe, mergeProps as Bt, nextTick as ke, unref as ze, toRef as Ve, onMounted as Gt } from "vue";
+import { useDataGridRuntime as jt, cloneDataGridFilterSnapshot as Et } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as Kt, useDataGridAppRowSelection as Lt } from "@affino/datagrid-vue/app";
+import { r as Ht, g as Tt, h as kt, i as zt, j as Vt, b as Ut, n as Ue, d as _t, c as Wt, k as Nt, l as Se, u as qt, D as $t } from "./chunks/useDataGridAppRowModel-CQ_wH3oH.js";
+import { a as mo, m as yo, o as vo } from "./chunks/useDataGridAppRowModel-CQ_wH3oH.js";
+import { r as Jt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
+import { r as Yt } from "./chunks/DataGridGanttStageEntry-pxdH3jzW.js";
+import { applyGridTheme as Qt, resolveGridThemeTokens as Xt, defaultStyleConfig as Y, sugarTheme as nt, industrialNeutralTheme as _e } from "@affino/datagrid-theme";
+import { d as Zt } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
+function Xn() {
   return (e) => e;
 }
-const Jt = {
-  default: $,
-  "industrial-neutral": Ve,
-  industrialNeutral: Ve,
-  sugar: Ze
+const en = {
+  default: Y,
+  "industrial-neutral": _e,
+  industrialNeutral: _e,
+  sugar: nt
 };
-function Yt(e, t) {
+function tn(e, t) {
   if (!e && !t)
     return;
   const l = {
     ...e ?? {}
   };
-  for (const [o, s] of Object.entries(t ?? {}))
+  for (const [o, d] of Object.entries(t ?? {}))
     l[o] = {
       ...l[o] ?? {},
-      ...s
+      ...d
     };
   return l;
 }
-function pe(e, t) {
+function he(e, t) {
   return {
     ...e,
     ...t,
@@ -40,34 +40,34 @@ function pe(e, t) {
     summary: { ...e.summary ?? {}, ...t.summary ?? {} },
     state: { ...e.state ?? {}, ...t.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
-    tokenVariants: Yt(e.tokenVariants, t.tokenVariants)
+    tokenVariants: tn(e.tokenVariants, t.tokenVariants)
   };
 }
-function Qt(e) {
+function nn(e) {
   return !e || typeof e != "object" ? !1 : "tokens" in e || "tokenVariants" in e || "activeTokenVariant" in e || "defaultTokenVariant" in e || "inheritThemeFromDocument" in e || "documentDarkClass" in e || "grid" in e || "header" in e || "body" in e || "group" in e || "summary" in e || "state" in e;
 }
-function Xt(e) {
-  return e == null ? $ : typeof e == "string" ? e === "sugar" ? pe($, Ze) : Jt[e] ?? $ : Qt(e) ? pe($, e) : pe($, {
+function on(e) {
+  return e == null ? Y : typeof e == "string" ? e === "sugar" ? he(Y, nt) : en[e] ?? Y : nn(e) ? he(Y, e) : he(Y, {
     tokens: e
   });
 }
-function Zt(e) {
-  const t = Xt(e);
-  return qt(t ?? $, {
+function rn(e) {
+  const t = on(e);
+  return Xt(t ?? Y, {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function _e(e, t) {
-  const l = Zt(t);
-  return Ut(e, l), l;
-}
 function We(e, t) {
-  return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
+  const l = rn(t);
+  return Qt(e, l), l;
 }
 function Ne(e, t) {
+  return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
+}
+function qe(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
-function en(e) {
+function ln(e) {
   if (e !== void 0) {
     if (e == null)
       return null;
@@ -82,37 +82,37 @@ function en(e) {
     return e;
   }
 }
-function tn(e, t) {
+function an(e, t) {
   return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
 }
-function nn(e, t, l, o) {
+function un(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const s = 100, i = Ne(l, s), w = We(o, 0);
+  const d = 100, a = qe(l, d), g = Ne(o, 0);
   return e === !0 || e === !1 || e == null ? {
-    pageSize: i,
-    currentPage: w
+    pageSize: a,
+    currentPage: g
   } : {
-    pageSize: Ne(l ?? e.pageSize, s),
-    currentPage: We(o ?? e.currentPage, 0)
+    pageSize: qe(l ?? e.pageSize, d),
+    currentPage: Ne(o ?? e.currentPage, 0)
   };
 }
-function on(e) {
+function sn(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : 150;
 }
-function rn(e) {
+function dn(e) {
   if (!e)
     return null;
   const t = typeof e == "string" ? { key: e } : e, l = t.key.trim();
   if (!l)
     return null;
-  const o = t.includeViewportPosition !== !1, s = t.restoreOnReady !== !1;
+  const o = t.includeViewportPosition !== !1, d = t.restoreOnReady !== !1;
   return {
     key: l,
     storage: t.storage ?? "local",
     includeViewportPosition: o,
-    restoreOnReady: s,
-    debounceMs: on(t.debounceMs),
+    restoreOnReady: d,
+    debounceMs: sn(t.debounceMs),
     getOptions: { includeViewportPosition: o },
     setOptions: {
       ...t.setOptions ?? {},
@@ -120,81 +120,81 @@ function rn(e) {
     }
   };
 }
-function Ue(e) {
+function $e(e) {
   return typeof e == "object" && e !== null ? e : typeof window > "u" ? null : e === "session" ? window.sessionStorage : window.localStorage;
 }
-const Ce = "Search rows", Oe = "contains", Ae = "input", Pe = 300;
-function ln(e) {
-  return typeof e == "string" && e.trim().length > 0 ? e.trim() : Ce;
+const Ae = "Search rows", Pe = "contains", xe = "input", Ie = 300;
+function cn(e) {
+  return typeof e == "string" && e.trim().length > 0 ? e.trim() : Ae;
 }
-function an(e) {
-  return e === "tokens" ? "tokens" : Oe;
+function fn(e) {
+  return e === "tokens" ? "tokens" : Pe;
 }
-function un(e) {
-  return e === "debounce" || e === "manual" ? e : Ae;
+function mn(e) {
+  return e === "debounce" || e === "manual" ? e : xe;
 }
-function sn(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? Pe : Math.max(0, Math.trunc(e));
+function yn(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? Ie : Math.max(0, Math.trunc(e));
 }
-function dn(e) {
+function vn(e) {
   if (!Array.isArray(e))
     return null;
-  const t = e.map((l) => l.trim()).filter((l, o, s) => l.length > 0 && s.indexOf(l) === o);
+  const t = e.map((l) => l.trim()).filter((l, o, d) => l.length > 0 && d.indexOf(l) === o);
   return t.length > 0 ? Object.freeze(t) : null;
 }
-function cn(e) {
+function pn(e) {
   return Object.freeze(typeof e == "boolean" ? {
     enabled: e,
-    placeholder: Ce,
+    placeholder: Ae,
     columns: null,
-    mode: Oe,
-    applyMode: Ae,
-    debounceMs: Pe
+    mode: Pe,
+    applyMode: xe,
+    debounceMs: Ie
   } : e ? {
     enabled: !0,
-    placeholder: ln(e.placeholder),
-    columns: dn(e.columns),
-    mode: an(e.mode),
-    applyMode: un(e.applyMode),
-    debounceMs: sn(e.debounceMs)
+    placeholder: cn(e.placeholder),
+    columns: vn(e.columns),
+    mode: fn(e.mode),
+    applyMode: mn(e.applyMode),
+    debounceMs: yn(e.debounceMs)
   } : {
     enabled: !1,
-    placeholder: Ce,
+    placeholder: Ae,
     columns: null,
-    mode: Oe,
-    applyMode: Ae,
-    debounceMs: Pe
+    mode: Pe,
+    applyMode: xe,
+    debounceMs: Ie
   });
 }
-const Se = "Find / replace";
-function fn(e) {
+const be = "Find / replace";
+function gn(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: Se
+    buttonLabel: be
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : Se
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : be
   } : {
     enabled: !1,
-    buttonLabel: Se
+    buttonLabel: be
   };
 }
-const mn = "all", et = {
+const wn = "all", ot = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function qe(e) {
-  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : mn;
+function Je(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : wn;
 }
-function yn(e, t) {
-  return e === "columns" || e === "none" ? e : et[t];
+function Sn(e, t) {
+  return e === "columns" || e === "none" ? e : ot[t];
 }
-function $e(e, t) {
+function Ye(e, t) {
   return e !== "none" || t === "columns";
 }
-function Je(e) {
+function Qe(e) {
   const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
@@ -205,29 +205,29 @@ function Je(e) {
     headerColumns: o
   };
 }
-function vn(e) {
+function hn(e) {
   if (typeof e == "string") {
-    const o = qe(e), s = et[o];
-    return Je({
+    const o = Je(e), d = ot[o];
+    return Qe({
       body: o,
-      header: s,
-      pinnedSeparators: $e(o, s)
+      header: d,
+      pinnedSeparators: Ye(o, d)
     });
   }
-  const t = qe(e?.body), l = yn(e?.header, t);
-  return Je({
+  const t = Je(e?.body), l = Sn(e?.header, t);
+  return Qe({
     body: t,
     header: l,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : $e(t, l)
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ye(t, l)
   });
 }
-function Ye(e) {
+function Xe(e) {
   if (typeof e != "number" || !Number.isFinite(e))
     return null;
   const t = Math.max(0, Math.trunc(e));
   return t > 0 ? t : null;
 }
-function wn(e, t, l) {
+function bn(e, t, l) {
   const o = e === "auto-height" ? "auto-height" : "fill";
   if (o !== "auto-height")
     return {
@@ -235,71 +235,71 @@ function wn(e, t, l) {
       minRows: null,
       maxRows: null
     };
-  const s = Ye(t);
-  let i = Ye(l);
-  return s !== null && i !== null && i < s && (i = s), {
+  const d = Xe(t);
+  let a = Xe(l);
+  return d !== null && a !== null && a < d && (a = d), {
     layoutMode: o,
-    minRows: s,
-    maxRows: i
+    minRows: d,
+    maxRows: a
   };
 }
-function gn(e) {
+function Rn(e) {
   return {
     ...e,
     transaction: null
   };
 }
-function ue(e) {
+function de(e) {
   return {
     ...e,
-    state: gn(e.state)
+    state: Rn(e.state)
   };
 }
-function pn(e) {
+function Mn(e) {
   return typeof e == "object" && e !== null;
 }
-function tt(e, t, l) {
-  const o = pn(e) ? e : null, s = t(o && "state" in o ? o.state : e, l);
-  if (!s)
+function rt(e, t, l) {
+  const o = Mn(e) ? e : null, d = t(o && "state" in o ? o.state : e, l);
+  if (!d)
     return null;
-  const i = o?.viewMode, w = i === "gantt" ? "gantt" : i === "table" ? "table" : void 0;
-  return ue({
-    state: s,
-    ...w ? { viewMode: w } : {}
+  const a = o?.viewMode, g = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
+  return de({
+    state: d,
+    ...g ? { viewMode: g } : {}
   });
 }
-function Sn(e) {
-  return JSON.stringify(ue(e));
+function Cn(e) {
+  return JSON.stringify(de(e));
 }
-function hn(e, t, l) {
+function On(e, t, l) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return tt(JSON.parse(e), t, l);
+    return rt(JSON.parse(e), t, l);
   } catch {
     return null;
   }
 }
-function $n(e, t, l) {
+function Zn(e, t, l) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
-    return e.setItem(t, Sn(l)), !0;
+    return e.setItem(t, Cn(l)), !0;
   } catch {
     return !1;
   }
 }
-function Jn(e, t, l, o) {
+function eo(e, t, l, o) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return null;
   try {
-    const s = e.getItem(t);
-    return s ? hn(s, l, o) : null;
+    const d = e.getItem(t);
+    return d ? On(d, l, o) : null;
   } catch {
     return null;
   }
 }
-function Yn(e, t) {
+function to(e, t) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -308,23 +308,23 @@ function Yn(e, t) {
     return !1;
   }
 }
-const he = "Aggregations";
-function bn(e) {
+const Re = "Aggregations";
+function An(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: he
+    buttonLabel: Re
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : he
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : Re
   } : {
     enabled: !1,
-    buttonLabel: he
+    buttonLabel: Re
   };
 }
-function le(e, t) {
+function ie(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Rn(e, t) {
+function Pn(e, t) {
   const l = {
     rows: !0,
     columns: !1,
@@ -337,12 +337,12 @@ function Rn(e, t) {
     l.rows = !1, l.columns = !1;
   else if (e && typeof e == "object") {
     l.rows = e.rows ?? l.rows, l.columns = e.columns ?? l.columns;
-    const o = le(e.overscan, l.rowOverscan);
-    l.rowOverscan = le(e.rowOverscan, o), l.columnOverscan = le(e.columnOverscan, le(e.overscan, l.columnOverscan));
+    const o = ie(e.overscan, l.rowOverscan);
+    l.rowOverscan = ie(e.rowOverscan, o), l.columnOverscan = ie(e.columnOverscan, ie(e.overscan, l.columnOverscan));
   }
   return t === "pagination" && (l.rows = !1), l;
 }
-function ie(e) {
+function ue(e) {
   if (e == null)
     return e;
   const t = globalThis.structuredClone;
@@ -357,17 +357,17 @@ function ie(e) {
     return e;
   }
 }
-function Qe(e) {
+function Ze(e) {
   if (e == null || e.trim().length === 0)
     return null;
   const t = Number(e);
   return Number.isFinite(t) ? Math.max(0, Math.trunc(t)) : null;
 }
-function be(e) {
+function Me(e) {
   const t = globalThis.CSS?.escape;
   return typeof t == "function" ? t(e) : e.replace(/["\\]/g, "\\$&");
 }
-const Mn = Xe({
+const xn = tt({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -421,11 +421,11 @@ const Mn = Xe({
     "selection-change": (e) => !0,
     "row-selection-change": (e) => !0
   },
-  setup(e, { attrs: t, slots: l, emit: o, expose: s }) {
-    const i = N(null);
-    At($t, i);
-    let w = null;
-    const u = Dt({
+  setup(e, { attrs: t, slots: l, emit: o, expose: d }) {
+    const a = U(null);
+    Ft(Zt, a);
+    let g = null;
+    const s = jt({
       rows: m(() => e.rows),
       rowModel: e.rowModel,
       columns: m(() => e.columns),
@@ -433,189 +433,189 @@ const Mn = Xe({
       services: e.services,
       startupOrder: e.startupOrder,
       autoStart: e.autoStart
-    }), M = u, A = {
-      api: u.api,
-      syncBodyRowsInRange: u.syncBodyRowsInRange,
-      setViewportRange: u.setViewportRange,
-      setVirtualWindowRange: u.setVirtualWindowRange,
-      setRows: u.setRows,
-      rowPartition: u.rowPartition,
-      virtualWindow: u.virtualWindow,
-      columnSnapshot: u.columnSnapshot,
-      getBodyRowAtIndex: M.getBodyRowAtIndex,
-      resolveBodyRowIndexById: M.resolveBodyRowIndexById,
-      getViewportPosition: u.getViewportPosition,
-      setViewportPosition: u.setViewportPosition,
-      scrollToRow: u.scrollToRow,
-      scrollToColumn: u.scrollToColumn,
-      scrollToCell: u.scrollToCell
-    }, T = () => {
+    }), O = s, P = {
+      api: s.api,
+      syncBodyRowsInRange: s.syncBodyRowsInRange,
+      setViewportRange: s.setViewportRange,
+      setVirtualWindowRange: s.setVirtualWindowRange,
+      setRows: s.setRows,
+      rowPartition: s.rowPartition,
+      virtualWindow: s.virtualWindow,
+      columnSnapshot: s.columnSnapshot,
+      getBodyRowAtIndex: O.getBodyRowAtIndex,
+      resolveBodyRowIndexById: O.resolveBodyRowIndexById,
+      getViewportPosition: s.getViewportPosition,
+      setViewportPosition: s.setViewportPosition,
+      scrollToRow: s.scrollToRow,
+      scrollToColumn: s.scrollToColumn,
+      scrollToCell: s.scrollToCell
+    }, z = () => {
       if (e.renderMode === "pagination") {
-        const a = e.pagination ?? { pageSize: 100, currentPage: 0 };
-        u.api.rows.setPagination({
-          pageSize: Math.max(1, Math.trunc(a.pageSize)),
-          currentPage: Math.max(0, Math.trunc(a.currentPage))
+        const i = e.pagination ?? { pageSize: 100, currentPage: 0 };
+        s.api.rows.setPagination({
+          pageSize: Math.max(1, Math.trunc(i.pageSize)),
+          currentPage: Math.max(0, Math.trunc(i.currentPage))
         });
         return;
       }
-      u.api.rows.setPagination(null);
+      s.api.rows.setPagination(null);
     };
     C(
       () => e.renderMode,
       () => {
-        T();
+        z();
       },
       { immediate: !0 }
     ), C(
       () => e.pagination,
       () => {
-        T();
+        z();
       },
       { immediate: !0, deep: !0 }
-    ), typeof document < "u" && (w = new MutationObserver(() => {
-      const a = i.value;
-      a && _e(a, e.theme);
-    }), w.observe(document.documentElement, {
+    ), typeof document < "u" && (g = new MutationObserver(() => {
+      const i = a.value;
+      i && We(i, e.theme);
+    }), g.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
     })), C(
-      [() => e.theme, i],
+      [() => e.theme, a],
       () => {
-        const a = i.value;
-        a && _e(a, e.theme);
+        const i = a.value;
+        i && We(i, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const x = u.api.events.on("rows:changed", (a) => {
-      o("cell-change", a);
-    }), P = u.api.events.on("selection:changed", (a) => {
-      o("selection-change", a);
-    }), j = u.api.events.on("row-selection:changed", (a) => {
-      o("row-selection-change", a);
+    const D = s.api.events.on("rows:changed", (i) => {
+      o("cell-change", i);
+    }), x = s.api.events.on("selection:changed", (i) => {
+      o("selection-change", i);
+    }), K = s.api.events.on("row-selection:changed", (i) => {
+      o("row-selection-change", i);
     });
-    xe(() => {
-      x(), P(), j(), w?.disconnect(), w = null;
+    De(() => {
+      D(), x(), K(), g?.disconnect(), g = null;
     });
-    const U = m(() => {
-      const a = u.virtualWindow.value;
+    const q = m(() => {
+      const i = s.virtualWindow.value;
       return {
-        ...a ?? {},
-        rowTotal: a?.rowTotal ?? u.rowPartition.value.bodyRowCount,
-        colTotal: u.columnSnapshot.value.visibleColumns.length
+        ...i ?? {},
+        rowTotal: i?.rowTotal ?? s.rowPartition.value.bodyRowCount,
+        colTotal: s.columnSnapshot.value.visibleColumns.length
       };
-    }), g = () => {
+    }), w = () => {
       if (typeof document > "u")
         return null;
-      const a = i.value, p = document.activeElement;
-      return !a || !(p instanceof HTMLElement) || !a.contains(p) ? null : p.closest(".grid-cell[data-row-index], .grid-cell[data-row-id]");
-    }, q = (a) => a == null ? null : u.columnSnapshot.value.visibleColumns[a]?.key ?? null, S = (a = {}) => {
-      const p = u.api.selection.getSnapshot(), v = p?.activeCell ?? null, b = g(), R = Qe(b?.getAttribute("data-row-index") ?? null), D = Qe(b?.getAttribute("data-column-index") ?? null), O = b?.getAttribute("data-column-key") ?? null, F = b?.getAttribute("data-row-id") ?? null, I = R ?? v?.rowIndex ?? null, E = v != null && (R == null && F == null || v.rowIndex === R || v.rowId != null && String(v.rowId) === F), _ = E ? v?.colIndex ?? D : D ?? v?.colIndex ?? null, W = E ? v?.rowId ?? F : F ?? v?.rowId ?? null, H = typeof W == "string" || typeof W == "number" ? W : null, J = O ?? q(_), Z = H != null || I != null || J != null || _ != null, ee = a.includeSelection !== !1, Y = a.includeRowSelection !== !1;
-      return !Z && !p && !u.api.rowSelection.getSnapshot() ? null : {
+      const i = a.value, S = document.activeElement;
+      return !i || !(S instanceof HTMLElement) || !i.contains(S) ? null : S.closest(".grid-cell[data-row-index], .grid-cell[data-row-id]");
+    }, $ = (i) => i == null ? null : s.columnSnapshot.value.visibleColumns[i]?.key ?? null, h = (i = {}) => {
+      const S = s.api.selection.getSnapshot(), p = S?.activeCell ?? null, R = w(), M = Ze(R?.getAttribute("data-row-index") ?? null), F = Ze(R?.getAttribute("data-column-index") ?? null), A = R?.getAttribute("data-column-key") ?? null, B = R?.getAttribute("data-row-id") ?? null, G = M ?? p?.rowIndex ?? null, H = p != null && (M == null && B == null || p.rowIndex === M || p.rowId != null && String(p.rowId) === B), W = H ? p?.colIndex ?? F : F ?? p?.colIndex ?? null, N = H ? p?.rowId ?? B : B ?? p?.rowId ?? null, V = typeof N == "string" || typeof N == "number" ? N : null, Q = A ?? $(W), te = V != null || G != null || Q != null || W != null, ne = i.includeSelection !== !1, X = i.includeRowSelection !== !1;
+      return !te && !S && !s.api.rowSelection.getSnapshot() ? null : {
         version: 1,
-        rowId: H,
-        rowIndex: I,
-        columnKey: J,
-        columnIndex: _,
-        selection: ee ? ie(p) : null,
-        rowSelection: Y ? ie(u.api.rowSelection.getSnapshot()) : null
+        rowId: V,
+        rowIndex: G,
+        columnKey: Q,
+        columnIndex: W,
+        selection: ne ? ue(S) : null,
+        rowSelection: X ? ue(s.api.rowSelection.getSnapshot()) : null
       };
-    }, z = (a, p) => {
-      const v = i.value;
-      if (!v)
+    }, L = (i, S) => {
+      const p = a.value;
+      if (!p)
         return !1;
-      const b = [];
-      if (a.rowIndex != null && a.columnKey && b.push(
-        `.grid-cell[data-row-index="${a.rowIndex}"][data-column-key="${be(a.columnKey)}"]`
-      ), a.rowIndex != null && a.columnIndex != null && b.push(`.grid-cell[data-row-index="${a.rowIndex}"][data-column-index="${a.columnIndex}"]`), a.rowId != null && a.columnKey && b.push(
-        `.grid-cell[data-row-id="${be(String(a.rowId))}"][data-column-key="${be(a.columnKey)}"]`
-      ), b.length === 0)
+      const R = [];
+      if (i.rowIndex != null && i.columnKey && R.push(
+        `.grid-cell[data-row-index="${i.rowIndex}"][data-column-key="${Me(i.columnKey)}"]`
+      ), i.rowIndex != null && i.columnIndex != null && R.push(`.grid-cell[data-row-index="${i.rowIndex}"][data-column-index="${i.columnIndex}"]`), i.rowId != null && i.columnKey && R.push(
+        `.grid-cell[data-row-id="${Me(String(i.rowId))}"][data-column-key="${Me(i.columnKey)}"]`
+      ), R.length === 0)
         return !1;
-      let R = null;
-      for (const D of b)
-        if (R = v.querySelector(D), R)
+      let M = null;
+      for (const F of R)
+        if (M = p.querySelector(F), M)
           break;
-      if (!R)
+      if (!M)
         return !1;
       try {
-        R.focus({ preventScroll: p.preventScroll !== !1 });
+        M.focus({ preventScroll: S.preventScroll !== !1 });
       } catch {
-        R.focus();
+        M.focus();
       }
-      return typeof document > "u" || document.activeElement === R;
-    }, X = async (a, p = {}) => {
-      if (!a)
+      return typeof document > "u" || document.activeElement === M;
+    }, ee = async (i, S = {}) => {
+      if (!i)
         return !1;
-      if (p.applySelection !== !1 && a.selection && u.api.selection.setSnapshot(ie(a.selection)), p.applyRowSelection !== !1 && a.rowSelection && u.api.rowSelection.setSnapshot(ie(a.rowSelection)), p.focus === !1)
+      if (S.applySelection !== !1 && i.selection && s.api.selection.setSnapshot(ue(i.selection)), S.applyRowSelection !== !1 && i.rowSelection && s.api.rowSelection.setSnapshot(ue(i.rowSelection)), S.focus === !1)
         return !0;
-      const v = typeof a.rowId == "string" || typeof a.rowId == "number" ? a.rowId : null, b = v != null ? M.resolveBodyRowIndexById(v) : -1, R = b >= 0 ? b : a.rowIndex, D = a.columnKey ? u.columnSnapshot.value.visibleColumns.findIndex((I) => I.key === a.columnKey) : -1, O = {
-        ...a,
-        rowIndex: R != null && R >= 0 ? R : a.rowIndex,
-        columnIndex: D >= 0 ? D : a.columnIndex
+      const p = typeof i.rowId == "string" || typeof i.rowId == "number" ? i.rowId : null, R = p != null ? O.resolveBodyRowIndexById(p) : -1, M = R >= 0 ? R : i.rowIndex, F = i.columnKey ? s.columnSnapshot.value.visibleColumns.findIndex((G) => G.key === i.columnKey) : -1, A = {
+        ...i,
+        rowIndex: M != null && M >= 0 ? M : i.rowIndex,
+        columnIndex: F >= 0 ? F : i.columnIndex
       };
-      if (O.rowIndex == null || O.columnKey == null && O.columnIndex == null)
+      if (A.rowIndex == null || A.columnKey == null && A.columnIndex == null)
         return !1;
-      p.scrollIntoView !== !1 && u.scrollToCell({
-        rowId: v,
-        rowIndex: O.rowIndex,
-        columnKey: O.columnKey,
-        columnIndex: O.columnIndex,
+      S.scrollIntoView !== !1 && s.scrollToCell({
+        rowId: p,
+        rowIndex: A.rowIndex,
+        columnKey: A.columnKey,
+        columnIndex: A.columnIndex,
         align: "nearest"
       });
-      const F = Math.max(0, Math.trunc(p.retries ?? 3));
-      for (let I = 0; I <= F; I += 1) {
-        if (await Te(), z(O, p))
+      const B = Math.max(0, Math.trunc(S.retries ?? 3));
+      for (let G = 0; G <= B; G += 1) {
+        if (await ke(), L(A, S))
           return !0;
-        typeof window < "u" && await new Promise((E) => window.requestAnimationFrame(() => E()));
+        typeof window < "u" && await new Promise((H) => window.requestAnimationFrame(() => H()));
       }
       return !1;
-    }, V = () => {
-      const a = () => {
-        const v = i.value?.querySelector(".grid-body-viewport");
-        if (!v)
+    }, _ = () => {
+      const i = () => {
+        const p = a.value?.querySelector(".grid-body-viewport");
+        if (!p)
           return !1;
         try {
-          v.focus({ preventScroll: !0 });
+          p.focus({ preventScroll: !0 });
         } catch {
-          v.focus();
+          p.focus();
         }
-        return typeof document < "u" && document.activeElement === v;
-      }, p = (v) => {
-        Te(() => {
-          if (!(a() || v >= 3)) {
+        return typeof document < "u" && document.activeElement === p;
+      }, S = (p) => {
+        ke(() => {
+          if (!(i() || p >= 3)) {
             if (typeof window < "u") {
               window.requestAnimationFrame(() => {
-                p(v + 1);
+                S(p + 1);
               });
               return;
             }
-            p(v + 1);
+            S(p + 1);
           }
         });
       };
-      p(0);
+      S(0);
     };
-    return s({
-      api: u.api,
-      core: u.core,
-      runtime: A,
-      rowModel: u.rowModel,
-      columnModel: u.columnModel,
-      columnSnapshot: u.columnSnapshot,
-      rowPartition: u.rowPartition,
-      setRows: u.setRows,
-      syncBodyRowsInRange: u.syncBodyRowsInRange,
-      getBodyRowAtIndex: M.getBodyRowAtIndex,
-      resolveBodyRowIndexById: M.resolveBodyRowIndexById,
-      virtualWindow: u.virtualWindow,
-      captureFocusAnchor: S,
-      restoreFocusAnchor: X,
-      restoreFocus: V,
-      start: u.start,
-      stop: u.stop
-    }), () => Me(
+    return d({
+      api: s.api,
+      core: s.core,
+      runtime: P,
+      rowModel: s.rowModel,
+      columnModel: s.columnModel,
+      columnSnapshot: s.columnSnapshot,
+      rowPartition: s.rowPartition,
+      setRows: s.setRows,
+      syncBodyRowsInRange: s.syncBodyRowsInRange,
+      getBodyRowAtIndex: O.getBodyRowAtIndex,
+      resolveBodyRowIndexById: O.resolveBodyRowIndexById,
+      virtualWindow: s.virtualWindow,
+      captureFocusAnchor: h,
+      restoreFocusAnchor: ee,
+      restoreFocus: _,
+      start: s.start,
+      stop: s.stop
+    }), () => Oe(
       "div",
-      Pt(t, {
-        ref: i,
+      Bt(t, {
+        ref: a,
         class: [
           "affino-datagrid-app-root",
           e.theme === "sugar" ? "affino-datagrid-app-root--theme-sugar" : null,
@@ -629,245 +629,245 @@ const Mn = Xe({
         }
       }),
       l.default?.({
-        api: u.api,
-        core: u.core,
-        runtime: A,
-        grid: A,
-        rowModel: u.rowModel,
-        columnModel: u.columnModel,
-        columnSnapshot: u.columnSnapshot.value,
-        rowPartition: u.rowPartition.value,
-        setRows: u.setRows,
-        syncBodyRowsInRange: u.syncBodyRowsInRange,
-        getBodyRowAtIndex: M.getBodyRowAtIndex,
-        resolveBodyRowIndexById: M.resolveBodyRowIndexById,
-        virtualWindow: U.value
+        api: s.api,
+        core: s.core,
+        runtime: P,
+        grid: P,
+        rowModel: s.rowModel,
+        columnModel: s.columnModel,
+        columnSnapshot: s.columnSnapshot.value,
+        rowPartition: s.rowPartition.value,
+        setRows: s.setRows,
+        syncBodyRowsInRange: s.syncBodyRowsInRange,
+        getBodyRowAtIndex: O.getBodyRowAtIndex,
+        resolveBodyRowIndexById: O.resolveBodyRowIndexById,
+        virtualWindow: q.value
       }) ?? []
     );
   }
 });
-function Re(e) {
+function Ce(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
-function L(e) {
+function k(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return null;
   }
 }
-function Cn(e) {
+function In(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function On(e) {
-  let t = null, l = null, o = !1, s = null, i = null, w = null, u = null, M = null, A = null, T = null, x = null, P = null;
-  const j = () => {
+function Dn(e) {
+  let t = null, l = null, o = !1, d = null, a = null, g = null, s = null, O = null, P = null, z = null, D = null, x = null;
+  const K = () => {
     t?.(), l?.(), t = null, l = null;
-  }, U = () => {
+  }, q = () => {
     const r = e.gridRef.value;
     return !r || r.api.lifecycle.state === "disposed" ? null : r;
-  }, g = () => U()?.api ?? null, q = () => {
-    const r = g()?.columns;
+  }, w = () => q()?.api ?? null, $ = () => {
+    const r = w()?.columns;
     if (!r)
       return null;
-    const f = r.getSnapshot(), d = {}, y = {}, K = {};
-    for (const B of f.columns)
-      d[B.key] = B.visible, y[B.key] = B.width, K[B.key] = B.pin;
+    const f = r.getSnapshot(), c = {}, y = {}, T = {};
+    for (const j of f.columns)
+      c[j.key] = j.visible, y[j.key] = j.width, T[j.key] = j.pin;
     return {
       order: [...f.order],
-      visibility: d,
+      visibility: c,
       widths: y,
-      pins: K
+      pins: T
     };
-  }, S = () => {
+  }, h = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      const r = q(), f = g();
+      const r = $(), f = w();
       if (r) {
-        const d = L(r);
-        A = d, d !== w && (w = d, e.emit.columnState(r), e.emit.columnOrder(r.order), e.emit.hiddenColumnKeys(
+        const c = k(r);
+        P = c, c !== g && (g = c, e.emit.columnState(r), e.emit.columnOrder(r.order), e.emit.hiddenColumnKeys(
           Object.entries(r.visibility).filter(([, y]) => !y).map(([y]) => y)
         ), e.emit.columnWidths(r.widths), e.emit.columnPins(r.pins));
       }
       if (f) {
-        const d = Cn(f.rows.getSnapshot().groupBy), y = L(d);
-        y !== M && (M = y, e.emit.groupBy(d));
-        const K = f.state.get(), B = L(K);
-        T = B, B !== u && (u = B, e.emit.state(K));
+        const c = In(f.rows.getSnapshot().groupBy), y = k(c);
+        y !== O && (O = y, e.emit.groupBy(c));
+        const T = f.state.get(), j = k(T);
+        z = j, j !== s && (s = j, e.emit.state(T));
       }
     }));
-  }, z = () => {
-    const r = g();
+  }, L = () => {
+    const r = w();
     !r || e.props.sortModel === void 0 && e.props.filterModel === void 0 || r.rows.setSortAndFilterModel({
       sortModel: e.props.sortModel ?? [],
       filterModel: e.props.filterModel ?? null
     });
-  }, X = () => {
-    const r = g()?.columns;
+  }, ee = () => {
+    const r = w()?.columns;
     return r ? new Set(r.getSnapshot().columns.map((f) => f.key)) : null;
-  }, V = (r) => {
+  }, _ = (r) => {
     const f = /* @__PURE__ */ new Set();
     if (!r)
       return f;
-    for (const d of r.order)
-      f.add(d);
-    for (const d of Object.keys(r.visibility ?? {}))
-      f.add(d);
-    for (const d of Object.keys(r.widths ?? {}))
-      f.add(d);
-    for (const d of Object.keys(r.pins ?? {}))
-      f.add(d);
+    for (const c of r.order)
+      f.add(c);
+    for (const c of Object.keys(r.visibility ?? {}))
+      f.add(c);
+    for (const c of Object.keys(r.widths ?? {}))
+      f.add(c);
+    for (const c of Object.keys(r.pins ?? {}))
+      f.add(c);
     return f;
-  }, a = (r) => {
-    const f = X();
+  }, i = (r) => {
+    const f = ee();
     if (!f)
       return !1;
-    const d = V(r);
-    if (d.size === 0)
+    const c = _(r);
+    if (c.size === 0)
       return !0;
-    for (const y of d)
+    for (const y of c)
       if (!f.has(y))
         return !1;
     return !0;
-  }, p = (r) => a(r.columns), v = (r) => {
-    const f = g();
+  }, S = (r) => i(r.columns), p = (r) => {
+    const f = w();
     if (!f)
       return !1;
     f.columns.setOrder(r.order);
-    for (const [d, y] of Object.entries(r.visibility))
-      f.columns.setVisibility(d, y);
-    for (const [d, y] of Object.entries(r.widths))
-      f.columns.setWidth(d, Re(y));
-    for (const [d, y] of Object.entries(r.pins))
-      f.columns.setPin(d, y);
+    for (const [c, y] of Object.entries(r.visibility))
+      f.columns.setVisibility(c, y);
+    for (const [c, y] of Object.entries(r.widths))
+      f.columns.setWidth(c, Ce(y));
+    for (const [c, y] of Object.entries(r.pins))
+      f.columns.setPin(c, y);
     return !0;
-  }, b = () => {
-    if (P) {
-      const r = P, f = g();
+  }, R = () => {
+    if (x) {
+      const r = x, f = w();
       if (f) {
-        const d = f.state.migrate(r.state, { strict: r.options?.strict });
-        d && p(d) && (P = null, f.state.set(d, r.options), i = L(r.state));
+        const c = f.state.migrate(r.state, { strict: r.options?.strict });
+        c && S(c) && (x = null, f.state.set(c, r.options), a = k(r.state));
       }
     }
-    if (x && a(x.columnState)) {
-      const r = x;
-      x = null, s = L({
+    if (D && i(D.columnState)) {
+      const r = D;
+      D = null, d = k({
         columnState: r.columnState,
         columnOrder: null,
         hiddenColumnKeys: null,
         columnWidths: null,
         columnPins: null
-      }), v(r.columnState);
+      }), p(r.columnState);
     }
-  }, R = () => {
-    const r = g();
+  }, M = () => {
+    const r = w();
     !r || e.props.groupBy === void 0 || r.rows.setGroupBy(e.props.groupBy ?? null);
-  }, D = () => {
-    const r = g();
+  }, F = () => {
+    const r = w();
     !r || e.props.aggregationModel === void 0 || r.rows.setAggregationModel(e.props.aggregationModel ?? null);
-  }, O = () => {
-    const r = g();
+  }, A = () => {
+    const r = w();
     !r || e.props.pivotModel === void 0 || r.pivot.setModel(e.props.pivotModel ?? null);
-  }, F = () => {
-    const r = g();
+  }, B = () => {
+    const r = w();
     if (!r || e.props.columnState === void 0 && e.props.columnOrder === void 0 && e.props.hiddenColumnKeys === void 0 && e.props.columnWidths === void 0 && e.props.columnPins === void 0)
       return;
-    const f = L({
+    const f = k({
       columnState: e.props.columnState,
       columnOrder: e.props.columnOrder,
       hiddenColumnKeys: e.props.hiddenColumnKeys,
       columnWidths: e.props.columnWidths,
       columnPins: e.props.columnPins
     });
-    if (f !== s) {
-      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && L(e.props.columnState) === A) {
-        s = f;
+    if (f !== d) {
+      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && k(e.props.columnState) === P) {
+        d = f;
         return;
       }
       if (e.props.columnState) {
         r.columns.setOrder(e.props.columnState.order);
-        for (const [d, y] of Object.entries(e.props.columnState.visibility))
-          r.columns.setVisibility(d, y);
-        for (const [d, y] of Object.entries(e.props.columnState.widths))
-          r.columns.setWidth(d, Re(y));
-        for (const [d, y] of Object.entries(e.props.columnState.pins))
-          r.columns.setPin(d, y);
+        for (const [c, y] of Object.entries(e.props.columnState.visibility))
+          r.columns.setVisibility(c, y);
+        for (const [c, y] of Object.entries(e.props.columnState.widths))
+          r.columns.setWidth(c, Ce(y));
+        for (const [c, y] of Object.entries(e.props.columnState.pins))
+          r.columns.setPin(c, y);
       }
       if (e.props.columnOrder && r.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
-        const d = new Set(e.props.hiddenColumnKeys), y = r.columns.getSnapshot();
-        for (const K of y.columns)
-          r.columns.setVisibility(K.key, !d.has(K.key));
+        const c = new Set(e.props.hiddenColumnKeys), y = r.columns.getSnapshot();
+        for (const T of y.columns)
+          r.columns.setVisibility(T.key, !c.has(T.key));
       }
       if (e.props.columnWidths)
-        for (const [d, y] of Object.entries(e.props.columnWidths))
-          r.columns.setWidth(d, Re(y));
+        for (const [c, y] of Object.entries(e.props.columnWidths))
+          r.columns.setWidth(c, Ce(y));
       if (e.props.columnPins)
-        for (const [d, y] of Object.entries(e.props.columnPins))
-          r.columns.setPin(d, y);
-      s = f;
+        for (const [c, y] of Object.entries(e.props.columnPins))
+          r.columns.setPin(c, y);
+      d = f;
     }
-  }, I = () => {
-    const r = g();
+  }, G = () => {
+    const r = w();
     if (!r || e.props.state == null)
       return;
-    const f = L(e.props.state);
-    if (f === i)
+    const f = k(e.props.state);
+    if (f === a)
       return;
-    if (f === T) {
-      i = f;
+    if (f === z) {
+      a = f;
       return;
     }
-    const d = r.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
-    d && p(d) && (r.state.set(d, e.props.stateOptions ?? {}), i = f);
-  }, E = () => {
-    const r = g();
+    const c = r.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
+    c && S(c) && (r.state.set(c, e.props.stateOptions ?? {}), a = f);
+  }, H = () => {
+    const r = w();
     r && (r.view.setRowHeightMode(e.props.rowHeightMode), r.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
-  }, _ = () => {
-    const r = U();
-    r && (s = null, i = null, j(), t = r.rowModel.subscribe(() => {
-      S();
+  }, W = () => {
+    const r = q();
+    r && (d = null, a = null, K(), t = r.rowModel.subscribe(() => {
+      h();
     }), l = r.columnModel.subscribe(() => {
-      S();
-    }), I(), F(), z(), R(), D(), O(), E(), b(), S(), e.emit.ready({ api: r.api }));
-  }, W = () => g()?.state.get() ?? null, H = (r, f) => g()?.state.migrate(r, f) ?? null, J = (r) => a(r) ? (s = L({
+      h();
+    }), G(), B(), L(), M(), F(), A(), H(), R(), h(), e.emit.ready({ api: r.api }));
+  }, N = () => w()?.state.get() ?? null, V = (r, f) => w()?.state.migrate(r, f) ?? null, Q = (r) => i(r) ? (d = k({
     columnState: r,
     columnOrder: null,
     hiddenColumnKeys: null,
     columnWidths: null,
     columnPins: null
-  }), x = null, v(r) ? (S(), !0) : (x = { columnState: r }, !0)) : (x = { columnState: r }, !0), Z = (r, f) => {
-    const d = g();
-    if (!d)
-      return P = { state: r, options: f }, !0;
-    const y = d.state.migrate(r, { strict: f?.strict });
-    return y ? p(y) ? (d.state.set(y, f), i = L(r), P = null, S(), !0) : (P = { state: r, options: f }, !0) : !1;
-  }, ee = () => g()?.pivot.exportLayout() ?? null, Y = () => g()?.pivot.exportInterop() ?? null, se = (r, f) => {
-    const d = g();
-    return d ? (d.pivot.importLayout(r, f), S(), !0) : !1;
-  }, Q = () => {
-    g()?.rows.expandAllGroups(), S();
-  }, de = () => {
-    g()?.rows.collapseAllGroups(), S();
+  }), D = null, p(r) ? (h(), !0) : (D = { columnState: r }, !0)) : (D = { columnState: r }, !0), te = (r, f) => {
+    const c = w();
+    if (!c)
+      return x = { state: r, options: f }, !0;
+    const y = c.state.migrate(r, { strict: f?.strict });
+    return y ? S(y) ? (c.state.set(y, f), a = k(r), x = null, h(), !0) : (x = { state: r, options: f }, !0) : !1;
+  }, ne = () => w()?.pivot.exportLayout() ?? null, X = () => w()?.pivot.exportInterop() ?? null, ce = (r, f) => {
+    const c = w();
+    return c ? (c.pivot.importLayout(r, f), h(), !0) : !1;
+  }, Z = () => {
+    w()?.rows.expandAllGroups(), h();
+  }, fe = () => {
+    w()?.rows.collapseAllGroups(), h();
   };
   C(
     () => e.gridRef.value,
     () => {
-      _();
+      W();
     },
     { immediate: !0 }
   ), C(
     () => e.props.columns,
     () => {
-      s = null, i = null, I(), F(), b(), S();
+      d = null, a = null, G(), B(), R(), h();
     },
     { deep: !0 }
   ), C(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      I(), F(), z(), R(), D(), O(), E(), b(), S();
+      G(), B(), L(), M(), F(), A(), H(), R(), h();
     },
     { deep: !0 }
   ), C(
@@ -879,80 +879,80 @@ function On(e) {
       e.props.columnPins
     ],
     () => {
-      F(), b(), S();
+      B(), R(), h();
     },
     { deep: !0 }
   ), C(
     () => [e.props.sortModel, e.props.filterModel],
     () => {
-      z(), S();
+      L(), h();
     },
     { deep: !0 }
   ), C(
     () => e.props.groupBy,
     () => {
-      R(), S();
+      M(), h();
     },
     { deep: !0 }
   ), C(
     () => e.props.aggregationModel,
     () => {
-      D(), S();
+      F(), h();
     },
     { deep: !0 }
   ), C(
     () => e.props.pivotModel,
     () => {
-      O(), S();
+      A(), h();
     },
     { deep: !0 }
   ), C(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      E(), S();
+      H(), h();
     }
   );
-  const te = () => {
-    j();
+  const re = () => {
+    K();
   };
-  return xe(() => {
-    te();
+  return De(() => {
+    re();
   }), {
-    emitSnapshotUpdates: S,
-    handleGridReady: _,
-    dispose: te,
-    getColumnState: q,
-    getState: W,
-    migrateState: H,
-    applyColumnState: J,
-    applyState: Z,
-    exportPivotLayout: ee,
-    exportPivotInterop: Y,
-    importPivotLayout: se,
-    expandAllGroups: Q,
-    collapseAllGroups: de
+    emitSnapshotUpdates: h,
+    handleGridReady: W,
+    dispose: re,
+    getColumnState: $,
+    getState: N,
+    migrateState: V,
+    applyColumnState: Q,
+    applyState: te,
+    exportPivotLayout: ne,
+    exportPivotInterop: X,
+    importPivotLayout: ce,
+    expandAllGroups: Z,
+    collapseAllGroups: fe
   };
 }
-function An(e) {
+function Fn(e) {
   if (!Number.isFinite(e))
     return;
   const t = Math.trunc(e);
   return t > 0 ? t : void 0;
 }
-function Pn(e) {
+function Bn(e) {
   return e === !1 ? !1 : e === "window" ? "window" : "grid";
 }
-function xn(e) {
+function Gn(e) {
   return e === !0 || e === "toolbar" ? "toolbar" : e === "external-only" ? "external-only" : !1;
 }
-function Dn() {
+function jn() {
   return {
     canUndo: () => !1,
     canRedo: () => !1,
     runHistoryAction: async () => null
   };
 }
-function Fn(e) {
+function En(e) {
   if (e === !1)
     return {
       enabled: !1,
@@ -963,9 +963,9 @@ function Fn(e) {
   const t = typeof e == "object" && e !== null ? e : {};
   return e === void 0 || e === !0 || t.enabled !== !1 ? {
     enabled: !0,
-    depth: An(t.depth),
-    shortcuts: Pn(t.shortcuts),
-    controls: xn(t.controls),
+    depth: Fn(t.depth),
+    shortcuts: Bn(t.shortcuts),
+    controls: Gn(t.controls),
     adapter: t.adapter
   } : {
     enabled: !1,
@@ -974,69 +974,69 @@ function Fn(e) {
     controls: !1
   };
 }
-function Qn() {
+function no() {
   return (e) => e;
 }
-function Xn() {
+function oo() {
   return (e) => e;
 }
-function Zn() {
+function ro() {
   return (e) => e;
 }
-function eo() {
+function lo() {
   return (e) => e;
 }
-function to() {
+function ao() {
   return (e) => e;
 }
-function In(e, t) {
+function Kn(e, t) {
   if (!t || typeof e != "object" || e === null)
     return;
   const l = t.split(".").filter(Boolean);
   let o = e;
-  for (const s of l) {
+  for (const d of l) {
     if (Array.isArray(o)) {
-      const i = Number(s);
-      if (!Number.isInteger(i) || i < 0 || i >= o.length)
+      const a = Number(d);
+      if (!Number.isInteger(a) || a < 0 || a >= o.length)
         return;
-      o = o[i];
+      o = o[a];
       continue;
     }
-    if (typeof o != "object" || o === null || !(s in o))
+    if (typeof o != "object" || o === null || !(d in o))
       return;
-    o = o[s];
+    o = o[d];
   }
   return o;
 }
-function Bn(e, t) {
+function Ln(e, t) {
   const l = /* @__PURE__ */ new Map();
   for (const o of e ?? []) {
-    const s = String(o.key ?? "").trim();
-    s && l.set(s, o);
+    const d = String(o.key ?? "").trim();
+    d && l.set(d, o);
   }
   if (!(l.size === 0 && typeof t != "function"))
-    return (o, s) => {
+    return (o, d) => {
       if (typeof t == "function") {
-        const A = t(o, s);
-        if (typeof A < "u")
-          return A;
+        const P = t(o, d);
+        if (typeof P < "u")
+          return P;
       }
-      const i = l.get(String(s ?? "").trim());
-      if (!i)
+      const a = l.get(String(d ?? "").trim());
+      if (!a)
         return;
-      const w = o.data;
-      if (typeof i.valueGetter == "function")
-        return i.valueGetter(w);
-      if (typeof i.accessor == "function")
-        return i.accessor(w);
-      const u = typeof i.field == "string" ? i.field.trim() : "";
-      if (!u)
+      const g = o.data;
+      if (typeof a.valueGetter == "function")
+        return a.valueGetter(g);
+      if (typeof a.accessor == "function")
+        return a.accessor(g);
+      const s = typeof a.field == "string" ? a.field.trim() : "";
+      if (!s)
         return;
-      const M = w[u];
-      return typeof M < "u" ? M : In(w, u);
+      const O = g[s];
+      return typeof O < "u" ? O : Kn(g, s);
     };
 }
-function Gn() {
+function Hn() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -1059,15 +1059,15 @@ function Gn() {
     }
   };
 }
-function ae(e, t) {
+function se(e, t) {
   const l = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
   if (l.length !== 0)
     return async (o) => {
-      for (const s of l)
-        await s(o);
+      for (const d of l)
+        await d(o);
     };
 }
-function jn(e) {
+function Tn(e) {
   const {
     userSelectionService: t,
     cellSelectionService: l,
@@ -1075,10 +1075,10 @@ function jn(e) {
   } = e;
   return {
     name: "selection",
-    init: ae("init", [t, l, o]),
-    start: ae("start", [t, l, o]),
-    stop: ae("stop", [t, l, o]),
-    dispose: ae("dispose", [t, l, o]),
+    init: se("init", [t, l, o]),
+    start: se("start", [t, l, o]),
+    stop: se("stop", [t, l, o]),
+    dispose: se("dispose", [t, l, o]),
     getSelectionSnapshot: l.getSelectionSnapshot,
     setSelectionSnapshot: l.setSelectionSnapshot,
     clearSelection: l.clearSelection,
@@ -1095,47 +1095,54 @@ function jn(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function En(e, t) {
+function et(e) {
+  const t = e?.dataSource;
+  if (!t || typeof t != "object")
+    return null;
+  const l = t;
+  return typeof l.undoHistoryStack == "function" && typeof l.redoHistoryStack == "function" ? l : null;
+}
+function kn(e, t) {
   if (e?.focusedRow !== t?.focusedRow || (e?.mode ?? "explicit") !== (t?.mode ?? "explicit"))
     return !1;
   const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
   if (l.length !== o.length)
     return !1;
-  for (let w = 0; w < l.length; w += 1)
-    if (l[w] !== o[w])
+  for (let g = 0; g < l.length; g += 1)
+    if (l[g] !== o[g])
       return !1;
-  const s = e?.excludedRows ?? [], i = t?.excludedRows ?? [];
-  if (s.length !== i.length)
+  const d = e?.excludedRows ?? [], a = t?.excludedRows ?? [];
+  if (d.length !== a.length)
     return !1;
-  for (let w = 0; w < s.length; w += 1)
-    if (s[w] !== i[w])
+  for (let g = 0; g < d.length; g += 1)
+    if (d[g] !== a[g])
       return !1;
   return !0;
 }
-function Kn(e, t) {
+function zn(e, t) {
   if (e === t)
     return !0;
   const l = Object.entries(e ?? {}), o = Object.entries(t ?? {});
   if (l.length !== o.length)
     return !1;
-  for (const [s, i] of l)
-    if (!Object.is(i, t?.[s]))
+  for (const [d, a] of l)
+    if (!Object.is(a, t?.[d]))
       return !1;
   return !0;
 }
-function Ln(e, t) {
+function Vn(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
     return !1;
   for (let l = 0; l < e.length; l += 1) {
-    const o = e[l], s = t[l];
-    if (!o || !s || o.key !== s.key || o.component !== s.component || !Kn(o.props, s.props))
+    const o = e[l], d = t[l];
+    if (!o || !d || o.key !== d.key || o.component !== d.component || !zn(o.props, d.props))
       return !1;
   }
   return !0;
 }
-const Tn = {
+const Un = {
   rows: {
     type: Array,
     default: () => []
@@ -1420,10 +1427,10 @@ const Tn = {
     type: Function,
     default: void 0
   }
-}, nt = Xe({
+}, lt = tt({
   name: "DataGrid",
   inheritAttrs: !1,
-  props: Tn,
+  props: Un,
   emits: {
     "cell-change": (e) => !0,
     "cell-edit": (e) => !0,
@@ -1442,20 +1449,20 @@ const Tn = {
     "toolbar-modules-change": (e) => !0,
     ready: (e) => !0
   },
-  setup(e, { attrs: t, slots: l, emit: o, expose: s }) {
-    const i = N(null), w = Dn(), u = N(null), M = N(null), A = N([]);
-    let T = null, x = !1, P = null, j = !1, U = !1;
-    const g = N(e.viewMode === "gantt" ? "gantt" : "table"), q = N(e.state ?? null), S = m(() => rn(e.statePersistence)), z = m(() => Fn(e.history)), X = m(() => Gt(e.chrome)), V = m(() => tn(e.renderMode, e.pagination)), a = m(() => nn(
+  setup(e, { attrs: t, slots: l, emit: o, expose: d }) {
+    const a = U(null), g = jn(), s = U(null), O = U(null), P = U([]);
+    let z = null, D = !1, x = null, K = !1, q = !1;
+    const w = U(e.viewMode === "gantt" ? "gantt" : "table"), $ = U(e.state ?? null), h = m(() => dn(e.statePersistence)), L = m(() => En(e.history)), ee = m(() => Ht(e.chrome)), _ = m(() => an(e.renderMode, e.pagination)), i = m(() => un(
       e.pagination,
-      V.value,
+      _.value,
       e.pageSize,
       e.currentPage
-    )), p = m(() => jt(e.columnMenu)), v = m(() => Et(e.cellMenu)), b = m(() => Kt(e.rowIndexMenu)), R = m(() => Lt(e.columnLayout)), D = m(() => Tt(e.columnReorder)), O = m(() => bn(e.aggregations)), F = m(() => Wt(e.advancedFilter)), I = m(() => cn(e.quickFilter)), E = m(() => fn(e.findReplace)), _ = m(() => vn(e.gridLines)), W = m(() => en(e.groupBy)), H = m(() => e.state ?? q.value), J = m(() => e.sortModel !== void 0 ? e.sortModel : H.value?.rows?.snapshot?.sortModel), Z = m(() => e.filterModel !== void 0 ? B.value : ke(
-      Ft(H.value?.rows?.snapshot?.filterModel ?? null),
+    )), S = m(() => Tt(e.columnMenu)), p = m(() => kt(e.cellMenu)), R = m(() => zt(e.rowIndexMenu)), M = m(() => Vt(e.columnLayout)), F = m(() => Ut(e.columnReorder)), A = m(() => An(e.aggregations)), B = m(() => Jt(e.advancedFilter)), G = m(() => pn(e.quickFilter)), H = m(() => gn(e.findReplace)), W = m(() => hn(e.gridLines)), N = m(() => ln(e.groupBy)), V = m(() => e.state ?? $.value), Q = m(() => e.sortModel !== void 0 ? e.sortModel : V.value?.rows?.snapshot?.sortModel), te = m(() => e.filterModel !== void 0 ? j.value : Ue(
+      Et(V.value?.rows?.snapshot?.filterModel ?? null),
       e.columns
-    )), ee = m(() => e.groupBy !== void 0 ? W.value ?? null : H.value?.rows?.snapshot?.groupBy ?? null), Y = m(() => e.pivotModel !== void 0 ? e.pivotModel : H.value?.rows?.snapshot?.pivotModel ?? null), se = m(() => Rn(e.virtualization, V.value)), Q = m(() => wn(e.layoutMode, e.minRows, e.maxRows)), de = m(() => Nt(e.placeholderRows)), te = m(() => zt(e.rowReorder)), r = m(() => {
+    )), ne = m(() => e.groupBy !== void 0 ? N.value ?? null : V.value?.rows?.snapshot?.groupBy ?? null), X = m(() => e.pivotModel !== void 0 ? e.pivotModel : V.value?.rows?.snapshot?.pivotModel ?? null), ce = m(() => Pn(e.virtualization, _.value)), Z = m(() => bn(e.layoutMode, e.minRows, e.maxRows)), fe = m(() => Yt(e.placeholderRows)), re = m(() => _t(e.rowReorder)), r = m(() => {
       const n = e.clientRowModelOptions?.readFilterCell;
-      return Bn(
+      return Ln(
         e.columns,
         e.readFilterCell ?? n
       );
@@ -1466,15 +1473,15 @@ const Tn = {
         readFilterCell: r.value,
         readFilterCellStyle: n
       };
-    }), d = m(() => Ht({
+    }), c = m(() => Wt({
       columns: e.columns,
       clientRowModelOptions: f.value,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), y = m(() => kt(e.columns)), K = m(() => e.state ? ge(e.state, e.columns) : e.state), B = m(() => ke(e.filterModel ?? null, e.columns)), ot = {
+    })), y = m(() => Nt(e.columns)), T = m(() => e.state ? Se(e.state, e.columns) : e.state), j = m(() => Ue(e.filterModel ?? null, e.columns)), at = {
       get state() {
-        return K.value;
+        return T.value;
       },
       get stateOptions() {
         return e.stateOptions;
@@ -1498,10 +1505,10 @@ const Tn = {
         return e.sortModel;
       },
       get filterModel() {
-        return e.filterModel === void 0 ? void 0 : B.value;
+        return e.filterModel === void 0 ? void 0 : j.value;
       },
       get groupBy() {
-        return W.value;
+        return N.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -1518,62 +1525,62 @@ const Tn = {
       get columns() {
         return e.columns;
       }
-    }, De = m(() => Y.value ? "pivot" : d.value && "initialTreeData" in d.value ? "tree" : "base"), rt = m(() => i.value?.api.columns.getSnapshot().visibleColumns ?? []), lt = m(() => {
-      const n = i.value?.runtime;
+    }, Fe = m(() => X.value ? "pivot" : c.value && "initialTreeData" in c.value ? "tree" : "base"), it = m(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), ut = m(() => {
+      const n = a.value?.runtime;
       if (!n)
         return 0;
-      const c = ze(n.rowPartition);
-      return Math.max(0, c.bodyRowCount + c.pinnedBottomRows.length);
-    }), it = (n) => {
-      const c = i.value?.runtime;
-      if (!c)
+      const u = ze(n.rowPartition);
+      return Math.max(0, u.bodyRowCount + u.pinnedBottomRows.length);
+    }), st = (n) => {
+      const u = a.value?.runtime;
+      if (!u)
         return null;
-      const G = ze(c.rowPartition), k = G.bodyRowCount;
-      if (n < k)
-        return c.getBodyRowAtIndex(n);
-      const re = n - k;
-      return G.pinnedBottomRows[re] ?? null;
-    }, at = {
-      mode: m(() => De.value),
-      resolveRuntime: () => i.value,
-      visibleColumns: rt,
-      totalRows: lt,
+      const v = ze(u.rowPartition), I = v.bodyRowCount;
+      if (n < I)
+        return u.getBodyRowAtIndex(n);
+      const J = n - I;
+      return v.pinnedBottomRows[J] ?? null;
+    }, dt = {
+      mode: m(() => Fe.value),
+      resolveRuntime: () => a.value,
+      visibleColumns: it,
+      totalRows: ut,
       showRowSelection: m(() => e.rowSelection),
       readSelectionCell: e.readSelectionCell,
-      resolveSelectionRowAtIndex: it
+      resolveSelectionRowAtIndex: st
     }, {
-      selectionSnapshot: ut,
-      selectionAnchor: st,
-      syncSelectionSnapshotFromRuntime: dt,
-      selectionService: ct,
-      selectionAggregatesLabel: ft
-    } = It(at), {
-      rowSelectionSnapshot: ce,
-      syncRowSelectionSnapshotFromRuntime: fe,
-      reconcileRowSelectionFromRuntime: mt,
-      selectionService: Fe
-    } = Bt({
-      resolveRuntime: () => i.value
-    }), yt = m(() => e.rowSelection ? Fe : Gn()), vt = m(() => ({
+      selectionSnapshot: ct,
+      selectionAnchor: ft,
+      syncSelectionSnapshotFromRuntime: mt,
+      selectionService: yt,
+      selectionAggregatesLabel: vt
+    } = Kt(dt), {
+      rowSelectionSnapshot: me,
+      syncRowSelectionSnapshotFromRuntime: ye,
+      reconcileRowSelectionFromRuntime: pt,
+      selectionService: Be
+    } = Lt({
+      resolveRuntime: () => a.value
+    }), gt = m(() => e.rowSelection ? Be : Hn()), wt = m(() => ({
       ...e.services ?? {},
-      selection: jn({
+      selection: Tn({
         userSelectionService: e.services?.selection,
-        cellSelectionService: ct,
-        rowSelectionService: yt.value
+        cellSelectionService: yt,
+        rowSelectionService: gt.value
       })
     })), {
-      dataGridInstanceKey: wt,
-      resolvedRowModel: me
-    } = Vt({
-      rows: He(e, "rows"),
-      rowModel: He(e, "rowModel"),
-      clientRowModelOptions: d,
+      dataGridInstanceKey: St,
+      resolvedRowModel: oe
+    } = qt({
+      rows: Ve(e, "rows"),
+      rowModel: Ve(e, "rowModel"),
+      clientRowModelOptions: c,
       onOwnedRowModelRecreated: () => {
-        h.dispose();
+        b.dispose();
       }
-    }), h = On({
-      gridRef: i,
-      props: ot,
+    }), b = Dn({
+      gridRef: a,
+      props: at,
       emit: {
         columnState: (n) => o("update:columnState", n),
         columnOrder: (n) => o("update:columnOrder", n),
@@ -1582,241 +1589,286 @@ const Tn = {
         columnPins: (n) => o("update:columnPins", n),
         groupBy: (n) => o("update:groupBy", n),
         state: (n) => {
-          q.value = n, o("update:state", n), Ie();
+          $.value = n, o("update:state", n), Ge();
         },
         ready: (n) => {
-          U = !0, Be(), o("ready", {
+          q = !0, je(), o("ready", {
             api: n.api,
-            rowModel: me.value
+            rowModel: oe.value
           });
         }
       }
     });
-    function ye() {
-      P != null && (globalThis.clearTimeout(P), P = null);
+    function ve() {
+      x != null && (globalThis.clearTimeout(x), x = null);
     }
-    function ne() {
-      const n = S.value;
-      if (!n || !j)
+    function le() {
+      const n = h.value;
+      if (!n || !K)
         return;
-      const c = Ue(n.storage);
-      if (!c)
+      const u = $e(n.storage);
+      if (!u)
         return;
-      const k = i.value?.api?.state.get(n.getOptions) ?? h.getState();
-      if (k)
+      const I = a.value?.api?.state.get(n.getOptions) ?? b.getState();
+      if (I)
         try {
-          c.setItem(n.key, JSON.stringify(k));
+          u.setItem(n.key, JSON.stringify(I));
         } catch {
         }
     }
-    function Ie() {
-      const n = S.value;
-      !n || !j || (ye(), P = globalThis.setTimeout(() => {
-        P = null, ne();
+    function Ge() {
+      const n = h.value;
+      !n || !K || (ve(), x = globalThis.setTimeout(() => {
+        x = null, le();
       }, n.debounceMs));
     }
-    function Be() {
-      const n = S.value;
-      if (!n || j || !U)
+    function je() {
+      const n = h.value;
+      if (!n || K || !q)
         return;
       if (!n.restoreOnReady) {
-        j = !0;
+        K = !0;
         return;
       }
-      j = !0;
-      const c = Ue(n.storage);
-      if (!c)
+      K = !0;
+      const u = $e(n.storage);
+      if (!u)
         return;
-      let G;
+      let v;
       try {
-        const re = c.getItem(n.key);
-        if (!re)
+        const J = u.getItem(n.key);
+        if (!J)
           return;
-        G = JSON.parse(re);
+        v = JSON.parse(J);
       } catch {
         return;
       }
-      const k = h.migrateState(G);
-      k && h.applyState(k, n.setOptions);
+      const I = b.migrateState(v);
+      I && b.applyState(I, n.setOptions);
     }
-    function gt() {
-      Ie();
+    function ht() {
+      Ge();
     }
-    function oe() {
-      ne();
+    function ae() {
+      le();
     }
-    function Ge() {
-      typeof document < "u" && document.visibilityState === "hidden" && ne();
+    function Ee() {
+      typeof document < "u" && document.visibilityState === "hidden" && le();
     }
-    const pt = (n) => {
-      mt(), o("cell-change", n), h.emitSnapshotUpdates();
-    }, ve = (n) => {
+    const bt = (n) => {
+      pt(), o("cell-change", n), b.emitSnapshotUpdates();
+    }, pe = (n) => {
       o("cell-edit", n);
-    }, St = (n) => {
-      o("selection-change", n), h.emitSnapshotUpdates();
-    }, ht = (n) => {
+    }, Rt = (n) => {
+      o("selection-change", n), b.emitSnapshotUpdates();
+    }, Mt = (n) => {
       o("row-selection-change", n);
-    }, je = () => {
-      h.emitSnapshotUpdates();
+    }, Ke = () => {
+      b.emitSnapshotUpdates();
     };
     C(
-      ce,
+      me,
       (n) => {
-        o("row-select", n), o("update:rowSelectionState", n), je();
+        o("row-select", n), o("update:rowSelectionState", n), Ke();
       },
       { deep: !0 }
     ), C(
-      () => [e.rowSelection, e.rowSelectionState, i.value],
-      ([n, c]) => {
+      () => [e.rowSelection, e.rowSelectionState, a.value],
+      ([n, u]) => {
         if (n) {
-          if (c !== void 0) {
-            const G = i.value?.api.rowSelection;
-            En(ce.value, c) || (c ? G?.setSnapshot(c) : G?.clear(), fe());
+          if (u !== void 0) {
+            const v = a.value?.api.rowSelection;
+            kn(me.value, u) || (u ? v?.setSnapshot(u) : v?.clear(), ye());
             return;
           }
-          fe();
+          ye();
           return;
         }
-        Fe.clearRowSelection?.();
+        Be.clearRowSelection?.();
       },
       { immediate: !0 }
     ), C(
       () => e.viewMode,
       (n) => {
-        g.value = n === "gantt" ? "gantt" : "table";
+        w.value = n === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const Ee = (n) => {
-      const c = n === "gantt" ? "gantt" : "table";
-      g.value = c, o("update:viewMode", c);
-    }, bt = (n) => {
-      u.value = n;
-    }, Ke = (n) => {
-      M.value = n;
-    }, Rt = (n) => {
-      Ln(A.value, n) || (A.value = n, T = n, !x && (x = !0, Promise.resolve().then(() => {
-        x = !1;
-        const c = T;
-        T = null, c && o("toolbar-modules-change", c);
+    const Le = (n) => {
+      const u = n === "gantt" ? "gantt" : "table";
+      w.value = u, o("update:viewMode", u);
+    }, Ct = (n) => {
+      s.value = n;
+    }, He = (n) => {
+      O.value = n;
+    }, Ot = (n) => {
+      Vn(P.value, n) || (P.value = n, z = n, !D && (D = !0, Promise.resolve().then(() => {
+        D = !1;
+        const u = z;
+        z = null, u && o("toolbar-modules-change", u);
       })));
-    }, we = m(() => {
-      const n = z.value.adapter;
-      return !z.value.enabled || !n ? w : {
+    }, E = U({
+      canUndo: !1,
+      canRedo: !1
+    });
+    C(
+      oe,
+      (n, u, v) => {
+        const I = et(n);
+        if (E.value = I?.getCachedHistoryStatus?.() ?? {
+          canUndo: !1,
+          canRedo: !1
+        }, !I)
+          return;
+        let J = !0;
+        const Dt = I.subscribeHistoryStatus?.((we) => {
+          E.value = we;
+        });
+        I.getHistoryStatus?.().then((we) => {
+          J && (E.value = we);
+        }).catch(() => {
+        }), v(() => {
+          J = !1, Dt?.();
+        });
+      },
+      { immediate: !0 }
+    );
+    const At = m(() => {
+      const n = et(oe.value);
+      return !L.value.enabled || L.value.adapter || !n ? g : {
+        canUndo: () => (E.value, E.value.canUndo === !0),
+        canRedo: () => (E.value, E.value.canRedo === !0),
+        runHistoryAction: async (u) => {
+          if (E.value, u === "undo" && E.value.canUndo !== !0 || u === "redo" && E.value.canRedo !== !0)
+            return null;
+          const v = u === "undo" ? await n.undoHistoryStack?.() : await n.redoHistoryStack?.();
+          return v && (E.value = {
+            ...E.value,
+            ...typeof v.canUndo == "boolean" ? { canUndo: v.canUndo } : {},
+            ...typeof v.canRedo == "boolean" ? { canRedo: v.canRedo } : {},
+            ...typeof v.latestUndoOperationId < "u" ? { latestUndoOperationId: v.latestUndoOperationId } : {},
+            ...typeof v.latestRedoOperationId < "u" ? { latestRedoOperationId: v.latestRedoOperationId } : {},
+            ...typeof v.datasetVersion < "u" ? { datasetVersion: v.datasetVersion } : {}
+          }), typeof v?.operationId == "string" && v.operationId.length > 0 ? v.operationId : u === "undo" ? v?.latestRedoOperationId ?? null : v?.latestUndoOperationId ?? null;
+        }
+      };
+    }), ge = m(() => {
+      const n = L.value.adapter;
+      return !L.value.enabled || !n ? At.value : {
         canUndo: () => n.canUndo(),
         canRedo: () => n.canRedo(),
-        runHistoryAction: (c) => n.runHistoryAction(c)
+        runHistoryAction: (u) => n.runHistoryAction(u)
       };
-    }), Le = {
-      canUndo: () => (u.value ?? we.value).canUndo(),
-      canRedo: () => (u.value ?? we.value).canRedo(),
-      runHistoryAction: (n) => (u.value ?? we.value).runHistoryAction(n)
-    }, Mt = () => {
-      const n = h.getState();
-      return n ? ue({
+    }), Te = {
+      canUndo: () => (s.value ?? ge.value).canUndo(),
+      canRedo: () => (s.value ?? ge.value).canRedo(),
+      runHistoryAction: (n) => (s.value ?? ge.value).runHistoryAction(n)
+    }, Pt = () => {
+      const n = b.getState();
+      return n ? de({
         state: n,
-        viewMode: g.value
+        viewMode: w.value
       }) : null;
-    }, Ct = (n, c) => tt(n, h.migrateState, c), Ot = (n, c) => {
-      const G = ue(n);
-      return h.applyState(
-        ge(G.state, e.columns),
-        c
-      ) ? (G.viewMode && Ee(G.viewMode), !0) : !1;
+    }, xt = (n, u) => rt(n, b.migrateState, u), It = (n, u) => {
+      const v = de(n);
+      return b.applyState(
+        Se(v.state, e.columns),
+        u
+      ) ? (v.viewMode && Le(v.viewMode), !0) : !1;
     };
     return C(
-      S,
+      h,
       () => {
-        ye(), j = !1, Be();
+        ve(), K = !1, je();
       },
       { deep: !0 }
-    ), xt(() => {
-      typeof window < "u" && (window.addEventListener("pagehide", oe), window.addEventListener("beforeunload", oe)), typeof document < "u" && document.addEventListener("visibilitychange", Ge);
-    }), xe(() => {
-      ne(), ye(), typeof window < "u" && (window.removeEventListener("pagehide", oe), window.removeEventListener("beforeunload", oe)), typeof document < "u" && document.removeEventListener("visibilitychange", Ge), h.dispose(), Ke(null);
-    }), s({
-      grid: i,
-      rowModel: me,
-      history: Le,
-      getHistory: () => Le,
-      toolbarModules: A,
-      getToolbarModules: () => A.value,
-      getApi: () => i.value?.api ?? null,
-      getRuntime: () => i.value?.runtime ?? null,
-      getCore: () => i.value?.core ?? null,
-      captureFocusAnchor: (n) => i.value?.captureFocusAnchor(n) ?? null,
-      restoreFocusAnchor: (n, c) => i.value?.restoreFocusAnchor(n, c) ?? Promise.resolve(!1),
+    ), Gt(() => {
+      typeof window < "u" && (window.addEventListener("pagehide", ae), window.addEventListener("beforeunload", ae)), typeof document < "u" && document.addEventListener("visibilitychange", Ee);
+    }), De(() => {
+      le(), ve(), typeof window < "u" && (window.removeEventListener("pagehide", ae), window.removeEventListener("beforeunload", ae)), typeof document < "u" && document.removeEventListener("visibilitychange", Ee), b.dispose(), He(null);
+    }), d({
+      grid: a,
+      rowModel: oe,
+      history: Te,
+      getHistory: () => Te,
+      toolbarModules: P,
+      getToolbarModules: () => P.value,
+      getApi: () => a.value?.api ?? null,
+      getRuntime: () => a.value?.runtime ?? null,
+      getCore: () => a.value?.core ?? null,
+      captureFocusAnchor: (n) => a.value?.captureFocusAnchor(n) ?? null,
+      restoreFocusAnchor: (n, u) => a.value?.restoreFocusAnchor(n, u) ?? Promise.resolve(!1),
       restoreFocus: () => {
-        i.value?.restoreFocus();
+        a.value?.restoreFocus();
       },
-      getColumnState: () => h.getColumnState(),
-      getColumnSnapshot: () => i.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => ft.value,
-      runStructuralRowAction: (n, c) => M.value?.(n, c) ?? Promise.resolve(!1),
+      getColumnState: () => b.getColumnState(),
+      getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
+      getSelectionAggregatesLabel: () => vt.value,
+      runStructuralRowAction: (n, u) => O.value?.(n, u) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
-        const n = i.value?.api.selection.summarize;
+        const n = a.value?.api.selection.summarize;
         if (!n)
           return null;
-        const c = {
+        const u = {
           readSelectionCell: e.readSelectionCell
         };
-        return n(c);
+        return n(u);
       },
-      getView: () => g.value,
-      setView: Ee,
-      getSavedView: Mt,
-      migrateSavedView: Ct,
-      applySavedView: Ot,
-      applyColumnState: h.applyColumnState,
-      getState: h.getState,
-      migrateState: h.migrateState,
-      applyState: (n, c) => n ? h.applyState(ge(n, e.columns), c) : !1,
-      exportPivotLayout: h.exportPivotLayout,
-      exportPivotInterop: h.exportPivotInterop,
-      importPivotLayout: h.importPivotLayout,
-      expandAllGroups: h.expandAllGroups,
-      collapseAllGroups: h.collapseAllGroups,
-      insertRowsAt: (n, c) => i.value?.api.rows.insertDataAt(n, c) ?? !1,
-      insertRowBefore: (n, c) => i.value?.api.rows.insertDataBefore(n, c) ?? !1,
-      insertRowAfter: (n, c) => i.value?.api.rows.insertDataAfter(n, c) ?? !1,
-      insertColumnsAt: (n, c) => i.value?.api.columns.insertAt(n, c) ?? !1,
-      insertColumnBefore: (n, c) => i.value?.api.columns.insertBefore(n, c) ?? !1,
-      insertColumnAfter: (n, c) => i.value?.api.columns.insertAfter(n, c) ?? !1
+      getView: () => w.value,
+      setView: Le,
+      getSavedView: Pt,
+      migrateSavedView: xt,
+      applySavedView: It,
+      applyColumnState: b.applyColumnState,
+      getState: b.getState,
+      migrateState: b.migrateState,
+      applyState: (n, u) => n ? b.applyState(Se(n, e.columns), u) : !1,
+      exportPivotLayout: b.exportPivotLayout,
+      exportPivotInterop: b.exportPivotInterop,
+      importPivotLayout: b.importPivotLayout,
+      expandAllGroups: b.expandAllGroups,
+      collapseAllGroups: b.collapseAllGroups,
+      insertRowsAt: (n, u) => a.value?.api.rows.insertDataAt(n, u) ?? !1,
+      insertRowBefore: (n, u) => a.value?.api.rows.insertDataBefore(n, u) ?? !1,
+      insertRowAfter: (n, u) => a.value?.api.rows.insertDataAfter(n, u) ?? !1,
+      insertColumnsAt: (n, u) => a.value?.api.columns.insertAt(n, u) ?? !1,
+      insertColumnBefore: (n, u) => a.value?.api.columns.insertBefore(n, u) ?? !1,
+      insertColumnAfter: (n, u) => a.value?.api.columns.insertAfter(n, u) ?? !1
     }), () => {
       const n = {
-        mode: De.value,
+        mode: Fe.value,
         rows: e.rows,
-        runtime: i.value?.runtime ?? null,
-        runtimeRowModel: i.value?.rowModel ?? null,
-        selectionSnapshot: ut,
-        selectionAnchor: st,
-        rowSelectionSnapshot: ce,
-        syncSelectionSnapshotFromRuntime: dt,
-        syncRowSelectionSnapshotFromRuntime: fe,
-        flushRowSelectionSnapshotUpdates: je,
-        sortModel: J.value,
-        filterModel: Z.value,
+        runtime: a.value?.runtime ?? null,
+        runtimeRowModel: a.value?.rowModel ?? null,
+        selectionSnapshot: ct,
+        selectionAnchor: ft,
+        rowSelectionSnapshot: me,
+        syncSelectionSnapshotFromRuntime: mt,
+        syncRowSelectionSnapshotFromRuntime: ye,
+        flushRowSelectionSnapshotUpdates: Ke,
+        sortModel: Q.value,
+        filterModel: te.value,
         appColumns: e.columns,
-        groupBy: ee.value,
-        pivotModel: Y.value,
-        renderMode: V.value,
-        virtualization: se.value,
-        columnMenu: p.value,
-        cellMenu: v.value,
-        rowIndexMenu: b.value,
-        columnLayout: R.value,
-        columnReorder: D.value,
-        aggregations: O.value,
-        advancedFilter: F.value,
-        quickFilter: I.value,
-        findReplace: E.value,
-        gridLines: _.value,
+        groupBy: ne.value,
+        pivotModel: X.value,
+        renderMode: _.value,
+        virtualization: ce.value,
+        columnMenu: S.value,
+        cellMenu: p.value,
+        rowIndexMenu: R.value,
+        columnLayout: M.value,
+        columnReorder: F.value,
+        aggregations: A.value,
+        advancedFilter: B.value,
+        quickFilter: G.value,
+        findReplace: H.value,
+        gridLines: W.value,
         rowHeightMode: e.rowHeightMode,
         baseRowHeight: e.baseRowHeight,
-        layoutMode: Q.value.layoutMode,
-        minRows: Q.value.minRows,
-        maxRows: Q.value.maxRows,
-        placeholderRows: de.value,
+        layoutMode: Z.value.layoutMode,
+        minRows: Z.value.minRows,
+        maxRows: Z.value.maxRows,
+        placeholderRows: fe.value,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
         rowHover: e.rowHover,
@@ -1827,49 +1879,49 @@ const Tn = {
         isCellEditable: e.isCellEditable,
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
-        rowReorder: te.value,
-        viewMode: g.value,
+        rowReorder: re.value,
+        viewMode: w.value,
         gantt: e.gantt,
-        history: z.value,
-        chrome: X.value,
-        registerHistoryController: bt,
-        registerStructuralRowActionRunner: Ke,
-        reportToolbarModules: Rt,
+        history: L.value,
+        chrome: ee.value,
+        registerHistoryController: Ct,
+        registerStructuralRowActionRunner: He,
+        reportToolbarModules: Ot,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
-      return Me(
-        Mn,
+      return Oe(
+        xn,
         {
           ...t,
-          ref: i,
-          key: wt.value,
+          ref: a,
+          key: St.value,
           rows: e.rows,
-          onScrollCapture: gt,
-          rowModel: me.value,
+          onScrollCapture: ht,
+          rowModel: oe.value,
           columns: y.value,
           theme: e.theme,
-          layoutMode: Q.value.layoutMode,
-          renderMode: V.value,
-          pagination: a.value,
+          layoutMode: Z.value.layoutMode,
+          renderMode: _.value,
+          pagination: i.value,
           plugins: e.plugins,
-          services: vt.value,
+          services: wt.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: pt,
-          onCellEdit: ve,
-          onSelectionChange: St,
-          onRowSelectionChange: ht
+          onCellChange: bt,
+          onCellEdit: pe,
+          onSelectionChange: Rt,
+          onRowSelectionChange: Mt
         },
         l.default ? {
-          default: (c) => l.default?.({
-            ...c,
+          default: (u) => l.default?.({
+            ...u,
             defaultRendererProps: {
               ...n,
-              runtime: c.runtime,
-              runtimeRowModel: c.rowModel,
-              onCellEdit: ve,
+              runtime: u.runtime,
+              runtimeRowModel: u.rowModel,
+              onCellEdit: pe,
               reportFillWarning: e.reportFillWarning,
               reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
               reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1877,11 +1929,11 @@ const Tn = {
             }
           })
         } : {
-          default: (c) => Me(_t, {
+          default: (u) => Oe($t, {
             ...n,
-            runtime: c.runtime,
-            runtimeRowModel: c.rowModel,
-            onCellEdit: ve,
+            runtime: u.runtime,
+            runtimeRowModel: u.rowModel,
+            onCellEdit: pe,
             reportFillWarning: e.reportFillWarning,
             reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
             reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1892,33 +1944,33 @@ const Tn = {
     };
   }
 });
-function no() {
-  return N(null);
+function io() {
+  return U(null);
 }
-function oo() {
-  return nt;
+function uo() {
+  return lt;
 }
-const ro = nt;
+const so = lt;
 export {
-  ro as DataGrid,
-  ao as DataGridModuleHost,
-  Yn as clearDataGridSavedViewInStorage,
-  nt as default,
-  eo as defineDataGridCellClassResolver,
-  to as defineDataGridCellStyleResolver,
-  uo as defineDataGridColumnMenu,
-  so as defineDataGridColumns,
-  oo as defineDataGridComponent,
-  Xn as defineDataGridFilterCellReader,
-  Zn as defineDataGridFilterCellStyleReader,
-  Qn as defineDataGridSelectionCellReader,
-  qn as defineDataGridStructuralRowActionHandler,
-  tt as migrateDataGridSavedView,
-  ke as normalizeDataGridAppFilterModel,
-  ge as normalizeDataGridAppUnifiedStateFilters,
-  hn as parseDataGridSavedView,
-  Jn as readDataGridSavedViewFromStorage,
-  Sn as serializeDataGridSavedView,
-  no as useDataGridRef,
-  $n as writeDataGridSavedViewToStorage
+  so as DataGrid,
+  mo as DataGridModuleHost,
+  to as clearDataGridSavedViewInStorage,
+  lt as default,
+  lo as defineDataGridCellClassResolver,
+  ao as defineDataGridCellStyleResolver,
+  yo as defineDataGridColumnMenu,
+  vo as defineDataGridColumns,
+  uo as defineDataGridComponent,
+  oo as defineDataGridFilterCellReader,
+  ro as defineDataGridFilterCellStyleReader,
+  no as defineDataGridSelectionCellReader,
+  Xn as defineDataGridStructuralRowActionHandler,
+  rt as migrateDataGridSavedView,
+  Ue as normalizeDataGridAppFilterModel,
+  Se as normalizeDataGridAppUnifiedStateFilters,
+  On as parseDataGridSavedView,
+  eo as readDataGridSavedViewFromStorage,
+  Cn as serializeDataGridSavedView,
+  io as useDataGridRef,
+  Zn as writeDataGridSavedViewToStorage
 };