persian-data-grid 0.6.0 → 0.7.1

package/dist/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkH2LESGMX_cjs = require('./chunk-H2LESGMX.cjs');
-var chunkIIISFUW4_cjs = require('./chunk-IIISFUW4.cjs');
+var chunkVSAFQTW5_cjs = require('./chunk-VSAFQTW5.cjs');
+var chunkWTHTVKVI_cjs = require('./chunk-WTHTVKVI.cjs');
 require('./chunk-MT3KLB2Q.cjs');
 var chunkUC7PHDM6_cjs = require('./chunk-UC7PHDM6.cjs');
-require('./chunk-DXRCYW42.cjs');
+require('./chunk-52LFOPXD.cjs');
 require('./chunk-KMRURD5J.cjs');
 require('./chunk-JOICD47Q.cjs');
-var chunkKUBVDIF7_cjs = require('./chunk-KUBVDIF7.cjs');
+var chunk3HP3HQCW_cjs = require('./chunk-3HP3HQCW.cjs');
 var chunkCILNIWYW_cjs = require('./chunk-CILNIWYW.cjs');
 require('./chunk-SX4VQXAA.cjs');
 require('./chunk-QZN7R2WP.cjs');
@@ -15,13 +15,13 @@ require('./chunk-Z4QPZ3Z3.cjs');
 var chunkKRJG3KMP_cjs = require('./chunk-KRJG3KMP.cjs');
 var chunkJ7CPPFXT_cjs = require('./chunk-J7CPPFXT.cjs');
 var chunkDFFP7SJ6_cjs = require('./chunk-DFFP7SJ6.cjs');
-var chunkPXCHPZTP_cjs = require('./chunk-PXCHPZTP.cjs');
+var chunkCMQ4VLCW_cjs = require('./chunk-CMQ4VLCW.cjs');
 var chunkNTV2UUAJ_cjs = require('./chunk-NTV2UUAJ.cjs');
-var chunkVVGYRZ7S_cjs = require('./chunk-VVGYRZ7S.cjs');
+var chunk72IVAOTK_cjs = require('./chunk-72IVAOTK.cjs');
 require('./chunk-N7SJTINL.cjs');
-var chunk2BJCRYOS_cjs = require('./chunk-2BJCRYOS.cjs');
+var chunkVYJQ2HTA_cjs = require('./chunk-VYJQ2HTA.cjs');
 var chunkIMPCRWYP_cjs = require('./chunk-IMPCRWYP.cjs');
-require('./chunk-BHDRUZH5.cjs');
+require('./chunk-F6EMC75A.cjs');
 var React7 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
@@ -265,7 +265,7 @@ function filterFingerprint(filterModel, quickFilterText) {
   return `${JSON.stringify(filterModel)}|${quickFilterText}`;
 }
 function GridLiveRegion({ controller }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [message, setMessage] = React7.useState("");
   const primed = React7.useRef(false);
   const prevSort = React7.useRef("");
@@ -361,7 +361,7 @@ function GridLiveRegion({ controller }) {
 }
 function CustomTooltip({ title, children }) {
   const [pos, setPos] = React7.useState(null);
-  const portalStyle = chunkKUBVDIF7_cjs.useThemePortalStyle({
+  const portalStyle = chunk3HP3HQCW_cjs.useThemePortalStyle({
     position: "fixed",
     left: pos?.x,
     top: pos?.y,
@@ -406,7 +406,7 @@ function CustomModal({
   width = 720,
   contentClassName
 }) {
-  const overlayStyle = chunkKUBVDIF7_cjs.useThemePortalStyle();
+  const overlayStyle = chunk3HP3HQCW_cjs.useThemePortalStyle();
   const dialogRef = React7.useRef(null);
   React7.useEffect(() => {
     if (!isModalOpen) return;
@@ -424,7 +424,7 @@ function CustomModal({
         closeModal?.();
         return;
       }
-      chunkIIISFUW4_cjs.trapTabKey(dialogRef.current, e);
+      chunkWTHTVKVI_cjs.trapTabKey(dialogRef.current, e);
     };
     document.addEventListener("keydown", onKey);
     return () => {
@@ -550,7 +550,7 @@ function CustomDropdownButton({
   const [open, setOpen] = React7.useState(false);
   const [pos, setPos] = React7.useState({ top: 0, left: 0 });
   const triggerRef = React7.useRef(null);
-  const menuStyle = chunkKUBVDIF7_cjs.useThemePortalStyle({
+  const menuStyle = chunk3HP3HQCW_cjs.useThemePortalStyle({
     position: "fixed",
     top: pos.top,
     left: pos.left
@@ -1559,9 +1559,9 @@ function NewDatePicker({
   showMask,
   adapter: adapterProp
 }) {
-  const hostAdapter = chunkKUBVDIF7_cjs.useDateAdapter();
+  const hostAdapter = chunk3HP3HQCW_cjs.useDateAdapter();
   const adapter = adapterProp ?? hostAdapter;
-  const theme = chunkKUBVDIF7_cjs.useERPTableTheme();
+  const theme = chunk3HP3HQCW_cjs.useERPTableTheme();
   const dark = isDarkBackground(theme.params.backgroundColor);
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactPersianRangePicker.DatePicker,
@@ -1590,7 +1590,7 @@ function FillHandle({ controller }) {
         handle.releasePointerCapture(ev.pointerId);
       }
       window.removeEventListener("pointerup", onPointerUp);
-      const cell = chunkIIISFUW4_cjs.resolveCellAddressFromPoint(ev.clientX, ev.clientY);
+      const cell = chunkWTHTVKVI_cjs.resolveCellAddressFromPoint(ev.clientX, ev.clientY);
       if (!cell) return;
       await controller.applyFillHandleDrag(
         { rowIndex: cell.rowIndex, colIndex: cell.colIndex },
@@ -1660,7 +1660,7 @@ function formatJalaliDate(val, options) {
 }
 var valueParser = (val, type, locale = "fa", numberingSystem, dateAdapter) => {
   if (val == null) {
-    return type === "selectOption" ? chunkKUBVDIF7_cjs.translate("general.selectPlaceholder", locale) : "";
+    return type === "selectOption" ? chunk3HP3HQCW_cjs.translate("general.selectPlaceholder", locale) : "";
   }
   switch (type) {
     case "text":
@@ -1773,7 +1773,7 @@ function resolveBoundCellNode(meta, components, ctx) {
   );
 }
 var DescriptionComponent = React7.forwardRef((props, ref) => {
-  const locale = chunkKUBVDIF7_cjs.useLocale();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
   const {
     meta,
     controller,
@@ -1793,12 +1793,18 @@ var DescriptionComponent = React7.forwardRef((props, ref) => {
   } = props;
   const showSearchHit = !!(isCurrentSearchMatch && searchQuery?.trim());
   const { endpoint, dependOn } = meta.dynamicSource ?? {};
-  const isReady = chunkKUBVDIF7_cjs.hasDependValue(dependOn);
-  const dependencyBody = chunkKUBVDIF7_cjs.buildDependencyBody(dependOn);
-  const { data: menuData } = chunkKUBVDIF7_cjs.useRemoteQuery({
+  const { dependencyBody: hostValues } = chunk3HP3HQCW_cjs.useHostDependOn(dependOn, {
+    enabled: true
+  });
+  const resolveDepend = (item) => chunk3HP3HQCW_cjs.getStaticDependValue(item) ?? hostValues[chunk3HP3HQCW_cjs.getDependFieldName(item)];
+  const isReady = chunk3HP3HQCW_cjs.hasDependValue(dependOn, resolveDepend);
+  const dependencyBody = chunk3HP3HQCW_cjs.buildDependencyBody(dependOn, resolveDepend);
+  const { data: menuData } = chunk3HP3HQCW_cjs.useRemoteQuery({
     url: endpoint,
     body: {
       ...dependencyBody,
+      RepoViewId: 0,
+      RepoId: 0,
       PagingInfo: {
         PageNumber: 1,
         PageRecordCount: 1e4
@@ -1934,13 +1940,15 @@ var ERPTableDynamicSelect = ({
   allowClear,
   onSearch
 }) => {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [options, setOptions] = React7.useState([]);
   const [searchPhrase, setSearchPhrase] = React7.useState(null);
   const [pageNumber, setPageNumber] = React7.useState(1);
   const {
     endpoint,
     repoViewId,
+    // UI-only flag of the host's select config; never part of the request body.
+    addButton: _addButton,
     dependOn,
     ...bodyRequest
   } = dynamicValue ?? {};
@@ -1948,8 +1956,8 @@ var ERPTableDynamicSelect = ({
     if (displayFormatter) return displayFormatter(option);
     return option._SelectDisplay;
   };
-  const [getData, { data, isFetching }] = chunkKUBVDIF7_cjs.useLazyRemote();
-  const { dependencyBody, dependencyKey, isReady } = chunkKUBVDIF7_cjs.useHostDependOn(dependOn, {
+  const [getData, { data, isFetching }] = chunk3HP3HQCW_cjs.useLazyRemote();
+  const { dependencyBody, dependencyKey, isReady } = chunk3HP3HQCW_cjs.useHostDependOn(dependOn, {
     enabled: false,
     unwrapObjectValue: true
   });
@@ -2120,7 +2128,8 @@ var ERPTableDynamicSelect = ({
     )
   ] });
 };
-var CellRenderer = ({
+var CellRenderer = (props) => props.meta ? /* @__PURE__ */ jsxRuntime.jsx(CellRendererBody, { ...props, meta: props.meta }) : null;
+var CellRendererBody = ({
   tableKey,
   row,
   columnId,
@@ -2131,11 +2140,10 @@ var CellRenderer = ({
   mode = "cell"
 }) => {
   const dateHostRef = React7__default.default.useRef(null);
-  const { locale, components } = chunkKUBVDIF7_cjs.useERPTableHost();
-  const numberingSystem = chunkKUBVDIF7_cjs.useNumberingSystem();
-  const dateAdapter = chunkKUBVDIF7_cjs.useDateAdapter();
+  const { locale, components } = chunk3HP3HQCW_cjs.useERPTableHost();
+  const numberingSystem = chunk3HP3HQCW_cjs.useNumberingSystem();
+  const dateAdapter = chunk3HP3HQCW_cjs.useDateAdapter();
   const searchState = useGridSearchState(controller);
-  if (!meta) return null;
   const disable = typeof row.visibilityCondition[columnId] === "boolean" && row.visibilityCondition[columnId] === false;
   const viewCell = controller.getCell(row.id, columnId);
   const draft = controller.getEditDraft(row.id, columnId);
@@ -2463,6 +2471,7 @@ var CellRenderer = ({
           popupRender: (menu) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: menu }),
           disabled: isDeleted || !isEditable,
           value: selectValue,
+          valueLabel: display != null && display !== "" ? String(display) : void 0,
           dynamicValue: meta?.dynamicSource,
           filterOption: (input, option) => {
             if (meta?.dynamicSelectFilterOption) {
@@ -2573,9 +2582,9 @@ var IndexCol = ({
   controller,
   meta
 }) => {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const locale = chunkKUBVDIF7_cjs.useLocale();
-  const numberingSystem = chunkKUBVDIF7_cjs.useNumberingSystem();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
+  const numberingSystem = chunk3HP3HQCW_cjs.useNumberingSystem();
   const handleDeleteRow = () => {
     controller.dispatch({ type: "ROW_DELETED", rowId: row.id });
   };
@@ -2692,8 +2701,8 @@ function ERPTableRowComponent({
   isActive: isActiveRow,
   isCut
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const colWindow = chunkH2LESGMX_cjs.useColumnWindowOrAll(
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const colWindow = chunkVSAFQTW5_cjs.useColumnWindowOrAll(
     table.columns ?? [],
     table.columnWidths
   );
@@ -2702,15 +2711,15 @@ function ERPTableRowComponent({
   const isDeleted = row.rowState === "Delete" /* Deleted */;
   const cellRanges = controller.getViewState()?.cellRanges ?? [];
   const columnOrder = (table.columns ?? []).filter((c) => !c.hidden).map((c) => c.fieldName);
-  const fillCorner = chunkIIISFUW4_cjs.resolveFillCorner(cellRanges, columnOrder);
+  const fillCorner = chunkWTHTVKVI_cjs.resolveFillCorner(cellRanges, columnOrder);
   const rangeCellProps = (colId) => {
-    const flags = chunkIIISFUW4_cjs.resolveCellRangePresentation(
+    const flags = chunkWTHTVKVI_cjs.resolveCellRangePresentation(
       { rowIndex: index, colId },
       cellRanges
     );
-    const edge = chunkIIISFUW4_cjs.cellRangeEdgeAttr(flags);
+    const edge = chunkWTHTVKVI_cjs.cellRangeEdgeAttr(flags);
     return {
-      className: chunkIIISFUW4_cjs.cellRangeClassName(flags),
+      className: chunkWTHTVKVI_cjs.cellRangeClassName(flags),
       "data-pdg-cell-range": flags.inRange ? "true" : void 0,
       "data-pdg-range-edge": edge
     };
@@ -2770,7 +2779,7 @@ function ERPTableRowComponent({
       "tr",
       {
         role: "row",
-        "aria-rowindex": chunkH2LESGMX_cjs.ariaDataRowIndex(index, pinnedTopCount),
+        "aria-rowindex": chunkVSAFQTW5_cjs.ariaDataRowIndex(index, pinnedTopCount),
         className: rowClass,
         "data-rowid": row.id,
         "data-pdg-row-loading": row.loading ? "true" : void 0,
@@ -2783,13 +2792,13 @@ function ERPTableRowComponent({
         onClick: handleRowClick,
         onDoubleClick: handleSelectRow,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH2LESGMX_cjs.ColumnWindowCells,
+          chunkVSAFQTW5_cjs.ColumnWindowCells,
           {
             window: colWindow,
             spacerElement: "td",
             spacerRole: "presentation",
             renderColumn: (c, absoluteColIndex) => {
-              const pin = chunkH2LESGMX_cjs.columnPinCellProps(
+              const pin = chunkVSAFQTW5_cjs.columnPinCellProps(
                 c,
                 colWindow.startPinOffsets,
                 colWindow.endPinOffsets
@@ -2807,7 +2816,7 @@ function ERPTableRowComponent({
                   "td",
                   {
                     role: "gridcell",
-                    "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(absoluteColIndex),
+                    "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(absoluteColIndex),
                     className: `p-0 h-full overflow-hidden border ${pin.className} ${rangeProps2.className}`.trim(),
                     "data-columnid": c.fieldName,
                     "data-pdg-row-index": index,
@@ -2827,8 +2836,8 @@ function ERPTableRowComponent({
                   "td",
                   {
                     role: "gridcell",
-                    "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(absoluteColIndex),
-                    ...chunkH2LESGMX_cjs.gridCellA11y(tableKey, row.id, c.fieldName, table.activeCell),
+                    "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(absoluteColIndex),
+                    ...chunkVSAFQTW5_cjs.gridCellA11y(tableKey, row.id, c.fieldName, table.activeCell),
                     className: `p-0 h-full overflow-hidden border ${pin.className} ${rangeProps2.className}`.trim(),
                     key: c.fieldName,
                     "data-columnid": c.fieldName,
@@ -2857,8 +2866,8 @@ function ERPTableRowComponent({
                 "td",
                 {
                   role: "gridcell",
-                  "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(absoluteColIndex),
-                  ...chunkH2LESGMX_cjs.gridCellA11y(tableKey, row.id, c.fieldName, table.activeCell),
+                  "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(absoluteColIndex),
+                  ...chunkVSAFQTW5_cjs.gridCellA11y(tableKey, row.id, c.fieldName, table.activeCell),
                   className: `p-0 h-full overflow-hidden border relative ${pin.className} ${rangeProps.className}`.trim(),
                   "data-columnid": c.fieldName,
                   "data-pdg-row-index": index,
@@ -2910,7 +2919,7 @@ var ERPTableRow = React7__default.default.memo(ERPTableRowComponent, (prev, next
   return prev.row === next.row && prev.index === next.index && prev.stripeIndex === next.stripeIndex && prev.controller === next.controller && prev.tableKey === next.tableKey && prev.isSelected === next.isSelected && prev.isActive === next.isActive && prev.isCut === next.isCut && prev.table.columns === next.table.columns && prev.table.columnWidths === next.table.columnWidths && prev.table.activeCell?.rowId === next.table.activeCell?.rowId && prev.table.activeCell?.columnId === next.table.activeCell?.columnId && prev.table.cellRanges === next.table.cellRanges && prev.moreDetailComponent === next.moreDetailComponent;
 });
 var ERPTableGroupRow = React7__default.default.lazy(
-  () => import('./ERPTableGroupRow-J5Z2LRC5.cjs').then((m) => ({ default: m.ERPTableGroupRow }))
+  () => import('./ERPTableGroupRow-F2IPDYL5.cjs').then((m) => ({ default: m.ERPTableGroupRow }))
 );
 function ERPTableBody({
   controller,
@@ -2978,8 +2987,8 @@ function ERPTableFooter({
   pinnedTopCount = 0,
   pinnedBottomCount = 0
 }) {
-  const locale = chunkKUBVDIF7_cjs.useLocale();
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [aggs, setAggs] = React7.useState({});
   const table = controller.getViewState();
   const rows = React7.useMemo(
@@ -3006,7 +3015,7 @@ function ERPTableFooter({
       unsubscribe?.();
     };
   }, [controller, rows]);
-  const colWindow = chunkH2LESGMX_cjs.useColumnWindowOrAll(
+  const colWindow = chunkVSAFQTW5_cjs.useColumnWindowOrAll(
     table?.columns ?? [],
     table?.columnWidths
   );
@@ -3015,7 +3024,7 @@ function ERPTableFooter({
     if (!footer) return null;
     const visibleColumns = table.columns.filter((c) => !c.hidden);
     const cols = visibleColumns.length;
-    const footerRowIndex = chunkH2LESGMX_cjs.ariaFooterRowIndex(
+    const footerRowIndex = chunkVSAFQTW5_cjs.ariaFooterRowIndex(
       dataRowCount ?? table.pagination.totalRows,
       pinnedTopCount,
       pinnedBottomCount
@@ -3040,7 +3049,7 @@ function ERPTableFooter({
     ) });
   }
   if (!rows) return null;
-  const baseRowIndex = chunkH2LESGMX_cjs.ariaFooterRowIndex(
+  const baseRowIndex = chunkVSAFQTW5_cjs.ariaFooterRowIndex(
     dataRowCount ?? table.pagination.totalRows,
     pinnedTopCount,
     pinnedBottomCount
@@ -3053,13 +3062,13 @@ function ERPTableFooter({
       "data-pdg-footer-row": rowDef.id,
       className: `w-full border border-gray-gray5 bg-main-white !h-9 rounded `,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkH2LESGMX_cjs.ColumnWindowCells,
+        chunkVSAFQTW5_cjs.ColumnWindowCells,
         {
           window: colWindow,
           spacerElement: "td",
           spacerRole: "presentation",
           renderColumn: (c, index) => {
-            const pin = chunkH2LESGMX_cjs.columnPinCellProps(
+            const pin = chunkVSAFQTW5_cjs.columnPinCellProps(
               c,
               colWindow.startPinOffsets,
               colWindow.endPinOffsets
@@ -3081,7 +3090,7 @@ function ERPTableFooter({
               "td",
               {
                 role: "gridcell",
-                "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+                "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
                 className: pin.className,
                 "data-erp-col-pin": pin["data-erp-col-pin"],
                 style: {
@@ -3117,6 +3126,83 @@ function resolveColumnReorder(columns, sourceField, destField) {
   if (chunkUC7PHDM6_cjs.isIndexColumn(source) || chunkUC7PHDM6_cjs.isIndexColumn(dest)) return null;
   return { sourceIndex, destIndex };
 }
+
+// engine/dataOps/columnMenu.ts
+function isColumnMenuCustomItem(item) {
+  return typeof item === "object" && item !== null && "name" in item;
+}
+function isColumnFilterable(column) {
+  const ui = chunkWTHTVKVI_cjs.resolveFilterUi(column);
+  return ui != null;
+}
+function isColumnSortableInGrid(column, pagedWindow) {
+  if (!chunkDFFP7SJ6_cjs.isHeaderColumnSortable(column)) return false;
+  return !pagedWindow || column.columnDef?.sortable === true;
+}
+function isColumnFilterableInGrid(column, pagedWindow) {
+  if (!isColumnFilterable(column)) return false;
+  if (!pagedWindow) return true;
+  const def = column.columnDef?.filter;
+  return def != null && def !== false;
+}
+function buildDefaultColumnMenuItems(ctx) {
+  const items = [];
+  if (ctx.sortable) {
+    items.push("sortAsc", "sortDesc", "sortNone", "separator");
+  }
+  if (ctx.filterable) items.push("filter");
+  if (ctx.hideable) items.push("hideColumn");
+  if (ctx.pinnable) {
+    items.push("pinStart", "pinEnd", "pinNone", "separator");
+  }
+  items.push("autoSize", "columnsPanel");
+  return items;
+}
+function resolveColumnMenuItems(column, config, options) {
+  const pagedWindow = options?.pagedWindow === true;
+  const ctx = {
+    sortable: isColumnSortableInGrid(column, pagedWindow),
+    filterable: isColumnFilterableInGrid(column, pagedWindow),
+    hideable: !chunkUC7PHDM6_cjs.isIndexColumn(column),
+    pinnable: !chunkUC7PHDM6_cjs.isIndexColumn(column)
+  };
+  const defaults = buildDefaultColumnMenuItems(ctx);
+  if (!config) return defaults;
+  if (typeof config === "function") return config(defaults);
+  return config;
+}
+function columnMenuItemLabelKey(id) {
+  switch (id) {
+    case "sortAsc":
+      return "columnMenu.sortAsc";
+    case "sortDesc":
+      return "columnMenu.sortDesc";
+    case "sortNone":
+      return "columnMenu.sortNone";
+    case "filter":
+      return "columnMenu.filter";
+    case "hideColumn":
+      return "columnMenu.hideColumn";
+    case "pinStart":
+      return "columnMenu.pinStart";
+    case "pinEnd":
+      return "columnMenu.pinEnd";
+    case "pinNone":
+      return "columnMenu.pinNone";
+    case "autoSize":
+      return "columnMenu.autoSize";
+    case "columnsPanel":
+      return "columnMenu.columnsPanel";
+    default:
+      return id;
+  }
+}
+function sortModelForMenuAction(current, colId, action) {
+  if (action === "none") {
+    return current.filter((entry) => entry.colId !== colId);
+  }
+  return [{ colId, sort: action }];
+}
 var GRID_REVALIDATE_EVENT = "pdg-grid:revalidate";
 var LEGACY_GRID_REVALIDATE_EVENT = "erp-table:revalidate";
 function useRevalidateRevision() {
@@ -3256,11 +3342,11 @@ function ColumnFilterPopover({
   onOpenChange,
   anchorRef
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [pos, setPos] = React7.useState({ top: 0, left: 0 });
   const panelRef = React7.useRef(null);
   const current = filterModel[column.fieldName];
-  const menuStyle = chunkKUBVDIF7_cjs.useThemePortalStyle({
+  const menuStyle = chunk3HP3HQCW_cjs.useThemePortalStyle({
     position: "fixed",
     top: pos.top,
     left: pos.left,
@@ -3286,7 +3372,7 @@ function ColumnFilterPopover({
     if (!open || kind !== "set") return [];
     const rows = controller.getAllRows() ?? [];
     const ids = rows.map((r) => r.id.value);
-    return chunkIIISFUW4_cjs.collectUniqueFilterValues(ids, column.fieldName, {
+    return chunkWTHTVKVI_cjs.collectUniqueFilterValues(ids, column.fieldName, {
       getValue: (rowId, colId) => controller.getCell(rowId, colId)?.getValue() ?? null
     });
   }, [open, kind, controller, column.fieldName]);
@@ -3402,7 +3488,7 @@ function TextFilterForm({
   onApply,
   onClear
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const initial = current && "filterType" in current && current.filterType === "text" ? current : null;
   const [type, setType] = React7.useState(initial?.type ?? "contains");
   const [filter, setFilter] = React7.useState(String(initial?.filter ?? ""));
@@ -3452,7 +3538,7 @@ function NumberFilterForm({
   onApply,
   onClear
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const initial = current && "filterType" in current && current.filterType === "number" ? current : null;
   const [type, setType] = React7.useState(initial?.type ?? "equals");
   const [filter, setFilter] = React7.useState(String(initial?.filter ?? ""));
@@ -3513,7 +3599,7 @@ function DateFilterForm({
   onApply,
   onClear
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const initial = current && "filterType" in current && current.filterType === "date" ? current : null;
   const [type, setType] = React7.useState(initial?.type ?? "equals");
   const [dateFrom, setDateFrom] = React7.useState(
@@ -3580,7 +3666,7 @@ function BooleanFilterForm({
   onApply,
   onClear
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const initial = current && "filterType" in current && current.filterType === "boolean" ? current.type : "any";
   const [type, setType] = React7.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3619,7 +3705,7 @@ function SetFilterForm({
   onApply,
   onClear
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const initial = current && "filterType" in current && current.filterType === "set" ? new Set(current.values.map((v) => String(v ?? ""))) : new Set(values.map((v) => String(v ?? "")));
   const [selected, setSelected] = React7.useState(initial);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3772,7 +3858,7 @@ function ColumnGroupHeaderRows({
   onGroupDragStart
 }) {
   const visible = allVisible.filter((c) => !c.hidden);
-  const model = chunkIIISFUW4_cjs.buildColumnGroupHeaderModel(visible, collapsedGroups);
+  const model = chunkWTHTVKVI_cjs.buildColumnGroupHeaderModel(visible, collapsedGroups);
   if (model.maxDepth === 0) return null;
   const layoutWidths = colWindow.layoutWidths;
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: model.rows.map((rowCells, level) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3831,72 +3917,6 @@ function ColumnGroupHeaderRows({
     `group-row-${level}`
   )) });
 }
-
-// engine/dataOps/columnMenu.ts
-function isColumnMenuCustomItem(item) {
-  return typeof item === "object" && item !== null && "name" in item;
-}
-function isColumnFilterable(column) {
-  const ui = chunkIIISFUW4_cjs.resolveFilterUi(column);
-  return ui != null;
-}
-function buildDefaultColumnMenuItems(ctx) {
-  const items = [];
-  if (ctx.sortable) {
-    items.push("sortAsc", "sortDesc", "sortNone", "separator");
-  }
-  if (ctx.filterable) items.push("filter");
-  if (ctx.hideable) items.push("hideColumn");
-  if (ctx.pinnable) {
-    items.push("pinStart", "pinEnd", "pinNone", "separator");
-  }
-  items.push("autoSize", "columnsPanel");
-  return items;
-}
-function resolveColumnMenuItems(column, config) {
-  const ctx = {
-    sortable: chunkDFFP7SJ6_cjs.isHeaderColumnSortable(column),
-    filterable: isColumnFilterable(column),
-    hideable: !chunkUC7PHDM6_cjs.isIndexColumn(column),
-    pinnable: !chunkUC7PHDM6_cjs.isIndexColumn(column)
-  };
-  const defaults = buildDefaultColumnMenuItems(ctx);
-  if (!config) return defaults;
-  if (typeof config === "function") return config(defaults);
-  return config;
-}
-function columnMenuItemLabelKey(id) {
-  switch (id) {
-    case "sortAsc":
-      return "columnMenu.sortAsc";
-    case "sortDesc":
-      return "columnMenu.sortDesc";
-    case "sortNone":
-      return "columnMenu.sortNone";
-    case "filter":
-      return "columnMenu.filter";
-    case "hideColumn":
-      return "columnMenu.hideColumn";
-    case "pinStart":
-      return "columnMenu.pinStart";
-    case "pinEnd":
-      return "columnMenu.pinEnd";
-    case "pinNone":
-      return "columnMenu.pinNone";
-    case "autoSize":
-      return "columnMenu.autoSize";
-    case "columnsPanel":
-      return "columnMenu.columnsPanel";
-    default:
-      return id;
-  }
-}
-function sortModelForMenuAction(current, colId, action) {
-  if (action === "none") {
-    return current.filter((entry) => entry.colId !== colId);
-  }
-  return [{ colId, sort: action }];
-}
 function buildRows(items, column, controller, sortModel, onCustomAction, onOpenFilter, onOpenColumnsPanel, t) {
   const colId = column.fieldName;
   const rows = [];
@@ -3971,19 +3991,20 @@ function ColumnMenuPopover({
   onOpenFilter,
   onOpenColumnsPanel
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const menuRef = React7.useRef(null);
   const [pos, setPos] = React7.useState({ top: 0, left: 0 });
   const [focusIndex, setFocusIndex] = React7.useState(0);
-  const portalStyle = chunkKUBVDIF7_cjs.useThemePortalStyle({
+  const portalStyle = chunk3HP3HQCW_cjs.useThemePortalStyle({
     position: "fixed",
     top: pos.top,
     left: pos.left,
     zIndex: 1200
   });
+  const pagedWindow = controller.isPagedWindow();
   const items = React7.useMemo(
-    () => resolveColumnMenuItems(column, itemsConfig),
-    [column, itemsConfig]
+    () => resolveColumnMenuItems(column, itemsConfig, { pagedWindow }),
+    [column, itemsConfig, pagedWindow]
   );
   const rows = React7.useMemo(
     () => buildRows(
@@ -4017,7 +4038,7 @@ function ColumnMenuPopover({
   React7.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
-      if (menuRef.current && chunkIIISFUW4_cjs.trapTabKey(menuRef.current, e)) {
+      if (menuRef.current && chunkWTHTVKVI_cjs.trapTabKey(menuRef.current, e)) {
         return;
       }
       if (e.key === "Escape") {
@@ -4123,10 +4144,10 @@ function ColumnsPanelPopover({
   onOpenChange,
   anchorRef
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const panelRef = React7.useRef(null);
   const [pos, setPos] = React7.useState({ top: 0, left: 0 });
-  const portalStyle = chunkKUBVDIF7_cjs.useThemePortalStyle({
+  const portalStyle = chunk3HP3HQCW_cjs.useThemePortalStyle({
     position: "fixed",
     top: pos.top,
     left: pos.left,
@@ -4142,7 +4163,7 @@ function ColumnsPanelPopover({
   React7.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
-      if (panelRef.current && chunkIIISFUW4_cjs.trapTabKey(panelRef.current, e)) {
+      if (panelRef.current && chunkWTHTVKVI_cjs.trapTabKey(panelRef.current, e)) {
         return;
       }
       if (e.key === "Escape") {
@@ -4179,7 +4200,7 @@ function ColumnsPanelPopover({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "erp-col-columns-panel__title", children: t("columnMenu.columnsPanel") }),
           /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "erp-col-columns-panel__list", role: "listbox", children: togglable.map((col) => {
             const visible = !col.hidden;
-            const locked = chunkIIISFUW4_cjs.canSetColumnVisible(col, true).ok === false && !visible;
+            const locked = chunkWTHTVKVI_cjs.canSetColumnVisible(col, true).ok === false && !visible;
             return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "option", "aria-selected": visible, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "erp-col-columns-panel__row", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "input",
@@ -4280,7 +4301,7 @@ function floatingFilterValue(model, colId) {
   return "";
 }
 function applyFloatingFilter(model, col, raw) {
-  const ui = chunkIIISFUW4_cjs.resolveFilterUi(col);
+  const ui = chunkWTHTVKVI_cjs.resolveFilterUi(col);
   const next = { ...model };
   if (!ui || ui.mode !== "builtin" || raw.trim() === "") {
     delete next[col.fieldName];
@@ -4321,13 +4342,14 @@ function ERPTableHeader({
   floatingFilter = false,
   filterComponents
 }) {
-  const direction = chunkKUBVDIF7_cjs.useDirection();
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const host = chunkKUBVDIF7_cjs.useERPTableHost();
+  const direction = chunk3HP3HQCW_cjs.useDirection();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const host = chunk3HP3HQCW_cjs.useERPTableHost();
   const filters = filterComponents ?? host.filterComponents;
   const columnMenuItems = host.columnMenuItems;
   const onColumnMenuAction = host.onColumnMenuAction;
   const table = controller.getViewState();
+  const pagedWindow = controller.isPagedWindow();
   const draggedFieldRef = React7.useRef(null);
   const draggedGroupRef = React7.useRef(null);
   const pointerOriginRef = React7.useRef(null);
@@ -4358,8 +4380,8 @@ function ERPTableHeader({
   ]);
   const displayColumns = table?.columns ?? [];
   const collapsedGroups = table?.collapsedColumnGroups ?? {};
-  const colWindow = chunkH2LESGMX_cjs.useColumnWindowOrAll(displayColumns, table?.columnWidths);
-  const groupDepth = chunkIIISFUW4_cjs.maxColumnGroupDepth(displayColumns);
+  const colWindow = chunkVSAFQTW5_cjs.useColumnWindowOrAll(displayColumns, table?.columnWidths);
+  const groupDepth = chunkWTHTVKVI_cjs.maxColumnGroupDepth(displayColumns);
   if (!table || !table.columns) return null;
   const visibleColumns = displayColumns.filter((c) => !c.hidden);
   const sortModel = table.sortModel ?? [];
@@ -4412,13 +4434,13 @@ function ERPTableHeader({
         onAutoSize: () => controller.autoSizeColumns([col.fieldName])
       }
     );
-    const pin = chunkH2LESGMX_cjs.columnPinCellProps(col, colWindow.startPinOffsets, colWindow.endPinOffsets);
+    const pin = chunkVSAFQTW5_cjs.columnPinCellProps(col, colWindow.startPinOffsets, colWindow.endPinOffsets);
     if (chunkUC7PHDM6_cjs.isIndexColumn(col)) {
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "th",
         {
           role: "columnheader",
-          "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+          "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
           style: { ...col.style, ...size, ...pin.style },
           className: `relative px-2 text-xs border  text-start whitespace-nowrap ${pin.className} ${col.className || ""}`,
           "data-erp-col-pin": pin["data-erp-col-pin"],
@@ -4440,11 +4462,11 @@ function ERPTableHeader({
         col.fieldName
       );
     }
-    const sortable = chunkDFFP7SJ6_cjs.isHeaderColumnSortable(col);
-    const filterUi = chunkIIISFUW4_cjs.resolveFilterUi(col);
+    const sortable = isColumnSortableInGrid(col, pagedWindow);
+    const filterUi = isColumnFilterableInGrid(col, pagedWindow) ? chunkWTHTVKVI_cjs.resolveFilterUi(col) : null;
     const customFilter = filterUi?.mode === "custom" ? resolveFilterComponent(filterUi.name, filters) : void 0;
     const filterable = filterUi != null && (filterUi.mode === "builtin" || customFilter != null);
-    const filterActive = chunkIIISFUW4_cjs.isColumnFilterActive(filterModel, col.fieldName);
+    const filterActive = chunkWTHTVKVI_cjs.isColumnFilterActive(filterModel, col.fieldName);
     const ariaSort = sortable ? chunkDFFP7SJ6_cjs.ariaSortForColumn(sortModel, col.fieldName) : void 0;
     const priority = chunkDFFP7SJ6_cjs.sortPriorityForColumn(sortModel, col.fieldName);
     const showPriority = priority != null && sortModel.length > 1;
@@ -4452,7 +4474,7 @@ function ERPTableHeader({
       "th",
       {
         role: "columnheader",
-        "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+        "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
         "aria-sort": ariaSort,
         style: { ...col.style, ...size, ...pin.style },
         className: `relative px-2 text-xs border text-start min-w-36 ${pin.className} ${col.className || ""}`,
@@ -4604,15 +4626,15 @@ function ERPTableHeader({
   };
   const renderFloatingFilterColumn = (col, index) => {
     const size = chunkUC7PHDM6_cjs.columnSizeStyle(col, table.columnWidths, colWindow.layoutWidths);
-    const ui = chunkIIISFUW4_cjs.resolveFilterUi(col);
+    const ui = isColumnFilterableInGrid(col, pagedWindow) ? chunkWTHTVKVI_cjs.resolveFilterUi(col) : null;
     if (chunkUC7PHDM6_cjs.isIndexColumn(col) || !ui || ui.mode !== "builtin") {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "th",
         {
           role: "columnheader",
-          "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+          "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
           style: size,
-          className: `pdg-floating-filter-cell ${chunkH2LESGMX_cjs.columnPinClassName(col)}`
+          className: `pdg-floating-filter-cell ${chunkVSAFQTW5_cjs.columnPinClassName(col)}`
         },
         `ff-${col.fieldName}`
       );
@@ -4621,9 +4643,9 @@ function ERPTableHeader({
       "th",
       {
         role: "columnheader",
-        "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+        "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
         style: size,
-        className: `pdg-floating-filter-cell ${chunkH2LESGMX_cjs.columnPinClassName(col)}`,
+        className: `pdg-floating-filter-cell ${chunkVSAFQTW5_cjs.columnPinClassName(col)}`,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -4665,7 +4687,7 @@ function ERPTableHeader({
     draggedGroupRef.current = null;
     setDropField(null);
     if (sourceGroup) {
-      const move2 = chunkIIISFUW4_cjs.resolveGroupBlockReorder(displayColumns, sourceGroup, destField);
+      const move2 = chunkWTHTVKVI_cjs.resolveGroupBlockReorder(displayColumns, sourceGroup, destField);
       if (!move2) return;
       void controller.dispatch({
         type: "COLUMN_REORDERED",
@@ -4741,12 +4763,12 @@ function ERPTableHeader({
       "tr",
       {
         role: "row",
-        "aria-rowindex": chunkH2LESGMX_cjs.ARIA_HEADER_ROW_INDEX + groupDepth,
+        "aria-rowindex": chunkVSAFQTW5_cjs.ARIA_HEADER_ROW_INDEX + groupDepth,
         style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` },
         className: `relative h-10  bg-gray-gray3 rounded-t-lg w-full `,
         "data-pdg-header-cols": colWindow.pinnedStart.length + colWindow.mountedScrollableCount + colWindow.pinnedEnd.length,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH2LESGMX_cjs.ColumnWindowCells,
+          chunkVSAFQTW5_cjs.ColumnWindowCells,
           {
             window: colWindow,
             spacerElement: "th",
@@ -4773,7 +4795,7 @@ function ERPTableHeader({
         className: "pdg-floating-filter-row",
         "data-pdg-floating-filter": "true",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH2LESGMX_cjs.ColumnWindowCells,
+          chunkVSAFQTW5_cjs.ColumnWindowCells,
           {
             window: colWindow,
             spacerElement: "th",
@@ -4802,15 +4824,15 @@ function PinnedRowCells({
   columnWidths,
   locale
 }) {
-  const colWindow = chunkH2LESGMX_cjs.useColumnWindowOrAll(columns, columnWidths);
+  const colWindow = chunkVSAFQTW5_cjs.useColumnWindowOrAll(columns, columnWidths);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH2LESGMX_cjs.ColumnWindowCells,
+    chunkVSAFQTW5_cjs.ColumnWindowCells,
     {
       window: colWindow,
       spacerElement: "td",
       spacerRole: "presentation",
       renderColumn: (c, index) => {
-        const pin = chunkH2LESGMX_cjs.columnPinCellProps(
+        const pin = chunkVSAFQTW5_cjs.columnPinCellProps(
           c,
           colWindow.startPinOffsets,
           colWindow.endPinOffsets
@@ -4820,7 +4842,7 @@ function PinnedRowCells({
           "td",
           {
             role: "gridcell",
-            "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+            "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
             className: pin.className,
             "data-erp-col-pin": pin["data-erp-col-pin"],
             style: {
@@ -4842,7 +4864,7 @@ function ERPTablePinnedRows({
   dataRowCount,
   pinnedTopCount
 }) {
-  const locale = chunkKUBVDIF7_cjs.useLocale();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
   const view = controller.getViewState();
   if (!view || rows.length === 0) return null;
   const columns = view.columns ?? [];
@@ -4856,7 +4878,7 @@ function ERPTablePinnedRows({
       "data-erp-pinned-top": isTop ? "" : void 0,
       "data-erp-pinned-bottom": isTop ? void 0 : "",
       children: rows.map((row, index) => {
-        const ariaRowindex = side === "top" ? chunkH2LESGMX_cjs.ariaPinnedTopRowIndex(index) : chunkH2LESGMX_cjs.ariaPinnedBottomRowIndex(index, dataRowCount, pinnedTopCount);
+        const ariaRowindex = side === "top" ? chunkVSAFQTW5_cjs.ariaPinnedTopRowIndex(index) : chunkVSAFQTW5_cjs.ariaPinnedBottomRowIndex(index, dataRowCount, pinnedTopCount);
         return /* @__PURE__ */ jsxRuntime.jsx(
           "tr",
           {
@@ -4921,7 +4943,7 @@ function buildVirtualWindowFromSparse(index, viewport) {
   };
 }
 function isSparseRowIndex(value) {
-  return value instanceof chunkIIISFUW4_cjs.SparseRowIndex;
+  return value instanceof chunkWTHTVKVI_cjs.SparseRowIndex;
 }
 function buildVirtualWindowFromSource(items, viewport) {
   return isSparseRowIndex(items) ? buildVirtualWindowFromSparse(items, viewport) : buildVirtualWindow(items, viewport);
@@ -4962,12 +4984,14 @@ function useVirtualWindow(session, items, options) {
       () => {
         const vp = session.getViewport();
         const itemCount = isSparseRowIndex(items) ? session.getUiRowCount() : items.length;
+        const indexRevision = isSparseRowIndex(items) ? items.revision : 0;
         return {
           scrollOffset: vp.scrollOffset,
           viewportSize: vp.viewportSize,
           rowHeight: vp.rowHeight,
           overscan: vp.overscan,
-          itemCount
+          itemCount,
+          indexRevision
         };
       },
       sync,
@@ -4990,7 +5014,7 @@ function useVirtualWindow(session, items, options) {
   };
 }
 var ERPTableGroupRow2 = React7__default.default.lazy(
-  () => import('./ERPTableGroupRow-J5Z2LRC5.cjs').then((m) => ({ default: m.ERPTableGroupRow }))
+  () => import('./ERPTableGroupRow-F2IPDYL5.cjs').then((m) => ({ default: m.ERPTableGroupRow }))
 );
 var DEFAULT_ROW_HEIGHT = 40;
 function ERPTableVirtualBody({
@@ -5037,7 +5061,7 @@ function ERPTableVirtualBody({
     el.addEventListener("scroll", handleScroll, { passive: true });
     return () => el.removeEventListener("scroll", handleScroll);
   }, [scrollParentRef, onScroll]);
-  const colWindow = chunkH2LESGMX_cjs.useColumnWindowOrAll(
+  const colWindow = chunkVSAFQTW5_cjs.useColumnWindowOrAll(
     table?.columns ?? [],
     table?.columnWidths
   );
@@ -5051,14 +5075,14 @@ function ERPTableVirtualBody({
   const renderSpacer = (kind, height) => {
     if (height <= 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("tr", { "aria-hidden": true, role: "presentation", "data-erp-virtual-spacer": kind, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkH2LESGMX_cjs.ColumnWindowCells,
+      chunkVSAFQTW5_cjs.ColumnWindowCells,
       {
         window: colWindow,
         spacerElement: "td",
         spacerRole: "presentation",
         spacerStyle: { ...spacerStyle, height },
         renderColumn: (c) => {
-          const pin = chunkH2LESGMX_cjs.columnPinCellProps(
+          const pin = chunkVSAFQTW5_cjs.columnPinCellProps(
             c,
             colWindow.startPinOffsets,
             colWindow.endPinOffsets
@@ -5147,9 +5171,9 @@ function ToolbarIconButton({
 }
 var PDF_EXPORT_PLUGIN = "pdf-export";
 function PdfExportToolbarButton({ pluginHost }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const direction = chunkKUBVDIF7_cjs.useDirection();
-  const { success, error } = chunkKUBVDIF7_cjs.useHostToast();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const direction = chunk3HP3HQCW_cjs.useDirection();
+  const { success, error } = chunk3HP3HQCW_cjs.useHostToast();
   const [busy, setBusy] = React7.useState(false);
   if (!pluginHost?.has(PDF_EXPORT_PLUGIN)) return null;
   const handleExport = async () => {
@@ -5191,8 +5215,8 @@ function PdfExportToolbarButton({ pluginHost }) {
 var EXCEL_IMPORT_PLUGIN = "excel-import";
 var XLSX_ACCEPT = ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
 function ExcelImportToolbarButton({ pluginHost }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const { success, error } = chunkKUBVDIF7_cjs.useHostToast();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const { success, error } = chunk3HP3HQCW_cjs.useHostToast();
   const [busy, setBusy] = React7.useState(false);
   const inputRef = React7.useRef(null);
   if (!pluginHost?.has(EXCEL_IMPORT_PLUGIN)) return null;
@@ -5252,8 +5276,8 @@ function GridSearchPanel({
   onClose,
   anchorRef
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const { match: viewportMatch } = chunkKUBVDIF7_cjs.useMediaQuery("XLUP");
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const { match: viewportMatch } = chunk3HP3HQCW_cjs.useMediaQuery("XLUP");
   const isMobile = viewportMatch === false;
   const searchState = useGridSearchState(controller);
   const [columnId, setColumnId] = React7.useState("");
@@ -5262,7 +5286,7 @@ function GridSearchPanel({
   const [position, setPosition] = React7.useState({ top: 0, left: 0 });
   const panelRef = React7.useRef(null);
   const inputRef = React7.useRef(null);
-  const themeVars = chunkKUBVDIF7_cjs.useThemePortalStyle();
+  const themeVars = chunk3HP3HQCW_cjs.useThemePortalStyle();
   const table = controller.getViewState();
   const columns = React7.useMemo(
     () => (table?.columns ?? []).filter((col) => !col.hidden && col.fieldName !== "index"),
@@ -5474,7 +5498,7 @@ function GridSearchPanel({
   );
 }
 function GridSearchControl({ controller }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [searchOpen, setSearchOpen] = React7.useState(false);
   const searchAnchorRef = React7.useRef(null);
   const toggleSearch = (event) => {
@@ -5518,8 +5542,8 @@ function MultiSelectListBody({
   fieldKey,
   onToggleRow
 }) {
-  chunkKUBVDIF7_cjs.useLocale();
-  chunkKUBVDIF7_cjs.useTranslations();
+  chunk3HP3HQCW_cjs.useLocale();
+  chunk3HP3HQCW_cjs.useTranslations();
   return /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row) => {
     const rawId = row[fieldKey];
     const id = typeof rawId === "string" || typeof rawId === "number" ? rawId : String(rawId);
@@ -5558,16 +5582,16 @@ function MultiselectList({
   handleCloseModal
 }) {
   const { dynamicValue, fieldKey, detailFieldKey, onAdd, ListConfig } = multiSelectConfig;
-  chunkKUBVDIF7_cjs.useLocale();
-  const direction = chunkKUBVDIF7_cjs.useDirection();
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  chunk3HP3HQCW_cjs.useLocale();
+  const direction = chunk3HP3HQCW_cjs.useDirection();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [pageNumber, setPageNumber] = React7.useState(1);
   const [pageRecordCount, setPageRecordCount] = React7.useState(8);
   const [selectedRows, setSelectedRows] = React7.useState(/* @__PURE__ */ new Map());
   const [searchInput, setSearchInput] = React7.useState("");
   const [quickSearch, setQuickSearch] = React7.useState("");
   const { endpoint, repoViewId, dependOn, ...bodyRequest } = dynamicValue;
-  const { dependencyBody, isReady } = chunkKUBVDIF7_cjs.useHostDependOn(dependOn, {
+  const { dependencyBody, isReady } = chunk3HP3HQCW_cjs.useHostDependOn(dependOn, {
     enabled: Boolean(multiSelectConfig.dependOnFromHost)
   });
   const body = {
@@ -5583,7 +5607,7 @@ function MultiselectList({
   const existBody = Object.fromEntries(
     Object.entries(body).filter(([, value]) => value !== null)
   );
-  const { data } = chunkKUBVDIF7_cjs.useRemoteQuery({
+  const { data } = chunk3HP3HQCW_cjs.useRemoteQuery({
     url: endpoint,
     body: existBody,
     skip: !isReady
@@ -5729,10 +5753,10 @@ function MultiselectList({
   ] });
 }
 function ThemeToggleButton() {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const { themeToggle, themeLocked, theme, onToggleTheme } = chunkKUBVDIF7_cjs.useERPTableHost();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const { themeToggle, themeLocked, theme, onToggleTheme } = chunk3HP3HQCW_cjs.useERPTableHost();
   if (!themeToggle || themeLocked || !onToggleTheme || !theme) return null;
-  const isDark = chunkKUBVDIF7_cjs.isStockDarkTheme(theme);
+  const isDark = chunk3HP3HQCW_cjs.isStockDarkTheme(theme);
   const label = isDark ? t("general.themeLight") : t("general.themeDark");
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToolbarIconButton,
@@ -5750,11 +5774,11 @@ var GroupActionButtons = ({
   multiSelectConfig,
   pluginHost
 }) => {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const direction = chunkKUBVDIF7_cjs.useDirection();
-  const locale = chunkKUBVDIF7_cjs.useLocale();
-  const numberingSystem = chunkKUBVDIF7_cjs.useNumberingSystem();
-  const { success, error } = chunkKUBVDIF7_cjs.useHostToast();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const direction = chunk3HP3HQCW_cjs.useDirection();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
+  const numberingSystem = chunk3HP3HQCW_cjs.useNumberingSystem();
+  const { success, error } = chunk3HP3HQCW_cjs.useHostToast();
   const [modalIsOpen, setModalIsOpen] = React7.useState(false);
   const [isExporting, setIsExporting] = React7.useState(false);
   const selectedRows = controller.getSelectedRows();
@@ -5768,7 +5792,7 @@ var GroupActionButtons = ({
     if (isExporting) return;
     setIsExporting(true);
     try {
-      await chunkPXCHPZTP_cjs.exportActiveCollectionToExcel(controller, {
+      await chunkCMQ4VLCW_cjs.exportActiveCollectionToExcel(controller, {
         direction,
         rowHeaderLabel: t("general.row")
       });
@@ -5917,10 +5941,10 @@ function ERPTablePagination({
   tableKey
 }) {
   const table = controller.getViewState();
-  const locale = chunkKUBVDIF7_cjs.useLocale();
-  const numberingSystem = chunkKUBVDIF7_cjs.useNumberingSystem();
-  const direction = chunkKUBVDIF7_cjs.useDirection();
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
+  const numberingSystem = chunk3HP3HQCW_cjs.useNumberingSystem();
+  const direction = chunk3HP3HQCW_cjs.useDirection();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   if (!table) return null;
   const { page, pageSize, totalPages, totalRows } = table.pagination;
   const handlePageChange = (e) => {
@@ -6037,14 +6061,14 @@ function resolveGridOverlay(loading, rowCount) {
   return null;
 }
 function DefaultLoadingOverlay() {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pdg-overlay__panel", "data-pdg-overlay-default": "loading", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SpinIcon, { config: { width: 28, height: 28 } }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("general.loading") })
   ] });
 }
 function DefaultNoRowsOverlay() {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pdg-overlay__panel", "data-pdg-overlay-default": "noRows", children: [
     /* @__PURE__ */ jsxRuntime.jsx(NoData, { config: { width: 56, height: 56 } }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("general.noData") })
@@ -6106,7 +6130,7 @@ function DesktopTable({
   const rootRef = React7.useRef(null);
   const bodyRef = React7.useRef(null);
   const useVirtual = !controller.isPagedWindow() && resolveDesktopVirtualization(virtualization, session);
-  const rowHeight = chunkKUBVDIF7_cjs.useERPTableTheme().params.rowHeight;
+  const rowHeight = chunk3HP3HQCW_cjs.useERPTableTheme().params.rowHeight;
   const { bodyHeight } = useERPTableLayout({
     rootRef,
     bodyRef,
@@ -6125,7 +6149,7 @@ function DesktopTable({
   const pinnedBottomCount = pinnedBottomRowData?.length ?? 0;
   const hasFooter = Boolean(footer);
   const footerRowCount = typeof footer === "boolean" && footer ? Math.max(1, footerRows?.length ?? 1) : hasFooter ? 1 : 0;
-  const activeDescendant = view?.activeCell ? chunkH2LESGMX_cjs.gridCellDomId(tableKey, view.activeCell.rowId, view.activeCell.columnId) : void 0;
+  const activeDescendant = view?.activeCell ? chunkVSAFQTW5_cjs.gridCellDomId(tableKey, view.activeCell.rowId, view.activeCell.columnId) : void 0;
   const isTreeGrid = Boolean(
     view?.rows?.some((r) => r.rowKind === "group")
   );
@@ -6187,7 +6211,7 @@ function DesktopTable({
                   role: isTreeGrid ? "treegrid" : "grid",
                   tabIndex: 0,
                   "aria-colcount": colCount || void 0,
-                  "aria-rowcount": chunkH2LESGMX_cjs.ariaGridRowCount(
+                  "aria-rowcount": chunkVSAFQTW5_cjs.ariaGridRowCount(
                     dataRowCount,
                     footerRowCount,
                     pinnedTopCount,
@@ -6212,7 +6236,7 @@ function DesktopTable({
                     }
                   },
                   children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    chunkH2LESGMX_cjs.ColumnWindowProvider,
+                    chunkVSAFQTW5_cjs.ColumnWindowProvider,
                     {
                       scrollRef: bodyRef,
                       columns: view?.columns ?? [],
@@ -6325,7 +6349,7 @@ function MobileActionButtons({
   multiSelectConfig,
   pluginHost
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [modalIsOpen, setModalIsOpen] = React7.useState(false);
   const selectedRows = controller.getSelectedRows();
   const count = selectedRows ? Object.keys(selectedRows).length : 0;
@@ -6399,9 +6423,9 @@ function MobileLoadMoreButton({
   visibleCount,
   totalRows
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const locale = chunkKUBVDIF7_cjs.useLocale();
-  const numberingSystem = chunkKUBVDIF7_cjs.useNumberingSystem();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
+  const numberingSystem = chunk3HP3HQCW_cjs.useNumberingSystem();
   const visible = chunkCILNIWYW_cjs.formatLocaleNumber(visibleCount, {
     locale,
     numberingSystem
@@ -6452,7 +6476,7 @@ function MobileRowFormModal({
   editor,
   onClose
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const getRowById = () => {
     return controller.getRowView(editor.rowId);
   };
@@ -6533,9 +6557,9 @@ function MobileIndexCol({
   controller,
   meta
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
-  const locale = chunkKUBVDIF7_cjs.useLocale();
-  const numberingSystem = chunkKUBVDIF7_cjs.useNumberingSystem();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
+  const locale = chunk3HP3HQCW_cjs.useLocale();
+  const numberingSystem = chunk3HP3HQCW_cjs.useNumberingSystem();
   const handleDeleteRow = () => {
     controller.dispatch({ type: "ROW_DELETED", rowId: row.id });
   };
@@ -6629,7 +6653,7 @@ function MobileTableRowComponent({
     "tr",
     {
       role: "row",
-      "aria-rowindex": chunkH2LESGMX_cjs.ariaDataRowIndex(index),
+      "aria-rowindex": chunkVSAFQTW5_cjs.ariaDataRowIndex(index),
       className: rowClass,
       "data-rowid": row.id,
       onClick: handleRowClick,
@@ -6645,12 +6669,12 @@ function MobileTableRowComponent({
           return /* @__PURE__ */ jsxRuntime.jsx(
             "td",
             {
-              className: `p-0 h-full ${chunkH2LESGMX_cjs.indexPinClassName(c)}`,
+              className: `p-0 h-full ${chunkVSAFQTW5_cjs.indexPinClassName(c)}`,
               role: "gridcell",
-              "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(idx),
-              ...chunkH2LESGMX_cjs.gridCellA11y(tableKey, row.id, c.fieldName, activeCell),
+              "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(idx),
+              ...chunkVSAFQTW5_cjs.gridCellA11y(tableKey, row.id, c.fieldName, activeCell),
               "data-columnid": c.fieldName,
-              "data-erp-col-pin": chunkH2LESGMX_cjs.indexPinDataAttr(c),
+              "data-erp-col-pin": chunkVSAFQTW5_cjs.indexPinDataAttr(c),
               style: chunkUC7PHDM6_cjs.overlayStoredColumnWidth(c, columnWidths, {}),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 MobileIndexCol,
@@ -6669,8 +6693,8 @@ function MobileTableRowComponent({
           "td",
           {
             role: "gridcell",
-            "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(idx),
-            ...chunkH2LESGMX_cjs.gridCellA11y(tableKey, row.id, c.fieldName, activeCell),
+            "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(idx),
+            ...chunkVSAFQTW5_cjs.gridCellA11y(tableKey, row.id, c.fieldName, activeCell),
             className: "p-0 h-full",
             "data-columnid": c.fieldName,
             style: chunkUC7PHDM6_cjs.overlayStoredColumnWidth(c, columnWidths, {}),
@@ -6727,7 +6751,7 @@ function MobileTableHeader({
   controller,
   header
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const table = controller.getViewState();
   const [validationResult, setValidationResult] = React7.useState({
     valid: true,
@@ -6791,7 +6815,7 @@ function MobileTableHeader({
       "tr",
       {
         role: "row",
-        "aria-rowindex": chunkH2LESGMX_cjs.ARIA_HEADER_ROW_INDEX,
+        "aria-rowindex": chunkVSAFQTW5_cjs.ARIA_HEADER_ROW_INDEX,
         className: "relative h-10 bg-gray-gray3 rounded-t-lg w-full",
         children: visibleColumns.map((col, index) => {
           if (col.fieldType === "index") {
@@ -6799,13 +6823,13 @@ function MobileTableHeader({
               "th",
               {
                 role: "columnheader",
-                "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+                "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
                 style: {
                   ...col.style,
                   ...chunkUC7PHDM6_cjs.overlayStoredColumnWidth(col, table.columnWidths, { width: 120 })
                 },
-                className: `px-2 text-xs border text-start whitespace-nowrap ${chunkH2LESGMX_cjs.indexPinClassName(col)} ${col.className || ""}`,
-                "data-erp-col-pin": chunkH2LESGMX_cjs.indexPinDataAttr(col),
+                className: `px-2 text-xs border text-start whitespace-nowrap ${chunkVSAFQTW5_cjs.indexPinClassName(col)} ${col.className || ""}`,
+                "data-erp-col-pin": chunkVSAFQTW5_cjs.indexPinDataAttr(col),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     CustomCheckbox,
@@ -6825,7 +6849,7 @@ function MobileTableHeader({
             "th",
             {
               role: "columnheader",
-              "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(index),
+              "aria-colindex": chunkVSAFQTW5_cjs.ariaColIndex(index),
               style: {
                 ...col.style,
                 ...chunkUC7PHDM6_cjs.overlayStoredColumnWidth(col, table.columnWidths, {
@@ -6900,7 +6924,7 @@ function MobileTable({
   );
   if (!mobileView) return null;
   const viewState = controller.getViewState();
-  const activeDescendant = viewState?.activeCell ? chunkH2LESGMX_cjs.gridCellDomId(
+  const activeDescendant = viewState?.activeCell ? chunkVSAFQTW5_cjs.gridCellDomId(
     tableKey,
     viewState.activeCell.rowId,
     viewState.activeCell.columnId
@@ -6943,7 +6967,7 @@ function MobileTable({
                 role: "grid",
                 tabIndex: 0,
                 "aria-colcount": mobileView.columns.filter((c) => !c.hidden).length || void 0,
-                "aria-rowcount": chunkH2LESGMX_cjs.ariaGridRowCount(mobileView.totalRows, Boolean(footer)) || void 0,
+                "aria-rowcount": chunkVSAFQTW5_cjs.ariaGridRowCount(mobileView.totalRows, Boolean(footer)) || void 0,
                 "aria-activedescendant": activeDescendant,
                 "data-pdg-grid-focus": "",
                 onFocus: (e) => {
@@ -7039,6 +7063,9 @@ function isInsideSelect(el) {
   );
 }
 function isGridShortcutKey(e) {
+  if (typeof e.getModifierState === "function" && e.getModifierState("AltGraph")) {
+    return false;
+  }
   if (e.altKey) return true;
   return e.ctrlKey && (e.code === "Space" || e.code === "ArrowUp" || e.code === "ArrowDown" || e.code === "End");
 }
@@ -7053,18 +7080,33 @@ function shouldSkipGridNavigation(target, code) {
   }
   return false;
 }
+function resolveGridKeyScope(target, root) {
+  if (!root) return "cell";
+  if (typeof Element === "undefined" || !(target instanceof Element)) return "page";
+  if (typeof document !== "undefined" && (target === document.body || target === document.documentElement)) {
+    return "page";
+  }
+  const owner = target.closest("[data-pdg-grid]");
+  if (owner && owner !== root) return "other-grid";
+  if (!root.contains(target)) return "outside";
+  if (target.closest('[role="menu"], [role="dialog"], .erp-table-modal')) return "outside";
+  if (target.closest('[role="gridcell"], [data-erp-cell-textarea]')) return "cell";
+  if (target.closest('[role="grid"], [role="treegrid"]') === target) return "cell";
+  return "outside";
+}
 function useGrid(config) {
   const generatedKeyRef = React7.useRef(void 0);
   if (config.tableKey) {
     generatedKeyRef.current = config.tableKey;
   } else if (!generatedKeyRef.current) {
-    generatedKeyRef.current = chunkIIISFUW4_cjs.createGridTableKey();
+    generatedKeyRef.current = chunkWTHTVKVI_cjs.createGridTableKey();
   }
   const tableKey = generatedKeyRef.current;
   const [controller, setController] = React7.useState(null);
   const [api, setApi] = React7.useState(null);
   const [session, setSession] = React7.useState(null);
   const [pluginHost, setPluginHost] = React7.useState(null);
+  const [eventStore, setEventStore] = React7.useState(null);
   const [rows, setRows] = React7.useState(null);
   const [, setViewVersion] = React7.useState(0);
   const [undoFlags, setUndoFlags] = React7.useState({ canUndo: false, canRedo: false });
@@ -7072,45 +7114,56 @@ function useGrid(config) {
   const [changelog, setChangelog] = React7.useState([]);
   const pagedIdb = config.persistence === "paged-idb";
   const disabled = pagedIdb && !config.tableKey;
-  const [generation, setGeneration] = React7.useState(0);
-  const grid = React7.useMemo(
-    () => disabled ? null : chunkIIISFUW4_cjs.createGrid({ ...config, tableKey }),
-    [tableKey, disabled, generation, config.columns, config.columnDefs, config.store]
-  );
+  const configRef = React7.useRef(config);
+  configRef.current = config;
+  const teardownRef = React7.useRef(Promise.resolve());
   React7.useEffect(() => {
     let cancelled = false;
+    let built = null;
     setController(null);
     setApi(null);
     setSession(null);
     setPluginHost(null);
+    setEventStore(null);
     setRows(null);
-    if (!grid) return void 0;
-    void grid.ready.then((result) => {
+    if (disabled) return void 0;
+    const previous = teardownRef.current;
+    void previous.then(() => {
       if (cancelled) return;
-      setController(result.controller);
-      setApi(result.api);
-      setSession(result.session);
-      setPluginHost(result.pluginHost);
+      const grid = chunkWTHTVKVI_cjs.createGrid({ ...configRef.current, tableKey });
+      built = grid;
+      void grid.ready.then((result) => {
+        if (cancelled) return;
+        setController(result.controller);
+        setApi(result.api);
+        setSession(result.session);
+        setPluginHost(result.pluginHost);
+        setEventStore(result.eventStore);
+      });
     });
     return () => {
       cancelled = true;
-      if (pagedIdb) {
-        void grid.ready.then((result) => result.controller.dispose());
-        setGeneration((g) => g + 1);
+      const grid = built;
+      if (!grid) {
+        teardownRef.current = previous;
+        return;
       }
+      teardownRef.current = previous.then(
+        () => grid.ready.then(
+          (result) => pagedIdb ? result.controller.dispose() : result.controller.releaseResources(),
+          () => void 0
+        )
+      );
     };
-  }, [grid, pagedIdb]);
+  }, [tableKey, disabled, pagedIdb, config.columns, config.columnDefs, config.store]);
   React7.useEffect(() => {
     if (!controller || config.rowData === void 0) return;
-    controller.applyHostRowData(
-      config.rowData,
-      config.columnDefs,
-      config.getRowId
-    );
-  }, [controller, config.rowData, config.columnDefs, config.getRowId]);
+    const { columnDefs, getRowId } = configRef.current;
+    controller.applyHostRowData(config.rowData, columnDefs, getRowId);
+  }, [controller, config.rowData]);
   React7.useEffect(() => {
     if (!controller || !config.columnDefs) return;
-    for (const def of chunkIIISFUW4_cjs.flattenColDefOrGroup(config.columnDefs)) {
+    for (const def of chunkWTHTVKVI_cjs.flattenColDefOrGroup(config.columnDefs)) {
       if (def.hide === void 0) continue;
       const colId = typeof def.colId === "string" && def.colId.length > 0 ? def.colId : typeof def.field === "string" ? def.field : null;
       if (!colId) continue;
@@ -7179,7 +7232,7 @@ function useGrid(config) {
       unsubChangelog();
     };
   }, [controller]);
-  if (!grid || !controller || !api || !session || !pluginHost || !controller.getViewState()) {
+  if (!eventStore || !controller || !api || !session || !pluginHost || !controller.getViewState()) {
     return { ready: false };
   }
   return {
@@ -7188,8 +7241,8 @@ function useGrid(config) {
     api,
     session,
     pluginHost,
-    eventStore: grid.eventStore,
-    store: chunkIIISFUW4_cjs.isPersistentStore(config.store) ? config.store : chunkIIISFUW4_cjs.DEFAULT_MEMORY_STORE,
+    eventStore,
+    store: chunkWTHTVKVI_cjs.isPersistentStore(config.store) ? config.store : chunkWTHTVKVI_cjs.DEFAULT_MEMORY_STORE,
     tableKey,
     rows: rows ?? controller.getSnapShot("active"),
     changelog,
@@ -7226,12 +7279,6 @@ function assignRef(ref, value) {
 }
 function DataGrid(props) {
   const {
-    columns,
-    rowAccess,
-    rows,
-    actor,
-    store,
-    tableKey,
     apiRef,
     onReady,
     onGridReady,
@@ -7245,8 +7292,6 @@ function DataGrid(props) {
     footer,
     footerRows,
     tableHeight,
-    activeCollection,
-    recordPerPage,
     multiSelectConfig,
     moreDetailComponent,
     virtualization,
@@ -7261,10 +7306,7 @@ function DataGrid(props) {
     themeToggle = true,
     components,
     filterComponents,
-    plugins,
     rowData,
-    columnDefs,
-    getRowId,
     floatingFilter = false,
     loading = false,
     loadingOverlayComponent,
@@ -7278,17 +7320,22 @@ function DataGrid(props) {
     onClipboardPaste,
     columnMenuItems,
     onColumnMenuAction,
-    stateKey,
+    useDependOn,
     pinnedTopRowData,
     pinnedBottomRowData
   } = props;
-  const requestedTheme = themeProp ?? chunkKUBVDIF7_cjs.themeDefault;
+  const rootRef = React7.useRef(null);
+  const insideEventRef = React7.useRef(null);
+  const markInsideEvent = React7.useCallback((e) => {
+    insideEventRef.current = e.nativeEvent;
+  }, []);
+  const requestedTheme = themeProp ?? chunk3HP3HQCW_cjs.themeDefault;
   const requestedKey = JSON.stringify(requestedTheme.params);
   const [preferDark, setPreferDark] = React7.useState(
-    () => chunkKUBVDIF7_cjs.isStockDarkTheme(requestedTheme)
+    () => chunk3HP3HQCW_cjs.isStockDarkTheme(requestedTheme)
   );
   const { theme: resolvedTheme, locked: themeLocked } = React7.useMemo(
-    () => chunkKUBVDIF7_cjs.resolveActiveTheme({
+    () => chunk3HP3HQCW_cjs.resolveActiveTheme({
       requested: requestedTheme,
       preferDark
     }),
@@ -7296,28 +7343,14 @@ function DataGrid(props) {
   );
   React7.useEffect(() => {
     if (themeLocked) return;
-    setPreferDark(chunkKUBVDIF7_cjs.isStockDarkTheme(requestedTheme));
+    setPreferDark(chunk3HP3HQCW_cjs.isStockDarkTheme(requestedTheme));
   }, [requestedKey, themeLocked, requestedTheme]);
   const onToggleTheme = React7.useCallback(() => {
     setPreferDark((value) => !value);
   }, []);
   const result = useGrid({
-    store,
-    tableKey,
-    activeCollection,
-    columns,
-    rows,
-    actor,
-    rowAccess,
-    tableHeight,
-    recordPerPage,
-    rowHeight: resolvedTheme.params.rowHeight,
-    remoteApi,
-    plugins,
-    rowData,
-    columnDefs,
-    getRowId,
-    stateKey
+    ...props,
+    rowHeight: resolvedTheme.params.rowHeight
   });
   React7.useEffect(() => {
     if (!result.ready) return;
@@ -7355,7 +7388,11 @@ function DataGrid(props) {
       }
     };
     const handler = (e) => {
-      if (isGridShortcutKey(e)) {
+      const scope = resolveGridKeyScope(e.target, rootRef.current);
+      if (scope === "other-grid") return;
+      const shortcut = isGridShortcutKey(e);
+      if (scope === "outside" && !shortcut) return;
+      if (shortcut) {
         e.preventDefault();
         e.stopPropagation();
       } else if (shouldSkipGridNavigation(e.target, e.code)) {
@@ -7380,7 +7417,23 @@ function DataGrid(props) {
       window.removeEventListener("keydown", handler, true);
     };
   }, [result.ready, result]);
-  chunkKUBVDIF7_cjs.useGridHostEvents({
+  const readyController = result.ready ? result.controller : null;
+  React7.useEffect(() => {
+    if (!readyController || typeof document === "undefined") return;
+    const onDocument = (event) => {
+      window.setTimeout(() => {
+        if (insideEventRef.current === event) return;
+        void readyController.leaveGridFocus();
+      }, 0);
+    };
+    document.addEventListener("focusin", onDocument, true);
+    document.addEventListener("pointerdown", onDocument, true);
+    return () => {
+      document.removeEventListener("focusin", onDocument, true);
+      document.removeEventListener("pointerdown", onDocument, true);
+    };
+  }, [readyController]);
+  chunk3HP3HQCW_cjs.useGridHostEvents({
     ready: result.ready,
     controller: result.ready ? result.controller : null,
     eventStore: result.ready ? result.eventStore : null,
@@ -7415,7 +7468,7 @@ function DataGrid(props) {
     onGridReady?.({ api });
     return () => assignRef(apiRef, null);
   }, [result, apiRef, onReady, onGridReady]);
-  const { match: viewportMatch } = chunkKUBVDIF7_cjs.useMediaQuery("XLUP");
+  const { match: viewportMatch } = chunk3HP3HQCW_cjs.useMediaQuery("XLUP");
   const isMobile = viewportMatch === false;
   if (!result.ready) return null;
   const sharedProps = {
@@ -7447,9 +7500,9 @@ function DataGrid(props) {
     }
   );
   const dir = chunkCILNIWYW_cjs.resolveDirection(locale, direction);
-  const themeMode = chunkKUBVDIF7_cjs.isStockDarkTheme(resolvedTheme) ? "dark" : "light";
+  const themeMode = chunk3HP3HQCW_cjs.isStockDarkTheme(resolvedTheme) ? "dark" : "light";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkKUBVDIF7_cjs.ERPTableHostProvider,
+    chunk3HP3HQCW_cjs.ERPTableHostProvider,
     {
       locale,
       direction: dir,
@@ -7466,16 +7519,20 @@ function DataGrid(props) {
       filterComponents,
       columnMenuItems,
       onColumnMenuAction,
+      useDependOn,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
+          ref: rootRef,
           className: "pdg-grid erp-table",
           dir,
+          onFocusCapture: markInsideEvent,
+          onPointerDownCapture: markInsideEvent,
           "data-pdg-grid": true,
           "data-erp-table": true,
           "data-erp-theme": themeMode,
           "data-erp-theme-locked": themeLocked ? "true" : "false",
-          style: chunkKUBVDIF7_cjs.themeToStyle(resolvedTheme),
+          style: chunk3HP3HQCW_cjs.themeToStyle(resolvedTheme),
           children: table
         }
       )
@@ -8982,7 +9039,7 @@ function GridHistoryPanel({
   className,
   onNavigate
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [items, setItems] = React7.useState([]);
   const [severity, setSeverity] = React7.useState("");
   const [category, setCategory] = React7.useState("");
@@ -9113,7 +9170,7 @@ function GridOfflineStatus({
   className,
   showQueue = true
 }) {
-  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const t = chunk3HP3HQCW_cjs.useTranslations();
   const [connectivity, setConnectivity] = React7.useState(
     () => controller.getConnectivity()
   );
@@ -9312,255 +9369,255 @@ function VirtualList({
 
 Object.defineProperty(exports, "ColumnAggIndex", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.ColumnAggIndex; }
+  get: function () { return chunkWTHTVKVI_cjs.ColumnAggIndex; }
 });
 Object.defineProperty(exports, "DEFAULT_EVENT_STORE_PREFIX", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.DEFAULT_EVENT_STORE_PREFIX; }
+  get: function () { return chunkWTHTVKVI_cjs.DEFAULT_EVENT_STORE_PREFIX; }
 });
 Object.defineProperty(exports, "DEFAULT_GRID_ACTOR", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.DEFAULT_GRID_ACTOR; }
+  get: function () { return chunkWTHTVKVI_cjs.DEFAULT_GRID_ACTOR; }
 });
 Object.defineProperty(exports, "DEFAULT_MEMORY_STORE", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.DEFAULT_MEMORY_STORE; }
+  get: function () { return chunkWTHTVKVI_cjs.DEFAULT_MEMORY_STORE; }
 });
 Object.defineProperty(exports, "EVENT_CATALOG", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.EVENT_CATALOG; }
+  get: function () { return chunkWTHTVKVI_cjs.EVENT_CATALOG; }
 });
 Object.defineProperty(exports, "InMemoryEventStore", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.InMemoryEventStore; }
+  get: function () { return chunkWTHTVKVI_cjs.InMemoryEventStore; }
 });
 Object.defineProperty(exports, "InMemorySnapshotStore", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.InMemorySnapshotStore; }
+  get: function () { return chunkWTHTVKVI_cjs.InMemorySnapshotStore; }
 });
 Object.defineProperty(exports, "IndexedDbEventStore", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.IndexedDbEventStore; }
+  get: function () { return chunkWTHTVKVI_cjs.IndexedDbEventStore; }
 });
 Object.defineProperty(exports, "LEGACY_EVENT_STORE_PREFIX", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.LEGACY_EVENT_STORE_PREFIX; }
+  get: function () { return chunkWTHTVKVI_cjs.LEGACY_EVENT_STORE_PREFIX; }
 });
 Object.defineProperty(exports, "MemoryKvDatabase", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.MemoryKvDatabase; }
+  get: function () { return chunkWTHTVKVI_cjs.MemoryKvDatabase; }
 });
 Object.defineProperty(exports, "NoopRemoteApi", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.NoopRemoteApi; }
+  get: function () { return chunkWTHTVKVI_cjs.NoopRemoteApi; }
 });
 Object.defineProperty(exports, "OfflineStatus", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.OfflineStatus; }
+  get: function () { return chunkWTHTVKVI_cjs.OfflineStatus; }
 });
 Object.defineProperty(exports, "PluginHost", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.PluginHost; }
+  get: function () { return chunkWTHTVKVI_cjs.PluginHost; }
 });
 Object.defineProperty(exports, "QuickFilterIndex", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.QuickFilterIndex; }
+  get: function () { return chunkWTHTVKVI_cjs.QuickFilterIndex; }
 });
 Object.defineProperty(exports, "SnapshotStrategy", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.SnapshotStrategy; }
+  get: function () { return chunkWTHTVKVI_cjs.SnapshotStrategy; }
 });
 Object.defineProperty(exports, "SparseRowIndex", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.SparseRowIndex; }
+  get: function () { return chunkWTHTVKVI_cjs.SparseRowIndex; }
 });
 Object.defineProperty(exports, "TableEngine", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.TableEngine; }
+  get: function () { return chunkWTHTVKVI_cjs.TableEngine; }
 });
 Object.defineProperty(exports, "accumulateAdd", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.accumulateAdd; }
+  get: function () { return chunkWTHTVKVI_cjs.accumulateAdd; }
 });
 Object.defineProperty(exports, "accumulateRemove", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.accumulateRemove; }
+  get: function () { return chunkWTHTVKVI_cjs.accumulateRemove; }
 });
 Object.defineProperty(exports, "alwaysOnlineConnectivity", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.alwaysOnlineConnectivity; }
+  get: function () { return chunkWTHTVKVI_cjs.alwaysOnlineConnectivity; }
 });
 Object.defineProperty(exports, "applyAgg", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.applyAgg; }
+  get: function () { return chunkWTHTVKVI_cjs.applyAgg; }
 });
 Object.defineProperty(exports, "applyFilter", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.applyFilter; }
+  get: function () { return chunkWTHTVKVI_cjs.applyFilter; }
 });
 Object.defineProperty(exports, "applyHostRowDataToTable", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.applyHostRowDataToTable; }
+  get: function () { return chunkWTHTVKVI_cjs.applyHostRowDataToTable; }
 });
 Object.defineProperty(exports, "applyQuickFilter", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.applyQuickFilter; }
+  get: function () { return chunkWTHTVKVI_cjs.applyQuickFilter; }
 });
 Object.defineProperty(exports, "buildQuickFilterBlob", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.buildQuickFilterBlob; }
+  get: function () { return chunkWTHTVKVI_cjs.buildQuickFilterBlob; }
 });
 Object.defineProperty(exports, "collectUniqueFilterValues", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.collectUniqueFilterValues; }
+  get: function () { return chunkWTHTVKVI_cjs.collectUniqueFilterValues; }
 });
 Object.defineProperty(exports, "columnDefFieldName", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.columnDefFieldName; }
+  get: function () { return chunkWTHTVKVI_cjs.columnDefFieldName; }
 });
 Object.defineProperty(exports, "createAccumulator", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createAccumulator; }
+  get: function () { return chunkWTHTVKVI_cjs.createAccumulator; }
 });
 Object.defineProperty(exports, "createBrowserConnectivity", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createBrowserConnectivity; }
+  get: function () { return chunkWTHTVKVI_cjs.createBrowserConnectivity; }
 });
 Object.defineProperty(exports, "createERPTable", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createERPTable; }
+  get: function () { return chunkWTHTVKVI_cjs.createERPTable; }
 });
 Object.defineProperty(exports, "createEngineGridQuery", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createEngineGridQuery; }
+  get: function () { return chunkWTHTVKVI_cjs.createEngineGridQuery; }
 });
 Object.defineProperty(exports, "createGrid", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createGrid; }
+  get: function () { return chunkWTHTVKVI_cjs.createGrid; }
 });
 Object.defineProperty(exports, "createGridApi", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createGridApi; }
+  get: function () { return chunkWTHTVKVI_cjs.createGridApi; }
 });
 Object.defineProperty(exports, "createGridTableKey", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createGridTableKey; }
+  get: function () { return chunkWTHTVKVI_cjs.createGridTableKey; }
 });
 Object.defineProperty(exports, "createLocalStorageWatermark", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.createLocalStorageWatermark; }
+  get: function () { return chunkWTHTVKVI_cjs.createLocalStorageWatermark; }
 });
 Object.defineProperty(exports, "defaultGetRowId", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.defaultGetRowId; }
+  get: function () { return chunkWTHTVKVI_cjs.defaultGetRowId; }
 });
 Object.defineProperty(exports, "ensureIndexColumnDef", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.ensureIndexColumnDef; }
+  get: function () { return chunkWTHTVKVI_cjs.ensureIndexColumnDef; }
 });
 Object.defineProperty(exports, "eventStoreDbName", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.eventStoreDbName; }
+  get: function () { return chunkWTHTVKVI_cjs.eventStoreDbName; }
 });
 Object.defineProperty(exports, "getEventCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.getEventCatalogEntry; }
+  get: function () { return chunkWTHTVKVI_cjs.getEventCatalogEntry; }
 });
 Object.defineProperty(exports, "isAggFuncName", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.isAggFuncName; }
+  get: function () { return chunkWTHTVKVI_cjs.isAggFuncName; }
 });
 Object.defineProperty(exports, "isColumnFilterActive", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.isColumnFilterActive; }
+  get: function () { return chunkWTHTVKVI_cjs.isColumnFilterActive; }
 });
 Object.defineProperty(exports, "isColumnGroupDef", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.isColumnGroupDef; }
+  get: function () { return chunkWTHTVKVI_cjs.isColumnGroupDef; }
 });
 Object.defineProperty(exports, "isCustomAggFunc", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.isCustomAggFunc; }
+  get: function () { return chunkWTHTVKVI_cjs.isCustomAggFunc; }
 });
 Object.defineProperty(exports, "isServerRowModel", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.isServerRowModel; }
+  get: function () { return chunkWTHTVKVI_cjs.isServerRowModel; }
 });
 Object.defineProperty(exports, "listUndoableEventTypes", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.listUndoableEventTypes; }
+  get: function () { return chunkWTHTVKVI_cjs.listUndoableEventTypes; }
 });
 Object.defineProperty(exports, "mapColDefOrGroups", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.mapColDefOrGroups; }
+  get: function () { return chunkWTHTVKVI_cjs.mapColDefOrGroups; }
 });
 Object.defineProperty(exports, "mapColumnDefs", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.mapColumnDefs; }
+  get: function () { return chunkWTHTVKVI_cjs.mapColumnDefs; }
 });
 Object.defineProperty(exports, "mapColumnSchemas", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.mapColumnSchemas; }
+  get: function () { return chunkWTHTVKVI_cjs.mapColumnSchemas; }
 });
 Object.defineProperty(exports, "mapColumnSchemasToDefs", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.mapColumnSchemasToDefs; }
+  get: function () { return chunkWTHTVKVI_cjs.mapColumnSchemasToDefs; }
 });
 Object.defineProperty(exports, "mapRowDataToRowInputs", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.mapRowDataToRowInputs; }
+  get: function () { return chunkWTHTVKVI_cjs.mapRowDataToRowInputs; }
 });
 Object.defineProperty(exports, "normalizeFilterText", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.normalizeFilterText; }
+  get: function () { return chunkWTHTVKVI_cjs.normalizeFilterText; }
 });
 Object.defineProperty(exports, "normalizeQuickFilterText", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.normalizeQuickFilterText; }
+  get: function () { return chunkWTHTVKVI_cjs.normalizeQuickFilterText; }
 });
 Object.defineProperty(exports, "openIndexedDbDatabase", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.openIndexedDbDatabase; }
+  get: function () { return chunkWTHTVKVI_cjs.openIndexedDbDatabase; }
 });
 Object.defineProperty(exports, "pageWindow", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.pageWindow; }
+  get: function () { return chunkWTHTVKVI_cjs.pageWindow; }
 });
 Object.defineProperty(exports, "readAccumulator", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.readAccumulator; }
+  get: function () { return chunkWTHTVKVI_cjs.readAccumulator; }
 });
 Object.defineProperty(exports, "resolveBuiltinFilterKind", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.resolveBuiltinFilterKind; }
+  get: function () { return chunkWTHTVKVI_cjs.resolveBuiltinFilterKind; }
 });
 Object.defineProperty(exports, "resolveColumnAggSpecs", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.resolveColumnAggSpecs; }
+  get: function () { return chunkWTHTVKVI_cjs.resolveColumnAggSpecs; }
 });
 Object.defineProperty(exports, "resolveCreateGridDefaults", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.resolveCreateGridDefaults; }
+  get: function () { return chunkWTHTVKVI_cjs.resolveCreateGridDefaults; }
 });
 Object.defineProperty(exports, "toColumnDef", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.toColumnDef; }
+  get: function () { return chunkWTHTVKVI_cjs.toColumnDef; }
 });
 Object.defineProperty(exports, "toColumnDefinition", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.toColumnDefinition; }
+  get: function () { return chunkWTHTVKVI_cjs.toColumnDefinition; }
 });
 Object.defineProperty(exports, "toColumnSchema", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.toColumnSchema; }
+  get: function () { return chunkWTHTVKVI_cjs.toColumnSchema; }
 });
 Object.defineProperty(exports, "toColumnViewBinding", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.toColumnViewBinding; }
+  get: function () { return chunkWTHTVKVI_cjs.toColumnViewBinding; }
 });
 Object.defineProperty(exports, "toMinorUnits", {
   enumerable: true,
-  get: function () { return chunkIIISFUW4_cjs.toMinorUnits; }
+  get: function () { return chunkWTHTVKVI_cjs.toMinorUnits; }
 });
 Object.defineProperty(exports, "ViewportCalculator", {
   enumerable: true,
@@ -9576,55 +9633,55 @@ Object.defineProperty(exports, "calculateColumnViewport", {
 });
 Object.defineProperty(exports, "AR_MESSAGES", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.AR_MESSAGES; }
+  get: function () { return chunk3HP3HQCW_cjs.AR_MESSAGES; }
 });
 Object.defineProperty(exports, "EN_MESSAGES", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.EN_MESSAGES; }
+  get: function () { return chunk3HP3HQCW_cjs.EN_MESSAGES; }
 });
 Object.defineProperty(exports, "ERPTableHostProvider", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.ERPTableHostProvider; }
+  get: function () { return chunk3HP3HQCW_cjs.ERPTableHostProvider; }
 });
 Object.defineProperty(exports, "FA_MESSAGES", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.FA_MESSAGES; }
+  get: function () { return chunk3HP3HQCW_cjs.FA_MESSAGES; }
 });
 Object.defineProperty(exports, "GridTheme", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.GridTheme; }
+  get: function () { return chunk3HP3HQCW_cjs.GridTheme; }
 });
 Object.defineProperty(exports, "bindGridHostEvents", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.bindGridHostEvents; }
+  get: function () { return chunk3HP3HQCW_cjs.bindGridHostEvents; }
 });
 Object.defineProperty(exports, "gregorianAdapter", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.gregorianAdapter; }
+  get: function () { return chunk3HP3HQCW_cjs.gregorianAdapter; }
 });
 Object.defineProperty(exports, "themeDark", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.themeDark; }
+  get: function () { return chunk3HP3HQCW_cjs.themeDark; }
 });
 Object.defineProperty(exports, "themeDefault", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.themeDefault; }
+  get: function () { return chunk3HP3HQCW_cjs.themeDefault; }
 });
 Object.defineProperty(exports, "themeErp", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.themeErp; }
+  get: function () { return chunk3HP3HQCW_cjs.themeErp; }
 });
 Object.defineProperty(exports, "themeErpDark", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.themeErpDark; }
+  get: function () { return chunk3HP3HQCW_cjs.themeErpDark; }
 });
 Object.defineProperty(exports, "useERPTableTheme", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.useERPTableTheme; }
+  get: function () { return chunk3HP3HQCW_cjs.useERPTableTheme; }
 });
 Object.defineProperty(exports, "useStaticDependOn", {
   enumerable: true,
-  get: function () { return chunkKUBVDIF7_cjs.useStaticDependOn; }
+  get: function () { return chunk3HP3HQCW_cjs.useStaticDependOn; }
 });
 Object.defineProperty(exports, "formatLocaleDate", {
   enumerable: true,
@@ -9712,27 +9769,27 @@ Object.defineProperty(exports, "sortPriorityForColumn", {
 });
 Object.defineProperty(exports, "ExcelExportPlugin", {
   enumerable: true,
-  get: function () { return chunkPXCHPZTP_cjs.ExcelExportPlugin; }
+  get: function () { return chunkCMQ4VLCW_cjs.ExcelExportPlugin; }
 });
 Object.defineProperty(exports, "ExcelImportPlugin", {
   enumerable: true,
-  get: function () { return chunkPXCHPZTP_cjs.ExcelImportPlugin; }
+  get: function () { return chunkCMQ4VLCW_cjs.ExcelImportPlugin; }
 });
 Object.defineProperty(exports, "applyImportedRows", {
   enumerable: true,
-  get: function () { return chunkPXCHPZTP_cjs.applyImportedRows; }
+  get: function () { return chunkCMQ4VLCW_cjs.applyImportedRows; }
 });
 Object.defineProperty(exports, "exportActiveCollectionToExcel", {
   enumerable: true,
-  get: function () { return chunkPXCHPZTP_cjs.exportActiveCollectionToExcel; }
+  get: function () { return chunkCMQ4VLCW_cjs.exportActiveCollectionToExcel; }
 });
 Object.defineProperty(exports, "mapImportedSheet", {
   enumerable: true,
-  get: function () { return chunkPXCHPZTP_cjs.mapImportedSheet; }
+  get: function () { return chunkCMQ4VLCW_cjs.mapImportedSheet; }
 });
 Object.defineProperty(exports, "parseXlsxBlob", {
   enumerable: true,
-  get: function () { return chunkPXCHPZTP_cjs.parseXlsxBlob; }
+  get: function () { return chunkCMQ4VLCW_cjs.parseXlsxBlob; }
 });
 Object.defineProperty(exports, "RowStateEnum", {
   enumerable: true,
@@ -9744,19 +9801,19 @@ Object.defineProperty(exports, "Viewport", {
 });
 Object.defineProperty(exports, "buildExportTable", {
   enumerable: true,
-  get: function () { return chunkVVGYRZ7S_cjs.buildExportTable; }
+  get: function () { return chunk72IVAOTK_cjs.buildExportTable; }
 });
 Object.defineProperty(exports, "PdfExportPlugin", {
   enumerable: true,
-  get: function () { return chunk2BJCRYOS_cjs.PdfExportPlugin; }
+  get: function () { return chunkVYJQ2HTA_cjs.PdfExportPlugin; }
 });
 Object.defineProperty(exports, "TextPdfRenderer", {
   enumerable: true,
-  get: function () { return chunk2BJCRYOS_cjs.TextPdfRenderer; }
+  get: function () { return chunkVYJQ2HTA_cjs.TextPdfRenderer; }
 });
 Object.defineProperty(exports, "VazirmatnPdfRenderer", {
   enumerable: true,
-  get: function () { return chunk2BJCRYOS_cjs.VazirmatnPdfRenderer; }
+  get: function () { return chunkVYJQ2HTA_cjs.VazirmatnPdfRenderer; }
 });
 Object.defineProperty(exports, "buildXlsxBlob", {
   enumerable: true,
@@ -9785,6 +9842,7 @@ exports.mergeCellComponents = mergeCellComponents;
 exports.resolveBoundCellNode = resolveBoundCellNode;
 exports.resolveCustomCellNode = resolveCustomCellNode;
 exports.resolveFilterComponent = resolveFilterComponent;
+exports.resolveGridKeyScope = resolveGridKeyScope;
 exports.resolveGridOverlay = resolveGridOverlay;
 exports.resolveRegisteredCellNode = resolveRegisteredCellNode;
 exports.runBenchmark = runBenchmark;