@affino/datagrid-vue-app 0.1.44 → 0.1.45

package/dist/gantt.js

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

package/dist/host/DataGridDefaultRenderer.d.ts

@@ -19,7 +19,7 @@ import type { DataGridPlaceholderRowsOptions } from "../config/dataGridPlacehold
 import type { DataGridVirtualizationOptions } from "../config/dataGridVirtualization";
 import type { DataGridHistoryController, DataGridResolvedHistoryOptions } from "../dataGridHistory";
 import type { DataGridStructuralRowActionHandler, DataGridStructuralRowActionId } from "../dataGridStructuralRowActions";
-import type { DataGridTableStageCellClass, DataGridTableStageCustomOverlay } from "../stage/dataGridTableStage.types";
+import type { DataGridTableStageCenterPaneDiagnostics, DataGridTableStageCellClass, DataGridTableStageCustomOverlay } from "../stage/dataGridTableStage.types";
 type DataGridMode = "base" | "tree" | "pivot" | "worker";
 type DataGridDefaultRendererRuntime = {
     api: UseDataGridRuntimeResult<Record<string, unknown>>["api"];
@@ -64,10 +64,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<((message: string) => void) | undefined>;
         default: undefined;
     };
+    reportCenterPaneDiagnostics: {
+        type: PropType<((payload: DataGridTableStageCenterPaneDiagnostics) => void) | undefined>;
+        default: undefined;
+    };
     reportFillPlumbingState: {
         type: PropType<((layer: string, present: boolean) => void) | undefined>;
         default: undefined;
     };
+    reportFillPlumbingDetail: {
+        type: PropType<((layer: string, value: string) => void) | undefined>;
+        default: undefined;
+    };
     selectionSnapshot: {
         type: PropType<Ref<import("@affino/datagrid-vue").DataGridSelectionSnapshot | null>>;
         required: true;
@@ -307,10 +315,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<((message: string) => void) | undefined>;
         default: undefined;
     };
+    reportCenterPaneDiagnostics: {
+        type: PropType<((payload: DataGridTableStageCenterPaneDiagnostics) => void) | undefined>;
+        default: undefined;
+    };
     reportFillPlumbingState: {
         type: PropType<((layer: string, present: boolean) => void) | undefined>;
         default: undefined;
     };
+    reportFillPlumbingDetail: {
+        type: PropType<((layer: string, value: string) => void) | undefined>;
+        default: undefined;
+    };
     selectionSnapshot: {
         type: PropType<Ref<import("@affino/datagrid-vue").DataGridSelectionSnapshot | null>>;
         required: true;
@@ -532,10 +548,12 @@ declare const _default: import("vue").DefineComponent<{
     cellStyle: ((row: DataGridRowNode<Record<string, unknown>>, rowIndex: number, column: DataGridColumnSnapshot, columnIndex: number) => CSSProperties | null | undefined) | undefined;
     isCellEditable: DataGridCellEditablePredicate<Record<string, unknown>> | undefined;
     customOverlays: readonly DataGridTableStageCustomOverlay[] | undefined;
+    reportCenterPaneDiagnostics: ((payload: DataGridTableStageCenterPaneDiagnostics) => void) | undefined;
+    reportFillPlumbingState: ((layer: string, present: boolean) => void) | undefined;
+    reportFillPlumbingDetail: ((layer: string, value: string) => void) | undefined;
     rowSelection: boolean;
     gantt: DataGridGanttProp | undefined;
     reportFillWarning: ((message: string) => void) | undefined;
-    reportFillPlumbingState: ((layer: string, present: boolean) => void) | undefined;
     onCellEdit: ((payload: {
         rowId: string | number;
         columnKey: string;

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as je, ref as P, provide as tt, computed as m, watch as S, onBeforeUnmount as we, h as ge, mergeProps as ot, unref as Me, toRef as Ce } from "vue";
+import { defineComponent as je, ref as G, provide as tt, computed as m, watch as S, onBeforeUnmount as pe, h as ge, mergeProps as ot, unref as Me, toRef as Ce } from "vue";
 import { useDataGridRuntime as nt } from "@affino/datagrid-vue";
 import { useDataGridAppSelection as rt, useDataGridAppRowSelection as lt } from "@affino/datagrid-vue/app";
-import { r as at, g as it, h as ut, i as st, j as dt, b as ct, d as ft, c as mt, k as yt, u as vt, D as gt } from "./chunks/useDataGridAppRowModel-BjIIJmYg.js";
-import { a as Ao, l as Bo } from "./chunks/useDataGridAppRowModel-BjIIJmYg.js";
-import { r as wt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
-import { r as pt } from "./chunks/DataGridGanttStageEntry-z-xnwnvx.js";
+import { r as at, g as it, h as ut, i as st, j as dt, b as ct, d as ft, c as mt, k as yt, u as vt, D as gt } from "./chunks/useDataGridAppRowModel-BoU8RlUc.js";
+import { a as Ao, l as Bo } from "./chunks/useDataGridAppRowModel-BoU8RlUc.js";
+import { r as pt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
+import { r as wt } from "./chunks/DataGridGanttStageEntry-CKjSVRMy.js";
 import { applyGridTheme as St, resolveGridThemeTokens as ht, defaultStyleConfig as j, sugarTheme as Ie, industrialNeutralTheme as Oe } from "@affino/datagrid-theme";
 import { d as Rt } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
 function fo() {
@@ -64,7 +64,7 @@ function Ae(e, t) {
 function Be(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Ge(e, t) {
+function De(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
 function Bt(e) {
@@ -82,23 +82,23 @@ function Bt(e) {
     return e;
   }
 }
-function Gt(e, t) {
+function Dt(e, t) {
   return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
 }
-function Dt(e, t, l, o) {
+function Pt(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const u = 100, a = Ge(l, u), v = Be(o, 0);
+  const u = 100, a = De(l, u), v = Be(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: a,
     currentPage: v
   } : {
-    pageSize: Ge(l ?? e.pageSize, u),
+    pageSize: De(l ?? e.pageSize, u),
     currentPage: Be(o ?? e.currentPage, 0)
   };
 }
 const me = "Find / replace";
-function Pt(e) {
+function Gt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: me
@@ -116,13 +116,13 @@ const Ft = "all", Ke = {
   columns: "columns",
   none: "none"
 };
-function De(e) {
+function Pe(e) {
   return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : Ft;
 }
 function xt(e, t) {
   return e === "columns" || e === "none" ? e : Ke[t];
 }
-function Pe(e, t) {
+function Ge(e, t) {
   return e !== "none" || t === "columns";
 }
 function Fe(e) {
@@ -138,18 +138,18 @@ function Fe(e) {
 }
 function jt(e) {
   if (typeof e == "string") {
-    const o = De(e), u = Ke[o];
+    const o = Pe(e), u = Ke[o];
     return Fe({
       body: o,
       header: u,
-      pinnedSeparators: Pe(o, u)
+      pinnedSeparators: Ge(o, u)
     });
   }
-  const t = De(e?.body), l = xt(e?.header, t);
+  const t = Pe(e?.body), l = xt(e?.header, t);
   return Fe({
     body: t,
     header: l,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Pe(t, l)
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ge(t, l)
   });
 }
 function xe(e) {
@@ -328,7 +328,7 @@ const Wt = je({
     "row-selection-change": (e) => !0
   },
   setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
-    const a = P(null);
+    const a = G(null);
     tt(Rt, a);
     let v = null;
     const s = nt({
@@ -339,7 +339,7 @@ const Wt = je({
       services: e.services,
       startupOrder: e.startupOrder,
       autoStart: e.autoStart
-    }), p = s, h = {
+    }), w = s, h = {
       api: s.api,
       syncBodyRowsInRange: s.syncBodyRowsInRange,
       setViewportRange: s.setViewportRange,
@@ -348,8 +348,8 @@ const Wt = je({
       rowPartition: s.rowPartition,
       virtualWindow: s.virtualWindow,
       columnSnapshot: s.columnSnapshot,
-      getBodyRowAtIndex: p.getBodyRowAtIndex,
-      resolveBodyRowIndexById: p.resolveBodyRowIndexById
+      getBodyRowAtIndex: w.getBodyRowAtIndex,
+      resolveBodyRowIndexById: w.resolveBodyRowIndexById
     }, A = () => {
       if (e.renderMode === "pagination") {
         const f = e.pagination ?? { pageSize: 100, currentPage: 0 };
@@ -394,10 +394,10 @@ const Wt = je({
     }), F = s.api.events.on("row-selection:changed", (f) => {
       o("row-selection-change", f);
     });
-    we(() => {
+    pe(() => {
       b(), R(), F(), v?.disconnect(), v = null;
     });
-    const D = m(() => {
+    const P = m(() => {
       const f = s.virtualWindow.value;
       return {
         ...f ?? {},
@@ -415,8 +415,8 @@ const Wt = je({
       rowPartition: s.rowPartition,
       setRows: s.setRows,
       syncBodyRowsInRange: s.syncBodyRowsInRange,
-      getBodyRowAtIndex: p.getBodyRowAtIndex,
-      resolveBodyRowIndexById: p.resolveBodyRowIndexById,
+      getBodyRowAtIndex: w.getBodyRowAtIndex,
+      resolveBodyRowIndexById: w.resolveBodyRowIndexById,
       virtualWindow: s.virtualWindow,
       start: s.start,
       stop: s.stop
@@ -447,9 +447,9 @@ const Wt = je({
         rowPartition: s.rowPartition.value,
         setRows: s.setRows,
         syncBodyRowsInRange: s.syncBodyRowsInRange,
-        getBodyRowAtIndex: p.getBodyRowAtIndex,
-        resolveBodyRowIndexById: p.resolveBodyRowIndexById,
-        virtualWindow: D.value
+        getBodyRowAtIndex: w.getBodyRowAtIndex,
+        resolveBodyRowIndexById: w.resolveBodyRowIndexById,
+        virtualWindow: P.value
       }) ?? []
     );
   }
@@ -471,13 +471,13 @@ function Tt(e) {
   } : null;
 }
 function _t(e) {
-  let t = null, l = null, o = !1, u = null, a = null, v = null, s = null, p = null, h = null, A = null, b = null, R = null;
+  let t = null, l = null, o = !1, u = null, a = null, v = null, s = null, w = null, h = null, A = null, b = null, R = null;
   const F = () => {
     t?.(), l?.(), t = null, l = null;
-  }, D = () => {
+  }, P = () => {
     const n = e.gridRef.value;
     return !n || n.api.lifecycle.state === "disposed" ? null : n;
-  }, f = () => D()?.api ?? null, x = () => {
+  }, f = () => P()?.api ?? null, x = () => {
     const n = f()?.columns;
     if (!n)
       return null;
@@ -502,7 +502,7 @@ function _t(e) {
       }
       if (d) {
         const i = Tt(d.rows.getSnapshot().groupBy), y = O(i);
-        y !== p && (p = y, e.emit.groupBy(i));
+        y !== w && (w = y, e.emit.groupBy(i));
         const C = d.state.get(), M = O(C);
         A = M, M !== s && (s = M, e.emit.state(C));
       }
@@ -634,7 +634,7 @@ function _t(e) {
     const n = f();
     n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, N = () => {
-    const n = D();
+    const n = P();
     n && (u = null, a = null, F(), t = n.rowModel.subscribe(() => {
       g();
     }), l = n.columnModel.subscribe(() => {
@@ -723,7 +723,7 @@ function _t(e) {
   const Y = () => {
     F();
   };
-  return we(() => {
+  return pe(() => {
     Y();
   }), {
     emitSnapshotUpdates: g,
@@ -785,10 +785,10 @@ function Jt(e) {
 function go() {
   return (e) => e;
 }
-function wo() {
+function po() {
   return (e) => e;
 }
-function po() {
+function wo() {
   return (e) => e;
 }
 function So() {
@@ -840,8 +840,8 @@ function $t(e, t) {
       const s = typeof a.field == "string" ? a.field.trim() : "";
       if (!s)
         return;
-      const p = v[s];
-      return typeof p < "u" ? p : Yt(v, s);
+      const w = v[s];
+      return typeof w < "u" ? w : Yt(v, s);
     };
 }
 function Qt() {
@@ -1202,9 +1202,17 @@ const oo = {
     type: Function,
     default: void 0
   },
+  reportCenterPaneDiagnostics: {
+    type: Function,
+    default: void 0
+  },
   reportFillPlumbingState: {
     type: Function,
     default: void 0
+  },
+  reportFillPlumbingDetail: {
+    type: Function,
+    default: void 0
   }
 }, Le = je({
   name: "DataGrid",
@@ -1229,14 +1237,14 @@ const oo = {
     ready: (e) => !0
   },
   setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
-    const a = P(null), v = qt(), s = P(null), p = P(null), h = P([]);
+    const a = G(null), v = qt(), s = G(null), w = G(null), h = G([]);
     let A = null, b = !1;
-    const R = P(e.viewMode === "gantt" ? "gantt" : "table"), F = P(e.state ?? null), D = m(() => Jt(e.history)), f = m(() => at(e.chrome)), x = m(() => Gt(e.renderMode, e.pagination)), g = m(() => Dt(
+    const R = G(e.viewMode === "gantt" ? "gantt" : "table"), F = G(e.state ?? null), P = m(() => Jt(e.history)), f = m(() => at(e.chrome)), x = m(() => Dt(e.renderMode, e.pagination)), g = m(() => Pt(
       e.pagination,
       x.value,
       e.pageSize,
       e.currentPage
-    )), L = m(() => it(e.columnMenu)), Z = m(() => ut(e.cellMenu)), ee = m(() => st(e.rowIndexMenu)), z = m(() => dt(e.columnLayout)), E = m(() => ct(e.columnReorder)), U = m(() => Et(e.aggregations)), I = m(() => wt(e.advancedFilter)), V = m(() => Pt(e.findReplace)), W = m(() => jt(e.gridLines)), K = m(() => Bt(e.groupBy)), B = m(() => e.state ?? F.value), T = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), _ = m(() => e.filterModel !== void 0 ? e.filterModel : B.value?.rows?.snapshot?.filterModel ?? null), N = m(() => e.groupBy !== void 0 ? K.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)), H = m(() => It(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => pt(e.placeholderRows)), ne = m(() => ft(e.rowReorder)), J = m(() => {
+    )), L = m(() => it(e.columnMenu)), Z = m(() => ut(e.cellMenu)), ee = m(() => st(e.rowIndexMenu)), z = m(() => dt(e.columnLayout)), E = m(() => ct(e.columnReorder)), U = m(() => Et(e.aggregations)), I = m(() => pt(e.advancedFilter)), V = m(() => Gt(e.findReplace)), W = m(() => jt(e.gridLines)), K = m(() => Bt(e.groupBy)), B = m(() => e.state ?? F.value), T = m(() => e.sortModel !== void 0 ? e.sortModel : B.value?.rows?.snapshot?.sortModel), _ = m(() => e.filterModel !== void 0 ? e.filterModel : B.value?.rows?.snapshot?.filterModel ?? null), N = m(() => e.groupBy !== void 0 ? K.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)), H = m(() => It(e.layoutMode, e.minRows, e.maxRows)), oe = m(() => wt(e.placeholderRows)), ne = m(() => ft(e.rowReorder)), J = m(() => {
       const r = e.clientRowModelOptions?.readFilterCell;
       return $t(
         e.columns,
@@ -1311,11 +1319,11 @@ const oo = {
       const c = a.value?.runtime;
       if (!c)
         return null;
-      const G = Me(c.rowPartition), ce = G.bodyRowCount;
+      const D = Me(c.rowPartition), ce = D.bodyRowCount;
       if (r < ce)
         return c.getBodyRowAtIndex(r);
       const et = r - ce;
-      return G.pinnedBottomRows[et] ?? null;
+      return D.pinnedBottomRows[et] ?? null;
     }, C = {
       mode: m(() => n.value),
       resolveRuntime: () => a.value,
@@ -1334,10 +1342,10 @@ const oo = {
       rowSelectionSnapshot: ae,
       syncRowSelectionSnapshotFromRuntime: ie,
       reconcileRowSelectionFromRuntime: Te,
-      selectionService: pe
+      selectionService: we
     } = lt({
       resolveRuntime: () => a.value
-    }), _e = m(() => e.rowSelection ? pe : Qt()), ke = m(() => ({
+    }), _e = m(() => e.rowSelection ? we : Qt()), ke = m(() => ({
       ...e.services ?? {},
       selection: Xt({
         userSelectionService: e.services?.selection,
@@ -1352,9 +1360,9 @@ const oo = {
       rowModel: Ce(e, "rowModel"),
       clientRowModelOptions: k,
       onOwnedRowModelRecreated: () => {
-        w.dispose();
+        p.dispose();
       }
-    }), w = _t({
+    }), p = _t({
       gridRef: a,
       props: Y,
       emit: {
@@ -1373,7 +1381,7 @@ const oo = {
         })
       }
     }), Ne = (r) => {
-      Te(), o("cell-change", r), w.emitSnapshotUpdates();
+      Te(), o("cell-change", r), p.emitSnapshotUpdates();
     }, se = (r) => {
       o("cell-edit", r);
     }, qe = (r) => {
@@ -1381,7 +1389,7 @@ const oo = {
     }, Je = (r) => {
       o("row-selection-change", r);
     }, Se = () => {
-      w.emitSnapshotUpdates();
+      p.emitSnapshotUpdates();
     };
     S(
       ae,
@@ -1394,14 +1402,14 @@ const oo = {
       ([r, c]) => {
         if (r) {
           if (c !== void 0) {
-            const G = a.value?.api.rowSelection;
-            Zt(ae.value, c) || (c ? G?.setSnapshot(c) : G?.clear(), ie());
+            const D = a.value?.api.rowSelection;
+            Zt(ae.value, c) || (c ? D?.setSnapshot(c) : D?.clear(), ie());
             return;
           }
           ie();
           return;
         }
-        pe.clearRowSelection?.();
+        we.clearRowSelection?.();
       },
       { immediate: !0 }
     ), S(
@@ -1417,7 +1425,7 @@ const oo = {
     }, Ye = (r) => {
       s.value = r;
     }, Re = (r) => {
-      p.value = r;
+      w.value = r;
     }, $e = (r) => {
       to(h.value, r) || (h.value = r, A = r, !b && (b = !0, Promise.resolve().then(() => {
         b = !1;
@@ -1425,8 +1433,8 @@ const oo = {
         A = null, c && o("toolbar-modules-change", c);
       })));
     }, de = m(() => {
-      const r = D.value.adapter;
-      return !D.value.enabled || !r ? v : {
+      const r = P.value.adapter;
+      return !P.value.enabled || !r ? v : {
         canUndo: () => r.canUndo(),
         canRedo: () => r.canRedo(),
         runHistoryAction: (c) => r.runHistoryAction(c)
@@ -1436,17 +1444,17 @@ const oo = {
       canRedo: () => (s.value ?? de.value).canRedo(),
       runHistoryAction: (r) => (s.value ?? de.value).runHistoryAction(r)
     }, Qe = () => {
-      const r = w.getState();
+      const r = p.getState();
       return r ? X({
         state: r,
         viewMode: R.value
       }) : null;
-    }, Xe = (r, c) => He(r, w.migrateState, c), Ze = (r, c) => {
-      const G = X(r);
-      return w.applyState(G.state, c) ? (G.viewMode && he(G.viewMode), !0) : !1;
+    }, Xe = (r, c) => He(r, p.migrateState, c), Ze = (r, c) => {
+      const D = X(r);
+      return p.applyState(D.state, c) ? (D.viewMode && he(D.viewMode), !0) : !1;
     };
-    return we(() => {
-      w.dispose(), Re(null);
+    return pe(() => {
+      p.dispose(), Re(null);
     }), u({
       grid: a,
       rowModel: ue,
@@ -1457,10 +1465,10 @@ const oo = {
       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: () => We.value,
-      runStructuralRowAction: (r, c) => p.value?.(r, c) ?? Promise.resolve(!1),
+      runStructuralRowAction: (r, c) => w.value?.(r, c) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
         const r = a.value?.api.selection.summarize;
         if (!r)
@@ -1475,15 +1483,15 @@ const oo = {
       getSavedView: Qe,
       migrateSavedView: Xe,
       applySavedView: Ze,
-      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,
+      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: (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,
@@ -1536,7 +1544,7 @@ const oo = {
         rowReorder: ne.value,
         viewMode: R.value,
         gantt: e.gantt,
-        history: D.value,
+        history: P.value,
         chrome: f.value,
         registerHistoryController: Ye,
         registerStructuralRowActionRunner: Re,
@@ -1576,7 +1584,9 @@ const oo = {
               runtimeRowModel: c.rowModel,
               onCellEdit: se,
               reportFillWarning: e.reportFillWarning,
-              reportFillPlumbingState: e.reportFillPlumbingState
+              reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
+              reportFillPlumbingState: e.reportFillPlumbingState,
+              reportFillPlumbingDetail: e.reportFillPlumbingDetail
             }
           })
         } : {
@@ -1586,7 +1596,9 @@ const oo = {
             runtimeRowModel: c.rowModel,
             onCellEdit: se,
             reportFillWarning: e.reportFillWarning,
-            reportFillPlumbingState: e.reportFillPlumbingState
+            reportCenterPaneDiagnostics: e.reportCenterPaneDiagnostics,
+            reportFillPlumbingState: e.reportFillPlumbingState,
+            reportFillPlumbingDetail: e.reportFillPlumbingDetail
           })
         }
       );
@@ -1594,7 +1606,7 @@ const oo = {
   }
 });
 function Ro() {
-  return P(null);
+  return G(null);
 }
 function bo() {
   return Le;
@@ -1609,8 +1621,8 @@ export {
   ho as defineDataGridCellStyleResolver,
   Bo as defineDataGridColumns,
   bo as defineDataGridComponent,
-  wo as defineDataGridFilterCellReader,
-  po as defineDataGridFilterCellStyleReader,
+  po as defineDataGridFilterCellReader,
+  wo as defineDataGridFilterCellStyleReader,
   go as defineDataGridSelectionCellReader,
   fo as defineDataGridStructuralRowActionHandler,
   He as migrateDataGridSavedView,

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-BjIIJmYg.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-z-xnwnvx.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-BoU8RlUc.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-CKjSVRMy.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/stage/DataGridTableStage.vue.d.ts

@@ -18,6 +18,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["chromeSignature"]>;
         default: string;
     };
+    reportFillPlumbingState: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["reportFillPlumbingState"]>;
+        default: undefined;
+    };
+    reportFillPlumbingDetail: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["reportFillPlumbingDetail"]>;
+        default: undefined;
+    };
     layout: {
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["layout"]>;
         required: true;
@@ -54,6 +62,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<readonly DataGridTableStageCustomOverlay[]>;
         default: () => never[];
     };
+    reportCenterPaneDiagnostics: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["reportCenterPaneDiagnostics"]>;
+        default: undefined;
+    };
     onViewportContextMenu: {
         type: PropType<(event: MouseEvent) => void>;
         default: undefined;
@@ -87,6 +99,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["chromeSignature"]>;
         default: string;
     };
+    reportFillPlumbingState: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["reportFillPlumbingState"]>;
+        default: undefined;
+    };
+    reportFillPlumbingDetail: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["reportFillPlumbingDetail"]>;
+        default: undefined;
+    };
     layout: {
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["layout"]>;
         required: true;
@@ -123,6 +143,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<readonly DataGridTableStageCustomOverlay[]>;
         default: () => never[];
     };
+    reportCenterPaneDiagnostics: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["reportCenterPaneDiagnostics"]>;
+        default: undefined;
+    };
     onViewportContextMenu: {
         type: PropType<(event: MouseEvent) => void>;
         default: undefined;
@@ -134,6 +158,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>>, {
     chromeSignature: string | undefined;
     customOverlays: readonly DataGridTableStageCustomOverlay[];
+    reportCenterPaneDiagnostics: ((payload: import("./dataGridTableStage.types").DataGridTableStageCenterPaneDiagnostics) => void) | undefined;
+    reportFillPlumbingState: ((layer: string, present: boolean) => void) | undefined;
+    reportFillPlumbingDetail: ((layer: string, value: string) => void) | undefined;
     onViewportContextMenu: (event: MouseEvent) => void;
     stageContext: DataGridTableStageContext<Record<string, unknown>>;
 }, {}>;