@affino/datagrid-vue-app 0.1.37 → 0.1.39

package/dist/index.js

@@ -1,34 +1,34 @@
-import { defineComponent as Fe, ref as D, provide as Xe, computed as m, watch as S, onBeforeUnmount as we, h as ge, mergeProps as Ze, toRef as Me } from "vue";
-import { useDataGridRuntime as et } from "@affino/datagrid-vue";
-import { useDataGridAppSelection as tt, useDataGridAppRowSelection as ot } from "@affino/datagrid-vue/app";
-import { r as nt, g as rt, h as lt, i as at, b as it, d as ut, c as st, j as dt, u as ct, D as ft } from "./chunks/useDataGridAppRowModel-JUDjg-Fq.js";
-import { a as Mo, k as Oo } from "./chunks/useDataGridAppRowModel-JUDjg-Fq.js";
-import { s as mt } from "./chunks/DataGridTableStage.vue_vue_type_script_setup_true_lang-Q2ri6J1V.js";
-import { applyGridTheme as yt, resolveGridThemeTokens as vt, defaultStyleConfig as F, sugarTheme as xe, industrialNeutralTheme as Oe } from "@affino/datagrid-theme";
-import { d as gt } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
-function uo() {
+import { defineComponent as je, ref as P, provide as ot, computed as m, watch as S, onBeforeUnmount as pe, h as we, mergeProps as nt, unref as Ce, toRef as Oe } from "vue";
+import { useDataGridRuntime as rt } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as lt, useDataGridAppRowSelection as at } from "@affino/datagrid-vue/app";
+import { r as it, g as ut, h as st, i as dt, b as ct, d as ft, c as mt, j as yt, u as vt, D as gt } from "./chunks/useDataGridAppRowModel-Dy5CF0h4.js";
+import { a as Ao, k as Bo } from "./chunks/useDataGridAppRowModel-Dy5CF0h4.js";
+import { r as wt } from "./chunks/DataGridGanttStageEntry-o99nyV0i.js";
+import { applyGridTheme as pt, resolveGridThemeTokens as St, defaultStyleConfig as F, sugarTheme as Ie, industrialNeutralTheme as Ae } from "@affino/datagrid-theme";
+import { d as ht } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
+function fo() {
   return (e) => e;
 }
-const wt = {
+const bt = {
   default: F,
-  "industrial-neutral": Oe,
-  industrialNeutral: Oe,
-  sugar: xe
+  "industrial-neutral": Ae,
+  industrialNeutral: Ae,
+  sugar: Ie
 };
-function pt(e, t) {
+function Rt(e, t) {
   if (!e && !t)
     return;
-  const r = {
+  const l = {
     ...e ?? {}
   };
   for (const [o, u] of Object.entries(t ?? {}))
-    r[o] = {
-      ...r[o] ?? {},
+    l[o] = {
+      ...l[o] ?? {},
       ...u
     };
-  return r;
+  return l;
 }
-function de(e, t) {
+function ce(e, t) {
   return {
     ...e,
     ...t,
@@ -39,34 +39,34 @@ function de(e, t) {
     summary: { ...e.summary ?? {}, ...t.summary ?? {} },
     state: { ...e.state ?? {}, ...t.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
-    tokenVariants: pt(e.tokenVariants, t.tokenVariants)
+    tokenVariants: Rt(e.tokenVariants, t.tokenVariants)
   };
 }
-function St(e) {
+function Mt(e) {
   return !e || typeof e != "object" ? !1 : "tokens" in e || "tokenVariants" in e || "activeTokenVariant" in e || "defaultTokenVariant" in e || "inheritThemeFromDocument" in e || "documentDarkClass" in e || "grid" in e || "header" in e || "body" in e || "group" in e || "summary" in e || "state" in e;
 }
-function ht(e) {
-  return e == null ? F : typeof e == "string" ? e === "sugar" ? de(F, xe) : wt[e] ?? F : St(e) ? de(F, e) : de(F, {
+function Ct(e) {
+  return e == null ? F : typeof e == "string" ? e === "sugar" ? ce(F, Ie) : bt[e] ?? F : Mt(e) ? ce(F, e) : ce(F, {
     tokens: e
   });
 }
-function bt(e) {
-  const t = ht(e);
-  return vt(t ?? F, {
+function Ot(e) {
+  const t = Ct(e);
+  return St(t ?? F, {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function Ce(e, t) {
-  const r = bt(t);
-  return yt(e, r), r;
+function Be(e, t) {
+  const l = Ot(t);
+  return pt(e, l), l;
 }
-function Ae(e, t) {
+function Ge(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Be(e, t) {
+function De(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
-function Rt(e) {
+function At(e) {
   if (e !== void 0) {
     if (e == null)
       return null;
@@ -75,102 +75,102 @@ function Rt(e) {
       return t ? { fields: [t], expandedByDefault: !0 } : null;
     }
     if (Array.isArray(e)) {
-      const t = e.map((r) => r.trim()).filter((r) => r.length > 0);
+      const t = e.map((l) => l.trim()).filter((l) => l.length > 0);
       return t.length > 0 ? { fields: [...t], expandedByDefault: !0 } : null;
     }
     return e;
   }
 }
-function Mt(e, t) {
+function Bt(e, t) {
   return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
 }
-function Ot(e, t, r, o) {
+function Gt(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const u = 100, a = Be(r, u), v = Ae(o, 0);
+  const u = 100, a = De(l, u), v = Ge(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: a,
     currentPage: v
   } : {
-    pageSize: Be(r ?? e.pageSize, u),
-    currentPage: Ae(o ?? e.currentPage, 0)
+    pageSize: De(l ?? e.pageSize, u),
+    currentPage: Ge(o ?? e.currentPage, 0)
   };
 }
-const ce = "Advanced filter";
-function Ct(e) {
+const fe = "Advanced filter";
+function Dt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: ce
+    buttonLabel: fe
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ce
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : fe
   } : {
     enabled: !1,
-    buttonLabel: ce
+    buttonLabel: fe
   };
 }
-const fe = "Find / replace";
-function At(e) {
+const me = "Find / replace";
+function Pt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: fe
+    buttonLabel: me
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : fe
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : me
   } : {
     enabled: !1,
-    buttonLabel: fe
+    buttonLabel: me
   };
 }
-const Bt = "all", je = {
+const Lt = "all", Ke = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function Ge(e) {
-  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : Bt;
+function Pe(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : Lt;
 }
-function Gt(e, t) {
-  return e === "columns" || e === "none" ? e : je[t];
+function xt(e, t) {
+  return e === "columns" || e === "none" ? e : Ke[t];
 }
-function De(e, t) {
+function Le(e, t) {
   return e !== "none" || t === "columns";
 }
-function Pe(e) {
-  const t = e.body === "all" || e.body === "rows", r = e.body === "all" || e.body === "columns", o = e.header === "columns";
+function xe(e) {
+  const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
     header: e.header,
     pinnedSeparators: e.pinnedSeparators,
     bodyRows: t,
-    bodyColumns: r,
+    bodyColumns: l,
     headerColumns: o
   };
 }
-function Dt(e) {
+function Ft(e) {
   if (typeof e == "string") {
-    const o = Ge(e), u = je[o];
-    return Pe({
+    const o = Pe(e), u = Ke[o];
+    return xe({
       body: o,
       header: u,
-      pinnedSeparators: De(o, u)
+      pinnedSeparators: Le(o, u)
     });
   }
-  const t = Ge(e?.body), r = Gt(e?.header, t);
-  return Pe({
+  const t = Pe(e?.body), l = xt(e?.header, t);
+  return xe({
     body: t,
-    header: r,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : De(t, r)
+    header: l,
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Le(t, l)
   });
 }
-function Le(e) {
+function Fe(e) {
   if (typeof e != "number" || !Number.isFinite(e))
     return null;
   const t = Math.max(0, Math.trunc(e));
   return t > 0 ? t : null;
 }
-function Pt(e, t, r) {
+function jt(e, t, l) {
   const o = e === "auto-height" ? "auto-height" : "fill";
   if (o !== "auto-height")
     return {
@@ -178,15 +178,15 @@ function Pt(e, t, r) {
       minRows: null,
       maxRows: null
     };
-  const u = Le(t);
-  let a = Le(r);
+  const u = Fe(t);
+  let a = Fe(l);
   return u !== null && a !== null && a < u && (a = u), {
     layoutMode: o,
     minRows: u,
     maxRows: a
   };
 }
-function Lt(e) {
+function It(e) {
   return {
     ...e,
     transaction: null
@@ -195,14 +195,14 @@ function Lt(e) {
 function X(e) {
   return {
     ...e,
-    state: Lt(e.state)
+    state: It(e.state)
   };
 }
-function Ft(e) {
+function Kt(e) {
   return typeof e == "object" && e !== null;
 }
-function Ke(e, t, r) {
-  const o = Ft(e) ? e : null, u = t(o && "state" in o ? o.state : e, r);
+function He(e, t, l) {
+  const o = Kt(e) ? e : null, u = t(o && "state" in o ? o.state : e, l);
   if (!u)
     return null;
   const a = o?.viewMode, v = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
@@ -211,38 +211,38 @@ function Ke(e, t, r) {
     ...v ? { viewMode: v } : {}
   });
 }
-function xt(e) {
+function Ht(e) {
   return JSON.stringify(X(e));
 }
-function jt(e, t, r) {
+function zt(e, t, l) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return Ke(JSON.parse(e), t, r);
+    return He(JSON.parse(e), t, l);
   } catch {
     return null;
   }
 }
-function so(e, t, r) {
+function mo(e, t, l) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
-    return e.setItem(t, xt(r)), !0;
+    return e.setItem(t, Ht(l)), !0;
   } catch {
     return !1;
   }
 }
-function co(e, t, r, o) {
+function yo(e, t, l, o) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return null;
   try {
     const u = e.getItem(t);
-    return u ? jt(u, r, o) : null;
+    return u ? zt(u, l, o) : null;
   } catch {
     return null;
   }
 }
-function fo(e, t) {
+function vo(e, t) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -251,54 +251,54 @@ function fo(e, t) {
     return !1;
   }
 }
-const me = "Columns";
-function Kt(e) {
+const ye = "Columns";
+function Tt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: me
+    buttonLabel: ye
   } : 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() : ye
   } : {
     enabled: !1,
-    buttonLabel: me
+    buttonLabel: ye
   };
 }
-const ye = "Aggregations";
-function It(e) {
+const ve = "Aggregations";
+function Et(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: ye
+    buttonLabel: ve
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ye
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ve
   } : {
     enabled: !1,
-    buttonLabel: ye
+    buttonLabel: ve
   };
 }
 function $(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Ht(e, t) {
-  const r = {
+function Vt(e, t) {
+  const l = {
     rows: !0,
     columns: !1,
     rowOverscan: 8,
     columnOverscan: 2
   };
   if (e === !0)
-    r.columns = !0;
+    l.columns = !0;
   else if (e === !1)
-    r.rows = !1, r.columns = !1;
+    l.rows = !1, l.columns = !1;
   else if (e && typeof e == "object") {
-    r.rows = e.rows ?? r.rows, r.columns = e.columns ?? r.columns;
-    const o = $(e.overscan, r.rowOverscan);
-    r.rowOverscan = $(e.rowOverscan, o), r.columnOverscan = $(e.columnOverscan, $(e.overscan, r.columnOverscan));
+    l.rows = e.rows ?? l.rows, l.columns = e.columns ?? l.columns;
+    const o = $(e.overscan, l.rowOverscan);
+    l.rowOverscan = $(e.rowOverscan, o), l.columnOverscan = $(e.columnOverscan, $(e.overscan, l.columnOverscan));
   }
-  return t === "pagination" && (r.rows = !1), r;
+  return t === "pagination" && (l.rows = !1), l;
 }
-const zt = Fe({
+const _t = je({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -352,11 +352,11 @@ const zt = Fe({
     "selection-change": (e) => !0,
     "row-selection-change": (e) => !0
   },
-  setup(e, { attrs: t, slots: r, emit: o, expose: u }) {
-    const a = D(null);
-    Xe(gt, a);
+  setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
+    const a = P(null);
+    ot(ht, a);
     let v = null;
-    const s = et({
+    const s = rt({
       rows: m(() => e.rows),
       rowModel: e.rowModel,
       columns: m(() => e.columns),
@@ -377,10 +377,10 @@ const zt = Fe({
       resolveBodyRowIndexById: p.resolveBodyRowIndexById
     }, A = () => {
       if (e.renderMode === "pagination") {
-        const c = e.pagination ?? { pageSize: 100, currentPage: 0 };
+        const f = e.pagination ?? { pageSize: 100, currentPage: 0 };
         s.api.rows.setPagination({
-          pageSize: Math.max(1, Math.trunc(c.pageSize)),
-          currentPage: Math.max(0, Math.trunc(c.currentPage))
+          pageSize: Math.max(1, Math.trunc(f.pageSize)),
+          currentPage: Math.max(0, Math.trunc(f.currentPage))
         });
         return;
       }
@@ -399,34 +399,34 @@ const zt = Fe({
       },
       { immediate: !0, deep: !0 }
     ), typeof document < "u" && (v = new MutationObserver(() => {
-      const c = a.value;
-      c && Ce(c, e.theme);
+      const f = a.value;
+      f && Be(f, e.theme);
     }), v.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
     })), S(
       [() => e.theme, a],
       () => {
-        const c = a.value;
-        c && Ce(c, e.theme);
+        const f = a.value;
+        f && Be(f, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const R = s.api.events.on("rows:changed", (c) => {
-      o("cell-change", c);
-    }), b = s.api.events.on("selection:changed", (c) => {
-      o("selection-change", c);
-    }), P = s.api.events.on("row-selection:changed", (c) => {
-      o("row-selection-change", c);
+    const R = s.api.events.on("rows:changed", (f) => {
+      o("cell-change", f);
+    }), b = s.api.events.on("selection:changed", (f) => {
+      o("selection-change", f);
+    }), L = s.api.events.on("row-selection:changed", (f) => {
+      o("row-selection-change", f);
     });
-    we(() => {
-      R(), b(), P(), v?.disconnect(), v = null;
+    pe(() => {
+      R(), b(), L(), v?.disconnect(), v = null;
     });
-    const G = m(() => {
-      const c = s.virtualWindow.value;
+    const D = m(() => {
+      const f = s.virtualWindow.value;
       return {
-        ...c ?? {},
-        rowTotal: c?.rowTotal ?? s.rowPartition.value.bodyRowCount,
+        ...f ?? {},
+        rowTotal: f?.rowTotal ?? s.rowPartition.value.bodyRowCount,
         colTotal: s.columnSnapshot.value.visibleColumns.length
       };
     });
@@ -445,9 +445,9 @@ const zt = Fe({
       virtualWindow: s.virtualWindow,
       start: s.start,
       stop: s.stop
-    }), () => ge(
+    }), () => we(
       "div",
-      Ze(t, {
+      nt(t, {
         ref: a,
         class: [
           "affino-datagrid-app-root",
@@ -461,7 +461,7 @@ const zt = Fe({
           minWidth: "0"
         }
       }),
-      r.default?.({
+      l.default?.({
         api: s.api,
         core: s.core,
         runtime: h,
@@ -474,72 +474,72 @@ const zt = Fe({
         syncBodyRowsInRange: s.syncBodyRowsInRange,
         getBodyRowAtIndex: p.getBodyRowAtIndex,
         resolveBodyRowIndexById: p.resolveBodyRowIndexById,
-        virtualWindow: G.value
+        virtualWindow: D.value
       }) ?? []
     );
   }
 });
-function ve(e) {
+function ge(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
-function C(e) {
+function O(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return null;
   }
 }
-function Tt(e) {
+function Wt(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function Et(e) {
-  let t = null, r = null, o = !1, u = null, a = null, v = null, s = null, p = null, h = null, A = null, R = null, b = null;
-  const P = () => {
-    t?.(), r?.(), t = null, r = null;
-  }, G = () => {
+function kt(e) {
+  let t = null, l = null, o = !1, u = null, a = null, v = null, s = null, p = null, h = null, A = null, R = null, b = null;
+  const L = () => {
+    t?.(), l?.(), t = null, l = null;
+  }, D = () => {
     const n = e.gridRef.value;
     return !n || n.api.lifecycle.state === "disposed" ? null : n;
-  }, c = () => G()?.api ?? null, L = () => {
-    const n = c()?.columns;
+  }, f = () => D()?.api ?? null, x = () => {
+    const n = f()?.columns;
     if (!n)
       return null;
-    const d = n.getSnapshot(), i = {}, y = {}, O = {};
+    const d = n.getSnapshot(), i = {}, y = {}, C = {};
     for (const M of d.columns)
-      i[M.key] = M.visible, y[M.key] = M.width, O[M.key] = M.pin;
+      i[M.key] = M.visible, y[M.key] = M.width, C[M.key] = M.pin;
     return {
       order: [...d.order],
       visibility: i,
       widths: y,
-      pins: O
+      pins: C
     };
   }, g = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      const n = L(), d = c();
+      const n = x(), d = f();
       if (n) {
-        const i = C(n);
+        const i = O(n);
         h = i, i !== v && (v = i, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
           Object.entries(n.visibility).filter(([, y]) => !y).map(([y]) => y)
         ), e.emit.columnWidths(n.widths), e.emit.columnPins(n.pins));
       }
       if (d) {
-        const i = Tt(d.rows.getSnapshot().groupBy), y = C(i);
+        const i = Wt(d.rows.getSnapshot().groupBy), y = O(i);
         y !== p && (p = y, e.emit.groupBy(i));
-        const O = d.state.get(), M = C(O);
-        A = M, M !== s && (s = M, e.emit.state(O));
+        const C = d.state.get(), M = O(C);
+        A = M, M !== s && (s = M, e.emit.state(C));
       }
     }));
   }, H = () => {
-    const n = c();
+    const n = f();
     !n || e.props.sortModel === void 0 && e.props.filterModel === void 0 || n.rows.setSortAndFilterModel({
       sortModel: e.props.sortModel ?? [],
       filterModel: e.props.filterModel ?? null
     });
   }, Z = () => {
-    const n = c()?.columns;
+    const n = f()?.columns;
     return n ? new Set(n.getSnapshot().columns.map((d) => d.key)) : null;
   }, ee = (n) => {
     const d = /* @__PURE__ */ new Set();
@@ -559,35 +559,35 @@ function Et(e) {
     if (!d)
       return !1;
     const i = ee(n);
-    if (i.size === 0 || e.props.columns.length > 0)
+    if (i.size === 0)
       return !0;
     for (const y of i)
       if (!d.has(y))
         return !1;
     return !0;
   }, T = (n) => z(n.columns), U = (n) => {
-    const d = c();
+    const d = f();
     if (!d)
       return !1;
     d.columns.setOrder(n.order);
     for (const [i, y] of Object.entries(n.visibility))
       d.columns.setVisibility(i, y);
     for (const [i, y] of Object.entries(n.widths))
-      d.columns.setWidth(i, ve(y));
+      d.columns.setWidth(i, ge(y));
     for (const [i, y] of Object.entries(n.pins))
       d.columns.setPin(i, y);
     return !0;
-  }, x = () => {
+  }, j = () => {
     if (b) {
-      const n = b, d = c();
+      const n = b, d = f();
       if (d) {
         const i = d.state.migrate(n.state, { strict: n.options?.strict });
-        i && T(i) && (b = null, d.state.set(i, n.options), a = C(n.state));
+        i && T(i) && (b = null, d.state.set(i, n.options), a = O(n.state));
       }
     }
     if (R && z(R.columnState)) {
       const n = R;
-      R = null, u = C({
+      R = null, u = O({
         columnState: n.columnState,
         columnOrder: null,
         hiddenColumnKeys: null,
@@ -596,19 +596,19 @@ function Et(e) {
       }), U(n.columnState);
     }
   }, E = () => {
-    const n = c();
+    const n = f();
     !n || e.props.groupBy === void 0 || n.rows.setGroupBy(e.props.groupBy ?? null);
   }, V = () => {
-    const n = c();
+    const n = f();
     !n || e.props.aggregationModel === void 0 || n.rows.setAggregationModel(e.props.aggregationModel ?? null);
-  }, j = () => {
-    const n = c();
+  }, I = () => {
+    const n = f();
     !n || e.props.pivotModel === void 0 || n.pivot.setModel(e.props.pivotModel ?? null);
   }, B = () => {
-    const n = c();
+    const n = f();
     if (!n || 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 d = C({
+    const d = O({
       columnState: e.props.columnState,
       columnOrder: e.props.columnOrder,
       hiddenColumnKeys: e.props.hiddenColumnKeys,
@@ -616,7 +616,7 @@ function Et(e) {
       columnPins: e.props.columnPins
     });
     if (d !== u) {
-      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && C(e.props.columnState) === h) {
+      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && O(e.props.columnState) === h) {
         u = d;
         return;
       }
@@ -625,28 +625,28 @@ function Et(e) {
         for (const [i, y] of Object.entries(e.props.columnState.visibility))
           n.columns.setVisibility(i, y);
         for (const [i, y] of Object.entries(e.props.columnState.widths))
-          n.columns.setWidth(i, ve(y));
+          n.columns.setWidth(i, ge(y));
         for (const [i, y] of Object.entries(e.props.columnState.pins))
           n.columns.setPin(i, y);
       }
       if (e.props.columnOrder && n.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
         const i = new Set(e.props.hiddenColumnKeys), y = n.columns.getSnapshot();
-        for (const O of y.columns)
-          n.columns.setVisibility(O.key, !i.has(O.key));
+        for (const C of y.columns)
+          n.columns.setVisibility(C.key, !i.has(C.key));
       }
       if (e.props.columnWidths)
         for (const [i, y] of Object.entries(e.props.columnWidths))
-          n.columns.setWidth(i, ve(y));
+          n.columns.setWidth(i, ge(y));
       if (e.props.columnPins)
         for (const [i, y] of Object.entries(e.props.columnPins))
           n.columns.setPin(i, y);
       u = d;
     }
   }, _ = () => {
-    const n = c();
+    const n = f();
     if (!n || e.props.state == null)
       return;
-    const d = C(e.props.state);
+    const d = O(e.props.state);
     if (d === a)
       return;
     if (d === A) {
@@ -656,34 +656,34 @@ function Et(e) {
     const i = n.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
     i && T(i) && (n.state.set(i, e.props.stateOptions ?? {}), a = d);
   }, W = () => {
-    const n = c();
+    const n = f();
     n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, N = () => {
-    const n = G();
-    n && (u = null, a = null, P(), t = n.rowModel.subscribe(() => {
+    const n = D();
+    n && (u = null, a = null, L(), t = n.rowModel.subscribe(() => {
       g();
-    }), r = n.columnModel.subscribe(() => {
+    }), l = n.columnModel.subscribe(() => {
       g();
-    }), _(), B(), H(), E(), V(), j(), W(), x(), g(), e.emit.ready({ api: n.api }));
-  }, q = () => c()?.state.get() ?? null, te = (n, d) => c()?.state.migrate(n, d) ?? null, K = (n) => z(n) ? (u = C({
+    }), _(), B(), H(), E(), V(), I(), W(), j(), g(), e.emit.ready({ api: n.api }));
+  }, q = () => f()?.state.get() ?? null, te = (n, d) => f()?.state.migrate(n, d) ?? null, K = (n) => z(n) ? (u = O({
     columnState: n,
     columnOrder: null,
     hiddenColumnKeys: null,
     columnWidths: null,
     columnPins: null
   }), R = null, U(n) ? (g(), !0) : (R = { columnState: n }, !0)) : (R = { columnState: n }, !0), oe = (n, d) => {
-    const i = c();
+    const i = f();
     if (!i)
       return b = { state: n, options: d }, !0;
     const y = i.state.migrate(n, { strict: d?.strict });
-    return y ? T(y) ? (i.state.set(y, d), a = C(n), b = null, g(), !0) : (b = { state: n, options: d }, !0) : !1;
-  }, ne = () => c()?.pivot.exportLayout() ?? null, J = () => c()?.pivot.exportInterop() ?? null, re = (n, d) => {
-    const i = c();
+    return y ? T(y) ? (i.state.set(y, d), a = O(n), b = null, g(), !0) : (b = { state: n, options: d }, !0) : !1;
+  }, ne = () => f()?.pivot.exportLayout() ?? null, J = () => f()?.pivot.exportInterop() ?? null, re = (n, d) => {
+    const i = f();
     return i ? (i.pivot.importLayout(n, d), g(), !0) : !1;
   }, k = () => {
-    c()?.rows.expandAllGroups(), g();
+    f()?.rows.expandAllGroups(), g();
   }, le = () => {
-    c()?.rows.collapseAllGroups(), g();
+    f()?.rows.collapseAllGroups(), g();
   };
   S(
     () => e.gridRef.value,
@@ -694,13 +694,13 @@ function Et(e) {
   ), S(
     () => e.props.columns,
     () => {
-      u = null, a = null, _(), B(), x(), g();
+      u = null, a = null, _(), B(), j(), g();
     },
     { deep: !0 }
   ), S(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      _(), B(), H(), E(), V(), j(), W(), x(), g();
+      _(), B(), H(), E(), V(), I(), W(), j(), g();
     },
     { deep: !0 }
   ), S(
@@ -712,7 +712,7 @@ function Et(e) {
       e.props.columnPins
     ],
     () => {
-      B(), x(), g();
+      B(), j(), g();
     },
     { deep: !0 }
   ), S(
@@ -736,7 +736,7 @@ function Et(e) {
   ), S(
     () => e.props.pivotModel,
     () => {
-      j(), g();
+      I(), g();
     },
     { deep: !0 }
   ), S(
@@ -746,15 +746,15 @@ function Et(e) {
     }
   );
   const Y = () => {
-    P();
+    L();
   };
-  return we(() => {
+  return pe(() => {
     Y();
   }), {
     emitSnapshotUpdates: g,
     handleGridReady: N,
     dispose: Y,
-    getColumnState: L,
+    getColumnState: x,
     getState: q,
     migrateState: te,
     applyColumnState: K,
@@ -766,26 +766,26 @@ function Et(e) {
     collapseAllGroups: le
   };
 }
-function Vt(e) {
+function Ut(e) {
   if (!Number.isFinite(e))
     return;
   const t = Math.trunc(e);
   return t > 0 ? t : void 0;
 }
-function _t(e) {
+function Nt(e) {
   return e === !1 ? !1 : e === "window" ? "window" : "grid";
 }
-function Wt(e) {
+function qt(e) {
   return e === !0 || e === "toolbar" ? "toolbar" : e === "external-only" ? "external-only" : !1;
 }
-function kt() {
+function Jt() {
   return {
     canUndo: () => !1,
     canRedo: () => !1,
     runHistoryAction: async () => null
   };
 }
-function Ut(e) {
+function Yt(e) {
   if (e === !1)
     return {
       enabled: !1,
@@ -796,9 +796,9 @@ function Ut(e) {
   const t = typeof e == "object" && e !== null ? e : {};
   return e === void 0 || e === !0 || t.enabled !== !1 ? {
     enabled: !0,
-    depth: Vt(t.depth),
-    shortcuts: _t(t.shortcuts),
-    controls: Wt(t.controls),
+    depth: Ut(t.depth),
+    shortcuts: Nt(t.shortcuts),
+    controls: qt(t.controls),
     adapter: t.adapter
   } : {
     enabled: !1,
@@ -807,27 +807,27 @@ function Ut(e) {
     controls: !1
   };
 }
-function mo() {
+function go() {
   return (e) => e;
 }
-function yo() {
+function wo() {
   return (e) => e;
 }
-function vo() {
+function po() {
   return (e) => e;
 }
-function go() {
+function So() {
   return (e) => e;
 }
-function wo() {
+function ho() {
   return (e) => e;
 }
-function Nt(e, t) {
+function $t(e, t) {
   if (!t || typeof e != "object" || e === null)
     return;
-  const r = t.split(".").filter(Boolean);
+  const l = t.split(".").filter(Boolean);
   let o = e;
-  for (const u of r) {
+  for (const u of l) {
     if (Array.isArray(o)) {
       const a = Number(u);
       if (!Number.isInteger(a) || a < 0 || a >= o.length)
@@ -841,20 +841,20 @@ function Nt(e, t) {
   }
   return o;
 }
-function qt(e, t) {
-  const r = /* @__PURE__ */ new Map();
+function Qt(e, t) {
+  const l = /* @__PURE__ */ new Map();
   for (const o of e ?? []) {
     const u = String(o.key ?? "").trim();
-    u && r.set(u, o);
+    u && l.set(u, o);
   }
-  if (!(r.size === 0 && typeof t != "function"))
+  if (!(l.size === 0 && typeof t != "function"))
     return (o, u) => {
       if (typeof t == "function") {
         const h = t(o, u);
         if (typeof h < "u")
           return h;
       }
-      const a = r.get(String(u ?? "").trim());
+      const a = l.get(String(u ?? "").trim());
       if (!a)
         return;
       const v = o.data;
@@ -866,10 +866,10 @@ function qt(e, t) {
       if (!s)
         return;
       const p = v[s];
-      return typeof p < "u" ? p : Nt(v, s);
+      return typeof p < "u" ? p : $t(v, s);
     };
 }
-function Jt() {
+function Xt() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -893,28 +893,28 @@ function Jt() {
   };
 }
 function Q(e, t) {
-  const r = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
-  if (r.length !== 0)
+  const l = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
+  if (l.length !== 0)
     return async (o) => {
-      for (const u of r)
+      for (const u of l)
         await u(o);
     };
 }
-function Yt(e) {
+function Zt(e) {
   const {
     userSelectionService: t,
-    cellSelectionService: r,
+    cellSelectionService: l,
     rowSelectionService: o
   } = e;
   return {
     name: "selection",
-    init: Q("init", [t, r, o]),
-    start: Q("start", [t, r, o]),
-    stop: Q("stop", [t, r, o]),
-    dispose: Q("dispose", [t, r, o]),
-    getSelectionSnapshot: r.getSelectionSnapshot,
-    setSelectionSnapshot: r.setSelectionSnapshot,
-    clearSelection: r.clearSelection,
+    init: Q("init", [t, l, o]),
+    start: Q("start", [t, l, o]),
+    stop: Q("stop", [t, l, o]),
+    dispose: Q("dispose", [t, l, o]),
+    getSelectionSnapshot: l.getSelectionSnapshot,
+    setSelectionSnapshot: l.setSelectionSnapshot,
+    clearSelection: l.clearSelection,
     getRowSelectionSnapshot: o.getRowSelectionSnapshot,
     setRowSelectionSnapshot: o.setRowSelectionSnapshot,
     clearRowSelection: o.clearRowSelection,
@@ -928,41 +928,41 @@ function Yt(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function $t(e, t) {
+function eo(e, t) {
   if (e?.focusedRow !== t?.focusedRow)
     return !1;
-  const r = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
-  if (r.length !== o.length)
+  const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
+  if (l.length !== o.length)
     return !1;
-  for (let u = 0; u < r.length; u += 1)
-    if (r[u] !== o[u])
+  for (let u = 0; u < l.length; u += 1)
+    if (l[u] !== o[u])
       return !1;
   return !0;
 }
-function Qt(e, t) {
+function to(e, t) {
   if (e === t)
     return !0;
-  const r = Object.entries(e ?? {}), o = Object.entries(t ?? {});
-  if (r.length !== o.length)
+  const l = Object.entries(e ?? {}), o = Object.entries(t ?? {});
+  if (l.length !== o.length)
     return !1;
-  for (const [u, a] of r)
+  for (const [u, a] of l)
     if (!Object.is(a, t?.[u]))
       return !1;
   return !0;
 }
-function Xt(e, t) {
+function oo(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
     return !1;
-  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 || !Qt(o.props, u.props))
+  for (let l = 0; l < e.length; l += 1) {
+    const o = e[l], u = t[l];
+    if (!o || !u || o.key !== u.key || o.component !== u.component || !to(o.props, u.props))
       return !1;
   }
   return !0;
 }
-const Zt = {
+const no = {
   rows: {
     type: Array,
     default: () => []
@@ -1223,10 +1223,10 @@ const Zt = {
     type: Array,
     default: void 0
   }
-}, Ie = Fe({
+}, ze = je({
   name: "DataGrid",
   inheritAttrs: !1,
-  props: Zt,
+  props: no,
   emits: {
     "cell-change": (e) => !0,
     "selection-change": (e) => !0,
@@ -1244,34 +1244,34 @@ const Zt = {
     "toolbar-modules-change": (e) => !0,
     ready: (e) => !0
   },
-  setup(e, { attrs: t, slots: r, emit: o, expose: u }) {
-    const a = D(null), v = kt(), s = D(null), p = D(null), h = D([]);
+  setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
+    const a = P(null), v = Jt(), s = P(null), p = P(null), h = P([]);
     let A = null, R = !1;
-    const b = D(e.viewMode === "gantt" ? "gantt" : "table"), P = D(e.state ?? null), G = m(() => Ut(e.history)), c = m(() => nt(e.chrome)), L = m(() => Mt(e.renderMode, e.pagination)), g = m(() => Ot(
+    const b = P(e.viewMode === "gantt" ? "gantt" : "table"), L = P(e.state ?? null), D = m(() => Yt(e.history)), f = m(() => it(e.chrome)), x = m(() => Bt(e.renderMode, e.pagination)), g = m(() => Gt(
       e.pagination,
-      L.value,
+      x.value,
       e.pageSize,
       e.currentPage
-    )), H = m(() => rt(e.columnMenu)), Z = m(() => lt(e.cellMenu)), ee = m(() => at(e.rowIndexMenu)), z = m(() => Kt(e.columnLayout)), T = m(() => it(e.columnReorder)), U = m(() => It(e.aggregations)), x = m(() => Ct(e.advancedFilter)), E = m(() => At(e.findReplace)), V = m(() => Dt(e.gridLines)), j = m(() => Rt(e.groupBy)), B = m(() => e.state ?? P.value), _ = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), W = m(() => e.filterModel !== void 0 ? e.filterModel : B.value?.rows?.snapshot?.filterModel ?? null), N = m(() => e.groupBy !== void 0 ? j.value ?? null : B.value?.rows?.snapshot?.groupBy ?? null), q = m(() => e.pivotModel !== void 0 ? e.pivotModel : B.value?.rows?.snapshot?.pivotModel ?? null), te = m(() => Ht(e.virtualization, L.value)), K = m(() => Pt(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => mt(e.placeholderRows)), ne = m(() => ut(e.rowReorder)), J = m(() => {
-      const l = e.clientRowModelOptions?.readFilterCell;
-      return qt(
+    )), H = m(() => ut(e.columnMenu)), Z = m(() => st(e.cellMenu)), ee = m(() => dt(e.rowIndexMenu)), z = m(() => Tt(e.columnLayout)), T = m(() => ct(e.columnReorder)), U = m(() => Et(e.aggregations)), j = m(() => Dt(e.advancedFilter)), E = m(() => Pt(e.findReplace)), V = m(() => Ft(e.gridLines)), I = m(() => At(e.groupBy)), B = m(() => e.state ?? L.value), _ = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), W = m(() => e.filterModel !== void 0 ? e.filterModel : B.value?.rows?.snapshot?.filterModel ?? null), N = m(() => e.groupBy !== void 0 ? I.value ?? null : B.value?.rows?.snapshot?.groupBy ?? null), q = m(() => e.pivotModel !== void 0 ? e.pivotModel : B.value?.rows?.snapshot?.pivotModel ?? null), te = m(() => Vt(e.virtualization, x.value)), K = m(() => jt(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => wt(e.placeholderRows)), ne = m(() => ft(e.rowReorder)), J = m(() => {
+      const r = e.clientRowModelOptions?.readFilterCell;
+      return Qt(
         e.columns,
-        e.readFilterCell ?? l
+        e.readFilterCell ?? r
       );
     }), re = m(() => {
-      const l = e.readFilterCellStyle ?? e.clientRowModelOptions?.readFilterCellStyle;
-      return !J.value && !l ? e.clientRowModelOptions : {
+      const r = e.readFilterCellStyle ?? e.clientRowModelOptions?.readFilterCellStyle;
+      return !J.value && !r ? e.clientRowModelOptions : {
         ...e.clientRowModelOptions ?? {},
         readFilterCell: J.value,
-        readFilterCellStyle: l
+        readFilterCellStyle: r
       };
-    }), k = m(() => st({
+    }), k = m(() => mt({
       columns: e.columns,
       clientRowModelOptions: re.value,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), le = m(() => dt(e.columns)), Y = {
+    })), le = m(() => yt(e.columns)), Y = {
       get state() {
         return e.state;
       },
@@ -1300,7 +1300,7 @@ const Zt = {
         return e.filterModel;
       },
       get groupBy() {
-        return j.value;
+        return I.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -1317,139 +1317,155 @@ const Zt = {
       get columns() {
         return e.columns;
       }
-    }, n = m(() => q.value ? "pivot" : k.value && "initialTreeData" in k.value ? "tree" : "base"), d = m(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), i = m(() => a.value?.api.rows.getCount() ?? 0), y = {
+    }, n = m(() => q.value ? "pivot" : k.value && "initialTreeData" in k.value ? "tree" : "base"), d = m(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), i = m(() => {
+      const r = a.value?.runtime;
+      if (!r)
+        return 0;
+      const c = Ce(r.rowPartition);
+      return Math.max(0, c.bodyRowCount + c.pinnedBottomRows.length);
+    }), y = (r) => {
+      const c = a.value?.runtime;
+      if (!c)
+        return null;
+      const G = Ce(c.rowPartition), de = G.bodyRowCount;
+      if (r < de)
+        return c.getBodyRowAtIndex(r);
+      const tt = r - de;
+      return G.pinnedBottomRows[tt] ?? null;
+    }, C = {
       mode: m(() => n.value),
       resolveRuntime: () => a.value,
       visibleColumns: d,
       totalRows: i,
       showRowSelection: m(() => e.rowSelection),
-      readSelectionCell: e.readSelectionCell
+      readSelectionCell: e.readSelectionCell,
+      resolveSelectionRowAtIndex: y
     }, {
-      selectionSnapshot: O,
-      selectionAnchor: M,
-      syncSelectionSnapshotFromRuntime: He,
-      selectionService: ze,
-      selectionAggregatesLabel: Te
-    } = tt(y), {
+      selectionSnapshot: M,
+      selectionAnchor: Te,
+      syncSelectionSnapshotFromRuntime: Ee,
+      selectionService: Ve,
+      selectionAggregatesLabel: _e
+    } = lt(C), {
       rowSelectionSnapshot: ae,
       syncRowSelectionSnapshotFromRuntime: ie,
-      reconcileRowSelectionFromRuntime: Ee,
-      selectionService: pe
-    } = ot({
+      reconcileRowSelectionFromRuntime: We,
+      selectionService: Se
+    } = at({
       resolveRuntime: () => a.value
-    }), Ve = m(() => e.rowSelection ? pe : Jt()), _e = m(() => ({
+    }), ke = m(() => e.rowSelection ? Se : Xt()), Ue = m(() => ({
       ...e.services ?? {},
-      selection: Yt({
+      selection: Zt({
         userSelectionService: e.services?.selection,
-        cellSelectionService: ze,
-        rowSelectionService: Ve.value
+        cellSelectionService: Ve,
+        rowSelectionService: ke.value
       })
     })), {
-      dataGridInstanceKey: We,
+      dataGridInstanceKey: Ne,
       resolvedRowModel: ue
-    } = ct({
-      rows: Me(e, "rows"),
-      rowModel: Me(e, "rowModel"),
+    } = vt({
+      rows: Oe(e, "rows"),
+      rowModel: Oe(e, "rowModel"),
       clientRowModelOptions: k,
       onOwnedRowModelRecreated: () => {
         w.dispose();
       }
-    }), w = Et({
+    }), w = kt({
       gridRef: a,
       props: Y,
       emit: {
-        columnState: (l) => o("update:columnState", l),
-        columnOrder: (l) => o("update:columnOrder", l),
-        hiddenColumnKeys: (l) => o("update:hiddenColumnKeys", l),
-        columnWidths: (l) => o("update:columnWidths", l),
-        columnPins: (l) => o("update:columnPins", l),
-        groupBy: (l) => o("update:groupBy", l),
-        state: (l) => {
-          P.value = l, o("update:state", l);
+        columnState: (r) => o("update:columnState", r),
+        columnOrder: (r) => o("update:columnOrder", r),
+        hiddenColumnKeys: (r) => o("update:hiddenColumnKeys", r),
+        columnWidths: (r) => o("update:columnWidths", r),
+        columnPins: (r) => o("update:columnPins", r),
+        groupBy: (r) => o("update:groupBy", r),
+        state: (r) => {
+          L.value = r, o("update:state", r);
         },
-        ready: (l) => o("ready", {
-          api: l.api,
+        ready: (r) => o("ready", {
+          api: r.api,
           rowModel: ue.value
         })
       }
-    }), ke = (l) => {
-      Ee(), o("cell-change", l), w.emitSnapshotUpdates();
-    }, Ue = (l) => {
-      o("selection-change", l);
-    }, Ne = (l) => {
-      o("row-selection-change", l);
-    }, Se = () => {
+    }), qe = (r) => {
+      We(), o("cell-change", r), w.emitSnapshotUpdates();
+    }, Je = (r) => {
+      o("selection-change", r);
+    }, Ye = (r) => {
+      o("row-selection-change", r);
+    }, he = () => {
       w.emitSnapshotUpdates();
     };
     S(
       ae,
-      (l) => {
-        o("row-select", l), o("update:rowSelectionState", l), Se();
+      (r) => {
+        o("row-select", r), o("update:rowSelectionState", r), he();
       },
       { deep: !0 }
     ), S(
       () => [e.rowSelection, e.rowSelectionState, a.value],
-      ([l, f]) => {
-        if (l) {
-          if (f !== void 0) {
-            const I = a.value?.api.rowSelection;
-            $t(ae.value, f) || (f ? I?.setSnapshot(f) : I?.clear(), ie());
+      ([r, c]) => {
+        if (r) {
+          if (c !== void 0) {
+            const G = a.value?.api.rowSelection;
+            eo(ae.value, c) || (c ? G?.setSnapshot(c) : G?.clear(), ie());
             return;
           }
           ie();
           return;
         }
-        pe.clearRowSelection?.();
+        Se.clearRowSelection?.();
       },
       { immediate: !0 }
     ), S(
       () => e.viewMode,
-      (l) => {
-        b.value = l === "gantt" ? "gantt" : "table";
+      (r) => {
+        b.value = r === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const he = (l) => {
-      const f = l === "gantt" ? "gantt" : "table";
-      b.value = f, o("update:viewMode", f);
-    }, qe = (l) => {
-      s.value = l;
-    }, be = (l) => {
-      p.value = l;
-    }, Je = (l) => {
-      Xt(h.value, l) || (h.value = l, A = l, !R && (R = !0, Promise.resolve().then(() => {
+    const be = (r) => {
+      const c = r === "gantt" ? "gantt" : "table";
+      b.value = c, o("update:viewMode", c);
+    }, $e = (r) => {
+      s.value = r;
+    }, Re = (r) => {
+      p.value = r;
+    }, Qe = (r) => {
+      oo(h.value, r) || (h.value = r, A = r, !R && (R = !0, Promise.resolve().then(() => {
         R = !1;
-        const f = A;
-        A = null, f && o("toolbar-modules-change", f);
+        const c = A;
+        A = null, c && o("toolbar-modules-change", c);
       })));
     }, se = m(() => {
-      const l = G.value.adapter;
-      return !G.value.enabled || !l ? v : {
-        canUndo: () => l.canUndo(),
-        canRedo: () => l.canRedo(),
-        runHistoryAction: (f) => l.runHistoryAction(f)
+      const r = D.value.adapter;
+      return !D.value.enabled || !r ? v : {
+        canUndo: () => r.canUndo(),
+        canRedo: () => r.canRedo(),
+        runHistoryAction: (c) => r.runHistoryAction(c)
       };
-    }), Re = {
+    }), Me = {
       canUndo: () => (s.value ?? se.value).canUndo(),
       canRedo: () => (s.value ?? se.value).canRedo(),
-      runHistoryAction: (l) => (s.value ?? se.value).runHistoryAction(l)
-    }, Ye = () => {
-      const l = w.getState();
-      return l ? X({
-        state: l,
+      runHistoryAction: (r) => (s.value ?? se.value).runHistoryAction(r)
+    }, Xe = () => {
+      const r = w.getState();
+      return r ? X({
+        state: r,
         viewMode: b.value
       }) : null;
-    }, $e = (l, f) => Ke(l, w.migrateState, f), Qe = (l, f) => {
-      const I = X(l);
-      return w.applyState(I.state, f) ? (I.viewMode && he(I.viewMode), !0) : !1;
+    }, Ze = (r, c) => He(r, w.migrateState, c), et = (r, c) => {
+      const G = X(r);
+      return w.applyState(G.state, c) ? (G.viewMode && be(G.viewMode), !0) : !1;
     };
-    return we(() => {
-      w.dispose(), be(null);
+    return pe(() => {
+      w.dispose(), Re(null);
     }), u({
       grid: a,
       rowModel: ue,
-      history: Re,
-      getHistory: () => Re,
+      history: Me,
+      getHistory: () => Me,
       toolbarModules: h,
       getToolbarModules: () => h.value,
       getApi: () => a.value?.api ?? null,
@@ -1457,22 +1473,22 @@ const Zt = {
       getCore: () => a.value?.core ?? null,
       getColumnState: () => w.getColumnState(),
       getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => Te.value,
-      runStructuralRowAction: (l, f) => p.value?.(l, f) ?? Promise.resolve(!1),
+      getSelectionAggregatesLabel: () => _e.value,
+      runStructuralRowAction: (r, c) => p.value?.(r, c) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
-        const l = a.value?.api.selection.summarize;
-        if (!l)
+        const r = a.value?.api.selection.summarize;
+        if (!r)
           return null;
-        const f = {
+        const c = {
           readSelectionCell: e.readSelectionCell
         };
-        return l(f);
+        return r(c);
       },
       getView: () => b.value,
-      setView: he,
-      getSavedView: Ye,
-      migrateSavedView: $e,
-      applySavedView: Qe,
+      setView: be,
+      getSavedView: Xe,
+      migrateSavedView: Ze,
+      applySavedView: et,
       applyColumnState: w.applyColumnState,
       getState: w.getState,
       migrateState: w.migrateState,
@@ -1482,29 +1498,29 @@ const Zt = {
       importPivotLayout: w.importPivotLayout,
       expandAllGroups: w.expandAllGroups,
       collapseAllGroups: w.collapseAllGroups,
-      insertRowsAt: (l, f) => a.value?.api.rows.insertDataAt(l, f) ?? !1,
-      insertRowBefore: (l, f) => a.value?.api.rows.insertDataBefore(l, f) ?? !1,
-      insertRowAfter: (l, f) => a.value?.api.rows.insertDataAfter(l, f) ?? !1,
-      insertColumnsAt: (l, f) => a.value?.api.columns.insertAt(l, f) ?? !1,
-      insertColumnBefore: (l, f) => a.value?.api.columns.insertBefore(l, f) ?? !1,
-      insertColumnAfter: (l, f) => a.value?.api.columns.insertAfter(l, f) ?? !1
+      insertRowsAt: (r, c) => a.value?.api.rows.insertDataAt(r, c) ?? !1,
+      insertRowBefore: (r, c) => a.value?.api.rows.insertDataBefore(r, c) ?? !1,
+      insertRowAfter: (r, c) => a.value?.api.rows.insertDataAfter(r, c) ?? !1,
+      insertColumnsAt: (r, c) => a.value?.api.columns.insertAt(r, c) ?? !1,
+      insertColumnBefore: (r, c) => a.value?.api.columns.insertBefore(r, c) ?? !1,
+      insertColumnAfter: (r, c) => a.value?.api.columns.insertAfter(r, c) ?? !1
     }), () => {
-      const l = {
+      const r = {
         mode: n.value,
         rows: e.rows,
         runtime: a.value?.runtime ?? null,
         runtimeRowModel: a.value?.rowModel ?? null,
-        selectionSnapshot: O,
-        selectionAnchor: M,
+        selectionSnapshot: M,
+        selectionAnchor: Te,
         rowSelectionSnapshot: ae,
-        syncSelectionSnapshotFromRuntime: He,
+        syncSelectionSnapshotFromRuntime: Ee,
         syncRowSelectionSnapshotFromRuntime: ie,
-        flushRowSelectionSnapshotUpdates: Se,
+        flushRowSelectionSnapshotUpdates: he,
         sortModel: _.value,
         filterModel: W.value,
         groupBy: N.value,
         pivotModel: q.value,
-        renderMode: L.value,
+        renderMode: x.value,
         virtualization: te.value,
         columnMenu: H.value,
         cellMenu: Z.value,
@@ -1512,7 +1528,7 @@ const Zt = {
         columnLayout: z.value,
         columnReorder: T.value,
         aggregations: U.value,
-        advancedFilter: x.value,
+        advancedFilter: j.value,
         findReplace: E.value,
         gridLines: V.value,
         rowHeightMode: e.rowHeightMode,
@@ -1534,80 +1550,80 @@ const Zt = {
         rowReorder: ne.value,
         viewMode: b.value,
         gantt: e.gantt,
-        history: G.value,
-        chrome: c.value,
-        registerHistoryController: qe,
-        registerStructuralRowActionRunner: be,
-        reportToolbarModules: Je,
+        history: D.value,
+        chrome: f.value,
+        registerHistoryController: $e,
+        registerStructuralRowActionRunner: Re,
+        reportToolbarModules: Qe,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
-      return ge(
-        zt,
+      return we(
+        _t,
         {
           ...t,
           ref: a,
-          key: We.value,
+          key: Ne.value,
           rows: e.rows,
           rowModel: ue.value,
           columns: le.value,
           theme: e.theme,
           layoutMode: K.value.layoutMode,
-          renderMode: L.value,
+          renderMode: x.value,
           pagination: g.value,
           plugins: e.plugins,
-          services: _e.value,
+          services: Ue.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: ke,
-          onSelectionChange: Ue,
-          onRowSelectionChange: Ne
+          onCellChange: qe,
+          onSelectionChange: Je,
+          onRowSelectionChange: Ye
         },
-        r.default ? {
-          default: (f) => r.default?.({
-            ...f,
+        l.default ? {
+          default: (c) => l.default?.({
+            ...c,
             defaultRendererProps: {
-              ...l,
-              runtime: f.runtime,
-              runtimeRowModel: f.rowModel
+              ...r,
+              runtime: c.runtime,
+              runtimeRowModel: c.rowModel
             }
           })
         } : {
-          default: (f) => ge(ft, {
-            ...l,
-            runtime: f.runtime,
-            runtimeRowModel: f.rowModel
+          default: (c) => we(gt, {
+            ...r,
+            runtime: c.runtime,
+            runtimeRowModel: c.rowModel
           })
         }
       );
     };
   }
 });
-function po() {
-  return D(null);
+function bo() {
+  return P(null);
 }
-function So() {
-  return Ie;
+function Ro() {
+  return ze;
 }
-const ho = Ie;
+const Mo = ze;
 export {
-  ho as DataGrid,
-  Mo as DataGridModuleHost,
-  fo as clearDataGridSavedViewInStorage,
-  Ie as default,
-  go as defineDataGridCellClassResolver,
-  wo as defineDataGridCellStyleResolver,
-  Oo as defineDataGridColumns,
-  So as defineDataGridComponent,
-  yo as defineDataGridFilterCellReader,
-  vo as defineDataGridFilterCellStyleReader,
-  mo as defineDataGridSelectionCellReader,
-  uo as defineDataGridStructuralRowActionHandler,
-  Ke as migrateDataGridSavedView,
-  jt as parseDataGridSavedView,
-  co as readDataGridSavedViewFromStorage,
-  xt as serializeDataGridSavedView,
-  po as useDataGridRef,
-  so as writeDataGridSavedViewToStorage
+  Mo as DataGrid,
+  Ao as DataGridModuleHost,
+  vo as clearDataGridSavedViewInStorage,
+  ze as default,
+  So as defineDataGridCellClassResolver,
+  ho as defineDataGridCellStyleResolver,
+  Bo as defineDataGridColumns,
+  Ro as defineDataGridComponent,
+  wo as defineDataGridFilterCellReader,
+  po as defineDataGridFilterCellStyleReader,
+  go as defineDataGridSelectionCellReader,
+  fo as defineDataGridStructuralRowActionHandler,
+  He as migrateDataGridSavedView,
+  zt as parseDataGridSavedView,
+  yo as readDataGridSavedViewFromStorage,
+  Ht as serializeDataGridSavedView,
+  bo as useDataGridRef,
+  mo as writeDataGridSavedViewToStorage
 };