@affino/datagrid-vue-app 0.1.39 → 0.1.41

package/dist/index.js

@@ -1,21 +1,22 @@
-import { defineComponent as je, ref as P, provide as ot, computed as m, watch as S, onBeforeUnmount as pe, h as we, mergeProps as nt, unref as Ce, toRef as Oe } from "vue";
-import { useDataGridRuntime as rt } from "@affino/datagrid-vue";
-import { useDataGridAppSelection as lt, useDataGridAppRowSelection as at } from "@affino/datagrid-vue/app";
-import { r as it, g as ut, h as st, i as dt, b as ct, d as ft, c as mt, j as yt, u as vt, D as gt } from "./chunks/useDataGridAppRowModel-Dy5CF0h4.js";
-import { a as Ao, k as Bo } from "./chunks/useDataGridAppRowModel-Dy5CF0h4.js";
-import { r as wt } from "./chunks/DataGridGanttStageEntry-o99nyV0i.js";
-import { applyGridTheme as pt, resolveGridThemeTokens as St, defaultStyleConfig as F, sugarTheme as Ie, industrialNeutralTheme as Ae } from "@affino/datagrid-theme";
+import { defineComponent as je, ref as P, provide as et, computed as m, watch as S, onBeforeUnmount as ge, h as ve, mergeProps as tt, unref as be, toRef as Me } from "vue";
+import { useDataGridRuntime as ot } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as nt, useDataGridAppRowSelection as rt } from "@affino/datagrid-vue/app";
+import { r as lt, g as at, h as it, i as ut, j as st, b as dt, d as ct, c as ft, k as mt, u as yt, D as vt } from "./chunks/useDataGridAppRowModel-C-OPUq4R.js";
+import { a as Oo, l as Ao } from "./chunks/useDataGridAppRowModel-C-OPUq4R.js";
+import { r as gt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
+import { r as wt } from "./chunks/DataGridGanttStageEntry-BhNAeUxC.js";
+import { applyGridTheme as pt, resolveGridThemeTokens as St, defaultStyleConfig as F, sugarTheme as Fe, industrialNeutralTheme as Ce } from "@affino/datagrid-theme";
 import { d as ht } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
-function fo() {
+function co() {
   return (e) => e;
 }
-const bt = {
+const Rt = {
   default: F,
-  "industrial-neutral": Ae,
-  industrialNeutral: Ae,
-  sugar: Ie
+  "industrial-neutral": Ce,
+  industrialNeutral: Ce,
+  sugar: Fe
 };
-function Rt(e, t) {
+function bt(e, t) {
   if (!e && !t)
     return;
   const l = {
@@ -39,14 +40,14 @@ function ce(e, t) {
     summary: { ...e.summary ?? {}, ...t.summary ?? {} },
     state: { ...e.state ?? {}, ...t.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
-    tokenVariants: Rt(e.tokenVariants, t.tokenVariants)
+    tokenVariants: bt(e.tokenVariants, t.tokenVariants)
   };
 }
 function Mt(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 Ct(e) {
-  return e == null ? F : typeof e == "string" ? e === "sugar" ? ce(F, Ie) : bt[e] ?? F : Mt(e) ? ce(F, e) : ce(F, {
+  return e == null ? F : typeof e == "string" ? e === "sugar" ? ce(F, Fe) : Rt[e] ?? F : Mt(e) ? ce(F, e) : ce(F, {
     tokens: e
   });
 }
@@ -56,14 +57,14 @@ function Ot(e) {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function Be(e, t) {
+function Oe(e, t) {
   const l = Ot(t);
   return pt(e, l), l;
 }
-function Ge(e, t) {
+function Ae(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function De(e, t) {
+function Be(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
 function At(e) {
@@ -87,16 +88,16 @@ function Bt(e, t) {
 function Gt(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const u = 100, a = De(l, u), v = Ge(o, 0);
+  const u = 100, a = Be(l, u), v = Ae(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: a,
     currentPage: v
   } : {
-    pageSize: De(l ?? e.pageSize, u),
-    currentPage: Ge(o ?? e.currentPage, 0)
+    pageSize: Be(l ?? e.pageSize, u),
+    currentPage: Ae(o ?? e.currentPage, 0)
   };
 }
-const fe = "Advanced filter";
+const fe = "Find / replace";
 function Dt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
@@ -109,35 +110,22 @@ function Dt(e) {
     buttonLabel: fe
   };
 }
-const me = "Find / replace";
-function Pt(e) {
-  return typeof e == "boolean" ? {
-    enabled: e,
-    buttonLabel: me
-  } : e ? {
-    enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : me
-  } : {
-    enabled: !1,
-    buttonLabel: me
-  };
-}
-const Lt = "all", Ke = {
+const Pt = "all", Ie = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function Pe(e) {
-  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : Lt;
+function Ge(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : Pt;
 }
 function xt(e, t) {
-  return e === "columns" || e === "none" ? e : Ke[t];
+  return e === "columns" || e === "none" ? e : Ie[t];
 }
-function Le(e, t) {
+function De(e, t) {
   return e !== "none" || t === "columns";
 }
-function xe(e) {
+function Pe(e) {
   const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
@@ -148,29 +136,29 @@ function xe(e) {
     headerColumns: o
   };
 }
-function Ft(e) {
+function jt(e) {
   if (typeof e == "string") {
-    const o = Pe(e), u = Ke[o];
-    return xe({
+    const o = Ge(e), u = Ie[o];
+    return Pe({
       body: o,
       header: u,
-      pinnedSeparators: Le(o, u)
+      pinnedSeparators: De(o, u)
     });
   }
-  const t = Pe(e?.body), l = xt(e?.header, t);
-  return xe({
+  const t = Ge(e?.body), l = xt(e?.header, t);
+  return Pe({
     body: t,
     header: l,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Le(t, l)
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : De(t, l)
   });
 }
-function Fe(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 jt(e, t, l) {
+function Ft(e, t, l) {
   const o = e === "auto-height" ? "auto-height" : "fill";
   if (o !== "auto-height")
     return {
@@ -178,8 +166,8 @@ function jt(e, t, l) {
       minRows: null,
       maxRows: null
     };
-  const u = Fe(t);
-  let a = Fe(l);
+  const u = xe(t);
+  let a = xe(l);
   return u !== null && a !== null && a < u && (a = u), {
     layoutMode: o,
     minRows: u,
@@ -201,7 +189,7 @@ function X(e) {
 function Kt(e) {
   return typeof e == "object" && e !== null;
 }
-function He(e, t, l) {
+function Ke(e, t, l) {
   const o = Kt(e) ? e : null, u = t(o && "state" in o ? o.state : e, l);
   if (!u)
     return null;
@@ -214,16 +202,16 @@ function He(e, t, l) {
 function Ht(e) {
   return JSON.stringify(X(e));
 }
-function zt(e, t, l) {
+function Lt(e, t, l) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return He(JSON.parse(e), t, l);
+    return Ke(JSON.parse(e), t, l);
   } catch {
     return null;
   }
 }
-function mo(e, t, l) {
+function fo(e, t, l) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -232,17 +220,17 @@ function mo(e, t, l) {
     return !1;
   }
 }
-function yo(e, t, l, o) {
+function mo(e, t, l, o) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return null;
   try {
     const u = e.getItem(t);
-    return u ? zt(u, l, o) : null;
+    return u ? Lt(u, l, o) : null;
   } catch {
     return null;
   }
 }
-function vo(e, t) {
+function yo(e, t) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -251,30 +239,17 @@ function vo(e, t) {
     return !1;
   }
 }
-const ye = "Columns";
-function Tt(e) {
+const me = "Aggregations";
+function zt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: ye
-  } : e ? {
-    enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ye
-  } : {
-    enabled: !1,
-    buttonLabel: ye
-  };
-}
-const ve = "Aggregations";
-function Et(e) {
-  return typeof e == "boolean" ? {
-    enabled: e,
-    buttonLabel: ve
+    buttonLabel: me
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ve
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : me
   } : {
     enabled: !1,
-    buttonLabel: ve
+    buttonLabel: me
   };
 }
 function $(e, t) {
@@ -298,7 +273,7 @@ function Vt(e, t) {
   }
   return t === "pagination" && (l.rows = !1), l;
 }
-const _t = je({
+const Tt = je({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -354,9 +329,9 @@ const _t = je({
   },
   setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
     const a = P(null);
-    ot(ht, a);
+    et(ht, a);
     let v = null;
-    const s = rt({
+    const s = ot({
       rows: m(() => e.rows),
       rowModel: e.rowModel,
       columns: m(() => e.columns),
@@ -400,7 +375,7 @@ const _t = je({
       { immediate: !0, deep: !0 }
     ), typeof document < "u" && (v = new MutationObserver(() => {
       const f = a.value;
-      f && Be(f, e.theme);
+      f && Oe(f, e.theme);
     }), v.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
@@ -408,19 +383,19 @@ const _t = je({
       [() => e.theme, a],
       () => {
         const f = a.value;
-        f && Be(f, e.theme);
+        f && Oe(f, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const R = s.api.events.on("rows:changed", (f) => {
+    const b = s.api.events.on("rows:changed", (f) => {
       o("cell-change", f);
-    }), b = s.api.events.on("selection:changed", (f) => {
+    }), R = s.api.events.on("selection:changed", (f) => {
       o("selection-change", f);
-    }), L = s.api.events.on("row-selection:changed", (f) => {
+    }), x = s.api.events.on("row-selection:changed", (f) => {
       o("row-selection-change", f);
     });
-    pe(() => {
-      R(), b(), L(), v?.disconnect(), v = null;
+    ge(() => {
+      b(), R(), x(), v?.disconnect(), v = null;
     });
     const D = m(() => {
       const f = s.virtualWindow.value;
@@ -445,9 +420,9 @@ const _t = je({
       virtualWindow: s.virtualWindow,
       start: s.start,
       stop: s.stop
-    }), () => we(
+    }), () => ve(
       "div",
-      nt(t, {
+      tt(t, {
         ref: a,
         class: [
           "affino-datagrid-app-root",
@@ -479,7 +454,7 @@ const _t = je({
     );
   }
 });
-function ge(e) {
+function ye(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
 function O(e) {
@@ -489,20 +464,20 @@ function O(e) {
     return null;
   }
 }
-function Wt(e) {
+function Et(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function kt(e) {
-  let t = null, l = null, o = !1, u = null, a = null, v = null, s = null, p = null, h = null, A = null, R = null, b = null;
-  const L = () => {
+function Wt(e) {
+  let t = null, l = null, o = !1, u = null, a = null, v = null, s = null, p = null, h = null, A = null, b = null, R = null;
+  const x = () => {
     t?.(), l?.(), t = null, l = null;
   }, D = () => {
     const n = e.gridRef.value;
     return !n || n.api.lifecycle.state === "disposed" ? null : n;
-  }, f = () => D()?.api ?? null, x = () => {
+  }, f = () => D()?.api ?? null, j = () => {
     const n = f()?.columns;
     if (!n)
       return null;
@@ -518,7 +493,7 @@ function kt(e) {
   }, g = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      const n = x(), d = f();
+      const n = j(), d = f();
       if (n) {
         const i = O(n);
         h = i, i !== v && (v = i, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
@@ -526,13 +501,13 @@ function kt(e) {
         ), e.emit.columnWidths(n.widths), e.emit.columnPins(n.pins));
       }
       if (d) {
-        const i = Wt(d.rows.getSnapshot().groupBy), y = O(i);
+        const i = Et(d.rows.getSnapshot().groupBy), y = O(i);
         y !== p && (p = y, e.emit.groupBy(i));
         const C = d.state.get(), M = O(C);
         A = M, M !== s && (s = M, e.emit.state(C));
       }
     }));
-  }, H = () => {
+  }, L = () => {
     const n = f();
     !n || e.props.sortModel === void 0 && e.props.filterModel === void 0 || n.rows.setSortAndFilterModel({
       sortModel: e.props.sortModel ?? [],
@@ -565,7 +540,7 @@ function kt(e) {
       if (!d.has(y))
         return !1;
     return !0;
-  }, T = (n) => z(n.columns), U = (n) => {
+  }, V = (n) => z(n.columns), U = (n) => {
     const d = f();
     if (!d)
       return !1;
@@ -573,21 +548,21 @@ function kt(e) {
     for (const [i, y] of Object.entries(n.visibility))
       d.columns.setVisibility(i, y);
     for (const [i, y] of Object.entries(n.widths))
-      d.columns.setWidth(i, ge(y));
+      d.columns.setWidth(i, ye(y));
     for (const [i, y] of Object.entries(n.pins))
       d.columns.setPin(i, y);
     return !0;
-  }, j = () => {
-    if (b) {
-      const n = b, d = f();
+  }, I = () => {
+    if (R) {
+      const n = R, d = f();
       if (d) {
         const i = d.state.migrate(n.state, { strict: n.options?.strict });
-        i && T(i) && (b = null, d.state.set(i, n.options), a = O(n.state));
+        i && V(i) && (R = null, d.state.set(i, n.options), a = O(n.state));
       }
     }
-    if (R && z(R.columnState)) {
-      const n = R;
-      R = null, u = O({
+    if (b && z(b.columnState)) {
+      const n = b;
+      b = null, u = O({
         columnState: n.columnState,
         columnOrder: null,
         hiddenColumnKeys: null,
@@ -595,13 +570,13 @@ function kt(e) {
         columnPins: null
       }), U(n.columnState);
     }
-  }, E = () => {
+  }, T = () => {
     const n = f();
     !n || e.props.groupBy === void 0 || n.rows.setGroupBy(e.props.groupBy ?? null);
-  }, V = () => {
+  }, E = () => {
     const n = f();
     !n || e.props.aggregationModel === void 0 || n.rows.setAggregationModel(e.props.aggregationModel ?? null);
-  }, I = () => {
+  }, K = () => {
     const n = f();
     !n || e.props.pivotModel === void 0 || n.pivot.setModel(e.props.pivotModel ?? null);
   }, B = () => {
@@ -625,7 +600,7 @@ function kt(e) {
         for (const [i, y] of Object.entries(e.props.columnState.visibility))
           n.columns.setVisibility(i, y);
         for (const [i, y] of Object.entries(e.props.columnState.widths))
-          n.columns.setWidth(i, ge(y));
+          n.columns.setWidth(i, ye(y));
         for (const [i, y] of Object.entries(e.props.columnState.pins))
           n.columns.setPin(i, y);
       }
@@ -636,13 +611,13 @@ function kt(e) {
       }
       if (e.props.columnWidths)
         for (const [i, y] of Object.entries(e.props.columnWidths))
-          n.columns.setWidth(i, ge(y));
+          n.columns.setWidth(i, ye(y));
       if (e.props.columnPins)
         for (const [i, y] of Object.entries(e.props.columnPins))
           n.columns.setPin(i, y);
       u = d;
     }
-  }, _ = () => {
+  }, W = () => {
     const n = f();
     if (!n || e.props.state == null)
       return;
@@ -654,29 +629,29 @@ function kt(e) {
       return;
     }
     const i = n.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
-    i && T(i) && (n.state.set(i, e.props.stateOptions ?? {}), a = d);
-  }, W = () => {
+    i && V(i) && (n.state.set(i, e.props.stateOptions ?? {}), a = d);
+  }, _ = () => {
     const n = f();
     n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, N = () => {
     const n = D();
-    n && (u = null, a = null, L(), t = n.rowModel.subscribe(() => {
+    n && (u = null, a = null, x(), t = n.rowModel.subscribe(() => {
       g();
     }), l = n.columnModel.subscribe(() => {
       g();
-    }), _(), B(), H(), E(), V(), I(), W(), j(), g(), e.emit.ready({ api: n.api }));
-  }, q = () => f()?.state.get() ?? null, te = (n, d) => f()?.state.migrate(n, d) ?? null, K = (n) => z(n) ? (u = O({
+    }), W(), B(), L(), T(), E(), K(), _(), I(), g(), e.emit.ready({ api: n.api }));
+  }, q = () => f()?.state.get() ?? null, te = (n, d) => f()?.state.migrate(n, d) ?? null, H = (n) => z(n) ? (u = O({
     columnState: n,
     columnOrder: null,
     hiddenColumnKeys: null,
     columnWidths: null,
     columnPins: null
-  }), R = null, U(n) ? (g(), !0) : (R = { columnState: n }, !0)) : (R = { columnState: n }, !0), oe = (n, d) => {
+  }), b = null, U(n) ? (g(), !0) : (b = { columnState: n }, !0)) : (b = { columnState: n }, !0), oe = (n, d) => {
     const i = f();
     if (!i)
-      return b = { state: n, options: d }, !0;
+      return R = { state: n, options: d }, !0;
     const y = i.state.migrate(n, { strict: d?.strict });
-    return y ? T(y) ? (i.state.set(y, d), a = O(n), b = null, g(), !0) : (b = { state: n, options: d }, !0) : !1;
+    return y ? V(y) ? (i.state.set(y, d), a = O(n), R = null, g(), !0) : (R = { state: n, options: d }, !0) : !1;
   }, ne = () => f()?.pivot.exportLayout() ?? null, J = () => f()?.pivot.exportInterop() ?? null, re = (n, d) => {
     const i = f();
     return i ? (i.pivot.importLayout(n, d), g(), !0) : !1;
@@ -694,13 +669,13 @@ function kt(e) {
   ), S(
     () => e.props.columns,
     () => {
-      u = null, a = null, _(), B(), j(), g();
+      u = null, a = null, W(), B(), I(), g();
     },
     { deep: !0 }
   ), S(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      _(), B(), H(), E(), V(), I(), W(), j(), g();
+      W(), B(), L(), T(), E(), K(), _(), I(), g();
     },
     { deep: !0 }
   ), S(
@@ -712,52 +687,52 @@ function kt(e) {
       e.props.columnPins
     ],
     () => {
-      B(), j(), g();
+      B(), I(), g();
     },
     { deep: !0 }
   ), S(
     () => [e.props.sortModel, e.props.filterModel],
     () => {
-      H(), g();
+      L(), g();
     },
     { deep: !0 }
   ), S(
     () => e.props.groupBy,
     () => {
-      E(), g();
+      T(), g();
     },
     { deep: !0 }
   ), S(
     () => e.props.aggregationModel,
     () => {
-      V(), g();
+      E(), g();
     },
     { deep: !0 }
   ), S(
     () => e.props.pivotModel,
     () => {
-      I(), g();
+      K(), g();
     },
     { deep: !0 }
   ), S(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      W(), g();
+      _(), g();
     }
   );
   const Y = () => {
-    L();
+    x();
   };
-  return pe(() => {
+  return ge(() => {
     Y();
   }), {
     emitSnapshotUpdates: g,
     handleGridReady: N,
     dispose: Y,
-    getColumnState: x,
+    getColumnState: j,
     getState: q,
     migrateState: te,
-    applyColumnState: K,
+    applyColumnState: H,
     applyState: oe,
     exportPivotLayout: ne,
     exportPivotInterop: J,
@@ -766,26 +741,26 @@ function kt(e) {
     collapseAllGroups: le
   };
 }
-function Ut(e) {
+function _t(e) {
   if (!Number.isFinite(e))
     return;
   const t = Math.trunc(e);
   return t > 0 ? t : void 0;
 }
-function Nt(e) {
+function kt(e) {
   return e === !1 ? !1 : e === "window" ? "window" : "grid";
 }
-function qt(e) {
+function Ut(e) {
   return e === !0 || e === "toolbar" ? "toolbar" : e === "external-only" ? "external-only" : !1;
 }
-function Jt() {
+function Nt() {
   return {
     canUndo: () => !1,
     canRedo: () => !1,
     runHistoryAction: async () => null
   };
 }
-function Yt(e) {
+function qt(e) {
   if (e === !1)
     return {
       enabled: !1,
@@ -796,9 +771,9 @@ function Yt(e) {
   const t = typeof e == "object" && e !== null ? e : {};
   return e === void 0 || e === !0 || t.enabled !== !1 ? {
     enabled: !0,
-    depth: Ut(t.depth),
-    shortcuts: Nt(t.shortcuts),
-    controls: qt(t.controls),
+    depth: _t(t.depth),
+    shortcuts: kt(t.shortcuts),
+    controls: Ut(t.controls),
     adapter: t.adapter
   } : {
     enabled: !1,
@@ -807,6 +782,9 @@ function Yt(e) {
     controls: !1
   };
 }
+function vo() {
+  return (e) => e;
+}
 function go() {
   return (e) => e;
 }
@@ -819,10 +797,7 @@ function po() {
 function So() {
   return (e) => e;
 }
-function ho() {
-  return (e) => e;
-}
-function $t(e, t) {
+function Jt(e, t) {
   if (!t || typeof e != "object" || e === null)
     return;
   const l = t.split(".").filter(Boolean);
@@ -841,7 +816,7 @@ function $t(e, t) {
   }
   return o;
 }
-function Qt(e, t) {
+function Yt(e, t) {
   const l = /* @__PURE__ */ new Map();
   for (const o of e ?? []) {
     const u = String(o.key ?? "").trim();
@@ -866,10 +841,10 @@ function Qt(e, t) {
       if (!s)
         return;
       const p = v[s];
-      return typeof p < "u" ? p : $t(v, s);
+      return typeof p < "u" ? p : Jt(v, s);
     };
 }
-function Xt() {
+function $t() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -900,7 +875,7 @@ function Q(e, t) {
         await u(o);
     };
 }
-function Zt(e) {
+function Qt(e) {
   const {
     userSelectionService: t,
     cellSelectionService: l,
@@ -928,7 +903,7 @@ function Zt(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function eo(e, t) {
+function Xt(e, t) {
   if (e?.focusedRow !== t?.focusedRow)
     return !1;
   const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
@@ -939,7 +914,7 @@ function eo(e, t) {
       return !1;
   return !0;
 }
-function to(e, t) {
+function Zt(e, t) {
   if (e === t)
     return !0;
   const l = Object.entries(e ?? {}), o = Object.entries(t ?? {});
@@ -950,19 +925,19 @@ function to(e, t) {
       return !1;
   return !0;
 }
-function oo(e, t) {
+function eo(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], u = t[l];
-    if (!o || !u || o.key !== u.key || o.component !== u.component || !to(o.props, u.props))
+    if (!o || !u || o.key !== u.key || o.component !== u.component || !Zt(o.props, u.props))
       return !1;
   }
   return !0;
 }
-const no = {
+const to = {
   rows: {
     type: Array,
     default: () => []
@@ -1223,10 +1198,10 @@ const no = {
     type: Array,
     default: void 0
   }
-}, ze = je({
+}, He = je({
   name: "DataGrid",
   inheritAttrs: !1,
-  props: no,
+  props: to,
   emits: {
     "cell-change": (e) => !0,
     "selection-change": (e) => !0,
@@ -1245,16 +1220,16 @@ const no = {
     ready: (e) => !0
   },
   setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
-    const a = P(null), v = Jt(), s = P(null), p = P(null), h = P([]);
-    let A = null, R = !1;
-    const b = P(e.viewMode === "gantt" ? "gantt" : "table"), L = P(e.state ?? null), D = m(() => Yt(e.history)), f = m(() => it(e.chrome)), x = m(() => Bt(e.renderMode, e.pagination)), g = m(() => Gt(
+    const a = P(null), v = Nt(), s = P(null), p = P(null), h = P([]);
+    let A = null, b = !1;
+    const R = P(e.viewMode === "gantt" ? "gantt" : "table"), x = P(e.state ?? null), D = m(() => qt(e.history)), f = m(() => lt(e.chrome)), j = m(() => Bt(e.renderMode, e.pagination)), g = m(() => Gt(
       e.pagination,
-      x.value,
+      j.value,
       e.pageSize,
       e.currentPage
-    )), H = m(() => ut(e.columnMenu)), Z = m(() => st(e.cellMenu)), ee = m(() => dt(e.rowIndexMenu)), z = m(() => Tt(e.columnLayout)), T = m(() => ct(e.columnReorder)), U = m(() => Et(e.aggregations)), j = m(() => Dt(e.advancedFilter)), E = m(() => Pt(e.findReplace)), V = m(() => Ft(e.gridLines)), I = m(() => At(e.groupBy)), B = m(() => e.state ?? L.value), _ = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), W = m(() => e.filterModel !== void 0 ? e.filterModel : B.value?.rows?.snapshot?.filterModel ?? null), N = m(() => e.groupBy !== void 0 ? I.value ?? null : B.value?.rows?.snapshot?.groupBy ?? null), q = m(() => e.pivotModel !== void 0 ? e.pivotModel : B.value?.rows?.snapshot?.pivotModel ?? null), te = m(() => Vt(e.virtualization, x.value)), K = m(() => jt(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => wt(e.placeholderRows)), ne = m(() => ft(e.rowReorder)), J = m(() => {
+    )), L = m(() => at(e.columnMenu)), Z = m(() => it(e.cellMenu)), ee = m(() => ut(e.rowIndexMenu)), z = m(() => st(e.columnLayout)), V = m(() => dt(e.columnReorder)), U = m(() => zt(e.aggregations)), I = m(() => gt(e.advancedFilter)), T = m(() => Dt(e.findReplace)), E = m(() => jt(e.gridLines)), K = m(() => At(e.groupBy)), B = m(() => e.state ?? x.value), W = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), _ = m(() => e.filterModel !== void 0 ? e.filterModel : B.value?.rows?.snapshot?.filterModel ?? null), N = m(() => e.groupBy !== void 0 ? K.value ?? null : B.value?.rows?.snapshot?.groupBy ?? null), q = m(() => e.pivotModel !== void 0 ? e.pivotModel : B.value?.rows?.snapshot?.pivotModel ?? null), te = m(() => Vt(e.virtualization, j.value)), H = m(() => Ft(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => wt(e.placeholderRows)), ne = m(() => ct(e.rowReorder)), J = m(() => {
       const r = e.clientRowModelOptions?.readFilterCell;
-      return Qt(
+      return Yt(
         e.columns,
         e.readFilterCell ?? r
       );
@@ -1265,13 +1240,13 @@ const no = {
         readFilterCell: J.value,
         readFilterCellStyle: r
       };
-    }), k = m(() => mt({
+    }), k = m(() => ft({
       columns: e.columns,
       clientRowModelOptions: re.value,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), le = m(() => yt(e.columns)), Y = {
+    })), le = m(() => mt(e.columns)), Y = {
       get state() {
         return e.state;
       },
@@ -1300,7 +1275,7 @@ const no = {
         return e.filterModel;
       },
       get groupBy() {
-        return I.value;
+        return K.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -1321,17 +1296,17 @@ const no = {
       const r = a.value?.runtime;
       if (!r)
         return 0;
-      const c = Ce(r.rowPartition);
+      const c = be(r.rowPartition);
       return Math.max(0, c.bodyRowCount + c.pinnedBottomRows.length);
     }), y = (r) => {
       const c = a.value?.runtime;
       if (!c)
         return null;
-      const G = Ce(c.rowPartition), de = G.bodyRowCount;
+      const G = be(c.rowPartition), de = G.bodyRowCount;
       if (r < de)
         return c.getBodyRowAtIndex(r);
-      const tt = r - de;
-      return G.pinnedBottomRows[tt] ?? null;
+      const Ze = r - de;
+      return G.pinnedBottomRows[Ze] ?? null;
     }, C = {
       mode: m(() => n.value),
       resolveRuntime: () => a.value,
@@ -1342,35 +1317,35 @@ const no = {
       resolveSelectionRowAtIndex: y
     }, {
       selectionSnapshot: M,
-      selectionAnchor: Te,
-      syncSelectionSnapshotFromRuntime: Ee,
+      selectionAnchor: Le,
+      syncSelectionSnapshotFromRuntime: ze,
       selectionService: Ve,
-      selectionAggregatesLabel: _e
-    } = lt(C), {
+      selectionAggregatesLabel: Te
+    } = nt(C), {
       rowSelectionSnapshot: ae,
       syncRowSelectionSnapshotFromRuntime: ie,
-      reconcileRowSelectionFromRuntime: We,
-      selectionService: Se
-    } = at({
+      reconcileRowSelectionFromRuntime: Ee,
+      selectionService: we
+    } = rt({
       resolveRuntime: () => a.value
-    }), ke = m(() => e.rowSelection ? Se : Xt()), Ue = m(() => ({
+    }), We = m(() => e.rowSelection ? we : $t()), _e = m(() => ({
       ...e.services ?? {},
-      selection: Zt({
+      selection: Qt({
         userSelectionService: e.services?.selection,
         cellSelectionService: Ve,
-        rowSelectionService: ke.value
+        rowSelectionService: We.value
       })
     })), {
-      dataGridInstanceKey: Ne,
+      dataGridInstanceKey: ke,
       resolvedRowModel: ue
-    } = vt({
-      rows: Oe(e, "rows"),
-      rowModel: Oe(e, "rowModel"),
+    } = yt({
+      rows: Me(e, "rows"),
+      rowModel: Me(e, "rowModel"),
       clientRowModelOptions: k,
       onOwnedRowModelRecreated: () => {
         w.dispose();
       }
-    }), w = kt({
+    }), w = Wt({
       gridRef: a,
       props: Y,
       emit: {
@@ -1381,26 +1356,26 @@ const no = {
         columnPins: (r) => o("update:columnPins", r),
         groupBy: (r) => o("update:groupBy", r),
         state: (r) => {
-          L.value = r, o("update:state", r);
+          x.value = r, o("update:state", r);
         },
         ready: (r) => o("ready", {
           api: r.api,
           rowModel: ue.value
         })
       }
-    }), qe = (r) => {
-      We(), o("cell-change", r), w.emitSnapshotUpdates();
-    }, Je = (r) => {
+    }), Ue = (r) => {
+      Ee(), o("cell-change", r), w.emitSnapshotUpdates();
+    }, Ne = (r) => {
       o("selection-change", r);
-    }, Ye = (r) => {
+    }, qe = (r) => {
       o("row-selection-change", r);
-    }, he = () => {
+    }, pe = () => {
       w.emitSnapshotUpdates();
     };
     S(
       ae,
       (r) => {
-        o("row-select", r), o("update:rowSelectionState", r), he();
+        o("row-select", r), o("update:rowSelectionState", r), pe();
       },
       { deep: !0 }
     ), S(
@@ -1409,32 +1384,32 @@ const no = {
         if (r) {
           if (c !== void 0) {
             const G = a.value?.api.rowSelection;
-            eo(ae.value, c) || (c ? G?.setSnapshot(c) : G?.clear(), ie());
+            Xt(ae.value, c) || (c ? G?.setSnapshot(c) : G?.clear(), ie());
             return;
           }
           ie();
           return;
         }
-        Se.clearRowSelection?.();
+        we.clearRowSelection?.();
       },
       { immediate: !0 }
     ), S(
       () => e.viewMode,
       (r) => {
-        b.value = r === "gantt" ? "gantt" : "table";
+        R.value = r === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const be = (r) => {
+    const Se = (r) => {
       const c = r === "gantt" ? "gantt" : "table";
-      b.value = c, o("update:viewMode", c);
-    }, $e = (r) => {
+      R.value = c, o("update:viewMode", c);
+    }, Je = (r) => {
       s.value = r;
-    }, Re = (r) => {
+    }, he = (r) => {
       p.value = r;
-    }, Qe = (r) => {
-      oo(h.value, r) || (h.value = r, A = r, !R && (R = !0, Promise.resolve().then(() => {
-        R = !1;
+    }, Ye = (r) => {
+      eo(h.value, r) || (h.value = r, A = r, !b && (b = !0, Promise.resolve().then(() => {
+        b = !1;
         const c = A;
         A = null, c && o("toolbar-modules-change", c);
       })));
@@ -1445,27 +1420,27 @@ const no = {
         canRedo: () => r.canRedo(),
         runHistoryAction: (c) => r.runHistoryAction(c)
       };
-    }), Me = {
+    }), Re = {
       canUndo: () => (s.value ?? se.value).canUndo(),
       canRedo: () => (s.value ?? se.value).canRedo(),
       runHistoryAction: (r) => (s.value ?? se.value).runHistoryAction(r)
-    }, Xe = () => {
+    }, $e = () => {
       const r = w.getState();
       return r ? X({
         state: r,
-        viewMode: b.value
+        viewMode: R.value
       }) : null;
-    }, Ze = (r, c) => He(r, w.migrateState, c), et = (r, c) => {
+    }, Qe = (r, c) => Ke(r, w.migrateState, c), Xe = (r, c) => {
       const G = X(r);
-      return w.applyState(G.state, c) ? (G.viewMode && be(G.viewMode), !0) : !1;
+      return w.applyState(G.state, c) ? (G.viewMode && Se(G.viewMode), !0) : !1;
     };
-    return pe(() => {
-      w.dispose(), Re(null);
+    return ge(() => {
+      w.dispose(), he(null);
     }), u({
       grid: a,
       rowModel: ue,
-      history: Me,
-      getHistory: () => Me,
+      history: Re,
+      getHistory: () => Re,
       toolbarModules: h,
       getToolbarModules: () => h.value,
       getApi: () => a.value?.api ?? null,
@@ -1473,7 +1448,7 @@ const no = {
       getCore: () => a.value?.core ?? null,
       getColumnState: () => w.getColumnState(),
       getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => _e.value,
+      getSelectionAggregatesLabel: () => Te.value,
       runStructuralRowAction: (r, c) => p.value?.(r, c) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
         const r = a.value?.api.selection.summarize;
@@ -1484,11 +1459,11 @@ const no = {
         };
         return r(c);
       },
-      getView: () => b.value,
-      setView: be,
-      getSavedView: Xe,
-      migrateSavedView: Ze,
-      applySavedView: et,
+      getView: () => R.value,
+      setView: Se,
+      getSavedView: $e,
+      migrateSavedView: Qe,
+      applySavedView: Xe,
       applyColumnState: w.applyColumnState,
       getState: w.getState,
       migrateState: w.migrateState,
@@ -1511,31 +1486,31 @@ const no = {
         runtime: a.value?.runtime ?? null,
         runtimeRowModel: a.value?.rowModel ?? null,
         selectionSnapshot: M,
-        selectionAnchor: Te,
+        selectionAnchor: Le,
         rowSelectionSnapshot: ae,
-        syncSelectionSnapshotFromRuntime: Ee,
+        syncSelectionSnapshotFromRuntime: ze,
         syncRowSelectionSnapshotFromRuntime: ie,
-        flushRowSelectionSnapshotUpdates: he,
-        sortModel: _.value,
-        filterModel: W.value,
+        flushRowSelectionSnapshotUpdates: pe,
+        sortModel: W.value,
+        filterModel: _.value,
         groupBy: N.value,
         pivotModel: q.value,
-        renderMode: x.value,
+        renderMode: j.value,
         virtualization: te.value,
-        columnMenu: H.value,
+        columnMenu: L.value,
         cellMenu: Z.value,
         rowIndexMenu: ee.value,
         columnLayout: z.value,
-        columnReorder: T.value,
+        columnReorder: V.value,
         aggregations: U.value,
-        advancedFilter: j.value,
-        findReplace: E.value,
-        gridLines: V.value,
+        advancedFilter: I.value,
+        findReplace: T.value,
+        gridLines: E.value,
         rowHeightMode: e.rowHeightMode,
         baseRowHeight: e.baseRowHeight,
-        layoutMode: K.value.layoutMode,
-        minRows: K.value.minRows,
-        maxRows: K.value.maxRows,
+        layoutMode: H.value.layoutMode,
+        minRows: H.value.minRows,
+        maxRows: H.value.maxRows,
         placeholderRows: oe.value,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
@@ -1548,37 +1523,37 @@ const no = {
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
         rowReorder: ne.value,
-        viewMode: b.value,
+        viewMode: R.value,
         gantt: e.gantt,
         history: D.value,
         chrome: f.value,
-        registerHistoryController: $e,
-        registerStructuralRowActionRunner: Re,
-        reportToolbarModules: Qe,
+        registerHistoryController: Je,
+        registerStructuralRowActionRunner: he,
+        reportToolbarModules: Ye,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
-      return we(
-        _t,
+      return ve(
+        Tt,
         {
           ...t,
           ref: a,
-          key: Ne.value,
+          key: ke.value,
           rows: e.rows,
           rowModel: ue.value,
           columns: le.value,
           theme: e.theme,
-          layoutMode: K.value.layoutMode,
-          renderMode: x.value,
+          layoutMode: H.value.layoutMode,
+          renderMode: j.value,
           pagination: g.value,
           plugins: e.plugins,
-          services: Ue.value,
+          services: _e.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: qe,
-          onSelectionChange: Je,
-          onRowSelectionChange: Ye
+          onCellChange: Ue,
+          onSelectionChange: Ne,
+          onRowSelectionChange: qe
         },
         l.default ? {
           default: (c) => l.default?.({
@@ -1590,7 +1565,7 @@ const no = {
             }
           })
         } : {
-          default: (c) => we(gt, {
+          default: (c) => ve(vt, {
             ...r,
             runtime: c.runtime,
             runtimeRowModel: c.rowModel
@@ -1600,30 +1575,30 @@ const no = {
     };
   }
 });
-function bo() {
+function ho() {
   return P(null);
 }
 function Ro() {
-  return ze;
+  return He;
 }
-const Mo = ze;
+const bo = He;
 export {
-  Mo as DataGrid,
-  Ao as DataGridModuleHost,
-  vo as clearDataGridSavedViewInStorage,
-  ze as default,
-  So as defineDataGridCellClassResolver,
-  ho as defineDataGridCellStyleResolver,
-  Bo as defineDataGridColumns,
+  bo as DataGrid,
+  Oo as DataGridModuleHost,
+  yo as clearDataGridSavedViewInStorage,
+  He as default,
+  po as defineDataGridCellClassResolver,
+  So as defineDataGridCellStyleResolver,
+  Ao as defineDataGridColumns,
   Ro as defineDataGridComponent,
-  wo as defineDataGridFilterCellReader,
-  po as defineDataGridFilterCellStyleReader,
-  go as defineDataGridSelectionCellReader,
-  fo as defineDataGridStructuralRowActionHandler,
-  He as migrateDataGridSavedView,
-  zt as parseDataGridSavedView,
-  yo as readDataGridSavedViewFromStorage,
+  go as defineDataGridFilterCellReader,
+  wo as defineDataGridFilterCellStyleReader,
+  vo as defineDataGridSelectionCellReader,
+  co as defineDataGridStructuralRowActionHandler,
+  Ke as migrateDataGridSavedView,
+  Lt as parseDataGridSavedView,
+  mo as readDataGridSavedViewFromStorage,
   Ht as serializeDataGridSavedView,
-  bo as useDataGridRef,
-  mo as writeDataGridSavedViewToStorage
+  ho as useDataGridRef,
+  fo as writeDataGridSavedViewToStorage
 };