@affino/datagrid-vue-app 0.1.64 → 0.4.0

package/dist/index.js

@@ -1,20 +1,20 @@
-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 { 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 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 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 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 { 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: ee,
-  "industrial-neutral": _e,
-  industrialNeutral: _e,
-  sugar: nt
+  "industrial-neutral": We,
+  industrialNeutral: We,
+  sugar: ot
 };
 function tn(e, t) {
   if (!e && !t)
@@ -29,25 +29,19 @@ function tn(e, t) {
     };
   return l;
 }
-function be(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 ? ee : typeof e == "string" ? e === "sugar" ? be(ee, nt) : en[e] ?? ee : nn(e) ? be(ee, e) : be(ee, {
+  return e == null ? ee : typeof e == "string" ? e === "sugar" ? Re(ee, ot) : en[e] ?? ee : nn(e) ? Re(ee, e) : Re(ee, {
     tokens: e
   });
 }
@@ -57,14 +51,14 @@ function rn(e) {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function We(e, t) {
+function Ne(e, t) {
   const l = rn(t);
   return Yt(e, l), l;
 }
-function Ne(e, t) {
+function qe(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function qe(e, t) {
+function $e(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
 function ln(e) {
@@ -88,13 +82,13 @@ function an(e, t) {
 function un(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const d = 100, i = qe(l, d), g = Ne(o, 0);
+  const d = 100, i = $e(l, d), w = qe(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: i,
-    currentPage: g
+    currentPage: w
   } : {
-    pageSize: qe(l ?? e.pageSize, d),
-    currentPage: Ne(o ?? e.currentPage, 0)
+    pageSize: $e(l ?? e.pageSize, d),
+    currentPage: qe(o ?? e.currentPage, 0)
   };
 }
 function sn(e) {
@@ -120,21 +114,21 @@ function dn(e) {
     }
   };
 }
-function $e(e) {
+function Je(e) {
   return typeof e == "object" && e !== null ? e : typeof window > "u" ? null : e === "session" ? window.sessionStorage : window.localStorage;
 }
-const Pe = "Search rows", xe = "contains", Ie = "input", De = 300;
+const Pe = "Search rows", Ie = "contains", De = "input", Fe = 300;
 function cn(e) {
   return typeof e == "string" && e.trim().length > 0 ? e.trim() : Pe;
 }
 function fn(e) {
-  return e === "tokens" ? "tokens" : xe;
+  return e === "tokens" ? "tokens" : Ie;
 }
 function mn(e) {
-  return e === "debounce" || e === "manual" ? e : Ie;
+  return e === "debounce" || e === "manual" ? e : De;
 }
 function yn(e) {
-  return typeof e != "number" || !Number.isFinite(e) ? De : 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))
@@ -147,9 +141,9 @@ function pn(e) {
     enabled: e,
     placeholder: Pe,
     columns: null,
-    mode: xe,
-    applyMode: Ie,
-    debounceMs: De
+    mode: Ie,
+    applyMode: De,
+    debounceMs: Fe
   } : e ? {
     enabled: !0,
     placeholder: cn(e.placeholder),
@@ -161,40 +155,40 @@ function pn(e) {
     enabled: !1,
     placeholder: Pe,
     columns: null,
-    mode: xe,
-    applyMode: Ie,
-    debounceMs: De
+    mode: Ie,
+    applyMode: De,
+    debounceMs: Fe
   });
 }
-const Re = "Find / replace";
-function gn(e) {
+const Me = "Find / replace";
+function wn(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
   };
 }
-const wn = "all", ot = {
+const gn = "all", rt = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function Je(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 : ot[t];
+  return e === "columns" || e === "none" ? e : rt[t];
 }
-function Ze(e, t) {
+function Ye(e, t) {
   return e !== "none" || t === "columns";
 }
-function Ye(e) {
+function Qe(e) {
   const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
@@ -207,21 +201,21 @@ function Ye(e) {
 }
 function hn(e) {
   if (typeof e == "string") {
-    const o = Je(e), d = ot[o];
-    return Ye({
+    const o = Ze(e), d = rt[o];
+    return Qe({
       body: o,
       header: d,
-      pinnedSeparators: Ze(o, d)
+      pinnedSeparators: Ye(o, d)
     });
   }
-  const t = Je(e?.body), l = Sn(e?.header, t);
-  return Ye({
+  const t = Ze(e?.body), l = Sn(e?.header, t);
+  return Qe({
     body: t,
     header: l,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ze(t, 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));
@@ -235,8 +229,8 @@ function bn(e, t, l) {
       minRows: null,
       maxRows: null
     };
-  const d = Qe(t);
-  let i = Qe(l);
+  const d = Xe(t);
+  let i = Xe(l);
   return d !== null && i !== null && i < d && (i = d), {
     layoutMode: o,
     minRows: d,
@@ -249,7 +243,7 @@ function Rn(e) {
     transaction: null
   };
 }
-function ce(e) {
+function me(e) {
   return {
     ...e,
     state: Rn(e.state)
@@ -258,24 +252,24 @@ function ce(e) {
 function Mn(e) {
   return typeof e == "object" && e !== null;
 }
-function rt(e, t, l) {
+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 i = o?.viewMode, g = i === "gantt" ? "gantt" : i === "table" ? "table" : void 0;
-  return ce({
+  const i = o?.viewMode, w = i === "gantt" ? "gantt" : i === "table" ? "table" : void 0;
+  return me({
     state: d,
-    ...g ? { viewMode: g } : {}
+    ...w ? { viewMode: w } : {}
   });
 }
 function On(e) {
-  return JSON.stringify(ce(e));
+  return JSON.stringify(me(e));
 }
 function Cn(e, t, l) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return rt(JSON.parse(e), t, l);
+    return lt(JSON.parse(e), t, l);
   } catch {
     return null;
   }
@@ -308,23 +302,23 @@ function to(e, t) {
     return !1;
   }
 }
-const Me = "Aggregations";
+const Oe = "Aggregations";
 function An(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: Me
+    buttonLabel: Oe
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : Me
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : Oe
   } : {
     enabled: !1,
-    buttonLabel: Me
+    buttonLabel: Oe
   };
 }
-function ue(e, t) {
+function de(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Pn(e, t) {
+function xn(e, t) {
   const l = {
     rows: !0,
     columns: !1,
@@ -337,12 +331,12 @@ function Pn(e, t) {
     l.rows = !1, l.columns = !1;
   else if (e && typeof e == "object") {
     l.rows = e.rows ?? l.rows, l.columns = e.columns ?? l.columns;
-    const o = ue(e.overscan, l.rowOverscan);
-    l.rowOverscan = ue(e.rowOverscan, o), l.columnOverscan = ue(e.columnOverscan, ue(e.overscan, l.columnOverscan));
+    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" && (l.rows = !1), l;
 }
-function se(e) {
+function ce(e) {
   if (e == null)
     return e;
   const t = globalThis.structuredClone;
@@ -357,17 +351,17 @@ function se(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 Oe(e) {
+function Ce(e) {
   const t = globalThis.CSS?.escape;
   return typeof t == "function" ? t(e) : e.replace(/["\\]/g, "\\$&");
 }
-const xn = tt({
+const Pn = nt({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -424,7 +418,7 @@ const xn = tt({
   setup(e, { attrs: t, slots: l, emit: o, expose: d }) {
     const i = V(null);
     Dt(Xt, i);
-    let g = null;
+    let w = null;
     const s = Gt({
       rows: y(() => e.rows),
       rowModel: e.rowModel,
@@ -433,7 +427,7 @@ const xn = tt({
       services: e.services,
       startupOrder: e.startupOrder,
       autoStart: e.autoStart
-    }), A = s, x = {
+    }), A = s, P = {
       api: s.api,
       syncBodyRowsInRange: s.syncBodyRowsInRange,
       setViewportRange: s.setViewportRange,
@@ -451,10 +445,10 @@ const xn = tt({
       scrollToCell: s.scrollToCell
     }, k = () => {
       if (e.renderMode === "pagination") {
-        const a = e.pagination ?? { pageSize: 100, currentPage: 0 };
+        const u = e.pagination ?? { pageSize: 100, currentPage: 0 };
         s.api.rows.setPagination({
-          pageSize: Math.max(1, Math.trunc(a.pageSize)),
-          currentPage: Math.max(0, Math.trunc(a.currentPage))
+          pageSize: Math.max(1, Math.trunc(u.pageSize)),
+          currentPage: Math.max(0, Math.trunc(u.currentPage))
         });
         return;
       }
@@ -472,62 +466,62 @@ const xn = tt({
         k();
       },
       { immediate: !0, deep: !0 }
-    ), typeof document < "u" && (g = new MutationObserver(() => {
-      const a = i.value;
-      a && We(a, 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, i],
       () => {
-        const a = i.value;
-        a && We(a, e.theme);
+        const u = i.value;
+        u && Ne(u, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    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);
+    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);
     });
-    Fe(() => {
-      F(), I(), E(), g?.disconnect(), g = null;
+    Be(() => {
+      F(), I(), E(), w?.disconnect(), w = null;
     });
-    const $ = y(() => {
-      const a = s.virtualWindow.value;
+    const J = y(() => {
+      const u = s.virtualWindow.value;
       return {
-        ...a ?? {},
-        rowTotal: a?.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 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;
+      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: Z,
+        rowId: Y,
         rowIndex: j,
-        columnKey: Y,
+        columnKey: Q,
         columnIndex: _,
-        selection: ne ? se(S) : null,
-        rowSelection: oe ? se(s.api.rowSelection.getSnapshot()) : null
+        selection: ne ? ce(S) : null,
+        rowSelection: oe ? ce(s.api.rowSelection.getSnapshot()) : null
       };
-    }, K = (a, S) => {
+    }, K = (u, S) => {
       const p = i.value;
       if (!p)
         return !1;
       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)}"]`
+      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 O = null;
@@ -542,34 +536,34 @@ const xn = tt({
         O.focus();
       }
       return typeof document > "u" || document.activeElement === O;
-    }, te = async (a, S = {}) => {
-      if (!a)
+    }, te = async (u, S = {}) => {
+      if (!u)
         return !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)
+      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 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
+      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 (P.rowIndex == null || P.columnKey == null && P.columnIndex == null)
+      if (x.rowIndex == null || x.columnKey == null && x.columnIndex == null)
         return !1;
       S.scrollIntoView !== !1 && s.scrollToCell({
         rowId: p,
-        rowIndex: P.rowIndex,
-        columnKey: P.columnKey,
-        columnIndex: P.columnIndex,
+        rowIndex: x.rowIndex,
+        columnKey: x.columnKey,
+        columnIndex: x.columnIndex,
         align: "nearest"
       });
       const G = Math.max(0, Math.trunc(S.retries ?? 3));
       for (let j = 0; j <= G; j += 1) {
-        if (await ke(), K(P, S))
+        if (await Ve(), K(x, S))
           return !0;
         typeof window < "u" && await new Promise((z) => window.requestAnimationFrame(() => z()));
       }
       return !1;
     }, U = () => {
-      const a = () => {
+      const u = () => {
         const p = i.value?.querySelector(".grid-body-viewport");
         if (!p)
           return !1;
@@ -580,8 +574,8 @@ const xn = tt({
         }
         return typeof document < "u" && document.activeElement === p;
       }, S = (p) => {
-        ke(() => {
-          if (!(a() || p >= 3)) {
+        Ve(() => {
+          if (!(u() || p >= 3)) {
             if (typeof window < "u") {
               window.requestAnimationFrame(() => {
                 S(p + 1);
@@ -597,7 +591,7 @@ const xn = tt({
     return d({
       api: s.api,
       core: s.core,
-      runtime: x,
+      runtime: P,
       rowModel: s.rowModel,
       columnModel: s.columnModel,
       columnSnapshot: s.columnSnapshot,
@@ -612,7 +606,7 @@ const xn = tt({
       restoreFocus: U,
       start: s.start,
       stop: s.stop
-    }), () => Ae(
+    }), () => xe(
       "div",
       Ft(t, {
         ref: i,
@@ -631,8 +625,8 @@ const xn = tt({
       l.default?.({
         api: s.api,
         core: s.core,
-        runtime: x,
-        grid: x,
+        runtime: P,
+        grid: P,
         rowModel: s.rowModel,
         columnModel: s.columnModel,
         columnSnapshot: s.columnSnapshot.value,
@@ -641,12 +635,12 @@ const xn = tt({
         syncBodyRowsInRange: s.syncBodyRowsInRange,
         getBodyRowAtIndex: A.getBodyRowAtIndex,
         resolveBodyRowIndexById: A.resolveBodyRowIndexById,
-        virtualWindow: $.value
+        virtualWindow: J.value
       }) ?? []
     );
   }
 });
-function Ce(e) {
+function Ae(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
 function T(e) {
@@ -663,14 +657,14 @@ function In(e) {
   } : null;
 }
 function Dn(e) {
-  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;
+  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;
-  }, w = () => $()?.api ?? null, J = () => {
-    const r = w()?.columns;
+  }, g = () => J()?.api ?? null, Z = () => {
+    const r = g()?.columns;
     if (!r)
       return null;
     const m = r.getSnapshot(), f = {}, c = {}, b = {};
@@ -693,10 +687,10 @@ function Dn(e) {
   }, h = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      const r = J(), m = w();
+      const r = Z(), m = g();
       if (r) {
         const f = T(r);
-        x = f, f !== g && (g = f, e.emit.columnState(r), e.emit.columnOrder(r.order), e.emit.hiddenColumnKeys(
+        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));
       }
@@ -708,13 +702,13 @@ function Dn(e) {
       }
     }));
   }, K = () => {
-    const r = w();
+    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
     });
   }, te = () => {
-    const r = w()?.columns;
+    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();
@@ -735,7 +729,7 @@ function Dn(e) {
     for (const c of m?.zoneOrder?.pinnedRight ?? [])
       f.add(c);
     return f;
-  }, a = (r) => {
+  }, u = (r) => {
     const m = te();
     if (!m)
       return !1;
@@ -746,15 +740,15 @@ function Dn(e) {
       if (!m.has(c))
         return !1;
     return !0;
-  }, S = (r) => a(r.columns), p = (r) => {
-    const m = w();
+  }, S = (r) => u(r.columns), p = (r) => {
+    const m = g();
     if (!m)
       return !1;
     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));
+      m.columns.setWidth(c, Ae(b));
     for (const [c, b] of Object.entries(r.pins))
       m.columns.setPin(c, b);
     const f = r.zoneOrder;
@@ -765,13 +759,13 @@ function Dn(e) {
     return !0;
   }, M = () => {
     if (I) {
-      const r = I, m = w();
+      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 (F && a(F.columnState)) {
+    if (F && u(F.columnState)) {
       const r = F;
       F = null, d = T({
         columnState: r.columnState,
@@ -782,16 +776,16 @@ function Dn(e) {
       }), p(r.columnState);
     }
   }, O = () => {
-    const r = w();
+    const r = g();
     !r || e.props.groupBy === void 0 || r.rows.setGroupBy(e.props.groupBy ?? null);
   }, B = () => {
-    const r = w();
+    const r = g();
     !r || e.props.aggregationModel === void 0 || r.rows.setAggregationModel(e.props.aggregationModel ?? null);
-  }, P = () => {
-    const r = w();
+  }, x = () => {
+    const r = g();
     !r || e.props.pivotModel === void 0 || r.pivot.setModel(e.props.pivotModel ?? null);
   }, G = () => {
-    const r = w();
+    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 m = T({
@@ -802,7 +796,7 @@ function Dn(e) {
       columnPins: e.props.columnPins
     });
     if (m !== d) {
-      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && T(e.props.columnState) === x) {
+      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && T(e.props.columnState) === P) {
         d = m;
         return;
       }
@@ -811,7 +805,7 @@ function Dn(e) {
         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));
+          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;
@@ -827,14 +821,14 @@ function Dn(e) {
       }
       if (e.props.columnWidths)
         for (const [f, c] of Object.entries(e.props.columnWidths))
-          r.columns.setWidth(f, Ce(c));
+          r.columns.setWidth(f, Ae(c));
       if (e.props.columnPins)
         for (const [f, c] of Object.entries(e.props.columnPins))
           r.columns.setPin(f, c);
       d = m;
     }
   }, j = () => {
-    const r = w();
+    const r = g();
     if (!r || e.props.state == null)
       return;
     const m = T(e.props.state);
@@ -847,34 +841,34 @@ function Dn(e) {
     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();
+    const r = g();
     r && (r.view.setRowHeightMode(e.props.rowHeightMode), r.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, _ = () => {
-    const r = $();
+    const r = J();
     r && (d = null, i = null, E(), t = r.rowModel.subscribe(() => {
       h();
     }), l = r.columnModel.subscribe(() => {
       h();
-    }), 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({
+    }), 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
   }), F = null, p(r) ? (h(), !0) : (F = { columnState: r }, !0)) : (F = { columnState: r }, !0), N = (r, m) => {
-    const f = w();
+    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 = () => w()?.pivot.exportLayout() ?? null, oe = () => w()?.pivot.exportInterop() ?? null, fe = (r, m) => {
-    const f = w();
+  }, 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;
-  }, le = () => {
-    w()?.rows.expandAllGroups(), h();
-  }, me = () => {
-    w()?.rows.collapseAllGroups(), h();
+  }, ae = () => {
+    g()?.rows.expandAllGroups(), h();
+  }, ve = () => {
+    g()?.rows.collapseAllGroups(), h();
   };
   C(
     () => e.gridRef.value,
@@ -891,7 +885,7 @@ function Dn(e) {
   ), C(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      j(), G(), K(), O(), B(), P(), z(), M(), h();
+      j(), G(), K(), O(), B(), x(), z(), M(), h();
     },
     { deep: !0 }
   ), C(
@@ -927,7 +921,7 @@ function Dn(e) {
   ), C(
     () => e.props.pivotModel,
     () => {
-      P(), h();
+      x(), h();
     },
     { deep: !0 }
   ), C(
@@ -936,25 +930,25 @@ function Dn(e) {
       z(), h();
     }
   );
-  const Q = () => {
+  const X = () => {
     E();
   };
-  return Fe(() => {
-    Q();
+  return Be(() => {
+    X();
   }), {
     emitSnapshotUpdates: h,
     handleGridReady: _,
-    dispose: Q,
-    getColumnState: J,
+    dispose: X,
+    getColumnState: Z,
     getState: W,
-    migrateState: Z,
-    applyColumnState: Y,
+    migrateState: Y,
+    applyColumnState: Q,
     applyState: N,
     exportPivotLayout: ne,
     exportPivotInterop: oe,
-    importPivotLayout: fe,
-    expandAllGroups: le,
-    collapseAllGroups: me
+    importPivotLayout: ye,
+    expandAllGroups: ae,
+    collapseAllGroups: ve
   };
 }
 function Fn(e) {
@@ -1041,23 +1035,23 @@ function Kn(e, t) {
   if (!(l.size === 0 && typeof t != "function"))
     return (o, d) => {
       if (typeof t == "function") {
-        const x = t(o, d);
-        if (typeof x < "u")
-          return x;
+        const P = t(o, d);
+        if (typeof P < "u")
+          return P;
       }
       const i = l.get(String(d ?? "").trim());
       if (!i)
         return;
-      const g = o.data;
+      const w = o.data;
       if (typeof i.valueGetter == "function")
-        return i.valueGetter(g);
+        return i.valueGetter(w);
       if (typeof i.accessor == "function")
-        return i.accessor(g);
+        return i.accessor(w);
       const s = typeof i.field == "string" ? i.field.trim() : "";
       if (!s)
         return;
-      const A = g[s];
-      return typeof A < "u" ? A : En(g, s);
+      const A = w[s];
+      return typeof A < "u" ? A : En(w, s);
     };
 }
 function zn() {
@@ -1083,7 +1077,7 @@ function zn() {
     }
   };
 }
-function de(e, t) {
+function fe(e, t) {
   const l = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
   if (l.length !== 0)
     return async (o) => {
@@ -1099,10 +1093,10 @@ function Hn(e) {
   } = e;
   return {
     name: "selection",
-    init: de("init", [t, l, o]),
-    start: de("start", [t, l, o]),
-    stop: de("stop", [t, l, o]),
-    dispose: de("dispose", [t, l, o]),
+    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,
@@ -1119,7 +1113,7 @@ function Hn(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function et(e) {
+function tt(e) {
   const t = e?.dataSource;
   if (!t || typeof t != "object")
     return null;
@@ -1132,14 +1126,14 @@ function Tn(e, t) {
   const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
   if (l.length !== o.length)
     return !1;
-  for (let g = 0; g < l.length; g += 1)
-    if (l[g] !== o[g])
+  for (let w = 0; w < l.length; w += 1)
+    if (l[w] !== o[w])
       return !1;
   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] !== i[g])
+  for (let w = 0; w < d.length; w += 1)
+    if (d[w] !== i[w])
       return !1;
   return !0;
 }
@@ -1451,7 +1445,7 @@ const Un = {
     type: Function,
     default: void 0
   }
-}, lt = tt({
+}, it = nt({
   name: "DataGrid",
   inheritAttrs: !1,
   props: Un,
@@ -1460,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,
@@ -1474,14 +1467,14 @@ const Un = {
     ready: (e) => !0
   },
   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(
+    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 = 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(() => {
+    )), 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 Kn(
         e.columns,
@@ -1502,7 +1495,7 @@ const Un = {
       formulaFunctions: e.formulaFunctions
     })), H = y(() => Nt(e.columns)), q = {
       get state() {
-        return Z.value;
+        return Y.value;
       },
       get stateOptions() {
         return e.stateOptions;
@@ -1526,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;
@@ -1546,55 +1539,58 @@ const Un = {
       get columns() {
         return e.columns;
       }
-    }, Be = y(() => le.value ? "pivot" : b.value && "initialTreeData" in b.value ? "tree" : "base"), it = y(() => i.value?.api.columns.getSnapshot().visibleColumns ?? []), at = y(() => {
+    }, 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 = Ve(n.rowPartition);
-      return Math.max(0, u.bodyRowCount + u.pinnedBottomRows.length);
-    }), ut = (n) => {
-      const u = i.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 = Ve(u.rowPartition), D = v.bodyRowCount;
+      const v = Ue(a.rowPartition), D = v.pinnedTopRows.length;
       if (n < D)
-        return u.getBodyRowAtIndex(n);
-      const X = n - D;
-      return v.pinnedBottomRows[X] ?? null;
-    }, st = {
-      mode: y(() => Be.value),
+        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: it,
-      totalRows: at,
+      visibleColumns: at,
+      totalRows: ut,
       showRowSelection: y(() => e.rowSelection),
       readSelectionCell: e.readSelectionCell,
-      resolveSelectionRowAtIndex: ut
+      resolveSelectionRowAtIndex: st
     }, {
-      selectionSnapshot: dt,
-      selectionAnchor: ct,
-      syncSelectionSnapshotFromRuntime: ft,
-      selectionService: mt,
-      selectionAggregatesLabel: yt
-    } = Lt(st), {
-      rowSelectionSnapshot: ye,
-      syncRowSelectionSnapshotFromRuntime: ve,
-      reconcileRowSelectionFromRuntime: vt,
-      selectionService: Ge
+      selectionSnapshot: ct,
+      selectionAnchor: ft,
+      syncSelectionSnapshotFromRuntime: mt,
+      selectionService: yt,
+      selectionAggregatesLabel: vt
+    } = Lt(dt), {
+      rowSelectionSnapshot: pe,
+      syncRowSelectionSnapshotFromRuntime: we,
+      reconcileRowSelectionFromRuntime: pt,
+      selectionService: je
     } = Et({
       resolveRuntime: () => i.value
-    }), pt = y(() => e.rowSelection ? Ge : zn()), gt = y(() => ({
+    }), wt = y(() => e.rowSelection ? je : zn()), gt = y(() => ({
       ...e.services ?? {},
       selection: Hn({
         userSelectionService: e.services?.selection,
-        cellSelectionService: mt,
-        rowSelectionService: pt.value
+        cellSelectionService: yt,
+        rowSelectionService: wt.value
       })
     })), {
-      dataGridInstanceKey: wt,
+      dataGridInstanceKey: St,
       resolvedRowModel: re
     } = qt({
-      rows: Ue(e, "rows"),
-      rowModel: Ue(e, "rowModel"),
+      rows: _e(e, "rows"),
+      rowModel: _e(e, "rowModel"),
       clientRowModelOptions: b,
       onOwnedRowModelRecreated: () => {
         R.dispose();
@@ -1610,123 +1606,123 @@ const Un = {
         columnPins: (n) => o("update:columnPins", n),
         groupBy: (n) => o("update:groupBy", n),
         state: (n) => {
-          J.value = n, o("update:state", n), je();
+          Z.value = n, o("update:state", n), Le();
         },
         ready: (n) => {
-          $ = !0, Le(), o("ready", {
+          J = !0, Ee(), o("ready", {
             api: n.api,
             rowModel: re.value
           });
         }
       }
     });
-    function pe() {
+    function ge() {
       I != null && (globalThis.clearTimeout(I), I = null);
     }
-    function ie() {
+    function ue() {
       const n = h.value;
       if (!n || !E)
         return;
-      const u = $e(n.storage);
-      if (!u)
+      const a = Je(n.storage);
+      if (!a)
         return;
       const D = i.value?.api?.state.get(n.getOptions) ?? R.getState();
       if (D)
         try {
-          u.setItem(n.key, JSON.stringify(D));
+          a.setItem(n.key, JSON.stringify(D));
         } catch {
         }
     }
-    function je() {
+    function Le() {
       const n = h.value;
-      !n || !E || (pe(), I = globalThis.setTimeout(() => {
-        I = null, ie();
+      !n || !E || (ge(), I = globalThis.setTimeout(() => {
+        I = null, ue();
       }, n.debounceMs));
     }
-    function Le() {
+    function Ee() {
       const n = h.value;
-      if (!n || E || !$)
+      if (!n || E || !J)
         return;
       if (!n.restoreOnReady) {
         E = !0;
         return;
       }
       E = !0;
-      const u = $e(n.storage);
-      if (!u)
+      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 D = R.migrateState(v);
       D && R.applyState(D, n.setOptions);
     }
-    function St() {
-      je();
+    function ht() {
+      Le();
     }
-    function ae() {
-      ie();
+    function se() {
+      ue();
     }
-    function Ee() {
-      typeof document < "u" && document.visibilityState === "hidden" && ie();
+    function Ke() {
+      typeof document < "u" && document.visibilityState === "hidden" && ue();
     }
-    const ht = (n) => {
-      vt(), o("cell-change", n), R.emitSnapshotUpdates();
-    }, ge = (n) => {
+    const bt = (n) => {
+      pt(), o("cell-change", n), R.emitSnapshotUpdates();
+    }, Se = (n) => {
       o("cell-edit", n);
-    }, bt = (n) => {
-      o("selection-change", n), R.emitSnapshotUpdates();
     }, Rt = (n) => {
+      o("selection-change", n), R.emitSnapshotUpdates();
+    }, Mt = (n) => {
       o("row-selection-change", n);
-    }, Ke = () => {
+    }, ze = () => {
       R.emitSnapshotUpdates();
     };
     C(
-      ye,
+      pe,
       (n) => {
-        o("row-select", n), o("update:rowSelectionState", n), Ke();
+        o("update:rowSelectionState", n), ze();
       },
       { deep: !0 }
     ), C(
       () => [e.rowSelection, e.rowSelectionState, i.value],
-      ([n, u]) => {
+      ([n, a]) => {
         if (n) {
-          if (u !== void 0) {
+          if (a !== void 0) {
             const v = i.value?.api.rowSelection;
-            Tn(ye.value, u) || (u ? v?.setSnapshot(u) : v?.clear(), ve());
+            Tn(pe.value, a) || (a ? v?.setSnapshot(a) : v?.clear(), we());
             return;
           }
-          ve();
+          we();
           return;
         }
-        Ge.clearRowSelection?.();
+        je.clearRowSelection?.();
       },
       { immediate: !0 }
     ), C(
       () => e.viewMode,
       (n) => {
-        w.value = n === "gantt" ? "gantt" : "table";
+        g.value = n === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const ze = (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) => {
+    }, Te = (n) => {
       A.value = n;
-    }, Ot = (n) => {
-      Vn(x.value, n) || (x.value = n, k = n, !F && (F = !0, Promise.resolve().then(() => {
+    }, Ct = (n) => {
+      Vn(P.value, n) || (P.value = n, k = n, !F && (F = !0, Promise.resolve().then(() => {
         F = !1;
-        const u = k;
-        k = null, u && o("toolbar-modules-change", u);
+        const a = k;
+        k = null, a && o("toolbar-modules-change", a);
       })));
     }, L = V({
       canUndo: !1,
@@ -1734,35 +1730,35 @@ const Un = {
     });
     C(
       re,
-      (n, u, v) => {
-        const D = et(n);
+      (n, a, v) => {
+        const D = tt(n);
         if (L.value = D?.getCachedHistoryStatus?.() ?? {
           canUndo: !1,
           canRedo: !1
         }, !D)
           return;
-        let X = !0;
-        const It = D.subscribeHistoryStatus?.((Se) => {
-          L.value = Se;
+        let $ = !0;
+        const le = D.subscribeHistoryStatus?.((ie) => {
+          L.value = ie;
         });
-        D.getHistoryStatus?.().then((Se) => {
-          X && (L.value = Se);
+        D.getHistoryStatus?.().then((ie) => {
+          $ && (L.value = ie);
         }).catch(() => {
         }), v(() => {
-          X = !1, It?.();
+          $ = !1, le?.();
         });
       },
       { immediate: !0 }
     );
-    const Ct = y(() => {
-      const n = et(re.value);
-      return !K.value.enabled || K.value.adapter || !n ? g : {
+    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 (u) => {
-          if (L.value, u === "undo" && L.value.canUndo !== !0 || u === "redo" && 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?.();
+          const v = a === "undo" ? await n.undoHistoryStack?.() : await n.redoHistoryStack?.();
           return v && (L.value = {
             ...L.value,
             ...typeof v.canUndo == "boolean" ? { canUndo: v.canUndo } : {},
@@ -1770,126 +1766,126 @@ const Un = {
             ...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;
         }
       };
-    }), we = y(() => {
+    }), he = y(() => {
       const n = K.value.adapter;
-      return !K.value.enabled || !n ? Ct.value : {
+      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 ?? we.value).canUndo(),
-      canRedo: () => (s.value ?? we.value).canRedo(),
-      runHistoryAction: (n) => (s.value ?? we.value).runHistoryAction(n)
-    }, At = () => {
+    }), 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 ? ce({
+      return n ? me({
         state: n,
-        viewMode: w.value
+        viewMode: g.value
       }) : null;
-    }, Pt = (n, u) => rt(n, R.migrateState, u), xt = (n, u) => {
-      const v = ce(n);
+    }, Pt = (n, a) => lt(n, R.migrateState, a), It = (n, a) => {
+      const v = me(n);
       return R.applyState(
-        he(v.state, e.columns),
-        u
-      ) ? (v.viewMode && ze(v.viewMode), !0) : !1;
+        be(v.state, e.columns),
+        a
+      ) ? (v.viewMode && He(v.viewMode), !0) : !1;
     };
     return C(
       h,
       () => {
-        pe(), E = !1, Le();
+        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);
-    }), 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);
+      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: i,
       rowModel: re,
-      history: Te,
-      getHistory: () => Te,
-      toolbarModules: x,
-      getToolbarModules: () => x.value,
+      history: ke,
+      getHistory: () => ke,
+      toolbarModules: P,
+      getToolbarModules: () => P.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),
+      restoreFocusAnchor: (n, a) => i.value?.restoreFocusAnchor(n, a) ?? Promise.resolve(!1),
       restoreFocus: () => {
         i.value?.restoreFocus();
       },
       getColumnState: () => R.getColumnState(),
       getColumnSnapshot: () => i.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => yt.value,
-      runStructuralRowAction: (n, u) => A.value?.(n, u) ?? Promise.resolve(!1),
+      getSelectionAggregatesLabel: () => vt.value,
+      runStructuralRowAction: (n, a) => A.value?.(n, a) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
         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: ze,
-      getSavedView: At,
+      getView: () => g.value,
+      setView: He,
+      getSavedView: xt,
       migrateSavedView: Pt,
-      applySavedView: xt,
+      applySavedView: It,
       applyColumnState: R.applyColumnState,
       getState: R.getState,
       migrateState: R.migrateState,
-      applyState: (n, u) => n ? R.applyState(he(n, e.columns), u) : !1,
+      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, 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
+      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: Be.value,
+        mode: Ge.value,
         rows: e.rows,
         runtime: i.value?.runtime ?? null,
         runtimeRowModel: i.value?.rowModel ?? null,
-        selectionSnapshot: dt,
-        selectionAnchor: ct,
-        rowSelectionSnapshot: ye,
-        syncSelectionSnapshotFromRuntime: ft,
-        syncRowSelectionSnapshotFromRuntime: ve,
-        flushRowSelectionSnapshotUpdates: Ke,
+        selectionSnapshot: ct,
+        selectionAnchor: ft,
+        rowSelectionSnapshot: pe,
+        syncSelectionSnapshotFromRuntime: mt,
+        syncRowSelectionSnapshotFromRuntime: we,
+        flushRowSelectionSnapshotUpdates: ze,
         sortModel: ne.value,
         filterModel: oe.value,
         filterModelNormalized: !0,
         appColumns: e.columns,
-        groupBy: fe.value,
-        pivotModel: le.value,
+        groupBy: ye.value,
+        pivotModel: ae.value,
         renderMode: U.value,
-        virtualization: me.value,
+        virtualization: ve.value,
         columnMenu: S.value,
         cellMenu: p.value,
         rowIndexMenu: M.value,
         columnLayout: O.value,
         columnReorder: B.value,
-        aggregations: P.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,
+        layoutMode: X.value.layoutMode,
+        minRows: X.value.minRows,
+        maxRows: X.value.maxRows,
         placeholderRows: r.value,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
@@ -1902,48 +1898,48 @@ const Un = {
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
         rowReorder: m.value,
-        viewMode: w.value,
+        viewMode: g.value,
         gantt: e.gantt,
         history: K.value,
         chrome: te.value,
-        registerHistoryController: Mt,
-        registerStructuralRowActionRunner: He,
-        reportToolbarModules: Ot,
+        registerHistoryController: Ot,
+        registerStructuralRowActionRunner: Te,
+        reportToolbarModules: Ct,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
-      return Ae(
-        xn,
+      return xe(
+        Pn,
         {
           ...t,
           ref: i,
-          key: wt.value,
+          key: St.value,
           rows: e.rows,
-          onScrollCapture: St,
+          onScrollCapture: ht,
           rowModel: re.value,
           columns: H.value,
           theme: e.theme,
-          layoutMode: Q.value.layoutMode,
+          layoutMode: X.value.layoutMode,
           renderMode: U.value,
-          pagination: a.value,
+          pagination: u.value,
           plugins: e.plugins,
           services: gt.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: ht,
-          onCellEdit: ge,
-          onSelectionChange: bt,
-          onRowSelectionChange: Rt
+          onCellChange: bt,
+          onCellEdit: Se,
+          onSelectionChange: Rt,
+          onRowSelectionChange: Mt
         },
         l.default ? {
-          default: (u) => l.default?.({
-            ...u,
+          default: (a) => l.default?.({
+            ...a,
             defaultRendererProps: {
               ...n,
-              runtime: u.runtime,
-              runtimeRowModel: u.rowModel,
-              onCellEdit: ge,
+              runtime: a.runtime,
+              runtimeRowModel: a.rowModel,
+              onCellEdit: Se,
               reportFillWarning: e.reportFillWarning,
               reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
               reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1951,11 +1947,11 @@ const Un = {
             }
           })
         } : {
-          default: (u) => Ae($t, {
+          default: (a) => xe($t, {
             ...n,
-            runtime: u.runtime,
-            runtimeRowModel: u.rowModel,
-            onCellEdit: ge,
+            runtime: a.runtime,
+            runtimeRowModel: a.rowModel,
+            onCellEdit: Se,
             reportFillWarning: e.reportFillWarning,
             reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
             reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1970,14 +1966,14 @@ function ao() {
   return V(null);
 }
 function uo() {
-  return lt;
+  return it;
 }
-const so = lt;
+const so = it;
 export {
   so as DataGrid,
   mo as DataGridModuleHost,
   to as clearDataGridSavedViewInStorage,
-  lt as default,
+  it as default,
   lo as defineDataGridCellClassResolver,
   io as defineDataGridCellStyleResolver,
   yo as defineDataGridColumnMenu,
@@ -1987,9 +1983,9 @@ export {
   ro as defineDataGridFilterCellStyleReader,
   no as defineDataGridSelectionCellReader,
   Qn as defineDataGridStructuralRowActionHandler,
-  rt as migrateDataGridSavedView,
+  lt as migrateDataGridSavedView,
   Ut as normalizeDataGridAppFilterModel,
-  he as normalizeDataGridAppUnifiedStateFilters,
+  be as normalizeDataGridAppUnifiedStateFilters,
   Cn as parseDataGridSavedView,
   eo as readDataGridSavedViewFromStorage,
   On as serializeDataGridSavedView,