npm - @platforma-sdk/ui-vue - Versions diffs - 1.40.3 → 1.40.5 - Mend

@platforma-sdk/ui-vue 1.40.3 → 1.40.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PlAgDataTableV2.vue2.js","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n isJsonEqual,\n} from '@milaboratories/helpers';\nimport type {\n AxisId,\n AxisSpec,\n PlDataTableGridStateCore,\n PlDataTableStateV2,\n PlSelectionModel,\n PlTableColumnIdJson,\n PTableColumnSpec,\n PTableKey,\n} from '@platforma-sdk/model';\nimport {\n getRawPlatformaInstance,\n parseJson,\n} from '@platforma-sdk/model';\nimport type {\n CellRendererSelectorFunc,\n ColDef,\n ColGroupDef,\n GridApi,\n GridOptions,\n GridState,\n ManagedGridOptionKey,\n ManagedGridOptions,\n} from 'ag-grid-enterprise';\nimport {\n AgGridVue,\n} from 'ag-grid-vue3';\nimport {\n computed,\n ref,\n shallowRef,\n toRefs,\n watch,\n} from 'vue';\nimport {\n AgGridTheme,\n} from '../../aggrid';\nimport PlAgCsvExporter from '../PlAgCsvExporter/PlAgCsvExporter.vue';\nimport {\n PlAgGridColumnManager,\n} from '../PlAgGridColumnManager';\nimport PlOverlayLoading from './PlAgOverlayLoading.vue';\nimport PlOverlayNoRows from './PlAgOverlayNoRows.vue';\nimport PlAgRowCount from './PlAgRowCount.vue';\nimport PlAgDataTableSheets from './PlAgDataTableSheets.vue';\nimport {\n focusRow,\n makeOnceTracker,\n} from './sources/focus-row';\nimport {\n autoSizeRowNumberColumn,\n PlAgDataTableRowNumberColId,\n} from './sources/row-number';\nimport type {\n PlAgCellButtonAxisParams,\n} from './sources/table-source-v2';\nimport {\n calculateGridOptions,\n} from './sources/table-source-v2';\nimport type {\n PlAgDataTableV2Controller,\n PlAgDataTableV2Row,\n PlAgOverlayLoadingParams,\n PlAgOverlayNoRowsParams,\n PlDataTableSettingsV2,\n PlDataTableSheetsSettings,\n PlTableLabeledSelectionModel,\n PlTableRowIdJson,\n} from './types';\nimport {\n useTableState,\n} from './sources/table-state-v2';\nimport type { PlDataTableFiltersSettings } from '../PlTableFilters';\nimport PlTableFiltersV2 from '../PlTableFilters/PlTableFiltersV2.vue';\nimport { watchCached } from '@milaboratories/uikit';\n\nconst tableState = defineModel<PlDataTableStateV2>({\n required: true,\n});\nconst selection = defineModel<PlSelectionModel>('selection');\nconst selectionLabeled = defineModel<PlTableLabeledSelectionModel>('selectionLabeled');\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.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}>();\n\nconst { gridState, sheetsState, filtersState } = useTableState(tableState, settings);\n\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n const settingsCopy = { ...settings.value };\n return settingsCopy.sourceId !== null\n ? {\n sheets: settingsCopy.sheets ?? [],\n cachedState: [...sheetsState.value],\n }\n : {\n sheets: [],\n cachedState: [],\n };\n});\n\nconst filterableColumns = ref<PTableColumnSpec[]>([]);\nconst filtersSettings = computed<PlDataTableFiltersSettings>(() => {\n const settingsCopy = { ...settings.value };\n const columns = filterableColumns.value;\n const result = settingsCopy.sourceId !== null && columns.length > 0\n ? {\n columns,\n config: (column: PTableColumnSpec) => settingsCopy.filtersConfig({ sourceId: settingsCopy.sourceId, column }),\n cachedState: [...filtersState.value],\n }\n : {\n columns: [],\n config: () => ({}),\n cachedState: [],\n };\n return result;\n});\n\nconst gridApi = shallowRef<GridApi<PlAgDataTableV2Row> \| null>(null);\nconst firstDataRenderedTracker = makeOnceTracker<GridApi<PlAgDataTableV2Row>>();\nconst gridOptions = shallowRef<GridOptions<PlAgDataTableV2Row>>({\n animateRows: false,\n suppressColumnMoveAnimation: true,\n cellSelection: !selection.value && !selectionLabeled.value,\n initialState: gridState.value,\n autoSizeStrategy: { type: 'fitCellContents' },\n rowSelection: selection.value \|\| selectionLabeled.value\n ? {\n mode: 'multiRow',\n selectAll: 'all',\n groupSelects: 'self',\n checkboxes: false,\n headerCheckbox: false,\n enableClickSelection: false,\n }\n : undefined,\n onSelectionChanged: (event) => {\n const state = event.api.getServerSideSelectionState();\n if (selection.value) {\n const selectedKeys = state?.toggledNodes?.map((nodeId) => parseJson(nodeId as PlTableRowIdJson).axesKey) ?? [];\n selection.value = { ...selection.value, selectedKeys };\n }\n if (selectionLabeled.value) {\n const selectedLabeledKeys = state?.toggledNodes?.map((nodeId) => parseJson(nodeId as PlTableRowIdJson).labeled) ?? [];\n selectionLabeled.value = { ...selectionLabeled.value, selectedLabeledKeys };\n }\n },\n onRowDoubleClicked: (event) => {\n if (event.data && event.data.axesKey) emit('rowDoubleClicked', event.data.axesKey);\n },\n defaultColDef: {\n suppressHeaderMenuButton: true,\n sortingOrder: ['desc', 'asc', null],\n cellRendererSelector: props.cellRendererSelector,\n },\n maintainColumnOrder: true,\n localeText: {\n loadingError: '...',\n },\n rowModelType: 'serverSide',\n // cacheBlockSize should be tha same as PlMultiSequenceAlignment limit\n // so that selectAll will add all rows to selection\n cacheBlockSize: 1000,\n maxBlocksInCache: 100,\n blockLoadDebounceMillis: 500,\n serverSideSortAllLevels: true,\n suppressServerSideFullWidthLoadingRow: true,\n getRowId: (params) => params.data.id,\n loading: true,\n loadingOverlayComponentParams: {\n notReady: true,\n loadingText: props.loadingText,\n notReadyText: props.notReadyText,\n } satisfies PlAgOverlayLoadingParams,\n loadingOverlayComponent: PlOverlayLoading,\n noRowsOverlayComponent: PlOverlayNoRows,\n noRowsOverlayComponentParams: {\n text: props.noRowsText,\n } satisfies PlAgOverlayNoRowsParams,\n defaultCsvExportParams: {\n allColumns: true,\n suppressQuotes: true,\n fileName: 'table.csv',\n },\n statusBar: {\n statusPanels: [\n { statusPanel: PlAgRowCount, align: 'left' },\n ],\n },\n onGridReady: (event) => {\n const api = event.api;\n autoSizeRowNumberColumn(api);\n const setGridOption = (\n key: ManagedGridOptionKey,\n value: GridOptions[ManagedGridOptionKey],\n ) => {\n const options = { ...gridOptions.value };\n options[key] = value;\n gridOptions.value = options;\n api.setGridOption(key, value);\n };\n const updateGridOptions = (options: ManagedGridOptions) => {\n gridOptions.value = {\n ...gridOptions.value,\n ...options,\n };\n api.updateGridOptions(options);\n };\n gridApi.value = new Proxy(api, {\n get(target, prop, receiver) {\n switch (prop) {\n case 'setGridOption':\n return setGridOption;\n case 'updateGridOptions':\n return updateGridOptions;\n default:\n return Reflect.get(target, prop, receiver);\n }\n },\n });\n },\n onStateUpdated: (event) => {\n gridOptions.value.initialState = gridState.value = makePartialState(\n event.state,\n );\n event.api.autoSizeColumns(\n event.api.getAllDisplayedColumns().filter(\n (column) => column.getColId() !== PlAgDataTableRowNumberColId,\n ),\n );\n },\n onGridPreDestroyed: (event) => {\n gridOptions.value.initialState = gridState.value = makePartialState(\n event.api.getState(),\n );\n gridApi.value = null;\n },\n});\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n return {\n columnOrder: state.columnOrder as {\n orderedColIds: PlTableColumnIdJson[];\n } \| undefined,\n sort: state.sort as {\n sortModel: {\n colId: PlTableColumnIdJson;\n sort: 'asc' \| 'desc';\n }[];\n } \| undefined,\n columnVisibility: state.columnVisibility as {\n hiddenColIds: PlTableColumnIdJson[];\n } \| undefined,\n };\n};\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n () => [gridApi.value, gridState.value] as const,\n ([gridApi, gridState]) => {\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n const selfState = makePartialState(gridApi.getState());\n if (!isJsonEqual(gridState, {}) && !isJsonEqual(gridState, selfState)) {\n gridOptions.value.initialState = gridState;\n ++reloadKey.value;\n }\n },\n);\n\n// Make loadingOverlayComponentParams reactive\nlet oldOptions: GridOptions \| null = null;\nwatch(\n () => [gridApi.value, gridOptions.value] as const,\n ([gridApi, options]) => {\n // Wait for AgGrid reinitialization, gridApi will eventially become initialized\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n if (options.loading && oldOptions?.loading && !isJsonEqual(\n options.loadingOverlayComponentParams,\n oldOptions?.loadingOverlayComponentParams,\n )) {\n // Hack to reapply loadingOverlayComponentParams\n gridApi.setGridOption('loading', false);\n gridApi.setGridOption('loading', true);\n }\n oldOptions = options;\n },\n { immediate: true },\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: (rowKey) => focusRow(\n (row) => isJsonEqual(row.data?.axesKey, rowKey),\n firstDataRenderedTracker,\n ),\n});\n\n// Propagate columns for filter component\nwatchCached(\n () => gridOptions.value.columnDefs,\n (columnDefs) => {\n const sourceId = settings.value.sourceId;\n if (sourceId === null) {\n filterableColumns.value = [];\n if (selection.value) {\n selection.value = {\n axesSpec: [],\n selectedKeys: [],\n };\n }\n if (selectionLabeled.value) {\n selectionLabeled.value = {\n spec: [],\n selectedLabeledKeys: [],\n };\n }\n } else {\n const isColDef = (def: ColDef \| ColGroupDef): def is ColDef =>\n !('children' in def);\n const colDefs = columnDefs?.filter(isColDef) ?? [];\n const columns = colDefs\n .map((def) => def.colId)\n .filter((colId) => colId !== undefined)\n .filter((colId) => colId !== PlAgDataTableRowNumberColId)\n .map((colId) => parseJson(colId as PlTableColumnIdJson))\n ?? [];\n filterableColumns.value = columns.map((column) => column.labeled);\n if (selection.value) {\n const axesSpec = columns\n .reduce((acc, column) => {\n if (column.source.type === 'axis') {\n acc.push(column.source.spec);\n }\n return acc;\n }, [] as AxisSpec[]);\n selection.value = {\n ...selection.value,\n axesSpec,\n };\n }\n if (selectionLabeled.value) {\n const spec = columns\n .reduce((acc, column) => {\n if (column.source.type === 'axis') {\n acc.push(column.labeled);\n }\n return acc;\n }, [] as PTableColumnSpec[]);\n selectionLabeled.value = {\n ...selectionLabeled.value,\n spec,\n };\n }\n }\n },\n { immediate: true },\n);\n\n// Update AgGrid when settings change\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 eventially become initialized\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n // Verify that this is not a false watch trigger\n if (isJsonEqual(settings, oldSettings)) return;\n ++generation.value;\n try {\n // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n gridApi.hideOverlay();\n firstDataRenderedTracker.reset();\n\n // No data source selected -> reset state to default\n if (!settings.sourceId) {\n gridApi.updateGridOptions({\n loading: true,\n loadingOverlayComponentParams: {\n ...gridOptions.value.loadingOverlayComponentParams,\n notReady: true,\n } satisfies PlAgOverlayLoadingParams,\n columnDefs: undefined,\n serverSideDatasource: undefined,\n });\n if (selection.value \|\| selectionLabeled.value) {\n gridApi.setServerSideSelectionState({\n selectAll: false,\n toggledNodes: [],\n });\n }\n return;\n }\n\n // Data source changed -> show full page loader, clear selection\n if (settings.sourceId !== oldSettings?.sourceId) {\n gridApi.updateGridOptions({\n loading: true,\n loadingOverlayComponentParams: {\n ...gridOptions.value.loadingOverlayComponentParams,\n notReady: false,\n } satisfies PlAgOverlayLoadingParams,\n });\n if (selection.value \|\| selectionLabeled.value) {\n gridApi.setServerSideSelectionState({\n selectAll: false,\n toggledNodes: [],\n });\n }\n }\n\n // Model updated -> show skeletons instead of data\n const sourceChanged = (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\n ? state[0].rowCount\n : 1;\n return gridApi.updateGridOptions({\n serverSideDatasource: {\n getRows: (params) => {\n params.success({ rowData: [], rowCount });\n },\n },\n });\n }\n\n // Model ready -> calculate new state\n const stateGeneration = generation.value;\n calculateGridOptions({\n generation,\n pfDriver: getRawPlatformaInstance().pFrameDriver,\n model: settings.model,\n sheets: settings.sheets ?? [],\n track: firstDataRenderedTracker.track,\n hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n cellButtonAxisParams: {\n showCellButtonForAxisId: props.showCellButtonForAxisId,\n cellButtonInvokeRowsOnDoubleClick:\n props.cellButtonInvokeRowsOnDoubleClick,\n trigger: (key?: PTableKey) => emit('cellButtonClicked', key),\n } satisfies PlAgCellButtonAxisParams,\n }).then((options) => {\n if (gridApi.isDestroyed() \|\| stateGeneration !== generation.value) return;\n return gridApi.updateGridOptions({\n ...options,\n });\n }).catch((error: unknown) => {\n if (gridApi.isDestroyed() \|\| stateGeneration !== generation.value) return;\n console.trace(error);\n }).finally(() => {\n if (gridApi.isDestroyed() \|\| stateGeneration !== generation.value) return;\n gridApi.updateGridOptions({\n loading: false,\n });\n });\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 notReadyText: props.notReadyText,\n noRowsText: props.noRowsText,\n }),\n ({ gridApi, loadingText, notReadyText, noRowsText }) => {\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n gridApi.updateGridOptions({\n loadingOverlayComponentParams: {\n ...gridOptions.value.loadingOverlayComponentParams,\n loadingText,\n notReadyText,\n },\n noRowsOverlayComponentParams: {\n ...gridOptions.value.noRowsOverlayComponentParams,\n text: noRowsText,\n },\n });\n },\n);\n</script>\n\n<template>\n <div :class=\"$style.container\">\n <PlAgGridColumnManager\n v-if=\"gridApi && !disableColumnsPanel\"\n :api=\"gridApi\"\n />\n <PlTableFiltersV2\n v-if=\"!disableFiltersPanel\"\n v-model=\"filtersState\"\n :settings=\"filtersSettings\"\n />\n <PlAgCsvExporter\n v-if=\"gridApi && showExportButton\"\n :api=\"gridApi\"\n />\n <PlAgDataTableSheets\n v-model=\"sheetsState\"\n :settings=\"sheetsSettings\"\n >\n <template #before>\n <slot name=\"before-sheets\" />\n </template>\n <template #after>\n <slot name=\"after-sheets\" />\n </template>\n </PlAgDataTableSheets>\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"],"names":["tableState","_useModel","selection","__props","selectionLabeled","props","settings","toRefs","emit","__emit","gridState","sheetsState","filtersState","useTableState","sheetsSettings","computed","settingsCopy","filterableColumns","ref","filtersSettings","columns","column","gridApi","shallowRef","firstDataRenderedTracker","makeOnceTracker","gridOptions","event","state","selectedKeys","_a","nodeId","parseJson","selectedLabeledKeys","_b","params","PlOverlayLoading","PlOverlayNoRows","PlAgRowCount","api","autoSizeRowNumberColumn","setGridOption","key","value","options","updateGridOptions","target","prop","receiver","makePartialState","PlAgDataTableRowNumberColId","reloadKey","watch","selfState","isJsonEqual","oldOptions","cellRendererSelector","__expose","rowKey","focusRow","row","watchCached","columnDefs","isColDef","def","colId","axesSpec","acc","spec","oldSettings","generation","sourceChanged","rowCount","stateGeneration","calculateGridOptions","getRawPlatformaInstance","error","loadingText","notReadyText","noRowsText"],"mappings":"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"}
1	+ {"version":3,"file":"PlAgDataTableV2.vue2.js","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isJsonEqual } from '@milaboratories/helpers';\nimport type {\n AxisId,\n AxisSpec,\n PlDataTableGridStateCore,\n PlDataTableStateV2,\n PlSelectionModel,\n PlTableColumnIdJson,\n PTableColumnSpec,\n PTableKey,\n} from '@platforma-sdk/model';\nimport { getRawPlatformaInstance, parseJson } from '@platforma-sdk/model';\nimport type {\n CellRendererSelectorFunc,\n ColDef,\n ColGroupDef,\n GridApi,\n GridOptions,\n GridState,\n ManagedGridOptionKey,\n ManagedGridOptions,\n} from 'ag-grid-enterprise';\nimport { AgGridVue } from 'ag-grid-vue3';\nimport { computed, ref, shallowRef, toRefs, watch } from 'vue';\nimport { AgGridTheme } from '../../aggrid';\nimport PlAgCsvExporter from '../PlAgCsvExporter/PlAgCsvExporter.vue';\nimport { PlAgGridColumnManager } from '../PlAgGridColumnManager';\nimport type { PlDataTableFiltersSettings } from '../PlTableFilters';\nimport PlTableFiltersV2 from '../PlTableFilters/PlTableFiltersV2.vue';\nimport PlAgDataTableSheets from './PlAgDataTableSheets.vue';\nimport PlOverlayLoading from './PlAgOverlayLoading.vue';\nimport PlOverlayNoRows from './PlAgOverlayNoRows.vue';\nimport PlAgRowCount from './PlAgRowCount.vue';\nimport { focusRow, makeOnceTracker } from './sources/focus-row';\nimport { autoSizeRowNumberColumn, PlAgDataTableRowNumberColId } from './sources/row-number';\nimport type { PlAgCellButtonAxisParams } from './sources/table-source-v2';\nimport { calculateGridOptions } from './sources/table-source-v2';\nimport { useTableState } from './sources/table-state-v2';\nimport type {\n PlAgDataTableV2Controller,\n PlAgDataTableV2Row,\n PlAgOverlayLoadingParams,\n PlAgOverlayNoRowsParams,\n PlDataTableSettingsV2,\n PlDataTableSheetsSettings,\n PlTableLabeledSelectionModel,\n PlTableRowIdJson,\n} from './types';\nimport { watchCached } from '@milaboratories/uikit';\n\nconst tableState = defineModel<PlDataTableStateV2>({\n required: true,\n});\nconst selection = defineModel<PlSelectionModel>('selection');\nconst selectionLabeled = defineModel<PlTableLabeledSelectionModel>('selectionLabeled');\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.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}>();\n\nconst { gridState, sheetsState, filtersState } = useTableState(tableState, settings);\n\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n const settingsCopy = { ...settings.value };\n return settingsCopy.sourceId !== null\n ? {\n sheets: settingsCopy.sheets ?? [],\n cachedState: [...sheetsState.value],\n }\n : {\n sheets: [],\n cachedState: [],\n };\n});\n\nconst filterableColumns = ref<PTableColumnSpec[]>([]);\nconst filtersSettings = computed<PlDataTableFiltersSettings>(() => {\n const settingsCopy = { ...settings.value };\n const columns = filterableColumns.value;\n const result = settingsCopy.sourceId !== null && columns.length > 0\n ? {\n columns,\n config: (column: PTableColumnSpec) => settingsCopy.filtersConfig({ sourceId: settingsCopy.sourceId, column }),\n cachedState: [...filtersState.value],\n }\n : {\n columns: [],\n config: () => ({}),\n cachedState: [],\n };\n return result;\n});\n\nconst gridApi = shallowRef<GridApi<PlAgDataTableV2Row> \| null>(null);\nconst firstDataRenderedTracker = makeOnceTracker<GridApi<PlAgDataTableV2Row>>();\nconst gridOptions = shallowRef<GridOptions<PlAgDataTableV2Row>>({\n animateRows: false,\n suppressColumnMoveAnimation: true,\n cellSelection: !selection.value && !selectionLabeled.value,\n initialState: gridState.value,\n autoSizeStrategy: { type: 'fitCellContents' },\n rowSelection: selection.value \|\| selectionLabeled.value\n ? {\n mode: 'multiRow',\n selectAll: 'all',\n groupSelects: 'self',\n checkboxes: false,\n headerCheckbox: false,\n enableClickSelection: false,\n }\n : undefined,\n onSelectionChanged: (event) => {\n const state = event.api.getServerSideSelectionState();\n if (selection.value) {\n const selectedKeys = state?.toggledNodes?.map((nodeId) => parseJson(nodeId as PlTableRowIdJson).axesKey) ?? [];\n selection.value = { ...selection.value, selectedKeys };\n }\n if (selectionLabeled.value) {\n const selectedLabeledKeys = state?.toggledNodes?.map((nodeId) => parseJson(nodeId as PlTableRowIdJson).labeled) ?? [];\n selectionLabeled.value = { ...selectionLabeled.value, selectedLabeledKeys };\n }\n },\n onRowDoubleClicked: (event) => {\n if (event.data && event.data.axesKey) emit('rowDoubleClicked', event.data.axesKey);\n },\n defaultColDef: {\n suppressHeaderMenuButton: true,\n sortingOrder: ['desc', 'asc', null],\n cellRendererSelector: props.cellRendererSelector,\n },\n maintainColumnOrder: true,\n localeText: {\n loadingError: '...',\n },\n rowModelType: 'serverSide',\n // cacheBlockSize should be tha same as PlMultiSequenceAlignment limit\n // so that selectAll will add all rows to selection\n cacheBlockSize: 1000,\n maxBlocksInCache: 100,\n blockLoadDebounceMillis: 500,\n serverSideSortAllLevels: true,\n suppressServerSideFullWidthLoadingRow: true,\n getRowId: (params) => params.data.id,\n loading: true,\n loadingOverlayComponentParams: {\n notReady: true,\n loadingText: props.loadingText,\n notReadyText: props.notReadyText,\n } satisfies PlAgOverlayLoadingParams,\n loadingOverlayComponent: PlOverlayLoading,\n noRowsOverlayComponent: PlOverlayNoRows,\n noRowsOverlayComponentParams: {\n text: props.noRowsText,\n } satisfies PlAgOverlayNoRowsParams,\n defaultCsvExportParams: {\n allColumns: true,\n suppressQuotes: true,\n fileName: 'table.csv',\n },\n statusBar: {\n statusPanels: [\n { statusPanel: PlAgRowCount, align: 'left' },\n ],\n },\n onGridReady: (event) => {\n const api = event.api;\n autoSizeRowNumberColumn(api);\n const setGridOption = (\n key: ManagedGridOptionKey,\n value: GridOptions[ManagedGridOptionKey],\n ) => {\n const options = { ...gridOptions.value };\n options[key] = value;\n gridOptions.value = options;\n api.setGridOption(key, value);\n };\n const updateGridOptions = (options: ManagedGridOptions) => {\n gridOptions.value = {\n ...gridOptions.value,\n ...options,\n };\n api.updateGridOptions(options);\n };\n gridApi.value = new Proxy(api, {\n get(target, prop, receiver) {\n switch (prop) {\n case 'setGridOption':\n return setGridOption;\n case 'updateGridOptions':\n return updateGridOptions;\n default:\n return Reflect.get(target, prop, receiver);\n }\n },\n });\n },\n onStateUpdated: (event) => {\n gridOptions.value.initialState = gridState.value = makePartialState(\n event.state,\n );\n event.api.autoSizeColumns(\n event.api.getAllDisplayedColumns().filter(\n (column) => column.getColId() !== PlAgDataTableRowNumberColId,\n ),\n );\n },\n onGridPreDestroyed: (event) => {\n gridOptions.value.initialState = gridState.value = makePartialState(\n event.api.getState(),\n );\n gridApi.value = null;\n },\n});\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n return {\n columnOrder: state.columnOrder as {\n orderedColIds: PlTableColumnIdJson[];\n } \| undefined,\n sort: state.sort as {\n sortModel: {\n colId: PlTableColumnIdJson;\n sort: 'asc' \| 'desc';\n }[];\n } \| undefined,\n columnVisibility: state.columnVisibility as {\n hiddenColIds: PlTableColumnIdJson[];\n } \| undefined,\n };\n};\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n () => [gridApi.value, gridState.value] as const,\n ([gridApi, gridState]) => {\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n const selfState = makePartialState(gridApi.getState());\n if (!isJsonEqual(gridState, {}) && !isJsonEqual(gridState, selfState)) {\n gridOptions.value.initialState = gridState;\n ++reloadKey.value;\n }\n },\n);\n\n// Make loadingOverlayComponentParams reactive\nlet oldOptions: GridOptions \| null = null;\nwatch(\n () => [gridApi.value, gridOptions.value] as const,\n ([gridApi, options]) => {\n // Wait for AgGrid reinitialization, gridApi will eventially become initialized\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n if (options.loading && oldOptions?.loading && !isJsonEqual(\n options.loadingOverlayComponentParams,\n oldOptions?.loadingOverlayComponentParams,\n )) {\n // Hack to reapply loadingOverlayComponentParams\n gridApi.setGridOption('loading', false);\n gridApi.setGridOption('loading', true);\n }\n oldOptions = options;\n },\n { immediate: true },\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: (rowKey) => focusRow(\n (row) => isJsonEqual(row.data?.axesKey, rowKey),\n firstDataRenderedTracker,\n ),\n});\n\n// Propagate columns for filter component\nwatchCached(\n () => gridOptions.value.columnDefs,\n (columnDefs) => {\n const sourceId = settings.value.sourceId;\n if (sourceId === null) {\n filterableColumns.value = [];\n if (selection.value) {\n selection.value = {\n axesSpec: [],\n selectedKeys: [],\n };\n }\n if (selectionLabeled.value) {\n selectionLabeled.value = {\n spec: [],\n selectedLabeledKeys: [],\n };\n }\n } else {\n const isColDef = (def: ColDef \| ColGroupDef): def is ColDef =>\n !('children' in def);\n const colDefs = columnDefs?.filter(isColDef) ?? [];\n const columns = colDefs\n .map((def) => def.colId)\n .filter((colId) => colId !== undefined)\n .filter((colId) => colId !== PlAgDataTableRowNumberColId)\n .map((colId) => parseJson(colId as PlTableColumnIdJson))\n ?? [];\n filterableColumns.value = columns.map((column) => column.labeled);\n if (selection.value) {\n const axesSpec = columns\n .reduce((acc, column) => {\n if (column.source.type === 'axis') {\n acc.push(column.source.spec);\n }\n return acc;\n }, [] as AxisSpec[]);\n selection.value = {\n ...selection.value,\n axesSpec,\n };\n }\n if (selectionLabeled.value) {\n const spec = columns\n .reduce((acc, column) => {\n if (column.source.type === 'axis') {\n acc.push(column.labeled);\n }\n return acc;\n }, [] as PTableColumnSpec[]);\n selectionLabeled.value = {\n ...selectionLabeled.value,\n spec,\n };\n }\n }\n },\n { immediate: true },\n);\n\n// Update AgGrid when settings change\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 eventially become initialized\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n // Verify that this is not a false watch trigger\n if (isJsonEqual(settings, oldSettings)) return;\n ++generation.value;\n try {\n // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n gridApi.hideOverlay();\n firstDataRenderedTracker.reset();\n\n // No data source selected -> reset state to default\n if (!settings.sourceId) {\n gridApi.updateGridOptions({\n loading: true,\n loadingOverlayComponentParams: {\n ...gridOptions.value.loadingOverlayComponentParams,\n notReady: true,\n } satisfies PlAgOverlayLoadingParams,\n columnDefs: undefined,\n serverSideDatasource: undefined,\n });\n if (selection.value \|\| selectionLabeled.value) {\n gridApi.setServerSideSelectionState({\n selectAll: false,\n toggledNodes: [],\n });\n }\n return;\n }\n\n // Data source changed -> show full page loader, clear selection\n if (settings.sourceId !== oldSettings?.sourceId) {\n gridApi.updateGridOptions({\n loading: true,\n loadingOverlayComponentParams: {\n ...gridOptions.value.loadingOverlayComponentParams,\n notReady: false,\n } satisfies PlAgOverlayLoadingParams,\n });\n if (selection.value \|\| selectionLabeled.value) {\n gridApi.setServerSideSelectionState({\n selectAll: false,\n toggledNodes: [],\n });\n }\n }\n\n // Model updated -> show skeletons instead of data\n const sourceChanged = (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\n ? state[0].rowCount\n : 1;\n return gridApi.updateGridOptions({\n serverSideDatasource: {\n getRows: (params) => {\n params.success({ rowData: [], rowCount });\n },\n },\n });\n }\n\n // Model ready -> calculate new state\n const stateGeneration = generation.value;\n calculateGridOptions({\n generation,\n pfDriver: getRawPlatformaInstance().pFrameDriver,\n model: settings.model,\n sheets: settings.sheets ?? [],\n track: firstDataRenderedTracker.track,\n hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n cellButtonAxisParams: {\n showCellButtonForAxisId: props.showCellButtonForAxisId,\n cellButtonInvokeRowsOnDoubleClick:\n props.cellButtonInvokeRowsOnDoubleClick,\n trigger: (key?: PTableKey) => emit('cellButtonClicked', key),\n } satisfies PlAgCellButtonAxisParams,\n }).then((options) => {\n if (gridApi.isDestroyed() \|\| stateGeneration !== generation.value) return;\n return gridApi.updateGridOptions({\n ...options,\n });\n }).catch((error: unknown) => {\n if (gridApi.isDestroyed() \|\| stateGeneration !== generation.value) return;\n console.trace(error);\n }).finally(() => {\n if (gridApi.isDestroyed() \|\| stateGeneration !== generation.value) return;\n gridApi.updateGridOptions({\n loading: false,\n });\n });\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 notReadyText: props.notReadyText,\n noRowsText: props.noRowsText,\n }),\n ({ gridApi, loadingText, notReadyText, noRowsText }) => {\n if (!gridApi \|\| gridApi.isDestroyed()) return;\n gridApi.updateGridOptions({\n loadingOverlayComponentParams: {\n ...gridOptions.value.loadingOverlayComponentParams,\n loadingText,\n notReadyText,\n },\n noRowsOverlayComponentParams: {\n ...gridOptions.value.noRowsOverlayComponentParams,\n text: noRowsText,\n },\n });\n },\n);\n</script>\n\n<template>\n <div :class=\"$style.container\">\n <PlAgGridColumnManager\n v-if=\"gridApi && !disableColumnsPanel\"\n :api=\"gridApi\"\n />\n <PlTableFiltersV2\n v-if=\"!disableFiltersPanel\"\n v-model=\"filtersState\"\n :settings=\"filtersSettings\"\n />\n <PlAgCsvExporter\n v-if=\"gridApi && showExportButton\"\n :api=\"gridApi\"\n />\n <PlAgDataTableSheets\n v-model=\"sheetsState\"\n :settings=\"sheetsSettings\"\n >\n <template #before>\n <slot name=\"before-sheets\" />\n </template>\n <template #after>\n <slot name=\"after-sheets\" />\n </template>\n </PlAgDataTableSheets>\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"],"names":["tableState","_useModel","selection","__props","selectionLabeled","props","settings","toRefs","emit","__emit","gridState","sheetsState","filtersState","useTableState","sheetsSettings","computed","settingsCopy","filterableColumns","ref","filtersSettings","columns","column","gridApi","shallowRef","firstDataRenderedTracker","makeOnceTracker","gridOptions","event","state","selectedKeys","_a","nodeId","parseJson","selectedLabeledKeys","_b","params","PlOverlayLoading","PlOverlayNoRows","PlAgRowCount","api","autoSizeRowNumberColumn","setGridOption","key","value","options","updateGridOptions","target","prop","receiver","makePartialState","PlAgDataTableRowNumberColId","reloadKey","watch","selfState","isJsonEqual","oldOptions","cellRendererSelector","__expose","rowKey","focusRow","row","watchCached","columnDefs","isColDef","def","colId","axesSpec","acc","spec","oldSettings","generation","sourceChanged","rowCount","stateGeneration","calculateGridOptions","getRawPlatformaInstance","error","loadingText","notReadyText","noRowsText"],"mappings":"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"}

package/dist/components/PlAgDataTable/PlAgRowCount.vue.js CHANGED Viewed

@@ -17,11 +17,11 @@ import "../../lib/ui/uikit/dist/index.js";
 import "../../plugins/Monetization/validation.js";
 import "ag-grid-vue3";
 import "ag-grid-enterprise";
+import "../../_virtual/index.js";
 import "../../_virtual/canonicalize.js";
-import "../../_virtual/index.js";

package/dist/components/PlAgDataTable/sources/table-source-v2.js CHANGED Viewed

@@ -4,14 +4,14 @@ import H from "../../PlAgColumnHeader/PlAgColumnHeader.vue.js";
 import K from "../../PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue.js";
 import { PTableHidden as P } from "./common.js";
 import { defaultMainMenuItems as A } from "./menu-items.js";
-import { makeRowNumberColDef as V, PlAgDataTableRowNumberColId as W } from "./row-number.js";
+import { makeRowNumberColDef as V, PlAgDataTableRowNumberColId as Y } from "./row-number.js";
 import { getColumnRenderingSpec as j } from "./value-rendering.js";
 import { isJsonEqual as D } from "../../../lib/util/helpers/dist/index.js";
 import { getAxisId as v, canonicalizeJson as N, pTableValue as M } from "../../../lib/model/common/dist/index.js";
 function U(i) {
   return i.type === "column" && L(i.spec);
 }
-function Q(i, n, p, y, s) {
+function W(i, n, p, y, s) {
   const m = [];
   for (let l = 0; l < n[0].data.length; ++l) {
     const u = p.map((f) => q(
@@ -55,20 +55,20 @@ async function le({
       (t) => D(v(t.axis), o[e].id) || o[e].type === "column" && o[e].spec.name === "pl7.app/label" && o[e].spec.axesSpec.length === 1 && D(v(t.axis), v(o[e].spec.axesSpec[0]))
     )
   ).sort((e, t) => {
-    var O, E;
+    var C, E;
     if (o[e].type !== o[t].type) return o[e].type === "axis" ? -1 : 1;
-    const a = (O = o[e].spec.annotations) == null ? void 0 : O["pl7.app/table/orderPriority"], c = (E = o[t].spec.annotations) == null ? void 0 : E["pl7.app/table/orderPriority"];
+    const a = (C = o[e].spec.annotations) == null ? void 0 : C["pl7.app/table/orderPriority"], c = (E = o[t].spec.annotations) == null ? void 0 : E["pl7.app/table/orderPriority"];
     return a === void 0 ? c === void 0 ? 0 : 1 : c === void 0 ? -1 : Number(c) - Number(a);
   }), h = [...r], R = r.findIndex((e) => o[e].type === "column");
   for (let e = r.length - 1; e >= R; --e) {
     const t = r[e];
     if (!U(o[t])) continue;
-    const a = v(o[t].spec.axesSpec[0]), c = r.findIndex((O) => D(o[O].id, a));
+    const a = v(o[t].spec.axesSpec[0]), c = r.findIndex((C) => D(o[C].id, a));
     c !== -1 ? r[c] = t : console.warn(`multiple label columns match axisId: ${JSON.stringify(a)}`), r.splice(e, 1), h.splice(e, 1);
   }
-  const G = [
+  const $ = [
     V(),
-    ...h.map((e, t) => X(e, o[e], o[r[t]], m, l))
+    ...h.map((e, t) => Q(e, o[e], o[r[t]], m, l))
   ], S = [...r], I = /* @__PURE__ */ new Map();
   for (let e = 0; e < b; ++e) I.set(e, -1);
   S.forEach((e, t) => {
@@ -80,7 +80,7 @@ async function le({
       S.length
       /* at this index value will be inserted in the next line */
     ), S.push(e));
-  const $ = h.filter((e) => o[e].type === "axis").map((e) => {
+  const G = h.filter((e) => o[e].type === "axis").map((e) => {
     const t = S.indexOf(e);
     if (t === -1)
       throw new Error(
@@ -92,17 +92,17 @@ async function le({
     const t = x.get(e);
     t !== -1 ? (F.push(T.length), T.push(t)) : F.push(-1);
   });
-  const C = i.value;
+  const O = i.value;
   let d = -1, k;
   return {
-    columnDefs: G,
+    columnDefs: $,
     serverSideDatasource: {
       getRows: async (e) => {
-        if (C !== i.value) return e.fail();
+        if (O !== i.value) return e.fail();
         try {
           if (d === -1) {
             const c = await n.getShape(u);
-            if (C !== i.value || e.api.isDestroyed()) return e.fail();
+            if (O !== i.value || e.api.isDestroyed()) return e.fail();
             d = c.rows;
           }
           if (d == 0) {
@@ -118,14 +118,14 @@ async function le({
               offset: e.request.startRow,
               length: t
             });
-            if (C !== i.value || e.api.isDestroyed()) return e.fail();
-            a = Q(h, c, $, J, F);
+            if (O !== i.value || e.api.isDestroyed()) return e.fail();
+            a = W(h, c, G, J, F);
           }
           e.success({ rowData: a, rowCount: d }), e.api.autoSizeColumns(
-            e.api.getAllDisplayedColumns().filter((c) => c.getColId() !== W)
+            e.api.getAllDisplayedColumns().filter((c) => c.getColId() !== Y)
           ), e.api.setGridOption("loading", !1);
         } catch (t) {
-          if (C !== i.value || e.api.isDestroyed()) return e.fail();
+          if (O !== i.value || e.api.isDestroyed()) return e.fail();
           e.api.setGridOption("loading", !0), e.fail(), console.trace(t);
         } finally {
           e.api.isDestroyed() || s(e.api);
@@ -134,7 +134,7 @@ async function le({
     }
   };
 }
-function X(i, n, p, y, s) {
+function Q(i, n, p, y, s) {
   var g, w;
   const m = N({
     source: n,
@@ -202,6 +202,6 @@ function X(i, n, p, y, s) {
 export {
   le as calculateGridOptions,
   U as isLabelColumn,
-  X as makeColDef
+  Q as makeColDef
 };
 //# sourceMappingURL=table-source-v2.js.map

package/dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as b, toRefs as k, ref as d, watch as T, computed as V, createElementBlock as w, openBlock as g, createBlock as y, createCommentVNode as D, createVNode as r, unref as l, Teleport as P, withModifiers as M, withCtx as a, createTextVNode as m, toDisplayString as N } from "vue";
+import { defineComponent as b, toRefs as k, ref as d, watch as V, computed as w, createElementBlock as y, openBlock as g, createBlock as D, createCommentVNode as T, createVNode as r, unref as l, Teleport as P, withModifiers as M, withCtx as a, createTextVNode as m, toDisplayString as N } from "vue";
 import "../../lib/ui/uikit/dist/index.js";
 import { PlAgDataTableRowNumberColId as B } from "../PlAgDataTable/sources/row-number.js";
 import { usePlBlockPageTitleTeleportTarget as G } from "../../lib/ui/uikit/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js";
@@ -13,7 +13,7 @@ const j = /* @__PURE__ */ b({
   },
   setup(p) {
     const f = p, { api: n } = k(f), i = d([]);
-    T(
+    V(
       () => n.value,
       (o) => {
         o.isDestroyed() || (o.addEventListener("displayedColumnsChanged", (t) => {
@@ -22,13 +22,13 @@ const j = /* @__PURE__ */ b({
       },
       { immediate: !0 }
     );
-    const c = V(() => i.value.map((o) => ({
+    const c = w(() => i.value.map((o) => ({
       column: o,
       id: o.getId(),
       label: o.getColDef().headerName
     }))), s = d(!1), u = G("PlAgGridColumnManager");
-    return (o, t) => (g(), w("div", null, [
-      l(u) ? (g(), y(P, {
+    return (o, t) => (g(), y("div", null, [
+      l(u) ? (g(), D(P, {
         key: 0,
         to: l(u)
       }, [
@@ -41,7 +41,7 @@ const j = /* @__PURE__ */ b({
           ])),
           _: 1
         })
-      ], 8, ["to"])) : D("", !0),
+      ], 8, ["to"])) : T("", !0),
       r(l(x), {
         modelValue: s.value,
         "onUpdate:modelValue": t[1] || (t[1] = (e) => s.value = e),

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue.js CHANGED Viewed

@@ -18,11 +18,11 @@ import "../../aggrid.js";
 import "../../plugins/Monetization/validation.js";
 import "ag-grid-vue3";
 import "ag-grid-enterprise";
+import "../../_virtual/index.js";
 import "../../_virtual/canonicalize.js";
-import "../../_virtual/index.js";

package/dist/components/PlAgRowNumHeader.vue.js CHANGED Viewed

@@ -17,11 +17,11 @@ import "../aggrid.js";
 import "../plugins/Monetization/validation.js";
 import "ag-grid-vue3";
 import "ag-grid-enterprise";
+import "../_virtual/index.js";
 import "../_virtual/canonicalize.js";
-import "../_virtual/index.js";

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { AnnotationScriptUi } from '@platforma-sdk/model';
+type __VLS_PublicProps = {
+    'annotation': AnnotationScriptUi;
+    'selectedStepId'?: undefined | number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:annotation": (value: AnnotationScriptUi) => any;
+    "update:selectedStepId": (value: number | undefined) => any;
+} & {
+    "delete-schema": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onDelete-schema"?: (() => any) | undefined;
+    "onUpdate:annotation"?: ((value: AnnotationScriptUi) => any) | undefined;
+    "onUpdate:selectedStepId"?: ((value: number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=AnnotationsSidebar.vue.d.ts.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AnnotationsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA2B/D,KAAK,iBAAiB,GAAG;IACzB,YAAY,EAAE,kBAAkB,CAAC;IACjC,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACrC,CAAC;;;;;;;;;;;AA+KF,wBAQG"}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.js ADDED Viewed

@@ -0,0 +1,10 @@
+import o from "./AnnotationsSidebar.vue2.js";
+import s from "./AnnotationsSidebar.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};
+//# sourceMappingURL=AnnotationsSidebar.vue.js.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AnnotationsSidebar.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue2.js ADDED Viewed

@@ -0,0 +1,99 @@
+import { defineComponent as g, mergeModels as y, useModel as p, createBlock as b, openBlock as S, unref as i, createSlots as k, withCtx as l, createVNode as s, withModifiers as I, createTextVNode as d, createElementVNode as u, normalizeClass as r, toDisplayString as C } from "vue";
+import { randomInt as V } from "../../../lib/util/helpers/dist/index.js";
+import "../../../lib/ui/uikit/dist/index.js";
+import $ from "../../../lib/ui/uikit/dist/components/PlSidebar/PlSidebarItem.vue.js";
+import h from "../../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
+import M from "../../../lib/ui/uikit/dist/components/PlEditableTitle/PlEditableTitle.vue.js";
+import N from "../../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
+import w from "../../../lib/ui/uikit/dist/components/PlElementList/PlElementList.vue.js";
+const E = /* @__PURE__ */ g({
+  __name: "AnnotationsSidebar",
+  props: {
+    annotation: { required: !0 },
+    annotationModifiers: {},
+    selectedStepId: {},
+    selectedStepIdModifiers: {}
+  },
+  emits: /* @__PURE__ */ y(["delete-schema"], ["update:annotation", "update:selectedStepId"]),
+  setup(m, { emit: f }) {
+    const o = p(m, "annotation"), a = p(m, "selectedStepId"), v = f;
+    function c() {
+      const n = V();
+      o.value.steps.push({
+        id: n,
+        label: `Filter #${o.value.steps.length + 1}`,
+        filter: {
+          type: "and",
+          filters: []
+        }
+      }), a.value = n;
+    }
+    return (n, e) => (S(), b(i($), null, k({
+      "header-content": l(() => [
+        s(i(M), {
+          modelValue: o.value.title,
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value.title = t),
+          "max-length": 40,
+          "max-width": "600px",
+          placeholder: "Annotation Name",
+          autofocus: o.value.title.length === 0
+        }, null, 8, ["modelValue", "autofocus"])
+      ]),
+      "footer-content": l(() => [
+        s(i(h), {
+          icon: "delete-bin",
+          reverse: "",
+          disabled: o.value.steps.length === 0,
+          onClick: e[3] || (e[3] = I((t) => v("delete-schema"), ["stop"]))
+        }, {
+          default: l(() => e[5] || (e[5] = [
+            d(" Delete Schema ")
+          ])),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      _: 2
+    }, [
+      o.value ? {
+        name: "body-content",
+        fn: l(() => [
+          u("div", {
+            class: r(n.$style.root)
+          }, [
+            s(i(N), {
+              icon: "add",
+              onClick: c
+            }, {
+              default: l(() => e[4] || (e[4] = [
+                d(" Add annotation ")
+              ])),
+              _: 1
+            }),
+            u("span", {
+              class: r(n.$style.tip)
+            }, "Lower annotations override the ones above. Rearrange them by dragging.", 2),
+            s(i(w), {
+              items: o.value.steps,
+              "onUpdate:items": e[1] || (e[1] = (t) => o.value.steps = t),
+              "get-item-key": (t) => t.id,
+              "is-active": (t) => t.id === a.value,
+              "item-class": n.$style.stepItem,
+              class: r(n.$style.steps),
+              onItemClick: e[2] || (e[2] = (t) => a.value = t.id)
+            }, {
+              "item-title": l(({ item: t }) => [
+                d(C(t.label), 1)
+              ]),
+              _: 1
+            }, 8, ["items", "get-item-key", "is-active", "item-class", "class"])
+          ], 2)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=AnnotationsSidebar.vue2.js.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnnotationsSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { randomInt } from '@milaboratories/helpers';\nimport {\n PlBtnGhost,\n PlBtnSecondary,\n PlEditableTitle,\n PlElementList,\n PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationScriptUi } from '@platforma-sdk/model';\n\n// Models\nconst annotation = defineModel<AnnotationScriptUi>('annotation', { required: true });\nconst selectedStepId = defineModel<undefined | number>('selectedStepId');\n// Emits\nconst emits = defineEmits<{\n (e: 'delete-schema'): void;\n}>();\n// Actions\nfunction handleAddStep() {\n const id = randomInt();\n annotation.value.steps.push({\n id,\n label: `Filter #${annotation.value.steps.length + 1}`,\n filter: {\n type: 'and',\n filters: [],\n },\n });\n selectedStepId.value = id;\n};\n</script>\n\n<template>\n <PlSidebarItem>\n <template #header-content>\n <PlEditableTitle\n v-model=\"annotation.title\"\n :max-length=\"40\"\n max-width=\"600px\"\n placeholder=\"Annotation Name\"\n :autofocus=\"annotation.title.length === 0\"\n />\n </template>\n <template v-if=\"annotation\" #body-content>\n <div :class=\"$style.root\">\n <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\">\n Add annotation\n </PlBtnSecondary>\n\n <span :class=\"$style.tip\">Lower annotations override the ones above. Rearrange them by dragging.</span>\n\n <PlElementList\n v-model:items=\"annotation.steps\"\n :get-item-key=\"(item) => item.id!\"\n :is-active=\"(item) => item.id === selectedStepId\"\n :item-class=\"$style.stepItem\"\n :class=\"$style.steps\"\n @item-click=\"(item) => selectedStepId = item.id\"\n >\n <template #item-title=\"{ item }\">\n {{ item.label }}\n </template>\n </PlElementList>\n </div>\n </template>\n <template #footer-content>\n <PlBtnGhost\n icon=\"delete-bin\"\n reverse\n :disabled=\"annotation.steps.length === 0\"\n @click.stop=\"emits('delete-schema')\"\n >\n Delete Schema\n </PlBtnGhost>\n </template>\n </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use '@milaboratories/uikit/styles/variables' as *;\n\n.root {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.tip {\n margin-top: 12px;\n color: var(--txt-03);\n}\n\n.steps {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.stepItem {\n cursor: pointer;\n}\n</style>\n"],"names":["annotation","_useModel","__props","selectedStepId","emits","__emit","handleAddStep","id","randomInt"],"mappings":";;;;;;;;;;;;;;;;;;AAYM,UAAAA,IAAaC,EAA+BC,GAAC,YAAgC,GAC7EC,IAAiBF,EAA+BC,GAAC,gBAAgB,GAEjEE,IAAQC;AAId,aAASC,IAAgB;AACvB,YAAMC,IAAKC,EAAU;AACV,MAAAR,EAAA,MAAM,MAAM,KAAK;AAAA,QAC1B,IAAAO;AAAA,QACA,OAAO,WAAWP,EAAW,MAAM,MAAM,SAAS,CAAC;AAAA,QACnD,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,SAAS,CAAA;AAAA,QAAC;AAAA,MACZ,CACD,GACDG,EAAe,QAAQI;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue3.js ADDED Viewed

@@ -0,0 +1,15 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--txt-00: #ffffff;--txt-01: light-dark(#110529, #ffffff);--txt-02: #231842;--txt-03: #9d9eae;--txt-mask: #cfd1db;--txt-focus: #07ad3e;--txt-error: #f1222f;--txt-link: #5f31cc;--ic-00: #ffffff;--ic-01: #110529;--ic-02: #cfd1db;--ic-accent: #07ad3e;--border-color-default: #110529;--border-color-hover: #231842;--border-color-focus: #49cc49;--border-color-error: #ff5c5c;--border-color-div-grey: #e1e3eb;--border-color-div-bw: #ffffff;--btn-accent-default: #845cff;--btn-accent-hover: #9470ff;--btn-accent-press: #6f4dd6;--btn-primary-default: #110529;--btn-primary-hover: #231842;--btn-primary-press: #080214;--btn-sec-hover-white: rgba(255, 255, 255, .5);--btn-sec-hover-grey: light-dark(rgba(155, 171, 204, .16), rgba(131, 131, 163, .16));--btn-sec-press-grey: rgba(155, 171, 204, .24);--btn-active-select: rgba(99, 224, 36, .24);--btn-switcher: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--btn-accent-positive-500: #ECFBE5;--dis-00: #ffffff;--dis-01: light-dark(#cfd1db, #3d3d42);--bg-base-dark: #110529;--bg-base-light: #f7f8fa;--bg-elevated-01: #ffffff;--bg-elevated-02: #e1e3eb;--bg-error: #FFF5F5;--filled-V-BG: #d0f0c0;--filled-D-BG: #ffcecc;--filled-N-BG: #faf5aa;--filled-J-BG: #dedbff;--notification-neutral: linear-gradient(90deg, #d6d9ff 0%, #fff 100%);--notification-success: linear-gradient(90deg, #c9f0b6 0%, #fff 100%);--notification-warning: linear-gradient(90deg, #fee0a3 0%, #fff 100%);--notification-error: linear-gradient(90deg, #ffb8b8 0%, #fff 100%);--gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime: linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--gradient-blue-violet: linear-gradient(180deg, #adb8ff 0%, #d6e9ff 100%);--gradient-blue-clear: linear-gradient(180deg, #85beff 0%, #cef 100%);--gradient-orange: linear-gradient(180deg, #ffb766 0%, #ffeaa3 100%);--gradient-mint: linear-gradient(180deg, #7dd1d1 0%, #c8fae9 100%);--gradient-lime: linear-gradient(180deg, #bfe062 0%, #e4ffad 100%);--gradient-rose: linear-gradient(0deg, #ffddd6 0%, #ff99c9 100%);--gradient-red: linear-gradient(0deg, #ffd5cc 0%, #ff9494 100%);--gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--TT-gradient-violet: linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--gradient-light-lime: linear-gradient(180deg, #EBFFEB 0%, transparent 100%);--shadow-l: 0px 8px 16px -4px rgba(15, 36, 77, .16), 0px 12px 32px -4px rgba(15, 36, 77, .16);--main-spacing: 24px;--gap-v: 24px;--gap-h: 12px;--border-radius: 6px;--z-splash: 50;--z-slide-shadow: 80;--z-slide-dialog: 81;--z-dialog: 100;--z-dropdown-options: 110;--z-tooltip: 120;--z-context-menu: 1001;--scrollbar-width: 6px}[data-theme=dark]{--txt-00: #ffffff;--txt-01: #FFFFFF;--txt-02: #adaeb8;--txt-03: #60616b;--txt-mask: #3D3D42;--txt-focus: #87e087;--txt-error: #ff5c5c;--txt-link: #9470ff;--ic-00: #ffffff;--ic-01: #FFFFFF;--ic-02: #60616b;--ic-accent: #87e087;--border-color-default: #60616b;--border-color-hover: #adaeb8;--border-color-focus: #49cc49;--border-color-error: #ff5c5c;--border-color-div-grey: #232329;--border-color-div-bw: #000000;--btn-accent-default: #5f31cc;--btn-accent-hover: #5f31cc;--btn-accent-press: #5f31cc;--btn-primary-default: #5f31cc;--btn-primary-hover: #6d3ddb;--btn-primary-press: #5328b8;--btn-sec-hover-white: rgba(131, 131, 163, .16);--btn-sec-hover-grey: rgba(131, 131, 163, .16);--btn-sec-press-grey: rgba(131, 131, 163, .24);--btn-active-select: rgba(99, 224, 36, .24);--btn-switcher: #5e5e70;--dis-00: #65656b;--dis-01: #3D3D42;--bg-base-dark: #0d0d0f;--bg-base-light: #0d0d0f;--bg-elevated-01: #1b1b1f;--bg-elevated-02: #2d2d33;--bg-error: #FFF5F5;--filled-V-BG: rgba(66, 184, 66, .4);--filled-D-BG: rgba(229, 83, 229, .4);--filled-N-BG: rgba(83, 82, 102, .4);--filled-J-BG: rgba(132, 92, 255, .4);--notification-neutral: linear-gradient(90deg, #4d4d8f 0%, #292933 100%);--notification-success: linear-gradient(90deg, #305c3e 0%, #292933 100%);--notification-warning: linear-gradient(90deg, #754f2d 0%, #292933 100%);--notification-error: linear-gradient(90deg, #8f3343 0%, #292933 100%);--gradient-blue-green: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-clear: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-orange: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-mint: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-lime: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-rose: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-red: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-violet: linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%)}._root_1i4x0_131{display:flex;flex-direction:column;gap:12px}._tip_1i4x0_137{margin-top:12px;color:var(--txt-03)}._steps_1i4x0_142{display:flex;flex-direction:column;gap:6px}._stepItem_1i4x0_148{cursor:pointer}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+const t = "_root_1i4x0_131", s = "_tip_1i4x0_137", e = "_steps_1i4x0_142", o = "_stepItem_1i4x0_148", _ = {
+  root: t,
+  tip: s,
+  steps: e,
+  stepItem: o
+};
+export {
+  _ as default,
+  t as root,
+  o as stepItem,
+  e as steps,
+  s as tip
+};
+//# sourceMappingURL=AnnotationsSidebar.vue3.js.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue3.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AnnotationsSidebar.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/PlAnnotations/components/DynamicForm.vue.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { FilterUi, TypeFieldRecord } from '@platforma-sdk/model';
+import { SimplifiedUniversalPColumnEntry } from '../types';
+declare const _default: <T extends FilterUi = FilterUi>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: T;
+    } & {
+        columns: SimplifiedUniversalPColumnEntry[];
+        formMetadata: TypeFieldRecord<T>;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=DynamicForm.vue.d.ts.map

package/dist/components/PlAnnotations/components/DynamicForm.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DynamicForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/DynamicForm.vue"],"names":[],"mappings":"AAmJA,OAAO,KAAK,EAAE,QAAQ,EAAuB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK3F,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;yBAE/C,CAAC,SAAS,QAAQ,0BACrB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4V1D,mBAAmB,CAAC;;;qBAnRf,CAAC;;iBAlEH,+BAA+B,EAAE;sBAC5B,eAAe,CAAC,CAAC,CAAC;oBAoV4D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;YAKiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtWvE,wBAsW4E;AAK5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlAnnotations/components/DynamicForm.vue.js ADDED Viewed

@@ -0,0 +1,10 @@
+import o from "./DynamicForm.vue2.js";
+import s from "./DynamicForm.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", m]]);
+export {
+  f as default
+};
+//# sourceMappingURL=DynamicForm.vue.js.map

package/dist/components/PlAnnotations/components/DynamicForm.vue.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DynamicForm.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}