@affino/datagrid-vue-app 0.1.13 → 0.1.15

package/dist/index.js

@@ -1,24 +1,24 @@
-import { defineComponent as ue, ref as Y, provide as ye, computed as f, watch as p, onBeforeUnmount as ee, h as Z, mergeProps as we, toRef as oe } from "vue";
-import { useDataGridRuntime as pe } from "@affino/datagrid-vue";
-import { useDataGridAppSelection as Se, useDataGridAppRowSelection as he } from "@affino/datagrid-vue/app";
-import { d as Re, e as be, f as Me, r as Oe, g as Be, u as Ae, D as Ce } from "./chunks/useDataGridAppRowModel-DJYtqvD0.js";
-import { applyGridTheme as xe, resolveGridThemeTokens as Pe, defaultStyleConfig as C, sugarTheme as se, industrialNeutralTheme as ne } from "@affino/datagrid-theme";
-import { d as Ge } from "./chunks/DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-_1TDQseN.js";
-const De = {
-  default: C,
-  "industrial-neutral": ne,
-  industrialNeutral: ne,
-  sugar: se
+import { defineComponent as se, ref as Y, provide as we, computed as g, watch as w, onBeforeUnmount as ee, h as Z, mergeProps as Se, toRef as ne } from "vue";
+import { useDataGridRuntime as he } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as Re, useDataGridAppRowSelection as be } from "@affino/datagrid-vue/app";
+import { d as Me, e as Oe, f as Be, r as Ae, g as Ce, u as xe, D as Pe } from "./chunks/useDataGridAppRowModel-Bxzexir6.js";
+import { applyGridTheme as Ge, resolveGridThemeTokens as De, defaultStyleConfig as x, sugarTheme as de, industrialNeutralTheme as re } from "@affino/datagrid-theme";
+import { d as Le } from "./chunks/DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-_1TDQseN.js";
+const Ie = {
+  default: x,
+  "industrial-neutral": re,
+  industrialNeutral: re,
+  sugar: de
 };
-function Le(e, t) {
+function je(e, t) {
   if (!e && !t)
     return;
   const r = {
     ...e ?? {}
   };
-  for (const [n, c] of Object.entries(t ?? {}))
-    r[n] = {
-      ...r[n] ?? {},
+  for (const [o, c] of Object.entries(t ?? {}))
+    r[o] = {
+      ...r[o] ?? {},
       ...c
     };
   return r;
@@ -34,34 +34,34 @@ function J(e, t) {
     summary: { ...e.summary ?? {}, ...t.summary ?? {} },
     state: { ...e.state ?? {}, ...t.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
-    tokenVariants: Le(e.tokenVariants, t.tokenVariants)
+    tokenVariants: je(e.tokenVariants, t.tokenVariants)
   };
 }
-function Ie(e) {
+function Ke(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 je(e) {
-  return e == null ? C : typeof e == "string" ? e === "sugar" ? J(C, se) : De[e] ?? C : Ie(e) ? J(C, e) : J(C, {
+function Fe(e) {
+  return e == null ? x : typeof e == "string" ? e === "sugar" ? J(x, de) : Ie[e] ?? x : Ke(e) ? J(x, e) : J(x, {
     tokens: e
   });
 }
-function Ke(e) {
-  const t = je(e);
-  return Pe(t ?? C, {
+function Te(e) {
+  const t = Fe(e);
+  return De(t ?? x, {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function re(e, t) {
-  const r = Ke(t);
-  return xe(e, r), r;
-}
 function le(e, t) {
-  return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
+  const r = Te(t);
+  return Ge(e, r), r;
 }
 function ae(e, t) {
+  return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
+}
+function ie(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
-function Fe(e) {
+function ze(e) {
   if (e !== void 0) {
     if (e == null)
       return null;
@@ -76,23 +76,23 @@ function Fe(e) {
     return e;
   }
 }
-function Te(e, t) {
+function He(e, t) {
   return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
 }
-function ze(e, t, r, n) {
+function We(e, t, r, o) {
   if (t !== "pagination")
     return null;
-  const c = 100, a = ae(r, c), y = le(n, 0);
+  const c = 100, a = ie(r, c), v = ae(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: a,
-    currentPage: y
+    currentPage: v
   } : {
-    pageSize: ae(r ?? e.pageSize, c),
-    currentPage: le(n ?? e.currentPage, 0)
+    pageSize: ie(r ?? e.pageSize, c),
+    currentPage: ae(o ?? e.currentPage, 0)
   };
 }
 const $ = "Advanced filter";
-function He(e) {
+function Ve(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: $
@@ -104,73 +104,73 @@ function He(e) {
     buttonLabel: $
   };
 }
-function ie(e) {
+function ue(e) {
   if (typeof e != "number" || !Number.isFinite(e))
     return null;
   const t = Math.max(0, Math.trunc(e));
   return t > 0 ? t : null;
 }
-function We(e, t, r) {
-  const n = e === "auto-height" ? "auto-height" : "fill";
-  if (n !== "auto-height")
+function _e(e, t, r) {
+  const o = e === "auto-height" ? "auto-height" : "fill";
+  if (o !== "auto-height")
     return {
-      layoutMode: n,
+      layoutMode: o,
       minRows: null,
       maxRows: null
     };
-  const c = ie(t);
-  let a = ie(r);
+  const c = ue(t);
+  let a = ue(r);
   return c !== null && a !== null && a < c && (a = c), {
-    layoutMode: n,
+    layoutMode: o,
     minRows: c,
     maxRows: a
   };
 }
-function Ve(e) {
+function Ee(e) {
   return typeof e == "object" && e !== null;
 }
-function de(e, t, r) {
-  const n = Ve(e) ? e : null, c = t(n && "state" in n ? n.state : e, r);
+function ce(e, t, r) {
+  const o = Ee(e) ? e : null, c = t(o && "state" in o ? o.state : e, r);
   if (!c)
     return null;
-  const a = n?.viewMode, y = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
+  const a = o?.viewMode, v = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
   return {
     state: c,
-    ...y ? { viewMode: y } : {}
+    ...v ? { viewMode: v } : {}
   };
 }
-function Ee(e) {
+function ke(e) {
   return JSON.stringify(e);
 }
-function ke(e, t, r) {
+function Ne(e, t, r) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return de(JSON.parse(e), t, r);
+    return ce(JSON.parse(e), t, r);
   } catch {
     return null;
   }
 }
-function at(e, t, r) {
+function ut(e, t, r) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
-    return e.setItem(t, Ee(r)), !0;
+    return e.setItem(t, ke(r)), !0;
   } catch {
     return !1;
   }
 }
-function it(e, t, r, n) {
+function st(e, t, r, o) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return null;
   try {
     const c = e.getItem(t);
-    return c ? ke(c, r, n) : null;
+    return c ? Ne(c, r, o) : null;
   } catch {
     return null;
   }
 }
-function ut(e, t) {
+function dt(e, t) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -180,7 +180,7 @@ function ut(e, t) {
   }
 }
 const q = "Columns";
-function Ne(e) {
+function Ue(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: q
@@ -193,7 +193,7 @@ function Ne(e) {
   };
 }
 const Q = "Aggregations";
-function Ue(e) {
+function Je(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: Q
@@ -208,7 +208,7 @@ function Ue(e) {
 function T(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function _e(e, t) {
+function $e(e, t) {
   const r = {
     rows: !0,
     columns: !1,
@@ -221,12 +221,12 @@ function _e(e, t) {
     r.rows = !1, r.columns = !1;
   else if (e && typeof e == "object") {
     r.rows = e.rows ?? r.rows, r.columns = e.columns ?? r.columns;
-    const n = T(e.overscan, r.rowOverscan);
-    r.rowOverscan = T(e.rowOverscan, n), r.columnOverscan = T(e.columnOverscan, T(e.overscan, r.columnOverscan));
+    const o = T(e.overscan, r.rowOverscan);
+    r.rowOverscan = T(e.rowOverscan, o), r.columnOverscan = T(e.columnOverscan, T(e.overscan, r.columnOverscan));
   }
   return t === "pagination" && (r.rows = !1), r;
 }
-const Je = ue({
+const qe = se({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -275,15 +275,19 @@ const Je = ue({
       default: null
     }
   },
-  emits: ["cell-change", "selection-change"],
-  setup(e, { attrs: t, slots: r, emit: n, expose: c }) {
+  emits: {
+    "cell-change": (e) => !0,
+    "selection-change": (e) => !0,
+    "row-selection-change": (e) => !0
+  },
+  setup(e, { attrs: t, slots: r, emit: o, expose: c }) {
     const a = Y(null);
-    ye(Ge, a);
-    let y = null;
-    const i = pe({
-      rows: f(() => e.rows),
+    we(Le, a);
+    let v = null;
+    const i = he({
+      rows: g(() => e.rows),
       rowModel: e.rowModel,
-      columns: f(() => e.columns),
+      columns: g(() => e.columns),
       plugins: e.plugins,
       services: e.services,
       startupOrder: e.startupOrder,
@@ -298,54 +302,56 @@ const Je = ue({
       resolveBodyRowIndexById: h.resolveBodyRowIndexById
     }, A = () => {
       if (e.renderMode === "pagination") {
-        const v = e.pagination ?? { pageSize: 100, currentPage: 0 };
+        const f = e.pagination ?? { pageSize: 100, currentPage: 0 };
         i.api.rows.setPagination({
-          pageSize: Math.max(1, Math.trunc(v.pageSize)),
-          currentPage: Math.max(0, Math.trunc(v.currentPage))
+          pageSize: Math.max(1, Math.trunc(f.pageSize)),
+          currentPage: Math.max(0, Math.trunc(f.currentPage))
         });
         return;
       }
       i.api.rows.setPagination(null);
     };
-    p(
+    w(
       () => e.renderMode,
       () => {
         A();
       },
       { immediate: !0 }
-    ), p(
+    ), w(
       () => e.pagination,
       () => {
         A();
       },
       { immediate: !0, deep: !0 }
-    ), typeof document < "u" && (y = new MutationObserver(() => {
-      const v = a.value;
-      v && re(v, e.theme);
-    }), y.observe(document.documentElement, {
+    ), typeof document < "u" && (v = new MutationObserver(() => {
+      const f = a.value;
+      f && le(f, e.theme);
+    }), v.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
-    })), p(
+    })), w(
       [() => e.theme, a],
       () => {
-        const v = a.value;
-        v && re(v, e.theme);
+        const f = a.value;
+        f && le(f, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const x = i.api.events.on("rows:changed", (v) => {
-      n("cell-change", v);
-    }), P = i.api.events.on("selection:changed", (v) => {
-      n("selection-change", v);
+    const P = i.api.events.on("rows:changed", (f) => {
+      o("cell-change", f);
+    }), G = i.api.events.on("selection:changed", (f) => {
+      o("selection-change", f);
+    }), y = i.api.events.on("row-selection:changed", (f) => {
+      o("row-selection-change", f);
     });
     ee(() => {
-      x(), P(), y?.disconnect(), y = null;
+      P(), G(), y(), v?.disconnect(), v = null;
     });
-    const g = f(() => {
-      const v = i.virtualWindow.value;
+    const C = g(() => {
+      const f = i.virtualWindow.value;
       return {
-        ...v ?? {},
-        rowTotal: v?.rowTotal ?? i.rowPartition.value.bodyRowCount,
+        ...f ?? {},
+        rowTotal: f?.rowTotal ?? i.rowPartition.value.bodyRowCount,
         colTotal: i.columnSnapshot.value.visibleColumns.length
       };
     });
@@ -366,7 +372,7 @@ const Je = ue({
       stop: i.stop
     }), () => Z(
       "div",
-      we(t, {
+      Se(t, {
         ref: a,
         class: [
           "affino-datagrid-app-root",
@@ -392,7 +398,7 @@ const Je = ue({
         syncBodyRowsInRange: i.syncBodyRowsInRange,
         getBodyRowAtIndex: h.getBodyRowAtIndex,
         resolveBodyRowIndexById: h.resolveBodyRowIndexById,
-        virtualWindow: g.value
+        virtualWindow: C.value
       }) ?? []
     );
   }
@@ -407,21 +413,21 @@ function B(e) {
     return null;
   }
 }
-function $e(e) {
+function Qe(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function qe(e) {
-  let t = null, r = null, n = !1, c = null, a = null, y = null, i = null, h = null, b = null, A = null;
-  const x = () => {
+function Xe(e) {
+  let t = null, r = null, o = !1, c = null, a = null, v = null, i = null, h = null, b = null, A = null;
+  const P = () => {
     t?.(), r?.(), t = null, r = null;
-  }, P = () => {
-    const o = e.gridRef.value?.api.columns;
-    if (!o)
+  }, G = () => {
+    const n = e.gridRef.value?.api.columns;
+    if (!n)
       return null;
-    const d = o.getSnapshot(), u = {}, s = {}, R = {};
+    const d = n.getSnapshot(), u = {}, s = {}, R = {};
     for (const S of d.columns)
       u[S.key] = S.visible, s[S.key] = S.width, R[S.key] = S.pin;
     return {
@@ -430,41 +436,41 @@ function qe(e) {
       widths: s,
       pins: R
     };
-  }, g = () => {
-    n || (n = !0, queueMicrotask(() => {
-      n = !1;
-      const o = P(), d = e.gridRef.value?.api;
-      if (o) {
-        const u = B(o);
-        b = u, u !== y && (y = u, e.emit.columnState(o), e.emit.columnOrder(o.order), e.emit.hiddenColumnKeys(
-          Object.entries(o.visibility).filter(([, s]) => !s).map(([s]) => s)
-        ), e.emit.columnWidths(o.widths), e.emit.columnPins(o.pins));
+  }, y = () => {
+    o || (o = !0, queueMicrotask(() => {
+      o = !1;
+      const n = G(), d = e.gridRef.value?.api;
+      if (n) {
+        const u = B(n);
+        b = u, u !== v && (v = u, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
+          Object.entries(n.visibility).filter(([, s]) => !s).map(([s]) => s)
+        ), e.emit.columnWidths(n.widths), e.emit.columnPins(n.pins));
       }
       if (d) {
-        const u = $e(d.rows.getSnapshot().groupBy), s = B(u);
+        const u = Qe(d.rows.getSnapshot().groupBy), s = B(u);
         s !== h && (h = s, e.emit.groupBy(u));
         const R = d.state.get(), S = B(R);
         A = S, S !== i && (i = S, e.emit.state(R));
       }
     }));
-  }, v = () => {
-    const o = e.gridRef.value?.api;
-    !o || e.props.sortModel === void 0 && e.props.filterModel === void 0 || o.rows.setSortAndFilterModel({
+  }, C = () => {
+    const n = e.gridRef.value?.api;
+    !n || e.props.sortModel === void 0 && e.props.filterModel === void 0 || n.rows.setSortAndFilterModel({
       sortModel: e.props.sortModel ?? [],
       filterModel: e.props.filterModel ?? null
     });
-  }, G = () => {
-    const o = e.gridRef.value?.api;
-    !o || e.props.groupBy === void 0 || o.rows.setGroupBy(e.props.groupBy ?? null);
+  }, f = () => {
+    const n = e.gridRef.value?.api;
+    !n || e.props.groupBy === void 0 || n.rows.setGroupBy(e.props.groupBy ?? null);
   }, D = () => {
-    const o = e.gridRef.value?.api;
-    !o || e.props.aggregationModel === void 0 || o.rows.setAggregationModel(e.props.aggregationModel ?? null);
+    const n = e.gridRef.value?.api;
+    !n || e.props.aggregationModel === void 0 || n.rows.setAggregationModel(e.props.aggregationModel ?? null);
   }, M = () => {
-    const o = e.gridRef.value?.api;
-    !o || e.props.pivotModel === void 0 || o.pivot.setModel(e.props.pivotModel ?? null);
+    const n = e.gridRef.value?.api;
+    !n || e.props.pivotModel === void 0 || n.pivot.setModel(e.props.pivotModel ?? null);
   }, O = () => {
-    const o = e.gridRef.value?.api;
-    if (!o || 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 n = e.gridRef.value?.api;
+    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 = B({
       columnState: e.props.columnState,
@@ -479,30 +485,30 @@ function qe(e) {
         return;
       }
       if (e.props.columnState) {
-        o.columns.setOrder(e.props.columnState.order);
+        n.columns.setOrder(e.props.columnState.order);
         for (const [u, s] of Object.entries(e.props.columnState.visibility))
-          o.columns.setVisibility(u, s);
+          n.columns.setVisibility(u, s);
         for (const [u, s] of Object.entries(e.props.columnState.widths))
-          o.columns.setWidth(u, X(s));
+          n.columns.setWidth(u, X(s));
         for (const [u, s] of Object.entries(e.props.columnState.pins))
-          o.columns.setPin(u, s);
+          n.columns.setPin(u, s);
       }
-      if (e.props.columnOrder && o.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
-        const u = new Set(e.props.hiddenColumnKeys), s = o.columns.getSnapshot();
+      if (e.props.columnOrder && n.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
+        const u = new Set(e.props.hiddenColumnKeys), s = n.columns.getSnapshot();
         for (const R of s.columns)
-          o.columns.setVisibility(R.key, !u.has(R.key));
+          n.columns.setVisibility(R.key, !u.has(R.key));
       }
       if (e.props.columnWidths)
         for (const [u, s] of Object.entries(e.props.columnWidths))
-          o.columns.setWidth(u, X(s));
+          n.columns.setWidth(u, X(s));
       if (e.props.columnPins)
         for (const [u, s] of Object.entries(e.props.columnPins))
-          o.columns.setPin(u, s);
+          n.columns.setPin(u, s);
       c = d;
     }
   }, L = () => {
-    const o = e.gridRef.value?.api;
-    if (!o || e.props.state == null)
+    const n = e.gridRef.value?.api;
+    if (!n || e.props.state == null)
       return;
     const d = B(e.props.state);
     if (d === a)
@@ -511,69 +517,69 @@ function qe(e) {
       a = d;
       return;
     }
-    const u = o.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
-    u && (o.state.set(u, e.props.stateOptions ?? {}), a = d);
+    const u = n.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
+    u && (n.state.set(u, e.props.stateOptions ?? {}), a = d);
   }, I = () => {
-    const o = e.gridRef.value?.api;
-    o && (o.view.setRowHeightMode(e.props.rowHeightMode), o.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
+    const n = e.gridRef.value?.api;
+    n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, j = () => {
-    const o = e.gridRef.value;
-    o && (c = null, a = null, x(), t = o.rowModel.subscribe(() => {
-      g();
-    }), r = o.columnModel.subscribe(() => {
-      g();
-    }), L(), O(), v(), G(), D(), M(), I(), g(), e.emit.ready({ api: o.api }));
-  }, H = () => e.gridRef.value?.api.state.get() ?? null, W = (o, d) => e.gridRef.value?.api.state.migrate(o, d) ?? null, V = (o) => {
+    const n = e.gridRef.value;
+    n && (c = null, a = null, P(), t = n.rowModel.subscribe(() => {
+      y();
+    }), r = n.columnModel.subscribe(() => {
+      y();
+    }), L(), O(), C(), f(), D(), M(), I(), y(), e.emit.ready({ api: n.api }));
+  }, H = () => e.gridRef.value?.api.state.get() ?? null, W = (n, d) => e.gridRef.value?.api.state.migrate(n, d) ?? null, V = (n) => {
     const d = e.gridRef.value?.api;
     if (!d)
       return !1;
     c = B({
-      columnState: o,
+      columnState: n,
       columnOrder: null,
       hiddenColumnKeys: null,
       columnWidths: null,
       columnPins: null
-    }), d.columns.setOrder(o.order);
-    for (const [u, s] of Object.entries(o.visibility))
+    }), d.columns.setOrder(n.order);
+    for (const [u, s] of Object.entries(n.visibility))
       d.columns.setVisibility(u, s);
-    for (const [u, s] of Object.entries(o.widths))
+    for (const [u, s] of Object.entries(n.widths))
       d.columns.setWidth(u, X(s));
-    for (const [u, s] of Object.entries(o.pins))
+    for (const [u, s] of Object.entries(n.pins))
       d.columns.setPin(u, s);
-    return g(), !0;
-  }, E = (o, d) => {
+    return y(), !0;
+  }, _ = (n, d) => {
     const u = e.gridRef.value?.api;
     if (!u)
       return !1;
-    const s = u.state.migrate(o, { strict: d?.strict });
-    return s ? (u.state.set(s, d), a = B(o), g(), !0) : !1;
-  }, k = () => e.gridRef.value?.api.pivot.exportLayout() ?? null, N = () => e.gridRef.value?.api.pivot.exportInterop() ?? null, U = (o, d) => {
+    const s = u.state.migrate(n, { strict: d?.strict });
+    return s ? (u.state.set(s, d), a = B(n), y(), !0) : !1;
+  }, E = () => e.gridRef.value?.api.pivot.exportLayout() ?? null, k = () => e.gridRef.value?.api.pivot.exportInterop() ?? null, N = (n, d) => {
     const u = e.gridRef.value?.api;
-    return u ? (u.pivot.importLayout(o, d), g(), !0) : !1;
-  }, _ = () => {
-    e.gridRef.value?.api.rows.expandAllGroups(), g();
+    return u ? (u.pivot.importLayout(n, d), y(), !0) : !1;
+  }, U = () => {
+    e.gridRef.value?.api.rows.expandAllGroups(), y();
   }, F = () => {
-    e.gridRef.value?.api.rows.collapseAllGroups(), g();
+    e.gridRef.value?.api.rows.collapseAllGroups(), y();
   };
-  p(
+  w(
     () => e.gridRef.value,
     () => {
       j();
     },
     { immediate: !0 }
-  ), p(
+  ), w(
     () => e.props.columns,
     () => {
-      c = null, a = null, L(), O(), g();
+      c = null, a = null, L(), O(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      L(), O(), v(), G(), D(), M(), I(), g();
+      L(), O(), C(), f(), D(), M(), I(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [
       e.props.columnState,
       e.props.columnOrder,
@@ -582,61 +588,61 @@ function qe(e) {
       e.props.columnPins
     ],
     () => {
-      O(), g();
+      O(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [e.props.sortModel, e.props.filterModel],
     () => {
-      v(), g();
+      C(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => e.props.groupBy,
     () => {
-      G(), g();
+      f(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => e.props.aggregationModel,
     () => {
-      D(), g();
+      D(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => e.props.pivotModel,
     () => {
-      M(), g();
+      M(), y();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      I(), g();
+      I(), y();
     }
   );
   const K = () => {
-    x();
+    P();
   };
   return ee(() => {
     K();
   }), {
-    emitSnapshotUpdates: g,
+    emitSnapshotUpdates: y,
     handleGridReady: j,
     dispose: K,
-    getColumnState: P,
+    getColumnState: G,
     getState: H,
     migrateState: W,
     applyColumnState: V,
-    applyState: E,
-    exportPivotLayout: k,
-    exportPivotInterop: N,
-    importPivotLayout: U,
-    expandAllGroups: _,
+    applyState: _,
+    exportPivotLayout: E,
+    exportPivotInterop: k,
+    importPivotLayout: N,
+    expandAllGroups: U,
     collapseAllGroups: F
   };
 }
-function Qe() {
+function Ye() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -660,42 +666,42 @@ function Qe() {
   };
 }
 function z(e, t) {
-  const r = t.map((n) => n?.[e]).filter((n) => typeof n == "function");
+  const r = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
   if (r.length !== 0)
-    return async (n) => {
+    return async (o) => {
       for (const c of r)
-        await c(n);
+        await c(o);
     };
 }
-function Xe(e) {
+function Ze(e) {
   const {
     userSelectionService: t,
     cellSelectionService: r,
-    rowSelectionService: n
+    rowSelectionService: o
   } = e;
   return {
     name: "selection",
-    init: z("init", [t, r, n]),
-    start: z("start", [t, r, n]),
-    stop: z("stop", [t, r, n]),
-    dispose: z("dispose", [t, r, n]),
+    init: z("init", [t, r, o]),
+    start: z("start", [t, r, o]),
+    stop: z("stop", [t, r, o]),
+    dispose: z("dispose", [t, r, o]),
     getSelectionSnapshot: r.getSelectionSnapshot,
     setSelectionSnapshot: r.setSelectionSnapshot,
     clearSelection: r.clearSelection,
-    getRowSelectionSnapshot: n.getRowSelectionSnapshot,
-    setRowSelectionSnapshot: n.setRowSelectionSnapshot,
-    clearRowSelection: n.clearRowSelection,
-    getFocusedRow: n.getFocusedRow,
-    setFocusedRow: n.setFocusedRow,
-    getSelectedRows: n.getSelectedRows,
-    isRowSelected: n.isRowSelected,
-    setRowSelected: n.setRowSelected,
-    selectRows: n.selectRows,
-    deselectRows: n.deselectRows,
-    clearSelectedRows: n.clearSelectedRows
+    getRowSelectionSnapshot: o.getRowSelectionSnapshot,
+    setRowSelectionSnapshot: o.setRowSelectionSnapshot,
+    clearRowSelection: o.clearRowSelection,
+    getFocusedRow: o.getFocusedRow,
+    setFocusedRow: o.setFocusedRow,
+    getSelectedRows: o.getSelectedRows,
+    isRowSelected: o.isRowSelected,
+    setRowSelected: o.setRowSelected,
+    selectRows: o.selectRows,
+    deselectRows: o.deselectRows,
+    clearSelectedRows: o.clearSelectedRows
   };
 }
-const Ye = ue({
+const et = se({
   name: "DataGrid",
   inheritAttrs: !1,
   props: {
@@ -894,35 +900,40 @@ const Ye = ue({
     gantt: {
       type: [Boolean, Object],
       default: void 0
+    },
+    toolbarModules: {
+      type: Array,
+      default: () => []
     }
   },
-  emits: [
-    "cell-change",
-    "selection-change",
-    "row-select",
-    "update:columnState",
-    "update:columnOrder",
-    "update:hiddenColumnKeys",
-    "update:columnWidths",
-    "update:columnPins",
-    "update:groupBy",
-    "update:viewMode",
-    "update:state",
-    "ready"
-  ],
-  setup(e, { attrs: t, slots: r, emit: n, expose: c }) {
-    const a = Y(null), y = Y("table"), i = f(() => Te(e.renderMode, e.pagination)), h = f(() => ze(
+  emits: {
+    "cell-change": (e) => !0,
+    "selection-change": (e) => !0,
+    "row-selection-change": (e) => !0,
+    "row-select": (e) => !0,
+    "update:columnState": (e) => !0,
+    "update:columnOrder": (e) => !0,
+    "update:hiddenColumnKeys": (e) => !0,
+    "update:columnWidths": (e) => !0,
+    "update:columnPins": (e) => !0,
+    "update:groupBy": (e) => !0,
+    "update:viewMode": (e) => !0,
+    "update:state": (e) => !0,
+    ready: (e) => !0
+  },
+  setup(e, { attrs: t, slots: r, emit: o, expose: c }) {
+    const a = Y(null), v = Y("table"), i = g(() => He(e.renderMode, e.pagination)), h = g(() => We(
       e.pagination,
       i.value,
       e.pageSize,
       e.currentPage
-    )), b = f(() => Re(e.columnMenu)), A = f(() => be(e.cellMenu)), x = f(() => Me(e.rowIndexMenu)), P = f(() => Ne(e.columnLayout)), g = f(() => Ue(e.aggregations)), v = f(() => He(e.advancedFilter)), G = f(() => Fe(e.groupBy)), D = f(() => _e(e.virtualization, i.value)), M = f(() => We(e.layoutMode, e.minRows, e.maxRows)), O = f(() => Oe({
+    )), b = g(() => Me(e.columnMenu)), A = g(() => Oe(e.cellMenu)), P = g(() => Be(e.rowIndexMenu)), G = g(() => Ue(e.columnLayout)), y = g(() => Je(e.aggregations)), C = g(() => Ve(e.advancedFilter)), f = g(() => ze(e.groupBy)), D = g(() => $e(e.virtualization, i.value)), M = g(() => _e(e.layoutMode, e.minRows, e.maxRows)), O = g(() => Ae({
       columns: e.columns,
       clientRowModelOptions: e.clientRowModelOptions,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), L = f(() => Be(e.columns)), I = {
+    })), L = g(() => Ce(e.columns)), I = {
       get state() {
         return e.state;
       },
@@ -951,7 +962,7 @@ const Ye = ue({
         return e.filterModel;
       },
       get groupBy() {
-        return G.value;
+        return f.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -968,70 +979,74 @@ const Ye = ue({
       get columns() {
         return e.columns;
       }
-    }, j = f(() => e.pivotModel ? "pivot" : O.value && "initialTreeData" in O.value ? "tree" : "base"), H = f(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), W = f(() => a.value?.api.rows.getCount() ?? 0), V = {
-      mode: f(() => j.value),
+    }, j = g(() => e.pivotModel ? "pivot" : O.value && "initialTreeData" in O.value ? "tree" : "base"), H = g(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), W = g(() => a.value?.api.rows.getCount() ?? 0), V = {
+      mode: g(() => j.value),
       resolveRuntime: () => a.value,
       visibleColumns: H,
       totalRows: W,
-      showRowSelection: f(() => e.rowSelection)
+      showRowSelection: g(() => e.rowSelection)
     }, {
-      selectionSnapshot: E,
-      selectionAnchor: k,
-      syncSelectionSnapshotFromRuntime: N,
-      selectionService: U,
-      selectionAggregatesLabel: _
-    } = Se(V), {
+      selectionSnapshot: _,
+      selectionAnchor: E,
+      syncSelectionSnapshotFromRuntime: k,
+      selectionService: N,
+      selectionAggregatesLabel: U
+    } = Re(V), {
       rowSelectionSnapshot: F,
       syncRowSelectionSnapshotFromRuntime: K,
-      reconcileRowSelectionFromRuntime: o,
+      reconcileRowSelectionFromRuntime: n,
       selectionService: d
-    } = he({
+    } = be({
       resolveRuntime: () => a.value
-    }), u = f(() => e.rowSelection ? d : Qe()), s = f(() => ({
+    }), u = g(() => e.rowSelection ? d : Ye()), s = g(() => ({
       ...e.services ?? {},
-      selection: Xe({
+      selection: Ze({
         userSelectionService: e.services?.selection,
-        cellSelectionService: U,
+        cellSelectionService: N,
         rowSelectionService: u.value
       })
     })), {
       dataGridInstanceKey: R,
       resolvedRowModel: S
-    } = Ae({
-      rows: oe(e, "rows"),
-      rowModel: oe(e, "rowModel"),
+    } = xe({
+      rows: ne(e, "rows"),
+      rowModel: ne(e, "rowModel"),
       clientRowModelOptions: O,
       onOwnedRowModelRecreated: () => {
-        w.dispose();
+        p.dispose();
       }
-    }), w = qe({
+    }), p = Xe({
       gridRef: a,
       props: I,
       emit: {
-        columnState: (l) => n("update:columnState", l),
-        columnOrder: (l) => n("update:columnOrder", l),
-        hiddenColumnKeys: (l) => n("update:hiddenColumnKeys", l),
-        columnWidths: (l) => n("update:columnWidths", l),
-        columnPins: (l) => n("update:columnPins", l),
-        groupBy: (l) => n("update:groupBy", l),
-        state: (l) => n("update:state", l),
-        ready: (l) => n("ready", {
+        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) => o("update:state", l),
+        ready: (l) => o("ready", {
           api: l.api,
           rowModel: S.value
         })
       }
-    }), ce = (l) => {
-      o(), n("cell-change", l), w.emitSnapshotUpdates();
-    }, me = (l) => {
-      n("selection-change", l);
+    }), me = (l) => {
+      n(), o("cell-change", l), p.emitSnapshotUpdates();
+    }, fe = (l) => {
+      o("selection-change", l);
+    }, ge = (l) => {
+      o("row-selection-change", l);
+    }, te = () => {
+      p.emitSnapshotUpdates();
     };
-    p(
+    w(
       F,
       (l) => {
-        n("row-select", l);
+        o("row-select", l), te();
       },
       { deep: !0 }
-    ), p(
+    ), w(
       () => e.rowSelection,
       (l) => {
         if (l) {
@@ -1041,49 +1056,49 @@ const Ye = ue({
         d.clearRowSelection?.();
       },
       { immediate: !0 }
-    ), p(
+    ), w(
       () => e.viewMode,
       (l) => {
-        y.value = l === "gantt" ? "gantt" : "table";
+        v.value = l === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const te = (l) => {
+    const oe = (l) => {
       const m = l === "gantt" ? "gantt" : "table";
-      y.value = m, n("update:viewMode", m);
-    }, fe = () => {
-      const l = w.getState();
+      v.value = m, o("update:viewMode", m);
+    }, ye = () => {
+      const l = p.getState();
       return l ? {
         state: l,
-        viewMode: y.value
+        viewMode: v.value
       } : null;
-    }, ge = (l, m) => de(l, w.migrateState, m), ve = (l, m) => w.applyState(l.state, m) ? (l.viewMode && te(l.viewMode), !0) : !1;
+    }, ve = (l, m) => ce(l, p.migrateState, m), pe = (l, m) => p.applyState(l.state, m) ? (l.viewMode && oe(l.viewMode), !0) : !1;
     return ee(() => {
-      w.dispose();
+      p.dispose();
     }), c({
       grid: a,
       rowModel: S,
       getApi: () => a.value?.api ?? null,
       getRuntime: () => a.value?.runtime ?? null,
       getCore: () => a.value?.core ?? null,
-      getColumnState: () => w.getColumnState(),
+      getColumnState: () => p.getColumnState(),
       getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => _.value,
+      getSelectionAggregatesLabel: () => U.value,
       getSelectionSummary: () => a.value?.api.selection.summarize() ?? null,
-      getView: () => y.value,
-      setView: te,
-      getSavedView: fe,
-      migrateSavedView: ge,
-      applySavedView: ve,
-      applyColumnState: w.applyColumnState,
-      getState: w.getState,
-      migrateState: w.migrateState,
-      applyState: w.applyState,
-      exportPivotLayout: w.exportPivotLayout,
-      exportPivotInterop: w.exportPivotInterop,
-      importPivotLayout: w.importPivotLayout,
-      expandAllGroups: w.expandAllGroups,
-      collapseAllGroups: w.collapseAllGroups,
+      getView: () => v.value,
+      setView: oe,
+      getSavedView: ye,
+      migrateSavedView: ve,
+      applySavedView: pe,
+      applyColumnState: p.applyColumnState,
+      getState: p.getState,
+      migrateState: p.migrateState,
+      applyState: p.applyState,
+      exportPivotLayout: p.exportPivotLayout,
+      exportPivotInterop: p.exportPivotInterop,
+      importPivotLayout: p.importPivotLayout,
+      expandAllGroups: p.expandAllGroups,
+      collapseAllGroups: p.collapseAllGroups,
       insertRowsAt: (l, m) => a.value?.api.rows.insertDataAt(l, m) ?? !1,
       insertRowBefore: (l, m) => a.value?.api.rows.insertDataBefore(l, m) ?? !1,
       insertRowAfter: (l, m) => a.value?.api.rows.insertDataAfter(l, m) ?? !1,
@@ -1096,23 +1111,24 @@ const Ye = ue({
         rows: e.rows,
         runtime: a.value?.runtime ?? null,
         runtimeRowModel: a.value?.rowModel ?? null,
-        selectionSnapshot: E,
-        selectionAnchor: k,
+        selectionSnapshot: _,
+        selectionAnchor: E,
         rowSelectionSnapshot: F,
-        syncSelectionSnapshotFromRuntime: N,
+        syncSelectionSnapshotFromRuntime: k,
         syncRowSelectionSnapshotFromRuntime: K,
+        flushRowSelectionSnapshotUpdates: te,
         sortModel: e.sortModel,
         filterModel: e.filterModel,
-        groupBy: G.value,
+        groupBy: f.value,
         pivotModel: e.pivotModel,
         renderMode: i.value,
         virtualization: D.value,
         columnMenu: b.value,
         cellMenu: A.value,
-        rowIndexMenu: x.value,
-        columnLayout: P.value,
-        aggregations: g.value,
-        advancedFilter: v.value,
+        rowIndexMenu: P.value,
+        columnLayout: G.value,
+        aggregations: y.value,
+        advancedFilter: C.value,
         rowHeightMode: e.rowHeightMode,
         baseRowHeight: e.baseRowHeight,
         layoutMode: M.value.layoutMode,
@@ -1125,11 +1141,12 @@ const Ye = ue({
         isCellEditable: e.isCellEditable,
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
-        viewMode: y.value,
-        gantt: e.gantt
+        viewMode: v.value,
+        gantt: e.gantt,
+        toolbarModules: e.toolbarModules
       };
       return Z(
-        Je,
+        qe,
         {
           ...t,
           ref: a,
@@ -1145,8 +1162,9 @@ const Ye = ue({
           services: s.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: ce,
-          onSelectionChange: me
+          onCellChange: me,
+          onSelectionChange: fe,
+          onRowSelectionChange: ge
         },
         r.default ? {
           default: (m) => r.default?.({
@@ -1158,7 +1176,7 @@ const Ye = ue({
             }
           })
         } : {
-          default: (m) => Z(Ce, {
+          default: (m) => Z(Pe, {
             ...l,
             runtime: m.runtime,
             runtimeRowModel: m.rowModel
@@ -1167,14 +1185,14 @@ const Ye = ue({
       );
     };
   }
-}), st = Ye;
+}), ct = et;
 export {
-  st as DataGrid,
-  ut as clearDataGridSavedViewInStorage,
-  Ye as default,
-  de as migrateDataGridSavedView,
-  ke as parseDataGridSavedView,
-  it as readDataGridSavedViewFromStorage,
-  Ee as serializeDataGridSavedView,
-  at as writeDataGridSavedViewToStorage
+  ct as DataGrid,
+  dt as clearDataGridSavedViewInStorage,
+  et as default,
+  ce as migrateDataGridSavedView,
+  Ne as parseDataGridSavedView,
+  st as readDataGridSavedViewFromStorage,
+  ke as serializeDataGridSavedView,
+  ut as writeDataGridSavedViewToStorage
 };