@platforma-sdk/ui-vue 1.45.35 → 1.45.37

package/.turbo/turbo-type-check.log

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

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @platforma-sdk/ui-vue
 
+## 1.45.37
+
+### Patch Changes
+
+- Updated dependencies [3d915f9]
+  - @milaboratories/uikit@2.6.3
+
+## 1.45.36
+
+### Patch Changes
+
+- d5e72cf: remove PlMultiSequenceAlignment
+
 ## 1.45.35
 
 ### Patch Changes

package/dist/AgGridVue/useAgGridOptions.js

@@ -39,7 +39,6 @@ import N from "../components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js";
 
 
 
-import "../components/PlMultiSequenceAlignment/data.js";
 import "@zip.js/zip.js";
 import "canonicalize";
 import "../composition/fileContent.js";
@@ -196,7 +195,7 @@ class R {
   }
 }
 o = new WeakMap();
-function ut(r) {
+function mt(r) {
   const t = C(), e = y(() => {
     var u;
     const s = {
@@ -250,6 +249,6 @@ function ut(r) {
   }, { deep: !0, immediate: !0 }), { gridOptions: a, gridApi: t };
 }
 export {
-  ut as useAgGridOptions
+  mt as useAgGridOptions
 };
 //# sourceMappingURL=useAgGridOptions.js.map

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.vue2.js

@@ -36,9 +36,9 @@ const P = { class: "block block__layout" }, j = /* @__PURE__ */ _({
           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...")
-          ])),
+          default: N(() => [...r[0] || (r[0] = [
+            w("Loading...", -1)
+          ])]),
           _: 1
         })),
         n(o).loaded && v.value ? (t(), s(n(L), {

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

@@ -1 +1 @@
-{"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,GAENC,IAAgB,CAACC,MAAuB;AAC5C,UAAI;AACF,eAAO,IAAI,IAAIA,GAAM,cAAc,EAAE;AAAA,MACvC,QAAiB;AACf,gBAAQ,MAAM,gBAAgBA,CAAI;AAClC;AAAA,MACF;AAAA,IACF,GAEMA,IAAOC,EAAS,MAAOJ,EAAI,SAASA,EAAI,OAAA,EAAS,OAAO,MAAU,GAElEK,IAAcD,EAAS,MAAM;AACjC,UAAIJ,EAAI,QAAQ;AACd,cAAMM,IAAMN,EAAI,OAAA,GACVO,IAAWL,EAAcI,EAAI,SAAS,gBAAgB,IAAI;AAChE,eAAOC,IAAWD,EAAI,SAASC,CAAQ,IAAI;AAAA,MAC7C;AAAA,IAGF,CAAC,GAEKD,IAAMF,EAAS,MAAOJ,EAAI,SAASA,EAAI,OAAA,IAAW,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.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","_createElementVNode","_hoisted_1","_createVNode","BlockLoader","_unref","_createElementBlock","_normalizeClass","$style","_toDisplayString","_openBlock","_createBlock","_resolveDynamicComponent","NotFound","LoaderPage","_cache","PlAppErrorNotificationAlert","MonetizationSidebar"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAAMC,EAAA,GAENC,IAAgB,CAACC,MAAuB;AAC5C,UAAI;AACF,eAAO,IAAI,IAAIA,GAAM,cAAc,EAAE;AAAA,MACvC,QAAiB;AACf,gBAAQ,MAAM,gBAAgBA,CAAI;AAClC;AAAA,MACF;AAAA,IACF,GAEMA,IAAOC,EAAS,MAAOJ,EAAI,SAASA,EAAI,OAAA,EAAS,OAAO,MAAU,GAElEK,IAAcD,EAAS,MAAM;AACjC,UAAIJ,EAAI,QAAQ;AACd,cAAMM,IAAMN,EAAI,OAAA,GACVO,IAAWL,EAAcI,EAAI,SAAS,gBAAgB,IAAI;AAChE,eAAOC,IAAWD,EAAI,SAASC,CAAQ,IAAI;AAAA,MAC7C;AAAA,IAGF,CAAC,GAEKD,IAAMF,EAAS,MAAOJ,EAAI,SAASA,EAAI,OAAA,IAAW,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;;MAIrDG,EAOM,OAPNC,GAOM;AAAA,QANJC,EAAiCC,GAAA,EAAnB,OAAOL,EAAA,MAAA,GAAQ,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,QAClBM,EAAAjB,CAAA,EAAI,cAAfkB,EAAiE,OAAA;AAAA;UAA1C,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,QAAA,GAAKC,EAAAJ,EAAAjB,CAAA,EAAI,KAAK,GAAA,CAAA,KAChCiB,EAAAjB,CAAA,EAAI,SACYK,EAAA,SAAxCiB,EAAA,GAAAC,EAAmEC,EAAnDnB,EAAA,KAAW,GAAA,EAA2B,KAAKF,EAAA,MAAA,CAAI,WAC/DoB,EAAmBE,GAAA,EAAA,KAAA,EAAA,CAAA,WAFnBF,EAA2DG,GAAA,EAAA,KAAA,KAAA;AAAA,qBAAvB,MAAU,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAAV,cAAU,EAAA;AAAA,UAAA;;;QAGXV,EAAAjB,CAAA,EAAI,UAAUS,EAAA,cAAjDc,EAA4FN,EAAAW,CAAA,GAAA;AAAA;UAAlB,QAAQpB,EAAA;AAAA,QAAA;;MAGzDH,EAAA,cAA3BkB,EAA0CN,EAAAY,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BlockLoader.vue.js","sources":["../../src/components/BlockLoader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  value: boolean | number | undefined;\n}>();\n\nconst isLoader = computed(() => typeof props.value === 'boolean' && props.value);\n\nconst progressWidth = computed(() => {\n  const value = props.value;\n\n  if (typeof value === 'number') {\n    if (value >= 1) {\n      return undefined;\n    }\n\n    return (value * 100).toFixed(2) + '%';\n  }\n\n  return undefined;\n});\n</script>\n\n<template>\n  <div v-if=\"isLoader\" class=\"block__loader\" />\n  <div v-else-if=\"progressWidth !== undefined\" class=\"block__progress\" :style=\"{ '--progress-width': progressWidth }\" />\n</template>\n"],"names":["props","__props","isLoader","computed","progressWidth","value"],"mappings":";;;;;;;;;;AAGA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAM,OAAOH,EAAM,SAAU,aAAaA,EAAM,KAAK,GAEzEI,IAAgBD,EAAS,MAAM;AACnC,YAAME,IAAQL,EAAM;AAEpB,UAAI,OAAOK,KAAU;AACnB,eAAIA,KAAS,IACX,UAGMA,IAAQ,KAAK,QAAQ,CAAC,IAAI;AAAA,IAItC,CAAC;;;;;;;;"}
+{"version":3,"file":"BlockLoader.vue.js","sources":["../../src/components/BlockLoader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  value: boolean | number | undefined;\n}>();\n\nconst isLoader = computed(() => typeof props.value === 'boolean' && props.value);\n\nconst progressWidth = computed(() => {\n  const value = props.value;\n\n  if (typeof value === 'number') {\n    if (value >= 1) {\n      return undefined;\n    }\n\n    return (value * 100).toFixed(2) + '%';\n  }\n\n  return undefined;\n});\n</script>\n\n<template>\n  <div v-if=\"isLoader\" class=\"block__loader\" />\n  <div v-else-if=\"progressWidth !== undefined\" class=\"block__progress\" :style=\"{ '--progress-width': progressWidth }\" />\n</template>\n"],"names":["props","__props","isLoader","computed","progressWidth","value","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;;;;;;;AAGA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAM,OAAOH,EAAM,SAAU,aAAaA,EAAM,KAAK,GAEzEI,IAAgBD,EAAS,MAAM;AACnC,YAAME,IAAQL,EAAM;AAEpB,UAAI,OAAOK,KAAU;AACnB,eAAIA,KAAS,IACX,UAGMA,IAAQ,KAAK,QAAQ,CAAC,IAAI;AAAA,IAItC,CAAC;qBAIYH,EAAA,SAAXI,EAAA,GAAAC,EAA6C,OAA7CC,CAA6C,KAC7BJ,EAAA,UAAkB,eAAlCG,EAAsH,OAAA;AAAA;MAAzE,OAAM;AAAA,MAAmB,+BAA6BH,EAAA,OAAa;AAAA,IAAA;;;"}

package/dist/components/LoaderPage.vue.js

@@ -2,11 +2,11 @@ import { createElementBlock as r, openBlock as a, createElementVNode as o } from
 import t from "../_virtual/_plugin-vue_export-helper.js";
 const c = {}, n = { class: "block__loader-page" };
 function s(l, e) {
-  return a(), r("div", n, e[0] || (e[0] = [
+  return a(), r("div", n, [...e[0] || (e[0] = [
     o("div", { class: "loader-container" }, [
       o("i", { class: "mask-24 mask-loading loader-icon" })
     ], -1)
-  ]));
+  ])]);
 }
 const _ = /* @__PURE__ */ t(c, [["render", s]]);
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"LoaderPage.vue.js","sources":["../../src/components/LoaderPage.vue"],"sourcesContent":["<template>\n  <div class=\"block__loader-page\">\n    <div class=\"loader-container\">\n      <i class=\"mask-24 mask-loading loader-icon\" />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;AACE,SAAAA,EAAAC,GAAAC,GAAA;SACEC,EAAA,GAEMC,EAFK,OAAAC,GAAkBH,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAC3B,OAA8C,EAA3C,OAAM,mBAAA,GAAA;AAAA;;;;;"}
+{"version":3,"file":"LoaderPage.vue.js","sources":["../../src/components/LoaderPage.vue"],"sourcesContent":["<template>\n  <div class=\"block__loader-page\">\n    <div class=\"loader-container\">\n      <i class=\"mask-24 mask-loading loader-icon\" />\n    </div>\n  </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;AACE,SAAAA,EAAAC,GAAAC,GAAA;SACEC,EAAA,GAEMC,EAFK,OAAAC,GAAkB,CAAA,GAAAH,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAC3B,OAA8C,EAA3C,OAAM,mBAAA,GAAA;AAAA;;;;;"}

package/dist/components/NotFound.vue.js

@@ -12,9 +12,9 @@ const _ = { class: "block__not-found" }, v = /* @__PURE__ */ r({
       p(e(f), {
         onClick: c(n, ["stop"])
       }, {
-        default: u(() => o[0] || (o[0] = [
-          l("Return to main page")
-        ])),
+        default: u(() => [...o[0] || (o[0] = [
+          l("Return to main page", -1)
+        ])]),
         _: 1
       })
     ]));

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.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":";;;;;;AAMA,UAAMA,IAFMC,EAAA,EAEI,OAAA,GAEVC,IAAW,MAAM;AACrB,MAAAF,EAAI,WAAW,GAAG;AAAA,IACpB;;;;;;;;;;;;;;"}
+{"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","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_toDisplayString","_unref","_createVNode","PlBtnSecondary","_cache"],"mappings":";;;;;;AAMA,UAAMA,IAFMC,EAAA,EAEI,OAAA,GAEVC,IAAW,MAAM;AACrB,MAAAF,EAAI,WAAW,GAAG;AAAA,IACpB;sBAIEG,EAAA,GAAAC,EAGM,OAHNC,GAGM;AAAA,MAFJC,EAAiE,MAAA,MAA7D,sBAAiBC,EAAGC,EAAAR,CAAA,EAAI,SAAS,gBAAgB,IAAI,GAAA,CAAA;AAAA,MACzDS,EAA2ED,EAAAE,CAAA,GAAA;AAAA,QAA1D,WAAYR,GAAQ,CAAA,MAAA,CAAA;AAAA,MAAA;mBAAE,MAAmB,CAAA,GAAAS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAnB,uBAAmB,EAAA;AAAA,QAAA;;;;;;"}

package/dist/components/PlAdvancedFilter/OperandButton.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperandButton.vue2.js","sources":["../../../src/components/PlAdvancedFilter/OperandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Operand } from './types';\n\nconst props = defineProps<{\n  active: Operand;\n  disabled: boolean;\n  onSelect: (op: Operand) => void;\n}>();\n\nconst OPTIONS: Operand[] = ['and', 'or'];\n</script>\n<template>\n  <div v-bind=\"$attrs\" :class=\"$style.block\">\n    <div\n      v-for=\"op in OPTIONS\"\n      :key=\"op\"\n      :class=\"[$style.operand, {[$style.active]: op === props.active && !props.disabled}]\"\n      @click=\"!props.disabled && props.onSelect(op)\"\n    >\n      {{ op }}\n    </div>\n  </div>\n</template>\n<style module>\n.block {\n  width: 100%;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  height: 72px;\n  align-items: center;\n}\n.operand {\n  border-radius: 16px;\n  width: 64px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  font-weight: 600;\n\n  color: var(--txt-03);\n  border: 1px solid var(--color-div-grey);\n  background: transparent;\n  cursor: pointer;\n}\n.operand.active {\n  color: var(--txt-01);\n  background: #fff;\n  border: 1px solid var(--txt-01);\n}\n</style>\n"],"names":["props","__props","OPTIONS"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAMRC,IAAqB,CAAC,OAAO,IAAI;;;;;;;;;;;;"}
+{"version":3,"file":"OperandButton.vue2.js","sources":["../../../src/components/PlAdvancedFilter/OperandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Operand } from './types';\n\nconst props = defineProps<{\n  active: Operand;\n  disabled: boolean;\n  onSelect: (op: Operand) => void;\n}>();\n\nconst OPTIONS: Operand[] = ['and', 'or'];\n</script>\n<template>\n  <div v-bind=\"$attrs\" :class=\"$style.block\">\n    <div\n      v-for=\"op in OPTIONS\"\n      :key=\"op\"\n      :class=\"[$style.operand, {[$style.active]: op === props.active && !props.disabled}]\"\n      @click=\"!props.disabled && props.onSelect(op)\"\n    >\n      {{ op }}\n    </div>\n  </div>\n</template>\n<style module>\n.block {\n  width: 100%;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  height: 72px;\n  align-items: center;\n}\n.operand {\n  border-radius: 16px;\n  width: 64px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  font-weight: 600;\n\n  color: var(--txt-03);\n  border: 1px solid var(--color-div-grey);\n  background: transparent;\n  cursor: pointer;\n}\n.operand.active {\n  color: var(--txt-01);\n  background: #fff;\n  border: 1px solid var(--txt-01);\n}\n</style>\n"],"names":["props","__props","OPTIONS","_createElementBlock","_mergeProps","_ctx","$style","_Fragment","_renderList","op","_createElementVNode","$event","_hoisted_1"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAMRC,IAAqB,CAAC,OAAO,IAAI;2BAGrCC,EASM,OATNC,EASMC,EAAA,QATa;AAAA,MAAG,OAAOC,EAAAA,OAAO;AAAA,IAAA;YAClCH,EAOMI,GAAA,MAAAC,EANSN,GAAO,CAAbO,MADTC,EAOM,OAAA;AAAA,QALH,KAAKD;AAAA,QACL,UAAQH,EAAAA,OAAO,SAAO,EAAA,CAAIA,SAAO,MAAM,GAAGG,MAAOT,EAAM,UAAM,CAAKA,EAAM,SAAA,CAAQ,CAAA;AAAA,QAChF,SAAK,CAAAW,MAAA,CAAGX,EAAM,YAAYA,EAAM,SAASS,CAAE;AAAA,MAAA,KAEzCA,CAAE,GAAA,IAAAG,CAAA;;;;"}

package/dist/components/PlAdvancedFilter/PlAdvancedFilter.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as B, mergeModels as L, useModel as z, computed as A, createElementBlock as m, openBlock as r, createVNode as d, unref as l, withCtx as i, normalizeClass as g, createElementVNode as v, createBlock as y, createTextVNode as a, Fragment as w, renderList as R } from "vue";
+import { defineComponent as B, mergeModels as L, useModel as z, computed as A, createElementBlock as g, openBlock as r, createVNode as a, unref as l, withCtx as i, normalizeClass as f, createElementVNode as y, createBlock as D, createTextVNode as u, Fragment as w, renderList as R } from "vue";
 import q from "./SingleFilter.vue.js";
-import { PlElementList as c, PlCheckbox as C, PlBtnSecondary as $, PlIcon16 as F } from "@milaboratories/uikit";
-import I from "./OperandButton.vue.js";
-import { DEFAULT_FILTERS as W, DEFAULT_FILTER_TYPE as Y } from "./constants.js";
-import { useInnerModel as j, createNewGroup as H, isValidColumnId as U, toOuterModel as J, toInnerModel as K } from "./utils.js";
-const Q = ["onDrop"], te = /* @__PURE__ */ B({
+import { PlElementList as T, PlCheckbox as C, PlBtnSecondary as $, PlIcon16 as F } from "@milaboratories/uikit";
+import x from "./OperandButton.vue.js";
+import { DEFAULT_FILTERS as I, DEFAULT_FILTER_TYPE as W } from "./constants.js";
+import { useInnerModel as Y, createNewGroup as j, isValidColumnId as U, toOuterModel as H, toInnerModel as J } from "./utils.js";
+const K = ["onDrop"], te = /* @__PURE__ */ B({
   __name: "PlAdvancedFilter",
   props: /* @__PURE__ */ L({
     items: {},
@@ -16,20 +16,20 @@ const Q = ["onDrop"], te = /* @__PURE__ */ B({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(D) {
-    const E = D, M = z(D, "modelValue"), s = j(K, J, M), b = A(() => {
+  setup(d) {
+    const E = d, M = z(d, "modelValue"), s = Y(J, H, M), c = A(() => {
       var o;
       return (o = E.items[0]) == null ? void 0 : o.id;
-    }), V = [{
+    }), b = [{
       id: "empty",
       not: !1,
       operand: "and",
       filters: [],
       expanded: !0
     }];
-    function k(o, e) {
+    function V(o, e) {
       s.value.groups[o].filters.push({
-        ...W[Y],
+        ...I[W],
         column: e
       });
     }
@@ -39,29 +39,29 @@ const Q = ["onDrop"], te = /* @__PURE__ */ B({
     function N(o) {
       s.value.groups = s.value.groups.filter((e, t) => t !== o);
     }
-    function G(o) {
-      const e = H(o);
+    function k(o) {
+      const e = j(o);
       s.value.groups.push(e);
     }
     function O(o, e) {
       const t = e.dataTransfer;
       if (t != null && t.getData("text/plain")) {
         const n = t.getData("text/plain");
-        U(n) && k(o, n);
+        U(n) && V(o, n);
       }
     }
     function S(o) {
       const e = o.dataTransfer;
       if (e != null && e.getData("text/plain")) {
         const t = e.getData("text/plain");
-        U(t) && G(t);
+        U(t) && k(t);
       }
     }
-    function T(o) {
+    function G(o) {
       o.preventDefault();
     }
-    return (o, e) => (r(), m("div", null, [
-      d(l(c), {
+    return (o, e) => (r(), g("div", null, [
+      a(l(T), {
         items: l(s).groups,
         "onUpdate:items": e[0] || (e[0] = (t) => l(s).groups = t),
         "get-item-key": (t) => t.id,
@@ -77,61 +77,61 @@ const Q = ["onDrop"], te = /* @__PURE__ */ B({
           t.expanded = !t.expanded;
         }
       }, {
-        "item-title": i(() => e[3] || (e[3] = [
-          a(" Filter group ")
-        ])),
+        "item-title": i(() => [...e[3] || (e[3] = [
+          u(" Filter group ", -1)
+        ])]),
         "item-content": i(({ item: t, index: n }) => [
-          v("div", {
-            class: g(o.$style.groupContent),
+          y("div", {
+            class: f(o.$style.groupContent),
             dropzone: "true",
-            onDrop: (u) => O(n, u),
-            onDragover: T
+            onDrop: (m) => O(n, m),
+            onDragover: G
           }, [
-            d(l(C), {
+            a(l(C), {
               modelValue: t.not,
-              "onUpdate:modelValue": (u) => t.not = u
+              "onUpdate:modelValue": (m) => t.not = m
             }, {
-              default: i(() => e[4] || (e[4] = [
-                a("NOT")
-              ])),
-              _: 2
-            }, 1032, ["modelValue", "onUpdate:modelValue"]),
-            (r(!0), m(w, null, R(t.filters, (u, p) => (r(), y(q, {
+              default: i(() => [...e[4] || (e[4] = [
+                u("NOT", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "onUpdate:modelValue"]),
+            (r(!0), g(w, null, R(t.filters, (m, p) => (r(), D(q, {
               key: p,
               modelValue: t.filters[p],
-              "onUpdate:modelValue": (f) => t.filters[p] = f,
+              "onUpdate:modelValue": (v) => t.filters[p] = v,
               operand: t.operand,
-              "column-options": o.items,
-              "get-suggest-model": o.getSuggestModel,
-              "get-suggest-options": o.getSuggestOptions,
-              "enable-dnd": o.enableDnd,
+              "column-options": d.items,
+              "get-suggest-model": d.getSuggestModel,
+              "get-suggest-options": d.getSuggestOptions,
+              "enable-dnd": d.enableDnd,
               "is-last": p === t.filters.length - 1,
-              "on-change-operand": (f) => t.operand = f,
+              "on-change-operand": (v) => t.operand = v,
               "on-delete": () => P(n, p)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "operand", "column-options", "get-suggest-model", "get-suggest-options", "enable-dnd", "is-last", "on-change-operand", "on-delete"]))), 128)),
-            o.enableDnd ? (r(), m("div", {
+            d.enableDnd ? (r(), g("div", {
               key: 0,
-              class: g(o.$style.dropzone)
-            }, e[5] || (e[5] = [
-              v("div", null, "Drop dimensions here", -1)
-            ]), 2)) : (r(), y(l($), {
+              class: f(o.$style.dropzone)
+            }, [...e[5] || (e[5] = [
+              y("div", null, "Drop dimensions here", -1)
+            ])], 2)) : (r(), D(l($), {
               key: 1,
-              onClick: (u) => k(n, b.value)
+              onClick: (m) => V(n, c.value)
             }, {
               default: i(() => [
-                d(l(F), {
+                a(l(F), {
                   name: "add",
                   style: { "margin-right": "8px" }
                 }),
-                e[6] || (e[6] = a("Add column "))
+                e[6] || (e[6] = u("Add column ", -1))
               ]),
-              _: 2
-            }, 1032, ["onClick"]))
-          ], 42, Q)
+              _: 1
+            }, 8, ["onClick"]))
+          ], 42, K)
         ]),
         "item-after": i(({ index: t }) => [
-          d(I, {
-            class: g(o.$style.buttonWrapper),
+          a(x, {
+            class: f(o.$style.buttonWrapper),
             active: l(s).operand,
             disabled: t === l(s).groups.length - 1,
             "on-select": (n) => l(s).operand = n
@@ -139,9 +139,9 @@ const Q = ["onDrop"], te = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["items", "get-item-key", "item-class", "item-class-content", "item-class-title", "is-expanded", "on-expand"]),
-      d(l(c), {
-        items: V,
-        "onUpdate:items": e[2] || (e[2] = (t) => V = t),
+      a(l(T), {
+        items: b,
+        "onUpdate:items": e[2] || (e[2] = (t) => b = t),
         "get-item-key": (t) => t.id,
         "item-class": o.$style.filterGroup,
         "item-class-content": o.$style.filterGroupContent,
@@ -153,37 +153,37 @@ const Q = ["onDrop"], te = /* @__PURE__ */ B({
         disablePinning: !0,
         dropzone: "true",
         onDrop: S,
-        onDragover: T
+        onDragover: G
       }, {
-        "item-title": i(() => e[7] || (e[7] = [
-          a("Filter group")
-        ])),
+        "item-title": i(() => [...e[7] || (e[7] = [
+          u("Filter group", -1)
+        ])]),
         "item-content": i(({ item: t }) => [
-          d(l(C), {
+          a(l(C), {
             modelValue: t.not,
             "onUpdate:modelValue": (n) => t.not = n,
             disabled: ""
           }, {
-            default: i(() => e[8] || (e[8] = [
-              a("NOT")
-            ])),
-            _: 2
-          }, 1032, ["modelValue", "onUpdate:modelValue"]),
-          o.enableDnd ? (r(), m("div", {
+            default: i(() => [...e[8] || (e[8] = [
+              u("NOT", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "onUpdate:modelValue"]),
+          d.enableDnd ? (r(), g("div", {
             key: 0,
-            class: g(o.$style.dropzone)
-          }, e[9] || (e[9] = [
-            v("div", null, "Drop dimensions here", -1)
-          ]), 2)) : (r(), y(l($), {
+            class: f(o.$style.dropzone)
+          }, [...e[9] || (e[9] = [
+            y("div", null, "Drop dimensions here", -1)
+          ])], 2)) : (r(), D(l($), {
             key: 1,
-            onClick: e[1] || (e[1] = (n) => G(b.value))
+            onClick: e[1] || (e[1] = (n) => k(c.value))
           }, {
             default: i(() => [
-              d(l(F), {
+              a(l(F), {
                 name: "add",
                 style: { "margin-right": "8px" }
               }),
-              e[10] || (e[10] = a("Add column "))
+              e[10] || (e[10] = u("Add column ", -1))
             ]),
             _: 1
           }))

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

@@ -1 +1 @@
-{"version":3,"file":"PlAdvancedFilter.vue2.js","sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport SingleFilter from './SingleFilter.vue';\nimport { PlBtnSecondary, PlElementList, PlCheckbox, PlIcon16 } from '@milaboratories/uikit';\nimport type { PlAdvancedFilterColumnId, CommonFilterSpec, Group, PlAdvancedFilterUI, SourceOptionInfo } from './types';\nimport { computed } from 'vue';\nimport OperandButton from './OperandButton.vue';\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from './constants';\nimport type { ListOptionBase } from '@platforma-sdk/model';\nimport { createNewGroup, isValidColumnId, toInnerModel, toOuterModel, useInnerModel } from './utils';\n\nconst props = withDefaults(defineProps<{\n  /** List of ids of sources (columns, axes) that can be selected in filters */\n  items: SourceOptionInfo[];\n  /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n  enableDnd?: boolean;\n  /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n  getSuggestOptions: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>[]>) |\n    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>[]);\n  /** Loading function for label of selected value for Equal/InSet filters and fixed axes options. */\n  getSuggestModel: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>>) |\n    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>);\n}>(), { enableDnd: false });\n\nconst model = defineModel<CommonFilterSpec>({ required: true });\nconst innerModel = useInnerModel<CommonFilterSpec, PlAdvancedFilterUI>(toInnerModel, toOuterModel, model);\n\nconst firstColumnId = computed(() => props.items[0]?.id);\nconst emptyGroup: Group[] = [{\n  id: 'empty',\n  not: false,\n  operand: 'and',\n  filters: [],\n  expanded: true,\n}];\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  innerModel.value.groups[groupIdx].filters.push({\n    ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n    column: selectedSourceId,\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  if (innerModel.value.groups[groupIdx].filters.length === 1 && filterIdx === 0) {\n    removeGroup(groupIdx);\n  } else {\n    innerModel.value.groups[groupIdx].filters = innerModel.value.groups[groupIdx].filters.filter((_v, idx) => idx !== filterIdx);\n  }\n}\n\nfunction removeGroup(groupIdx: number) {\n  innerModel.value.groups = innerModel.value.groups.filter((v, idx) => idx !== groupIdx);\n}\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  const newGroup = createNewGroup(selectedSourceId);\n  innerModel.value.groups.push(newGroup);\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData('text/plain')) {\n    const draggedId = dataTransfer.getData('text/plain');\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData('text/plain')) {\n    const draggedId = dataTransfer.getData('text/plain');\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"innerModel.groups\"\n      :get-item-key=\"(group) => group.id\"\n\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n\n      :is-expanded=\"(group) => group.expanded\"\n\n      :disableDragging=\"false\"\n      :disableRemoving=\"false\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n\n      :on-expand=\"(group) => { group.expanded = !group.expanded}\"\n    >\n      <template #item-title>\n        Filter group\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"$style.groupContent\" dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox v-model=\"item.not\">NOT</PlCheckbox>\n          <SingleFilter\n            v-for=\"(filter, filterIdx) in item.filters\"\n            :key=\"filterIdx\"\n            v-model=\"item.filters[filterIdx]\"\n            :operand=\"item.operand\"\n            :column-options=\"items\"\n            :get-suggest-model=\"getSuggestModel\"\n            :get-suggest-options=\"getSuggestOptions\"\n            :enable-dnd=\"enableDnd\"\n            :is-last=\"filterIdx === item.filters.length - 1\"\n            :on-change-operand=\"(v) => item.operand = v\"\n            :on-delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n          />\n          <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary v-else @click=\"addColumnToGroup(index, firstColumnId)\">\n            <PlIcon16 name=\"add\" style=\"margin-right: 8px\"/>Add column\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          :class=\"$style.buttonWrapper\"\n          :active=\"innerModel.operand\"\n          :disabled=\"index === innerModel.groups.length - 1\"\n          :on-select=\"(v) => innerModel.operand = v\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always exists, always empty, just for adding new groups -->\n    <PlElementList\n      v-model:items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n\n      :is-expanded=\"() => true\"\n\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title>Filter group</template>\n      <template #item-content=\"{item}\">\n        <PlCheckbox v-model=\"item.not\" disabled >NOT</PlCheckbox>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <PlBtnSecondary v-else @click=\"addGroup(firstColumnId)\">\n          <PlIcon16 name=\"add\" style=\"margin-right: 8px\"/>Add column\n        </PlBtnSecondary>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n  .filterGroup {\n    background: var(--bg-base-light);\n  }\n  .filterGroup:hover {\n    background: rgba(99, 224, 36, 0.12);\n  }\n  .filterGroupTitle {\n    background: none;\n  }\n  .groupContent {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  .dropzone {\n    border-radius: 6px;\n    border: 1.5px dashed var(--color-div-grey);\n    color: var(--txt-03);\n    font-family: Manrope;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    height: 40px;\n    cursor: default;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .buttonWrapper {\n    height: 72px;\n    display: flex;\n    align-items: center;\n  }\n  :global(.sortable-chosen) .buttonWrapper {\n    visibility: hidden;\n  }\n</style>\n"],"names":["props","__props","model","_useModel","innerModel","useInnerModel","toInnerModel","toOuterModel","firstColumnId","computed","_a","emptyGroup","addColumnToGroup","groupIdx","selectedSourceId","DEFAULT_FILTERS","DEFAULT_FILTER_TYPE","removeFilterFromGroup","filterIdx","removeGroup","_v","idx","v","addGroup","newGroup","createNewGroup","handleDropToExistingGroup","event","dataTransfer","draggedId","isValidColumnId","handleDropToNewGroup","dragOver"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAaRC,IAAQC,iBAAgD,GACxDC,IAAaC,EAAoDC,GAAcC,GAAcL,CAAK,GAElGM,IAAgBC,EAAS,MAAA;;AAAM,cAAAC,IAAAV,EAAM,MAAM,CAAC,MAAb,gBAAAU,EAAgB;AAAA,KAAE,GACjDC,IAAsB,CAAC;AAAA,MAC3B,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,CAAA;AAAA,MACT,UAAU;AAAA,IAAA,CACX;AAED,aAASC,EAAiBC,GAAkBC,GAA4C;AACtF,MAAAV,EAAW,MAAM,OAAOS,CAAQ,EAAE,QAAQ,KAAK;AAAA,QAC7C,GAAGE,EAAgBC,CAAmB;AAAA,QACtC,QAAQF;AAAA,MAAA,CACT;AAAA,IACH;AAEA,aAASG,EAAsBJ,GAAkBK,GAAmB;AAClE,MAAId,EAAW,MAAM,OAAOS,CAAQ,EAAE,QAAQ,WAAW,KAAKK,MAAc,IAC1EC,EAAYN,CAAQ,IAEpBT,EAAW,MAAM,OAAOS,CAAQ,EAAE,UAAUT,EAAW,MAAM,OAAOS,CAAQ,EAAE,QAAQ,OAAO,CAACO,GAAIC,MAAQA,MAAQH,CAAS;AAAA,IAE/H;AAEA,aAASC,EAAYN,GAAkB;AACrC,MAAAT,EAAW,MAAM,SAASA,EAAW,MAAM,OAAO,OAAO,CAACkB,GAAGD,MAAQA,MAAQR,CAAQ;AAAA,IACvF;AACA,aAASU,EAAST,GAA4C;AAC5D,YAAMU,IAAWC,EAAeX,CAAgB;AAChD,MAAAV,EAAW,MAAM,OAAO,KAAKoB,CAAQ;AAAA,IACvC;AAEA,aAASE,EAA0Bb,GAAkBc,GAAkB;AACrE,YAAMC,IAAeD,EAAM;AAC3B,UAAIC,KAAA,QAAAA,EAAc,QAAQ,eAAe;AACvC,cAAMC,IAAYD,EAAa,QAAQ,YAAY;AACnD,QAAIE,EAAgBD,CAAS,KAC3BjB,EAAiBC,GAAUgB,CAAS;AAAA,MAExC;AAAA,IACF;AACA,aAASE,EAAqBJ,GAAkB;AAC9C,YAAMC,IAAeD,EAAM;AAC3B,UAAIC,KAAA,QAAAA,EAAc,QAAQ,eAAe;AACvC,cAAMC,IAAYD,EAAa,QAAQ,YAAY;AACnD,QAAIE,EAAgBD,CAAS,KAC3BN,EAASM,CAAS;AAAA,MAEtB;AAAA,IACF;AACA,aAASG,EAASL,GAAkB;AAClC,MAAAA,EAAM,eAAA;AAAA,IACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAdvancedFilter.vue2.js","sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport SingleFilter from './SingleFilter.vue';\nimport { PlBtnSecondary, PlElementList, PlCheckbox, PlIcon16 } from '@milaboratories/uikit';\nimport type { PlAdvancedFilterColumnId, CommonFilterSpec, Group, PlAdvancedFilterUI, SourceOptionInfo } from './types';\nimport { computed } from 'vue';\nimport OperandButton from './OperandButton.vue';\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from './constants';\nimport type { ListOptionBase } from '@platforma-sdk/model';\nimport { createNewGroup, isValidColumnId, toInnerModel, toOuterModel, useInnerModel } from './utils';\n\nconst props = withDefaults(defineProps<{\n  /** List of ids of sources (columns, axes) that can be selected in filters */\n  items: SourceOptionInfo[];\n  /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n  enableDnd?: boolean;\n  /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n  getSuggestOptions: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>[]>) |\n    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>[]);\n  /** Loading function for label of selected value for Equal/InSet filters and fixed axes options. */\n  getSuggestModel: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>>) |\n    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>);\n}>(), { enableDnd: false });\n\nconst model = defineModel<CommonFilterSpec>({ required: true });\nconst innerModel = useInnerModel<CommonFilterSpec, PlAdvancedFilterUI>(toInnerModel, toOuterModel, model);\n\nconst firstColumnId = computed(() => props.items[0]?.id);\nconst emptyGroup: Group[] = [{\n  id: 'empty',\n  not: false,\n  operand: 'and',\n  filters: [],\n  expanded: true,\n}];\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  innerModel.value.groups[groupIdx].filters.push({\n    ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n    column: selectedSourceId,\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  if (innerModel.value.groups[groupIdx].filters.length === 1 && filterIdx === 0) {\n    removeGroup(groupIdx);\n  } else {\n    innerModel.value.groups[groupIdx].filters = innerModel.value.groups[groupIdx].filters.filter((_v, idx) => idx !== filterIdx);\n  }\n}\n\nfunction removeGroup(groupIdx: number) {\n  innerModel.value.groups = innerModel.value.groups.filter((v, idx) => idx !== groupIdx);\n}\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  const newGroup = createNewGroup(selectedSourceId);\n  innerModel.value.groups.push(newGroup);\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData('text/plain')) {\n    const draggedId = dataTransfer.getData('text/plain');\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData('text/plain')) {\n    const draggedId = dataTransfer.getData('text/plain');\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"innerModel.groups\"\n      :get-item-key=\"(group) => group.id\"\n\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n\n      :is-expanded=\"(group) => group.expanded\"\n\n      :disableDragging=\"false\"\n      :disableRemoving=\"false\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n\n      :on-expand=\"(group) => { group.expanded = !group.expanded}\"\n    >\n      <template #item-title>\n        Filter group\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"$style.groupContent\" dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox v-model=\"item.not\">NOT</PlCheckbox>\n          <SingleFilter\n            v-for=\"(filter, filterIdx) in item.filters\"\n            :key=\"filterIdx\"\n            v-model=\"item.filters[filterIdx]\"\n            :operand=\"item.operand\"\n            :column-options=\"items\"\n            :get-suggest-model=\"getSuggestModel\"\n            :get-suggest-options=\"getSuggestOptions\"\n            :enable-dnd=\"enableDnd\"\n            :is-last=\"filterIdx === item.filters.length - 1\"\n            :on-change-operand=\"(v) => item.operand = v\"\n            :on-delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n          />\n          <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary v-else @click=\"addColumnToGroup(index, firstColumnId)\">\n            <PlIcon16 name=\"add\" style=\"margin-right: 8px\"/>Add column\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          :class=\"$style.buttonWrapper\"\n          :active=\"innerModel.operand\"\n          :disabled=\"index === innerModel.groups.length - 1\"\n          :on-select=\"(v) => innerModel.operand = v\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always exists, always empty, just for adding new groups -->\n    <PlElementList\n      v-model:items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n\n      :is-expanded=\"() => true\"\n\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title>Filter group</template>\n      <template #item-content=\"{item}\">\n        <PlCheckbox v-model=\"item.not\" disabled >NOT</PlCheckbox>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <PlBtnSecondary v-else @click=\"addGroup(firstColumnId)\">\n          <PlIcon16 name=\"add\" style=\"margin-right: 8px\"/>Add column\n        </PlBtnSecondary>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n  .filterGroup {\n    background: var(--bg-base-light);\n  }\n  .filterGroup:hover {\n    background: rgba(99, 224, 36, 0.12);\n  }\n  .filterGroupTitle {\n    background: none;\n  }\n  .groupContent {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  .dropzone {\n    border-radius: 6px;\n    border: 1.5px dashed var(--color-div-grey);\n    color: var(--txt-03);\n    font-family: Manrope;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    height: 40px;\n    cursor: default;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .buttonWrapper {\n    height: 72px;\n    display: flex;\n    align-items: center;\n  }\n  :global(.sortable-chosen) .buttonWrapper {\n    visibility: hidden;\n  }\n</style>\n"],"names":["props","__props","model","_useModel","innerModel","useInnerModel","toInnerModel","toOuterModel","firstColumnId","computed","_a","emptyGroup","addColumnToGroup","groupIdx","selectedSourceId","DEFAULT_FILTERS","DEFAULT_FILTER_TYPE","removeFilterFromGroup","filterIdx","removeGroup","_v","idx","v","addGroup","newGroup","createNewGroup","handleDropToExistingGroup","event","dataTransfer","draggedId","isValidColumnId","handleDropToNewGroup","dragOver","_createElementBlock","_createVNode","_unref","PlElementList","_cache","$event","group","$style","_withCtx","item","index","_createElementVNode","_normalizeClass","PlCheckbox","_openBlock","_Fragment","filter","_createBlock","SingleFilter","PlBtnSecondary","PlIcon16","OperandButton"],"mappings":"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"}