@affino/datagrid-vue-app 0.1.63 → 0.1.64

package/dist/index.js

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