@affino/datagrid-vue-app 0.1.48 → 0.1.49

package/dist/gantt.js

@@ -1,4 +1,4 @@
-import { D as t } from "./chunks/DataGridGanttStageEntry-BpEn4dPx.js";
+import { D as t } from "./chunks/DataGridGanttStageEntry-BwdBiQkI.js";
 import { buildDataGridTimelineRenderModels as r, normalizeDataGridGanttOptions as n, resolveDataGridTimelineRange as o } from "@affino/datagrid-gantt";
 export {
   t as DataGridGanttStage,

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export type { DataGridColumnReorderOptions, DataGridColumnReorderProp, } from ".
 export type { DataGridRowReorderOptions, DataGridRowReorderProp, } from "./config/dataGridRowReorder";
 export { clearDataGridSavedViewInStorage, migrateDataGridSavedView, parseDataGridSavedView, readDataGridSavedViewFromStorage, serializeDataGridSavedView, writeDataGridSavedViewToStorage, } from "./config/dataGridSavedView";
 export type { DataGridAggregationsOptions, DataGridAggregationsProp, } from "./config/dataGridAggregations";
-export type { DataGridColumnMenuActionKey, DataGridColumnMenuActionOption, DataGridColumnMenuActionOptions, DataGridColumnMenuColumnOptions, DataGridColumnMenuCustomLeafItem, DataGridColumnMenuCustomItem, DataGridColumnMenuCustomItemContext, DataGridColumnMenuCustomItemPlacement, DataGridColumnMenuCustomSubmenuItem, DataGridColumnMenuDisabledReasons, DataGridColumnMenuItemKey, DataGridColumnMenuItemLabels, DataGridColumnMenuOptions, DataGridColumnMenuProp, DataGridColumnMenuTriggerMode, } from "./overlays/dataGridColumnMenu";
+export type { DataGridColumnMenuActionKey, DataGridColumnMenuActionOption, DataGridColumnMenuActionOptions, DataGridColumnMenuColumnOptions, DataGridColumnMenuCustomLeafItem, DataGridColumnMenuCustomItem, DataGridColumnMenuCustomItemContext, DataGridColumnMenuCustomItemPlacement, DataGridColumnMenuCustomSubmenuItem, DataGridColumnMenuDisabledReasons, DataGridColumnMenuItemKey, DataGridColumnMenuItemLabels, DataGridColumnMenuLabels, DataGridColumnMenuOptions, DataGridColumnMenuProp, DataGridColumnMenuTriggerMode, } from "./overlays/dataGridColumnMenu";
 export type { DataGridCellMenuActionKey, DataGridCellMenuActionOption, DataGridCellMenuActionOptions, DataGridCellMenuColumnOptions, DataGridCellMenuCustomItem, DataGridCellMenuCustomItemContext, DataGridCellMenuCustomItemPlacement, DataGridCellMenuCustomLeafItem, DataGridCellMenuCustomSubmenuItem, DataGridCellMenuDisabledReasons, DataGridCellMenuItemKey, DataGridCellMenuItemLabels, DataGridCellMenuOptions, DataGridCellMenuProp, DataGridRowIndexMenuActionKey, DataGridRowIndexMenuActionOption, DataGridRowIndexMenuActionOptions, DataGridRowIndexMenuDisabledReasons, DataGridRowIndexMenuItemKey, DataGridRowIndexMenuItemLabels, DataGridRowIndexMenuOptions, DataGridRowIndexMenuProp, } from "./overlays/dataGridContextMenu";
 export type { DataGridGroupByProp, DataGridPaginationProp, } from "./config/dataGridPublicProps";
 export type { DataGridVirtualizationOptions, DataGridVirtualizationProp, } from "./config/dataGridVirtualization";

package/dist/index.js

@@ -1,10 +1,10 @@
 import { defineComponent as je, ref as x, provide as tt, computed as f, watch as h, onBeforeUnmount as pe, h as ge, mergeProps as ot, nextTick as nt, unref as Me, toRef as Ce } from "vue";
 import { useDataGridRuntime as rt, cloneDataGridFilterSnapshot as lt } from "@affino/datagrid-vue";
 import { useDataGridAppSelection as at, useDataGridAppRowSelection as it } from "@affino/datagrid-vue/app";
-import { r as ut, g as st, h as dt, i as ct, j as ft, b as mt, d as yt, c as vt, k as gt, u as pt, D as wt } from "./chunks/useDataGridAppRowModel-OUmmuuko.js";
-import { a as Do, l as Po } from "./chunks/useDataGridAppRowModel-OUmmuuko.js";
+import { r as ut, g as st, h as dt, i as ct, j as ft, b as mt, d as yt, c as vt, k as gt, u as pt, D as wt } from "./chunks/useDataGridAppRowModel-DV-_lFKE.js";
+import { a as Do, l as Po } from "./chunks/useDataGridAppRowModel-DV-_lFKE.js";
 import { r as St } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
-import { r as ht } from "./chunks/DataGridGanttStageEntry-BpEn4dPx.js";
+import { r as ht } from "./chunks/DataGridGanttStageEntry-BwdBiQkI.js";
 import { applyGridTheme as Rt, resolveGridThemeTokens as bt, defaultStyleConfig as I, sugarTheme as Ie, industrialNeutralTheme as Oe } from "@affino/datagrid-theme";
 import { d as Mt } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
 function yo() {
@@ -88,10 +88,10 @@ function Gt(e, t) {
 function Ft(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const u = 100, a = De(l, u), p = Be(o, 0);
+  const u = 100, a = De(l, u), y = Be(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: a,
-    currentPage: p
+    currentPage: y
   } : {
     pageSize: De(l ?? e.pageSize, u),
     currentPage: Be(o ?? e.currentPage, 0)
@@ -193,10 +193,10 @@ function He(e, t, l) {
   const o = zt(e) ? e : null, u = t(o && "state" in o ? o.state : e, l);
   if (!u)
     return null;
-  const a = o?.viewMode, p = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
+  const a = o?.viewMode, y = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
   return X({
     state: u,
-    ...p ? { viewMode: p } : {}
+    ...y ? { viewMode: y } : {}
   });
 }
 function Et(e) {
@@ -330,7 +330,7 @@ const _t = je({
   setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
     const a = x(null);
     tt(Mt, a);
-    let p = null;
+    let y = null;
     const s = rt({
       rows: f(() => e.rows),
       rowModel: e.rowModel,
@@ -352,10 +352,10 @@ const _t = je({
       resolveBodyRowIndexById: S.resolveBodyRowIndexById
     }, D = () => {
       if (e.renderMode === "pagination") {
-        const y = e.pagination ?? { pageSize: 100, currentPage: 0 };
+        const v = e.pagination ?? { pageSize: 100, currentPage: 0 };
         s.api.rows.setPagination({
-          pageSize: Math.max(1, Math.trunc(y.pageSize)),
-          currentPage: Math.max(0, Math.trunc(y.currentPage))
+          pageSize: Math.max(1, Math.trunc(v.pageSize)),
+          currentPage: Math.max(0, Math.trunc(v.currentPage))
         });
         return;
       }
@@ -373,39 +373,39 @@ const _t = je({
         D();
       },
       { immediate: !0, deep: !0 }
-    ), typeof document < "u" && (p = new MutationObserver(() => {
-      const y = a.value;
-      y && Ae(y, e.theme);
-    }), p.observe(document.documentElement, {
+    ), typeof document < "u" && (y = new MutationObserver(() => {
+      const v = a.value;
+      v && Ae(v, e.theme);
+    }), y.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
     })), h(
       [() => e.theme, a],
       () => {
-        const y = a.value;
-        y && Ae(y, e.theme);
+        const v = a.value;
+        v && Ae(v, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const C = s.api.events.on("rows:changed", (y) => {
-      o("cell-change", y);
-    }), b = s.api.events.on("selection:changed", (y) => {
-      o("selection-change", y);
-    }), j = s.api.events.on("row-selection:changed", (y) => {
-      o("row-selection-change", y);
+    const C = s.api.events.on("rows:changed", (v) => {
+      o("cell-change", v);
+    }), b = s.api.events.on("selection:changed", (v) => {
+      o("selection-change", v);
+    }), j = s.api.events.on("row-selection:changed", (v) => {
+      o("row-selection-change", v);
     });
     pe(() => {
-      C(), b(), j(), p?.disconnect(), p = null;
+      C(), b(), j(), y?.disconnect(), y = null;
     });
     const F = f(() => {
-      const y = s.virtualWindow.value;
+      const v = s.virtualWindow.value;
       return {
-        ...y ?? {},
-        rowTotal: y?.rowTotal ?? s.rowPartition.value.bodyRowCount,
+        ...v ?? {},
+        rowTotal: v?.rowTotal ?? s.rowPartition.value.bodyRowCount,
         colTotal: s.columnSnapshot.value.visibleColumns.length
       };
-    }), v = () => {
-      const y = () => {
+    }), g = () => {
+      const v = () => {
         const M = a.value?.querySelector(".grid-body-viewport");
         if (!M)
           return !1;
@@ -415,20 +415,20 @@ const _t = je({
           M.focus();
         }
         return typeof document < "u" && document.activeElement === M;
-      }, g = (M) => {
+      }, p = (M) => {
         nt(() => {
-          if (!(y() || M >= 3)) {
+          if (!(v() || M >= 3)) {
             if (typeof window < "u") {
               window.requestAnimationFrame(() => {
-                g(M + 1);
+                p(M + 1);
               });
               return;
             }
-            g(M + 1);
+            p(M + 1);
           }
         });
       };
-      g(0);
+      p(0);
     };
     return u({
       api: s.api,
@@ -443,7 +443,7 @@ const _t = je({
       getBodyRowAtIndex: S.getBodyRowAtIndex,
       resolveBodyRowIndexById: S.resolveBodyRowIndexById,
       virtualWindow: s.virtualWindow,
-      restoreFocus: v,
+      restoreFocus: g,
       start: s.start,
       stop: s.stop
     }), () => ge(
@@ -497,14 +497,14 @@ function kt(e) {
   } : null;
 }
 function Ut(e) {
-  let t = null, l = null, o = !1, u = null, a = null, p = null, s = null, S = null, R = null, D = null, C = null, b = null;
+  let t = null, l = null, o = !1, u = null, a = null, y = null, s = null, S = null, R = null, D = null, C = null, b = null;
   const j = () => {
     t?.(), l?.(), t = null, l = null;
   }, F = () => {
     const n = e.gridRef.value;
     return !n || n.api.lifecycle.state === "disposed" ? null : n;
-  }, v = () => F()?.api ?? null, y = () => {
-    const n = v()?.columns;
+  }, g = () => F()?.api ?? null, v = () => {
+    const n = g()?.columns;
     if (!n)
       return null;
     const d = n.getSnapshot(), i = {}, m = {}, A = {};
@@ -516,13 +516,13 @@ function Ut(e) {
       widths: m,
       pins: A
     };
-  }, g = () => {
+  }, p = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      const n = y(), d = v();
+      const n = v(), d = g();
       if (n) {
         const i = B(n);
-        R = i, i !== p && (p = i, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
+        R = i, i !== y && (y = i, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
           Object.entries(n.visibility).filter(([, m]) => !m).map(([m]) => m)
         ), e.emit.columnWidths(n.widths), e.emit.columnPins(n.pins));
       }
@@ -534,13 +534,13 @@ function Ut(e) {
       }
     }));
   }, M = () => {
-    const n = v();
+    const n = g();
     !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 = v()?.columns;
+    const n = g()?.columns;
     return n ? new Set(n.getSnapshot().columns.map((d) => d.key)) : null;
   }, ee = (n) => {
     const d = /* @__PURE__ */ new Set();
@@ -567,7 +567,7 @@ function Ut(e) {
         return !1;
     return !0;
   }, E = (n) => z(n.columns), U = (n) => {
-    const d = v();
+    const d = g();
     if (!d)
       return !1;
     d.columns.setOrder(n.order);
@@ -580,7 +580,7 @@ function Ut(e) {
     return !0;
   }, K = () => {
     if (b) {
-      const n = b, d = v();
+      const n = b, d = g();
       if (d) {
         const i = d.state.migrate(n.state, { strict: n.options?.strict });
         i && E(i) && (b = null, d.state.set(i, n.options), a = B(n.state));
@@ -597,16 +597,16 @@ function Ut(e) {
       }), U(n.columnState);
     }
   }, V = () => {
-    const n = v();
+    const n = g();
     !n || e.props.groupBy === void 0 || n.rows.setGroupBy(e.props.groupBy ?? null);
   }, W = () => {
-    const n = v();
+    const n = g();
     !n || e.props.aggregationModel === void 0 || n.rows.setAggregationModel(e.props.aggregationModel ?? null);
   }, H = () => {
-    const n = v();
+    const n = g();
     !n || e.props.pivotModel === void 0 || n.pivot.setModel(e.props.pivotModel ?? null);
   }, P = () => {
-    const n = v();
+    const n = g();
     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({
@@ -644,7 +644,7 @@ function Ut(e) {
       u = d;
     }
   }, T = () => {
-    const n = v();
+    const n = g();
     if (!n || e.props.state == null)
       return;
     const d = B(e.props.state);
@@ -657,34 +657,34 @@ function Ut(e) {
     const i = n.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
     i && E(i) && (n.state.set(i, e.props.stateOptions ?? {}), a = d);
   }, _ = () => {
-    const n = v();
+    const n = g();
     n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, N = () => {
     const n = F();
     n && (u = null, a = null, j(), t = n.rowModel.subscribe(() => {
-      g();
+      p();
     }), l = n.columnModel.subscribe(() => {
-      g();
-    }), T(), P(), M(), V(), W(), H(), _(), K(), g(), e.emit.ready({ api: n.api }));
-  }, q = () => v()?.state.get() ?? null, te = (n, d) => v()?.state.migrate(n, d) ?? null, L = (n) => z(n) ? (u = B({
+      p();
+    }), T(), P(), M(), V(), W(), H(), _(), K(), p(), e.emit.ready({ api: n.api }));
+  }, q = () => g()?.state.get() ?? null, te = (n, d) => g()?.state.migrate(n, d) ?? null, L = (n) => z(n) ? (u = B({
     columnState: n,
     columnOrder: null,
     hiddenColumnKeys: null,
     columnWidths: null,
     columnPins: null
-  }), C = null, U(n) ? (g(), !0) : (C = { columnState: n }, !0)) : (C = { columnState: n }, !0), oe = (n, d) => {
-    const i = v();
+  }), C = null, U(n) ? (p(), !0) : (C = { columnState: n }, !0)) : (C = { columnState: n }, !0), oe = (n, d) => {
+    const i = g();
     if (!i)
       return b = { state: n, options: d }, !0;
     const m = i.state.migrate(n, { strict: d?.strict });
-    return m ? E(m) ? (i.state.set(m, d), a = B(n), b = null, g(), !0) : (b = { state: n, options: d }, !0) : !1;
-  }, ne = () => v()?.pivot.exportLayout() ?? null, J = () => v()?.pivot.exportInterop() ?? null, re = (n, d) => {
-    const i = v();
-    return i ? (i.pivot.importLayout(n, d), g(), !0) : !1;
+    return m ? E(m) ? (i.state.set(m, d), a = B(n), b = null, p(), !0) : (b = { state: n, options: d }, !0) : !1;
+  }, ne = () => g()?.pivot.exportLayout() ?? null, J = () => g()?.pivot.exportInterop() ?? null, re = (n, d) => {
+    const i = g();
+    return i ? (i.pivot.importLayout(n, d), p(), !0) : !1;
   }, k = () => {
-    v()?.rows.expandAllGroups(), g();
+    g()?.rows.expandAllGroups(), p();
   }, le = () => {
-    v()?.rows.collapseAllGroups(), g();
+    g()?.rows.collapseAllGroups(), p();
   };
   h(
     () => e.gridRef.value,
@@ -695,13 +695,13 @@ function Ut(e) {
   ), h(
     () => e.props.columns,
     () => {
-      u = null, a = null, T(), P(), K(), g();
+      u = null, a = null, T(), P(), K(), p();
     },
     { deep: !0 }
   ), h(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      T(), P(), M(), V(), W(), H(), _(), K(), g();
+      T(), P(), M(), V(), W(), H(), _(), K(), p();
     },
     { deep: !0 }
   ), h(
@@ -713,37 +713,37 @@ function Ut(e) {
       e.props.columnPins
     ],
     () => {
-      P(), K(), g();
+      P(), K(), p();
     },
     { deep: !0 }
   ), h(
     () => [e.props.sortModel, e.props.filterModel],
     () => {
-      M(), g();
+      M(), p();
     },
     { deep: !0 }
   ), h(
     () => e.props.groupBy,
     () => {
-      V(), g();
+      V(), p();
     },
     { deep: !0 }
   ), h(
     () => e.props.aggregationModel,
     () => {
-      W(), g();
+      W(), p();
     },
     { deep: !0 }
   ), h(
     () => e.props.pivotModel,
     () => {
-      H(), g();
+      H(), p();
     },
     { deep: !0 }
   ), h(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      _(), g();
+      _(), p();
     }
   );
   const Y = () => {
@@ -752,10 +752,10 @@ function Ut(e) {
   return pe(() => {
     Y();
   }), {
-    emitSnapshotUpdates: g,
+    emitSnapshotUpdates: p,
     handleGridReady: N,
     dispose: Y,
-    getColumnState: y,
+    getColumnState: v,
     getState: q,
     migrateState: te,
     applyColumnState: L,
@@ -858,16 +858,16 @@ function Xt(e, t) {
       const a = l.get(String(u ?? "").trim());
       if (!a)
         return;
-      const p = o.data;
+      const y = o.data;
       if (typeof a.valueGetter == "function")
-        return a.valueGetter(p);
+        return a.valueGetter(y);
       if (typeof a.accessor == "function")
-        return a.accessor(p);
+        return a.accessor(y);
       const s = typeof a.field == "string" ? a.field.trim() : "";
       if (!s)
         return;
-      const S = p[s];
-      return typeof S < "u" ? S : Qt(p, s);
+      const S = y[s];
+      return typeof S < "u" ? S : Qt(y, s);
     };
 }
 function Zt() {
@@ -930,13 +930,19 @@ function eo(e) {
   };
 }
 function to(e, t) {
-  if (e?.focusedRow !== t?.focusedRow)
+  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)
     return !1;
-  for (let u = 0; u < l.length; u += 1)
-    if (l[u] !== o[u])
+  for (let y = 0; y < l.length; y += 1)
+    if (l[y] !== o[y])
+      return !1;
+  const u = e?.excludedRows ?? [], a = t?.excludedRows ?? [];
+  if (u.length !== a.length)
+    return !1;
+  for (let y = 0; y < u.length; y += 1)
+    if (u[y] !== a[y])
       return !1;
   return !0;
 }
@@ -1263,14 +1269,14 @@ const ro = {
     ready: (e) => !0
   },
   setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
-    const a = x(null), p = Yt(), s = x(null), S = x(null), R = x([]);
+    const a = x(null), y = Yt(), s = x(null), S = x(null), R = x([]);
     let D = null, C = !1;
-    const b = x(e.viewMode === "gantt" ? "gantt" : "table"), j = x(e.state ?? null), F = f(() => $t(e.history)), v = f(() => ut(e.chrome)), y = f(() => Gt(e.renderMode, e.pagination)), g = f(() => Ft(
+    const b = x(e.viewMode === "gantt" ? "gantt" : "table"), j = x(e.state ?? null), F = f(() => $t(e.history)), g = f(() => ut(e.chrome)), v = f(() => Gt(e.renderMode, e.pagination)), p = f(() => Ft(
       e.pagination,
-      y.value,
+      v.value,
       e.pageSize,
       e.currentPage
-    )), M = f(() => st(e.columnMenu)), Z = f(() => dt(e.cellMenu)), ee = f(() => ct(e.rowIndexMenu)), z = f(() => ft(e.columnLayout)), E = f(() => mt(e.columnReorder)), U = f(() => Wt(e.aggregations)), K = f(() => St(e.advancedFilter)), V = f(() => xt(e.findReplace)), W = f(() => Kt(e.gridLines)), H = f(() => Pt(e.groupBy)), P = f(() => e.state ?? j.value), T = f(() => e.sortModel !== void 0 ? e.sortModel : P.value?.rows?.snapshot?.sortModel), _ = f(() => e.filterModel !== void 0 ? e.filterModel : lt(P.value?.rows?.snapshot?.filterModel ?? null)), N = f(() => e.groupBy !== void 0 ? H.value ?? null : P.value?.rows?.snapshot?.groupBy ?? null), q = f(() => e.pivotModel !== void 0 ? e.pivotModel : P.value?.rows?.snapshot?.pivotModel ?? null), te = f(() => Tt(e.virtualization, y.value)), L = f(() => Ht(e.layoutMode, e.minRows, e.maxRows)), oe = f(() => ht(e.placeholderRows)), ne = f(() => yt(e.rowReorder)), J = f(() => {
+    )), M = f(() => st(e.columnMenu)), Z = f(() => dt(e.cellMenu)), ee = f(() => ct(e.rowIndexMenu)), z = f(() => ft(e.columnLayout)), E = f(() => mt(e.columnReorder)), U = f(() => Wt(e.aggregations)), K = f(() => St(e.advancedFilter)), V = f(() => xt(e.findReplace)), W = f(() => Kt(e.gridLines)), H = f(() => Pt(e.groupBy)), P = f(() => e.state ?? j.value), T = f(() => e.sortModel !== void 0 ? e.sortModel : P.value?.rows?.snapshot?.sortModel), _ = f(() => e.filterModel !== void 0 ? e.filterModel : lt(P.value?.rows?.snapshot?.filterModel ?? null)), N = f(() => e.groupBy !== void 0 ? H.value ?? null : P.value?.rows?.snapshot?.groupBy ?? null), q = f(() => e.pivotModel !== void 0 ? e.pivotModel : P.value?.rows?.snapshot?.pivotModel ?? null), te = f(() => Tt(e.virtualization, v.value)), L = f(() => Ht(e.layoutMode, e.minRows, e.maxRows)), oe = f(() => ht(e.placeholderRows)), ne = f(() => yt(e.rowReorder)), J = f(() => {
       const r = e.clientRowModelOptions?.readFilterCell;
       return Xt(
         e.columns,
@@ -1460,7 +1466,7 @@ const ro = {
       })));
     }, de = f(() => {
       const r = F.value.adapter;
-      return !F.value.enabled || !r ? p : {
+      return !F.value.enabled || !r ? y : {
         canUndo: () => r.canUndo(),
         canRedo: () => r.canRedo(),
         runHistoryAction: (c) => r.runHistoryAction(c)
@@ -1543,7 +1549,7 @@ const ro = {
         filterModel: _.value,
         groupBy: N.value,
         pivotModel: q.value,
-        renderMode: y.value,
+        renderMode: v.value,
         virtualization: te.value,
         columnMenu: M.value,
         cellMenu: Z.value,
@@ -1574,7 +1580,7 @@ const ro = {
         viewMode: b.value,
         gantt: e.gantt,
         history: F.value,
-        chrome: v.value,
+        chrome: g.value,
         registerHistoryController: Ye,
         registerStructuralRowActionRunner: Re,
         reportToolbarModules: $e,
@@ -1593,8 +1599,8 @@ const ro = {
           columns: le.value,
           theme: e.theme,
           layoutMode: L.value.layoutMode,
-          renderMode: y.value,
-          pagination: g.value,
+          renderMode: v.value,
+          pagination: p.value,
           plugins: e.plugins,
           services: ke.value,
           startupOrder: e.startupOrder,

package/dist/internal.js

@@ -1,7 +1,7 @@
 import { d as t, r } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
 import { buildDataGridChromePaneModel as i, buildDataGridChromeRenderModel as d } from "@affino/datagrid-chrome";
-import { D as l, a as n, r as G, b as D, c as S, d as u, u as g, e as b, f as T } from "./chunks/useDataGridAppRowModel-OUmmuuko.js";
-import { _ as p, a as c, c as R, b as x, d as C, p as f, u as v, e as M, f as h, g as w, h as y, i as F, j as P, k as A, l as O, m as _, n as E, o as H } from "./chunks/DataGridGanttStageEntry-BpEn4dPx.js";
+import { D as l, a as n, r as G, b as D, c as S, d as u, u as g, e as b, f as T } from "./chunks/useDataGridAppRowModel-DV-_lFKE.js";
+import { _ as p, a as c, c as R, b as x, d as C, p as f, u as v, e as M, f as h, g as w, h as y, i as F, j as P, k as A, l as O, m as _, n as E, o as H } from "./chunks/DataGridGanttStageEntry-BwdBiQkI.js";
 import { _ as V } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-DxZakgyj.js";
 import { _ as k } from "./chunks/DataGridFindReplacePopover.vue_vue_type_script_setup_true_lang-BEVRKG31.js";
 import { buildDataGridTimelineRenderModels as B, normalizeDataGridGanttOptions as I, resolveDataGridTimelineRange as L } from "@affino/datagrid-gantt";

package/dist/overlays/dataGridColumnMenu.d.ts

@@ -3,7 +3,28 @@ export type DataGridColumnMenuItemKey = (typeof DATAGRID_COLUMN_MENU_ITEM_KEYS)[
 export declare const DATAGRID_COLUMN_MENU_TRIGGER_MODES: readonly ["button", "contextmenu", "button+contextmenu"];
 export type DataGridColumnMenuTriggerMode = (typeof DATAGRID_COLUMN_MENU_TRIGGER_MODES)[number];
 export type DataGridColumnMenuCustomItemPlacement = "start" | "end" | `before:${DataGridColumnMenuItemKey}` | `after:${DataGridColumnMenuItemKey}`;
-export type DataGridColumnMenuItemLabels = Readonly<Partial<Record<DataGridColumnMenuItemKey, string>>>;
+export interface DataGridColumnMenuLabels {
+    sort?: string;
+    group?: string;
+    pin?: string;
+    filter?: string;
+    activeState?: string;
+    groupLevel?: string;
+    textFilterPlaceholder?: string;
+    valueSearchPlaceholder?: string;
+    valueFilterDisabledByRowLimitHint?: string;
+    valueFilterUnavailableHint?: string;
+    filterValuesAriaLabel?: string;
+    loadingValues?: string;
+    unableToLoadValues?: string;
+    noMatchingValues?: string;
+    noValues?: string;
+    selectedValuesSummary?: string;
+    valuesWindowSummary?: string;
+    selectAtLeastOneValueHint?: string;
+    blankValue?: string;
+}
+export type DataGridColumnMenuItemLabels = Readonly<DataGridColumnMenuLabels>;
 export type DataGridColumnMenuDisabledReasons = Readonly<Partial<Record<DataGridColumnMenuItemKey, string>>>;
 export declare const DATAGRID_COLUMN_MENU_ACTION_KEYS: readonly ["sortAsc", "sortDesc", "clearSort", "toggleGroup", "pinMenu", "pinLeft", "pinRight", "unpin", "clearFilter", "addCurrentSelectionToFilter", "selectAllValues", "clearAllValues", "applyFilter", "cancelFilter"];
 export type DataGridColumnMenuActionKey = (typeof DATAGRID_COLUMN_MENU_ACTION_KEYS)[number];

package/dist/stage/dataGridTableStageAutoSizeRows.d.ts

@@ -0,0 +1,8 @@
+import type { DataGridRowModel } from "@affino/datagrid-vue";
+export type DataGridTableStageAutoSizeRowModel<TRow> = Pick<DataGridRowModel<TRow>, "getSnapshot" | "getRow" | "getRowCount" | "getRowsInRange">;
+export interface ResolveDataGridTableStageAutoSizeRowsInput<TRow> {
+    rowModel: Partial<DataGridTableStageAutoSizeRowModel<TRow>> | null | undefined;
+    fallbackRows: readonly TRow[];
+    sampleLimit: number;
+}
+export declare function resolveDataGridTableStageAutoSizeRows<TRow>(input: ResolveDataGridTableStageAutoSizeRowsInput<TRow>): readonly TRow[];

package/dist/stage/useDataGridTableStageRuntime.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type CSSProperties, type Ref } from "vue";
-import type { DataGridFilterSnapshot, DataGridGroupBySpec, DataGridGroupExpansionSnapshot, DataGridPaginationSnapshot, DataGridRowNode, DataGridColumnSnapshot, DataGridRowSelectionSnapshot, DataGridSelectionSnapshot, DataGridSortState, UseDataGridRuntimeResult } from "@affino/datagrid-vue";
+import type { DataGridFilterSnapshot, DataGridGroupBySpec, DataGridGroupExpansionSnapshot, DataGridPaginationSnapshot, DataGridRowNode, DataGridRowModel, DataGridColumnSnapshot, DataGridRowSelectionSnapshot, DataGridSelectionSnapshot, DataGridSortState, UseDataGridRuntimeResult } from "@affino/datagrid-vue";
 import type { DataGridCopyRange } from "@affino/datagrid-vue/advanced";
 import { type DataGridAppPasteOptions } from "@affino/datagrid-vue/app";
 import type { DataGridCellEditablePredicate } from "../dataGridEditability";
@@ -73,6 +73,9 @@ export interface UseDataGridTableStageRuntimeOptions<TRow extends Record<string,
     runtimeRowModel?: {
         subscribe: UseDataGridRuntimeResult<TRow>["rowModel"]["subscribe"];
         getSnapshot: UseDataGridRuntimeResult<TRow>["rowModel"]["getSnapshot"];
+        getRow?: DataGridRowModel<TRow>["getRow"];
+        getRowCount?: DataGridRowModel<TRow>["getRowCount"];
+        getRowsInRange?: DataGridRowModel<TRow>["getRowsInRange"];
         dataSource?: {
             resolveFillBoundary?: (request: DataGridAppResolveFillBoundaryRequest) => Promise<DataGridAppResolveFillBoundaryResult> | DataGridAppResolveFillBoundaryResult;
             commitFillOperation?: (request: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affino/datagrid-vue-app",
-  "version": "0.1.48",
+  "version": "0.1.49",
   "description": "Declarative Vue DataGrid component for Affino",
   "type": "module",
   "main": "dist/index.js",
@@ -42,9 +42,9 @@
     "@affino/menu-vue": "^2.1.1",
     "@affino/popover-vue": "^1.1.0",
     "@affino/datagrid-gantt": "0.1.2",
-    "@affino/datagrid-vue": "0.3.35",
+    "@affino/datagrid-chrome": "0.1.1",
     "@affino/datagrid-theme": "0.2.2",
-    "@affino/datagrid-chrome": "0.1.1"
+    "@affino/datagrid-vue": "0.3.36"
   },
   "peerDependencies": {
     "vue": "^3.3.0"