@affino/datagrid-vue-app 0.4.6 → 0.5.0

package/dist/index.js

@@ -1,67 +1,75 @@
-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 be, k as Ut, d as _t, c as Wt, l as Nt, u as qt, D as $t } from "./chunks/useDataGridAppRowModel-C6u8Vt7F.js";
-import { a as mo, m as yo, o as vo } from "./chunks/useDataGridAppRowModel-C6u8Vt7F.js";
-import { r as Jt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
-import { r as Zt } from "./chunks/DataGridGanttStageEntry-7gs_CokC.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() {
+import { defineComponent as lt, ref as V, provide as Et, computed as y, watch as C, onBeforeUnmount as Ge, h as Ie, mergeProps as Tt, nextTick as We, unref as Ue, toRef as Ne, onMounted as Kt } from "vue";
+import { useDataGridRuntime as Ht, cloneDataGridFilterSnapshot as zt } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as kt, useDataGridAppRowSelection as Vt } from "@affino/datagrid-vue/app";
+import { r as _t, g as Wt, h as Ut, i as Nt, b as qt, n as Re, j as $t, d as Jt, c as Zt, k as Yt, u as Qt, D as Xt } from "./chunks/useDataGridAppRowModel-B8MCx0Ep.js";
+import { a as Oo, l as Co } from "./chunks/useDataGridAppRowModel-B8MCx0Ep.js";
+import { r as en } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
+import { r as tn, q as nn } from "./chunks/DataGridGanttStageEntry-B7apnhQj.js";
+import { s as Io } from "./chunks/DataGridGanttStageEntry-B7apnhQj.js";
+import { applyGridTheme as on, resolveGridThemeTokens as rn, defaultStyleConfig as ee, sugarTheme as it, industrialNeutralTheme as qe, THEME_TOKEN_VARIABLE_MAP as ln } from "@affino/datagrid-theme";
+import { d as an } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
+function so() {
   return (e) => e;
 }
-const en = {
+const un = {
   default: ee,
-  "industrial-neutral": We,
-  industrialNeutral: We,
-  sugar: ot
+  "industrial-neutral": qe,
+  industrialNeutral: qe,
+  sugar: it
 };
-function tn(e, t) {
+function sn(e, t) {
   if (!e && !t)
     return;
-  const l = {
+  const r = {
     ...e ?? {}
   };
-  for (const [o, d] of Object.entries(t ?? {}))
-    l[o] = {
-      ...l[o] ?? {},
-      ...d
+  for (const [o, u] of Object.entries(t ?? {}))
+    r[o] = {
+      ...r[o] ?? {},
+      ...u
     };
-  return l;
+  return r;
 }
-function Re(e, t) {
+function $e(e, t) {
   return {
     ...e,
     ...t,
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
-    tokenVariants: tn(e.tokenVariants, t.tokenVariants)
+    tokenVariants: sn(e.tokenVariants, t.tokenVariants)
   };
 }
-function nn(e) {
+function at(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" ? Re(ee, ot) : en[e] ?? ee : nn(e) ? Re(ee, e) : Re(ee, {
-    tokens: e
-  });
+function dn(e) {
+  return e == null ? ee : typeof e == "string" ? e === "sugar" ? $e(ee, it) : un[e] ?? ee : at(e) ? $e(ee, e) : ee;
+}
+function cn(e) {
+  return e != null && typeof e == "object" && !at(e);
+}
+function fn(e, t) {
+  const r = { ...e };
+  for (const [o, u] of Object.entries(t))
+    u != null && (r[o] = u);
+  return r;
 }
-function rn(e) {
-  const t = on(e);
-  return Qt(t ?? ee, {
+function ut(e) {
+  const t = dn(e), r = rn(t ?? ee, {
     document: typeof document > "u" ? void 0 : document
   });
+  return cn(e) ? fn(r, e) : r;
 }
-function Ne(e, t) {
-  const l = rn(t);
-  return Yt(e, l), l;
+function Je(e, t) {
+  const r = ut(t);
+  return on(e, r), r;
 }
-function qe(e, t) {
+function Ze(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function $e(e, t) {
+function Ye(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
-function ln(e) {
+function mn(e) {
   if (e !== void 0) {
     if (e == null)
       return null;
@@ -70,43 +78,43 @@ function ln(e) {
       return t ? { fields: [t], expandedByDefault: !0 } : null;
     }
     if (Array.isArray(e)) {
-      const t = e.map((l) => l.trim()).filter((l) => l.length > 0);
+      const t = e.map((r) => r.trim()).filter((r) => r.length > 0);
       return t.length > 0 ? { fields: [...t], expandedByDefault: !0 } : null;
     }
     return e;
   }
 }
-function an(e, t) {
+function yn(e, t) {
   return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
 }
-function un(e, t, l, o) {
+function vn(e, t, r, o) {
   if (t !== "pagination")
     return null;
-  const d = 100, i = $e(l, d), w = qe(o, 0);
+  const u = 100, i = Ye(r, u), w = Ze(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: i,
     currentPage: w
   } : {
-    pageSize: $e(l ?? e.pageSize, d),
-    currentPage: qe(o ?? e.currentPage, 0)
+    pageSize: Ye(r ?? e.pageSize, u),
+    currentPage: Ze(o ?? e.currentPage, 0)
   };
 }
-function sn(e) {
+function pn(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : 150;
 }
-function dn(e) {
+function wn(e) {
   if (!e)
     return null;
-  const t = typeof e == "string" ? { key: e } : e, l = t.key.trim();
-  if (!l)
+  const t = typeof e == "string" ? { key: e } : e, r = t.key.trim();
+  if (!r)
     return null;
-  const o = t.includeViewportPosition !== !1, d = t.restoreOnReady !== !1;
+  const o = t.includeViewportPosition !== !1, u = t.restoreOnReady !== !1;
   return {
-    key: l,
+    key: r,
     storage: t.storage ?? "local",
     includeViewportPosition: o,
-    restoreOnReady: d,
-    debounceMs: sn(t.debounceMs),
+    restoreOnReady: u,
+    debounceMs: pn(t.debounceMs),
     getOptions: { includeViewportPosition: o },
     setOptions: {
       ...t.setOptions ?? {},
@@ -114,54 +122,54 @@ function dn(e) {
     }
   };
 }
-function Je(e) {
+function Qe(e) {
   return typeof e == "object" && e !== null ? e : typeof window > "u" ? null : e === "session" ? window.sessionStorage : window.localStorage;
 }
-const Pe = "Search rows", Ie = "contains", De = "input", Fe = 300;
-function cn(e) {
-  return typeof e == "string" && e.trim().length > 0 ? e.trim() : Pe;
+const De = "Search rows", xe = "contains", Pe = "input", Fe = 300;
+function gn(e) {
+  return typeof e == "string" && e.trim().length > 0 ? e.trim() : De;
 }
-function fn(e) {
-  return e === "tokens" ? "tokens" : Ie;
+function Sn(e) {
+  return e === "tokens" ? "tokens" : xe;
 }
-function mn(e) {
-  return e === "debounce" || e === "manual" ? e : De;
+function hn(e) {
+  return e === "debounce" || e === "manual" ? e : Pe;
 }
-function yn(e) {
+function bn(e) {
   return typeof e != "number" || !Number.isFinite(e) ? Fe : Math.max(0, Math.trunc(e));
 }
-function vn(e) {
+function Rn(e) {
   if (!Array.isArray(e))
     return null;
-  const t = e.map((l) => l.trim()).filter((l, o, d) => l.length > 0 && d.indexOf(l) === o);
+  const t = e.map((r) => r.trim()).filter((r, o, u) => r.length > 0 && u.indexOf(r) === o);
   return t.length > 0 ? Object.freeze(t) : null;
 }
-function pn(e) {
+function Mn(e) {
   return Object.freeze(typeof e == "boolean" ? {
     enabled: e,
-    placeholder: Pe,
+    placeholder: De,
     columns: null,
-    mode: Ie,
-    applyMode: De,
+    mode: xe,
+    applyMode: Pe,
     debounceMs: Fe
   } : e ? {
     enabled: !0,
-    placeholder: cn(e.placeholder),
-    columns: vn(e.columns),
-    mode: fn(e.mode),
-    applyMode: mn(e.applyMode),
-    debounceMs: yn(e.debounceMs)
+    placeholder: gn(e.placeholder),
+    columns: Rn(e.columns),
+    mode: Sn(e.mode),
+    applyMode: hn(e.applyMode),
+    debounceMs: bn(e.debounceMs)
   } : {
     enabled: !1,
-    placeholder: Pe,
+    placeholder: De,
     columns: null,
-    mode: Ie,
-    applyMode: De,
+    mode: xe,
+    applyMode: Pe,
     debounceMs: Fe
   });
 }
 const Me = "Find / replace";
-function wn(e) {
+function On(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: Me
@@ -173,55 +181,55 @@ function wn(e) {
     buttonLabel: Me
   };
 }
-const gn = "all", rt = {
+const Cn = "all", st = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function Ze(e) {
-  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : gn;
+function Xe(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : Cn;
 }
-function Sn(e, t) {
-  return e === "columns" || e === "none" ? e : rt[t];
+function An(e, t) {
+  return e === "columns" || e === "none" ? e : st[t];
 }
-function Ye(e, t) {
+function et(e, t) {
   return e !== "none" || t === "columns";
 }
-function Qe(e) {
-  const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
+function tt(e) {
+  const t = e.body === "all" || e.body === "rows", r = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
     header: e.header,
     pinnedSeparators: e.pinnedSeparators,
     bodyRows: t,
-    bodyColumns: l,
+    bodyColumns: r,
     headerColumns: o
   };
 }
-function hn(e) {
+function In(e) {
   if (typeof e == "string") {
-    const o = Ze(e), d = rt[o];
-    return Qe({
+    const o = Xe(e), u = st[o];
+    return tt({
       body: o,
-      header: d,
-      pinnedSeparators: Ye(o, d)
+      header: u,
+      pinnedSeparators: et(o, u)
     });
   }
-  const t = Ze(e?.body), l = Sn(e?.header, t);
-  return Qe({
+  const t = Xe(e?.body), r = An(e?.header, t);
+  return tt({
     body: t,
-    header: l,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ye(t, l)
+    header: r,
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : et(t, r)
   });
 }
-function Xe(e) {
+function nt(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, l) {
+function Dn(e, t, r) {
   const o = e === "auto-height" ? "auto-height" : "fill";
   if (o !== "auto-height")
     return {
@@ -229,15 +237,15 @@ function bn(e, t, l) {
       minRows: null,
       maxRows: null
     };
-  const d = Xe(t);
-  let i = Xe(l);
-  return d !== null && i !== null && i < d && (i = d), {
+  const u = nt(t);
+  let i = nt(r);
+  return u !== null && i !== null && i < u && (i = u), {
     layoutMode: o,
-    minRows: d,
+    minRows: u,
     maxRows: i
   };
 }
-function Rn(e) {
+function xn(e) {
   return {
     ...e,
     transaction: null
@@ -246,54 +254,54 @@ function Rn(e) {
 function me(e) {
   return {
     ...e,
-    state: Rn(e.state)
+    state: xn(e.state)
   };
 }
-function Mn(e) {
+function Pn(e) {
   return typeof e == "object" && e !== null;
 }
-function lt(e, t, l) {
-  const o = Mn(e) ? e : null, d = t(o && "state" in o ? o.state : e, l);
-  if (!d)
+function dt(e, t, r) {
+  const o = Pn(e) ? e : null, u = t(o && "state" in o ? o.state : e, r);
+  if (!u)
     return null;
   const i = o?.viewMode, w = i === "gantt" ? "gantt" : i === "table" ? "table" : void 0;
   return me({
-    state: d,
+    state: u,
     ...w ? { viewMode: w } : {}
   });
 }
-function On(e) {
+function Fn(e) {
   return JSON.stringify(me(e));
 }
-function Cn(e, t, l) {
+function Bn(e, t, r) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return lt(JSON.parse(e), t, l);
+    return dt(JSON.parse(e), t, r);
   } catch {
     return null;
   }
 }
-function Xn(e, t, l) {
+function co(e, t, r) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
-    return e.setItem(t, On(l)), !0;
+    return e.setItem(t, Fn(r)), !0;
   } catch {
     return !1;
   }
 }
-function eo(e, t, l, o) {
+function fo(e, t, r, o) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return null;
   try {
-    const d = e.getItem(t);
-    return d ? Cn(d, l, o) : null;
+    const u = e.getItem(t);
+    return u ? Bn(u, r, o) : null;
   } catch {
     return null;
   }
 }
-function to(e, t) {
+function mo(e, t) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -302,8 +310,24 @@ function to(e, t) {
     return !1;
   }
 }
+const Be = 108, Gn = 40;
+function Ln(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? Be : Math.max(Gn, Math.trunc(e));
+}
+function jn(e) {
+  return e === !1 || e === null ? {
+    enabled: !1,
+    columnWidth: Be
+  } : typeof e == "object" && e ? {
+    enabled: e.enabled !== !1,
+    columnWidth: Ln(e.columnWidth)
+  } : {
+    enabled: !0,
+    columnWidth: Be
+  };
+}
 const Oe = "Aggregations";
-function An(e) {
+function En(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: Oe
@@ -318,23 +342,31 @@ function An(e) {
 function de(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function xn(e, t) {
-  const l = {
+function Tn(e, t) {
+  const r = {
     rows: !0,
     columns: !1,
     rowOverscan: 8,
     columnOverscan: 2
   };
   if (e === !0)
-    l.columns = !0;
+    r.columns = !0;
   else if (e === !1)
-    l.rows = !1, l.columns = !1;
+    r.rows = !1, r.columns = !1;
   else if (e && typeof e == "object") {
-    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));
+    r.rows = e.rows ?? r.rows, r.columns = e.columns ?? r.columns;
+    const o = de(e.overscan, r.rowOverscan);
+    r.rowOverscan = de(e.rowOverscan, o), r.columnOverscan = de(e.columnOverscan, de(e.overscan, r.columnOverscan));
   }
-  return t === "pagination" && (l.rows = !1), l;
+  return t === "pagination" && (r.rows = !1), r;
+}
+function Kn(e) {
+  const t = ut(e), r = {};
+  for (const [o, u] of Object.entries(ln)) {
+    const i = t[o];
+    i != null && (r[u] = i);
+  }
+  return r;
 }
 function ce(e) {
   if (e == null)
@@ -351,7 +383,7 @@ function ce(e) {
     return e;
   }
 }
-function et(e) {
+function ot(e) {
   if (e == null || e.trim().length === 0)
     return null;
   const t = Number(e);
@@ -361,7 +393,7 @@ function Ce(e) {
   const t = globalThis.CSS?.escape;
   return typeof t == "function" ? t(e) : e.replace(/["\\]/g, "\\$&");
 }
-const Pn = nt({
+const Hn = lt({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -415,11 +447,11 @@ const Pn = nt({
     "selection-change": (e) => !0,
     "row-selection-change": (e) => !0
   },
-  setup(e, { attrs: t, slots: l, emit: o, expose: d }) {
+  setup(e, { attrs: t, slots: r, emit: o, expose: u }) {
     const i = V(null);
-    Dt(Xt, i);
+    Et(an, i);
     let w = null;
-    const s = Gt({
+    const d = Ht({
       rows: y(() => e.rows),
       rowModel: e.rowModel,
       columns: y(() => e.columns),
@@ -427,32 +459,32 @@ const Pn = nt({
       services: e.services,
       startupOrder: e.startupOrder,
       autoStart: e.autoStart
-    }), A = s, P = {
-      api: s.api,
-      syncBodyRowsInRange: s.syncBodyRowsInRange,
-      setViewportRange: s.setViewportRange,
-      setVirtualWindowRange: s.setVirtualWindowRange,
-      setRows: s.setRows,
-      rowPartition: s.rowPartition,
-      virtualWindow: s.virtualWindow,
-      columnSnapshot: s.columnSnapshot,
+    }), A = d, D = {
+      api: d.api,
+      syncBodyRowsInRange: d.syncBodyRowsInRange,
+      setViewportRange: d.setViewportRange,
+      setVirtualWindowRange: d.setVirtualWindowRange,
+      setRows: d.setRows,
+      rowPartition: d.rowPartition,
+      virtualWindow: d.virtualWindow,
+      columnSnapshot: d.columnSnapshot,
       getBodyRowAtIndex: A.getBodyRowAtIndex,
       resolveBodyRowIndexById: A.resolveBodyRowIndexById,
-      getViewportPosition: s.getViewportPosition,
-      setViewportPosition: s.setViewportPosition,
-      scrollToRow: s.scrollToRow,
-      scrollToColumn: s.scrollToColumn,
-      scrollToCell: s.scrollToCell
+      getViewportPosition: d.getViewportPosition,
+      setViewportPosition: d.setViewportPosition,
+      scrollToRow: d.scrollToRow,
+      scrollToColumn: d.scrollToColumn,
+      scrollToCell: d.scrollToCell
     }, k = () => {
       if (e.renderMode === "pagination") {
-        const u = e.pagination ?? { pageSize: 100, currentPage: 0 };
-        s.api.rows.setPagination({
-          pageSize: Math.max(1, Math.trunc(u.pageSize)),
-          currentPage: Math.max(0, Math.trunc(u.currentPage))
+        const s = e.pagination ?? { pageSize: 100, currentPage: 0 };
+        d.api.rows.setPagination({
+          pageSize: Math.max(1, Math.trunc(s.pageSize)),
+          currentPage: Math.max(0, Math.trunc(s.currentPage))
         });
         return;
       }
-      s.api.rows.setPagination(null);
+      d.api.rows.setPagination(null);
     };
     C(
       () => e.renderMode,
@@ -467,61 +499,61 @@ const Pn = nt({
       },
       { immediate: !0, deep: !0 }
     ), typeof document < "u" && (w = new MutationObserver(() => {
-      const u = i.value;
-      u && Ne(u, e.theme);
+      const s = i.value;
+      s && Je(s, e.theme);
     }), w.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
     })), C(
       [() => e.theme, i],
       () => {
-        const u = i.value;
-        u && Ne(u, e.theme);
+        const s = i.value;
+        s && Je(s, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    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);
+    const F = d.api.events.on("rows:changed", (s) => {
+      o("cell-change", s);
+    }), x = d.api.events.on("selection:changed", (s) => {
+      o("selection-change", s);
+    }), E = d.api.events.on("row-selection:changed", (s) => {
+      o("row-selection-change", s);
     });
-    Be(() => {
-      F(), I(), E(), w?.disconnect(), w = null;
+    Ge(() => {
+      F(), x(), E(), w?.disconnect(), w = null;
     });
     const J = y(() => {
-      const u = s.virtualWindow.value;
+      const s = d.virtualWindow.value;
       return {
-        ...u ?? {},
-        rowTotal: u?.rowTotal ?? s.rowPartition.value.bodyRowCount,
-        colTotal: s.columnSnapshot.value.visibleColumns.length
+        ...s ?? {},
+        rowTotal: s?.rowTotal ?? d.rowPartition.value.bodyRowCount,
+        colTotal: d.columnSnapshot.value.visibleColumns.length
       };
     }), g = () => {
       if (typeof document > "u")
         return null;
-      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 : {
+      const s = i.value, S = document.activeElement;
+      return !s || !(S instanceof HTMLElement) || !s.contains(S) ? null : S.closest(".grid-cell[data-row-index], .grid-cell[data-row-id]");
+    }, Z = (s) => s == null ? null : d.columnSnapshot.value.visibleColumns[s]?.key ?? null, h = (s = {}) => {
+      const S = d.api.selection.getSnapshot(), p = S?.activeCell ?? null, M = g(), O = ot(M?.getAttribute("data-row-index") ?? null), B = ot(M?.getAttribute("data-column-index") ?? null), I = M?.getAttribute("data-column-key") ?? null, G = M?.getAttribute("data-row-id") ?? null, L = O ?? p?.rowIndex ?? null, K = p != null && (O == null && G == null || p.rowIndex === O || p.rowId != null && String(p.rowId) === G), W = K ? p?.colIndex ?? B : B ?? p?.colIndex ?? null, U = K ? p?.rowId ?? G : G ?? p?.rowId ?? null, Y = typeof U == "string" || typeof U == "number" ? U : null, Q = I ?? Z(W), N = Y != null || L != null || Q != null || W != null, ne = s.includeSelection !== !1, oe = s.includeRowSelection !== !1;
+      return !N && !S && !d.api.rowSelection.getSnapshot() ? null : {
         version: 1,
         rowId: Y,
-        rowIndex: j,
+        rowIndex: L,
         columnKey: Q,
-        columnIndex: _,
+        columnIndex: W,
         selection: ne ? ce(S) : null,
-        rowSelection: oe ? ce(s.api.rowSelection.getSnapshot()) : null
+        rowSelection: oe ? ce(d.api.rowSelection.getSnapshot()) : null
       };
-    }, K = (u, S) => {
+    }, T = (s, S) => {
       const p = i.value;
       if (!p)
         return !1;
       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)}"]`
+      if (s.rowIndex != null && s.columnKey && M.push(
+        `.grid-cell[data-row-index="${s.rowIndex}"][data-column-key="${Ce(s.columnKey)}"]`
+      ), s.rowIndex != null && s.columnIndex != null && M.push(`.grid-cell[data-row-index="${s.rowIndex}"][data-column-index="${s.columnIndex}"]`), s.rowId != null && s.columnKey && M.push(
+        `.grid-cell[data-row-id="${Ce(String(s.rowId))}"][data-column-key="${Ce(s.columnKey)}"]`
       ), M.length === 0)
         return !1;
       let O = null;
@@ -536,34 +568,34 @@ const Pn = nt({
         O.focus();
       }
       return typeof document > "u" || document.activeElement === O;
-    }, te = async (u, S = {}) => {
-      if (!u)
+    }, te = async (s, S = {}) => {
+      if (!s)
         return !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)
+      if (S.applySelection !== !1 && s.selection && d.api.selection.setSnapshot(ce(s.selection)), S.applyRowSelection !== !1 && s.rowSelection && d.api.rowSelection.setSnapshot(ce(s.rowSelection)), S.focus === !1)
         return !0;
-      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
+      const p = typeof s.rowId == "string" || typeof s.rowId == "number" ? s.rowId : null, M = p != null ? A.resolveBodyRowIndexById(p) : -1, O = M >= 0 ? M : s.rowIndex, B = s.columnKey ? d.columnSnapshot.value.visibleColumns.findIndex((L) => L.key === s.columnKey) : -1, I = {
+        ...s,
+        rowIndex: O != null && O >= 0 ? O : s.rowIndex,
+        columnIndex: B >= 0 ? B : s.columnIndex
       };
-      if (x.rowIndex == null || x.columnKey == null && x.columnIndex == null)
+      if (I.rowIndex == null || I.columnKey == null && I.columnIndex == null)
         return !1;
-      S.scrollIntoView !== !1 && s.scrollToCell({
+      S.scrollIntoView !== !1 && d.scrollToCell({
         rowId: p,
-        rowIndex: x.rowIndex,
-        columnKey: x.columnKey,
-        columnIndex: x.columnIndex,
+        rowIndex: I.rowIndex,
+        columnKey: I.columnKey,
+        columnIndex: I.columnIndex,
         align: "nearest"
       });
       const G = Math.max(0, Math.trunc(S.retries ?? 3));
-      for (let j = 0; j <= G; j += 1) {
-        if (await Ve(), K(x, S))
+      for (let L = 0; L <= G; L += 1) {
+        if (await We(), T(I, S))
           return !0;
-        typeof window < "u" && await new Promise((z) => window.requestAnimationFrame(() => z()));
+        typeof window < "u" && await new Promise((K) => window.requestAnimationFrame(() => K()));
       }
       return !1;
-    }, U = () => {
-      const u = () => {
+    }, _ = () => {
+      const s = () => {
         const p = i.value?.querySelector(".grid-body-viewport");
         if (!p)
           return !1;
@@ -574,8 +606,8 @@ const Pn = nt({
         }
         return typeof document < "u" && document.activeElement === p;
       }, S = (p) => {
-        Ve(() => {
-          if (!(u() || p >= 3)) {
+        We(() => {
+          if (!(s() || p >= 3)) {
             if (typeof window < "u") {
               window.requestAnimationFrame(() => {
                 S(p + 1);
@@ -588,27 +620,27 @@ const Pn = nt({
       };
       S(0);
     };
-    return d({
-      api: s.api,
-      core: s.core,
-      runtime: P,
-      rowModel: s.rowModel,
-      columnModel: s.columnModel,
-      columnSnapshot: s.columnSnapshot,
-      rowPartition: s.rowPartition,
-      setRows: s.setRows,
-      syncBodyRowsInRange: s.syncBodyRowsInRange,
+    return u({
+      api: d.api,
+      core: d.core,
+      runtime: D,
+      rowModel: d.rowModel,
+      columnModel: d.columnModel,
+      columnSnapshot: d.columnSnapshot,
+      rowPartition: d.rowPartition,
+      setRows: d.setRows,
+      syncBodyRowsInRange: d.syncBodyRowsInRange,
       getBodyRowAtIndex: A.getBodyRowAtIndex,
       resolveBodyRowIndexById: A.resolveBodyRowIndexById,
-      virtualWindow: s.virtualWindow,
+      virtualWindow: d.virtualWindow,
       captureFocusAnchor: h,
       restoreFocusAnchor: te,
-      restoreFocus: U,
-      start: s.start,
-      stop: s.stop
-    }), () => xe(
+      restoreFocus: _,
+      start: d.start,
+      stop: d.stop
+    }), () => Ie(
       "div",
-      Ft(t, {
+      Tt(t, {
         ref: i,
         class: [
           "affino-datagrid-app-root",
@@ -616,23 +648,24 @@ const Pn = nt({
           e.layoutMode === "auto-height" ? "affino-datagrid-app-root--auto-height" : "affino-datagrid-app-root--fill"
         ],
         style: {
+          ...Kn(e.theme),
           display: "flex",
           width: "100%",
           minHeight: "0",
           minWidth: "0"
         }
       }),
-      l.default?.({
-        api: s.api,
-        core: s.core,
-        runtime: P,
-        grid: P,
-        rowModel: s.rowModel,
-        columnModel: s.columnModel,
-        columnSnapshot: s.columnSnapshot.value,
-        rowPartition: s.rowPartition.value,
-        setRows: s.setRows,
-        syncBodyRowsInRange: s.syncBodyRowsInRange,
+      r.default?.({
+        api: d.api,
+        core: d.core,
+        runtime: D,
+        grid: D,
+        rowModel: d.rowModel,
+        columnModel: d.columnModel,
+        columnSnapshot: d.columnSnapshot.value,
+        rowPartition: d.rowPartition.value,
+        setRows: d.setRows,
+        syncBodyRowsInRange: d.syncBodyRowsInRange,
         getBodyRowAtIndex: A.getBodyRowAtIndex,
         resolveBodyRowIndexById: A.resolveBodyRowIndexById,
         virtualWindow: J.value
@@ -643,31 +676,31 @@ const Pn = nt({
 function Ae(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
-function T(e) {
+function z(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return null;
   }
 }
-function In(e) {
+function zn(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function Dn(e) {
-  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;
+function kn(e) {
+  let t = null, r = null, o = !1, u = null, i = null, w = null, d = null, A = null, D = null, k = null, F = null, x = null;
   const E = () => {
-    t?.(), l?.(), t = null, l = null;
+    t?.(), r?.(), t = null, r = null;
   }, J = () => {
-    const r = e.gridRef.value;
-    return !r || r.api.lifecycle.state === "disposed" ? null : r;
+    const l = e.gridRef.value;
+    return !l || l.api.lifecycle.state === "disposed" ? null : l;
   }, g = () => J()?.api ?? null, Z = () => {
-    const r = g()?.columns;
-    if (!r)
+    const l = g()?.columns;
+    if (!l)
       return null;
-    const m = r.getSnapshot(), f = {}, c = {}, b = {};
+    const m = l.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;
@@ -687,40 +720,40 @@ function Dn(e) {
   }, h = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      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));
+      const l = Z(), m = g();
+      if (l) {
+        const f = z(l);
+        D = f, f !== w && (w = f, e.emit.columnState(l), e.emit.columnOrder(l.order), e.emit.hiddenColumnKeys(
+          Object.entries(l.visibility).filter(([, c]) => !c).map(([c]) => c)
+        ), e.emit.columnWidths(l.widths), e.emit.columnPins(l.pins));
       }
       if (m) {
-        const f = In(m.rows.getSnapshot().groupBy), c = T(f);
+        const f = zn(m.rows.getSnapshot().groupBy), c = z(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));
+        const b = m.state.get(), H = z(b);
+        k = H, H !== d && (d = H, e.emit.state(b));
       }
     }));
-  }, K = () => {
-    const r = g();
-    !r || e.props.sortModel === void 0 && e.props.filterModel === void 0 || r.rows.setSortAndFilterModel({
+  }, T = () => {
+    const l = g();
+    !l || e.props.sortModel === void 0 && e.props.filterModel === void 0 || l.rows.setSortAndFilterModel({
       sortModel: e.props.sortModel ?? [],
       filterModel: e.props.filterModel ?? null
     });
   }, 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)
+    const l = g()?.columns;
+    return l ? new Set(l.getSnapshot().columns.map((m) => m.key)) : null;
+  }, _ = (l) => {
+    const m = l, f = /* @__PURE__ */ new Set();
+    if (!l)
       return f;
-    for (const c of r.order)
+    for (const c of l.order)
       f.add(c);
-    for (const c of Object.keys(r.visibility ?? {}))
+    for (const c of Object.keys(l.visibility ?? {}))
       f.add(c);
-    for (const c of Object.keys(r.widths ?? {}))
+    for (const c of Object.keys(l.widths ?? {}))
       f.add(c);
-    for (const c of Object.keys(r.pins ?? {}))
+    for (const c of Object.keys(l.pins ?? {}))
       f.add(c);
     for (const c of m?.zoneOrder?.pinnedLeft ?? [])
       f.add(c);
@@ -729,142 +762,142 @@ function Dn(e) {
     for (const c of m?.zoneOrder?.pinnedRight ?? [])
       f.add(c);
     return f;
-  }, u = (r) => {
+  }, s = (l) => {
     const m = te();
     if (!m)
       return !1;
-    const f = U(r);
+    const f = _(l);
     if (f.size === 0)
       return !0;
     for (const c of f)
       if (!m.has(c))
         return !1;
     return !0;
-  }, S = (r) => u(r.columns), p = (r) => {
+  }, S = (l) => s(l.columns), p = (l) => {
     const m = g();
     if (!m)
       return !1;
-    m.columns.setOrder(r.order);
-    for (const [c, b] of Object.entries(r.visibility))
+    m.columns.setOrder(l.order);
+    for (const [c, b] of Object.entries(l.visibility))
       m.columns.setVisibility(c, b);
-    for (const [c, b] of Object.entries(r.widths))
+    for (const [c, b] of Object.entries(l.widths))
       m.columns.setWidth(c, Ae(b));
-    for (const [c, b] of Object.entries(r.pins))
+    for (const [c, b] of Object.entries(l.pins))
       m.columns.setPin(c, b);
-    const f = r.zoneOrder;
+    const f = l.zoneOrder;
     if (f) {
       const c = m.columns;
       c.setZoneOrder?.("pinnedLeft", f.pinnedLeft ?? []), c.setZoneOrder?.("center", f.center ?? []), c.setZoneOrder?.("pinnedRight", f.pinnedRight ?? []);
     }
     return !0;
   }, M = () => {
-    if (I) {
-      const r = I, m = g();
+    if (x) {
+      const l = x, 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));
+        const f = m.state.migrate(l.state, { strict: l.options?.strict });
+        f && S(f) && (x = null, m.state.set(f, l.options), i = z(l.state));
       }
     }
-    if (F && u(F.columnState)) {
-      const r = F;
-      F = null, d = T({
-        columnState: r.columnState,
+    if (F && s(F.columnState)) {
+      const l = F;
+      F = null, u = z({
+        columnState: l.columnState,
         columnOrder: null,
         hiddenColumnKeys: null,
         columnWidths: null,
         columnPins: null
-      }), p(r.columnState);
+      }), p(l.columnState);
     }
   }, O = () => {
-    const r = g();
-    !r || e.props.groupBy === void 0 || r.rows.setGroupBy(e.props.groupBy ?? null);
+    const l = g();
+    !l || e.props.groupBy === void 0 || l.rows.setGroupBy(e.props.groupBy ?? null);
   }, B = () => {
-    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);
+    const l = g();
+    !l || e.props.aggregationModel === void 0 || l.rows.setAggregationModel(e.props.aggregationModel ?? null);
+  }, I = () => {
+    const l = g();
+    !l || e.props.pivotModel === void 0 || l.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)
+    const l = g();
+    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)
       return;
-    const m = T({
+    const m = z({
       columnState: e.props.columnState,
       columnOrder: e.props.columnOrder,
       hiddenColumnKeys: e.props.hiddenColumnKeys,
       columnWidths: e.props.columnWidths,
       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) === P) {
-        d = m;
+    if (m !== u) {
+      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && z(e.props.columnState) === D) {
+        u = m;
         return;
       }
       if (e.props.columnState) {
-        r.columns.setOrder(e.props.columnState.order);
+        l.columns.setOrder(e.props.columnState.order);
         for (const [c, b] of Object.entries(e.props.columnState.visibility))
-          r.columns.setVisibility(c, b);
+          l.columns.setVisibility(c, b);
         for (const [c, b] of Object.entries(e.props.columnState.widths))
-          r.columns.setWidth(c, Ae(b));
+          l.columns.setWidth(c, Ae(b));
         for (const [c, b] of Object.entries(e.props.columnState.pins))
-          r.columns.setPin(c, b);
+          l.columns.setPin(c, b);
         const f = e.props.columnState.zoneOrder;
         if (f) {
-          const c = r.columns;
+          const c = l.columns;
           c.setZoneOrder?.("pinnedLeft", f.pinnedLeft ?? []), c.setZoneOrder?.("center", f.center ?? []), c.setZoneOrder?.("pinnedRight", f.pinnedRight ?? []);
         }
       }
-      if (e.props.columnOrder && r.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
-        const f = new Set(e.props.hiddenColumnKeys), c = r.columns.getSnapshot();
+      if (e.props.columnOrder && l.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
+        const f = new Set(e.props.hiddenColumnKeys), c = l.columns.getSnapshot();
         for (const b of c.columns)
-          r.columns.setVisibility(b.key, !f.has(b.key));
+          l.columns.setVisibility(b.key, !f.has(b.key));
       }
       if (e.props.columnWidths)
         for (const [f, c] of Object.entries(e.props.columnWidths))
-          r.columns.setWidth(f, Ae(c));
+          l.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;
+          l.columns.setPin(f, c);
+      u = m;
     }
-  }, j = () => {
-    const r = g();
-    if (!r || e.props.state == null)
+  }, L = () => {
+    const l = g();
+    if (!l || e.props.state == null)
       return;
-    const m = T(e.props.state);
+    const m = z(e.props.state);
     if (m === i)
       return;
     if (m === k) {
       i = m;
       return;
     }
-    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 r = J();
-    r && (d = null, i = null, E(), t = r.rowModel.subscribe(() => {
+    const f = l.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
+    f && S(f) && (l.state.set(f, e.props.stateOptions ?? {}), i = m);
+  }, K = () => {
+    const l = g();
+    l && (l.view.setRowHeightMode(e.props.rowHeightMode), l.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
+  }, W = () => {
+    const l = J();
+    l && (u = null, i = null, E(), t = l.rowModel.subscribe(() => {
       h();
-    }), l = r.columnModel.subscribe(() => {
+    }), r = l.columnModel.subscribe(() => {
       h();
-    }), 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,
+    }), L(), G(), T(), O(), B(), I(), K(), M(), h(), e.emit.ready({ api: l.api }));
+  }, U = () => g()?.state.get() ?? null, Y = (l, m) => g()?.state.migrate(l, m) ?? null, Q = (l) => s(l) ? (u = z({
+    columnState: l,
     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) => {
+  }), F = null, p(l) ? (h(), !0) : (F = { columnState: l }, !0)) : (F = { columnState: l }, !0), N = (l, 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) => {
+      return x = { state: l, options: m }, !0;
+    const c = f.state.migrate(l, { strict: m?.strict });
+    return c ? S(c) ? (f.state.set(c, m), i = z(l), x = null, h(), !0) : (x = { state: l, options: m }, !0) : !1;
+  }, ne = () => g()?.pivot.exportLayout() ?? null, oe = () => g()?.pivot.exportInterop() ?? null, ye = (l, m) => {
     const f = g();
-    return f ? (f.pivot.importLayout(r, m), h(), !0) : !1;
+    return f ? (f.pivot.importLayout(l, m), h(), !0) : !1;
   }, ae = () => {
     g()?.rows.expandAllGroups(), h();
   }, ve = () => {
@@ -873,19 +906,19 @@ function Dn(e) {
   C(
     () => e.gridRef.value,
     () => {
-      _();
+      W();
     },
     { immediate: !0 }
   ), C(
     () => e.props.columns,
     () => {
-      d = null, i = null, j(), G(), M(), h();
+      u = null, i = null, L(), G(), M(), h();
     },
     { deep: !0 }
   ), C(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      j(), G(), K(), O(), B(), x(), z(), M(), h();
+      L(), G(), T(), O(), B(), I(), K(), M(), h();
     },
     { deep: !0 }
   ), C(
@@ -903,7 +936,7 @@ function Dn(e) {
   ), C(
     () => [e.props.sortModel, e.props.filterModel],
     () => {
-      K(), h();
+      T(), h();
     },
     { deep: !0 }
   ), C(
@@ -921,26 +954,26 @@ function Dn(e) {
   ), C(
     () => e.props.pivotModel,
     () => {
-      x(), h();
+      I(), h();
     },
     { deep: !0 }
   ), C(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      z(), h();
+      K(), h();
     }
   );
   const X = () => {
     E();
   };
-  return Be(() => {
+  return Ge(() => {
     X();
   }), {
     emitSnapshotUpdates: h,
-    handleGridReady: _,
+    handleGridReady: W,
     dispose: X,
     getColumnState: Z,
-    getState: W,
+    getState: U,
     migrateState: Y,
     applyColumnState: Q,
     applyState: N,
@@ -951,26 +984,26 @@ function Dn(e) {
     collapseAllGroups: ve
   };
 }
-function Fn(e) {
+function Vn(e) {
   if (!Number.isFinite(e))
     return;
   const t = Math.trunc(e);
   return t > 0 ? t : void 0;
 }
-function Bn(e) {
+function _n(e) {
   return e === !1 ? !1 : e === "window" ? "window" : "grid";
 }
-function Gn(e) {
+function Wn(e) {
   return e === !0 || e === "toolbar" ? "toolbar" : e === "external-only" ? "external-only" : !1;
 }
-function jn() {
+function Un() {
   return {
     canUndo: () => !1,
     canRedo: () => !1,
     runHistoryAction: async () => null
   };
 }
-function Ln(e) {
+function Nn(e) {
   if (e === !1)
     return {
       enabled: !1,
@@ -981,9 +1014,9 @@ function Ln(e) {
   const t = typeof e == "object" && e !== null ? e : {};
   return e === void 0 || e === !0 || t.enabled !== !1 ? {
     enabled: !0,
-    depth: Fn(t.depth),
-    shortcuts: Bn(t.shortcuts),
-    controls: Gn(t.controls),
+    depth: Vn(t.depth),
+    shortcuts: _n(t.shortcuts),
+    controls: Wn(t.controls),
     adapter: t.adapter
   } : {
     enabled: !1,
@@ -992,54 +1025,54 @@ function Ln(e) {
     controls: !1
   };
 }
-function no() {
+function yo() {
   return (e) => e;
 }
-function oo() {
+function vo() {
   return (e) => e;
 }
-function ro() {
+function po() {
   return (e) => e;
 }
-function lo() {
+function wo() {
   return (e) => e;
 }
-function io() {
+function go() {
   return (e) => e;
 }
-function En(e, t) {
+function qn(e, t) {
   if (!t || typeof e != "object" || e === null)
     return;
-  const l = t.split(".").filter(Boolean);
+  const r = t.split(".").filter(Boolean);
   let o = e;
-  for (const d of l) {
+  for (const u of r) {
     if (Array.isArray(o)) {
-      const i = Number(d);
+      const i = Number(u);
       if (!Number.isInteger(i) || i < 0 || i >= o.length)
         return;
       o = o[i];
       continue;
     }
-    if (typeof o != "object" || o === null || !(d in o))
+    if (typeof o != "object" || o === null || !(u in o))
       return;
-    o = o[d];
+    o = o[u];
   }
   return o;
 }
-function Kn(e, t) {
-  const l = /* @__PURE__ */ new Map();
+function $n(e, t) {
+  const r = /* @__PURE__ */ new Map();
   for (const o of e ?? []) {
-    const d = String(o.key ?? "").trim();
-    d && l.set(d, o);
+    const u = String(o.key ?? "").trim();
+    u && r.set(u, o);
   }
-  if (!(l.size === 0 && typeof t != "function"))
-    return (o, d) => {
+  if (!(r.size === 0 && typeof t != "function"))
+    return (o, u) => {
       if (typeof t == "function") {
-        const P = t(o, d);
-        if (typeof P < "u")
-          return P;
+        const D = t(o, u);
+        if (typeof D < "u")
+          return D;
       }
-      const i = l.get(String(d ?? "").trim());
+      const i = r.get(String(u ?? "").trim());
       if (!i)
         return;
       const w = o.data;
@@ -1047,14 +1080,14 @@ function Kn(e, t) {
         return i.valueGetter(w);
       if (typeof i.accessor == "function")
         return i.accessor(w);
-      const s = typeof i.field == "string" ? i.field.trim() : "";
-      if (!s)
+      const d = typeof i.field == "string" ? i.field.trim() : "";
+      if (!d)
         return;
-      const A = w[s];
-      return typeof A < "u" ? A : En(w, s);
+      const A = w[d];
+      return typeof A < "u" ? A : qn(w, d);
     };
 }
-function zn() {
+function Jn() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -1078,28 +1111,28 @@ function zn() {
   };
 }
 function fe(e, t) {
-  const l = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
-  if (l.length !== 0)
+  const r = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
+  if (r.length !== 0)
     return async (o) => {
-      for (const d of l)
-        await d(o);
+      for (const u of r)
+        await u(o);
     };
 }
-function Hn(e) {
+function Zn(e) {
   const {
     userSelectionService: t,
-    cellSelectionService: l,
+    cellSelectionService: r,
     rowSelectionService: o
   } = e;
   return {
     name: "selection",
-    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,
+    init: fe("init", [t, r, o]),
+    start: fe("start", [t, r, o]),
+    stop: fe("stop", [t, r, o]),
+    dispose: fe("dispose", [t, r, o]),
+    getSelectionSnapshot: r.getSelectionSnapshot,
+    setSelectionSnapshot: r.setSelectionSnapshot,
+    clearSelection: r.clearSelection,
     getRowSelectionSnapshot: o.getRowSelectionSnapshot,
     setRowSelectionSnapshot: o.setRowSelectionSnapshot,
     clearRowSelection: o.clearRowSelection,
@@ -1113,54 +1146,54 @@ function Hn(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function tt(e) {
+function rt(e) {
   const t = e?.dataSource;
   if (!t || typeof t != "object")
     return null;
-  const l = t;
-  return typeof l.undoHistoryStack == "function" && typeof l.redoHistoryStack == "function" ? l : null;
+  const r = t;
+  return typeof r.undoHistoryStack == "function" && typeof r.redoHistoryStack == "function" ? r : null;
 }
-function Tn(e, t) {
+function Yn(e, t) {
   if (e?.focusedRow !== t?.focusedRow || (e?.mode ?? "explicit") !== (t?.mode ?? "explicit"))
     return !1;
-  const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
-  if (l.length !== o.length)
+  const r = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
+  if (r.length !== o.length)
     return !1;
-  for (let w = 0; w < l.length; w += 1)
-    if (l[w] !== o[w])
+  for (let w = 0; w < r.length; w += 1)
+    if (r[w] !== o[w])
       return !1;
-  const d = e?.excludedRows ?? [], i = t?.excludedRows ?? [];
-  if (d.length !== i.length)
+  const u = e?.excludedRows ?? [], i = t?.excludedRows ?? [];
+  if (u.length !== i.length)
     return !1;
-  for (let w = 0; w < d.length; w += 1)
-    if (d[w] !== i[w])
+  for (let w = 0; w < u.length; w += 1)
+    if (u[w] !== i[w])
       return !1;
   return !0;
 }
-function kn(e, t) {
+function Qn(e, t) {
   if (e === t)
     return !0;
-  const l = Object.entries(e ?? {}), o = Object.entries(t ?? {});
-  if (l.length !== o.length)
+  const r = Object.entries(e ?? {}), o = Object.entries(t ?? {});
+  if (r.length !== o.length)
     return !1;
-  for (const [d, i] of l)
-    if (!Object.is(i, t?.[d]))
+  for (const [u, i] of r)
+    if (!Object.is(i, t?.[u]))
       return !1;
   return !0;
 }
-function Vn(e, t) {
+function Xn(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
     return !1;
-  for (let l = 0; l < e.length; l += 1) {
-    const o = e[l], d = t[l];
-    if (!o || !d || o.key !== d.key || o.component !== d.component || !kn(o.props, d.props))
+  for (let r = 0; r < e.length; r += 1) {
+    const o = e[r], u = t[r];
+    if (!o || !u || o.key !== u.key || o.component !== u.component || !Qn(o.props, u.props))
       return !1;
   }
   return !0;
 }
-const Un = {
+const eo = {
   rows: {
     type: Array,
     default: () => []
@@ -1258,7 +1291,7 @@ const Un = {
     default: !0
   },
   rowSelection: {
-    type: Boolean,
+    type: [Boolean, Object],
     default: !0
   },
   rowReorder: {
@@ -1445,10 +1478,10 @@ const Un = {
     type: Function,
     default: void 0
   }
-}, it = nt({
+}, ct = lt({
   name: "DataGrid",
   inheritAttrs: !1,
-  props: Un,
+  props: eo,
   emits: {
     "cell-change": (e) => !0,
     "cell-edit": (e) => !0,
@@ -1466,17 +1499,17 @@ const Un = {
     "toolbar-modules-change": (e) => !0,
     ready: (e) => !0
   },
-  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(
+  setup(e, { attrs: t, slots: r, emit: o, expose: u }) {
+    const i = V(null), w = Un(), d = V(null), A = V(null), D = V([]);
+    let k = null, F = !1, x = null, E = !1, J = !1;
+    const g = V(e.viewMode === "gantt" ? "gantt" : "table"), Z = V(e.state ?? null), h = y(() => wn(e.statePersistence)), T = y(() => Nn(e.history)), te = y(() => _t(e.chrome)), _ = y(() => yn(e.renderMode, e.pagination)), s = y(() => vn(
       e.pagination,
-      U.value,
+      _.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)), 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(() => {
+    )), S = y(() => tn(e.columnMenu)), p = y(() => Wt(e.cellMenu)), M = y(() => Ut(e.rowIndexMenu)), O = y(() => Nt(e.columnLayout)), B = y(() => qt(e.columnReorder)), I = y(() => En(e.aggregations)), G = y(() => en(e.advancedFilter)), L = y(() => Mn(e.quickFilter)), K = y(() => On(e.findReplace)), W = y(() => In(e.gridLines)), U = y(() => mn(e.groupBy)), Y = y(() => e.state ? Re(e.state, e.columns) : e.state), Q = y(() => $t(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 : zt(N.value?.rows?.snapshot?.filterModel ?? null)), ye = y(() => e.groupBy !== void 0 ? U.value ?? null : N.value?.rows?.snapshot?.groupBy ?? null), ae = y(() => e.pivotModel !== void 0 ? e.pivotModel : N.value?.rows?.snapshot?.pivotModel ?? null), ve = y(() => Tn(e.virtualization, _.value)), X = y(() => Dn(e.layoutMode, e.minRows, e.maxRows)), l = y(() => nn(e.placeholderRows)), m = y(() => Jt(e.rowReorder)), f = y(() => {
       const n = e.clientRowModelOptions?.readFilterCell;
-      return Kn(
+      return $n(
         e.columns,
         e.readFilterCell ?? n
       );
@@ -1487,13 +1520,13 @@ const Un = {
         readFilterCell: f.value,
         readFilterCellStyle: n
       };
-    }), b = y(() => Wt({
+    }), b = y(() => Zt({
       columns: e.columns,
       clientRowModelOptions: c.value,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), H = y(() => Nt(e.columns)), q = {
+    })), H = y(() => Yt(e.columns)), q = {
       get state() {
         return Y.value;
       },
@@ -1522,7 +1555,7 @@ const Un = {
         return e.filterModel === void 0 ? void 0 : Q.value;
       },
       get groupBy() {
-        return W.value;
+        return U.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -1539,63 +1572,63 @@ const Un = {
       get columns() {
         return e.columns;
       }
-    }, Ge = y(() => ae.value ? "pivot" : b.value && "initialTreeData" in b.value ? "tree" : "base"), at = y(() => i.value?.api.columns.getSnapshot().visibleColumns ?? []), ut = y(() => {
+    }, Le = y(() => ae.value ? "pivot" : b.value && "initialTreeData" in b.value ? "tree" : "base"), ft = y(() => i.value?.api.columns.getSnapshot().visibleColumns ?? []), mt = y(() => {
       const n = i.value?.runtime;
       if (!n)
         return 0;
       const a = Ue(n.rowPartition);
       return Math.max(0, a.pinnedTopRows.length + a.bodyRowCount + a.pinnedBottomRows.length);
-    }), st = (n) => {
+    }), yt = (n) => {
       const a = i.value?.runtime;
       if (!a)
         return null;
-      const v = Ue(a.rowPartition), D = v.pinnedTopRows.length;
-      if (n < D)
+      const v = Ue(a.rowPartition), P = v.pinnedTopRows.length;
+      if (n < P)
         return v.pinnedTopRows[n] ?? null;
-      const $ = v.bodyRowCount, le = n - D;
+      const $ = v.bodyRowCount, le = n - P;
       if (le < $)
         return a.getBodyRowAtIndex(le);
       const ie = le - $;
       return v.pinnedBottomRows[ie] ?? null;
-    }, dt = {
-      mode: y(() => Ge.value),
+    }, je = y(() => jn(e.rowSelection)), pe = y(() => je.value.enabled), vt = y(() => je.value.columnWidth), pt = {
+      mode: y(() => Le.value),
       resolveRuntime: () => i.value,
-      visibleColumns: at,
-      totalRows: ut,
-      showRowSelection: y(() => e.rowSelection),
+      visibleColumns: ft,
+      totalRows: mt,
+      showRowSelection: pe,
       readSelectionCell: e.readSelectionCell,
-      resolveSelectionRowAtIndex: st
+      resolveSelectionRowAtIndex: yt
     }, {
-      selectionSnapshot: ct,
-      selectionAnchor: ft,
-      syncSelectionSnapshotFromRuntime: mt,
-      selectionService: yt,
-      selectionAggregatesLabel: vt
-    } = Lt(dt), {
-      rowSelectionSnapshot: pe,
-      syncRowSelectionSnapshotFromRuntime: we,
-      reconcileRowSelectionFromRuntime: pt,
-      selectionService: je
-    } = Et({
+      selectionSnapshot: wt,
+      selectionAnchor: gt,
+      syncSelectionSnapshotFromRuntime: St,
+      selectionService: ht,
+      selectionAggregatesLabel: bt
+    } = kt(pt), {
+      rowSelectionSnapshot: we,
+      syncRowSelectionSnapshotFromRuntime: ge,
+      reconcileRowSelectionFromRuntime: Rt,
+      selectionService: Ee
+    } = Vt({
       resolveRuntime: () => i.value
-    }), wt = y(() => e.rowSelection ? je : zn()), gt = y(() => ({
+    }), Mt = y(() => pe.value ? Ee : Jn()), Ot = y(() => ({
       ...e.services ?? {},
-      selection: Hn({
+      selection: Zn({
         userSelectionService: e.services?.selection,
-        cellSelectionService: yt,
-        rowSelectionService: wt.value
+        cellSelectionService: ht,
+        rowSelectionService: Mt.value
       })
     })), {
-      dataGridInstanceKey: St,
+      dataGridInstanceKey: Ct,
       resolvedRowModel: re
-    } = qt({
-      rows: _e(e, "rows"),
-      rowModel: _e(e, "rowModel"),
+    } = Qt({
+      rows: Ne(e, "rows"),
+      rowModel: Ne(e, "rowModel"),
       clientRowModelOptions: b,
       onOwnedRowModelRecreated: () => {
         R.dispose();
       }
-    }), R = Dn({
+    }), R = kn({
       gridRef: i,
       props: q,
       emit: {
@@ -1606,40 +1639,40 @@ const Un = {
         columnPins: (n) => o("update:columnPins", n),
         groupBy: (n) => o("update:groupBy", n),
         state: (n) => {
-          Z.value = n, o("update:state", n), Le();
+          Z.value = n, o("update:state", n), Te();
         },
         ready: (n) => {
-          J = !0, Ee(), o("ready", {
+          J = !0, Ke(), o("ready", {
             api: n.api,
             rowModel: re.value
           });
         }
       }
     });
-    function ge() {
-      I != null && (globalThis.clearTimeout(I), I = null);
+    function Se() {
+      x != null && (globalThis.clearTimeout(x), x = null);
     }
     function ue() {
       const n = h.value;
       if (!n || !E)
         return;
-      const a = Je(n.storage);
+      const a = Qe(n.storage);
       if (!a)
         return;
-      const D = i.value?.api?.state.get(n.getOptions) ?? R.getState();
-      if (D)
+      const P = i.value?.api?.state.get(n.getOptions) ?? R.getState();
+      if (P)
         try {
-          a.setItem(n.key, JSON.stringify(D));
+          a.setItem(n.key, JSON.stringify(P));
         } catch {
         }
     }
-    function Le() {
+    function Te() {
       const n = h.value;
-      !n || !E || (ge(), I = globalThis.setTimeout(() => {
-        I = null, ue();
+      !n || !E || (Se(), x = globalThis.setTimeout(() => {
+        x = null, ue();
       }, n.debounceMs));
     }
-    function Ee() {
+    function Ke() {
       const n = h.value;
       if (!n || E || !J)
         return;
@@ -1648,7 +1681,7 @@ const Un = {
         return;
       }
       E = !0;
-      const a = Je(n.storage);
+      const a = Qe(n.storage);
       if (!a)
         return;
       let v;
@@ -1660,31 +1693,31 @@ const Un = {
       } catch {
         return;
       }
-      const D = R.migrateState(v);
-      D && R.applyState(D, n.setOptions);
+      const P = R.migrateState(v);
+      P && R.applyState(P, n.setOptions);
     }
-    function ht() {
-      Le();
+    function At() {
+      Te();
     }
     function se() {
       ue();
     }
-    function Ke() {
+    function He() {
       typeof document < "u" && document.visibilityState === "hidden" && ue();
     }
-    const bt = (n) => {
-      pt(), o("cell-change", n), R.emitSnapshotUpdates();
-    }, Se = (n) => {
+    const It = (n) => {
+      Rt(), o("cell-change", n), R.emitSnapshotUpdates();
+    }, he = (n) => {
       o("cell-edit", n);
-    }, Rt = (n) => {
+    }, Dt = (n) => {
       o("selection-change", n), R.emitSnapshotUpdates();
-    }, Mt = (n) => {
+    }, xt = (n) => {
       o("row-selection-change", n);
     }, ze = () => {
       R.emitSnapshotUpdates();
     };
     C(
-      pe,
+      we,
       (n) => {
         o("update:rowSelectionState", n), ze();
       },
@@ -1695,13 +1728,13 @@ const Un = {
         if (n) {
           if (a !== void 0) {
             const v = i.value?.api.rowSelection;
-            Tn(pe.value, a) || (a ? v?.setSnapshot(a) : v?.clear(), we());
+            Yn(we.value, a) || (a ? v?.setSnapshot(a) : v?.clear(), ge());
             return;
           }
-          we();
+          ge();
           return;
         }
-        je.clearRowSelection?.();
+        Ee.clearRowSelection?.();
       },
       { immediate: !0 }
     ), C(
@@ -1711,38 +1744,38 @@ const Un = {
       },
       { immediate: !0 }
     );
-    const He = (n) => {
+    const ke = (n) => {
       const a = n === "gantt" ? "gantt" : "table";
       g.value = a, o("update:viewMode", a);
-    }, Ot = (n) => {
-      s.value = n;
-    }, Te = (n) => {
+    }, Pt = (n) => {
+      d.value = n;
+    }, Ve = (n) => {
       A.value = n;
-    }, Ct = (n) => {
-      Vn(P.value, n) || (P.value = n, k = n, !F && (F = !0, Promise.resolve().then(() => {
+    }, Ft = (n) => {
+      Xn(D.value, n) || (D.value = n, k = n, !F && (F = !0, Promise.resolve().then(() => {
         F = !1;
         const a = k;
         k = null, a && o("toolbar-modules-change", a);
       })));
-    }, L = V({
+    }, j = V({
       canUndo: !1,
       canRedo: !1
     });
     C(
       re,
       (n, a, v) => {
-        const D = tt(n);
-        if (L.value = D?.getCachedHistoryStatus?.() ?? {
+        const P = rt(n);
+        if (j.value = P?.getCachedHistoryStatus?.() ?? {
           canUndo: !1,
           canRedo: !1
-        }, !D)
+        }, !P)
           return;
         let $ = !0;
-        const le = D.subscribeHistoryStatus?.((ie) => {
-          L.value = ie;
+        const le = P.subscribeHistoryStatus?.((ie) => {
+          j.value = ie;
         });
-        D.getHistoryStatus?.().then((ie) => {
-          $ && (L.value = ie);
+        P.getHistoryStatus?.().then((ie) => {
+          $ && (j.value = ie);
         }).catch(() => {
         }), v(() => {
           $ = !1, le?.();
@@ -1750,17 +1783,17 @@ const Un = {
       },
       { immediate: !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),
+    const Bt = y(() => {
+      const n = rt(re.value);
+      return !T.value.enabled || T.value.adapter || !n ? w : {
+        canUndo: () => (j.value, j.value.canUndo === !0),
+        canRedo: () => (j.value, j.value.canRedo === !0),
         runHistoryAction: async (a) => {
-          if (L.value, a === "undo" && L.value.canUndo !== !0 || a === "redo" && L.value.canRedo !== !0)
+          if (j.value, a === "undo" && j.value.canUndo !== !0 || a === "redo" && j.value.canRedo !== !0)
             return null;
           const v = a === "undo" ? await n.undoHistoryStack?.() : await n.redoHistoryStack?.();
-          return v && (L.value = {
-            ...L.value,
+          return v && (j.value = {
+            ...j.value,
             ...typeof v.canUndo == "boolean" ? { canUndo: v.canUndo } : {},
             ...typeof v.canRedo == "boolean" ? { canRedo: v.canRedo } : {},
             ...typeof v.latestUndoOperationId < "u" ? { latestUndoOperationId: v.latestUndoOperationId } : {},
@@ -1769,47 +1802,47 @@ const Un = {
           }), typeof v?.operationId == "string" && v.operationId.length > 0 ? v.operationId : a === "undo" ? v?.latestRedoOperationId ?? null : v?.latestUndoOperationId ?? null;
         }
       };
-    }), he = y(() => {
-      const n = K.value.adapter;
-      return !K.value.enabled || !n ? At.value : {
+    }), be = y(() => {
+      const n = T.value.adapter;
+      return !T.value.enabled || !n ? Bt.value : {
         canUndo: () => n.canUndo(),
         canRedo: () => n.canRedo(),
         runHistoryAction: (a) => n.runHistoryAction(a)
       };
-    }), ke = {
-      canUndo: () => (s.value ?? he.value).canUndo(),
-      canRedo: () => (s.value ?? he.value).canRedo(),
-      runHistoryAction: (n) => (s.value ?? he.value).runHistoryAction(n)
-    }, xt = () => {
+    }), _e = {
+      canUndo: () => (d.value ?? be.value).canUndo(),
+      canRedo: () => (d.value ?? be.value).canRedo(),
+      runHistoryAction: (n) => (d.value ?? be.value).runHistoryAction(n)
+    }, Gt = () => {
       const n = R.getState();
       return n ? me({
         state: n,
         viewMode: g.value
       }) : null;
-    }, Pt = (n, a) => lt(n, R.migrateState, a), It = (n, a) => {
+    }, Lt = (n, a) => dt(n, R.migrateState, a), jt = (n, a) => {
       const v = me(n);
       return R.applyState(
-        be(v.state, e.columns),
+        Re(v.state, e.columns),
         a
-      ) ? (v.viewMode && He(v.viewMode), !0) : !1;
+      ) ? (v.viewMode && ke(v.viewMode), !0) : !1;
     };
     return C(
       h,
       () => {
-        ge(), E = !1, Ee();
+        Se(), E = !1, Ke();
       },
       { deep: !0 }
-    ), Bt(() => {
-      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({
+    ), Kt(() => {
+      typeof window < "u" && (window.addEventListener("pagehide", se), window.addEventListener("beforeunload", se)), typeof document < "u" && document.addEventListener("visibilitychange", He);
+    }), Ge(() => {
+      ue(), Se(), typeof window < "u" && (window.removeEventListener("pagehide", se), window.removeEventListener("beforeunload", se)), typeof document < "u" && document.removeEventListener("visibilitychange", He), R.dispose(), Ve(null);
+    }), u({
       grid: i,
       rowModel: re,
-      history: ke,
-      getHistory: () => ke,
-      toolbarModules: P,
-      getToolbarModules: () => P.value,
+      history: _e,
+      getHistory: () => _e,
+      toolbarModules: D,
+      getToolbarModules: () => D.value,
       getApi: () => i.value?.api ?? null,
       getRuntime: () => i.value?.runtime ?? null,
       getCore: () => i.value?.core ?? null,
@@ -1820,7 +1853,7 @@ const Un = {
       },
       getColumnState: () => R.getColumnState(),
       getColumnSnapshot: () => i.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => vt.value,
+      getSelectionAggregatesLabel: () => bt.value,
       runStructuralRowAction: (n, a) => A.value?.(n, a) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
         const n = i.value?.api.selection.summarize;
@@ -1832,14 +1865,14 @@ const Un = {
         return n(a);
       },
       getView: () => g.value,
-      setView: He,
-      getSavedView: xt,
-      migrateSavedView: Pt,
-      applySavedView: It,
+      setView: ke,
+      getSavedView: Gt,
+      migrateSavedView: Lt,
+      applySavedView: jt,
       applyColumnState: R.applyColumnState,
       getState: R.getState,
       migrateState: R.migrateState,
-      applyState: (n, a) => n ? R.applyState(be(n, e.columns), a) : !1,
+      applyState: (n, a) => n ? R.applyState(Re(n, e.columns), a) : !1,
       exportPivotLayout: R.exportPivotLayout,
       exportPivotInterop: R.exportPivotInterop,
       importPivotLayout: R.importPivotLayout,
@@ -1853,15 +1886,15 @@ const Un = {
       insertColumnAfter: (n, a) => i.value?.api.columns.insertAfter(n, a) ?? !1
     }), () => {
       const n = {
-        mode: Ge.value,
+        mode: Le.value,
         rows: e.rows,
         runtime: i.value?.runtime ?? null,
         runtimeRowModel: i.value?.rowModel ?? null,
-        selectionSnapshot: ct,
-        selectionAnchor: ft,
-        rowSelectionSnapshot: pe,
-        syncSelectionSnapshotFromRuntime: mt,
-        syncRowSelectionSnapshotFromRuntime: we,
+        selectionSnapshot: wt,
+        selectionAnchor: gt,
+        rowSelectionSnapshot: we,
+        syncSelectionSnapshotFromRuntime: St,
+        syncRowSelectionSnapshotFromRuntime: ge,
         flushRowSelectionSnapshotUpdates: ze,
         sortModel: ne.value,
         filterModel: oe.value,
@@ -1869,24 +1902,24 @@ const Un = {
         appColumns: e.columns,
         groupBy: ye.value,
         pivotModel: ae.value,
-        renderMode: U.value,
+        renderMode: _.value,
         virtualization: ve.value,
         columnMenu: S.value,
         cellMenu: p.value,
         rowIndexMenu: M.value,
         columnLayout: O.value,
         columnReorder: B.value,
-        aggregations: x.value,
+        aggregations: I.value,
         advancedFilter: G.value,
-        quickFilter: j.value,
-        findReplace: z.value,
-        gridLines: _.value,
+        quickFilter: L.value,
+        findReplace: K.value,
+        gridLines: W.value,
         rowHeightMode: e.rowHeightMode,
         baseRowHeight: e.baseRowHeight,
         layoutMode: X.value.layoutMode,
         minRows: X.value.minRows,
         maxRows: X.value.maxRows,
-        placeholderRows: r.value,
+        placeholderRows: l.value,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
         rowHover: e.rowHover,
@@ -1896,50 +1929,51 @@ const Un = {
         cellStyle: e.cellStyle,
         isCellEditable: e.isCellEditable,
         showRowIndex: e.showRowIndex,
-        rowSelection: e.rowSelection,
+        rowSelection: pe.value,
+        rowSelectionColumnWidth: vt.value,
         rowReorder: m.value,
         viewMode: g.value,
         gantt: e.gantt,
-        history: K.value,
+        history: T.value,
         chrome: te.value,
-        registerHistoryController: Ot,
-        registerStructuralRowActionRunner: Te,
-        reportToolbarModules: Ct,
+        registerHistoryController: Pt,
+        registerStructuralRowActionRunner: Ve,
+        reportToolbarModules: Ft,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
-      return xe(
-        Pn,
+      return Ie(
+        Hn,
         {
           ...t,
           ref: i,
-          key: St.value,
+          key: Ct.value,
           rows: e.rows,
-          onScrollCapture: ht,
+          onScrollCapture: At,
           rowModel: re.value,
           columns: H.value,
           theme: e.theme,
           layoutMode: X.value.layoutMode,
-          renderMode: U.value,
-          pagination: u.value,
+          renderMode: _.value,
+          pagination: s.value,
           plugins: e.plugins,
-          services: gt.value,
+          services: Ot.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: bt,
-          onCellEdit: Se,
-          onSelectionChange: Rt,
-          onRowSelectionChange: Mt
+          onCellChange: It,
+          onCellEdit: he,
+          onSelectionChange: Dt,
+          onRowSelectionChange: xt
         },
-        l.default ? {
-          default: (a) => l.default?.({
+        r.default ? {
+          default: (a) => r.default?.({
             ...a,
             defaultRendererProps: {
               ...n,
               runtime: a.runtime,
               runtimeRowModel: a.rowModel,
-              onCellEdit: Se,
+              onCellEdit: he,
               reportFillWarning: e.reportFillWarning,
               reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
               reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1947,11 +1981,11 @@ const Un = {
             }
           })
         } : {
-          default: (a) => xe($t, {
+          default: (a) => Ie(Xt, {
             ...n,
             runtime: a.runtime,
             runtimeRowModel: a.rowModel,
-            onCellEdit: Se,
+            onCellEdit: he,
             reportFillWarning: e.reportFillWarning,
             reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
             reportFillPlumbingState: e.reportFillPlumbingState,
@@ -1962,33 +1996,33 @@ const Un = {
     };
   }
 });
-function ao() {
+function So() {
   return V(null);
 }
-function uo() {
-  return it;
+function ho() {
+  return ct;
 }
-const so = it;
+const bo = ct;
 export {
-  so as DataGrid,
-  mo as DataGridModuleHost,
-  to as clearDataGridSavedViewInStorage,
-  it as default,
-  lo as defineDataGridCellClassResolver,
-  io as defineDataGridCellStyleResolver,
-  yo as defineDataGridColumnMenu,
-  vo as defineDataGridColumns,
-  uo as defineDataGridComponent,
-  oo as defineDataGridFilterCellReader,
-  ro as defineDataGridFilterCellStyleReader,
-  no as defineDataGridSelectionCellReader,
-  Qn as defineDataGridStructuralRowActionHandler,
-  lt as migrateDataGridSavedView,
-  Ut as normalizeDataGridAppFilterModel,
-  be as normalizeDataGridAppUnifiedStateFilters,
-  Cn as parseDataGridSavedView,
-  eo as readDataGridSavedViewFromStorage,
-  On as serializeDataGridSavedView,
-  ao as useDataGridRef,
-  Xn as writeDataGridSavedViewToStorage
+  bo as DataGrid,
+  Oo as DataGridModuleHost,
+  mo as clearDataGridSavedViewInStorage,
+  ct as default,
+  wo as defineDataGridCellClassResolver,
+  go as defineDataGridCellStyleResolver,
+  Io as defineDataGridColumnMenu,
+  Co as defineDataGridColumns,
+  ho as defineDataGridComponent,
+  vo as defineDataGridFilterCellReader,
+  po as defineDataGridFilterCellStyleReader,
+  yo as defineDataGridSelectionCellReader,
+  so as defineDataGridStructuralRowActionHandler,
+  dt as migrateDataGridSavedView,
+  $t as normalizeDataGridAppFilterModel,
+  Re as normalizeDataGridAppUnifiedStateFilters,
+  Bn as parseDataGridSavedView,
+  fo as readDataGridSavedViewFromStorage,
+  Fn as serializeDataGridSavedView,
+  So as useDataGridRef,
+  co as writeDataGridSavedViewToStorage
 };