@platforma-sdk/ui-vue 1.40.6 → 1.41.1

package/dist/AgGridVue/useAgGridOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAgGridOptions.js","sources":["../../src/AgGridVue/useAgGridOptions.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColGroupDef, GridApi, GridOptions, GridReadyEvent, ICellRendererParams, RowSelectionOptions, ValueSetterParams } from 'ag-grid-enterprise';\nimport type { Component } from 'vue';\nimport { computed, shallowRef, watch } from 'vue';\nimport { AgGridTheme } from '../aggrid';\nimport { autoSizeRowNumberColumn, makeRowNumberColDef, PlAgOverlayLoading, type PlAgOverlayLoadingParams } from '../components/PlAgDataTable';\nimport { PlAgOverlayNoRows } from '../components/PlAgDataTable';\nimport { createAgGridColDef, type ColDefExtended } from './createAgGridColDef';\nimport { whenever } from '@vueuse/core';\nimport { PlAgCellFile } from '../components/PlAgCellFile';\nimport { PlAgChartStackedBarCell } from '../components/PlAgChartStackedBarCell';\nimport { PlAgChartHistogramCell } from '../components/PlAgChartHistogramCell';\nimport type { ImportFileHandle } from '@platforma-sdk/model';\nimport type { ImportProgress } from '@platforma-sdk/model';\nimport { PlAgCellStatusTag } from '../components/PlAgCellStatusTag';\ninterface GridOptionsExtended<TData = any> extends Omit<GridOptions<TData>, 'columnDefs' | 'loadingOverlayComponentParams'> {\n  /**\n   * Array of Column / Column Group definitions.\n   */\n  columnDefs?: (ColDefExtended<TData> | ColGroupDef<TData>)[] | null;\n  /**\n   * Show row numbers column\n   */\n  rowNumbersColumn?: boolean;\n  /**\n   * Loading overlay text\n   */\n  loadingText?: string;\n  /**\n   * Not ready overlay (No datasource). Takes priority over \"loading\"\n   */\n  notReady?: boolean;\n  /**\n   * \"No datasource\" by default\n   */\n  notReadyText?: string;\n  /**\n   * Use \"transparent\" to make table headers visible below the loading layer (experimental)\n   */\n  loadingOverlayType?: 'transparent' | undefined;\n  /**\n   * Override standard 'Empty' text for the \"no rows\" overlay\n   */\n  noRowsText?: string;\n  /**\n   * @deprecated Use loading, notReady, loadingText, loadingOverlayType instead\n   */\n  loadingOverlayComponentParams?: never;\n}\n\n// @TODO (super simple builder for now)\nclass Builder<TData> {\n  #options: GridOptionsExtended<TData> = {};\n\n  public options(options: GridOptionsExtended<TData>) {\n    this.#options = Object.assign({}, this.#options, options);\n    return this;\n  }\n\n  private get columnDefs() {\n    return this.#options.columnDefs ?? [];\n  }\n\n  /**\n   * Set default column definition\n   * @param def - column definition\n   * @returns this\n   */\n  public setDefaultColDef(def: ColDefExtended<TData>) {\n    this.#options.defaultColDef = def;\n    return this;\n  }\n\n  /**\n   * Show loading overlay\n   * @param loading\n   * @returns this\n   */\n  public setLoading(loading?: boolean) {\n    this.#options.loading = loading;\n    return this;\n  }\n\n  /**\n   * Set loading overlay custom text (default is \"Loading\")\n   * @param loadingText\n   * @returns this\n   */\n  public setLoadingText(loadingText?: string) {\n    this.#options.loadingText = loadingText;\n    return this;\n  }\n\n  /**\n   * Show \"not ready overlay\n   * @param notReady\n   * @returns this\n   */\n  public setNotReady(notReady?: boolean) {\n    this.#options.notReady = notReady;\n    return this;\n  }\n\n  /**\n   * Set loading overlay type\n   * @param type\n   * @returns this\n   */\n  public setLoadingOverlayType(type?: 'transparent') {\n    this.#options.loadingOverlayType = type;\n    return this;\n  }\n\n  /**\n   * Set \"not ready\" text\n   * @param notReadyText\n   * @returns this\n   */\n  public setNotReadyText(notReadyText?: string) {\n    this.#options.notReadyText = notReadyText;\n    return this;\n  }\n\n  /**\n   * Set \"no rows\" text when there are no rows (default is \"Empty\")\n   * @param noRowsText\n   * @returns this\n   */\n  public setNoRowsText(noRowsText?: string) {\n    this.#options.noRowsText = noRowsText;\n    return this;\n  }\n\n  /**\n   * Set row selection options\n   * @param rowSelection\n   * @returns this\n   */\n  public setRowSelection(rowSelection?: RowSelectionOptions) {\n    this.#options.rowSelection = rowSelection;\n    return this;\n  }\n\n  /**\n   * Set row data\n   * @param rowData\n   * @returns this\n   */\n  public setRowData(rowData?: TData[]) {\n    this.#options.rowData = rowData;\n    return this;\n  }\n\n  /**\n   * Set components\n   * @param components\n   * @returns this\n   */\n  public setComponents(components?: Record<string, Component>) {\n    this.#options.components = components;\n    return this;\n  }\n\n  /**\n   * Set an option\n   * @param key - option key\n   * @param value - option value\n   * @returns this\n   */\n  public setOption<K extends keyof GridOptionsExtended<TData>>(key: K, value: GridOptionsExtended<TData>[K]) {\n    this.#options[key] = value;\n    return this;\n  }\n\n  /**\n   * Add an extended column definition\n   * @param def - column definition\n   * @returns this\n   */\n  public column<TValue = any>(def: ColDefExtended<TData, TValue>) {\n    this.#options.columnDefs = [...this.columnDefs, def];\n    return this;\n  }\n\n  /**\n   * Show row numbers column\n   * @param show - show or hide row numbers column\n   * @returns this\n   */\n  public columnRowNumbers(show: boolean = true) {\n    this.#options.rowNumbersColumn = show;\n    return this;\n  }\n\n  /**\n   * Add a file input column\n   * @param def - column definition\n   * @param cb - callback to set params for the file input cell renderer\n   * @returns this\n   */\n  public columnFileInput<TValue = any>(\n    def: ColDefExtended<TData, TValue> & {\n      /**\n       * Allowed file extensions (like ['fastq.gz'])\n       */\n      extensions?: string[];\n      /**\n       * The resolveProgress function is an optional input parameter for the component\n       * that allows tracking the file upload progress in real-time.\n       * By passing resolveProgress, you can ensure that the component\n       * displays accurate progress values for each file as they upload.\n       * How to use it in AgGrid\n       * cellRendererParams: {\n       *  resolveProgress: (cellData) => {\n       *    const progresses = app.progresses;\n       *    if (!cellData.value.importFileHandle) return undefined;\n       *    else return progresses[cellData.value.importFileHandle];\n       *  }\n       * }\n       */\n      resolveImportProgress?: (cellData: ICellRendererParams<TData, TValue>) => ImportProgress | undefined;\n\n      /**\n       * The resolveFileHandle function is an optional input parameter for the component\n       * that allows tracking the file upload progress in real-time.\n       * By passing resolveFileHandle, you can ensure that the component\n       * displays accurate progress values for each file as they upload.\n       * How to use it in AgGrid\n       * cellRendererParams: {\n       *  resolveFileHandle: (cellData) => {\n       *    return cellData.value.importFileHandle;\n       *  }\n       * }\n       */\n      resolveImportFileHandle?: (cellData: ICellRendererParams<TData, TValue>) => ImportFileHandle | undefined;\n\n      setImportFileHandle?: (d: ValueSetterParams<TData, ImportFileHandle | undefined>) => void;\n    }) {\n    return this.column(Object.assign({\n      cellRenderer: 'PlAgCellFile',\n      headerComponentParams: { type: 'File' },\n      cellStyle: { padding: 0 },\n      valueSetter: (d: ValueSetterParams<TData, ImportFileHandle | undefined>) => {\n        def.setImportFileHandle?.(d);\n        return true;\n      },\n      cellRendererSelector: (cellData: ICellRendererParams<TData, TValue>) => {\n        return {\n          component: 'PlAgCellFile',\n          params: {\n            extensions: def.extensions,\n            value: def.resolveImportFileHandle?.(cellData),\n            resolveProgress: () => {\n              return def.resolveImportProgress?.(cellData);\n            },\n          },\n        };\n      },\n    }, def));\n  }\n\n  public build() {\n    return this.#options;\n  }\n}\n\n// Simple helper to use like column<string> in grid options literal\ntype ColumnFunc<TData> = <TValue>(def: ColDefExtended<TData, TValue>) => ColDefExtended<TData, TValue>;\n\n/**\n * Returns a set of Ag Grid options along with a reference to the Ag Grid API.\n * (This is a fast prototype)\n *\n * @example\n * ```ts\n * const { gridOptions, gridApi } = useAgGridOptions(() => ({\n *   // custom grid options here\n * }));\n *\n * // Usage in a template (v-bind is required!)\n * <template>\n *   <AgGridVue :style=\"{ height: '100%' }\" v-bind=\"gridOptions\" />\n * </template>\n * ```\n */\nexport function useAgGridOptions<TData>(\n  factory: (context: { builder: Builder<TData>; column: ColumnFunc<TData> }) => Builder<TData> | GridOptionsExtended<TData>,\n) {\n  const gridApi = shallowRef<GridApi>();\n\n  const extOptions = computed<GridOptionsExtended>(() => {\n    const def: GridOptionsExtended<TData> = {\n      theme: AgGridTheme,\n      loadingOverlayComponent: PlAgOverlayLoading,\n      noRowsOverlayComponent: PlAgOverlayNoRows,\n      onGridReady: (e: GridReadyEvent) => {\n        gridApi.value = e.api;\n        autoSizeRowNumberColumn(e.api); // @TODO\n      },\n    };\n\n    const column = <TValue>(def: ColDefExtended<TData, TValue>) => {\n      return def;\n    };\n\n    const result = factory({ builder: new Builder(), column });\n\n    const options = Object.assign({}, def, result instanceof Builder ? result.build() : result);\n\n    if (options.rowNumbersColumn) {\n      options.columnDefs = [makeRowNumberColDef(), ...(options.columnDefs ?? [])];\n    }\n\n    if (options.noRowsText) {\n      options.noRowsOverlayComponentParams = {\n        text: options.noRowsText,\n      };\n    }\n\n    if ('loadingOverlayComponentParams' in options) {\n      console.warn('useAgGridOptions: remove loadingOverlayComponentParams from options, use loading, notReady, loadingText, loadingOverlayType instead');\n    }\n\n    options.loading = options.notReady || options.loading;\n\n    options.columnDefs = options.columnDefs?.map((it) => createAgGridColDef(it));\n\n    // Register all special components\n    options.components = Object.assign({}, options.components ?? {}, {\n      PlAgCellFile,\n      PlAgChartStackedBarCell,\n      PlAgChartHistogramCell,\n      PlAgCellStatusTag,\n    });\n\n    return options;\n  });\n\n  const gridOptions = computed<GridOptions>(() => {\n    const options = extOptions.value;\n\n    return {\n      ...options,\n      loadingOverlayComponentParams: {\n        notReady: options.notReady,\n        notReadyText: options.notReadyText,\n        overlayType: options.loadingOverlayType,\n      } satisfies PlAgOverlayLoadingParams,\n    };\n  });\n\n  whenever(() => extOptions.value.rowNumbersColumn, () => {\n    if (gridApi.value) {\n      autoSizeRowNumberColumn(gridApi.value);\n    }\n  });\n\n  watch([\n    () => extOptions.value.notReady,\n    () => extOptions.value.loading,\n  ], ([notReady, loading]) => {\n    const loadingOverlayComponentParams = {\n      notReady,\n      // we probably don't need to update the parameters below\n      notReadyText: extOptions.value.notReadyText,\n      overlayType: extOptions.value.loadingOverlayType,\n      loadingText: extOptions.value.loadingText,\n    } satisfies PlAgOverlayLoadingParams;\n\n    // Hack to apply loadingOverlayComponentParams\n    gridApi.value?.updateGridOptions({\n      loading: !loading,\n      loadingOverlayComponentParams,\n    });\n\n    gridApi.value?.updateGridOptions({\n      loading,\n      loadingOverlayComponentParams,\n    });\n  }, { deep: true, immediate: true });\n\n  return { gridOptions, gridApi };\n};\n"],"names":["Builder","__privateAdd","_options","options","__privateSet","__privateGet","def","loading","loadingText","notReady","type","notReadyText","noRowsText","rowSelection","rowData","components","key","value","show","d","_a","cellData","useAgGridOptions","factory","gridApi","shallowRef","extOptions","computed","AgGridTheme","PlAgOverlayLoading","PlAgOverlayNoRows","e","autoSizeRowNumberColumn","column","result","makeRowNumberColDef","it","createAgGridColDef","PlAgCellFile","PlAgChartStackedBarCell","PlAgChartHistogramCell","PlAgCellStatusTag","gridOptions","whenever","watch","loadingOverlayComponentParams","_b"],"mappings":"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"}
+{"version":3,"file":"useAgGridOptions.js","sources":["../../src/AgGridVue/useAgGridOptions.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColGroupDef, GridApi, GridOptions, GridReadyEvent, ICellRendererParams, RowSelectionOptions, ValueSetterParams } from 'ag-grid-enterprise';\nimport type { Component } from 'vue';\nimport { computed, shallowRef, watch } from 'vue';\nimport { AgGridTheme } from '../aggrid';\nimport { autoSizeRowNumberColumn, makeRowNumberColDef, PlAgOverlayLoading, type PlAgOverlayLoadingParams } from '../components/PlAgDataTable';\nimport { PlAgOverlayNoRows } from '../components/PlAgDataTable';\nimport { createAgGridColDef, type ColDefExtended } from './createAgGridColDef';\nimport { whenever } from '@vueuse/core';\nimport { PlAgCellFile } from '../components/PlAgCellFile';\nimport { PlAgChartStackedBarCell } from '../components/PlAgChartStackedBarCell';\nimport { PlAgChartHistogramCell } from '../components/PlAgChartHistogramCell';\nimport type { ImportFileHandle } from '@platforma-sdk/model';\nimport type { ImportProgress } from '@platforma-sdk/model';\nimport { PlAgCellStatusTag } from '../components/PlAgCellStatusTag';\ninterface GridOptionsExtended<TData = any> extends Omit<GridOptions<TData>, 'columnDefs' | 'loadingOverlayComponentParams'> {\n  /**\n   * Array of Column / Column Group definitions.\n   */\n  columnDefs?: (ColDefExtended<TData> | ColGroupDef<TData>)[] | null;\n  /**\n   * Show row numbers column\n   */\n  rowNumbersColumn?: boolean;\n  /**\n   * Loading overlay text\n   */\n  loadingText?: string;\n  /**\n   * Not ready overlay (No datasource). Takes priority over \"loading\"\n   */\n  notReady?: boolean;\n  /**\n   * \"No datasource\" by default\n   */\n  notReadyText?: string;\n  /**\n   * Use \"transparent\" to make table headers visible below the loading layer (experimental)\n   */\n  loadingOverlayType?: 'transparent' | undefined;\n  /**\n   * Override standard 'Empty' text for the \"no rows\" overlay\n   */\n  noRowsText?: string;\n  /**\n   * @deprecated Use loading, notReady, loadingText, loadingOverlayType instead\n   */\n  loadingOverlayComponentParams?: never;\n}\n\n// @TODO (super simple builder for now)\nclass Builder<TData> {\n  #options: GridOptionsExtended<TData> = {};\n\n  public options(options: GridOptionsExtended<TData>) {\n    this.#options = Object.assign({}, this.#options, options);\n    return this;\n  }\n\n  private get columnDefs() {\n    return this.#options.columnDefs ?? [];\n  }\n\n  /**\n   * Set default column definition\n   * @param def - column definition\n   * @returns this\n   */\n  public setDefaultColDef(def: ColDefExtended<TData>) {\n    this.#options.defaultColDef = def;\n    return this;\n  }\n\n  /**\n   * Show loading overlay\n   * @param loading\n   * @returns this\n   */\n  public setLoading(loading?: boolean) {\n    this.#options.loading = loading;\n    return this;\n  }\n\n  /**\n   * Set loading overlay custom text (default is \"Loading\")\n   * @param loadingText\n   * @returns this\n   */\n  public setLoadingText(loadingText?: string) {\n    this.#options.loadingText = loadingText;\n    return this;\n  }\n\n  /**\n   * Show \"not ready overlay\n   * @param notReady\n   * @returns this\n   */\n  public setNotReady(notReady?: boolean) {\n    this.#options.notReady = notReady;\n    return this;\n  }\n\n  /**\n   * Set loading overlay type\n   * @param type\n   * @returns this\n   */\n  public setLoadingOverlayType(type?: 'transparent') {\n    this.#options.loadingOverlayType = type;\n    return this;\n  }\n\n  /**\n   * Set \"not ready\" text\n   * @param notReadyText\n   * @returns this\n   */\n  public setNotReadyText(notReadyText?: string) {\n    this.#options.notReadyText = notReadyText;\n    return this;\n  }\n\n  /**\n   * Set \"no rows\" text when there are no rows (default is \"Empty\")\n   * @param noRowsText\n   * @returns this\n   */\n  public setNoRowsText(noRowsText?: string) {\n    this.#options.noRowsText = noRowsText;\n    return this;\n  }\n\n  /**\n   * Set row selection options\n   * @param rowSelection\n   * @returns this\n   */\n  public setRowSelection(rowSelection?: RowSelectionOptions) {\n    this.#options.rowSelection = rowSelection;\n    return this;\n  }\n\n  /**\n   * Set row data\n   * @param rowData\n   * @returns this\n   */\n  public setRowData(rowData?: TData[]) {\n    this.#options.rowData = rowData;\n    return this;\n  }\n\n  /**\n   * Set components\n   * @param components\n   * @returns this\n   */\n  public setComponents(components?: Record<string, Component>) {\n    this.#options.components = components;\n    return this;\n  }\n\n  /**\n   * Set an option\n   * @param key - option key\n   * @param value - option value\n   * @returns this\n   */\n  public setOption<K extends keyof GridOptionsExtended<TData>>(key: K, value: GridOptionsExtended<TData>[K]) {\n    this.#options[key] = value;\n    return this;\n  }\n\n  /**\n   * Add an extended column definition\n   * @param def - column definition\n   * @returns this\n   */\n  public column<TValue = any>(def: ColDefExtended<TData, TValue>) {\n    this.#options.columnDefs = [...this.columnDefs, def];\n    return this;\n  }\n\n  /**\n   * Show row numbers column\n   * @param show - show or hide row numbers column\n   * @returns this\n   */\n  public columnRowNumbers(show: boolean = true) {\n    this.#options.rowNumbersColumn = show;\n    return this;\n  }\n\n  /**\n   * Add a file input column\n   * @param def - column definition\n   * @param cb - callback to set params for the file input cell renderer\n   * @returns this\n   */\n  public columnFileInput<TValue = any>(\n    def: ColDefExtended<TData, TValue> & {\n      /**\n       * Allowed file extensions (like ['fastq.gz'])\n       */\n      extensions?: string[];\n      /**\n       * The resolveProgress function is an optional input parameter for the component\n       * that allows tracking the file upload progress in real-time.\n       * By passing resolveProgress, you can ensure that the component\n       * displays accurate progress values for each file as they upload.\n       * How to use it in AgGrid\n       * cellRendererParams: {\n       *  resolveProgress: (cellData) => {\n       *    const progresses = app.progresses;\n       *    if (!cellData.value.importFileHandle) return undefined;\n       *    else return progresses[cellData.value.importFileHandle];\n       *  }\n       * }\n       */\n      resolveImportProgress?: (cellData: ICellRendererParams<TData, TValue>) => ImportProgress | undefined;\n\n      /**\n       * The resolveFileHandle function is an optional input parameter for the component\n       * that allows tracking the file upload progress in real-time.\n       * By passing resolveFileHandle, you can ensure that the component\n       * displays accurate progress values for each file as they upload.\n       * How to use it in AgGrid\n       * cellRendererParams: {\n       *  resolveFileHandle: (cellData) => {\n       *    return cellData.value.importFileHandle;\n       *  }\n       * }\n       */\n      resolveImportFileHandle?: (cellData: ICellRendererParams<TData, TValue>) => ImportFileHandle | undefined;\n\n      setImportFileHandle?: (d: ValueSetterParams<TData, ImportFileHandle | undefined>) => void;\n    }) {\n    return this.column(Object.assign({\n      cellRenderer: 'PlAgCellFile',\n      headerComponentParams: { type: 'File' },\n      cellStyle: { padding: 0 },\n      valueSetter: (d: ValueSetterParams<TData, ImportFileHandle | undefined>) => {\n        def.setImportFileHandle?.(d);\n        return true;\n      },\n      cellRendererSelector: (cellData: ICellRendererParams<TData, TValue>) => {\n        return {\n          component: 'PlAgCellFile',\n          params: {\n            extensions: def.extensions,\n            value: def.resolveImportFileHandle?.(cellData),\n            resolveProgress: () => {\n              return def.resolveImportProgress?.(cellData);\n            },\n          },\n        };\n      },\n    }, def));\n  }\n\n  public build() {\n    return this.#options;\n  }\n}\n\n// Simple helper to use like column<string> in grid options literal\ntype ColumnFunc<TData> = <TValue>(def: ColDefExtended<TData, TValue>) => ColDefExtended<TData, TValue>;\n\n/**\n * Returns a set of Ag Grid options along with a reference to the Ag Grid API.\n * (This is a fast prototype)\n *\n * @example\n * ```ts\n * const { gridOptions, gridApi } = useAgGridOptions(() => ({\n *   // custom grid options here\n * }));\n *\n * // Usage in a template (v-bind is required!)\n * <template>\n *   <AgGridVue :style=\"{ height: '100%' }\" v-bind=\"gridOptions\" />\n * </template>\n * ```\n */\nexport function useAgGridOptions<TData>(\n  factory: (context: { builder: Builder<TData>; column: ColumnFunc<TData> }) => Builder<TData> | GridOptionsExtended<TData>,\n) {\n  const gridApi = shallowRef<GridApi>();\n\n  const extOptions = computed<GridOptionsExtended>(() => {\n    const def: GridOptionsExtended<TData> = {\n      theme: AgGridTheme,\n      loadingOverlayComponent: PlAgOverlayLoading,\n      noRowsOverlayComponent: PlAgOverlayNoRows,\n      onGridReady: (e: GridReadyEvent) => {\n        gridApi.value = e.api;\n        autoSizeRowNumberColumn(e.api); // @TODO\n      },\n    };\n\n    const column = <TValue>(def: ColDefExtended<TData, TValue>) => {\n      return def;\n    };\n\n    const result = factory({ builder: new Builder(), column });\n\n    const options = Object.assign({}, def, result instanceof Builder ? result.build() : result);\n\n    if (options.rowNumbersColumn) {\n      options.columnDefs = [makeRowNumberColDef(), ...(options.columnDefs ?? [])];\n    }\n\n    if (options.noRowsText) {\n      options.noRowsOverlayComponentParams = {\n        text: options.noRowsText,\n      };\n    }\n\n    if ('loadingOverlayComponentParams' in options) {\n      console.warn('useAgGridOptions: remove loadingOverlayComponentParams from options, use loading, notReady, loadingText, loadingOverlayType instead');\n    }\n\n    options.loading = options.notReady || options.loading;\n\n    options.columnDefs = options.columnDefs?.map((it) => createAgGridColDef(it));\n\n    // Register all special components\n    options.components = Object.assign({}, options.components ?? {}, {\n      PlAgCellFile,\n      PlAgChartStackedBarCell,\n      PlAgChartHistogramCell,\n      PlAgCellStatusTag,\n    });\n\n    return options;\n  });\n\n  const gridOptions = computed<GridOptions>(() => {\n    const options = extOptions.value;\n\n    return {\n      ...options,\n      loadingOverlayComponentParams: {\n        notReady: options.notReady,\n        notReadyText: options.notReadyText,\n        overlayType: options.loadingOverlayType,\n      } satisfies PlAgOverlayLoadingParams,\n    };\n  });\n\n  whenever(() => extOptions.value.rowNumbersColumn, () => {\n    if (gridApi.value) {\n      autoSizeRowNumberColumn(gridApi.value);\n    }\n  });\n\n  watch([\n    () => extOptions.value.notReady,\n    () => extOptions.value.loading,\n  ], ([notReady, loading]) => {\n    const loadingOverlayComponentParams = {\n      notReady,\n      // we probably don't need to update the parameters below\n      notReadyText: extOptions.value.notReadyText,\n      overlayType: extOptions.value.loadingOverlayType,\n      loadingText: extOptions.value.loadingText,\n    } satisfies PlAgOverlayLoadingParams;\n\n    // Hack to apply loadingOverlayComponentParams\n    gridApi.value?.updateGridOptions({\n      loading: !loading,\n      loadingOverlayComponentParams,\n    });\n\n    gridApi.value?.updateGridOptions({\n      loading,\n      loadingOverlayComponentParams,\n    });\n  }, { deep: true, immediate: true });\n\n  return { gridOptions, gridApi };\n};\n"],"names":["Builder","__privateAdd","_options","options","__privateSet","__privateGet","def","loading","loadingText","notReady","type","notReadyText","noRowsText","rowSelection","rowData","components","key","value","show","d","_a","cellData","useAgGridOptions","factory","gridApi","shallowRef","extOptions","computed","AgGridTheme","PlAgOverlayLoading","PlAgOverlayNoRows","e","autoSizeRowNumberColumn","column","result","makeRowNumberColDef","it","createAgGridColDef","PlAgCellFile","PlAgChartStackedBarCell","PlAgChartHistogramCell","PlAgCellStatusTag","gridOptions","whenever","watch","loadingOverlayComponentParams","_b"],"mappings":"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"}

package/dist/components/BlockLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockLayout.vue.d.ts","sourceRoot":"","sources":["../../src/components/BlockLayout.vue"],"names":[],"mappings":"AAwDA,OAAO,sBAAsB,CAAC;;AAuJ9B,wBAKG"}
+{"version":3,"file":"BlockLayout.vue.d.ts","sourceRoot":"","sources":["../../src/components/BlockLayout.vue"],"names":[],"mappings":"AAgEA,OAAO,sBAAsB,CAAC;;AA6J9B,wBAKG"}

package/dist/components/BlockLayout.vue.js

@@ -1,53 +1,10 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.block{flex:1;background-color:#fff;max-height:100%;max-width:100%;width:100%;height:100%;position:relative;display:flex;flex-direction:column;--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.block::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.block::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.block::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.block__not-found,.block__loader-page{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.block__loader-page .loader-container{display:flex;transform:scale(8)}.block__loader-page .loader-icon{animation:spin 4s linear infinite;background-color:#ccc;margin:auto}.block__layout{padding:0}.block__loader{height:4px;background-color:transparent;position:absolute;z-index:1;top:0;right:0;left:0;overflow:hidden}.block__loader:before{content:"";position:absolute;left:-50%;height:4px;width:33%;background-color:var(--border-color-focus);animation:loader-animation 1.3s linear infinite}.block__progress{--progress-width: 0%;height:4px;background-color:transparent;position:absolute;top:0;right:0;left:0;overflow:hidden}.block__progress:before{content:"";position:absolute;left:0;height:4px;width:var(--progress-width);background-color:var(--border-color-focus);will-change:width;background-image:linear-gradient(90deg,#0000,#fffc,#0000);background-position:0 0;background-size:80px 100%;background-repeat:repeat-y;animation:shine-animation 1.2s linear infinite}@keyframes shine-animation{0%{background-position:-160px 0}to{background-position:calc(100% + 80px) 0}}.block__error{background:var(--txt-error);color:#fff;max-height:50vh;padding:16px 24px;-webkit-user-select:auto;user-select:auto;width:100%;overflow:auto;display:flex;flex-direction:column;--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.block__error::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.block__error::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.block__error::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.block__error pre{white-space:pre-wrap;margin:0}.block .scroll-content{height:100%;display:flex;flex-direction:column}.block .scroll-content>div:last-child{flex:1;overflow:auto}@keyframes loader-animation{0%{left:-40%}50%{left:20%;width:38%}to{left:100%;width:50%}}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as _, computed as a, createElementBlock as i, openBlock as t, Fragment as k, createElementVNode as h, createBlock as s, createCommentVNode as c, createVNode as y, unref as n, toDisplayString as g, withCtx as N, createTextVNode as w, resolveDynamicComponent as C } from "vue";
-
-import { useSdkPlugin as E } from "../defineApp.js";
-import V from "./NotFound.vue.js";
-import x from "./LoaderPage.vue.js";
-import B from "./PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue.js";
-import L from "./BlockLoader.vue.js";
-import $ from "../plugins/Monetization/MonetizationSidebar.vue.js";
-const A = { class: "block block__layout" }, P = { key: 0 }, q = /* @__PURE__ */ _({
-  __name: "BlockLayout",
-  setup(S) {
-    const o = E(), m = (e) => {
-      try {
-        return new URL(e, "http://dummy").pathname;
-      } catch {
-        console.error("Invalid href", e);
-        return;
-      }
-    }, p = a(() => o.loaded ? o.useApp().href : void 0), l = a(() => {
-      if (o.loaded) {
-        const e = o.useApp(), r = m(e.snapshot.navigationState.href);
-        return r ? e.getRoute(r) : void 0;
-      }
-    }), u = a(() => o.loaded ? o.useApp() : void 0), d = a(() => u.value ? u.value.model.outputErrors : {}), v = a(() => {
-      var e;
-      return ((e = u.value) == null ? void 0 : e.showErrorsNotification) ?? !0;
-    }), f = a(() => {
-      var e, r;
-      return (r = (e = u.value) == null ? void 0 : e.progress) == null ? void 0 : r.call(e);
-    });
-    return (e, r) => (t(), i(k, null, [
-      h("div", A, [
-        y(L, { value: f.value }, null, 8, ["value"]),
-        n(o).error ? (t(), i("div", P, g(n(o).error), 1)) : n(o).loaded ? l.value ? (t(), s(C(l.value), { key: p.value })) : (t(), s(V, { key: 3 })) : (t(), s(x, { key: 1 }, {
-          default: N(() => r[0] || (r[0] = [
-            w("Loading...")
-          ])),
-          _: 1
-        })),
-        n(o).loaded && v.value ? (t(), s(n(B), {
-          key: 4,
-          errors: d.value
-        }, null, 8, ["errors"])) : c("", !0)
-      ]),
-      l.value ? (t(), s(n($), { key: 0 })) : c("", !0)
-    ], 64));
-  }
-});
+import o from "./BlockLayout.vue2.js";
+import s from "./BlockLayout.vue3.js";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  q as default
+  f as default
 };
 //# sourceMappingURL=BlockLayout.vue.js.map

package/dist/components/BlockLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockLayout.vue.js","sources":["../../src/components/BlockLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport '../assets/block.scss';\nimport { computed } from 'vue';\nimport { useSdkPlugin } from '../defineApp';\nimport NotFound from './NotFound.vue';\nimport LoaderPage from './LoaderPage.vue';\nimport { PlAppErrorNotificationAlert } from './PlAppErrorNotificationAlert';\nimport BlockLoader from './BlockLoader.vue';\nimport { MonetizationSidebar } from '../plugins/Monetization';\n\nconst sdk = useSdkPlugin();\n\nconst parsePathname = (href: `/${string}`) => {\n  try {\n    return new URL(href, 'http://dummy').pathname as `/${string}`;\n  } catch (_cause) {\n    console.error('Invalid href', href);\n    return undefined;\n  }\n};\n\nconst href = computed(() => (sdk.loaded ? sdk.useApp().href : undefined));\n\nconst CurrentView = computed(() => {\n  if (sdk.loaded) {\n    const app = sdk.useApp();\n    const pathname = parsePathname(app.snapshot.navigationState.href);\n    return pathname ? app.getRoute(pathname) : undefined;\n  }\n\n  return undefined;\n});\n\nconst app = computed(() => (sdk.loaded ? sdk.useApp() : undefined));\n\nconst errors = computed(() => (app.value ? app.value.model.outputErrors : {}));\n\nconst showErrorsNotification = computed(() => app.value?.showErrorsNotification ?? true);\n\nconst progress = computed(() => app.value?.progress?.());\n</script>\n\n<template>\n  <div class=\"block block__layout\">\n    <BlockLoader :value=\"progress\" />\n    <div v-if=\"sdk.error\">{{ sdk.error }}</div>\n    <LoaderPage v-else-if=\"!sdk.loaded\">Loading...</LoaderPage>\n    <component :is=\"CurrentView\" v-else-if=\"CurrentView\" :key=\"href\" />\n    <NotFound v-else />\n    <PlAppErrorNotificationAlert v-if=\"sdk.loaded && showErrorsNotification\" :errors=\"errors\" />\n  </div>\n  <!-- Plugins -->\n  <MonetizationSidebar v-if=\"CurrentView\" />\n</template>\n"],"names":["sdk","useSdkPlugin","parsePathname","href","computed","CurrentView","app","pathname","errors","showErrorsNotification","_a","progress","_b"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAAMC,EAAa,GAEnBC,IAAgB,CAACC,MAAuB;AACxC,UAAA;AACF,eAAO,IAAI,IAAIA,GAAM,cAAc,EAAE;AAAA,cACtB;AACP,gBAAA,MAAM,gBAAgBA,CAAI;AAC3B;AAAA,MAAA;AAAA,IAEX,GAEMA,IAAOC,EAAS,MAAOJ,EAAI,SAASA,EAAI,OAAA,EAAS,OAAO,MAAU,GAElEK,IAAcD,EAAS,MAAM;AACjC,UAAIJ,EAAI,QAAQ;AACRM,cAAAA,IAAMN,EAAI,OAAO,GACjBO,IAAWL,EAAcI,EAAI,SAAS,gBAAgB,IAAI;AAChE,eAAOC,IAAWD,EAAI,SAASC,CAAQ,IAAI;AAAA,MAAA;AAAA,IAGtC,CACR,GAEKD,IAAMF,EAAS,MAAOJ,EAAI,SAASA,EAAI,WAAW,MAAU,GAE5DQ,IAASJ,EAAS,MAAOE,EAAI,QAAQA,EAAI,MAAM,MAAM,eAAe,EAAG,GAEvEG,IAAyBL,EAAS,MAAA;;AAAM,eAAAM,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,2BAA0B;AAAA,KAAI,GAEjFC,IAAWP,EAAS,MAAA;;AAAM,cAAAQ,KAAAF,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,aAAX,gBAAAE,EAAA,KAAAF;AAAA,KAAuB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockLayout.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/BlockLayout.vue2.js

@@ -1,5 +1,56 @@
-import f from "./BlockLayout.vue.js";
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.block{flex:1;background-color:#fff;max-height:100%;max-width:100%;width:100%;height:100%;position:relative;display:flex;flex-direction:column;--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.block::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.block::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.block::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.block__not-found,.block__loader-page{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.block__loader-page .loader-container{display:flex;transform:scale(8)}.block__loader-page .loader-icon{animation:spin 4s linear infinite;background-color:#ccc;margin:auto}.block__layout{padding:0}.block__loader{height:4px;background-color:transparent;position:absolute;z-index:1;top:0;right:0;left:0;overflow:hidden}.block__loader:before{content:"";position:absolute;left:-50%;height:4px;width:33%;background-color:var(--border-color-focus);animation:loader-animation 1.3s linear infinite}.block__progress{--progress-width: 0%;height:4px;background-color:transparent;position:absolute;top:0;right:0;left:0;overflow:hidden}.block__progress:before{content:"";position:absolute;left:0;height:4px;width:var(--progress-width);background-color:var(--border-color-focus);will-change:width;background-image:linear-gradient(90deg,#0000,#fffc,#0000);background-position:0 0;background-size:80px 100%;background-repeat:repeat-y;animation:shine-animation 1.2s linear infinite}@keyframes shine-animation{0%{background-position:-160px 0}to{background-position:calc(100% + 80px) 0}}.block__error{background:var(--txt-error);color:#fff;max-height:50vh;padding:16px 24px;-webkit-user-select:auto;user-select:auto;width:100%;overflow:auto;display:flex;flex-direction:column;--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.block__error::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.block__error::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.block__error::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.block__error pre{white-space:pre-wrap;margin:0}.block .scroll-content{height:100%;display:flex;flex-direction:column}.block .scroll-content>div:last-child{flex:1;overflow:auto}@keyframes loader-animation{0%{left:-40%}50%{left:20%;width:38%}to{left:100%;width:50%}}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as _, computed as a, createElementBlock as i, openBlock as t, Fragment as k, createElementVNode as y, createBlock as s, createCommentVNode as c, createVNode as h, unref as n, normalizeClass as g, toDisplayString as C, withCtx as N, createTextVNode as w, resolveDynamicComponent as E } from "vue";
+
+import { useSdkPlugin as V } from "../defineApp.js";
+import $ from "./NotFound.vue.js";
+import B from "./LoaderPage.vue.js";
+import L from "./PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue.js";
+import x from "./BlockLoader.vue.js";
+import A from "../plugins/Monetization/MonetizationSidebar.vue.js";
+const P = { class: "block block__layout" }, j = /* @__PURE__ */ _({
+  __name: "BlockLayout",
+  setup(S) {
+    const o = V(), m = (e) => {
+      try {
+        return new URL(e, "http://dummy").pathname;
+      } catch {
+        console.error("Invalid href", e);
+        return;
+      }
+    }, p = a(() => o.loaded ? o.useApp().href : void 0), u = a(() => {
+      if (o.loaded) {
+        const e = o.useApp(), r = m(e.snapshot.navigationState.href);
+        return r ? e.getRoute(r) : void 0;
+      }
+    }), l = a(() => o.loaded ? o.useApp() : void 0), d = a(() => l.value ? l.value.model.outputErrors : {}), v = a(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.showErrorsNotification) ?? !0;
+    }), f = a(() => {
+      var e, r;
+      return (r = (e = l.value) == null ? void 0 : e.progress) == null ? void 0 : r.call(e);
+    });
+    return (e, r) => (t(), i(k, null, [
+      y("div", P, [
+        h(x, { value: f.value }, null, 8, ["value"]),
+        n(o).error ? (t(), i("div", {
+          key: 0,
+          class: g(e.$style.error)
+        }, C(n(o).error), 3)) : n(o).loaded ? u.value ? (t(), s(E(u.value), { key: p.value })) : (t(), s($, { key: 3 })) : (t(), s(B, { key: 1 }, {
+          default: N(() => r[0] || (r[0] = [
+            w("Loading...")
+          ])),
+          _: 1
+        })),
+        n(o).loaded && v.value ? (t(), s(n(L), {
+          key: 4,
+          errors: d.value
+        }, null, 8, ["errors"])) : c("", !0)
+      ]),
+      u.value ? (t(), s(n(A), { key: 0 })) : c("", !0)
+    ], 64));
+  }
+});
 export {
-  f as default
+  j as default
 };
 //# sourceMappingURL=BlockLayout.vue2.js.map

package/dist/components/BlockLayout.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockLayout.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"BlockLayout.vue2.js","sources":["../../src/components/BlockLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport '../assets/block.scss';\nimport { computed } from 'vue';\nimport { useSdkPlugin } from '../defineApp';\nimport NotFound from './NotFound.vue';\nimport LoaderPage from './LoaderPage.vue';\nimport { PlAppErrorNotificationAlert } from './PlAppErrorNotificationAlert';\nimport BlockLoader from './BlockLoader.vue';\nimport { MonetizationSidebar } from '../plugins/Monetization';\n\nconst sdk = useSdkPlugin();\n\nconst parsePathname = (href: `/${string}`) => {\n  try {\n    return new URL(href, 'http://dummy').pathname as `/${string}`;\n  } catch (_cause) {\n    console.error('Invalid href', href);\n    return undefined;\n  }\n};\n\nconst href = computed(() => (sdk.loaded ? sdk.useApp().href : undefined));\n\nconst CurrentView = computed(() => {\n  if (sdk.loaded) {\n    const app = sdk.useApp();\n    const pathname = parsePathname(app.snapshot.navigationState.href);\n    return pathname ? app.getRoute(pathname) : undefined;\n  }\n\n  return undefined;\n});\n\nconst app = computed(() => (sdk.loaded ? sdk.useApp() : undefined));\n\nconst errors = computed(() => (app.value ? app.value.model.outputErrors : {}));\n\nconst showErrorsNotification = computed(() => app.value?.showErrorsNotification ?? true);\n\nconst progress = computed(() => app.value?.progress?.());\n</script>\n\n<template>\n  <div class=\"block block__layout\">\n    <BlockLoader :value=\"progress\" />\n    <div v-if=\"sdk.error\" :class=\"$style.error\">{{ sdk.error }}</div>\n    <LoaderPage v-else-if=\"!sdk.loaded\">Loading...</LoaderPage>\n    <component :is=\"CurrentView\" v-else-if=\"CurrentView\" :key=\"href\" />\n    <NotFound v-else />\n    <PlAppErrorNotificationAlert v-if=\"sdk.loaded && showErrorsNotification\" :errors=\"errors\" />\n  </div>\n  <!-- Plugins -->\n  <MonetizationSidebar v-if=\"CurrentView\" />\n</template>\n\n<style module>\n.error {\n  color: red;\n  font-weight: bold;\n  padding: 24px;\n}\n</style>\n"],"names":["sdk","useSdkPlugin","parsePathname","href","computed","CurrentView","app","pathname","errors","showErrorsNotification","_a","progress","_b"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAAMC,EAAa,GAEnBC,IAAgB,CAACC,MAAuB;AACxC,UAAA;AACF,eAAO,IAAI,IAAIA,GAAM,cAAc,EAAE;AAAA,cACtB;AACP,gBAAA,MAAM,gBAAgBA,CAAI;AAC3B;AAAA,MAAA;AAAA,IAEX,GAEMA,IAAOC,EAAS,MAAOJ,EAAI,SAASA,EAAI,OAAA,EAAS,OAAO,MAAU,GAElEK,IAAcD,EAAS,MAAM;AACjC,UAAIJ,EAAI,QAAQ;AACRM,cAAAA,IAAMN,EAAI,OAAO,GACjBO,IAAWL,EAAcI,EAAI,SAAS,gBAAgB,IAAI;AAChE,eAAOC,IAAWD,EAAI,SAASC,CAAQ,IAAI;AAAA,MAAA;AAAA,IAGtC,CACR,GAEKD,IAAMF,EAAS,MAAOJ,EAAI,SAASA,EAAI,WAAW,MAAU,GAE5DQ,IAASJ,EAAS,MAAOE,EAAI,QAAQA,EAAI,MAAM,MAAM,eAAe,EAAG,GAEvEG,IAAyBL,EAAS,MAAA;;AAAM,eAAAM,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,2BAA0B;AAAA,KAAI,GAEjFC,IAAWP,EAAS,MAAA;;AAAM,cAAAQ,KAAAF,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,aAAX,gBAAAE,EAAA,KAAAF;AAAA,KAAuB;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/BlockLayout.vue3.js

@@ -0,0 +1,9 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._error_rqtei_2{color:red;font-weight:700;padding:24px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const r = "_error_rqtei_2", e = {
+  error: r
+};
+export {
+  e as default,
+  r as error
+};
+//# sourceMappingURL=BlockLayout.vue3.js.map

package/dist/components/BlockLayout.vue3.js.map

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

package/dist/components/NotFound.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.vue.d.ts","sourceRoot":"","sources":["../../src/components/NotFound.vue"],"names":[],"mappings":";AA8FA,wBAMG"}
+{"version":3,"file":"NotFound.vue.d.ts","sourceRoot":"","sources":["../../src/components/NotFound.vue"],"names":[],"mappings":";AA0FA,wBAMG"}

package/dist/components/NotFound.vue.js

@@ -1,21 +1,19 @@
-import { defineComponent as a, createElementBlock as i, openBlock as s, createElementVNode as p, createVNode as u, toDisplayString as d, unref as n, withModifiers as c, withCtx as f, createTextVNode as l } from "vue";
+import { defineComponent as r, createElementBlock as i, openBlock as s, createElementVNode as a, createVNode as p, toDisplayString as u, unref as e, withModifiers as d, withCtx as c, createTextVNode as l } from "vue";
 import "../lib/ui/uikit/dist/index.js";
 import { useSdkPlugin as m } from "../defineApp.js";
-import _ from "../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
-const k = { class: "block__not-found" }, C = /* @__PURE__ */ a({
+import f from "../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
+const _ = { class: "block__not-found" }, S = /* @__PURE__ */ r({
   __name: "NotFound",
-  setup(g) {
-    const t = m().useApp(), r = () => {
-      t.updateNavigationState((o) => {
-        o.href = "/";
-      });
+  setup(k) {
+    const t = m().useApp(), n = () => {
+      t.navigateTo("/");
     };
-    return (o, e) => (s(), i("div", k, [
-      p("h1", null, "Not found route: " + d(n(t).snapshot.navigationState.href), 1),
-      u(n(_), {
-        onClick: c(r, ["stop"])
+    return (h, o) => (s(), i("div", _, [
+      a("h1", null, "Not found route: " + u(e(t).snapshot.navigationState.href), 1),
+      p(e(f), {
+        onClick: d(n, ["stop"])
       }, {
-        default: f(() => e[0] || (e[0] = [
+        default: c(() => o[0] || (o[0] = [
           l("Return to main page")
         ])),
         _: 1
@@ -24,6 +22,6 @@ const k = { class: "block__not-found" }, C = /* @__PURE__ */ a({
   }
 });
 export {
-  C as default
+  S as default
 };
 //# sourceMappingURL=NotFound.vue.js.map

package/dist/components/NotFound.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.vue.js","sources":["../../src/components/NotFound.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlBtnSecondary } from '@milaboratories/uikit';\nimport { useSdkPlugin } from '../defineApp';\n\nconst sdk = useSdkPlugin();\n\nconst app = sdk.useApp();\n\nconst goToMain = () => {\n  app.updateNavigationState((state) => {\n    state.href = '/';\n  });\n};\n</script>\n\n<template>\n  <div class=\"block__not-found\">\n    <h1>Not found route: {{ app.snapshot.navigationState.href }}</h1>\n    <PlBtnSecondary @click.stop=\"goToMain\">Return to main page</PlBtnSecondary>\n  </div>\n</template>\n"],"names":["app","useSdkPlugin","goToMain","state"],"mappings":";;;;;;;AAMM,UAAAA,IAFMC,EAAa,EAET,OAAO,GAEjBC,IAAW,MAAM;AACjB,MAAAF,EAAA,sBAAsB,CAACG,MAAU;AACnC,QAAAA,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,IACH;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotFound.vue.js","sources":["../../src/components/NotFound.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlBtnSecondary } from '@milaboratories/uikit';\nimport { useSdkPlugin } from '../defineApp';\n\nconst sdk = useSdkPlugin();\n\nconst app = sdk.useApp();\n\nconst goToMain = () => {\n  app.navigateTo('/');\n};\n</script>\n\n<template>\n  <div class=\"block__not-found\">\n    <h1>Not found route: {{ app.snapshot.navigationState.href }}</h1>\n    <PlBtnSecondary @click.stop=\"goToMain\">Return to main page</PlBtnSecondary>\n  </div>\n</template>\n"],"names":["app","useSdkPlugin","goToMain"],"mappings":";;;;;;;AAMM,UAAAA,IAFMC,EAAa,EAET,OAAO,GAEjBC,IAAW,MAAM;AACrB,MAAAF,EAAI,WAAW,GAAG;AAAA,IACpB;;;;;;;;;;;;;;"}

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

@@ -7,10 +7,11 @@
 .pl-ag-chart-stacked-bar-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-stacked-bar-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-chart-histogram-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-histogram-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-cell-status-tag{height:100%;padding:0 12px}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as l, ref as m, computed as d, onBeforeMount as c, onBeforeUnmount as v, toDisplayString as f } from "vue";
+import { defineComponent as l, ref as n, computed as d, onBeforeMount as c, onBeforeUnmount as v, toDisplayString as f } from "vue";
 
 
 import "../../sdk/model/dist/index.js";
+import "../../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
 import "../../aggrid.js";
 import "../../lib/ui/uikit/dist/index.js";
 
@@ -29,15 +30,15 @@ import { getTotalRowsCount as i, getSelectedRowsCount as p } from "../../AgGridV
 import "../PlMultiSequenceAlignment/data.js";
 import "@milaboratories/biowasm-tools";
 import "../../composition/fileContent.js";
-const q = /* @__PURE__ */ l({
+const z = /* @__PURE__ */ l({
   __name: "PlAgRowCount",
   props: {
     params: {}
   },
   setup(t) {
-    const o = m(i(t.params.api)), r = m(p(t.params.api)), u = new Intl.PluralRules("en"), n = new Intl.NumberFormat("en"), s = d(() => {
-      let a = n.format(o.value) + " ";
-      return a += u.select(o.value) === "one" ? "row" : "rows", r.value > 0 && (a += " (" + n.format(r.value) + " selected)"), a;
+    const o = n(i(t.params.api)), r = n(p(t.params.api)), u = new Intl.PluralRules("en"), m = new Intl.NumberFormat("en"), s = d(() => {
+      let a = m.format(o.value) + " ";
+      return a += u.select(o.value) === "one" ? "row" : "rows", r.value > 0 && (a += " (" + m.format(r.value) + " selected)"), a;
     });
     function e() {
       o.value = i(t.params.api), r.value = p(t.params.api);
@@ -50,6 +51,6 @@ const q = /* @__PURE__ */ l({
   }
 });
 export {
-  q as default
+  z as default
 };
 //# sourceMappingURL=PlAgRowCount.vue.js.map

package/dist/components/PlAgDataTable/PlAgRowCount.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowCount.vue.js","sources":["../../../src/components/PlAgDataTable/PlAgRowCount.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { GridApi } from 'ag-grid-enterprise';\nimport { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue';\nimport { getSelectedRowsCount, getTotalRowsCount } from '../../lib';\n\nconst { params } = defineProps<{\n  params: { api: GridApi };\n}>();\n\nconst totalRowCount = ref(getTotalRowsCount(params.api));\nconst selectedRowCount = ref(getSelectedRowsCount(params.api));\n\nconst pluralRules = new Intl.PluralRules('en');\nconst numberFormatter = new Intl.NumberFormat('en');\n\nconst output = computed(() => {\n  let result = numberFormatter.format(totalRowCount.value) + ' ';\n  result += pluralRules.select(totalRowCount.value) === 'one' ? 'row' : 'rows';\n  if (selectedRowCount.value > 0) {\n    result += ' (' + numberFormatter.format(selectedRowCount.value) + ' selected)';\n  }\n  return result;\n});\n\nfunction updateRowCounts() {\n  totalRowCount.value = getTotalRowsCount(params.api);\n  selectedRowCount.value = getSelectedRowsCount(params.api);\n}\n\nonBeforeMount(() => {\n  params.api.addEventListener('selectionChanged', updateRowCounts);\n  params.api.addEventListener('rowDataUpdated', updateRowCounts);\n  params.api.addEventListener('modelUpdated', updateRowCounts);\n});\n\nonBeforeUnmount(() => {\n  params.api.removeEventListener('selectionChanged', updateRowCounts);\n  params.api.removeEventListener('rowDataUpdated', updateRowCounts);\n  params.api.removeEventListener('modelUpdated', updateRowCounts);\n});\n</script>\n\n<template>\n  {{ output }}\n</template>\n"],"names":["totalRowCount","ref","getTotalRowsCount","__props","selectedRowCount","getSelectedRowsCount","pluralRules","numberFormatter","output","computed","result","updateRowCounts","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAgBC,EAAIC,EAAkBC,EAAA,OAAO,GAAG,CAAC,GACjDC,IAAmBH,EAAII,EAAqBF,EAAM,OAAC,GAAG,CAAC,GAEvDG,IAAc,IAAI,KAAK,YAAY,IAAI,GACvCC,IAAkB,IAAI,KAAK,aAAa,IAAI,GAE5CC,IAASC,EAAS,MAAM;AAC5B,UAAIC,IAASH,EAAgB,OAAOP,EAAc,KAAK,IAAI;AAC3D,aAAAU,KAAUJ,EAAY,OAAON,EAAc,KAAK,MAAM,QAAQ,QAAQ,QAClEI,EAAiB,QAAQ,MAC3BM,KAAU,OAAOH,EAAgB,OAAOH,EAAiB,KAAK,IAAI,eAE7DM;AAAA,IAAA,CACR;AAED,aAASC,IAAkB;AACzB,MAAAX,EAAc,QAAQE,EAAkBC,SAAO,GAAG,GAClDC,EAAiB,QAAQC,EAAqBF,SAAO,GAAG;AAAA,IAAA;AAG1D,WAAAS,EAAc,MAAM;AAClB,MAAAT,EAAM,OAAC,IAAI,iBAAiB,oBAAoBQ,CAAe,GAC/DR,EAAM,OAAC,IAAI,iBAAiB,kBAAkBQ,CAAe,GAC7DR,EAAM,OAAC,IAAI,iBAAiB,gBAAgBQ,CAAe;AAAA,IAAA,CAC5D,GAEDE,EAAgB,MAAM;AACpB,MAAAV,EAAA,OAAO,IAAI,oBAAoB,oBAAoBQ,CAAe,GAClER,EAAA,OAAO,IAAI,oBAAoB,kBAAkBQ,CAAe,GAChER,EAAM,OAAC,IAAI,oBAAoB,gBAAgBQ,CAAe;AAAA,IAAA,CAC/D;;;"}
+{"version":3,"file":"PlAgRowCount.vue.js","sources":["../../../src/components/PlAgDataTable/PlAgRowCount.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { GridApi } from 'ag-grid-enterprise';\nimport { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue';\nimport { getSelectedRowsCount, getTotalRowsCount } from '../../lib';\n\nconst { params } = defineProps<{\n  params: { api: GridApi };\n}>();\n\nconst totalRowCount = ref(getTotalRowsCount(params.api));\nconst selectedRowCount = ref(getSelectedRowsCount(params.api));\n\nconst pluralRules = new Intl.PluralRules('en');\nconst numberFormatter = new Intl.NumberFormat('en');\n\nconst output = computed(() => {\n  let result = numberFormatter.format(totalRowCount.value) + ' ';\n  result += pluralRules.select(totalRowCount.value) === 'one' ? 'row' : 'rows';\n  if (selectedRowCount.value > 0) {\n    result += ' (' + numberFormatter.format(selectedRowCount.value) + ' selected)';\n  }\n  return result;\n});\n\nfunction updateRowCounts() {\n  totalRowCount.value = getTotalRowsCount(params.api);\n  selectedRowCount.value = getSelectedRowsCount(params.api);\n}\n\nonBeforeMount(() => {\n  params.api.addEventListener('selectionChanged', updateRowCounts);\n  params.api.addEventListener('rowDataUpdated', updateRowCounts);\n  params.api.addEventListener('modelUpdated', updateRowCounts);\n});\n\nonBeforeUnmount(() => {\n  params.api.removeEventListener('selectionChanged', updateRowCounts);\n  params.api.removeEventListener('rowDataUpdated', updateRowCounts);\n  params.api.removeEventListener('modelUpdated', updateRowCounts);\n});\n</script>\n\n<template>\n  {{ output }}\n</template>\n"],"names":["totalRowCount","ref","getTotalRowsCount","__props","selectedRowCount","getSelectedRowsCount","pluralRules","numberFormatter","output","computed","result","updateRowCounts","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAgBC,EAAIC,EAAkBC,EAAA,OAAO,GAAG,CAAC,GACjDC,IAAmBH,EAAII,EAAqBF,EAAM,OAAC,GAAG,CAAC,GAEvDG,IAAc,IAAI,KAAK,YAAY,IAAI,GACvCC,IAAkB,IAAI,KAAK,aAAa,IAAI,GAE5CC,IAASC,EAAS,MAAM;AAC5B,UAAIC,IAASH,EAAgB,OAAOP,EAAc,KAAK,IAAI;AAC3D,aAAAU,KAAUJ,EAAY,OAAON,EAAc,KAAK,MAAM,QAAQ,QAAQ,QAClEI,EAAiB,QAAQ,MAC3BM,KAAU,OAAOH,EAAgB,OAAOH,EAAiB,KAAK,IAAI,eAE7DM;AAAA,IAAA,CACR;AAED,aAASC,IAAkB;AACzB,MAAAX,EAAc,QAAQE,EAAkBC,SAAO,GAAG,GAClDC,EAAiB,QAAQC,EAAqBF,SAAO,GAAG;AAAA,IAAA;AAG1D,WAAAS,EAAc,MAAM;AAClB,MAAAT,EAAM,OAAC,IAAI,iBAAiB,oBAAoBQ,CAAe,GAC/DR,EAAM,OAAC,IAAI,iBAAiB,kBAAkBQ,CAAe,GAC7DR,EAAM,OAAC,IAAI,iBAAiB,gBAAgBQ,CAAe;AAAA,IAAA,CAC5D,GAEDE,EAAgB,MAAM;AACpB,MAAAV,EAAA,OAAO,IAAI,oBAAoB,oBAAoBQ,CAAe,GAClER,EAAA,OAAO,IAAI,oBAAoB,kBAAkBQ,CAAe,GAChER,EAAM,OAAC,IAAI,oBAAoB,gBAAgBQ,CAAe;AAAA,IAAA,CAC/D;;;"}

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

@@ -4,14 +4,14 @@ import z 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 Y } from "./row-number.js";
-import { getColumnRenderingSpec as j } from "./value-rendering.js";
+import { makeRowNumberColDef as V, PlAgDataTableRowNumberColId as j } from "./row-number.js";
+import { getColumnRenderingSpec as Q } from "./value-rendering.js";
 import { isJsonEqual as I } from "../../../lib/util/helpers/dist/index.js";
 import { getAxisId as b, canonicalizeJson as N, pTableValue as E } from "../../../lib/model/common/dist/index.js";
-function Q(s) {
+function U(s) {
   return s.type === "column" && q(s.spec);
 }
-function U(s, n, m, c) {
+function W(s, n, m, c) {
   const l = [];
   for (let u = 0; u < n[0].data.length; ++u) {
     const f = m.map((p) => L(
@@ -67,13 +67,13 @@ async function le({
   }), h = [...r], R = r.findIndex((e) => o[e].type === "column");
   for (let e = r.length - 1; e >= R; --e) {
     const t = r[e];
-    if (!Q(o[t])) continue;
+    if (!U(o[t])) continue;
     const i = b(o[t].spec.axesSpec[0]), a = r.findIndex((O) => I(o[O].id, i));
     a !== -1 ? r[a] = t : console.warn(`multiple label columns match axisId: ${JSON.stringify(i)}`), r.splice(e, 1), h.splice(e, 1);
   }
   const $ = [
     V(),
-    ...h.map((e, t) => W(e, o[e], o[r[t]], u, f))
+    ...h.map((e, t) => X(e, o[e], o[r[t]], u, f))
   ], g = [...r], S = /* @__PURE__ */ new Map();
   for (let e = 0; e < x; ++e) S.set(e, -1);
   g.forEach((e, t) => {
@@ -124,10 +124,10 @@ async function le({
               length: t
             });
             if (C !== s.value || e.api.isDestroyed()) return e.fail();
-            i = U(h, a, G, F);
+            i = W(h, a, G, F);
           }
           e.success({ rowData: i, rowCount: y }), e.api.autoSizeColumns(
-            e.api.getAllDisplayedColumns().filter((a) => a.getColId() !== Y)
+            e.api.getAllDisplayedColumns().filter((a) => a.getColId() !== j)
           ), e.api.setGridOption("loading", !1);
         } catch (t) {
           if (C !== s.value || e.api.isDestroyed()) return e.fail();
@@ -139,12 +139,12 @@ async function le({
     }
   };
 }
-function W(s, n, m, c, l) {
+function X(s, n, m, c, l) {
   var p, w;
   const u = N({
     source: n,
     labeled: m
-  }), f = n.type === "axis" ? n.spec.type : n.spec.valueType, d = j(n), o = {};
+  }), f = n.type === "axis" ? n.spec.type : n.spec.valueType, d = Q(n), o = {};
   return d.fontFamily && (d.fontFamily === "monospace" ? (o.fontFamily = "Spline Sans Mono", o.fontWeight = 300) : o.fontFamily = d.fontFamily), {
     colId: u,
     mainMenuItems: A,
@@ -206,7 +206,7 @@ function W(s, n, m, c, l) {
 }
 export {
   le as calculateGridOptions,
-  Q as isLabelColumn,
-  W as makeColDef
+  U as isLabelColumn,
+  X as makeColDef
 };
 //# sourceMappingURL=table-source-v2.js.map

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

@@ -7,12 +7,13 @@
 .pl-ag-chart-stacked-bar-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-stacked-bar-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-chart-histogram-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-histogram-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-cell-status-tag{height:100%;padding:0 12px}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as x, ref as c, computed as C, onBeforeMount as h, onBeforeUnmount as y, createElementBlock as d, openBlock as i, normalizeClass as n, unref as t, createCommentVNode as u, createBlock as B, toDisplayString as b } from "vue";
+import { defineComponent as x, ref as c, computed as C, onBeforeMount as h, onBeforeUnmount as y, createElementBlock as d, openBlock as l, normalizeClass as n, unref as t, createCommentVNode as u, createBlock as B, toDisplayString as b } from "vue";
 import "../../lib/ui/uikit/dist/index.js";
 import r from "./pl-ag-row-num-checkbox.module.scss.js";
 
 
 import "../../sdk/model/dist/index.js";
+import "../../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
 import "../../aggrid.js";
 
 import "../../plugins/Monetization/validation.js";
@@ -31,7 +32,7 @@ import "../PlMultiSequenceAlignment/data.js";
 import "@milaboratories/biowasm-tools";
 import "../../composition/fileContent.js";
 import E from "../../lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js";
-const W = /* @__PURE__ */ x({
+const X = /* @__PURE__ */ x({
   __name: "PlAgRowNumCheckbox",
   props: {
     params: {}
@@ -39,21 +40,21 @@ const W = /* @__PURE__ */ x({
   setup(f) {
     const e = f, a = e.params.api, o = c(!!e.params.node.isSelected()), v = C(() => o.value || p(a)), S = c(p(a)), m = () => {
       o.value = e.params.node.isSelected() !== !1;
-    }, k = (l) => {
-      p(a) && (e.params.node.setSelected(l), m());
+    }, k = (i) => {
+      p(a) && (e.params.node.setSelected(i), m());
     };
     return h(() => {
       e.params.node.addEventListener("rowSelected", m);
     }), y(() => {
       e.params.node.removeEventListener("rowSelected", m);
-    }), (l, s) => (i(), d("div", {
+    }), (i, s) => (l(), d("div", {
       class: n([t(r).container, { [t(r)["allowed-selection"]]: S.value }, "d-flex", "justify-center", "align-center"])
     }, [
-      o.value ? u("", !0) : (i(), d("div", {
+      o.value ? u("", !0) : (l(), d("div", {
         key: 0,
         class: n([t(r).text])
-      }, b(l.params.value), 3)),
-      v.value ? (i(), B(t(E), {
+      }, b(i.params.value), 3)),
+      v.value ? (l(), B(t(E), {
         key: 1,
         modelValue: o.value,
         "onUpdate:modelValue": [
@@ -66,6 +67,6 @@ const W = /* @__PURE__ */ x({
   }
 });
 export {
-  W as default
+  X as default
 };
 //# sourceMappingURL=PlAgRowNumCheckbox.vue.js.map

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumCheckbox.vue.js","sources":["../../../src/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport { PlCheckbox } from '@milaboratories/uikit';\nimport { ref, computed, onBeforeMount, onBeforeUnmount } from 'vue';\nimport $styles from './pl-ag-row-num-checkbox.module.scss';\nimport { isSelectionEnabled } from '../../lib';\n\nconst props = defineProps<{ params: ICellRendererParams }>();\n\nconst api = props.params.api;\nconst isChecked = ref(!!props.params.node.isSelected());\nconst forceShowCheckbox = computed(() => isChecked.value || isSelectionEnabled(api));\nconst allowedSelection = ref(isSelectionEnabled(api));\n\nconst updateSelection = () => {\n  isChecked.value = props.params.node.isSelected() !== false;\n};\n\nconst setSelection = (val: boolean) => {\n  if (isSelectionEnabled(api)) {\n    props.params.node.setSelected(val);\n    updateSelection();\n  }\n};\n\nonBeforeMount(() => {\n  props.params.node.addEventListener('rowSelected', updateSelection);\n});\n\nonBeforeUnmount(() => {\n  props.params.node.removeEventListener('rowSelected', updateSelection);\n});\n</script>\n\n<template>\n  <div :class=\"[$styles.container, { [$styles['allowed-selection']]: allowedSelection }, 'd-flex', 'justify-center', 'align-center']\">\n    <div v-if=\"!isChecked\" :class=\"[$styles.text]\">{{ params.value }}</div>\n    <PlCheckbox\n      v-if=\"forceShowCheckbox\"\n      v-model=\"isChecked\"\n      :class=\"[$styles.checkbox, isChecked && $styles.checked]\"\n      @update:modelValue=\"setSelection\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","api","isChecked","ref","forceShowCheckbox","computed","isSelectionEnabled","allowedSelection","updateSelection","setSelection","val","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAMF,EAAM,OAAO,KACnBG,IAAYC,EAAI,CAAC,CAACJ,EAAM,OAAO,KAAK,YAAY,GAChDK,IAAoBC,EAAS,MAAMH,EAAU,SAASI,EAAmBL,CAAG,CAAC,GAC7EM,IAAmBJ,EAAIG,EAAmBL,CAAG,CAAC,GAE9CO,IAAkB,MAAM;AAC5B,MAAAN,EAAU,QAAQH,EAAM,OAAO,KAAK,iBAAiB;AAAA,IACvD,GAEMU,IAAe,CAACC,MAAiB;AACjC,MAAAJ,EAAmBL,CAAG,MAClBF,EAAA,OAAO,KAAK,YAAYW,CAAG,GACjBF,EAAA;AAAA,IAEpB;AAEA,WAAAG,EAAc,MAAM;AAClB,MAAAZ,EAAM,OAAO,KAAK,iBAAiB,eAAeS,CAAe;AAAA,IAAA,CAClE,GAEDI,EAAgB,MAAM;AACpB,MAAAb,EAAM,OAAO,KAAK,oBAAoB,eAAeS,CAAe;AAAA,IAAA,CACrE;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgRowNumCheckbox.vue.js","sources":["../../../src/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport { PlCheckbox } from '@milaboratories/uikit';\nimport { ref, computed, onBeforeMount, onBeforeUnmount } from 'vue';\nimport $styles from './pl-ag-row-num-checkbox.module.scss';\nimport { isSelectionEnabled } from '../../lib';\n\nconst props = defineProps<{ params: ICellRendererParams }>();\n\nconst api = props.params.api;\nconst isChecked = ref(!!props.params.node.isSelected());\nconst forceShowCheckbox = computed(() => isChecked.value || isSelectionEnabled(api));\nconst allowedSelection = ref(isSelectionEnabled(api));\n\nconst updateSelection = () => {\n  isChecked.value = props.params.node.isSelected() !== false;\n};\n\nconst setSelection = (val: boolean) => {\n  if (isSelectionEnabled(api)) {\n    props.params.node.setSelected(val);\n    updateSelection();\n  }\n};\n\nonBeforeMount(() => {\n  props.params.node.addEventListener('rowSelected', updateSelection);\n});\n\nonBeforeUnmount(() => {\n  props.params.node.removeEventListener('rowSelected', updateSelection);\n});\n</script>\n\n<template>\n  <div :class=\"[$styles.container, { [$styles['allowed-selection']]: allowedSelection }, 'd-flex', 'justify-center', 'align-center']\">\n    <div v-if=\"!isChecked\" :class=\"[$styles.text]\">{{ params.value }}</div>\n    <PlCheckbox\n      v-if=\"forceShowCheckbox\"\n      v-model=\"isChecked\"\n      :class=\"[$styles.checkbox, isChecked && $styles.checked]\"\n      @update:modelValue=\"setSelection\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","api","isChecked","ref","forceShowCheckbox","computed","isSelectionEnabled","allowedSelection","updateSelection","setSelection","val","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAMF,EAAM,OAAO,KACnBG,IAAYC,EAAI,CAAC,CAACJ,EAAM,OAAO,KAAK,YAAY,GAChDK,IAAoBC,EAAS,MAAMH,EAAU,SAASI,EAAmBL,CAAG,CAAC,GAC7EM,IAAmBJ,EAAIG,EAAmBL,CAAG,CAAC,GAE9CO,IAAkB,MAAM;AAC5B,MAAAN,EAAU,QAAQH,EAAM,OAAO,KAAK,iBAAiB;AAAA,IACvD,GAEMU,IAAe,CAACC,MAAiB;AACjC,MAAAJ,EAAmBL,CAAG,MAClBF,EAAA,OAAO,KAAK,YAAYW,CAAG,GACjBF,EAAA;AAAA,IAEpB;AAEA,WAAAG,EAAc,MAAM;AAClB,MAAAZ,EAAM,OAAO,KAAK,iBAAiB,eAAeS,CAAe;AAAA,IAAA,CAClE,GAEDI,EAAgB,MAAM;AACpB,MAAAb,EAAM,OAAO,KAAK,oBAAoB,eAAeS,CAAe;AAAA,IAAA,CACrE;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAgRowNumHeader.vue.js

@@ -12,6 +12,7 @@ import "../lib/ui/uikit/dist/index.js";
 
 
 import "../sdk/model/dist/index.js";
+import "../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
 import "../aggrid.js";
 
 import "../plugins/Monetization/validation.js";
@@ -30,7 +31,7 @@ import "./PlMultiSequenceAlignment/data.js";
 import "@milaboratories/biowasm-tools";
 import "../composition/fileContent.js";
 import h from "../lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js";
-const k = { style: { position: "absolute", inset: "0", display: "flex", "justify-content": "center", "align-items": "center" } }, B = { key: 1 }, $ = /* @__PURE__ */ E({
+const k = { style: { position: "absolute", inset: "0", display: "flex", "justify-content": "center", "align-items": "center" } }, B = { key: 1 }, _ = /* @__PURE__ */ E({
   __name: "PlAgRowNumHeader",
   props: {
     params: {}
@@ -65,6 +66,6 @@ const k = { style: { position: "absolute", inset: "0", display: "flex", "justify
   }
 });
 export {
-  $ as default
+  _ as default
 };
 //# sourceMappingURL=PlAgRowNumHeader.vue.js.map

package/dist/components/PlAgRowNumHeader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumHeader.vue.js","sources":["../../src/components/PlAgRowNumHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlCheckbox } from '@milaboratories/uikit';\nimport type { IHeaderParams } from 'ag-grid-enterprise';\nimport { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue';\nimport { deselectAll, getSelectedRowsCount, getTotalRowsCount, isSelectionEnabled, selectAll } from '../lib';\n\nconst { params } = defineProps<{\n  params: IHeaderParams;\n}>();\n\nconst selectedRowCount = ref(getSelectedRowsCount(params.api));\nconst totalRowCount = ref(getTotalRowsCount(params.api));\nconst isSelectable = ref(isSelectionEnabled(params.api));\n\nconst someRowsSelected = computed(() =>\n  selectedRowCount.value > 0,\n);\n\nconst allRowsSelected = computed(() =>\n  someRowsSelected.value\n  && selectedRowCount.value === totalRowCount.value,\n);\n\nfunction toggleSelectAll() {\n  if (someRowsSelected.value) {\n    deselectAll(params.api);\n  } else {\n    selectAll(params.api);\n  }\n}\n\nfunction updateRowCounts() {\n  selectedRowCount.value = getSelectedRowsCount(params.api);\n  totalRowCount.value = getTotalRowsCount(params.api);\n}\n\nfunction updateIsSelectable() {\n  isSelectable.value = isSelectionEnabled(params.api);\n}\n\nonBeforeMount(() => {\n  params.api.addEventListener('selectionChanged', updateRowCounts);\n  params.api.addEventListener('rowDataUpdated', updateRowCounts);\n  params.api.addEventListener('modelUpdated', updateRowCounts);\n  params.api.addEventListener('stateUpdated', updateIsSelectable);\n});\n\nonBeforeUnmount(() => {\n  params.api.removeEventListener('selectionChanged', updateRowCounts);\n  params.api.removeEventListener('rowDataUpdated', updateRowCounts);\n  params.api.removeEventListener('modelUpdated', updateRowCounts);\n  params.api.removeEventListener('stateUpdated', updateIsSelectable);\n});\n</script>\n\n<template>\n  <div\n    style=\"\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    \"\n  >\n    <PlCheckbox\n      v-if=\"isSelectable\"\n      :model-value=\"someRowsSelected\"\n      :indeterminate=\"someRowsSelected && !allRowsSelected\"\n      @update:model-value=\"toggleSelectAll\"\n    />\n    <span v-else>\n      {{ params.displayName }}\n    </span>\n  </div>\n</template>\n"],"names":["selectedRowCount","ref","getSelectedRowsCount","__props","totalRowCount","getTotalRowsCount","isSelectable","isSelectionEnabled","someRowsSelected","computed","allRowsSelected","toggleSelectAll","deselectAll","selectAll","updateRowCounts","updateIsSelectable","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAmBC,EAAIC,EAAqBC,EAAM,OAAC,GAAG,CAAC,GACvDC,IAAgBH,EAAII,EAAkBF,EAAA,OAAO,GAAG,CAAC,GACjDG,IAAeL,EAAIM,EAAmBJ,EAAA,OAAO,GAAG,CAAC,GAEjDK,IAAmBC;AAAA,MAAS,MAChCT,EAAiB,QAAQ;AAAA,IAC3B,GAEMU,IAAkBD;AAAA,MAAS,MAC/BD,EAAiB,SACdR,EAAiB,UAAUI,EAAc;AAAA,IAC9C;AAEA,aAASO,IAAkB;AACzB,MAAIH,EAAiB,QACPI,EAAAT,EAAA,OAAO,GAAG,IAEZU,EAAAV,EAAA,OAAO,GAAG;AAAA,IACtB;AAGF,aAASW,IAAkB;AACzB,MAAAd,EAAiB,QAAQE,EAAqBC,SAAO,GAAG,GACxDC,EAAc,QAAQC,EAAkBF,SAAO,GAAG;AAAA,IAAA;AAGpD,aAASY,IAAqB;AAC5B,MAAAT,EAAa,QAAQC,EAAmBJ,SAAO,GAAG;AAAA,IAAA;AAGpD,WAAAa,EAAc,MAAM;AAClB,MAAAb,EAAM,OAAC,IAAI,iBAAiB,oBAAoBW,CAAe,GAC/DX,EAAM,OAAC,IAAI,iBAAiB,kBAAkBW,CAAe,GAC7DX,EAAM,OAAC,IAAI,iBAAiB,gBAAgBW,CAAe,GAC3DX,EAAM,OAAC,IAAI,iBAAiB,gBAAgBY,CAAkB;AAAA,IAAA,CAC/D,GAEDE,EAAgB,MAAM;AACpB,MAAAd,EAAA,OAAO,IAAI,oBAAoB,oBAAoBW,CAAe,GAClEX,EAAA,OAAO,IAAI,oBAAoB,kBAAkBW,CAAe,GAChEX,EAAM,OAAC,IAAI,oBAAoB,gBAAgBW,CAAe,GAC9DX,EAAA,OAAO,IAAI,oBAAoB,gBAAgBY,CAAkB;AAAA,IAAA,CAClE;;;;;;;;;;"}
+{"version":3,"file":"PlAgRowNumHeader.vue.js","sources":["../../src/components/PlAgRowNumHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlCheckbox } from '@milaboratories/uikit';\nimport type { IHeaderParams } from 'ag-grid-enterprise';\nimport { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue';\nimport { deselectAll, getSelectedRowsCount, getTotalRowsCount, isSelectionEnabled, selectAll } from '../lib';\n\nconst { params } = defineProps<{\n  params: IHeaderParams;\n}>();\n\nconst selectedRowCount = ref(getSelectedRowsCount(params.api));\nconst totalRowCount = ref(getTotalRowsCount(params.api));\nconst isSelectable = ref(isSelectionEnabled(params.api));\n\nconst someRowsSelected = computed(() =>\n  selectedRowCount.value > 0,\n);\n\nconst allRowsSelected = computed(() =>\n  someRowsSelected.value\n  && selectedRowCount.value === totalRowCount.value,\n);\n\nfunction toggleSelectAll() {\n  if (someRowsSelected.value) {\n    deselectAll(params.api);\n  } else {\n    selectAll(params.api);\n  }\n}\n\nfunction updateRowCounts() {\n  selectedRowCount.value = getSelectedRowsCount(params.api);\n  totalRowCount.value = getTotalRowsCount(params.api);\n}\n\nfunction updateIsSelectable() {\n  isSelectable.value = isSelectionEnabled(params.api);\n}\n\nonBeforeMount(() => {\n  params.api.addEventListener('selectionChanged', updateRowCounts);\n  params.api.addEventListener('rowDataUpdated', updateRowCounts);\n  params.api.addEventListener('modelUpdated', updateRowCounts);\n  params.api.addEventListener('stateUpdated', updateIsSelectable);\n});\n\nonBeforeUnmount(() => {\n  params.api.removeEventListener('selectionChanged', updateRowCounts);\n  params.api.removeEventListener('rowDataUpdated', updateRowCounts);\n  params.api.removeEventListener('modelUpdated', updateRowCounts);\n  params.api.removeEventListener('stateUpdated', updateIsSelectable);\n});\n</script>\n\n<template>\n  <div\n    style=\"\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    \"\n  >\n    <PlCheckbox\n      v-if=\"isSelectable\"\n      :model-value=\"someRowsSelected\"\n      :indeterminate=\"someRowsSelected && !allRowsSelected\"\n      @update:model-value=\"toggleSelectAll\"\n    />\n    <span v-else>\n      {{ params.displayName }}\n    </span>\n  </div>\n</template>\n"],"names":["selectedRowCount","ref","getSelectedRowsCount","__props","totalRowCount","getTotalRowsCount","isSelectable","isSelectionEnabled","someRowsSelected","computed","allRowsSelected","toggleSelectAll","deselectAll","selectAll","updateRowCounts","updateIsSelectable","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAmBC,EAAIC,EAAqBC,EAAM,OAAC,GAAG,CAAC,GACvDC,IAAgBH,EAAII,EAAkBF,EAAA,OAAO,GAAG,CAAC,GACjDG,IAAeL,EAAIM,EAAmBJ,EAAA,OAAO,GAAG,CAAC,GAEjDK,IAAmBC;AAAA,MAAS,MAChCT,EAAiB,QAAQ;AAAA,IAC3B,GAEMU,IAAkBD;AAAA,MAAS,MAC/BD,EAAiB,SACdR,EAAiB,UAAUI,EAAc;AAAA,IAC9C;AAEA,aAASO,IAAkB;AACzB,MAAIH,EAAiB,QACPI,EAAAT,EAAA,OAAO,GAAG,IAEZU,EAAAV,EAAA,OAAO,GAAG;AAAA,IACtB;AAGF,aAASW,IAAkB;AACzB,MAAAd,EAAiB,QAAQE,EAAqBC,SAAO,GAAG,GACxDC,EAAc,QAAQC,EAAkBF,SAAO,GAAG;AAAA,IAAA;AAGpD,aAASY,IAAqB;AAC5B,MAAAT,EAAa,QAAQC,EAAmBJ,SAAO,GAAG;AAAA,IAAA;AAGpD,WAAAa,EAAc,MAAM;AAClB,MAAAb,EAAM,OAAC,IAAI,iBAAiB,oBAAoBW,CAAe,GAC/DX,EAAM,OAAC,IAAI,iBAAiB,kBAAkBW,CAAe,GAC7DX,EAAM,OAAC,IAAI,iBAAiB,gBAAgBW,CAAe,GAC3DX,EAAM,OAAC,IAAI,iBAAiB,gBAAgBY,CAAkB;AAAA,IAAA,CAC/D,GAEDE,EAAgB,MAAM;AACpB,MAAAd,EAAA,OAAO,IAAI,oBAAoB,oBAAoBW,CAAe,GAClEX,EAAA,OAAO,IAAI,oBAAoB,kBAAkBW,CAAe,GAChEX,EAAM,OAAC,IAAI,oBAAoB,gBAAgBW,CAAe,GAC9DX,EAAA,OAAO,IAAI,oBAAoB,gBAAgBY,CAAkB;AAAA,IAAA,CAClE;;;;;;;;;;"}