@milaboratories/graph-maker 1.1.137 → 1.1.139

package/dist/GraphMaker/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../src/GraphMaker/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ChartInterface,\n  DataByColumns,\n  LassoControlsState,\n  MiPlots,\n  Settings\n} from '@milaboratories/miplots4';\nimport {\n  ChartType,\n  DemoDataStore, getInitialStateByType,\n  PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport type { AxisSpec, AxisValue, PFrameDriver, PlSelectionModel } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport canonicalize from 'canonicalize';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport './assets/ui.scss';\nimport Chart from './components/Chart.vue';\nimport Loading from './components/Loading.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport { useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { GraphMakerState, GraphStatus } from './types';\nimport { DendroNodeInfo, GraphMakerProps } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport { copyJSON } from './utils/copyJSON';\n\nconst emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n  /**\n   reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n   In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n   Besides, after reset default-options will be applied again. You can use reset to apply new default-options.\n   */\n  reset,\n  /**\n   Apply new defaults without resetting all the state\n   */\n  resetDefaults\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframeValue) => {\n  if (!pframeValue) {\n    return;\n  }\n  const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n  if (!driver) {\n    throw new Error('PFrame driver is missing');\n  }\n  dataStore.value = new DemoDataStore(\n    pframeValue,\n    driver,\n    props.labelsModifier\n  );\n}, { immediate: true });\n\n\n//fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n  if (\n    value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue) ||\n    value && !oldValue ||\n    oldValue && !value\n  ) {\n    fixedOptions.value = value;\n  }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\n\nconst state = provideStore(\n  toRaw(graphMakerState.value),\n  dataStore,\n  props.chartType,\n  defaultOptions,\n  fixedOptions,\n  props.dataColumnPredicate,\n  props.readonlyInputs\n);\n\nfunction reset() {\n  const nextReactiveState = createReactiveState(\n    toRaw(graphMakerState.value),\n    props.chartType\n  );\n  Object.assign(state.value.reactive, nextReactiveState);\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions;\n}\n\nfunction resetDefaults() {\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : [];\n}\n\nconst prevDataKey = computed(() => state.value.reactive.dataStateKey);\nwatch(() => canonicalize(props.dataStateKey), (keyValue) => {\n  if ((keyValue !== undefined || prevDataKey.value !== undefined) && prevDataKey.value !== keyValue) {\n    graphMakerState.value.optionsState = copyJSON(getInitialStateByType(props.chartType));\n    const nextReactiveState = createReactiveState(toRaw(graphMakerState.value), props.chartType);\n    Object.assign(state.value.reactive, nextReactiveState);\n    Object.assign(state.value.loading, {\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n    });\n    defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : []; // to trigger watch on defaults\n  }\n  state.value.reactive.dataStateKey = keyValue;\n}, {deep: true, immediate: true});\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\n\nconst graphStatus = computed<GraphStatus>(() => {\n  const inputGuide = state.value.inputGuide.value;\n  const chartData = state.value.chartData.value;\n  if (!inputGuide.consistent) {\n    return 'inconsistent';\n  }\n  if (!inputGuide.ready) {\n    return 'notReady';\n  }\n  if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n    return 'empty';\n  }\n  return 'ready';\n});\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n  state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n  state.value.reactive.dendroInfoByClick = d;\n}\n\nfunction onTooltipHintSwitch(v:boolean) {\n  state.value.reactive.showTooltipHint = v;\n}\n\nfunction onLassoPolygonUpdate(dotIndexes:number[], polygons:{points:[number, number][], closed: boolean}[]) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    selectedPolygons: polygons\n  };\n\n  const axesData = state.value.chartData.value?.data?.axesData;\n  if (dotIndexes.length === 0 || !axesData) {\n    selectionState.value = {axesSpec: [], selectedKeys: []};\n    return;\n  }\n\n  const axisKeys = Object.keys(axesData);\n  const inputGuide = state.value.inputGuide.value;\n  selectionState.value = {\n    axesSpec: axisKeys.map(axisKey => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n    selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx] as AxisValue))\n  };\n}\n\nfunction onLassoStateChange (v:LassoControlsState) {\n  state.value.reactive.lassoControlsState = v;\n}\nconst graphEventHandlers:Record<ChartType, unknown> = {\n  dendro: [onTreeNodeClick],\n  'scatterplot-umap': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  discrete: [onTooltipHintSwitch],\n  scatterplot: {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  histogram: [onTooltipHintSwitch],\n  heatmap: [onTooltipHintSwitch],\n  bubble: [onTooltipHintSwitch]\n}\nfunction updateChart(value: {data: PlotDataAndSettings['data']['byColumns'], settings: PlotDataAndSettings['settings']} | null) {\n  // if dataByColumns exists but columns has no data - show empty chart\n  if (value && Object.values(value.data.values)[0]?.length > 0) {\n    console.log('value.dataByColumns', toRaw(value.data));\n    console.log('value.settings', toRaw(value.settings));\n    if (chartRef.value) {\n      chartRef.value.updateSettingsAndData(toRaw(value.data), toRaw(value.settings) as Settings);\n    } else {\n      const htmlNode = document.getElementById('chartSvgContainer');\n      if (htmlNode) {\n        chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n        if (value.settings.type === 'scatterplot-umap') {\n          // set default polygons (from props)\n          chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n        }\n        chartRef.value.mount(htmlNode);\n      }\n    }\n    // calculated by chart renderer data, tree hierarchy for example\n    chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n  } else {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n}\n\nconst chartDataForRender = shallowRef<{settings:Settings, data:DataByColumns} | null>(null);\nwatch([\n  () => state.value.chartData.value\n], ([chartData]) => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(chartData),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive)\n  );\n});\nwatch([\n  () => state.value.reactive.template,\n  () => state.value.reactive.layersSettings,\n  () => state.value.reactive.axesSettings,\n  () => state.value.reactive.statisticsSettings,\n  () => state.value.reactive.dataBindAes,\n  () => state.value.reactive.chartScale,\n], () => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(state.value.chartData.value),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n  );\n}, {deep: true});\n\nwatch(() => chartDataForRender.value, (chartData) => {\n  updateChart(chartData);\n});\nonMounted(() => {\n  updateChart(null);\n});\nonUnmounted(() => {\n  chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    optionsState: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    statisticsSettings: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    axesSettings: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    layersSettings: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataBindAes: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\n\nwatchDebounced([\n  () => state.value.reactive.chartScale,\n  () => state.value.reactive.template,\n  () => state.value.reactive.currentTab\n], ([zoomState, template, currentTab]) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    zoomState,\n    template,\n    currentTab\n  }\n}, { debounce: 1000});\n\nwatch(() => state.value.reactive.dataStateKey, (dataStateKey) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataStateKey\n  }\n}, {immediate: true});\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n  state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n  state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n  saveToFile(\n    new Blob([\n      chartRef.value?.export() ?? ''\n    ]),\n    'chart.svg'\n  );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    title: nextTitle\n  };\n}\n\nfunction selectTreeNode(id: number | null) {\n  state.value.reactive.dendroSelectedNodeId = id;\n  chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\n\n</script>\n\n<template>\n  <div class=\"graph-maker\">\n    <div class=\"graph-maker__main-pane\">\n      <chart\n        :graph-status=\"graphStatus\"\n        :graphTitle=\"graphMakerState.title\"\n        :chartData=\"chartCalculatedDataRef\"\n        :chart-ref=\"chartRef\"\n        :dendroTooltipButton=\"tooltipButton\"\n        @graph-title-update=\"updateGraphTitle\"\n        @dendro-node-select=\"selectTreeNode\"\n        @dendro-tooltip-btn-click=\"(id:string) => $emit('tooltip-btn-click', id)\"\n      >\n        <slot name=\"titleLineSlot\"></slot>\n      </chart>\n      <TransitionSlidePanel id=\"graph-settings-modal\" v-if=\"!state.loading.initialInputGuide\">\n        <panel-modal v-if=\"state.reactive.currentTab\" @close=\"state.reactive.currentTab = null\">\n          <component :is=\"currentForm.value\">\n            <slot name=\"settingsSlot\"></slot> \n          </component>\n        </panel-modal>\n      </TransitionSlidePanel>\n    </div>\n    <v-tabs\n      v-if=\"!state.loading.initialInputGuide\"\n      :chart-type=\"state.reactive.chartType\"\n      :graph-status=\"graphStatus\"\n      :allowDeleting=\"allowChartDeleting\"\n      :hasSettingsSlot=\"hasSettingsSlot\"\n      v-model=\"state.reactive.currentTab\"\n      @export=\"onExport\"\n      @delete=\"$emit('delete-this-graph')\"\n    />\n    <loading v-if=\"state.loading.initialInputGuide\" :top=\"80\" :left=\"12\" :right=\"12\" :bottom=\"12\" />\n  </div>\n</template>\n"],"names":["graphMakerState","_useModel","selectionState","__props","props","__expose","reset","resetDefaults","dataStore","ref","watch","pframeValue","driver","_a","DemoDataStore","fixedOptions","value","oldValue","defaultOptions","state","provideStore","toRaw","nextReactiveState","createReactiveState","prevDataKey","computed","canonicalize","keyValue","copyJSON","getInitialStateByType","currentForm","useSettingsForm","chartRef","shallowRef","chartCalculatedDataRef","graphStatus","inputGuide","chartData","onTreeNodeClick","d","onTooltipHintSwitch","v","onLassoPolygonUpdate","dotIndexes","polygons","axesData","_b","axisKeys","axisKey","idx","onLassoStateChange","graphEventHandlers","updateChart","htmlNode","MiPlots","_c","chartDataForRender","composeChartSettings","onMounted","onUnmounted","watchDebounced","zoomState","template","currentTab","dataStateKey","onExport","saveToFile","updateGraphTitle","nextTitle","selectTreeNode","id","slots","useSlots","hasSettingsSlot"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../src/GraphMaker/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ChartInterface,\n  DataByColumns,\n  LassoControlsState,\n  MiPlots,\n  Settings\n} from '@milaboratories/miplots4';\nimport {\n  ChartType,\n  DemoDataStore, getInitialStateByType,\n  PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport type { AxisSpec, AxisValue, PFrameDriver, PlSelectionModel } from '@platforma-sdk/model';\nimport { watchDebounced } from '@vueuse/core';\nimport canonicalize from 'canonicalize';\nimport { computed, onMounted, onUnmounted, ref, shallowRef, toRaw, useSlots, watch } from 'vue';\nimport './assets/ui.scss';\nimport Chart from './components/Chart.vue';\nimport Loading from './components/Loading.vue';\nimport PanelModal from './components/PanelModal.vue';\nimport VTabs from './components/SettingsTabs/index.vue';\nimport TransitionSlidePanel from './components/TransitionSlidePanel.vue';\nimport { useSettingsForm } from './forms';\nimport { createReactiveState, provideStore } from './store';\nimport type { GraphMakerState, GraphStatus } from './types';\nimport { DendroNodeInfo, GraphMakerProps } from './types';\nimport { composeChartSettings, saveToFile } from './utils';\nimport { copyJSON } from './utils/copyJSON';\n\nconst emit = defineEmits(['delete-this-graph', 'tooltip-btn-click']);\n\nconst graphMakerState = defineModel<GraphMakerState>({ required: true });\nconst selectionState = defineModel<PlSelectionModel>('selection');\n\nconst props = defineProps<GraphMakerProps>();\n\ndefineExpose({\n  /**\n   reset() will update data-mapping, axis-settings, layers-settings with the state that is in v-model at the moment.\n   In other cases editing of v-model fields doesn't make any impact to graphs and interface.\n   Besides, after reset default-options will be applied again. You can use reset to apply new default-options.\n   */\n  reset,\n  /**\n   Apply new defaults without resetting all the state\n   */\n  resetDefaults\n});\n\nconst dataStore = ref<DemoDataStore | null>(null);\n\nwatch(() => props.pFrame, (pframeValue) => {\n  if (!pframeValue) {\n    return;\n  }\n  const driver = ('platforma' in window) ? window.platforma?.pFrameDriver as PFrameDriver : props.driver;\n  if (!driver) {\n    throw new Error('PFrame driver is missing');\n  }\n  dataStore.value = new DemoDataStore(\n    pframeValue,\n    driver,\n    props.labelsModifier\n  );\n}, { immediate: true });\n\n\n//fixed options can be updated outside, other settings only inside from chart settings interface, so we don't watching other settings\nconst fixedOptions = ref<typeof props.fixedOptions>(props.fixedOptions ?? []);\nwatch(() => props.fixedOptions, (value, oldValue) => {\n  if (\n    value && oldValue && JSON.stringify(value) !== JSON.stringify(oldValue) ||\n    value && !oldValue ||\n    oldValue && !value\n  ) {\n    fixedOptions.value = value;\n  }\n}, { deep: true });\nconst defaultOptions = ref<typeof props.defaultOptions>(props.defaultOptions);\n\nconst state = provideStore(\n  toRaw(graphMakerState.value),\n  dataStore,\n  props.chartType,\n  defaultOptions,\n  fixedOptions,\n  props.dataColumnPredicate,\n  props.readonlyInputs\n);\n\nfunction reset() {\n  const nextReactiveState = createReactiveState(\n    toRaw(graphMakerState.value),\n    props.chartType\n  );\n  Object.assign(state.value.reactive, nextReactiveState);\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions;\n}\n\nfunction resetDefaults() {\n  Object.assign(state.value.loading, {\n    initialInputGuide: true,\n    initialCharts: true,\n    initialDefaults: true,\n    inputGuide: false,\n    chartData: false,\n  });\n  defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : [];\n}\n\nconst prevDataKey = computed(() => state.value.reactive.dataStateKey);\nwatch(() => canonicalize(props.dataStateKey), (keyValue) => {\n  if ((keyValue !== undefined || prevDataKey.value !== undefined) && prevDataKey.value !== keyValue) {\n    graphMakerState.value.optionsState = copyJSON(getInitialStateByType(props.chartType));\n    const nextReactiveState = createReactiveState(toRaw(graphMakerState.value), props.chartType);\n    Object.assign(state.value.reactive, nextReactiveState);\n    Object.assign(state.value.loading, {\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n    });\n    defaultOptions.value = props.defaultOptions ? [...props.defaultOptions] as typeof props.defaultOptions : []; // to trigger watch on defaults\n  }\n  state.value.reactive.dataStateKey = keyValue;\n}, {deep: true, immediate: true});\n\nconst currentForm = computed(() => useSettingsForm(state.value.reactive.currentTab));\n\nconst chartRef = shallowRef<ChartInterface | null>(null);\nconst chartCalculatedDataRef = ref<Record<string, unknown> | null>(null);\n\nconst graphStatus = computed<GraphStatus>(() => {\n  const inputGuide = state.value.inputGuide.value;\n  const chartData = state.value.chartData.value;\n  if (!inputGuide.consistent) {\n    return 'inconsistent';\n  }\n  if (!inputGuide.ready) {\n    return 'notReady';\n  }\n  if (chartData && Object.values(chartData.data.byColumns.values)[0]?.length === 0) {\n    return 'empty';\n  }\n  return 'ready';\n});\nfunction onTreeNodeClick(d: DendroNodeInfo) {\n  state.value.reactive.dendroSelectedNodeId = d?.info[0]?.id as number;\n  state.value.reactive.dendroInfoByClick = d;\n}\n\nfunction onTooltipHintSwitch(v:boolean) {\n  state.value.reactive.showTooltipHint = v;\n}\n\nfunction onLassoPolygonUpdate(dotIndexes:number[], polygons:{points:[number, number][], closed: boolean}[]) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    selectedPolygons: polygons\n  };\n\n  const axesData = state.value.chartData.value?.data?.axesData;\n  if (dotIndexes.length === 0 || !axesData) {\n    selectionState.value = {axesSpec: [], selectedKeys: []};\n    return;\n  }\n\n  const axisKeys = Object.keys(axesData);\n  const inputGuide = state.value.inputGuide.value;\n  selectionState.value = {\n    axesSpec: axisKeys.map(axisKey => inputGuide.getSourceInfo(axisKey).spec as AxisSpec),\n    selectedKeys: dotIndexes.map((idx) => axisKeys.map((axisKey) => axesData[axisKey][idx] as AxisValue))\n  };\n}\n\nfunction onLassoStateChange (v:LassoControlsState) {\n  state.value.reactive.lassoControlsState = v;\n}\nconst graphEventHandlers:Record<ChartType, unknown> = {\n  dendro: [onTreeNodeClick],\n  'scatterplot-umap': {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  discrete: [onTooltipHintSwitch],\n  scatterplot: {\n    onPolygonUpdate: onLassoPolygonUpdate,\n    onTooltipHintSwitch,\n    onLassoControlsStateUpdate: onLassoStateChange\n  },\n  histogram: [onTooltipHintSwitch],\n  heatmap: [onTooltipHintSwitch],\n  bubble: [onTooltipHintSwitch]\n}\nfunction updateChart(value: {data: PlotDataAndSettings['data']['byColumns'], settings: PlotDataAndSettings['settings']} | null) {\n  // if dataByColumns exists but columns has no data - show empty chart\n  if (value && Object.values(value.data.values)[0]?.length > 0) {\n    console.log('value.dataByColumns', toRaw(value.data));\n    console.log('value.settings', toRaw(value.settings));\n    if (chartRef.value) {\n      chartRef.value.updateSettingsAndData(toRaw(value.data), toRaw(value.settings) as Settings);\n    } else {\n      const htmlNode = document.getElementById('chartSvgContainer');\n      if (htmlNode) {\n        chartRef.value = MiPlots.newPlot(toRaw(value.data), toRaw(value.settings) as Settings, graphEventHandlers[value.settings.type as ChartType]);\n        if (value.settings.type === 'scatterplot-umap') {\n          // set default polygons (from props)\n          chartRef.value.updateChartState('polygon', graphMakerState.value.selectedPolygons ?? []);\n        }\n        chartRef.value.mount(htmlNode);\n      }\n    }\n    // calculated by chart renderer data, tree hierarchy for example\n    chartCalculatedDataRef.value = chartRef.value?.calculatedData ? { ...chartRef.value.calculatedData } : null;\n  } else {\n    chartRef.value?.unmount();\n    chartRef.value = null;\n  }\n}\n\nconst chartDataForRender = shallowRef<{settings:Settings, data:DataByColumns} | null>(null);\nwatch([\n  () => state.value.chartData.value\n], ([chartData]) => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(chartData),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive)\n  );\n});\nwatch([\n  () => state.value.reactive.template,\n  () => state.value.reactive.layersSettings,\n  () => state.value.reactive.axesSettings,\n  () => state.value.reactive.statisticsSettings,\n  () => state.value.reactive.dataBindAes,\n  () => state.value.reactive.chartScale,\n], () => {\n  chartDataForRender.value = composeChartSettings(\n    toRaw(state.value.chartData.value),\n    toRaw(state.value.inputGuide.value),\n    toRaw(state.value.uniqueValuesData.value),\n    toRaw(state.value.filterLabelsInfo.value),\n    toRaw(state.value.reactive),\n  );\n}, {deep: true});\n\nwatch(() => chartDataForRender.value, (chartData) => {\n  updateChart(chartData);\n});\nonMounted(() => {\n  updateChart(null);\n});\nonUnmounted(() => {\n  chartRef.value?.unmount();\n});\n\nwatchDebounced(() => state.value.reactive.optionsState, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    optionsState: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.statisticsSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    statisticsSettings: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.axesSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    axesSettings: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.layersSettings, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    layersSettings: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\nwatchDebounced(() => state.value.reactive.dataBindAes, (v) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataBindAes: copyJSON(v)\n  }\n}, {deep: true, debounce: 1000});\n\nwatchDebounced([\n  () => state.value.reactive.chartScale,\n  () => state.value.reactive.template,\n  () => state.value.reactive.currentTab\n], ([zoomState, template, currentTab]) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    zoomState,\n    template,\n    currentTab\n  }\n}, { debounce: 1000});\n\nwatch(() => state.value.reactive.dataStateKey, (dataStateKey) => {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    dataStateKey\n  }\n}, {immediate: true});\n\nwatch(() => graphMakerState.value.currentTab, (v) => {\n  state.value.reactive.currentTab = v === undefined ? 'dataMapping' : v;\n});\n\nwatch(() => graphMakerState.value?.layersSettings?.dendro?.showTable, (v) => {\n  state.value.reactive.layersSettings.dendro.showTable = v ?? false;\n});\n\nfunction onExport() {\n  saveToFile(\n    new Blob([\n      chartRef.value?.export() ?? ''\n    ]),\n    'chart.svg'\n  );\n}\n\nfunction updateGraphTitle(nextTitle: string) {\n  graphMakerState.value = {\n    ...graphMakerState.value,\n    title: nextTitle\n  };\n}\n\nfunction selectTreeNode(id: number | null) {\n  state.value.reactive.dendroSelectedNodeId = id;\n  chartRef.value?.updateChartState('selectedNode', id);\n}\n\nconst slots = useSlots();\n\nconst hasSettingsSlot = computed(() => Boolean(slots.settingsSlot));\nconst hasLogSlot = computed(() => Boolean(slots.logSlot));\n\n</script>\n\n<template>\n  <div class=\"graph-maker\">\n    <div class=\"graph-maker__main-pane\">\n      <chart\n        :graph-status=\"graphStatus\"\n        :graphTitle=\"graphMakerState.title\"\n        :chartData=\"chartCalculatedDataRef\"\n        :chart-ref=\"chartRef\"\n        :dendroTooltipButton=\"tooltipButton\"\n        @graph-title-update=\"updateGraphTitle\"\n        @dendro-node-select=\"selectTreeNode\"\n        @dendro-tooltip-btn-click=\"(id:string) => $emit('tooltip-btn-click', id)\"\n      >\n        <slot name=\"titleLineSlot\"></slot>\n      </chart>\n      <loading v-if=\"state.loading.initialInputGuide\" :top=\"67\" :left=\"12\" :right=\"12\" :bottom=\"12\" />\n      <TransitionSlidePanel id=\"graph-settings-modal\" v-if=\"!state.loading.initialInputGuide\">\n        <panel-modal v-if=\"state.reactive.currentTab\" @close=\"state.reactive.currentTab = null\">\n          <component :is=\"currentForm.value\">\n            <slot v-if=\"state.reactive.currentTab === 'settings'\" name=\"settingsSlot\"></slot> \n            <slot v-if=\"state.reactive.currentTab === 'log'\" name=\"logSlot\"></slot> \n          </component>\n        </panel-modal>\n      </TransitionSlidePanel>\n    </div>\n    <v-tabs\n      :chart-type=\"state.reactive.chartType\"\n      :graph-status=\"graphStatus\"\n      :allowDeleting=\"allowChartDeleting\"\n      :hasSettingsSlot=\"hasSettingsSlot\"\n      :hasLogSlot=\"hasLogSlot\"\n      :initialLoading=\"state.loading.initialInputGuide\"\n      v-model=\"state.reactive.currentTab\"\n      @export=\"onExport\"\n      @delete=\"$emit('delete-this-graph')\"\n    />\n  </div>\n</template>\n"],"names":["graphMakerState","_useModel","selectionState","__props","props","__expose","reset","resetDefaults","dataStore","ref","watch","pframeValue","driver","_a","DemoDataStore","fixedOptions","value","oldValue","defaultOptions","state","provideStore","toRaw","nextReactiveState","createReactiveState","prevDataKey","computed","canonicalize","keyValue","copyJSON","getInitialStateByType","currentForm","useSettingsForm","chartRef","shallowRef","chartCalculatedDataRef","graphStatus","inputGuide","chartData","onTreeNodeClick","d","onTooltipHintSwitch","v","onLassoPolygonUpdate","dotIndexes","polygons","axesData","_b","axisKeys","axisKey","idx","onLassoStateChange","graphEventHandlers","updateChart","htmlNode","MiPlots","_c","chartDataForRender","composeChartSettings","onMounted","onUnmounted","watchDebounced","zoomState","template","currentTab","dataStateKey","onExport","saveToFile","updateGraphTitle","nextTitle","selectTreeNode","id","slots","useSlots","hasSettingsSlot","hasLogSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAMA,IAAkBC,iBAA+C,GACjEC,IAAiBD,EAA6BE,GAAC,WAAW,GAE1DC,IAAQD;AAEd,IAAAE,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMX,OAAAC;AAAA;AAAA;AAAA;AAAA,MAIA,eAAAC;AAAA,IAAA,CACD;AAED,UAAMC,IAAYC,EAA0B,IAAI;AAEhD,IAAAC,EAAM,MAAMN,EAAM,QAAQ,CAACO,MAAgB;;AACzC,UAAI,CAACA;AACH;AAEF,YAAMC,IAAU,eAAe,UAAUC,IAAA,OAAO,cAAP,gBAAAA,EAAkB,eAA+BT,EAAM;AAChG,UAAI,CAACQ;AACH,cAAM,IAAI,MAAM,0BAA0B;AAE5C,MAAAJ,EAAU,QAAQ,IAAIM;AAAA,QACpBH;AAAA,QACAC;AAAA,QACAR,EAAM;AAAA,MAAA;AAAA,IAEV,GAAG,EAAE,WAAW,IAAM;AAItB,UAAMW,IAAeN,EAA+BL,EAAM,gBAAgB,CAAA,CAAE;AAC5E,IAAAM,EAAM,MAAMN,EAAM,cAAc,CAACY,GAAOC,MAAa;AACnD,OACED,KAASC,KAAY,KAAK,UAAUD,CAAK,MAAM,KAAK,UAAUC,CAAQ,KACtED,KAAS,CAACC,KACVA,KAAY,CAACD,OAEbD,EAAa,QAAQC;AAAA,IAEzB,GAAG,EAAE,MAAM,IAAM;AACjB,UAAME,IAAiBT,EAAiCL,EAAM,cAAc,GAEtEe,IAAQC;AAAA,MACZC,EAAMrB,EAAgB,KAAK;AAAA,MAC3BQ;AAAA,MACAJ,EAAM;AAAA,MACNc;AAAA,MACAH;AAAA,MACAX,EAAM;AAAA,MACNA,EAAM;AAAA,IAAA;AAGR,aAASE,IAAQ;AACf,YAAMgB,IAAoBC;AAAA,QACxBF,EAAMrB,EAAgB,KAAK;AAAA,QAC3BI,EAAM;AAAA,MAAA;AAER,aAAO,OAAOe,EAAM,MAAM,UAAUG,CAAiB,GACrD,OAAO,OAAOH,EAAM,MAAM,SAAS;AAAA,QACjC,mBAAmB;AAAA,QACnB,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA,CACZ,GACDD,EAAe,QAAQd,EAAM;AAAA,IAC/B;AAEA,aAASG,IAAgB;AACvB,aAAO,OAAOY,EAAM,MAAM,SAAS;AAAA,QACjC,mBAAmB;AAAA,QACnB,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA,CACZ,GACDD,EAAe,QAAQd,EAAM,iBAAiB,CAAC,GAAGA,EAAM,cAAc,IAAmC,CAAA;AAAA,IAC3G;AAEA,UAAMoB,IAAcC,EAAS,MAAMN,EAAM,MAAM,SAAS,YAAY;AACpE,IAAAT,EAAM,MAAMgB,GAAatB,EAAM,YAAY,GAAG,CAACuB,MAAa;AAC1D,WAAKA,MAAa,UAAaH,EAAY,UAAU,WAAcA,EAAY,UAAUG,GAAU;AACjG,QAAA3B,EAAgB,MAAM,eAAe4B,EAASC,GAAsBzB,EAAM,SAAS,CAAC;AACpF,cAAMkB,IAAoBC,EAAoBF,EAAMrB,EAAgB,KAAK,GAAGI,EAAM,SAAS;AAC3F,eAAO,OAAOe,EAAM,MAAM,UAAUG,CAAiB,GACrD,OAAO,OAAOH,EAAM,MAAM,SAAS;AAAA,UACjC,mBAAmB;AAAA,UACnB,eAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ,WAAW;AAAA,QAAA,CACZ,GACDD,EAAe,QAAQd,EAAM,iBAAiB,CAAC,GAAGA,EAAM,cAAc,IAAmC,CAAA;AAAA,MAC3G;AACA,MAAAe,EAAM,MAAM,SAAS,eAAeQ;AAAA,IACtC,GAAG,EAAC,MAAM,IAAM,WAAW,IAAK;AAEhC,UAAMG,IAAcL,EAAS,MAAMM,GAAgBZ,EAAM,MAAM,SAAS,UAAU,CAAC,GAE7Ea,IAAWC,EAAkC,IAAI,GACjDC,IAAyBzB,EAAoC,IAAI,GAEjE0B,IAAcV,EAAsB,MAAM;;AAC9C,YAAMW,IAAajB,EAAM,MAAM,WAAW,OACpCkB,IAAYlB,EAAM,MAAM,UAAU;AACxC,aAAKiB,EAAW,aAGXA,EAAW,QAGZC,OAAaxB,IAAA,OAAO,OAAOwB,EAAU,KAAK,UAAU,MAAM,EAAE,CAAC,MAAhD,gBAAAxB,EAAmD,YAAW,IACtE,UAEF,UALE,aAHA;AAAA,IASX,CAAC;AACD,aAASyB,EAAgBC,GAAmB;;AAC1C,MAAApB,EAAM,MAAM,SAAS,wBAAuBN,IAAA0B,KAAA,gBAAAA,EAAG,KAAK,OAAR,gBAAA1B,EAAY,IACxDM,EAAM,MAAM,SAAS,oBAAoBoB;AAAA,IAC3C;AAEA,aAASC,EAAoBC,GAAW;AACtC,MAAAtB,EAAM,MAAM,SAAS,kBAAkBsB;AAAA,IACzC;AAEA,aAASC,EAAqBC,GAAqBC,GAAyD;;AAC1G,MAAA5C,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,kBAAkB4C;AAAA,MAAA;AAGpB,YAAMC,KAAWC,KAAAjC,IAAAM,EAAM,MAAM,UAAU,UAAtB,gBAAAN,EAA6B,SAA7B,gBAAAiC,EAAmC;AACpD,UAAIH,EAAW,WAAW,KAAK,CAACE,GAAU;AACxC,QAAA3C,EAAe,QAAQ,EAAC,UAAU,CAAA,GAAI,cAAc,CAAA,EAAC;AACrD;AAAA,MACF;AAEA,YAAM6C,IAAW,OAAO,KAAKF,CAAQ,GAC/BT,IAAajB,EAAM,MAAM,WAAW;AAC1C,MAAAjB,EAAe,QAAQ;AAAA,QACrB,UAAU6C,EAAS,IAAI,CAAAC,MAAWZ,EAAW,cAAcY,CAAO,EAAE,IAAgB;AAAA,QACpF,cAAcL,EAAW,IAAI,CAACM,MAAQF,EAAS,IAAI,CAACC,OAAYH,EAASG,EAAO,EAAEC,CAAG,CAAc,CAAC;AAAA,MAAA;AAAA,IAExG;AAEA,aAASC,EAAoBT,GAAsB;AACjD,MAAAtB,EAAM,MAAM,SAAS,qBAAqBsB;AAAA,IAC5C;AACA,UAAMU,IAAgD;AAAA,MACpD,QAAQ,CAACb,CAAe;AAAA,MACxB,oBAAoB;AAAA,QAClB,iBAAiBI;AAAA,QACjB,qBAAAF;AAAA,QACA,4BAA4BU;AAAA,MAAA;AAAA,MAE9B,UAAU,CAACV,CAAmB;AAAA,MAC9B,aAAa;AAAA,QACX,iBAAiBE;AAAA,QACjB,qBAAAF;AAAA,QACA,4BAA4BU;AAAA,MAAA;AAAA,MAE9B,WAAW,CAACV,CAAmB;AAAA,MAC/B,SAAS,CAACA,CAAmB;AAAA,MAC7B,QAAQ,CAACA,CAAmB;AAAA,IAAA;AAE9B,aAASY,EAAYpC,GAA2G;;AAE9H,UAAIA,OAASH,IAAA,OAAO,OAAOG,EAAM,KAAK,MAAM,EAAE,CAAC,MAAlC,gBAAAH,EAAqC,UAAS,GAAG;AAG5D,YAFA,QAAQ,IAAI,uBAAuBQ,EAAML,EAAM,IAAI,CAAC,GACpD,QAAQ,IAAI,kBAAkBK,EAAML,EAAM,QAAQ,CAAC,GAC/CgB,EAAS;AACX,UAAAA,EAAS,MAAM,sBAAsBX,EAAML,EAAM,IAAI,GAAGK,EAAML,EAAM,QAAQ,CAAa;AAAA,aACpF;AACL,gBAAMqC,IAAW,SAAS,eAAe,mBAAmB;AAC5D,UAAIA,MACFrB,EAAS,QAAQsB,GAAQ,QAAQjC,EAAML,EAAM,IAAI,GAAGK,EAAML,EAAM,QAAQ,GAAemC,EAAmBnC,EAAM,SAAS,IAAiB,CAAC,GACvIA,EAAM,SAAS,SAAS,sBAE1BgB,EAAS,MAAM,iBAAiB,WAAWhC,EAAgB,MAAM,oBAAoB,EAAE,GAEzFgC,EAAS,MAAM,MAAMqB,CAAQ;AAAA,QAEjC;AAEA,QAAAnB,EAAuB,SAAQY,IAAAd,EAAS,UAAT,QAAAc,EAAgB,iBAAiB,EAAE,GAAGd,EAAS,MAAM,eAAA,IAAmB;AAAA,MACzG;AACE,SAAAuB,IAAAvB,EAAS,UAAT,QAAAuB,EAAgB,WAChBvB,EAAS,QAAQ;AAAA,IAErB;AAEA,UAAMwB,IAAqBvB,EAA2D,IAAI;AAC1F,IAAAvB,EAAM;AAAA,MACJ,MAAMS,EAAM,MAAM,UAAU;AAAA,IAAA,GAC3B,CAAC,CAACkB,CAAS,MAAM;AAClB,MAAAmB,EAAmB,QAAQC;AAAA,QACzBpC,EAAMgB,CAAS;AAAA,QACfhB,EAAMF,EAAM,MAAM,WAAW,KAAK;AAAA,QAClCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAE9B,CAAC,GACDT,EAAM;AAAA,MACJ,MAAMS,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,IAAA,GAC1B,MAAM;AACP,MAAAqC,EAAmB,QAAQC;AAAA,QACzBpC,EAAMF,EAAM,MAAM,UAAU,KAAK;AAAA,QACjCE,EAAMF,EAAM,MAAM,WAAW,KAAK;AAAA,QAClCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,iBAAiB,KAAK;AAAA,QACxCE,EAAMF,EAAM,MAAM,QAAQ;AAAA,MAAA;AAAA,IAE9B,GAAG,EAAC,MAAM,IAAK,GAEfT,EAAM,MAAM8C,EAAmB,OAAO,CAACnB,MAAc;AACnD,MAAAe,EAAYf,CAAS;AAAA,IACvB,CAAC,GACDqB,GAAU,MAAM;AACd,MAAAN,EAAY,IAAI;AAAA,IAClB,CAAC,GACDO,GAAY,MAAM;;AAChB,OAAA9C,IAAAmB,EAAS,UAAT,QAAAnB,EAAgB;AAAA,IAClB,CAAC,GAED+C,EAAe,MAAMzC,EAAM,MAAM,SAAS,cAAc,CAACsB,MAAM;AAC7D,MAAAzC,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,cAAc4B,EAASa,CAAC;AAAA,MAAA;AAAA,IAE5B,GAAG,EAAC,MAAM,IAAM,UAAU,KAAK,GAC/BmB,EAAe,MAAMzC,EAAM,MAAM,SAAS,oBAAoB,CAACsB,MAAM;AACnE,MAAAzC,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,oBAAoB4B,EAASa,CAAC;AAAA,MAAA;AAAA,IAElC,GAAG,EAAC,MAAM,IAAM,UAAU,KAAK,GAC/BmB,EAAe,MAAMzC,EAAM,MAAM,SAAS,cAAc,CAACsB,MAAM;AAC7D,MAAAzC,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,cAAc4B,EAASa,CAAC;AAAA,MAAA;AAAA,IAE5B,GAAG,EAAC,MAAM,IAAM,UAAU,KAAK,GAC/BmB,EAAe,MAAMzC,EAAM,MAAM,SAAS,gBAAgB,CAACsB,MAAM;AAC/D,MAAAzC,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,gBAAgB4B,EAASa,CAAC;AAAA,MAAA;AAAA,IAE9B,GAAG,EAAC,MAAM,IAAM,UAAU,KAAK,GAC/BmB,EAAe,MAAMzC,EAAM,MAAM,SAAS,aAAa,CAACsB,MAAM;AAC5D,MAAAzC,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,aAAa4B,EAASa,CAAC;AAAA,MAAA;AAAA,IAE3B,GAAG,EAAC,MAAM,IAAM,UAAU,KAAK,GAE/BmB,EAAe;AAAA,MACb,MAAMzC,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,MAC3B,MAAMA,EAAM,MAAM,SAAS;AAAA,IAAA,GAC1B,CAAC,CAAC0C,GAAWC,GAAUC,CAAU,MAAM;AACxC,MAAA/D,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,WAAA6D;AAAA,QACA,UAAAC;AAAA,QACA,YAAAC;AAAA,MAAA;AAAA,IAEJ,GAAG,EAAE,UAAU,KAAK,GAEpBrD,EAAM,MAAMS,EAAM,MAAM,SAAS,cAAc,CAAC6C,MAAiB;AAC/D,MAAAhE,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,cAAAgE;AAAA,MAAA;AAAA,IAEJ,GAAG,EAAC,WAAW,IAAK,GAEpBtD,EAAM,MAAMV,EAAgB,MAAM,YAAY,CAACyC,MAAM;AACnD,MAAAtB,EAAM,MAAM,SAAS,aAAasB,MAAM,SAAY,gBAAgBA;AAAA,IACtE,CAAC,GAED/B,EAAM,MAAA;;AAAM,cAAA6C,KAAAT,KAAAjC,IAAAb,EAAgB,UAAhB,gBAAAa,EAAuB,mBAAvB,gBAAAiC,EAAuC,WAAvC,gBAAAS,EAA+C;AAAA,OAAW,CAACd,MAAM;AAC3E,MAAAtB,EAAM,MAAM,SAAS,eAAe,OAAO,YAAYsB,KAAK;AAAA,IAC9D,CAAC;AAED,aAASwB,IAAW;;AAClB,MAAAC;AAAA,QACE,IAAI,KAAK;AAAA,YACPrD,IAAAmB,EAAS,UAAT,gBAAAnB,EAAgB,aAAY;AAAA,QAAA,CAC7B;AAAA,QACD;AAAA,MAAA;AAAA,IAEJ;AAEA,aAASsD,EAAiBC,GAAmB;AAC3C,MAAApE,EAAgB,QAAQ;AAAA,QACtB,GAAGA,EAAgB;AAAA,QACnB,OAAOoE;AAAA,MAAA;AAAA,IAEX;AAEA,aAASC,EAAeC,GAAmB;;AACzC,MAAAnD,EAAM,MAAM,SAAS,uBAAuBmD,IAC5CzD,IAAAmB,EAAS,UAAT,QAAAnB,EAAgB,iBAAiB,gBAAgByD;AAAA,IACnD;AAEA,UAAMC,IAAQC,GAAA,GAERC,IAAkBhD,EAAS,MAAM,EAAQ8C,EAAM,YAAa,GAC5DG,KAAajD,EAAS,MAAM,EAAQ8C,EAAM,OAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/store.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/store.ts"],"names":[],"mappings":"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"}

package/dist/GraphMaker/store.js

@@ -1,6 +1,6 @@
 import { deepClone as j } from "../node_modules/@milaboratories/helpers/dist/index.js";
 import { getControllerByType as A, getInitialStateByType as k } from "../node_modules/@milaboratories/pf-plots/dist/index.js";
-import { ref as p, computed as T, toRaw as w, watch as D, provide as z, reactive as M, inject as J } from "vue";
+import { ref as p, computed as D, toRaw as w, watch as h, provide as z, reactive as M, inject as J } from "vue";
 import { getInitialAxesSettings as O, getInitialLayersSettings as P, getInitialStatisticsState as V, getInitialTemplate as W } from "./constantsCommon.js";
 import { updateDataBindAes as q } from "./dataBindAes.js";
 import { notEmpty as Q } from "./helpers.js";
@@ -14,15 +14,15 @@ import { copyJSON as G } from "./utils/copyJSON.js";
 import { getUsedAesInMapping as Z } from "./utils/getUsedAesInMapping.js";
 import { getUniqueValuesFromReadyChartData as _, loadFilterLabelsForTitle as $ } from "./utils/loadUniqueValuesToSave.js";
 function R(t, e) {
-  const u = G(k(t));
+  const c = G(k(t));
   if ((e == null ? void 0 : e.type) !== t)
-    return u;
+    return c;
   const d = G(e);
   return {
-    ...u,
+    ...c,
     ...d,
     components: {
-      ...u.components,
+      ...c.components,
       ...d.components
     }
   };
@@ -43,13 +43,13 @@ function tt(t, e) {
     dataBindAes: G(t.dataBindAes ?? {}),
     chartScale: t.zoomState ?? 100,
     lassoControlsState: null,
-    currentTab: t.currentTab === void 0 ? "dataMapping" : t.currentTab,
+    currentTab: null,
     dendroInfoByClick: null,
     dendroSelectedNodeId: null,
     showTooltipHint: !1
   });
 }
-function et(t, e, u, d, f, g, m, a) {
+function et(t, e, c, d, f, v, m, a) {
   return {
     reactive: t,
     loading: M({
@@ -61,128 +61,132 @@ function et(t, e, u, d, f, g, m, a) {
       dendroTableData: !1
     }),
     commonHelpersData: {
-      primaryGroups: T(
+      primaryGroups: D(
         () => N(
           t.optionsState,
-          g.value,
+          v.value,
           "primaryGrouping"
         )
       ),
-      secondaryGroups: T(
+      secondaryGroups: D(
         () => N(
           t.optionsState,
-          g.value,
+          v.value,
           "secondaryGrouping"
         )
       ),
-      usedAesInMapping: T(
+      usedAesInMapping: D(
         () => Z(
           t.chartType,
           t.template,
           t.layersSettings,
           t.statisticsSettings,
           t.optionsState,
-          u.value
+          c.value
         )
       ),
       dendroTableData: f
     },
     controller: A(t.chartType),
     columnsDataStore: e,
-    inputGuide: u,
+    inputGuide: c,
     chartData: d,
-    uniqueValuesData: g,
+    uniqueValuesData: v,
     filterLabelsInfo: m,
     readonlyInputs: a
   };
 }
-function St(t, e, u, d, f, g, m) {
-  const a = tt(t, u), v = A(a.chartType), y = p(A(a.chartType).getEmptyInputGuide(a.optionsState)), x = p(null), h = p({}), B = p({}), F = p(null), l = T(() => et(a, w(e.value), y, x, F, h, B, m));
-  D([
+function St(t, e, c, d, f, v, m) {
+  const a = tt(t, c), g = A(a.chartType), y = p(A(a.chartType).getEmptyInputGuide(a.optionsState)), x = p(null), T = p({}), B = p({}), F = p(null), o = D(() => et(a, w(e.value), y, x, F, T, B, m));
+  h([
     () => e.value,
     () => d.value
-  ], async ([n, r]) => {
-    if (!r || !n || !l.value.loading.initialDefaults)
+  ], async ([l, i]) => {
+    if (!i || !l || !o.value.loading.initialDefaults)
       return;
-    l.value.loading.initialDefaults = !1, l.value.loading.initialInputGuide = !0;
-    const o = G(a.optionsState.components), i = r.filter((s) => {
-      var c;
-      return ((c = a.optionsState.components[s.inputName]) == null ? void 0 : c.selectorStates.length) === 0 || (m == null ? void 0 : m.includes(s.inputName));
+    o.value.loading.initialDefaults = !1, o.value.loading.initialInputGuide = !0;
+    const n = G(a.optionsState.components), r = i.filter((u) => {
+      var s;
+      return ((s = a.optionsState.components[u.inputName]) == null ? void 0 : s.selectorStates.length) === 0 || (m == null ? void 0 : m.includes(u.inputName));
     });
-    if (i.length === 0)
+    if (r.length === 0)
       return;
-    i.forEach((s) => {
-      o[s.inputName].selectorStates = [];
+    r.forEach((u) => {
+      n[u.inputName].selectorStates = [];
     });
-    const S = await E(n, i);
+    const S = await E(l, r);
     for (const {
-      inputName: s,
-      selectedSource: c,
-      filterType: b,
+      inputName: u,
+      selectedSource: s,
+      filterType: C,
       selectedFilterValue: L,
       selectedFilterRange: U,
       fixedAxes: H
     } of S)
-      o[s].selectorStates.push({
-        selectedSource: c,
-        type: b,
+      n[u].selectorStates.push({
+        selectedSource: s,
+        type: C,
         selectedFilterValue: L,
         selectedFilterRange: U,
         fixedAxes: H
       });
     a.optionsState.components = {
       ...a.optionsState.components,
-      ...o
+      ...n
     };
   }, { immediate: !0 });
-  const C = p(0);
-  D([
+  const b = p(0);
+  h([
     () => a.optionsState,
     () => e.value,
     () => f.value
-  ], async ([n, r, o]) => {
-    C.value++;
-    const i = C.value;
-    l.value.loading.inputGuide = !0;
-    const S = r && o ? (await E(r, o, !1)).map((c) => c.selectedSource) : [], s = r ? await v.calculateOptions(w(r), n, S, g) : v.getEmptyInputGuide(n);
-    i === C.value && (y.value = s, l.value.loading.inputGuide = !1, l.value.loading.initialInputGuide = !1);
+  ], async ([l, i, n]) => {
+    b.value++;
+    const r = b.value;
+    o.value.loading.inputGuide = !0;
+    const S = i && n ? (await E(i, n, !1)).map((s) => s.selectedSource) : [], u = i ? await g.calculateOptions(w(i), l, S, v) : g.getEmptyInputGuide(l);
+    if (r === b.value && (y.value = u, o.value.loading.inputGuide = !1, o.value.loading.initialInputGuide)) {
+      o.value.loading.initialInputGuide = !1;
+      const s = t.currentTab === void 0 ? "dataMapping" : t.currentTab;
+      o.value.reactive.currentTab = o.value.reactive.currentTab ?? s;
+    }
   }, { immediate: !0, deep: !0 });
   const I = p(0);
-  if (D(() => y.value, async (n) => {
+  if (h(() => y.value, async (l) => {
     I.value++;
-    const r = I.value;
-    l.value.loading.chartData = !0;
-    const o = w(e.value), i = await X(n, a, o, f.value);
-    i && o && (h.value = await _(
-      i,
+    const i = I.value;
+    o.value.loading.chartData = !0;
+    const n = w(e.value), r = await X(l, a, n, f.value);
+    r && n && (T.value = await _(
+      r,
+      l,
+      g,
       n,
-      v,
-      o,
-      h.value
-    ), q(a.optionsState, a.dataBindAes, h.value)), B.value = o ? await $(
+      T.value
+    ), q(a.optionsState, a.dataBindAes, T.value)), B.value = n ? await $(
       a.optionsState.components,
-      n,
-      v,
-      o
-    ) : {}, r === I.value && (x.value = i, n.ready && (l.value.loading.initialCharts = !1), l.value.loading.chartData = !1);
+      l,
+      g,
+      n
+    ) : {}, i === I.value && (x.value = r, l.ready && (o.value.loading.initialCharts = !1), o.value.loading.chartData = !1);
   }, { immediate: !0, deep: !0 }), a.chartType === "dendro") {
-    const n = p(0);
-    D([
+    const l = p(0);
+    h([
       () => a.optionsState,
       () => e.value,
       () => y.value.readyData,
       () => f.value
-    ], async ([r, o, i, S]) => {
-      if (i && o) {
-        n.value++;
-        const s = n.value;
-        l.value.loading.dendroTableData = !0;
-        const c = await Y(r, o, S), b = await v.createTableData(o, c);
-        n.value === s && (F.value = b), l.value.loading.dendroTableData = !1;
+    ], async ([i, n, r, S]) => {
+      if (r && n) {
+        l.value++;
+        const u = l.value;
+        o.value.loading.dendroTableData = !0;
+        const s = await Y(i, n, S), C = await g.createTableData(n, s);
+        l.value === u && (F.value = C), o.value.loading.dendroTableData = !1;
       }
     }, { immediate: !0 });
   }
-  return z(K, l), l;
+  return z(K, o), o;
 }
 function yt() {
   return Q(J(K), "Empty store");

package/dist/GraphMaker/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":["../../src/GraphMaker/store.ts"],"sourcesContent":["import { deepClone } from '@milaboratories/helpers';\nimport {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  getControllerByType,\n  getInitialStateByType,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport { PColumnSpec } from '@platforma-sdk/model';\nimport { ListOption } from '@platforma-sdk/ui-vue';\nimport { computed, ComputedRef, inject, provide, reactive, Reactive, Ref, ref, toRaw, watch } from 'vue';\nimport {\n  AesType,\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport {\n  DendroNodeInfo,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap\n} from './types';\nimport { loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle\n} from './utils/loadUniqueValuesToSave';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components\n    }\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n\n    dataStateKey: deepClone(initialData.dataStateKey),\n    //local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    //common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: initialData.currentTab === undefined ? 'dataMapping' : initialData.currentTab,\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: DemoDataStore | null;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  filterLabelsInfo: Ref<Record<string, ListOption>>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: DemoDataStore | null,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  filterLabelsInfo: Ref<Record<string, ListOption>>,\n  readonlyInputs?: InputNamesByChartType[ChartType][]\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      dendroTableData: false\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n          reactiveState.optionsState,\n          uniqueValuesData.value,\n          'primaryGrouping'\n        )\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n          reactiveState.optionsState,\n          uniqueValuesData.value,\n          'secondaryGrouping'\n        )\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value\n        )\n      ),\n      dendroTableData\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    filterLabelsInfo,\n    readonlyInputs\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec:PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][]\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterLabelsInfo = ref<Record<string, ListOption>>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(reactiveState, toRaw(dataStoreRef.value), inputGuide, chartData, dendroTableData, uniqueValuesData, filterLabelsInfo, readonlyInputs));\n\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || !ds || !store.value.loading.initialDefaults) {\n      return;\n    }\n    store.value.loading.initialDefaults = false; // to avoid multiple calculations, default settings cannot change except after reset\n    store.value.loading.initialInputGuide = true; // to show loader on initial loading; changing of reactiveState.optionsState always triggers inputGuide recalculating, so it will be off after inputGuide\n\n    const defaultStateMap = copyJSON(reactiveState.optionsState.components);\n    const defaultOptionsWithoutUserChanges = defaultOptions.filter((opt) => {\n      return reactiveState.optionsState.components[opt.inputName]?.selectorStates.length === 0 ||\n        readonlyInputs?.includes(opt.inputName);\n    })\n    if (defaultOptionsWithoutUserChanges.length === 0) {\n      return;\n    }\n    defaultOptionsWithoutUserChanges.forEach((opt) => {\n      defaultStateMap[opt.inputName].selectorStates = [];\n    });\n    const loadedDefaultSources = await loadDefaultSources(ds, defaultOptionsWithoutUserChanges);\n    for (const {\n      inputName,\n      selectedSource,\n      filterType,\n      selectedFilterValue,\n      selectedFilterRange,\n      fixedAxes\n    } of loadedDefaultSources) {\n      defaultStateMap[inputName].selectorStates.push({\n        selectedSource,\n        type: filterType,\n        selectedFilterValue,\n        selectedFilterRange,\n        fixedAxes\n      });\n    }\n\n    reactiveState.optionsState.components = {\n      ...reactiveState.optionsState.components,\n      ...defaultStateMap\n    };\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value\n  ], async ([optionsState, ds, fixedOptions]) => {\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? (await loadDefaultSources(ds, fixedOptions, false)).map(item => item.selectedSource) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.inputGuide = false;\n      store.value.loading.initialInputGuide = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n    store.value.loading.chartData = true;\n\n    const ds = toRaw(dataStoreRef.value);\n    const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n\n    if (nextChartData && ds) {\n      uniqueValuesData.value = await getUniqueValuesFromReadyChartData(\n        nextChartData,\n        ig,\n        controller,\n        ds,\n        uniqueValuesData.value\n      );\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    }\n    filterLabelsInfo.value = ds ? await loadFilterLabelsForTitle(\n      reactiveState.optionsState.components,\n      ig,\n      controller,\n      ds,\n    ) : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = await addFixedOptionsToState(optionsState, dataStore, fixed) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"names":["getInitialOptionsState","chartType","optionsState","defaultState","copyJSON","getInitialStateByType","optionsStateCopy","createReactiveState","initialData","reactive","deepClone","getInitialTemplate","getInitialStatisticsState","getInitialLayersSettings","getInitialAxesSettings","factoryStore","reactiveState","dataStore","inputGuide","chartData","dendroTableData","uniqueValuesData","filterLabelsInfo","readonlyInputs","computed","calculateDiscreteGroups","getUsedAesInMapping","getControllerByType","provideStore","initialState","dataStoreRef","defaultOptionsRef","fixedOptionsRef","dataColumnPredicate","controller","ref","store","toRaw","watch","ds","defaultOptions","defaultStateMap","defaultOptionsWithoutUserChanges","opt","_a","loadedDefaultSources","loadDefaultSources","inputName","selectedSource","filterType","selectedFilterValue","selectedFilterRange","fixedAxes","inputGuideCounter","fixedOptions","counter","ignoredIds","item","nextInputGuide","chartDataCounter","ig","nextChartData","loadDataForPlot","getUniqueValuesFromReadyChartData","updateDataBindAes","loadFilterLabelsForTitle","dendroDataCounter","ready","fixed","state","addFixedOptionsToState","nextDendroTableData","provide","storeKey","useStore","notEmpty","inject"],"mappings":"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"}
+{"version":3,"file":"store.js","sources":["../../src/GraphMaker/store.ts"],"sourcesContent":["import { deepClone } from '@milaboratories/helpers';\nimport {\n  ChartType,\n  DemoDataStore,\n  DendroStateController,\n  DendroUIState,\n  getControllerByType,\n  getInitialStateByType,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  PlotDataAndSettings\n} from '@milaboratories/pf-plots';\nimport { PColumnSpec } from '@platforma-sdk/model';\nimport { ListOption } from '@platforma-sdk/ui-vue';\nimport { computed, ComputedRef, inject, provide, reactive, Reactive, Ref, ref, toRaw, watch } from 'vue';\nimport {\n  AesType,\n  getInitialAxesSettings,\n  getInitialLayersSettings,\n  getInitialStatisticsState,\n  getInitialTemplate\n} from './constantsCommon';\nimport { updateDataBindAes } from './dataBindAes';\nimport { notEmpty } from './helpers';\nimport { storeKey } from './keys';\nimport {\n  DendroNodeInfo,\n  GraphMakerProps,\n  GraphMakerState,\n  ReactiveState, UniqueValuesBySourceMap\n} from './types';\nimport { loadDefaultSources } from './utils';\nimport { addFixedOptionsToState } from './utils/addFixedOptionsToState';\nimport { calculateDiscreteGroups } from './utils/calculateDiscreteGroups';\nimport { copyJSON } from './utils/copyJSON';\nimport { loadDataForPlot } from './utils/createChartSettingsForRender/composeChartSettings';\nimport { getUsedAesInMapping } from './utils/getUsedAesInMapping';\nimport {\n  getUniqueValuesFromReadyChartData,\n  loadFilterLabelsForTitle\n} from './utils/loadUniqueValuesToSave';\n\nfunction getInitialOptionsState(chartType: ChartType, optionsState: InputState | undefined) {\n  const defaultState = copyJSON(getInitialStateByType(chartType));\n  if (optionsState?.type !== chartType) {\n    return defaultState;\n  }\n  const optionsStateCopy = copyJSON(optionsState);\n\n  return {\n    ...defaultState,\n    ...optionsStateCopy,\n    components: {\n      ...defaultState.components,\n      ...optionsStateCopy.components\n    }\n  };\n}\n\nexport function createReactiveState(\n  initialData: GraphMakerState,\n  chartType: ChartType\n): Reactive<ReactiveState> {\n  return reactive({\n    chartType: chartType,\n    // from pf-plots\n    optionsState: getInitialOptionsState(chartType, initialData.optionsState), // contains user selected inputs\n\n    dataStateKey: deepClone(initialData.dataStateKey),\n    //local form states, updates directly in forms\n    template: getInitialTemplate(initialData.template, chartType),\n    statisticsSettings: getInitialStatisticsState(chartType, initialData.statisticsSettings),\n    layersSettings: getInitialLayersSettings(initialData.layersSettings),\n    axesSettings: getInitialAxesSettings(chartType, initialData.axesSettings),\n    //common aesthetics data mapped on columns/axes values\n    dataBindAes: copyJSON(initialData.dataBindAes ?? {}),\n    chartScale: initialData.zoomState ?? 100,\n    lassoControlsState: null,\n    currentTab: null,\n    dendroInfoByClick: null as null | DendroNodeInfo,\n    dendroSelectedNodeId: null,\n    showTooltipHint: false,\n  });\n}\n\nexport interface Store {\n  reactive: Reactive<ReactiveState>;\n  loading: {\n    initialInputGuide: boolean;\n    initialCharts: boolean;\n    initialDefaults: boolean;\n    inputGuide: boolean;\n    chartData: boolean;\n    dendroTableData: boolean;\n  };\n  commonHelpersData: {\n    primaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    secondaryGroups: ComputedRef<ReturnType<typeof calculateDiscreteGroups>>;\n    usedAesInMapping: ComputedRef<Record<string, Record<AesType, boolean>>>;\n    dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>;\n  };\n  controller: ReturnType<typeof getControllerByType>;\n  columnsDataStore: DemoDataStore | null;\n  inputGuide: Ref<InputGuide<InputState>>;\n  chartData: Ref<PlotDataAndSettings | null>;\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>;\n  filterLabelsInfo: Ref<Record<string, ListOption>>;\n  readonlyInputs?: InputNamesByChartType[ChartType][];\n}\n\nexport function factoryStore(\n  reactiveState: Reactive<ReactiveState>,\n  dataStore: DemoDataStore | null,\n  inputGuide: Ref<InputGuide<InputState>>,\n  chartData: Ref<PlotDataAndSettings | null>,\n  dendroTableData: Ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>,\n  uniqueValuesData: Ref<UniqueValuesBySourceMap>,\n  filterLabelsInfo: Ref<Record<string, ListOption>>,\n  readonlyInputs?: InputNamesByChartType[ChartType][]\n): Store {\n  return {\n    reactive: reactiveState,\n    loading: reactive({\n      initialInputGuide: true,\n      initialCharts: true,\n      initialDefaults: true,\n      inputGuide: false,\n      chartData: false,\n      dendroTableData: false\n    }),\n    commonHelpersData: {\n      primaryGroups: computed(() => calculateDiscreteGroups(\n          reactiveState.optionsState,\n          uniqueValuesData.value,\n          'primaryGrouping'\n        )\n      ),\n      secondaryGroups: computed(() => calculateDiscreteGroups(\n          reactiveState.optionsState,\n          uniqueValuesData.value,\n          'secondaryGrouping'\n        )\n      ),\n      usedAesInMapping: computed<Record<string, Record<AesType, boolean>>>(() =>\n        getUsedAesInMapping(\n          reactiveState.chartType,\n          reactiveState.template,\n          reactiveState.layersSettings,\n          reactiveState.statisticsSettings,\n          reactiveState.optionsState,\n          inputGuide.value\n        )\n      ),\n      dendroTableData\n    },\n    controller: getControllerByType(reactiveState.chartType),\n    columnsDataStore: dataStore,\n    inputGuide,\n    chartData,\n    uniqueValuesData,\n    filterLabelsInfo,\n    readonlyInputs\n  };\n}\n\nexport type ComputedStore = ComputedRef<Store>;\n\nexport function provideStore(\n  initialState: GraphMakerState,\n  dataStoreRef: Ref<DemoDataStore | null>,\n  chartType: ChartType,\n  defaultOptionsRef: Ref<GraphMakerProps['defaultOptions']>,\n  fixedOptionsRef: Ref<GraphMakerProps['fixedOptions']>,\n  dataColumnPredicate?: (spec:PColumnSpec) => boolean,\n  readonlyInputs?: InputNamesByChartType[ChartType][]\n) {\n  const reactiveState = createReactiveState(initialState, chartType);\n  const controller = getControllerByType(reactiveState.chartType);\n\n  const inputGuide = ref<InputGuide<InputState>>(getControllerByType(reactiveState.chartType).getEmptyInputGuide(reactiveState.optionsState));\n  const chartData = ref<PlotDataAndSettings | null>(null);\n\n  const uniqueValuesData = ref<UniqueValuesBySourceMap>({});\n  const filterLabelsInfo = ref<Record<string, ListOption>>({}); // for auto titles of chart if something selected in filter/tabby\n\n  const dendroTableData = ref<Awaited<ReturnType<DendroStateController['createTableData']>> | null>(null);\n\n  // toRaw removes Vue proxy from dataStore.pframe (PFrame api)\n  const store = computed(() => factoryStore(reactiveState, toRaw(dataStoreRef.value), inputGuide, chartData, dendroTableData, uniqueValuesData, filterLabelsInfo, readonlyInputs));\n\n  watch([\n    () => dataStoreRef.value,\n    () => defaultOptionsRef.value\n  ], async ([ds, defaultOptions]) => {\n    if (!defaultOptions || !ds || !store.value.loading.initialDefaults) {\n      return;\n    }\n    store.value.loading.initialDefaults = false; // to avoid multiple calculations, default settings cannot change except after reset\n    store.value.loading.initialInputGuide = true; // to show loader on initial loading; changing of reactiveState.optionsState always triggers inputGuide recalculating, so it will be off after inputGuide\n\n    const defaultStateMap = copyJSON(reactiveState.optionsState.components);\n    const defaultOptionsWithoutUserChanges = defaultOptions.filter((opt) => {\n      return reactiveState.optionsState.components[opt.inputName]?.selectorStates.length === 0 ||\n        readonlyInputs?.includes(opt.inputName);\n    })\n    if (defaultOptionsWithoutUserChanges.length === 0) {\n      return;\n    }\n    defaultOptionsWithoutUserChanges.forEach((opt) => {\n      defaultStateMap[opt.inputName].selectorStates = [];\n    });\n    const loadedDefaultSources = await loadDefaultSources(ds, defaultOptionsWithoutUserChanges);\n    for (const {\n      inputName,\n      selectedSource,\n      filterType,\n      selectedFilterValue,\n      selectedFilterRange,\n      fixedAxes\n    } of loadedDefaultSources) {\n      defaultStateMap[inputName].selectorStates.push({\n        selectedSource,\n        type: filterType,\n        selectedFilterValue,\n        selectedFilterRange,\n        fixedAxes\n      });\n    }\n\n    reactiveState.optionsState.components = {\n      ...reactiveState.optionsState.components,\n      ...defaultStateMap\n    };\n  }, { immediate: true });\n\n  // recalculate input guide - options for every data input, consistency info etc\n  const inputGuideCounter = ref(0); // to avoid race condition on async calculations\n  watch([\n    () => reactiveState.optionsState,\n    () => dataStoreRef.value,\n    () => fixedOptionsRef.value\n  ], async ([optionsState, ds, fixedOptions]) => {\n    inputGuideCounter.value++;\n    const counter = inputGuideCounter.value;\n    store.value.loading.inputGuide = true;\n    const ignoredIds = ds && fixedOptions ? (await loadDefaultSources(ds, fixedOptions, false)).map(item => item.selectedSource) : [];\n\n    // const start = Date.now();\n    const nextInputGuide = ds ? await controller.calculateOptions(toRaw(ds), optionsState, ignoredIds, dataColumnPredicate) : controller.getEmptyInputGuide(optionsState);\n    // console.log('input guide', Date.now() - start);\n\n    if (counter === inputGuideCounter.value) { // race condition check\n      inputGuide.value = nextInputGuide;\n\n      store.value.loading.inputGuide = false;\n      if (store.value.loading.initialInputGuide) { // open default/saved tab only after inputGuide loading\n        store.value.loading.initialInputGuide = false;\n        const initialTab = initialState.currentTab === undefined ? 'dataMapping' : initialState.currentTab;\n        store.value.reactive.currentTab =  store.value.reactive.currentTab ?? initialTab;\n      }\n    }\n  }, { immediate: true, deep: true });\n\n  // recalculate data for chart rendering (miplots4)\n  const chartDataCounter = ref(0); // to avoid race condition on async calculations\n  watch(() => inputGuide.value, async (ig) => {\n    chartDataCounter.value++;\n    const counter = chartDataCounter.value;\n    store.value.loading.chartData = true;\n\n    const ds = toRaw(dataStoreRef.value);\n    const start = Date.now();\n    const nextChartData = await loadDataForPlot(ig, reactiveState, ds, fixedOptionsRef.value);\n\n    if (nextChartData && ds) {\n      uniqueValuesData.value = await getUniqueValuesFromReadyChartData(\n        nextChartData,\n        ig,\n        controller,\n        ds,\n        uniqueValuesData.value\n      );\n      updateDataBindAes(reactiveState.optionsState, reactiveState.dataBindAes, uniqueValuesData.value);\n    }\n    filterLabelsInfo.value = ds ? await loadFilterLabelsForTitle(\n      reactiveState.optionsState.components,\n      ig,\n      controller,\n      ds,\n    ) : {};\n    // console.log('chart data', Date.now() - start);\n\n    if (counter === chartDataCounter.value) { // race condition check\n      chartData.value = nextChartData;\n      if (ig.ready) {\n        store.value.loading.initialCharts = false;\n      }\n      store.value.loading.chartData = false;\n    }\n  }, { immediate: true, deep: true });\n\n  // watch data for table, only dendro chart; data is also using for popup by tree node click\n  if (reactiveState.chartType === 'dendro') {\n    const dendroDataCounter = ref(0); // to avoid race condition on async calculations\n    watch([\n      () => reactiveState.optionsState as DendroUIState,\n      () => dataStoreRef.value,\n      () => inputGuide.value.readyData,\n      () => fixedOptionsRef.value\n    ], async ([optionsState, dataStore, ready, fixed]) => {\n      if (ready && dataStore) {\n        dendroDataCounter.value++;\n        const counter = dendroDataCounter.value;\n        store.value.loading.dendroTableData = true;\n        const state = await addFixedOptionsToState(optionsState, dataStore, fixed) as DendroUIState;\n        const nextDendroTableData = await (controller as unknown as DendroStateController).createTableData(dataStore, state);\n\n        if (dendroDataCounter.value === counter) {\n          dendroTableData.value = nextDendroTableData;\n        }\n        store.value.loading.dendroTableData = false;\n      }\n    }, { immediate: true });\n  }\n\n  provide(storeKey, store);\n  return store;\n}\n\nexport function useStore() {\n  return notEmpty(inject<ComputedStore>(storeKey), 'Empty store');\n}\n"],"names":["getInitialOptionsState","chartType","optionsState","defaultState","copyJSON","getInitialStateByType","optionsStateCopy","createReactiveState","initialData","reactive","deepClone","getInitialTemplate","getInitialStatisticsState","getInitialLayersSettings","getInitialAxesSettings","factoryStore","reactiveState","dataStore","inputGuide","chartData","dendroTableData","uniqueValuesData","filterLabelsInfo","readonlyInputs","computed","calculateDiscreteGroups","getUsedAesInMapping","getControllerByType","provideStore","initialState","dataStoreRef","defaultOptionsRef","fixedOptionsRef","dataColumnPredicate","controller","ref","store","toRaw","watch","ds","defaultOptions","defaultStateMap","defaultOptionsWithoutUserChanges","opt","_a","loadedDefaultSources","loadDefaultSources","inputName","selectedSource","filterType","selectedFilterValue","selectedFilterRange","fixedAxes","inputGuideCounter","fixedOptions","counter","ignoredIds","item","nextInputGuide","initialTab","chartDataCounter","ig","nextChartData","loadDataForPlot","getUniqueValuesFromReadyChartData","updateDataBindAes","loadFilterLabelsForTitle","dendroDataCounter","ready","fixed","state","addFixedOptionsToState","nextDendroTableData","provide","storeKey","useStore","notEmpty","inject"],"mappings":";;;;;;;;;;;;;;;AA2CA,SAASA,EAAuBC,GAAsBC,GAAsC;AAC1F,QAAMC,IAAeC,EAASC,EAAsBJ,CAAS,CAAC;AAC9D,OAAIC,KAAA,gBAAAA,EAAc,UAASD;AACzB,WAAOE;AAET,QAAMG,IAAmBF,EAASF,CAAY;AAE9C,SAAO;AAAA,IACL,GAAGC;AAAA,IACH,GAAGG;AAAA,IACH,YAAY;AAAA,MACV,GAAGH,EAAa;AAAA,MAChB,GAAGG,EAAiB;AAAA,IAAA;AAAA,EACtB;AAEJ;AAEO,SAASC,GACdC,GACAP,GACyB;AACzB,SAAOQ,EAAS;AAAA,IACd,WAAAR;AAAA;AAAA,IAEA,cAAcD,EAAuBC,GAAWO,EAAY,YAAY;AAAA;AAAA,IAExE,cAAcE,EAAUF,EAAY,YAAY;AAAA;AAAA,IAEhD,UAAUG,EAAmBH,EAAY,UAAUP,CAAS;AAAA,IAC5D,oBAAoBW,EAA0BX,GAAWO,EAAY,kBAAkB;AAAA,IACvF,gBAAgBK,EAAyBL,EAAY,cAAc;AAAA,IACnE,cAAcM,EAAuBb,GAAWO,EAAY,YAAY;AAAA;AAAA,IAExE,aAAaJ,EAASI,EAAY,eAAe,CAAA,CAAE;AAAA,IACnD,YAAYA,EAAY,aAAa;AAAA,IACrC,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,EAAA,CAClB;AACH;AA2BO,SAASO,GACdC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACO;AACP,SAAO;AAAA,IACL,UAAUP;AAAA,IACV,SAASP,EAAS;AAAA,MAChB,mBAAmB;AAAA,MACnB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,iBAAiB;AAAA,IAAA,CAClB;AAAA,IACD,mBAAmB;AAAA,MACjB,eAAee;AAAA,QAAS,MAAMC;AAAA,UAC1BT,EAAc;AAAA,UACdK,EAAiB;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,iBAAiBG;AAAA,QAAS,MAAMC;AAAA,UAC5BT,EAAc;AAAA,UACdK,EAAiB;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,kBAAkBG;AAAA,QAAmD,MACnEE;AAAA,UACEV,EAAc;AAAA,UACdA,EAAc;AAAA,UACdA,EAAc;AAAA,UACdA,EAAc;AAAA,UACdA,EAAc;AAAA,UACdE,EAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,iBAAAE;AAAA,IAAA;AAAA,IAEF,YAAYO,EAAoBX,EAAc,SAAS;AAAA,IACvD,kBAAkBC;AAAA,IAClB,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ;AAIO,SAASK,GACdC,GACAC,GACA7B,GACA8B,GACAC,GACAC,GACAV,GACA;AACA,QAAMP,IAAgBT,GAAoBsB,GAAc5B,CAAS,GAC3DiC,IAAaP,EAAoBX,EAAc,SAAS,GAExDE,IAAaiB,EAA4BR,EAAoBX,EAAc,SAAS,EAAE,mBAAmBA,EAAc,YAAY,CAAC,GACpIG,IAAYgB,EAAgC,IAAI,GAEhDd,IAAmBc,EAA6B,EAAE,GAClDb,IAAmBa,EAAgC,EAAE,GAErDf,IAAkBe,EAA0E,IAAI,GAGhGC,IAAQZ,EAAS,MAAMT,GAAaC,GAAeqB,EAAMP,EAAa,KAAK,GAAGZ,GAAYC,GAAWC,GAAiBC,GAAkBC,GAAkBC,CAAc,CAAC;AAE/K,EAAAe,EAAM;AAAA,IACJ,MAAMR,EAAa;AAAA,IACnB,MAAMC,EAAkB;AAAA,EAAA,GACvB,OAAO,CAACQ,GAAIC,CAAc,MAAM;AACjC,QAAI,CAACA,KAAkB,CAACD,KAAM,CAACH,EAAM,MAAM,QAAQ;AACjD;AAEF,IAAAA,EAAM,MAAM,QAAQ,kBAAkB,IACtCA,EAAM,MAAM,QAAQ,oBAAoB;AAExC,UAAMK,IAAkBrC,EAASY,EAAc,aAAa,UAAU,GAChE0B,IAAmCF,EAAe,OAAO,CAACG,MAAQ;;AACtE,eAAOC,IAAA5B,EAAc,aAAa,WAAW2B,EAAI,SAAS,MAAnD,gBAAAC,EAAsD,eAAe,YAAW,MACrFrB,KAAA,gBAAAA,EAAgB,SAASoB,EAAI;AAAA,IACjC,CAAC;AACD,QAAID,EAAiC,WAAW;AAC9C;AAEF,IAAAA,EAAiC,QAAQ,CAACC,MAAQ;AAChD,MAAAF,EAAgBE,EAAI,SAAS,EAAE,iBAAiB,CAAA;AAAA,IAClD,CAAC;AACD,UAAME,IAAuB,MAAMC,EAAmBP,GAAIG,CAAgC;AAC1F,eAAW;AAAA,MACT,WAAAK;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,KACGP;AACH,MAAAJ,EAAgBM,CAAS,EAAE,eAAe,KAAK;AAAA,QAC7C,gBAAAC;AAAA,QACA,MAAMC;AAAA,QACN,qBAAAC;AAAA,QACA,qBAAAC;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAGH,IAAApC,EAAc,aAAa,aAAa;AAAA,MACtC,GAAGA,EAAc,aAAa;AAAA,MAC9B,GAAGyB;AAAA,IAAA;AAAA,EAEP,GAAG,EAAE,WAAW,IAAM;AAGtB,QAAMY,IAAoBlB,EAAI,CAAC;AAC/B,EAAAG,EAAM;AAAA,IACJ,MAAMtB,EAAc;AAAA,IACpB,MAAMc,EAAa;AAAA,IACnB,MAAME,EAAgB;AAAA,EAAA,GACrB,OAAO,CAAC9B,GAAcqC,GAAIe,CAAY,MAAM;AAC7C,IAAAD,EAAkB;AAClB,UAAME,IAAUF,EAAkB;AAClC,IAAAjB,EAAM,MAAM,QAAQ,aAAa;AACjC,UAAMoB,IAAajB,KAAMe,KAAgB,MAAMR,EAAmBP,GAAIe,GAAc,EAAK,GAAG,IAAI,CAAAG,MAAQA,EAAK,cAAc,IAAI,CAAA,GAGzHC,IAAiBnB,IAAK,MAAML,EAAW,iBAAiBG,EAAME,CAAE,GAAGrC,GAAcsD,GAAYvB,CAAmB,IAAIC,EAAW,mBAAmBhC,CAAY;AAGpK,QAAIqD,MAAYF,EAAkB,UAChCnC,EAAW,QAAQwC,GAEnBtB,EAAM,MAAM,QAAQ,aAAa,IAC7BA,EAAM,MAAM,QAAQ,oBAAmB;AACzC,MAAAA,EAAM,MAAM,QAAQ,oBAAoB;AACxC,YAAMuB,IAAa9B,EAAa,eAAe,SAAY,gBAAgBA,EAAa;AACxF,MAAAO,EAAM,MAAM,SAAS,aAAcA,EAAM,MAAM,SAAS,cAAcuB;AAAA,IACxE;AAAA,EAEJ,GAAG,EAAE,WAAW,IAAM,MAAM,IAAM;AAGlC,QAAMC,IAAmBzB,EAAI,CAAC;AAsC9B,MArCAG,EAAM,MAAMpB,EAAW,OAAO,OAAO2C,MAAO;AAC1C,IAAAD,EAAiB;AACjB,UAAML,IAAUK,EAAiB;AACjC,IAAAxB,EAAM,MAAM,QAAQ,YAAY;AAEhC,UAAMG,IAAKF,EAAMP,EAAa,KAAK,GAE7BgC,IAAgB,MAAMC,EAAgBF,GAAI7C,GAAeuB,GAAIP,EAAgB,KAAK;AAExF,IAAI8B,KAAiBvB,MACnBlB,EAAiB,QAAQ,MAAM2C;AAAA,MAC7BF;AAAA,MACAD;AAAA,MACA3B;AAAA,MACAK;AAAA,MACAlB,EAAiB;AAAA,IAAA,GAEnB4C,EAAkBjD,EAAc,cAAcA,EAAc,aAAaK,EAAiB,KAAK,IAEjGC,EAAiB,QAAQiB,IAAK,MAAM2B;AAAA,MAClClD,EAAc,aAAa;AAAA,MAC3B6C;AAAA,MACA3B;AAAA,MACAK;AAAA,IAAA,IACE,CAAA,GAGAgB,MAAYK,EAAiB,UAC/BzC,EAAU,QAAQ2C,GACdD,EAAG,UACLzB,EAAM,MAAM,QAAQ,gBAAgB,KAEtCA,EAAM,MAAM,QAAQ,YAAY;AAAA,EAEpC,GAAG,EAAE,WAAW,IAAM,MAAM,IAAM,GAG9BpB,EAAc,cAAc,UAAU;AACxC,UAAMmD,IAAoBhC,EAAI,CAAC;AAC/B,IAAAG,EAAM;AAAA,MACJ,MAAMtB,EAAc;AAAA,MACpB,MAAMc,EAAa;AAAA,MACnB,MAAMZ,EAAW,MAAM;AAAA,MACvB,MAAMc,EAAgB;AAAA,IAAA,GACrB,OAAO,CAAC9B,GAAce,GAAWmD,GAAOC,CAAK,MAAM;AACpD,UAAID,KAASnD,GAAW;AACtB,QAAAkD,EAAkB;AAClB,cAAMZ,IAAUY,EAAkB;AAClC,QAAA/B,EAAM,MAAM,QAAQ,kBAAkB;AACtC,cAAMkC,IAAQ,MAAMC,EAAuBrE,GAAce,GAAWoD,CAAK,GACnEG,IAAsB,MAAOtC,EAAgD,gBAAgBjB,GAAWqD,CAAK;AAEnH,QAAIH,EAAkB,UAAUZ,MAC9BnC,EAAgB,QAAQoD,IAE1BpC,EAAM,MAAM,QAAQ,kBAAkB;AAAA,MACxC;AAAA,IACF,GAAG,EAAE,WAAW,IAAM;AAAA,EACxB;AAEA,SAAAqC,EAAQC,GAAUtC,CAAK,GAChBA;AACT;AAEO,SAASuC,KAAW;AACzB,SAAOC,EAASC,EAAsBH,CAAQ,GAAG,aAAa;AAChE;"}

package/dist/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.d.ts

@@ -5,29 +5,33 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
     title: {
         name: string;
         show?: boolean | undefined;
-        position?: "left" | "center" | "right" | undefined;
+        position?: "right" | "left" | "center" | undefined;
     };
     valueSize: {
         type: "column";
         value: string;
+        format?: string | undefined;
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
     valueColor: {
         type: "column";
         value: string;
+        format?: string | undefined;
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
     xColumn: {
         type: "column";
         value: string;
+        format?: string | undefined;
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
     yColumn: {
         type: "column";
         value: string;
+        format?: string | undefined;
         label?: string | undefined;
         valueLabels?: string | undefined;
     };
@@ -45,13 +49,14 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
     } | undefined;
     legend?: {
         show?: boolean | undefined;
-        position?: "right" | "inside" | "top" | "bottom" | undefined;
+        position?: "right" | "top" | "bottom" | "inside" | undefined;
     } | undefined;
     tooltips?: {
         show?: boolean | undefined;
         content?: {
             type: "column";
             value: string;
+            format?: string | undefined;
             label?: string | undefined;
             valueLabels?: string | undefined;
         }[] | undefined;
@@ -74,7 +79,7 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
     } | undefined;
     yAxis?: {
         title?: string | undefined;
-        position?: "left" | "right" | undefined;
+        position?: "right" | "left" | undefined;
         showTicks?: boolean | undefined;
         sorting?: "asc" | "desc" | undefined;
         showTitle?: boolean | undefined;
@@ -84,6 +89,7 @@ export declare function composeBubbleSettings(settings: BubbleSettings, reactive
     facetBy?: {
         type: "column";
         value: string;
+        format?: string | undefined;
         label?: string | undefined;
         valueLabels?: string | undefined;
     }[] | undefined;

package/dist/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composeBubbleSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,OAAO,EAAe,aAAa,EAAE,MAAM,aAAa,CAAC;AAMzD,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,aAAa;;;;YA4B+hQ,CAAC;gBAAuC,CAAC;;;;;aAA+H,CAAC;mBAAyC,CAAC;;;;;aAA2G,CAAC;mBAAyC,CAAC;;;;;aAAwG,CAAC;mBAAyC,CAAC;;;;;aAAwG,CAAC;mBAAyC,CAAC;;;aAAuD,CAAC;cAAoC,CAAC;gBAAsC,CAAC;;;kBAAuE,CAAC;iBAAyC,CAAC;iBAAuC,CAAC;uBAA6C,CAAC;sBAA4C,CAAC;;;YAAoE,CAAC;gBAAuC,CAAC;;;YAAqG,CAAC;eAAsC,CAAC;;;iBAA4E,CAAC;uBAA6C,CAAC;;;;YAA4F,CAAC;;;aAA0H,CAAC;aAAmC,CAAC;;;aAAoE,CAAC;gBAAsC,CAAC;iBAAiD,CAAC;eAAsC,CAAC;iBAA+C,CAAC;sBAA6C,CAAC;uBAA8C,CAAC;;;aAAyE,CAAC;gBAAsC,CAAC;iBAAiD,CAAC;eAAsC,CAAC;iBAA+C,CAAC;sBAA6C,CAAC;uBAA8C,CAAC;;;;;aAA0H,CAAC;mBAAyC,CAAC;;;;;kBAAiL,CAAC;iBAAyC,CAAC;;;EAA/tV"}
+{"version":3,"file":"composeBubbleSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeBubbleSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,OAAO,EAAe,aAAa,EAAE,MAAM,aAAa,CAAC;AAMzD,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,aAAa;;;;YA4Bi0R,CAAC;gBAAuC,CAAC;;;;;cAAgI,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA4G,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAAyG,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAAyG,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;aAAuD,CAAC;cAAoC,CAAC;gBAAsC,CAAC;;;kBAAuE,CAAC;iBAAyC,CAAC;iBAAuC,CAAC;uBAA6C,CAAC;sBAA4C,CAAC;;;YAAoE,CAAC;gBAAuC,CAAC;;;YAAqG,CAAC;eAAsC,CAAC;;;kBAA6E,CAAC;iBAAuC,CAAC;uBAA6C,CAAC;;;;YAA4F,CAAC;;;aAA0H,CAAC;aAAmC,CAAC;;;aAAoE,CAAC;gBAAsC,CAAC;iBAAiD,CAAC;eAAsC,CAAC;iBAA+C,CAAC;sBAA6C,CAAC;uBAA8C,CAAC;;;aAAyE,CAAC;gBAAsC,CAAC;iBAAiD,CAAC;eAAsC,CAAC;iBAA+C,CAAC;sBAA6C,CAAC;uBAA8C,CAAC;;;;;cAA2H,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;kBAAiL,CAAC;iBAAyC,CAAC;;;EAAnuX"}