@platforma-sdk/ui-vue 1.84.10 → 1.84.17

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  PlDataTableColumnsMeta,\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} 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, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { isStoredStateApplied } from \"./sources/grid-state\";\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 = normalizeGridState(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\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 reportedState = makePartialState(event.state);\n  // AG Grid reports an entirely empty state until its columns have been taken\n  // into its own state, and `normalizeGridState` reads the live columns — so\n  // normalizing an empty report invents a state (hidden columns, no column\n  // order) that the grid will never report back, and the reload watch below\n  // would then try to apply it on every remount, forever. Wait for the grid to\n  // say something about itself; it always does once its columns are in.\n  if (isJsonEqual(reportedState, {})) return;\n\n  const partialState = normalizeGridState(\n    reportedState,\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\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 defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\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 omits parts of its state that carry no information — columnVisibility\n// when every column is visible, sort when nothing is sorted. The model needs\n// \"no state yet\" (fall back to the block's defaults) to stay distinguishable\n// from \"user explicitly cleared it\" (store []), so both are normalized against\n// the previous state before the state is persisted.\nfunction normalizeGridState(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  return normalizeSort(\n    normalizeColumnVisibility(partialState, prevState, api, columnsMeta),\n    prevState,\n  );\n}\n\n// AG Grid returns sort: undefined when no column is sorted. Left as-is that\n// erases the block's default sorting the moment any unrelated grid state is\n// persisted, so the undefined is only turned into an explicit empty sort model\n// once the user has actually sorted something before.\nfunction normalizeSort(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n): PlDataTableGridStateCore {\n  if (partialState.sort !== undefined) return partialState;\n\n  if (prevState.sort !== undefined) {\n    // Had an explicit sort model before → user cleared the sorting → store [].\n    return { ...partialState, sort: { sortModel: [] } };\n  }\n\n  // Never sorted → leave undefined so the model applies its default sorting.\n  return partialState;\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  columnsMeta: PlDataTableColumnsMeta | undefined,\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, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): 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 (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\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    const gridColIds = new Set(\n      (gridApi.getAllGridColumns() ?? []).map((column) => column.getColId() as PlTableColumnIdJson),\n    );\n    if (!isJsonEqual(gridState, {}) && !isStoredStateApplied(gridState, selfState, gridColIds)) {\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    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        ++generation.value;\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      // The model is between handles — it is recomputing. Nothing is started here,\n      // so moving the generation would only cancel the calculation in flight and\n      // leave whatever it was going to do (not least taking the loading overlay\n      // down) undone — which is how the table came to sit on \"Loading data…\"\n      // forever. The exception is a change of source: then the calculation in\n      // flight belongs to the old one and must not be allowed to land under the\n      // new settings.\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        if (settings.sourceId !== oldSettings?.sourceId) ++generation.value;\n        return;\n      }\n\n      ++generation.value;\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        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\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          // Only the current calculation may take the overlay down: a superseded\n          // one would hide the overlay the newer settings just put up.\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      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\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  PlDataTableColumnsMeta,\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} 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, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { isStoredStateApplied } from \"./sources/grid-state\";\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 = normalizeGridState(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\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 reportedState = makePartialState(event.state);\n  // AG Grid reports an entirely empty state until its columns have been taken\n  // into its own state, and `normalizeGridState` reads the live columns — so\n  // normalizing an empty report invents a state (hidden columns, no column\n  // order) that the grid will never report back, and the reload watch below\n  // would then try to apply it on every remount, forever. Wait for the grid to\n  // say something about itself; it always does once its columns are in.\n  if (isJsonEqual(reportedState, {})) return;\n\n  const partialState = normalizeGridState(\n    reportedState,\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\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 defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\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 omits parts of its state that carry no information — columnVisibility\n// when every column is visible, sort when nothing is sorted. The model needs\n// \"no state yet\" (fall back to the block's defaults) to stay distinguishable\n// from \"user explicitly cleared it\" (store []), so both are normalized against\n// the previous state before the state is persisted.\nfunction normalizeGridState(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  return normalizeSort(\n    normalizeColumnVisibility(partialState, prevState, api, columnsMeta),\n    prevState,\n  );\n}\n\n// AG Grid returns sort: undefined when no column is sorted. Left as-is that\n// erases the block's default sorting the moment any unrelated grid state is\n// persisted, so the undefined is only turned into an explicit empty sort model\n// once the user has actually sorted something before.\nfunction normalizeSort(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n): PlDataTableGridStateCore {\n  if (partialState.sort !== undefined) return partialState;\n\n  if (prevState.sort !== undefined) {\n    // Had an explicit sort model before → user cleared the sorting → store [].\n    return { ...partialState, sort: { sortModel: [] } };\n  }\n\n  // Never sorted → leave undefined so the model applies its default sorting.\n  return partialState;\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  columnsMeta: PlDataTableColumnsMeta | undefined,\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, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): 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 (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\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    const gridColIds = new Set(\n      (gridApi.getAllGridColumns() ?? []).map((column) => column.getColId() as PlTableColumnIdJson),\n    );\n    if (!isJsonEqual(gridState, {}) && !isStoredStateApplied(gridState, selfState, gridColIds)) {\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    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        ++generation.value;\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      // The model is between handles — it is recomputing. Nothing is started here,\n      // so moving the generation would only cancel the calculation in flight and\n      // leave whatever it was going to do (not least taking the loading overlay\n      // down) undone — which is how the table came to sit on \"Loading data…\"\n      // forever. The exception is a change of source: then the calculation in\n      // flight belongs to the old one and must not be allowed to land under the\n      // new settings.\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        if (settings.sourceId !== oldSettings?.sourceId) ++generation.value;\n        return;\n      }\n\n      ++generation.value;\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        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\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          // Only the current calculation may take the overlay down: a superseded\n          // one would hide the overlay the newer settings just put up.\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 data-testid=\"pl-ag-data-table\" :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\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      data-testid=\"pl-ag-data-table-grid\"\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  PlDataTableColumnsMeta,\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} 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, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { isStoredStateApplied } from \"./sources/grid-state\";\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 = normalizeGridState(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\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 reportedState = makePartialState(event.state);\n  // AG Grid reports an entirely empty state until its columns have been taken\n  // into its own state, and `normalizeGridState` reads the live columns — so\n  // normalizing an empty report invents a state (hidden columns, no column\n  // order) that the grid will never report back, and the reload watch below\n  // would then try to apply it on every remount, forever. Wait for the grid to\n  // say something about itself; it always does once its columns are in.\n  if (isJsonEqual(reportedState, {})) return;\n\n  const partialState = normalizeGridState(\n    reportedState,\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\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 defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\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 omits parts of its state that carry no information — columnVisibility\n// when every column is visible, sort when nothing is sorted. The model needs\n// \"no state yet\" (fall back to the block's defaults) to stay distinguishable\n// from \"user explicitly cleared it\" (store []), so both are normalized against\n// the previous state before the state is persisted.\nfunction normalizeGridState(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  return normalizeSort(\n    normalizeColumnVisibility(partialState, prevState, api, columnsMeta),\n    prevState,\n  );\n}\n\n// AG Grid returns sort: undefined when no column is sorted. Left as-is that\n// erases the block's default sorting the moment any unrelated grid state is\n// persisted, so the undefined is only turned into an explicit empty sort model\n// once the user has actually sorted something before.\nfunction normalizeSort(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n): PlDataTableGridStateCore {\n  if (partialState.sort !== undefined) return partialState;\n\n  if (prevState.sort !== undefined) {\n    // Had an explicit sort model before → user cleared the sorting → store [].\n    return { ...partialState, sort: { sortModel: [] } };\n  }\n\n  // Never sorted → leave undefined so the model applies its default sorting.\n  return partialState;\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  columnsMeta: PlDataTableColumnsMeta | undefined,\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, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): 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 (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\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    const gridColIds = new Set(\n      (gridApi.getAllGridColumns() ?? []).map((column) => column.getColId() as PlTableColumnIdJson),\n    );\n    if (!isJsonEqual(gridState, {}) && !isStoredStateApplied(gridState, selfState, gridColIds)) {\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    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        ++generation.value;\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      // The model is between handles — it is recomputing. Nothing is started here,\n      // so moving the generation would only cancel the calculation in flight and\n      // leave whatever it was going to do (not least taking the loading overlay\n      // down) undone — which is how the table came to sit on \"Loading data…\"\n      // forever. The exception is a change of source: then the calculation in\n      // flight belongs to the old one and must not be allowed to land under the\n      // new settings.\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        if (settings.sourceId !== oldSettings?.sourceId) ++generation.value;\n        return;\n      }\n\n      ++generation.value;\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        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\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          // Only the current calculation may take the overlay down: a superseded\n          // one would hide the overlay the newer settings just put up.\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      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\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  PlDataTableColumnsMeta,\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} 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, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { isStoredStateApplied } from \"./sources/grid-state\";\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 = normalizeGridState(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\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 reportedState = makePartialState(event.state);\n  // AG Grid reports an entirely empty state until its columns have been taken\n  // into its own state, and `normalizeGridState` reads the live columns — so\n  // normalizing an empty report invents a state (hidden columns, no column\n  // order) that the grid will never report back, and the reload watch below\n  // would then try to apply it on every remount, forever. Wait for the grid to\n  // say something about itself; it always does once its columns are in.\n  if (isJsonEqual(reportedState, {})) return;\n\n  const partialState = normalizeGridState(\n    reportedState,\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\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 defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\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 omits parts of its state that carry no information — columnVisibility\n// when every column is visible, sort when nothing is sorted. The model needs\n// \"no state yet\" (fall back to the block's defaults) to stay distinguishable\n// from \"user explicitly cleared it\" (store []), so both are normalized against\n// the previous state before the state is persisted.\nfunction normalizeGridState(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  return normalizeSort(\n    normalizeColumnVisibility(partialState, prevState, api, columnsMeta),\n    prevState,\n  );\n}\n\n// AG Grid returns sort: undefined when no column is sorted. Left as-is that\n// erases the block's default sorting the moment any unrelated grid state is\n// persisted, so the undefined is only turned into an explicit empty sort model\n// once the user has actually sorted something before.\nfunction normalizeSort(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n): PlDataTableGridStateCore {\n  if (partialState.sort !== undefined) return partialState;\n\n  if (prevState.sort !== undefined) {\n    // Had an explicit sort model before → user cleared the sorting → store [].\n    return { ...partialState, sort: { sortModel: [] } };\n  }\n\n  // Never sorted → leave undefined so the model applies its default sorting.\n  return partialState;\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  columnsMeta: PlDataTableColumnsMeta | undefined,\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, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): 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 (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\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    const gridColIds = new Set(\n      (gridApi.getAllGridColumns() ?? []).map((column) => column.getColId() as PlTableColumnIdJson),\n    );\n    if (!isJsonEqual(gridState, {}) && !isStoredStateApplied(gridState, selfState, gridColIds)) {\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    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        ++generation.value;\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      // The model is between handles — it is recomputing. Nothing is started here,\n      // so moving the generation would only cancel the calculation in flight and\n      // leave whatever it was going to do (not least taking the loading overlay\n      // down) undone — which is how the table came to sit on \"Loading data…\"\n      // forever. The exception is a change of source: then the calculation in\n      // flight belongs to the old one and must not be allowed to land under the\n      // new settings.\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        if (settings.sourceId !== oldSettings?.sourceId) ++generation.value;\n        return;\n      }\n\n      ++generation.value;\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        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\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          // Only the current calculation may take the overlay down: a superseded\n          // one would hide the overlay the newer settings just put up.\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 data-testid=\"pl-ag-data-table\" :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\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      data-testid=\"pl-ag-data-table-grid\"\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":"AAypBA,OAAO,KAAK,EACV,MAAM,EAGN,kBAAkB,EAClB,gBAAgB,EAGhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,oBAAoB,CAAC;AAevF,OAAO,KAAK,EACV,yBAAyB,EACzB,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;AAsfF,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,sFAAsF;IACtF,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAsKxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKvD,QAAA,MAAM,UAAU;;;;;;;;;;;;kFAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlAgDataTableV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"names":[],"mappings":"AA0pBA,OAAO,KAAK,EACV,MAAM,EAGN,kBAAkB,EAClB,gBAAgB,EAGhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,oBAAoB,CAAC;AAevF,OAAO,KAAK,EACV,yBAAyB,EACzB,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;AAsfF,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,sFAAsF;IACtF,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAyKxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKvD,QAAA,MAAM,UAAU;;;;;;;;;;;;kFAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -290,7 +290,10 @@ var M = /* @__PURE__ */ g({
 				statusPanel: te,
 				align: "left"
 			}] } });
-		}), (e, t) => (b(), oe("div", { class: y(e.$style.container) }, [
+		}), (e, t) => (b(), oe("div", {
+			"data-testid": "pl-ag-data-table",
+			class: y(e.$style.container)
+		}, [
 			C(R) && !g.disableColumnsPanel ? (b(), p(C(c), {
 				key: 0,
 				api: C(R)
@@ -343,6 +346,7 @@ var M = /* @__PURE__ */ g({
 			}, null, 8, ["modelValue"]),
 			(b(), p(C(pe), {
 				key: X.value,
+				"data-testid": "pl-ag-data-table-grid",
 				theme: C(d),
 				class: y(e.$style.grid),
 				"grid-options": C(z)

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  PlDataTableColumnsMeta,\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} 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, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { isStoredStateApplied } from \"./sources/grid-state\";\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 = normalizeGridState(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\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 reportedState = makePartialState(event.state);\n  // AG Grid reports an entirely empty state until its columns have been taken\n  // into its own state, and `normalizeGridState` reads the live columns — so\n  // normalizing an empty report invents a state (hidden columns, no column\n  // order) that the grid will never report back, and the reload watch below\n  // would then try to apply it on every remount, forever. Wait for the grid to\n  // say something about itself; it always does once its columns are in.\n  if (isJsonEqual(reportedState, {})) return;\n\n  const partialState = normalizeGridState(\n    reportedState,\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\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 defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\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 omits parts of its state that carry no information — columnVisibility\n// when every column is visible, sort when nothing is sorted. The model needs\n// \"no state yet\" (fall back to the block's defaults) to stay distinguishable\n// from \"user explicitly cleared it\" (store []), so both are normalized against\n// the previous state before the state is persisted.\nfunction normalizeGridState(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  return normalizeSort(\n    normalizeColumnVisibility(partialState, prevState, api, columnsMeta),\n    prevState,\n  );\n}\n\n// AG Grid returns sort: undefined when no column is sorted. Left as-is that\n// erases the block's default sorting the moment any unrelated grid state is\n// persisted, so the undefined is only turned into an explicit empty sort model\n// once the user has actually sorted something before.\nfunction normalizeSort(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n): PlDataTableGridStateCore {\n  if (partialState.sort !== undefined) return partialState;\n\n  if (prevState.sort !== undefined) {\n    // Had an explicit sort model before → user cleared the sorting → store [].\n    return { ...partialState, sort: { sortModel: [] } };\n  }\n\n  // Never sorted → leave undefined so the model applies its default sorting.\n  return partialState;\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  columnsMeta: PlDataTableColumnsMeta | undefined,\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, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): 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 (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\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    const gridColIds = new Set(\n      (gridApi.getAllGridColumns() ?? []).map((column) => column.getColId() as PlTableColumnIdJson),\n    );\n    if (!isJsonEqual(gridState, {}) && !isStoredStateApplied(gridState, selfState, gridColIds)) {\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    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        ++generation.value;\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      // The model is between handles — it is recomputing. Nothing is started here,\n      // so moving the generation would only cancel the calculation in flight and\n      // leave whatever it was going to do (not least taking the loading overlay\n      // down) undone — which is how the table came to sit on \"Loading data…\"\n      // forever. The exception is a change of source: then the calculation in\n      // flight belongs to the old one and must not be allowed to land under the\n      // new settings.\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        if (settings.sourceId !== oldSettings?.sourceId) ++generation.value;\n        return;\n      }\n\n      ++generation.value;\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        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\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          // Only the current calculation may take the overlay down: a superseded\n          // one would hide the overlay the newer settings just put up.\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      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\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  PlDataTableColumnsMeta,\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} 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, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { isStoredStateApplied } from \"./sources/grid-state\";\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 = normalizeGridState(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\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 reportedState = makePartialState(event.state);\n  // AG Grid reports an entirely empty state until its columns have been taken\n  // into its own state, and `normalizeGridState` reads the live columns — so\n  // normalizing an empty report invents a state (hidden columns, no column\n  // order) that the grid will never report back, and the reload watch below\n  // would then try to apply it on every remount, forever. Wait for the grid to\n  // say something about itself; it always does once its columns are in.\n  if (isJsonEqual(reportedState, {})) return;\n\n  const partialState = normalizeGridState(\n    reportedState,\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\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 defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\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 omits parts of its state that carry no information — columnVisibility\n// when every column is visible, sort when nothing is sorted. The model needs\n// \"no state yet\" (fall back to the block's defaults) to stay distinguishable\n// from \"user explicitly cleared it\" (store []), so both are normalized against\n// the previous state before the state is persisted.\nfunction normalizeGridState(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  return normalizeSort(\n    normalizeColumnVisibility(partialState, prevState, api, columnsMeta),\n    prevState,\n  );\n}\n\n// AG Grid returns sort: undefined when no column is sorted. Left as-is that\n// erases the block's default sorting the moment any unrelated grid state is\n// persisted, so the undefined is only turned into an explicit empty sort model\n// once the user has actually sorted something before.\nfunction normalizeSort(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n): PlDataTableGridStateCore {\n  if (partialState.sort !== undefined) return partialState;\n\n  if (prevState.sort !== undefined) {\n    // Had an explicit sort model before → user cleared the sorting → store [].\n    return { ...partialState, sort: { sortModel: [] } };\n  }\n\n  // Never sorted → leave undefined so the model applies its default sorting.\n  return partialState;\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  columnsMeta: PlDataTableColumnsMeta | undefined,\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, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): 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 (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\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    const gridColIds = new Set(\n      (gridApi.getAllGridColumns() ?? []).map((column) => column.getColId() as PlTableColumnIdJson),\n    );\n    if (!isJsonEqual(gridState, {}) && !isStoredStateApplied(gridState, selfState, gridColIds)) {\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    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        ++generation.value;\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      // The model is between handles — it is recomputing. Nothing is started here,\n      // so moving the generation would only cancel the calculation in flight and\n      // leave whatever it was going to do (not least taking the loading overlay\n      // down) undone — which is how the table came to sit on \"Loading data…\"\n      // forever. The exception is a change of source: then the calculation in\n      // flight belongs to the old one and must not be allowed to land under the\n      // new settings.\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        if (settings.sourceId !== oldSettings?.sourceId) ++generation.value;\n        return;\n      }\n\n      ++generation.value;\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        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\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          // Only the current calculation may take the overlay down: a superseded\n          // one would hide the overlay the newer settings just put up.\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 data-testid=\"pl-ag-data-table\" :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\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      data-testid=\"pl-ag-data-table-grid\"\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/PlAgOverlayLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgOverlayLoading.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"@milaboratories/uikit\";\nimport type { PlPlaceholderProps } from \"@milaboratories/uikit\";\nimport { ref } from \"vue\";\nimport style from \"./pl-ag-overlay-loading.module.scss\";\nimport type { PlAgOverlayLoadingParams } from \"./types\";\n\n// @TODO move this component from this folder\n\nconst props = defineProps<{\n  /** Required object that contains props from loadingOverlayComponentParams. */\n  params: PlAgOverlayLoadingParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayLoadingParams) => {\n    params.value = newParams;\n  },\n});\n\nfunction normalizePlaceholderText(\n  text: string | Pick<PlPlaceholderProps, \"title\" | \"subtitle\">,\n): Pick<PlPlaceholderProps, \"title\" | \"subtitle\"> {\n  if (typeof text === \"string\") return { title: text };\n  return text;\n}\n</script>\n\n<template>\n  <div :class=\"style.container\">\n    <div v-if=\"params.variant === 'not-ready'\" :class=\"style.notReadyWrapper\">\n      <div :class=\"style.iconCatInBag\" />\n      <h3 :class=\"style.text\">{{ params.notReadyText || \"Data is not computed\" }}</h3>\n    </div>\n    <PlPlaceholder\n      v-else\n      v-bind=\"\n        normalizePlaceholderText(\n          {\n            loading: params.loadingText ?? PL_PLACEHOLDER_TEXTS.LOADING,\n            running: params.runningText ?? PL_PLACEHOLDER_TEXTS.RUNNING,\n          }[params.variant],\n        )\n      \"\n      variant=\"table\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlAgOverlayLoading.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"@milaboratories/uikit\";\nimport type { PlPlaceholderProps } from \"@milaboratories/uikit\";\nimport { ref } from \"vue\";\nimport style from \"./pl-ag-overlay-loading.module.scss\";\nimport type { PlAgOverlayLoadingParams } from \"./types\";\n\n// @TODO move this component from this folder\n\nconst props = defineProps<{\n  /** Required object that contains props from loadingOverlayComponentParams. */\n  params: PlAgOverlayLoadingParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayLoadingParams) => {\n    params.value = newParams;\n  },\n});\n\nfunction normalizePlaceholderText(\n  text: string | Pick<PlPlaceholderProps, \"title\" | \"subtitle\">,\n): Pick<PlPlaceholderProps, \"title\" | \"subtitle\"> {\n  if (typeof text === \"string\") return { title: text };\n  return text;\n}\n</script>\n\n<template>\n  <div data-testid=\"pl-ag-data-table-loading\" :class=\"style.container\">\n    <div\n      v-if=\"params.variant === 'not-ready'\"\n      data-testid=\"pl-ag-data-table-not-ready\"\n      :class=\"style.notReadyWrapper\"\n    >\n      <div :class=\"style.iconCatInBag\" />\n      <h3 data-testid=\"pl-ag-data-table-not-ready-text\" :class=\"style.text\">\n        {{ params.notReadyText || \"Data is not computed\" }}\n      </h3>\n    </div>\n    <PlPlaceholder\n      v-else\n      data-testid=\"pl-ag-data-table-loading-placeholder\"\n      v-bind=\"\n        normalizePlaceholderText(\n          {\n            loading: params.loadingText ?? PL_PLACEHOLDER_TEXTS.LOADING,\n            running: params.runningText ?? PL_PLACEHOLDER_TEXTS.RUNNING,\n          }[params.variant],\n        )\n      \"\n      variant=\"table\"\n    />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgOverlayLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgOverlayLoading.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,EAAE,wBAAwB,CAAC;CAClC,CAAC;AAuFF,QAAA,MAAM,YAAY;yBAjFK,wBAAwB;oPAoF7C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PlAgOverlayLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgOverlayLoading.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,EAAE,wBAAwB,CAAC;CAClC,CAAC;AA4FF,QAAA,MAAM,YAAY;yBAtFK,wBAAwB;oPAyF7C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -13,10 +13,20 @@ var p = /* @__PURE__ */ i({
 		function h(e) {
 			return typeof e == "string" ? { title: e } : e;
 		}
-		return (i, c) => (s(), n("div", { class: o(u(e).container) }, [m.value.variant === "not-ready" ? (s(), n("div", {
+		return (i, c) => (s(), n("div", {
+			"data-testid": "pl-ag-data-table-loading",
+			class: o(u(e).container)
+		}, [m.value.variant === "not-ready" ? (s(), n("div", {
 			key: 0,
+			"data-testid": "pl-ag-data-table-not-ready",
 			class: o(u(e).notReadyWrapper)
-		}, [r("div", { class: o(u(e).iconCatInBag) }, null, 2), r("h3", { class: o(u(e).text) }, l(m.value.notReadyText || "Data is not computed"), 3)], 2)) : (s(), t(u(f), a({ key: 1 }, h({
+		}, [r("div", { class: o(u(e).iconCatInBag) }, null, 2), r("h3", {
+			"data-testid": "pl-ag-data-table-not-ready-text",
+			class: o(u(e).text)
+		}, l(m.value.notReadyText || "Data is not computed"), 3)], 2)) : (s(), t(u(f), a({
+			key: 1,
+			"data-testid": "pl-ag-data-table-loading-placeholder"
+		}, h({
 			loading: m.value.loadingText ?? u(d).LOADING,
 			running: m.value.runningText ?? u(d).RUNNING
 		}[m.value.variant]), { variant: "table" }), null, 16))], 2));

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgOverlayLoading.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"@milaboratories/uikit\";\nimport type { PlPlaceholderProps } from \"@milaboratories/uikit\";\nimport { ref } from \"vue\";\nimport style from \"./pl-ag-overlay-loading.module.scss\";\nimport type { PlAgOverlayLoadingParams } from \"./types\";\n\n// @TODO move this component from this folder\n\nconst props = defineProps<{\n  /** Required object that contains props from loadingOverlayComponentParams. */\n  params: PlAgOverlayLoadingParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayLoadingParams) => {\n    params.value = newParams;\n  },\n});\n\nfunction normalizePlaceholderText(\n  text: string | Pick<PlPlaceholderProps, \"title\" | \"subtitle\">,\n): Pick<PlPlaceholderProps, \"title\" | \"subtitle\"> {\n  if (typeof text === \"string\") return { title: text };\n  return text;\n}\n</script>\n\n<template>\n  <div :class=\"style.container\">\n    <div v-if=\"params.variant === 'not-ready'\" :class=\"style.notReadyWrapper\">\n      <div :class=\"style.iconCatInBag\" />\n      <h3 :class=\"style.text\">{{ params.notReadyText || \"Data is not computed\" }}</h3>\n    </div>\n    <PlPlaceholder\n      v-else\n      v-bind=\"\n        normalizePlaceholderText(\n          {\n            loading: params.loadingText ?? PL_PLACEHOLDER_TEXTS.LOADING,\n            running: params.runningText ?? PL_PLACEHOLDER_TEXTS.RUNNING,\n          }[params.variant],\n        )\n      \"\n      variant=\"table\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAcA,IAAM,IAAS,EALD,EAKW,OAAO;AAEhC,IAAa,EACX,UAAU,MAAwC;AAChD,KAAO,QAAQ;KAElB,CAAC;EAEF,SAAS,EACP,GACgD;AAEhD,UADI,OAAO,KAAS,WAAiB,EAAE,OAAO,GAAM,GAC7C;;yBAKP,EAiBM,OAAA,EAjBA,OAAK,EAAE,EAAA,EAAK,CAAC,UAAS,EAAA,EAAA,CACf,EAAA,MAAO,YAAO,eAAA,GAAA,EAAzB,EAGM,OAAA;;GAHsC,OAAK,EAAE,EAAA,EAAK,CAAC,gBAAe;MACtE,EAAmC,OAAA,EAA7B,OAAK,EAAE,EAAA,EAAK,CAAC,aAAY,EAAA,EAAA,MAAA,EAAA,EAC/B,EAAgF,MAAA,EAA3E,OAAK,EAAE,EAAA,EAAK,CAAC,KAAI,EAAA,EAAA,EAAK,EAAA,MAAO,gBAAY,uBAAA,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAEhD,EAWE,EAAA,EAAA,EAXF,EAWE,EAAA,KAAA,GAAA,EATiB,EAAA;YAA2D,EAAA,MAAO,eAAe,EAAA,EAAoB,CAAC;YAA8B,EAAA,MAAO,eAAe,EAAA,EAAoB,CAAC;IAAqB,EAAA,MAAO,SAAA,EAAA,EAQ5N,SAAQ,SAAO,CAAA,EAAA,MAAA,GAAA,EAAA,EAAA,EAAA"}
+{"version":3,"file":"PlAgOverlayLoading.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"@milaboratories/uikit\";\nimport type { PlPlaceholderProps } from \"@milaboratories/uikit\";\nimport { ref } from \"vue\";\nimport style from \"./pl-ag-overlay-loading.module.scss\";\nimport type { PlAgOverlayLoadingParams } from \"./types\";\n\n// @TODO move this component from this folder\n\nconst props = defineProps<{\n  /** Required object that contains props from loadingOverlayComponentParams. */\n  params: PlAgOverlayLoadingParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayLoadingParams) => {\n    params.value = newParams;\n  },\n});\n\nfunction normalizePlaceholderText(\n  text: string | Pick<PlPlaceholderProps, \"title\" | \"subtitle\">,\n): Pick<PlPlaceholderProps, \"title\" | \"subtitle\"> {\n  if (typeof text === \"string\") return { title: text };\n  return text;\n}\n</script>\n\n<template>\n  <div data-testid=\"pl-ag-data-table-loading\" :class=\"style.container\">\n    <div\n      v-if=\"params.variant === 'not-ready'\"\n      data-testid=\"pl-ag-data-table-not-ready\"\n      :class=\"style.notReadyWrapper\"\n    >\n      <div :class=\"style.iconCatInBag\" />\n      <h3 data-testid=\"pl-ag-data-table-not-ready-text\" :class=\"style.text\">\n        {{ params.notReadyText || \"Data is not computed\" }}\n      </h3>\n    </div>\n    <PlPlaceholder\n      v-else\n      data-testid=\"pl-ag-data-table-loading-placeholder\"\n      v-bind=\"\n        normalizePlaceholderText(\n          {\n            loading: params.loadingText ?? PL_PLACEHOLDER_TEXTS.LOADING,\n            running: params.runningText ?? PL_PLACEHOLDER_TEXTS.RUNNING,\n          }[params.variant],\n        )\n      \"\n      variant=\"table\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAcA,IAAM,IAAS,EALD,EAKW,OAAO;AAEhC,IAAa,EACX,UAAU,MAAwC;AAChD,KAAO,QAAQ;KAElB,CAAC;EAEF,SAAS,EACP,GACgD;AAEhD,UADI,OAAO,KAAS,WAAiB,EAAE,OAAO,GAAM,GAC7C;;yBAKP,EAwBM,OAAA;GAxBD,eAAY;GAA4B,OAAK,EAAE,EAAA,EAAK,CAAC,UAAS;MAEzD,EAAA,MAAO,YAAO,eAAA,GAAA,EADtB,EASM,OAAA;;GAPJ,eAAY;GACX,OAAK,EAAE,EAAA,EAAK,CAAC,gBAAe;MAE7B,EAAmC,OAAA,EAA7B,OAAK,EAAE,EAAA,EAAK,CAAC,aAAY,EAAA,EAAA,MAAA,EAAA,EAC/B,EAEK,MAAA;GAFD,eAAY;GAAmC,OAAK,EAAE,EAAA,EAAK,CAAC,KAAI;OAC/D,EAAA,MAAO,gBAAY,uBAAA,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAG1B,EAYE,EAAA,EAAA,EAZF,EAYE;;GAVA,eAAY;KACK,EAAA;YAA2D,EAAA,MAAO,eAAe,EAAA,EAAoB,CAAC;YAA8B,EAAA,MAAO,eAAe,EAAA,EAAoB,CAAC;IAAqB,EAAA,MAAO,SAAA,EAAA,EAQ5N,SAAQ,SAAO,CAAA,EAAA,MAAA,GAAA,EAAA,EAAA,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgOverlayNoRows.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayNoRows.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from \"vue\";\nimport type { PlAgOverlayNoRowsParams } from \"./types\";\n\nconst props = defineProps<{\n  params: PlAgOverlayNoRowsParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayNoRowsParams) => {\n    params.value = newParams;\n  },\n});\n</script>\n\n<template>\n  <div class=\"grid-overlay-container\">\n    <div class=\"grid-icon-sad-cat\" />\n    <span class=\"text-subtitle-m\">{{ params.text || \"Empty\" }}</span>\n  </div>\n</template>\n\n<style lang=\"css\">\n.grid-overlay-container {\n  height: calc(100% - 1px);\n  margin-top: 1px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--bg-base-light);\n}\n.grid-icon-sad-cat {\n  background-image: url(./assets/no-data-cat.png);\n  background-repeat: no-repeat;\n}\n.grid-overlay-container > div {\n  height: 300px;\n  width: 300px;\n  background-size: contain;\n  background-position: center;\n}\n.grid-overlay-container > span {\n  color: var(--txt-mask);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAgOverlayNoRows.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayNoRows.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from \"vue\";\nimport type { PlAgOverlayNoRowsParams } from \"./types\";\n\nconst props = defineProps<{\n  params: PlAgOverlayNoRowsParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayNoRowsParams) => {\n    params.value = newParams;\n  },\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-ag-data-table-no-rows\" class=\"grid-overlay-container\">\n    <div class=\"grid-icon-sad-cat\" />\n    <span data-testid=\"pl-ag-data-table-no-rows-text\" class=\"text-subtitle-m\">{{\n      params.text || \"Empty\"\n    }}</span>\n  </div>\n</template>\n\n<style lang=\"css\">\n.grid-overlay-container {\n  height: calc(100% - 1px);\n  margin-top: 1px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--bg-base-light);\n}\n.grid-icon-sad-cat {\n  background-image: url(./assets/no-data-cat.png);\n  background-repeat: no-repeat;\n}\n.grid-overlay-container > div {\n  height: 300px;\n  width: 300px;\n  background-size: contain;\n  background-position: center;\n}\n.grid-overlay-container > span {\n  color: var(--txt-mask);\n}\n</style>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgOverlayNoRows.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgOverlayNoRows.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,uBAAuB,CAAC;CACjC,CAAC;AA8CF,QAAA,MAAM,YAAY;yBAxCK,uBAAuB;oPA2C5C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PlAgOverlayNoRows.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgOverlayNoRows.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAkDF,QAAA,MAAM,YAAY;yBA5CK,uBAAuB;oPA+C5C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,6 +1,12 @@
 import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, ref as i, toDisplayString as a } from "vue";
 //#region src/components/PlAgDataTable/PlAgOverlayNoRows.vue?vue&type=script&setup=true&lang.ts
-var o = { class: "grid-overlay-container" }, s = { class: "text-subtitle-m" }, c = /* @__PURE__ */ n({
+var o = {
+	"data-testid": "pl-ag-data-table-no-rows",
+	class: "grid-overlay-container"
+}, s = {
+	"data-testid": "pl-ag-data-table-no-rows-text",
+	class: "text-subtitle-m"
+}, c = /* @__PURE__ */ n({
 	__name: "PlAgOverlayNoRows",
 	props: { params: {} },
 	setup(n, { expose: c }) {

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgOverlayNoRows.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayNoRows.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from \"vue\";\nimport type { PlAgOverlayNoRowsParams } from \"./types\";\n\nconst props = defineProps<{\n  params: PlAgOverlayNoRowsParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayNoRowsParams) => {\n    params.value = newParams;\n  },\n});\n</script>\n\n<template>\n  <div class=\"grid-overlay-container\">\n    <div class=\"grid-icon-sad-cat\" />\n    <span class=\"text-subtitle-m\">{{ params.text || \"Empty\" }}</span>\n  </div>\n</template>\n\n<style lang=\"css\">\n.grid-overlay-container {\n  height: calc(100% - 1px);\n  margin-top: 1px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--bg-base-light);\n}\n.grid-icon-sad-cat {\n  background-image: url(./assets/no-data-cat.png);\n  background-repeat: no-repeat;\n}\n.grid-overlay-container > div {\n  height: 300px;\n  width: 300px;\n  background-size: contain;\n  background-position: center;\n}\n.grid-overlay-container > span {\n  color: var(--txt-mask);\n}\n</style>\n"],"mappings":";;;;;;EAQA,IAAM,IAAS,EAJD,EAIW,OAAO;SAEhC,EAAa,EACX,UAAU,MAAuC;AAC/C,KAAO,QAAQ;KAElB,CAAC,kBAIA,EAGM,OAHN,GAGM,CAAA,AAAA,EAAA,OAFJ,EAAiC,OAAA,EAA5B,OAAM,qBAAmB,EAAA,MAAA,GAAA,EAC9B,EAAiE,QAAjE,GAAiE,EAAhC,EAAA,MAAO,QAAI,QAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"PlAgOverlayNoRows.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgOverlayNoRows.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from \"vue\";\nimport type { PlAgOverlayNoRowsParams } from \"./types\";\n\nconst props = defineProps<{\n  params: PlAgOverlayNoRowsParams;\n}>();\n\nconst params = ref(props.params);\n\ndefineExpose({\n  refresh: (newParams: PlAgOverlayNoRowsParams) => {\n    params.value = newParams;\n  },\n});\n</script>\n\n<template>\n  <div data-testid=\"pl-ag-data-table-no-rows\" class=\"grid-overlay-container\">\n    <div class=\"grid-icon-sad-cat\" />\n    <span data-testid=\"pl-ag-data-table-no-rows-text\" class=\"text-subtitle-m\">{{\n      params.text || \"Empty\"\n    }}</span>\n  </div>\n</template>\n\n<style lang=\"css\">\n.grid-overlay-container {\n  height: calc(100% - 1px);\n  margin-top: 1px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--bg-base-light);\n}\n.grid-icon-sad-cat {\n  background-image: url(./assets/no-data-cat.png);\n  background-repeat: no-repeat;\n}\n.grid-overlay-container > div {\n  height: 300px;\n  width: 300px;\n  background-size: contain;\n  background-position: center;\n}\n.grid-overlay-container > span {\n  color: var(--txt-mask);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAQA,IAAM,IAAS,EAJD,EAIW,OAAO;SAEhC,EAAa,EACX,UAAU,MAAuC;AAC/C,KAAO,QAAQ;KAElB,CAAC,kBAIA,EAKM,OALN,GAKM,CAAA,AAAA,EAAA,OAJJ,EAAiC,OAAA,EAA5B,OAAM,qBAAmB,EAAA,MAAA,GAAA,EAC9B,EAES,QAFT,GAES,EADP,EAAA,MAAO,QAAI,QAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/PlAgGridColumnManager/PlAgGridColumnManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgGridColumnManager.js","names":[],"sources":["../../../src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlElementList,\n  PlIcon24,\n  PlSearchField,\n  PlSlideModal,\n  usePlBlockPageTitleTeleportTarget,\n} from \"@milaboratories/uikit\";\nimport { type GridApi } from \"ag-grid-enterprise\";\nimport { computed, ref } from \"vue\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable/sources/row-number\";\nimport { useFilteredItems } from \"./useFilteredItems\";\nimport { useGridColumns } from \"./useGridColumns\";\n\nconst props = defineProps<{\n  /**\n   * The GridApi is an API interface provided by the table/grid component\n   * for interacting programmatically with the grid's features and functionality.\n   * It allows you to control and manipulate grid behavior, access data, and\n   * trigger specific actions.\n   */\n  api: GridApi;\n  /**\n   * Css Column Manager (Panel) modal width (default value is `368px`)\n   */\n  width?: string;\n}>();\n\nconst query = ref(\"\");\nconst slideModal = ref(false);\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgGridColumnManager\");\n\nconst columns = useGridColumns(props);\n\nconst items = computed(() => {\n  return columns.value.map((col, i) => ({\n    column: col,\n    id: col.getId(),\n    label: col.getColDef().headerName ?? `Unnamed Column (${i + 1})`,\n  }));\n});\n\nconst { filteredItems, segments } = useFilteredItems({\n  items,\n  query,\n  getStrings: (item) => [item.label],\n});\n\nconst toggleableFilteredItems = computed(() =>\n  filteredItems.value.filter((item) => item.id !== PlAgDataTableRowNumberColId),\n);\n\nconst allFilteredHidden = computed(\n  () =>\n    toggleableFilteredItems.value.length > 0 &&\n    toggleableFilteredItems.value.every((item) => !item.column.isVisible()),\n);\n\nconst toggleAllFiltered = () => {\n  if (props.api.isDestroyed()) return;\n  const nextVisible = allFilteredHidden.value;\n  const cols = toggleableFilteredItems.value.map((item) => item.column);\n  if (cols.length === 0) return;\n  props.api.setColumnsVisible(cols, nextVisible);\n};\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost icon=\"columns\" @click.stop=\"slideModal = !slideModal\"> Columns </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"slideModal\" :width=\"width\" close-on-outside-click>\n    <template #title>Manage Columns</template>\n    <div :class=\"$style.searchRow\">\n      <PlSearchField v-model=\"query\" clearable />\n      <PlBtnSecondary\n        :class=\"$style.toggleAllBtn\"\n        :disabled=\"toggleableFilteredItems.length === 0\"\n        @click.stop=\"toggleAllFiltered\"\n      >\n        <PlIcon24 v-if=\"allFilteredHidden\" name=\"view-show\" />\n        <PlIcon24 v-else name=\"view-hide\" />\n      </PlBtnSecondary>\n    </div>\n    <PlElementList\n      :items=\"filteredItems\"\n      :get-item-key=\"(item) => item.id\"\n      :is-draggable=\"(item) => !item.column.getColDef().lockPosition\"\n      :on-sort=\"\n        (fromIndex, toIndex) => {\n          if (!props.api.isDestroyed()) {\n            const columnToMove = columns[fromIndex];\n            props.api.moveColumns([columnToMove], toIndex);\n          }\n          return true; // Let PlElementList handle the visual update\n        }\n      \"\n      :on-toggle=\"\n        (item) => {\n          if (!props.api.isDestroyed()) {\n            props.api.setColumnsVisible([item.column], !item.column.isVisible());\n          }\n        }\n      \"\n      :is-toggled=\"(item) => !item.column.isVisible()\"\n      :is-toggable=\"(item) => item.id !== PlAgDataTableRowNumberColId\"\n      :is-pinned=\"(item) => !!item.column.getColDef().lockPosition\"\n      :is-pinnable=\"() => false\"\n      :disable-dragging=\"query.length > 0\"\n      disable-removing\n    >\n      <template #item-title=\"{ item }\">\n        <span>\n          <span\n            v-for=\"(segment, i) of segments.get(item.label)\"\n            :key=\"i\"\n            :class=\"{ [$style.match]: segment.match }\"\n            >{{ segment.value }}</span\n          >\n        </span>\n      </template>\n    </PlElementList>\n  </PlSlideModal>\n</template>\n\n<style module>\n.match {\n  background-color: var(--color-active-select);\n  border-radius: 2px;\n}\n\n.searchRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.searchRow > :first-child {\n  flex: 1;\n}\n\n.toggleAllBtn {\n  min-width: unset;\n  opacity: 0.2;\n  transition: opacity 0.3s;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAgGridColumnManager.js","names":[],"sources":["../../../src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlElementList,\n  PlIcon24,\n  PlSearchField,\n  PlSlideModal,\n  usePlBlockPageTitleTeleportTarget,\n} from \"@milaboratories/uikit\";\nimport { type GridApi } from \"ag-grid-enterprise\";\nimport { computed, ref } from \"vue\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable/sources/row-number\";\nimport { useFilteredItems } from \"./useFilteredItems\";\nimport { useGridColumns } from \"./useGridColumns\";\n\nconst props = defineProps<{\n  /**\n   * The GridApi is an API interface provided by the table/grid component\n   * for interacting programmatically with the grid's features and functionality.\n   * It allows you to control and manipulate grid behavior, access data, and\n   * trigger specific actions.\n   */\n  api: GridApi;\n  /**\n   * Css Column Manager (Panel) modal width (default value is `368px`)\n   */\n  width?: string;\n}>();\n\nconst query = ref(\"\");\nconst slideModal = ref(false);\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgGridColumnManager\");\n\nconst columns = useGridColumns(props);\n\nconst items = computed(() => {\n  return columns.value.map((col, i) => ({\n    column: col,\n    id: col.getId(),\n    label: col.getColDef().headerName ?? `Unnamed Column (${i + 1})`,\n  }));\n});\n\nconst { filteredItems, segments } = useFilteredItems({\n  items,\n  query,\n  getStrings: (item) => [item.label],\n});\n\nconst toggleableFilteredItems = computed(() =>\n  filteredItems.value.filter((item) => item.id !== PlAgDataTableRowNumberColId),\n);\n\nconst allFilteredHidden = computed(\n  () =>\n    toggleableFilteredItems.value.length > 0 &&\n    toggleableFilteredItems.value.every((item) => !item.column.isVisible()),\n);\n\nconst toggleAllFiltered = () => {\n  if (props.api.isDestroyed()) return;\n  const nextVisible = allFilteredHidden.value;\n  const cols = toggleableFilteredItems.value.map((item) => item.column);\n  if (cols.length === 0) return;\n  props.api.setColumnsVisible(cols, nextVisible);\n};\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost\n      data-testid=\"pl-ag-grid-column-manager\"\n      icon=\"columns\"\n      @click.stop=\"slideModal = !slideModal\"\n    >\n      Columns\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal\n    v-model=\"slideModal\"\n    data-testid=\"pl-ag-grid-column-manager-panel\"\n    :width=\"width\"\n    close-on-outside-click\n  >\n    <template #title>Manage Columns</template>\n    <div data-testid=\"pl-ag-grid-column-manager-search-row\" :class=\"$style.searchRow\">\n      <PlSearchField v-model=\"query\" data-testid=\"pl-ag-grid-column-manager-search\" clearable />\n      <PlBtnSecondary\n        data-testid=\"pl-ag-grid-column-manager-toggle-all\"\n        :class=\"$style.toggleAllBtn\"\n        :disabled=\"toggleableFilteredItems.length === 0\"\n        @click.stop=\"toggleAllFiltered\"\n      >\n        <PlIcon24 v-if=\"allFilteredHidden\" name=\"view-show\" />\n        <PlIcon24 v-else name=\"view-hide\" />\n      </PlBtnSecondary>\n    </div>\n    <PlElementList\n      data-testid=\"pl-ag-grid-column-manager-list\"\n      :items=\"filteredItems\"\n      :get-item-key=\"(item) => item.id\"\n      :is-draggable=\"(item) => !item.column.getColDef().lockPosition\"\n      :on-sort=\"\n        (fromIndex, toIndex) => {\n          if (!props.api.isDestroyed()) {\n            const columnToMove = columns[fromIndex];\n            props.api.moveColumns([columnToMove], toIndex);\n          }\n          return true; // Let PlElementList handle the visual update\n        }\n      \"\n      :on-toggle=\"\n        (item) => {\n          if (!props.api.isDestroyed()) {\n            props.api.setColumnsVisible([item.column], !item.column.isVisible());\n          }\n        }\n      \"\n      :is-toggled=\"(item) => !item.column.isVisible()\"\n      :is-toggable=\"(item) => item.id !== PlAgDataTableRowNumberColId\"\n      :is-pinned=\"(item) => !!item.column.getColDef().lockPosition\"\n      :is-pinnable=\"() => false\"\n      :disable-dragging=\"query.length > 0\"\n      disable-removing\n    >\n      <template #item-title=\"{ item }\">\n        <span data-testid=\"pl-ag-grid-column-manager-item\">\n          <span\n            v-for=\"(segment, i) of segments.get(item.label)\"\n            :key=\"i\"\n            :class=\"{ [$style.match]: segment.match }\"\n            >{{ segment.value }}</span\n          >\n        </span>\n      </template>\n    </PlElementList>\n  </PlSlideModal>\n</template>\n\n<style module>\n.match {\n  background-color: var(--color-active-select);\n  border-radius: 2px;\n}\n\n.searchRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.searchRow > :first-child {\n  flex: 1;\n}\n\n.toggleAllBtn {\n  min-width: unset;\n  opacity: 0.2;\n  transition: opacity 0.3s;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}