@platforma-sdk/ui-vue 1.63.12 → 1.64.0

package/.turbo/turbo-build.log

@@ -1,17 +1,22 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.63.12 build /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.64.0 build /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder build --target browser-lib
 
 Building browser-lib project...
 ↳ vite.js build --config /configs/vite.browser-lib.config.js --mode production
 vite v8.0.6 building client environment for production...
 [warn] `inlineDynamicImports` option is deprecated, please use `codeSplitting: false` instead.
-
+src/components/PlAgGridColumnManager/useGridColumns.ts:4:17 - error TS2742: The inferred type of 'useGridColumns' cannot be named without a reference to '.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+
+4 export function useGridColumns(props: { api: GridApi }) {
+                  ~~~~~~~~~~~~~~
+
+
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
-[vite:dts] Declaration files built in 6322ms.
+[vite:dts] Declaration files built in 4532ms.
 
 computing gzip size...
 dist/components/PlAnnotations/components/PlAnnotations.vue?vue&type=style&index=0&lang.css                       0.04 kB │ gzip:  0.06 kB
@@ -114,17 +119,17 @@ dist/components/PlAdvancedFilter/FilterEditor.js
 dist/components/PlAdvancedFilter/OperandButton.js                                                                0.35 kB │ gzip:  0.24 kB │ map:  1.31 kB
 dist/components/PlAnnotations/components/FilterSidebar.js                                                        0.35 kB │ gzip:  0.24 kB │ map:  4.72 kB
 dist/components/PlAnnotations/components/PlAnnotations.js                                                        0.35 kB │ gzip:  0.24 kB │ map:  2.65 kB
-dist/components/PlAgDataTable/PlAgDataTableV2.js                                                                 0.35 kB │ gzip:  0.25 kB │ map: 20.90 kB
+dist/components/PlAgDataTable/PlAgDataTableV2.js                                                                 0.35 kB │ gzip:  0.25 kB │ map: 20.95 kB
 dist/plugins/Monetization/UserCabinetCard.js                                                                     0.35 kB │ gzip:  0.24 kB │ map:  3.00 kB
 dist/components/PlAdvancedFilter/PlAdvancedFilter.js                                                             0.36 kB │ gzip:  0.24 kB │ map: 10.70 kB
 dist/components/PlAgDataTable/PlAgOverlayNoRows.js                                                               0.36 kB │ gzip:  0.21 kB │ map:  0.74 kB
-dist/components/PlTableFilters/PlTableFiltersV2.js                                                               0.36 kB │ gzip:  0.25 kB │ map:  4.68 kB
+dist/components/PlTableFilters/PlTableFiltersV2.js                                                               0.36 kB │ gzip:  0.25 kB │ map:  4.55 kB
 dist/components/PlAgCellStatusTag/PlAgCellStatusTag.js                                                           0.36 kB │ gzip:  0.20 kB │ map:  0.74 kB
 dist/components/PlBtnExportArchive/PlBtnExportArchive.js                                                         0.36 kB │ gzip:  0.24 kB │ map:  7.17 kB
 dist/components/PlAgDataTable/PlAgDataTableSheets.js                                                             0.37 kB │ gzip:  0.25 kB │ map:  3.61 kB
 dist/components/PlAnnotations/components/AnnotationsSidebar.js                                                   0.37 kB │ gzip:  0.24 kB │ map:  3.77 kB
 dist/components/PlAnnotations/components/PlAnnotationsModal.js                                                   0.37 kB │ gzip:  0.24 kB │ map:  1.68 kB
-dist/components/PlAgGridColumnManager/PlAgGridColumnManager.js                                                   0.37 kB │ gzip:  0.25 kB │ map:  3.94 kB
+dist/components/PlAgGridColumnManager/PlAgGridColumnManager.js                                                   0.37 kB │ gzip:  0.25 kB │ map:  3.46 kB
 dist/lib/util/helpers/dist/strings.js                                                                            0.39 kB │ gzip:  0.27 kB │ map:  4.11 kB
 dist/components/PlAgChartHistogramCell/PlAgChartHistogramCell.js                                                 0.39 kB │ gzip:  0.21 kB │ map:  0.77 kB
 dist/usePlugin.js                                                                                                0.40 kB │ gzip:  0.28 kB │ map:  2.74 kB
@@ -141,6 +146,7 @@ dist/defineStore.js
 dist/components/PlAdvancedFilter/PlAdvancedFilter.vue_vue_type_style_index_0_lang.module.js                      0.49 kB │ gzip:  0.28 kB │ map:  0.68 kB
 dist/components/LoaderPage.js                                                                                    0.52 kB │ gzip:  0.35 kB │ map:  0.48 kB
 dist/plugins/Monetization/useButtonTarget.js                                                                     0.54 kB │ gzip:  0.35 kB │ map:  1.10 kB
+dist/components/PlAgGridColumnManager/useGridColumns.js                                                          0.56 kB │ gzip:  0.34 kB │ map:  1.28 kB
 dist/components/PlAgCellProgress/PlAgCellProgress.vue_vue_type_script_setup_true_lang.js                         0.58 kB │ gzip:  0.38 kB │ map:  0.68 kB
 dist/components/PlAdvancedFilter/FilterEditor.vue_vue_type_style_index_0_lang.module.js                          0.63 kB │ gzip:  0.34 kB │ map:  0.92 kB
 dist/components/PlAgCellStatusTag/PlAgCellStatusTag.vue_vue_type_script_setup_true_lang.js                       0.64 kB │ gzip:  0.42 kB │ map:  0.87 kB
@@ -154,7 +160,7 @@ dist/components/BlockLoader.vue_vue_type_script_setup_true_lang.js
 dist/lib/util/helpers/dist/utils.js                                                                              0.89 kB │ gzip:  0.46 kB │ map:  7.27 kB
 dist/components/PlAdvancedFilter/OperandButton.vue_vue_type_script_setup_true_lang.js                            0.91 kB │ gzip:  0.57 kB │ map:  1.72 kB
 dist/components/NotFound.vue_vue_type_script_setup_true_lang.js                                                  0.92 kB │ gzip:  0.58 kB │ map:  0.96 kB
-dist/components/PlAgDataTable/compositions/useFilterableColumns.js                                               0.93 kB │ gzip:  0.51 kB │ map:  3.04 kB
+dist/components/PlAgDataTable/compositions/useFilterableColumns.js                                               0.93 kB │ gzip:  0.50 kB │ map:  3.04 kB
 dist/components/PlAgDataTable/sources/focus-row.js                                                               0.95 kB │ gzip:  0.51 kB │ map:  2.22 kB
 dist/plugins/Monetization/validation.js                                                                          0.99 kB │ gzip:  0.49 kB │ map:  2.58 kB
 dist/AgGridVue/selection.js                                                                                      1.00 kB │ gzip:  0.42 kB │ map:  3.18 kB
@@ -163,8 +169,8 @@ dist/components/PlAgCsvExporter/PlAgCsvExporter.vue_vue_type_script_setup_true_l
 dist/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue_vue_type_script_setup_true_lang.js             1.10 kB │ gzip:  0.61 kB │ map:  1.88 kB
 dist/components/PlAgCellFile/PlAgCellFile.vue_vue_type_script_setup_true_lang.js                                 1.14 kB │ gzip:  0.64 kB │ map:  2.93 kB
 dist/lib/util/helpers/dist/objects.js                                                                            1.15 kB │ gzip:  0.56 kB │ map:  8.85 kB
-dist/components/PlAgGridColumnManager/useFilteredItems.js                                                        1.16 kB │ gzip:  0.61 kB │ map:  3.48 kB
 dist/plugins/Monetization/RunStatus.vue_vue_type_script_setup_true_lang.js                                       1.16 kB │ gzip:  0.62 kB │ map:  3.04 kB
+dist/components/PlAgGridColumnManager/useFilteredItems.js                                                        1.18 kB │ gzip:  0.61 kB │ map:  3.48 kB
 dist/createModel.js                                                                                              1.22 kB │ gzip:  0.61 kB │ map:  3.11 kB
 dist/utils.js                                                                                                    1.26 kB │ gzip:  0.62 kB │ map:  3.40 kB
 dist/lib/util/helpers/dist/prettyBytes.js                                                                        1.29 kB │ gzip:  0.67 kB │ map:  3.79 kB
@@ -196,32 +202,32 @@ dist/components/PlAnnotations/components/PlAnnotations.vue_vue_type_script_setup
 dist/components/PlAgDataTable/compositions/useGrid.js                                                            2.80 kB │ gzip:  1.24 kB │ map:  6.28 kB
 dist/components/PlAgDataTable/sources/row-number.js                                                              2.99 kB │ gzip:  1.31 kB │ map:  7.42 kB
 dist/defineApp.js                                                                                                3.01 kB │ gzip:  1.05 kB │ map: 14.38 kB
+dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue_vue_type_script_setup_true_lang.js               3.14 kB │ gzip:  1.42 kB │ map:  5.04 kB
 dist/plugins/Monetization/LimitCard.vue_vue_type_script_setup_true_lang.js                                       3.31 kB │ gzip:  1.15 kB │ map:  9.08 kB
-dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue_vue_type_script_setup_true_lang.js               3.38 kB │ gzip:  1.51 kB │ map:  5.77 kB
-dist/components/PlTableFilters/PlTableFiltersV2.vue_vue_type_script_setup_true_lang.js                           3.56 kB │ gzip:  1.64 kB │ map:  6.38 kB
+dist/components/PlTableFilters/PlTableFiltersV2.vue_vue_type_script_setup_true_lang.js                           3.47 kB │ gzip:  1.61 kB │ map:  6.17 kB
 dist/components/PlAnnotations/components/AnnotationsSidebar.vue_vue_type_script_setup_true_lang.js               3.71 kB │ gzip:  1.59 kB │ map:  5.53 kB
 dist/composition/fileContent.js                                                                                  3.78 kB │ gzip:  1.45 kB │ map: 12.95 kB
 dist/components/PlAnnotations/components/FilterSidebar.vue_vue_type_script_setup_true_lang.js                    3.83 kB │ gzip:  1.57 kB │ map:  6.52 kB
 dist/plugins/Monetization/MonetizationSidebar.vue_vue_type_script_setup_true_lang.js                             3.96 kB │ gzip:  1.71 kB │ map:  5.71 kB
+dist/components/PlAgDataTable/sources/table-state-v2.js                                                          3.98 kB │ gzip:  1.49 kB │ map: 11.67 kB
 dist/internal/createAppV1.js                                                                                     4.01 kB │ gzip:  1.42 kB │ map: 14.21 kB
-dist/components/PlAgDataTable/sources/table-state-v2.js                                                          4.04 kB │ gzip:  1.52 kB │ map: 11.86 kB
 dist/AgGridVue/useAgGridOptions.js                                                                               4.23 kB │ gzip:  1.33 kB │ map: 14.12 kB
 dist/index.js                                                                                                    4.37 kB │ gzip:  1.32 kB │ map:  0.13 kB
 dist/components/PlBtnExportArchive/PlBtnExportArchive.vue_vue_type_script_setup_true_lang.js                     5.19 kB │ gzip:  2.16 kB │ map: 10.36 kB
 dist/internal/createAppV2.js                                                                                     5.26 kB │ gzip:  1.98 kB │ map: 17.78 kB
-dist/components/PlAgDataTable/sources/table-source-v2.js                                                         6.18 kB │ gzip:  2.47 kB │ map: 18.80 kB
 dist/internal/createAppV3.js                                                                                     6.21 kB │ gzip:  2.39 kB │ map: 21.41 kB
+dist/components/PlAgDataTable/sources/table-source-v2.js                                                         6.89 kB │ gzip:  2.69 kB │ map: 23.65 kB
 dist/components/PlAdvancedFilter/PlAdvancedFilter.vue_vue_type_script_setup_true_lang.js                         7.17 kB │ gzip:  2.33 kB │ map: 14.91 kB
 dist/components/PlAdvancedFilter/FilterEditor.vue_vue_type_script_setup_true_lang.js                            10.25 kB │ gzip:  3.11 kB │ map: 21.57 kB
-dist/components/PlAgDataTable/PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js                            11.62 kB │ gzip:  3.73 kB │ map: 27.94 kB
+dist/components/PlAgDataTable/PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js                            11.65 kB │ gzip:  3.74 kB │ map: 28.01 kB
 
 [PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
-  - sourcemaps (44%)
+  - sourcemaps (33%)
   - vite:dts (22%)
-  - vite:vue (11%)
-  - vite:css-post (7%)
-  - vite:css (6%)
+  - vite:vue (12%)
+  - vite:css-post (10%)
+  - vite:css (8%)
 See https://rolldown.rs/options/checks#plugintimings for more details.
 
-✓ built in 7.47s
+✓ built in 5.61s
 Build completed successfully

package/.turbo/turbo-formatter$colon$check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.63.12 formatter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.64.0 formatter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder formatter --check
 
 Checking formatting...
@@ -8,5 +8,5 @@ Checking formatting...
 Checking formatting...
 
 All matched files use the correct format.
-Finished in 1598ms on 128 files using 8 threads.
+Finished in 4813ms on 129 files using 8 threads.
 Format check completed successfully

package/.turbo/turbo-linter$colon$check.log

@@ -1,10 +1,10 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.63.12 linter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.64.0 linter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder linter --check
 
 Linting project...
 ↳ oxlint --config /home/runner/_work/platforma/platforma/sdk/ui-vue/.oxlintrc.json --deny-warnings
 Found 0 warnings and 0 errors.
-Finished in 27ms on 111 files with 98 rules using 8 threads.
+Finished in 33ms on 112 files with 98 rules using 8 threads.
 Linting completed successfully

package/.turbo/turbo-types$colon$check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.63.12 types:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.64.0 types:check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder type-check --target browser-lib
 
 ↳ vue-tsc.js --noEmit --project ./tsconfig.json --customConditions ,

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @platforma-sdk/ui-vue
 
+## 1.64.0
+
+### Minor Changes
+
+- 559d124: Support display options and lables options for createPlDataTableV3
+
+### Patch Changes
+
+- Updated dependencies [559d124]
+  - @platforma-sdk/model@1.64.0
+  - @milaboratories/uikit@2.11.9
+
 ## 1.63.12
 
 ### Patch Changes

package/dist/components/PlAgDataTable/PlAgDataTableV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n  isColumnOptional,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec && isColumnOptional(spec.spec);\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        model: settings.model,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      v-model=\"filtersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAgDataTableV2.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n  isColumnOptional,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec !== undefined && spec.type === \"column\" && isColumnOptional(spec.spec);\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        model: settings.model,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      v-model=\"filtersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgDataTable/PlAgDataTableV2.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n  isColumnOptional,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec && isColumnOptional(spec.spec);\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        model: settings.model,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      v-model=\"filtersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAgDataTableV2.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n  isColumnOptional,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec !== undefined && spec.type === \"column\" && isColumnOptional(spec.spec);\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        model: settings.model,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      v-model=\"filtersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgDataTable/PlAgDataTableV2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"names":[],"mappings":"AA4jBA,OAAO,KAAK,EACV,MAAM,EAEN,kBAAkB,EAClB,gBAAgB,EAGhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAU9B,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,oBAAoB,CAAC;AAcvF,OAAO,KAAK,EAEV,kBAAkB,EAGlB,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AAUjB,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAE1C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;CACrE,CAAC;AAuaF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC9B,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAsHT,OAAO,IAA6B;;iCAXZ,GAAG;gCACJ,GAAG;;;;EAevC;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlAgDataTableV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"names":[],"mappings":"AA6jBA,OAAO,KAAK,EACV,MAAM,EAEN,kBAAkB,EAClB,gBAAgB,EAGhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAU9B,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,oBAAoB,CAAC;AAcvF,OAAO,KAAK,EAEV,kBAAkB,EAGlB,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AAUjB,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAE1C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;CACrE,CAAC;AAwaF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC9B,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAsHT,OAAO,IAA6B;;iCAXZ,GAAG;gCACJ,GAAG;;;;EAevC;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlAgDataTable/PlAgDataTableV2.vue2.js

@@ -96,7 +96,7 @@ var P = /* @__PURE__ */ g({
 			let t = e.getAllGridColumns();
 			return t ? t.filter((e) => {
 				let t = e.getColDef().context;
-				return t && le(t.spec);
+				return t !== void 0 && t.type === "column" && le(t.spec);
 			}).map((e) => e.getColId()) : [];
 		}
 		function Y(e) {

package/dist/components/PlAgDataTable/PlAgDataTableV2.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js","names":["$style","$slots"],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n  isColumnOptional,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec && isColumnOptional(spec.spec);\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        model: settings.model,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      v-model=\"filtersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js","names":["$style","$slots"],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n  isColumnOptional,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec !== undefined && spec.type === \"column\" && isColumnOptional(spec.spec);\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        model: settings.model,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      v-model=\"filtersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/PlAgDataTable/compositions/useFilterableColumns.js

@@ -11,11 +11,11 @@ function i(i, o) {
 			s.value = [], c.value = [];
 			return;
 		}
-		let i = a(e).filter((e) => !r(e.colId)).flatMap((e) => ({
-			id: t(e.colId).labeled,
+		let i = a(e).filter((e) => !r(e.colId)).map((e) => ({
+			item: t(e.colId).labeled,
 			hide: e.hide
 		}));
-		s.value = i.map((e) => e.id), c.value = i.filter((e) => !e.hide).map((e) => e.id);
+		s.value = i.map((e) => e.item), c.value = i.filter((e) => !e.hide).map((e) => e.item);
 	}, { immediate: !0 }), [s, c];
 }
 function a(e) {

package/dist/components/PlAgDataTable/compositions/useFilterableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterableColumns.js","names":[],"sources":["../../../../src/components/PlAgDataTable/compositions/useFilterableColumns.ts"],"sourcesContent":["import { isNil } from \"es-toolkit\";\nimport {\n  parseJson,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableValue,\n} from \"@platforma-sdk/model\";\nimport { ref } from \"vue\";\nimport { PTableHidden } from \"../sources/common\";\nimport { watchCached } from \"@milaboratories/uikit\";\nimport { ColDef, ColGroupDef } from \"ag-grid-enterprise\";\nimport { PlAgDataTableRowNumberColId } from \"../sources/row-number\";\nimport { PlAgDataTableV2Row } from \"../types\";\n\nexport function useFilterableColumns(\n  getSourceId: () => string | null,\n  getColumnDefs: () => null | undefined | ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[],\n) {\n  const filterableColumns = ref<PTableColumnSpec[]>([]);\n  const visibleFilterableColumns = ref<PTableColumnSpec[]>([]);\n\n  // Propagate columns for filter component\n  watchCached(\n    () => [getColumnDefs(), getSourceId()] as const,\n    ([columnDefs, sourceId]) => {\n      if (isNil(sourceId)) {\n        filterableColumns.value = [];\n        visibleFilterableColumns.value = [];\n        return;\n      }\n\n      const dataColDefs = getDataColDefs(columnDefs);\n      const cols = dataColDefs\n        .filter((def): def is typeof def & { colId: string } => !isNil(def.colId))\n        .flatMap((def) => ({\n          id: parseJson(def.colId satisfies string as PlTableColumnIdJson).labeled,\n          hide: def.hide,\n        }));\n\n      filterableColumns.value = cols.map((c) => c.id);\n      visibleFilterableColumns.value = cols.filter((c) => !c.hide).map((c) => c.id);\n    },\n    { immediate: true },\n  );\n\n  return [filterableColumns, visibleFilterableColumns] as const;\n}\n\nfunction getDataColDefs(\n  columnDefs: ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[] | null | undefined,\n): ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[] {\n  if (!columnDefs) return [];\n  return columnDefs\n    .filter(isColDef)\n    .filter((def) => def.colId && def.colId !== PlAgDataTableRowNumberColId);\n}\n\nfunction isColDef<TData, TValue>(\n  def: ColDef<TData, TValue> | ColGroupDef<TData>,\n): def is ColDef<TData, TValue> {\n  return !(\"children\" in def);\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAoB,EAAwB,EAAE,CAAC,EAC/C,IAA2B,EAAwB,EAAE,CAAC;AA0B5D,QAvBA,QACQ,CAAC,GAAe,EAAE,GAAa,CAAC,GACrC,CAAC,GAAY,OAAc;AAC1B,MAAI,EAAM,EAAS,EAAE;AAEnB,GADA,EAAkB,QAAQ,EAAE,EAC5B,EAAyB,QAAQ,EAAE;AACnC;;EAIF,IAAM,IADc,EAAe,EAAW,CAE3C,QAAQ,MAA+C,CAAC,EAAM,EAAI,MAAM,CAAC,CACzE,SAAS,OAAS;GACjB,IAAI,EAAU,EAAI,MAA8C,CAAC;GACjE,MAAM,EAAI;GACX,EAAE;AAGL,EADA,EAAkB,QAAQ,EAAK,KAAK,MAAM,EAAE,GAAG,EAC/C,EAAyB,QAAQ,EAAK,QAAQ,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,MAAM,EAAE,GAAG;IAE/E,EAAE,WAAW,IAAM,CACpB,EAEM,CAAC,GAAmB,EAAyB;;AAGtD,SAAS,EACP,GAC0D;AAE1D,QADK,IACE,EACJ,OAAO,EAAS,CAChB,QAAQ,MAAQ,EAAI,SAAS,EAAI,UAAA,4BAAsC,GAHlD,EAAE;;AAM5B,SAAS,EACP,GAC8B;AAC9B,QAAO,EAAE,cAAc"}
+{"version":3,"file":"useFilterableColumns.js","names":[],"sources":["../../../../src/components/PlAgDataTable/compositions/useFilterableColumns.ts"],"sourcesContent":["import { isNil } from \"es-toolkit\";\nimport {\n  parseJson,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableValue,\n} from \"@platforma-sdk/model\";\nimport { ref } from \"vue\";\nimport { PTableHidden } from \"../sources/common\";\nimport { watchCached } from \"@milaboratories/uikit\";\nimport { ColDef, ColGroupDef } from \"ag-grid-enterprise\";\nimport { PlAgDataTableRowNumberColId } from \"../sources/row-number\";\nimport { PlAgDataTableV2Row } from \"../types\";\n\nexport function useFilterableColumns(\n  getSourceId: () => string | null,\n  getColumnDefs: () => null | undefined | ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[],\n) {\n  const filterableColumns = ref<PTableColumnSpec[]>([]);\n  const visibleFilterableColumns = ref<PTableColumnSpec[]>([]);\n\n  // Propagate columns for filter component\n  watchCached(\n    () => [getColumnDefs(), getSourceId()] as const,\n    ([columnDefs, sourceId]) => {\n      if (isNil(sourceId)) {\n        filterableColumns.value = [];\n        visibleFilterableColumns.value = [];\n        return;\n      }\n\n      const dataColDefs = getDataColDefs(columnDefs);\n      const cols = dataColDefs\n        .filter((def): def is typeof def & { colId: string } => !isNil(def.colId))\n        .map((def) => ({\n          item: parseJson(def.colId satisfies string as PlTableColumnIdJson).labeled,\n          hide: def.hide,\n        }));\n\n      filterableColumns.value = cols.map((c) => c.item);\n      visibleFilterableColumns.value = cols.filter((c) => !c.hide).map((c) => c.item);\n    },\n    { immediate: true },\n  );\n\n  return [filterableColumns, visibleFilterableColumns] as const;\n}\n\nfunction getDataColDefs(\n  columnDefs: ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[] | null | undefined,\n): ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[] {\n  if (!columnDefs) return [];\n  return columnDefs\n    .filter(isColDef)\n    .filter((def) => def.colId && def.colId !== PlAgDataTableRowNumberColId);\n}\n\nfunction isColDef<TData, TValue>(\n  def: ColDef<TData, TValue> | ColGroupDef<TData>,\n): def is ColDef<TData, TValue> {\n  return !(\"children\" in def);\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAoB,EAAwB,EAAE,CAAC,EAC/C,IAA2B,EAAwB,EAAE,CAAC;AA0B5D,QAvBA,QACQ,CAAC,GAAe,EAAE,GAAa,CAAC,GACrC,CAAC,GAAY,OAAc;AAC1B,MAAI,EAAM,EAAS,EAAE;AAEnB,GADA,EAAkB,QAAQ,EAAE,EAC5B,EAAyB,QAAQ,EAAE;AACnC;;EAIF,IAAM,IADc,EAAe,EAAW,CAE3C,QAAQ,MAA+C,CAAC,EAAM,EAAI,MAAM,CAAC,CACzE,KAAK,OAAS;GACb,MAAM,EAAU,EAAI,MAA8C,CAAC;GACnE,MAAM,EAAI;GACX,EAAE;AAGL,EADA,EAAkB,QAAQ,EAAK,KAAK,MAAM,EAAE,KAAK,EACjD,EAAyB,QAAQ,EAAK,QAAQ,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,MAAM,EAAE,KAAK;IAEjF,EAAE,WAAW,IAAM,CACpB,EAEM,CAAC,GAAmB,EAAyB;;AAGtD,SAAS,EACP,GAC0D;AAE1D,QADK,IACE,EACJ,OAAO,EAAS,CAChB,QAAQ,MAAQ,EAAI,SAAS,EAAI,UAAA,4BAAsC,GAHlD,EAAE;;AAM5B,SAAS,EACP,GAC8B;AAC9B,QAAO,EAAE,cAAc"}