@affino/datagrid-vue-app 0.1.63 → 0.4.0

package/dist/index.js

@@ -1,70 +1,64 @@
-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 nt, ref as V, provide as Dt, computed as y, watch as C, onBeforeUnmount as Be, h as xe, mergeProps as Ft, nextTick as Ve, unref as Ue, toRef as _e, 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 be, k as Ut, d as _t, c as Wt, l as Nt, u as qt, D as $t } from "./chunks/useDataGridAppRowModel-b5bfkfo3.js";
+import { a as mo, m as yo, o as vo } from "./chunks/useDataGridAppRowModel-b5bfkfo3.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-Cypf1c3l.js";
+import { applyGridTheme as Yt, resolveGridThemeTokens as Qt, defaultStyleConfig as ee, sugarTheme as ot, industrialNeutralTheme as We } 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": We,
+  industrialNeutral: We,
+  sugar: ot
 };
 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 Re(e, t) {
   return {
     ...e,
     ...t,
-    grid: { ...e.grid ?? {}, ...t.grid ?? {} },
-    header: { ...e.header ?? {}, ...t.header ?? {} },
-    body: { ...e.body ?? {}, ...t.body ?? {} },
-    group: { ...e.group ?? {}, ...t.group ?? {} },
-    summary: { ...e.summary ?? {}, ...t.summary ?? {} },
-    state: { ...e.state ?? {}, ...t.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
     tokenVariants: tn(e.tokenVariants, t.tokenVariants)
   };
 }
 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;
+  return !e || typeof e != "object" ? !1 : "tokens" in e || "tokenVariants" in e || "activeTokenVariant" in e || "defaultTokenVariant" in e || "inheritThemeFromDocument" in e || "documentDarkClass" 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" ? Re(ee, ot) : en[e] ?? ee : nn(e) ? Re(ee, e) : Re(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 Ne(e, t) {
+  const l = rn(t);
+  return Yt(e, l), l;
 }
-function We(e, t) {
+function qe(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Ne(e, t) {
+function $e(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
 function ln(e) {
@@ -76,7 +70,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 +79,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 = $e(l, d), w = qe(o, 0);
   return e === !0 || e === !1 || e == null ? {
-    pageSize: a,
-    currentPage: g
+    pageSize: i,
+    currentPage: w
   } : {
-    pageSize: Ne(r ?? e.pageSize, d),
-    currentPage: We(o ?? e.currentPage, 0)
+    pageSize: $e(l ?? e.pageSize, d),
+    currentPage: qe(o ?? e.currentPage, 0)
   };
 }
 function sn(e) {
@@ -103,12 +97,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 +114,36 @@ function dn(e) {
     }
   };
 }
-function qe(e) {
+function Je(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", Ie = "contains", De = "input", Fe = 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" : Ie;
 }
 function mn(e) {
-  return e === "debounce" || e === "manual" ? e : xe;
+  return e === "debounce" || e === "manual" ? e : De;
 }
 function yn(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? Ie : Math.max(0, Math.trunc(e));
+  return typeof e != "number" || !Number.isFinite(e) ? Fe : 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: Ie,
+    applyMode: De,
+    debounceMs: Fe
   } : e ? {
     enabled: !0,
     placeholder: cn(e.placeholder),
@@ -159,75 +153,75 @@ function pn(e) {
     debounceMs: yn(e.debounceMs)
   } : {
     enabled: !1,
-    placeholder: Ae,
+    placeholder: Pe,
     columns: null,
-    mode: Pe,
-    applyMode: xe,
-    debounceMs: Ie
+    mode: Ie,
+    applyMode: De,
+    debounceMs: Fe
   });
 }
-const be = "Find / replace";
-function gn(e) {
+const Me = "Find / replace";
+function wn(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: be
+    buttonLabel: Me
   } : 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() : Me
   } : {
     enabled: !1,
-    buttonLabel: be
+    buttonLabel: Me
   };
 }
-const wn = "all", nt = {
+const gn = "all", rt = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function $e(e) {
-  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : wn;
+function Ze(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : gn;
 }
 function Sn(e, t) {
-  return e === "columns" || e === "none" ? e : nt[t];
+  return e === "columns" || e === "none" ? e : rt[t];
 }
-function Je(e, t) {
+function Ye(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";
+function Qe(e) {
+  const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
     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];
-    return Ye({
+    const o = Ze(e), d = rt[o];
+    return Qe({
       body: o,
       header: d,
-      pinnedSeparators: Je(o, d)
+      pinnedSeparators: Ye(o, d)
     });
   }
-  const t = $e(e?.body), r = Sn(e?.header, t);
-  return Ye({
+  const t = Ze(e?.body), l = Sn(e?.header, t);
+  return Qe({
     body: t,
-    header: r,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Je(t, r)
+    header: l,
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ye(t, l)
   });
 }
-function Qe(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 bn(e, t, r) {
+function bn(e, t, l) {
   const o = e === "auto-height" ? "auto-height" : "fill";
   if (o !== "auto-height")
     return {
@@ -235,12 +229,12 @@ function bn(e, t, r) {
       minRows: null,
       maxRows: null
     };
-  const d = Qe(t);
-  let a = Qe(r);
-  return d !== null && a !== null && a < d && (a = d), {
+  const d = Xe(t);
+  let i = Xe(l);
+  return d !== null && i !== null && i < d && (i = d), {
     layoutMode: o,
     minRows: d,
-    maxRows: a
+    maxRows: i
   };
 }
 function Rn(e) {
@@ -249,7 +243,7 @@ function Rn(e) {
     transaction: null
   };
 }
-function de(e) {
+function me(e) {
   return {
     ...e,
     state: Rn(e.state)
@@ -258,43 +252,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 lt(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, w = i === "gantt" ? "gantt" : i === "table" ? "table" : void 0;
+  return me({
     state: d,
-    ...g ? { viewMode: g } : {}
+    ...w ? { viewMode: w } : {}
   });
 }
-function Cn(e) {
-  return JSON.stringify(de(e));
+function On(e) {
+  return JSON.stringify(me(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 lt(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 +302,41 @@ function to(e, t) {
     return !1;
   }
 }
-const Re = "Aggregations";
+const Oe = "Aggregations";
 function An(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: Re
+    buttonLabel: Oe
   } : 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() : Oe
   } : {
     enabled: !1,
-    buttonLabel: Re
+    buttonLabel: Oe
   };
 }
-function ie(e, t) {
+function de(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Pn(e, t) {
-  const r = {
+function xn(e, t) {
+  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 = de(e.overscan, l.rowOverscan);
+    l.rowOverscan = de(e.rowOverscan, o), l.columnOverscan = de(e.columnOverscan, de(e.overscan, l.columnOverscan));
   }
-  return t === "pagination" && (r.rows = !1), r;
+  return t === "pagination" && (l.rows = !1), l;
 }
-function ue(e) {
+function ce(e) {
   if (e == null)
     return e;
   const t = globalThis.structuredClone;
@@ -357,17 +351,17 @@ function ue(e) {
     return e;
   }
 }
-function Xe(e) {
+function et(e) {
   if (e == null || e.trim().length === 0)
     return null;
   const t = Number(e);
   return Number.isFinite(t) ? Math.max(0, Math.trunc(t)) : null;
 }
-function Me(e) {
+function Ce(e) {
   const t = globalThis.CSS?.escape;
   return typeof t == "function" ? t(e) : e.replace(/["\\]/g, "\\$&");
 }
-const xn = et({
+const Pn = nt({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -421,19 +415,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);
-    let g = null;
+  setup(e, { attrs: t, slots: l, emit: o, expose: d }) {
+    const i = V(null);
+    Dt(Xt, i);
+    let w = 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, P = {
       api: s.api,
       syncBodyRowsInRange: s.syncBodyRowsInRange,
       setViewportRange: s.setViewportRange,
@@ -442,19 +436,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 u = 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(u.pageSize)),
+          currentPage: Math.max(0, Math.trunc(u.currentPage))
         });
         return;
       }
@@ -463,114 +457,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);
-    }), g.observe(document.documentElement, {
+    ), typeof document < "u" && (w = new MutationObserver(() => {
+      const u = i.value;
+      u && Ne(u, e.theme);
+    }), w.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 u = i.value;
+        u && Ne(u, 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", (u) => {
+      o("cell-change", u);
+    }), I = s.api.events.on("selection:changed", (u) => {
+      o("selection-change", u);
+    }), E = s.api.events.on("row-selection:changed", (u) => {
+      o("row-selection-change", u);
     });
-    De(() => {
-      D(), x(), L(), g?.disconnect(), g = null;
+    Be(() => {
+      F(), I(), E(), w?.disconnect(), w = null;
     });
-    const q = m(() => {
-      const i = s.virtualWindow.value;
+    const J = y(() => {
+      const u = s.virtualWindow.value;
       return {
-        ...i ?? {},
-        rowTotal: i?.rowTotal ?? s.rowPartition.value.bodyRowCount,
+        ...u ?? {},
+        rowTotal: u?.rowTotal ?? s.rowPartition.value.bodyRowCount,
         colTotal: s.columnSnapshot.value.visibleColumns.length
       };
-    }), w = () => {
+    }), g = () => {
       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 u = i.value, S = document.activeElement;
+      return !u || !(S instanceof HTMLElement) || !u.contains(S) ? null : S.closest(".grid-cell[data-row-index], .grid-cell[data-row-id]");
+    }, Z = (u) => u == null ? null : s.columnSnapshot.value.visibleColumns[u]?.key ?? null, h = (u = {}) => {
+      const S = s.api.selection.getSnapshot(), p = S?.activeCell ?? null, M = g(), O = et(M?.getAttribute("data-row-index") ?? null), B = et(M?.getAttribute("data-column-index") ?? null), x = 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, Y = typeof W == "string" || typeof W == "number" ? W : null, Q = x ?? Z(_), N = Y != null || j != null || Q != null || _ != null, ne = u.includeSelection !== !1, oe = u.includeRowSelection !== !1;
       return !N && !S && !s.api.rowSelection.getSnapshot() ? null : {
         version: 1,
-        rowId: J,
-        rowIndex: G,
-        columnKey: Y,
+        rowId: Y,
+        rowIndex: j,
+        columnKey: Q,
         columnIndex: _,
-        selection: te ? ue(S) : null,
-        rowSelection: ne ? ue(s.api.rowSelection.getSnapshot()) : null
+        selection: ne ? ce(S) : null,
+        rowSelection: oe ? ce(s.api.rowSelection.getSnapshot()) : null
       };
-    }, H = (i, S) => {
-      const p = a.value;
+    }, K = (u, 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 (u.rowIndex != null && u.columnKey && M.push(
+        `.grid-cell[data-row-index="${u.rowIndex}"][data-column-key="${Ce(u.columnKey)}"]`
+      ), u.rowIndex != null && u.columnIndex != null && M.push(`.grid-cell[data-row-index="${u.rowIndex}"][data-column-index="${u.columnIndex}"]`), u.rowId != null && u.columnKey && M.push(
+        `.grid-cell[data-row-id="${Ce(String(u.rowId))}"][data-column-key="${Ce(u.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 (u, S = {}) => {
+      if (!u)
         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 && u.selection && s.api.selection.setSnapshot(ce(u.selection)), S.applyRowSelection !== !1 && u.rowSelection && s.api.rowSelection.setSnapshot(ce(u.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 u.rowId == "string" || typeof u.rowId == "number" ? u.rowId : null, M = p != null ? A.resolveBodyRowIndexById(p) : -1, O = M >= 0 ? M : u.rowIndex, B = u.columnKey ? s.columnSnapshot.value.visibleColumns.findIndex((j) => j.key === u.columnKey) : -1, x = {
+        ...u,
+        rowIndex: O != null && O >= 0 ? O : u.rowIndex,
+        columnIndex: B >= 0 ? B : u.columnIndex
       };
-      if (A.rowIndex == null || A.columnKey == null && A.columnIndex == null)
+      if (x.rowIndex == null || x.columnKey == null && x.columnIndex == null)
         return !1;
       S.scrollIntoView !== !1 && s.scrollToCell({
         rowId: p,
-        rowIndex: A.rowIndex,
-        columnKey: A.columnKey,
-        columnIndex: A.columnIndex,
+        rowIndex: x.rowIndex,
+        columnKey: x.columnKey,
+        columnIndex: x.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 Ve(), K(x, 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 u = () => {
+        const p = i.value?.querySelector(".grid-body-viewport");
         if (!p)
           return !1;
         try {
@@ -580,8 +574,8 @@ const xn = et({
         }
         return typeof document < "u" && document.activeElement === p;
       }, S = (p) => {
-        ke(() => {
-          if (!(i() || p >= 3)) {
+        Ve(() => {
+          if (!(u() || p >= 3)) {
             if (typeof window < "u") {
               window.requestAnimationFrame(() => {
                 S(p + 1);
@@ -604,18 +598,18 @@ const xn = et({
       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(
+    }), () => xe(
       "div",
       Ft(t, {
-        ref: a,
+        ref: i,
         class: [
           "affino-datagrid-app-root",
           e.theme === "sugar" ? "affino-datagrid-app-root--theme-sugar" : null,
@@ -628,7 +622,7 @@ const xn = et({
           minWidth: "0"
         }
       }),
-      r.default?.({
+      l.default?.({
         api: s.api,
         core: s.core,
         runtime: P,
@@ -639,17 +633,17 @@ const xn = et({
         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: J.value
       }) ?? []
     );
   }
 });
-function Ce(e) {
+function Ae(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,194 +657,218 @@ 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, w = null, s = null, A = null, P = null, k = null, F = null, I = null;
+  const E = () => {
+    t?.(), l?.(), t = null, l = null;
+  }, J = () => {
+    const r = e.gridRef.value;
+    return !r || r.api.lifecycle.state === "disposed" ? null : r;
+  }, g = () => J()?.api ?? null, Z = () => {
+    const r = g()?.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 = Z(), m = g();
+      if (r) {
+        const f = T(r);
+        P = f, f !== w && (w = 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 = g();
+    !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 = g()?.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(l.visibility ?? {}))
+    for (const c of Object.keys(r.visibility ?? {}))
       f.add(c);
-    for (const c of Object.keys(l.widths ?? {}))
+    for (const c of Object.keys(r.widths ?? {}))
       f.add(c);
-    for (const c of Object.keys(l.pins ?? {}))
+    for (const c of Object.keys(r.pins ?? {}))
+      f.add(c);
+    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)
+  }, u = (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) => u(r.columns), p = (r) => {
+    const m = g();
+    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, Ae(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 = g();
+      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 && u(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 = g();
+    !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 = g();
+    !r || e.props.aggregationModel === void 0 || r.rows.setAggregationModel(e.props.aggregationModel ?? null);
+  }, x = () => {
+    const r = g();
+    !r || e.props.pivotModel === void 0 || r.pivot.setModel(e.props.pivotModel ?? null);
+  }, G = () => {
+    const r = g();
+    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) === P) {
+        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, Ae(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, Ae(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 = g();
+    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 = g();
+    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 = J();
+    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(), x(), z(), M(), h(), e.emit.ready({ api: r.api }));
+  }, W = () => g()?.state.get() ?? null, Y = (r, m) => g()?.state.migrate(r, m) ?? null, Q = (r) => u(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 = () => {
-    w()?.rows.expandAllGroups(), h();
-  }, fe = () => {
-    w()?.rows.collapseAllGroups(), h();
+  }), F = null, p(r) ? (h(), !0) : (F = { columnState: r }, !0)) : (F = { columnState: r }, !0), N = (r, m) => {
+    const f = g();
+    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 = () => g()?.pivot.exportLayout() ?? null, oe = () => g()?.pivot.exportInterop() ?? null, ye = (r, m) => {
+    const f = g();
+    return f ? (f.pivot.importLayout(r, m), h(), !0) : !1;
+  }, ae = () => {
+    g()?.rows.expandAllGroups(), h();
+  }, ve = () => {
+    g()?.rows.collapseAllGroups(), h();
   };
   C(
     () => e.gridRef.value,
@@ -861,13 +879,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(), x(), z(), M(), h();
     },
     { deep: !0 }
   ), C(
@@ -879,58 +897,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();
+      x(), h();
     },
     { deep: !0 }
   ), C(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      T(), h();
+      z(), h();
     }
   );
-  const Q = () => {
-    L();
+  const X = () => {
+    E();
   };
-  return De(() => {
-    Q();
+  return Be(() => {
+    X();
   }), {
     emitSnapshotUpdates: h,
     handleGridReady: _,
-    dispose: Q,
-    getColumnState: $,
+    dispose: X,
+    getColumnState: Z,
     getState: W,
-    migrateState: J,
-    applyColumnState: Y,
+    migrateState: Y,
+    applyColumnState: Q,
     applyState: N,
-    exportPivotLayout: te,
-    exportPivotInterop: ne,
-    importPivotLayout: ce,
-    expandAllGroups: re,
-    collapseAllGroups: fe
+    exportPivotLayout: ne,
+    exportPivotInterop: oe,
+    importPivotLayout: ye,
+    expandAllGroups: ae,
+    collapseAllGroups: ve
   };
 }
 function Fn(e) {
@@ -952,7 +970,7 @@ function jn() {
     runHistoryAction: async () => null
   };
 }
-function En(e) {
+function Ln(e) {
   if (e === !1)
     return {
       enabled: !1,
@@ -986,20 +1004,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 +1026,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 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() : "";
+      const w = o.data;
+      if (typeof i.valueGetter == "function")
+        return i.valueGetter(w);
+      if (typeof i.accessor == "function")
+        return i.accessor(w);
+      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 = w[s];
+      return typeof A < "u" ? A : En(w, s);
     };
 }
-function Hn() {
+function zn() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -1059,29 +1077,29 @@ function Hn() {
     }
   };
 }
-function se(e, t) {
-  const r = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
-  if (r.length !== 0)
+function fe(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: fe("init", [t, l, o]),
+    start: fe("start", [t, l, o]),
+    stop: fe("stop", [t, l, o]),
+    dispose: fe("dispose", [t, l, o]),
+    getSelectionSnapshot: l.getSelectionSnapshot,
+    setSelectionSnapshot: l.setSelectionSnapshot,
+    clearSelection: l.clearSelection,
     getRowSelectionSnapshot: o.getRowSelectionSnapshot,
     setRowSelectionSnapshot: o.setRowSelectionSnapshot,
     clearRowSelection: o.clearRowSelection,
@@ -1095,38 +1113,38 @@ function Tn(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function Ze(e) {
+function tt(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 w = 0; w < l.length; w += 1)
+    if (l[w] !== o[w])
       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])
+  for (let w = 0; w < d.length; w += 1)
+    if (d[w] !== i[w])
       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 +1153,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 +1445,7 @@ const Un = {
     type: Function,
     default: void 0
   }
-}, rt = et({
+}, it = nt({
   name: "DataGrid",
   inheritAttrs: !1,
   props: Un,
@@ -1436,7 +1454,6 @@ const Un = {
     "cell-edit": (e) => !0,
     "selection-change": (e) => !0,
     "row-selection-change": (e) => !0,
-    "row-select": (e) => !0,
     "update:rowSelectionState": (e) => !0,
     "update:columnState": (e) => !0,
     "update:columnOrder": (e) => !0,
@@ -1449,36 +1466,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), w = jn(), s = V(null), A = V(null), P = V([]);
+    let k = null, F = !1, I = null, E = !1, J = !1;
+    const g = V(e.viewMode === "gantt" ? "gantt" : "table"), Z = 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)), u = 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)), x = y(() => An(e.aggregations)), G = y(() => Jt(e.advancedFilter)), j = y(() => pn(e.quickFilter)), z = y(() => wn(e.findReplace)), _ = y(() => hn(e.gridLines)), W = y(() => ln(e.groupBy)), Y = y(() => e.state ? be(e.state, e.columns) : e.state), Q = y(() => Ut(e.filterModel ?? null, e.columns)), N = y(() => e.state ? Y.value : Z.value), ne = y(() => e.sortModel !== void 0 ? e.sortModel : N.value?.rows?.snapshot?.sortModel), oe = y(() => e.filterModel !== void 0 ? Q.value : jt(N.value?.rows?.snapshot?.filterModel ?? null)), ye = y(() => e.groupBy !== void 0 ? W.value ?? null : N.value?.rows?.snapshot?.groupBy ?? null), ae = y(() => e.pivotModel !== void 0 ? e.pivotModel : N.value?.rows?.snapshot?.pivotModel ?? null), ve = y(() => xn(e.virtualization, U.value)), X = 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 Y.value;
       },
       get stateOptions() {
         return e.stateOptions;
@@ -1502,7 +1519,7 @@ const Un = {
         return e.sortModel;
       },
       get filterModel() {
-        return e.filterModel === void 0 ? void 0 : Y.value;
+        return e.filterModel === void 0 ? void 0 : Q.value;
       },
       get groupBy() {
         return W.value;
@@ -1522,62 +1539,65 @@ 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;
+    }, Ge = y(() => ae.value ? "pivot" : b.value && "initialTreeData" in b.value ? "tree" : "base"), at = y(() => i.value?.api.columns.getSnapshot().visibleColumns ?? []), ut = y(() => {
+      const n = i.value?.runtime;
       if (!n)
         return 0;
-      const u = ze(n.rowPartition);
-      return Math.max(0, u.bodyRowCount + u.pinnedBottomRows.length);
-    }), ut = (n) => {
-      const u = a.value?.runtime;
-      if (!u)
+      const a = Ue(n.rowPartition);
+      return Math.max(0, a.pinnedTopRows.length + a.bodyRowCount + a.pinnedBottomRows.length);
+    }), st = (n) => {
+      const a = i.value?.runtime;
+      if (!a)
         return null;
-      const v = ze(u.rowPartition), I = v.bodyRowCount;
-      if (n < I)
-        return u.getBodyRowAtIndex(n);
-      const X = n - I;
-      return v.pinnedBottomRows[X] ?? null;
-    }, st = {
-      mode: m(() => Fe.value),
-      resolveRuntime: () => a.value,
+      const v = Ue(a.rowPartition), D = v.pinnedTopRows.length;
+      if (n < D)
+        return v.pinnedTopRows[n] ?? null;
+      const $ = v.bodyRowCount, le = n - D;
+      if (le < $)
+        return a.getBodyRowAtIndex(le);
+      const ie = le - $;
+      return v.pinnedBottomRows[ie] ?? null;
+    }, dt = {
+      mode: y(() => Ge.value),
+      resolveRuntime: () => i.value,
       visibleColumns: at,
-      totalRows: it,
-      showRowSelection: m(() => e.rowSelection),
+      totalRows: ut,
+      showRowSelection: y(() => e.rowSelection),
       readSelectionCell: e.readSelectionCell,
-      resolveSelectionRowAtIndex: ut
+      resolveSelectionRowAtIndex: st
     }, {
-      selectionSnapshot: dt,
-      selectionAnchor: ct,
-      syncSelectionSnapshotFromRuntime: ft,
-      selectionService: mt,
-      selectionAggregatesLabel: yt
-    } = Et(st), {
-      rowSelectionSnapshot: me,
-      syncRowSelectionSnapshotFromRuntime: ye,
-      reconcileRowSelectionFromRuntime: vt,
-      selectionService: Be
-    } = Kt({
-      resolveRuntime: () => a.value
-    }), pt = m(() => e.rowSelection ? Be : Hn()), gt = m(() => ({
+      selectionSnapshot: ct,
+      selectionAnchor: ft,
+      syncSelectionSnapshotFromRuntime: mt,
+      selectionService: yt,
+      selectionAggregatesLabel: vt
+    } = Lt(dt), {
+      rowSelectionSnapshot: pe,
+      syncRowSelectionSnapshotFromRuntime: we,
+      reconcileRowSelectionFromRuntime: pt,
+      selectionService: je
+    } = Et({
+      resolveRuntime: () => i.value
+    }), wt = y(() => e.rowSelection ? je : zn()), gt = y(() => ({
       ...e.services ?? {},
-      selection: Tn({
+      selection: Hn({
         userSelectionService: e.services?.selection,
-        cellSelectionService: mt,
-        rowSelectionService: pt.value
+        cellSelectionService: yt,
+        rowSelectionService: wt.value
       })
     })), {
-      dataGridInstanceKey: wt,
-      resolvedRowModel: oe
+      dataGridInstanceKey: St,
+      resolvedRowModel: re
     } = qt({
-      rows: Ve(e, "rows"),
-      rowModel: Ve(e, "rowModel"),
-      clientRowModelOptions: j,
+      rows: _e(e, "rows"),
+      rowModel: _e(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,287 +1606,287 @@ const Un = {
         columnPins: (n) => o("update:columnPins", n),
         groupBy: (n) => o("update:groupBy", n),
         state: (n) => {
-          $.value = n, o("update:state", n), Ge();
+          Z.value = n, o("update:state", n), Le();
         },
         ready: (n) => {
-          q = !0, je(), o("ready", {
+          J = !0, Ee(), o("ready", {
             api: n.api,
-            rowModel: oe.value
+            rowModel: re.value
           });
         }
       }
     });
-    function ve() {
-      x != null && (globalThis.clearTimeout(x), x = null);
+    function ge() {
+      I != null && (globalThis.clearTimeout(I), I = null);
     }
-    function le() {
+    function ue() {
       const n = h.value;
-      if (!n || !L)
+      if (!n || !E)
         return;
-      const u = qe(n.storage);
-      if (!u)
+      const a = Je(n.storage);
+      if (!a)
         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));
+          a.setItem(n.key, JSON.stringify(D));
         } catch {
         }
     }
-    function Ge() {
+    function Le() {
       const n = h.value;
-      !n || !L || (ve(), x = globalThis.setTimeout(() => {
-        x = null, le();
+      !n || !E || (ge(), I = globalThis.setTimeout(() => {
+        I = null, ue();
       }, n.debounceMs));
     }
-    function je() {
+    function Ee() {
       const n = h.value;
-      if (!n || L || !q)
+      if (!n || E || !J)
         return;
       if (!n.restoreOnReady) {
-        L = !0;
+        E = !0;
         return;
       }
-      L = !0;
-      const u = qe(n.storage);
-      if (!u)
+      E = !0;
+      const a = Je(n.storage);
+      if (!a)
         return;
       let v;
       try {
-        const X = u.getItem(n.key);
-        if (!X)
+        const $ = a.getItem(n.key);
+        if (!$)
           return;
-        v = JSON.parse(X);
+        v = JSON.parse($);
       } 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();
+    function ht() {
+      Le();
     }
-    function ae() {
-      le();
+    function se() {
+      ue();
     }
-    function Ee() {
-      typeof document < "u" && document.visibilityState === "hidden" && le();
+    function Ke() {
+      typeof document < "u" && document.visibilityState === "hidden" && ue();
     }
-    const ht = (n) => {
-      vt(), o("cell-change", n), b.emitSnapshotUpdates();
-    }, pe = (n) => {
+    const bt = (n) => {
+      pt(), o("cell-change", n), R.emitSnapshotUpdates();
+    }, Se = (n) => {
       o("cell-edit", n);
-    }, bt = (n) => {
-      o("selection-change", n), b.emitSnapshotUpdates();
     }, Rt = (n) => {
+      o("selection-change", n), R.emitSnapshotUpdates();
+    }, Mt = (n) => {
       o("row-selection-change", n);
-    }, Ke = () => {
-      b.emitSnapshotUpdates();
+    }, ze = () => {
+      R.emitSnapshotUpdates();
     };
     C(
-      me,
+      pe,
       (n) => {
-        o("row-select", n), o("update:rowSelectionState", n), Ke();
+        o("update:rowSelectionState", n), ze();
       },
       { deep: !0 }
     ), C(
-      () => [e.rowSelection, e.rowSelectionState, a.value],
-      ([n, u]) => {
+      () => [e.rowSelection, e.rowSelectionState, i.value],
+      ([n, a]) => {
         if (n) {
-          if (u !== void 0) {
-            const v = a.value?.api.rowSelection;
-            kn(me.value, u) || (u ? v?.setSnapshot(u) : v?.clear(), ye());
+          if (a !== void 0) {
+            const v = i.value?.api.rowSelection;
+            Tn(pe.value, a) || (a ? v?.setSnapshot(a) : v?.clear(), we());
             return;
           }
-          ye();
+          we();
           return;
         }
-        Be.clearRowSelection?.();
+        je.clearRowSelection?.();
       },
       { immediate: !0 }
     ), C(
       () => e.viewMode,
       (n) => {
-        w.value = n === "gantt" ? "gantt" : "table";
+        g.value = n === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const Le = (n) => {
-      const u = n === "gantt" ? "gantt" : "table";
-      w.value = u, o("update:viewMode", u);
-    }, Mt = (n) => {
+    const He = (n) => {
+      const a = n === "gantt" ? "gantt" : "table";
+      g.value = a, o("update:viewMode", a);
+    }, Ot = (n) => {
       s.value = n;
-    }, He = (n) => {
-      O.value = n;
+    }, Te = (n) => {
+      A.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);
+      Vn(P.value, n) || (P.value = n, k = n, !F && (F = !0, Promise.resolve().then(() => {
+        F = !1;
+        const a = k;
+        k = null, a && o("toolbar-modules-change", a);
       })));
-    }, K = V({
+    }, L = V({
       canUndo: !1,
       canRedo: !1
     });
     C(
-      oe,
-      (n, u, v) => {
-        const I = Ze(n);
-        if (K.value = I?.getCachedHistoryStatus?.() ?? {
+      re,
+      (n, a, v) => {
+        const D = tt(n);
+        if (L.value = D?.getCachedHistoryStatus?.() ?? {
           canUndo: !1,
           canRedo: !1
-        }, !I)
+        }, !D)
           return;
-        let X = !0;
-        const It = I.subscribeHistoryStatus?.((we) => {
-          K.value = we;
+        let $ = !0;
+        const le = D.subscribeHistoryStatus?.((ie) => {
+          L.value = ie;
         });
-        I.getHistoryStatus?.().then((we) => {
-          X && (K.value = we);
+        D.getHistoryStatus?.().then((ie) => {
+          $ && (L.value = ie);
         }).catch(() => {
         }), v(() => {
-          X = !1, It?.();
+          $ = !1, le?.();
         });
       },
       { 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),
-        runHistoryAction: async (u) => {
-          if (K.value, u === "undo" && K.value.canUndo !== !0 || u === "redo" && K.value.canRedo !== !0)
+    const At = y(() => {
+      const n = tt(re.value);
+      return !K.value.enabled || K.value.adapter || !n ? w : {
+        canUndo: () => (L.value, L.value.canUndo === !0),
+        canRedo: () => (L.value, L.value.canRedo === !0),
+        runHistoryAction: async (a) => {
+          if (L.value, a === "undo" && L.value.canUndo !== !0 || a === "redo" && L.value.canRedo !== !0)
             return null;
-          const v = u === "undo" ? await n.undoHistoryStack?.() : await n.redoHistoryStack?.();
-          return v && (K.value = {
-            ...K.value,
+          const v = a === "undo" ? await n.undoHistoryStack?.() : await n.redoHistoryStack?.();
+          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 } : {},
             ...typeof v.latestRedoOperationId < "u" ? { latestRedoOperationId: v.latestRedoOperationId } : {},
             ...typeof v.datasetVersion < "u" ? { datasetVersion: v.datasetVersion } : {}
-          }), typeof v?.operationId == "string" && v.operationId.length > 0 ? v.operationId : u === "undo" ? v?.latestRedoOperationId ?? null : v?.latestUndoOperationId ?? null;
+          }), typeof v?.operationId == "string" && v.operationId.length > 0 ? v.operationId : a === "undo" ? v?.latestRedoOperationId ?? null : v?.latestUndoOperationId ?? null;
         }
       };
-    }), ge = m(() => {
-      const n = H.value.adapter;
-      return !H.value.enabled || !n ? Ot.value : {
+    }), he = y(() => {
+      const n = K.value.adapter;
+      return !K.value.enabled || !n ? At.value : {
         canUndo: () => n.canUndo(),
         canRedo: () => n.canRedo(),
-        runHistoryAction: (u) => n.runHistoryAction(u)
+        runHistoryAction: (a) => n.runHistoryAction(a)
       };
-    }), Te = {
-      canUndo: () => (s.value ?? ge.value).canUndo(),
-      canRedo: () => (s.value ?? ge.value).canRedo(),
-      runHistoryAction: (n) => (s.value ?? ge.value).runHistoryAction(n)
-    }, At = () => {
-      const n = b.getState();
-      return n ? de({
+    }), ke = {
+      canUndo: () => (s.value ?? he.value).canUndo(),
+      canRedo: () => (s.value ?? he.value).canRedo(),
+      runHistoryAction: (n) => (s.value ?? he.value).runHistoryAction(n)
+    }, xt = () => {
+      const n = R.getState();
+      return n ? me({
         state: n,
-        viewMode: w.value
+        viewMode: g.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),
-        u
-      ) ? (v.viewMode && Le(v.viewMode), !0) : !1;
+    }, Pt = (n, a) => lt(n, R.migrateState, a), It = (n, a) => {
+      const v = me(n);
+      return R.applyState(
+        be(v.state, e.columns),
+        a
+      ) ? (v.viewMode && He(v.viewMode), !0) : !1;
     };
     return C(
       h,
       () => {
-        ve(), L = !1, je();
+        ge(), E = !1, Ee();
       },
       { 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);
+      typeof window < "u" && (window.addEventListener("pagehide", se), window.addEventListener("beforeunload", se)), typeof document < "u" && document.addEventListener("visibilitychange", Ke);
+    }), Be(() => {
+      ue(), ge(), typeof window < "u" && (window.removeEventListener("pagehide", se), window.removeEventListener("beforeunload", se)), typeof document < "u" && document.removeEventListener("visibilitychange", Ke), R.dispose(), Te(null);
     }), d({
-      grid: a,
-      rowModel: oe,
-      history: Te,
-      getHistory: () => Te,
+      grid: i,
+      rowModel: re,
+      history: ke,
+      getHistory: () => ke,
       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),
+      getApi: () => i.value?.api ?? null,
+      getRuntime: () => i.value?.runtime ?? null,
+      getCore: () => i.value?.core ?? null,
+      captureFocusAnchor: (n) => i.value?.captureFocusAnchor(n) ?? null,
+      restoreFocusAnchor: (n, a) => i.value?.restoreFocusAnchor(n, a) ?? Promise.resolve(!1),
       restoreFocus: () => {
-        a.value?.restoreFocus();
+        i.value?.restoreFocus();
       },
-      getColumnState: () => b.getColumnState(),
-      getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => yt.value,
-      runStructuralRowAction: (n, u) => O.value?.(n, u) ?? Promise.resolve(!1),
+      getColumnState: () => R.getColumnState(),
+      getColumnSnapshot: () => i.value?.api.columns.getSnapshot() ?? null,
+      getSelectionAggregatesLabel: () => vt.value,
+      runStructuralRowAction: (n, a) => A.value?.(n, a) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
-        const n = a.value?.api.selection.summarize;
+        const n = i.value?.api.selection.summarize;
         if (!n)
           return null;
-        const u = {
+        const a = {
           readSelectionCell: e.readSelectionCell
         };
-        return n(u);
+        return n(a);
       },
-      getView: () => w.value,
-      setView: Le,
-      getSavedView: At,
+      getView: () => g.value,
+      setView: He,
+      getSavedView: xt,
       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
+      applySavedView: It,
+      applyColumnState: R.applyColumnState,
+      getState: R.getState,
+      migrateState: R.migrateState,
+      applyState: (n, a) => n ? R.applyState(be(n, e.columns), a) : !1,
+      exportPivotLayout: R.exportPivotLayout,
+      exportPivotInterop: R.exportPivotInterop,
+      importPivotLayout: R.importPivotLayout,
+      expandAllGroups: R.expandAllGroups,
+      collapseAllGroups: R.collapseAllGroups,
+      insertRowsAt: (n, a) => i.value?.api.rows.insertDataAt(n, a) ?? !1,
+      insertRowBefore: (n, a) => i.value?.api.rows.insertDataBefore(n, a) ?? !1,
+      insertRowAfter: (n, a) => i.value?.api.rows.insertDataAfter(n, a) ?? !1,
+      insertColumnsAt: (n, a) => i.value?.api.columns.insertAt(n, a) ?? !1,
+      insertColumnBefore: (n, a) => i.value?.api.columns.insertBefore(n, a) ?? !1,
+      insertColumnAfter: (n, a) => i.value?.api.columns.insertAfter(n, a) ?? !1
     }), () => {
       const n = {
-        mode: Fe.value,
+        mode: Ge.value,
         rows: e.rows,
-        runtime: a.value?.runtime ?? null,
-        runtimeRowModel: a.value?.rowModel ?? null,
-        selectionSnapshot: dt,
-        selectionAnchor: ct,
-        rowSelectionSnapshot: me,
-        syncSelectionSnapshotFromRuntime: ft,
-        syncRowSelectionSnapshotFromRuntime: ye,
-        flushRowSelectionSnapshotUpdates: Ke,
-        sortModel: te.value,
-        filterModel: ne.value,
+        runtime: i.value?.runtime ?? null,
+        runtimeRowModel: i.value?.rowModel ?? null,
+        selectionSnapshot: ct,
+        selectionAnchor: ft,
+        rowSelectionSnapshot: pe,
+        syncSelectionSnapshotFromRuntime: mt,
+        syncRowSelectionSnapshotFromRuntime: we,
+        flushRowSelectionSnapshotUpdates: ze,
+        sortModel: ne.value,
+        filterModel: oe.value,
         filterModelNormalized: !0,
         appColumns: e.columns,
-        groupBy: ce.value,
-        pivotModel: re.value,
+        groupBy: ye.value,
+        pivotModel: ae.value,
         renderMode: U.value,
-        virtualization: fe.value,
+        virtualization: ve.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: x.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,
+        layoutMode: X.value.layoutMode,
+        minRows: X.value.minRows,
+        maxRows: X.value.maxRows,
+        placeholderRows: r.value,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
         rowHover: e.rowHover,
@@ -1877,49 +1897,49 @@ const Un = {
         isCellEditable: e.isCellEditable,
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
-        rowReorder: f.value,
-        viewMode: w.value,
+        rowReorder: m.value,
+        viewMode: g.value,
         gantt: e.gantt,
-        history: H.value,
-        chrome: ee.value,
-        registerHistoryController: Mt,
-        registerStructuralRowActionRunner: He,
+        history: K.value,
+        chrome: te.value,
+        registerHistoryController: Ot,
+        registerStructuralRowActionRunner: Te,
         reportToolbarModules: Ct,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
-      return Oe(
-        xn,
+      return xe(
+        Pn,
         {
           ...t,
-          ref: a,
-          key: wt.value,
+          ref: i,
+          key: St.value,
           rows: e.rows,
-          onScrollCapture: St,
-          rowModel: oe.value,
-          columns: E.value,
+          onScrollCapture: ht,
+          rowModel: re.value,
+          columns: H.value,
           theme: e.theme,
-          layoutMode: Q.value.layoutMode,
+          layoutMode: X.value.layoutMode,
           renderMode: U.value,
-          pagination: i.value,
+          pagination: u.value,
           plugins: e.plugins,
           services: gt.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: ht,
-          onCellEdit: pe,
-          onSelectionChange: bt,
-          onRowSelectionChange: Rt
+          onCellChange: bt,
+          onCellEdit: Se,
+          onSelectionChange: Rt,
+          onRowSelectionChange: Mt
         },
-        r.default ? {
-          default: (u) => r.default?.({
-            ...u,
+        l.default ? {
+          default: (a) => l.default?.({
+            ...a,
             defaultRendererProps: {
               ...n,
-              runtime: u.runtime,
-              runtimeRowModel: u.rowModel,
-              onCellEdit: pe,
+              runtime: a.runtime,
+              runtimeRowModel: a.rowModel,
+              onCellEdit: Se,
               reportFillWarning: e.reportFillWarning,
               reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
               reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1927,11 +1947,11 @@ const Un = {
             }
           })
         } : {
-          default: (u) => Oe($t, {
+          default: (a) => xe($t, {
             ...n,
-            runtime: u.runtime,
-            runtimeRowModel: u.rowModel,
-            onCellEdit: pe,
+            runtime: a.runtime,
+            runtimeRowModel: a.rowModel,
+            onCellEdit: Se,
             reportFillWarning: e.reportFillWarning,
             reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
             reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1942,33 +1962,33 @@ const Un = {
     };
   }
 });
-function io() {
+function ao() {
   return V(null);
 }
 function uo() {
-  return rt;
+  return it;
 }
-const so = rt;
+const so = it;
 export {
   so as DataGrid,
   mo as DataGridModuleHost,
   to as clearDataGridSavedViewInStorage,
-  rt as default,
+  it 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,
+  lt as migrateDataGridSavedView,
   Ut as normalizeDataGridAppFilterModel,
-  Se as normalizeDataGridAppUnifiedStateFilters,
-  On as parseDataGridSavedView,
+  be 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
 };