npm - @milaboratories/graph-maker - Versions diffs - 1.1.135 → 1.1.137 - Mend

@milaboratories/graph-maker 1.1.135 → 1.1.137

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

Files changed (45) hide show

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

	@@ -1 +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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"}
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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"}

package/dist/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getAxesDataFromForms.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,SAAS,CAAC,CAAA;IACtD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,SAAS,CAAC,CAAA;IACtD,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB,CAAC;IACF,iBAAiB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;CACrD,CAAA;AAID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE,cAAc,GAAC,gBAAgB,CAAC,SAAS,CAAM,kBAWtH;AACD,wBAAgB,oBAAoB,CAAC,aAAa,EAAC,SAAS,EAAE,SAAS,EAAC,SAAS,EAAE,cAAc,GAAC,gBAAgB,CAAC,SAAS,CAAM,GAAE,YAAY,~~CAwD~~/I"}
1	+ {"version":3,"file":"getAxesDataFromForms.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,SAAS,CAAC,CAAA;IACtD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAC,OAAO,GAAC,MAAM,GAAC,SAAS,CAAC,CAAA;IACtD,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB,CAAC;IACF,iBAAiB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC;CACrD,CAAA;AAID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE,cAAc,GAAC,gBAAgB,CAAC,SAAS,CAAM,kBAWtH;AACD,wBAAgB,oBAAoB,CAAC,aAAa,EAAC,SAAS,EAAE,SAAS,EAAC,SAAS,EAAE,cAAc,GAAC,gBAAgB,CAAC,SAAS,CAAM,GAAE,YAAY,CA0D/I"}

package/dist/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.js CHANGED Viewed

@@ -1,21 +1,21 @@
-function c(i, e = []) {
+function g(i, e = []) {
   return i !== null ? i : e.length > 6 && e.some(({ label: s }) => s.length > 5) ? "45deg" : "center";
 }
-function g(i, e, s = []) {
-  let t = {}, n = {};
-  e === "discrete" && (t.labelsPosition = c(i.axisX.labelsRotation, s), t.linesBetweenCategories = i.axisX.linesBetweenCategories, n.scale = i.axisY.scale), (e === "discrete" || e === "scatterplot" || e === "scatterplot-umap") && (t.showGrid = i.axisX.gridlines, t.showTicks = i.axisX.ticks, n.showGrid = i.axisY.gridlines, n.showTicks = i.axisY.ticks), (e === "scatterplot" || e === "scatterplot-umap") && (t.scale = i.axisX.scale, n.scale = i.axisY.scale, t.significantLinesStyle = i.axisX.significantLinesStyle, n.significantLinesStyle = i.axisY.significantLinesStyle), e === "histogram" && (t.scale = i.axisX.scale, n.scale = i.axisY.scale), (e === "heatmap" || e === "bubble") && (t.axisLabelsAngle = i.axisX.axisLabelsAngle, n.axisLabelsAngle = i.axisY.axisLabelsAngle, t.sorting = i.axisX.sorting, n.sorting = i.axisY.sorting), i.axisY.titleMode !== "auto" && (n.title = i.axisY.titleMode === "custom" ? i.axisY.customTitle : ""), i.axisX.titleMode !== "auto" && (t.title = i.axisX.titleMode === "custom" ? i.axisX.customTitle : "");
-  const l = {
+function c(i, e, s = []) {
+  let t = {}, l = {};
+  e === "discrete" && (t.labelsPosition = g(i.axisX.labelsRotation, s), t.linesBetweenCategories = i.axisX.linesBetweenCategories, l.scale = i.axisY.scale), (e === "discrete" || e === "scatterplot" || e === "scatterplot-umap") && (t.showGrid = i.axisX.gridlines, t.showTicks = i.axisX.ticks, l.showGrid = i.axisY.gridlines, l.showTicks = i.axisY.ticks), (e === "scatterplot" || e === "scatterplot-umap") && (t.scale = i.axisX.scale, l.scale = i.axisY.scale, t.significantLinesStyle = i.axisX.significantLinesStyle, l.significantLinesStyle = i.axisY.significantLinesStyle), e === "histogram" && (t.scale = i.axisX.scale, l.scale = i.axisY.scale), (e === "heatmap" || e === "bubble") && (t.axisLabelsAngle = i.axisX.axisLabelsAngle, t.groupLabelsAngle = i.axisX.groupLabelsAngle, l.axisLabelsAngle = i.axisY.axisLabelsAngle, l.groupLabelsAngle = i.axisY.groupLabelsAngle, t.sorting = i.axisX.sorting, l.sorting = i.axisY.sorting), i.axisY.titleMode !== "auto" && (l.title = i.axisY.titleMode === "custom" ? i.axisY.customTitle : ""), i.axisX.titleMode !== "auto" && (t.title = i.axisX.titleMode === "custom" ? i.axisX.customTitle : "");
+  const n = {
     xAxis: t,
-    yAxis: n,
+    yAxis: l,
     frame: { type: i.other.frame },
     facetSettings: {
       nCols: i.other.facetColumns
     }
   };
-  return (e === "discrete" || e === "scatterplot" || e === "heatmap") && (l.orientation = i.other.reverse ? "horizontal" : "vertical", l.facetSettings.sharedX = ["x", "xy"].includes(i.other.facetSharedBy), l.facetSettings.sharedY = ["y", "xy"].includes(i.other.facetSharedBy)), e === "histogram" && (l.groupingDirection = i.other.groupingDirection, l.groupingStack = i.other.groupingStack), l;
+  return (e === "discrete" || e === "scatterplot" || e === "heatmap") && (n.orientation = i.other.reverse ? "horizontal" : "vertical", n.facetSettings.sharedX = ["x", "xy"].includes(i.other.facetSharedBy), n.facetSettings.sharedY = ["y", "xy"].includes(i.other.facetSharedBy)), e === "histogram" && (n.groupingDirection = i.other.groupingDirection, n.groupingStack = i.other.groupingStack), n;
 }
 export {
-  g as getAxesDataFromForms,
-  c as getDiscreteLabelsRotation
+  c as getAxesDataFromForms,
+  g as getDiscreteLabelsRotation
 };
 //# sourceMappingURL=getAxesDataFromForms.js.map

package/dist/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getAxesDataFromForms.js","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.ts"],"sourcesContent":["import {AxesState} from '../../constantsCommon';\nimport {ChartType} from \"@milaboratories/pf-plots\";\nimport { LabelsRotation, UniqueValuesData } from '../../types';\n\ntype AxesSettings = {\n xAxis: Record<string, string\|boolean\|number\|undefined>\n yAxis: Record<string, string\|boolean\|number\|undefined>\n frame: {type: string}\n orientation?: string\n title?: Record<string, string>\n facetSettings: {\n nCols: number\n sharedX?: boolean,\n sharedY?: boolean\n },\n groupingDirection?: AxesState['other']['groupingDirection'],\n groupingStack?: AxesState['other']['groupingStack'],\n}\n\nconst HORIZONTAL_CAPTURES_MAX_COUNT = 6;\nconst SHORT_LABEL_MAX_LENGTH = 5;\nexport function getDiscreteLabelsRotation(value: LabelsRotation \| null, discreteGroups:UniqueValuesData['options'] = []) {\n if (value !== null) {\n return value;\n }\n if (\n discreteGroups.length > HORIZONTAL_CAPTURES_MAX_COUNT &&\n discreteGroups.some(({label}) => label.length > SHORT_LABEL_MAX_LENGTH)\n ) {\n return '45deg';\n }\n return 'center';\n}\nexport function getAxesDataFromForms(axesFormsData:AxesState, chartType:ChartType, discreteGroups:UniqueValuesData['options'] = []):AxesSettings {\n let xAxis:AxesSettings['xAxis'] = {};\n let yAxis:AxesSettings['yAxis'] = {};\n if (chartType === 'discrete') {\n xAxis.labelsPosition = getDiscreteLabelsRotation(axesFormsData.axisX.labelsRotation, discreteGroups);\n xAxis.linesBetweenCategories = axesFormsData.axisX.linesBetweenCategories;\n yAxis.scale = axesFormsData.axisY.scale;\n }\n if (chartType === 'discrete' \|\| chartType === 'scatterplot' \|\| chartType === 'scatterplot-umap') {\n xAxis.showGrid = axesFormsData.axisX.gridlines;\n xAxis.showTicks = axesFormsData.axisX.ticks;\n yAxis.showGrid = axesFormsData.axisY.gridlines;\n yAxis.showTicks = axesFormsData.axisY.ticks;\n }\n if (chartType === 'scatterplot' \|\| chartType === 'scatterplot-umap') {\n xAxis.scale = axesFormsData.axisX.scale;\n yAxis.scale = axesFormsData.axisY.scale;\n xAxis.significantLinesStyle = axesFormsData.axisX.significantLinesStyle;\n yAxis.significantLinesStyle = axesFormsData.axisY.significantLinesStyle;\n }\n if (chartType === 'histogram') {\n xAxis.scale = axesFormsData.axisX.scale;\n yAxis.scale = axesFormsData.axisY.scale;\n }\n if (chartType === 'heatmap' \|\| chartType === 'bubble') {\n xAxis.axisLabelsAngle = axesFormsData.axisX.axisLabelsAngle;\n yAxis.axisLabelsAngle = axesFormsData.axisY.axisLabelsAngle;\n xAxis.sorting = axesFormsData.axisX.sorting;\n yAxis.sorting = axesFormsData.axisY.sorting;\n }\n if (axesFormsData.axisY.titleMode !== 'auto') {\n yAxis.title = axesFormsData.axisY.titleMode === 'custom' ? axesFormsData.axisY.customTitle : ''\n }\n if (axesFormsData.axisX.titleMode !== 'auto') {\n xAxis.title = axesFormsData.axisX.titleMode === 'custom' ? axesFormsData.axisX.customTitle : ''\n }\n\n const result:AxesSettings = {\n xAxis,\n yAxis,\n frame: {type: axesFormsData.other.frame},\n facetSettings: {\n nCols: axesFormsData.other.facetColumns\n }\n };\n\n if (chartType === 'discrete' \|\| chartType === 'scatterplot' \|\| chartType === 'heatmap') {\n result.orientation = axesFormsData.other.reverse ? 'horizontal' : 'vertical';\n result.facetSettings.sharedX = (['x','xy']).includes(axesFormsData.other.facetSharedBy);\n result.facetSettings.sharedY = (['y','xy']).includes(axesFormsData.other.facetSharedBy);\n }\n if (chartType === 'histogram') {\n result.groupingDirection = axesFormsData.other.groupingDirection;\n result.groupingStack = axesFormsData.other.groupingStack;\n }\n return result;\n}\n"],"names":["getDiscreteLabelsRotation","value","discreteGroups","label","getAxesDataFromForms","axesFormsData","chartType","xAxis","yAxis","result"],"mappings":"AAqBO,SAASA,EAA0BC,GAA8BC,IAA6C,IAAI;AACvH,SAAID,MAAU,OACLA,IAGPC,EAAe,SAAS,KACxBA,EAAe,KAAK,CAAC,EAAC,OAAAC,QAAWA,EAAM,SAAS,CAAsB,IAE/D,UAEF;AACT;AACO,SAASC,EAAqBC,GAAyBC,GAAqBJ,IAA6C,CAAA,GAAiB;AAC/I,MAAIK,IAA8B,CAAA,GAC9BC,IAA8B,CAAA;AAClC,EAAIF,MAAc,eAChBC,EAAM,iBAAiBP,EAA0BK,EAAc,MAAM,gBAAgBH,CAAc,GACnGK,EAAM,yBAAyBF,EAAc,MAAM,wBACnDG,EAAM,QAAQH,EAAc,MAAM,SAEhCC,MAAc,cAAcA,MAAc,iBAAiBA,MAAc,wBAC3EC,EAAM,WAAWF,EAAc,MAAM,WACrCE,EAAM,YAAYF,EAAc,MAAM,OACtCG,EAAM,WAAWH,EAAc,MAAM,WACrCG,EAAM,YAAYH,EAAc,MAAM,SAEpCC,MAAc,iBAAiBA,MAAc,wBAC/CC,EAAM,QAAQF,EAAc,MAAM,OAClCG,EAAM,QAAQH,EAAc,MAAM,OAClCE,EAAM,wBAAwBF,EAAc,MAAM,uBAClDG,EAAM,wBAAwBH,EAAc,MAAM,wBAEhDC,MAAc,gBAChBC,EAAM,QAAQF,EAAc,MAAM,OAClCG,EAAM,QAAQH,EAAc,MAAM,SAEhCC,MAAc,aAAaA,MAAc,cAC3CC,EAAM,kBAAkBF,EAAc,MAAM,~~iBAC5CG~~,EAAM,kBAAkBH,EAAc,MAAM,~~iBAC5CE~~,EAAM,UAAUF,EAAc,MAAM,SACpCG,EAAM,UAAUH,EAAc,MAAM,UAElCA,EAAc,MAAM,cAAc,WACpCG,EAAM,QAAQH,EAAc,MAAM,cAAc,WAAWA,EAAc,MAAM,cAAc,KAE3FA,EAAc,MAAM,cAAc,WACpCE,EAAM,QAAQF,EAAc,MAAM,cAAc,WAAWA,EAAc,MAAM,cAAc;AAG/F,QAAMI,IAAsB;AAAA,IAC1B,OAAAF;AAAA,IACA,OAAAC;AAAA,IACA,OAAO,EAAC,MAAMH,EAAc,MAAM,MAAA;AAAA,IAClC,eAAe;AAAA,MACb,OAAOA,EAAc,MAAM;AAAA,IAAA;AAAA,EAC7B;AAGF,UAAIC,MAAc,cAAcA,MAAc,iBAAiBA,MAAc,eAC3EG,EAAO,cAAcJ,EAAc,MAAM,UAAU,eAAe,YAClEI,EAAO,cAAc,UAAW,CAAC,KAAI,IAAI,EAAG,SAASJ,EAAc,MAAM,aAAa,GACtFI,EAAO,cAAc,UAAW,CAAC,KAAI,IAAI,EAAG,SAASJ,EAAc,MAAM,aAAa,IAEpFC,MAAc,gBAChBG,EAAO,oBAAoBJ,EAAc,MAAM,mBAC/CI,EAAO,gBAAgBJ,EAAc,MAAM,gBAEtCI;AACT;"}
1	+ {"version":3,"file":"getAxesDataFromForms.js","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.ts"],"sourcesContent":["import {AxesState} from '../../constantsCommon';\nimport {ChartType} from \"@milaboratories/pf-plots\";\nimport { LabelsRotation, UniqueValuesData } from '../../types';\n\ntype AxesSettings = {\n xAxis: Record<string, string\|boolean\|number\|undefined>\n yAxis: Record<string, string\|boolean\|number\|undefined>\n frame: {type: string}\n orientation?: string\n title?: Record<string, string>\n facetSettings: {\n nCols: number\n sharedX?: boolean,\n sharedY?: boolean\n },\n groupingDirection?: AxesState['other']['groupingDirection'],\n groupingStack?: AxesState['other']['groupingStack'],\n}\n\nconst HORIZONTAL_CAPTURES_MAX_COUNT = 6;\nconst SHORT_LABEL_MAX_LENGTH = 5;\nexport function getDiscreteLabelsRotation(value: LabelsRotation \| null, discreteGroups:UniqueValuesData['options'] = []) {\n if (value !== null) {\n return value;\n }\n if (\n discreteGroups.length > HORIZONTAL_CAPTURES_MAX_COUNT &&\n discreteGroups.some(({label}) => label.length > SHORT_LABEL_MAX_LENGTH)\n ) {\n return '45deg';\n }\n return 'center';\n}\nexport function getAxesDataFromForms(axesFormsData:AxesState, chartType:ChartType, discreteGroups:UniqueValuesData['options'] = []):AxesSettings {\n let xAxis:AxesSettings['xAxis'] = {};\n let yAxis:AxesSettings['yAxis'] = {};\n if (chartType === 'discrete') {\n xAxis.labelsPosition = getDiscreteLabelsRotation(axesFormsData.axisX.labelsRotation, discreteGroups);\n xAxis.linesBetweenCategories = axesFormsData.axisX.linesBetweenCategories;\n yAxis.scale = axesFormsData.axisY.scale;\n }\n if (chartType === 'discrete' \|\| chartType === 'scatterplot' \|\| chartType === 'scatterplot-umap') {\n xAxis.showGrid = axesFormsData.axisX.gridlines;\n xAxis.showTicks = axesFormsData.axisX.ticks;\n yAxis.showGrid = axesFormsData.axisY.gridlines;\n yAxis.showTicks = axesFormsData.axisY.ticks;\n }\n if (chartType === 'scatterplot' \|\| chartType === 'scatterplot-umap') {\n xAxis.scale = axesFormsData.axisX.scale;\n yAxis.scale = axesFormsData.axisY.scale;\n xAxis.significantLinesStyle = axesFormsData.axisX.significantLinesStyle;\n yAxis.significantLinesStyle = axesFormsData.axisY.significantLinesStyle;\n }\n if (chartType === 'histogram') {\n xAxis.scale = axesFormsData.axisX.scale;\n yAxis.scale = axesFormsData.axisY.scale;\n }\n if (chartType === 'heatmap' \|\| chartType === 'bubble') {\n xAxis.axisLabelsAngle = axesFormsData.axisX.axisLabelsAngle;\n xAxis.groupLabelsAngle = axesFormsData.axisX.groupLabelsAngle;\n yAxis.axisLabelsAngle = axesFormsData.axisY.axisLabelsAngle;\n yAxis.groupLabelsAngle = axesFormsData.axisY.groupLabelsAngle;\n xAxis.sorting = axesFormsData.axisX.sorting;\n yAxis.sorting = axesFormsData.axisY.sorting;\n }\n if (axesFormsData.axisY.titleMode !== 'auto') {\n yAxis.title = axesFormsData.axisY.titleMode === 'custom' ? axesFormsData.axisY.customTitle : ''\n }\n if (axesFormsData.axisX.titleMode !== 'auto') {\n xAxis.title = axesFormsData.axisX.titleMode === 'custom' ? axesFormsData.axisX.customTitle : ''\n }\n\n const result:AxesSettings = {\n xAxis,\n yAxis,\n frame: {type: axesFormsData.other.frame},\n facetSettings: {\n nCols: axesFormsData.other.facetColumns\n }\n };\n\n if (chartType === 'discrete' \|\| chartType === 'scatterplot' \|\| chartType === 'heatmap') {\n result.orientation = axesFormsData.other.reverse ? 'horizontal' : 'vertical';\n result.facetSettings.sharedX = (['x','xy']).includes(axesFormsData.other.facetSharedBy);\n result.facetSettings.sharedY = (['y','xy']).includes(axesFormsData.other.facetSharedBy);\n }\n if (chartType === 'histogram') {\n result.groupingDirection = axesFormsData.other.groupingDirection;\n result.groupingStack = axesFormsData.other.groupingStack;\n }\n return result;\n}\n"],"names":["getDiscreteLabelsRotation","value","discreteGroups","label","getAxesDataFromForms","axesFormsData","chartType","xAxis","yAxis","result"],"mappings":"AAqBO,SAASA,EAA0BC,GAA8BC,IAA6C,IAAI;AACvH,SAAID,MAAU,OACLA,IAGPC,EAAe,SAAS,KACxBA,EAAe,KAAK,CAAC,EAAC,OAAAC,QAAWA,EAAM,SAAS,CAAsB,IAE/D,UAEF;AACT;AACO,SAASC,EAAqBC,GAAyBC,GAAqBJ,IAA6C,CAAA,GAAiB;AAC/I,MAAIK,IAA8B,CAAA,GAC9BC,IAA8B,CAAA;AAClC,EAAIF,MAAc,eAChBC,EAAM,iBAAiBP,EAA0BK,EAAc,MAAM,gBAAgBH,CAAc,GACnGK,EAAM,yBAAyBF,EAAc,MAAM,wBACnDG,EAAM,QAAQH,EAAc,MAAM,SAEhCC,MAAc,cAAcA,MAAc,iBAAiBA,MAAc,wBAC3EC,EAAM,WAAWF,EAAc,MAAM,WACrCE,EAAM,YAAYF,EAAc,MAAM,OACtCG,EAAM,WAAWH,EAAc,MAAM,WACrCG,EAAM,YAAYH,EAAc,MAAM,SAEpCC,MAAc,iBAAiBA,MAAc,wBAC/CC,EAAM,QAAQF,EAAc,MAAM,OAClCG,EAAM,QAAQH,EAAc,MAAM,OAClCE,EAAM,wBAAwBF,EAAc,MAAM,uBAClDG,EAAM,wBAAwBH,EAAc,MAAM,wBAEhDC,MAAc,gBAChBC,EAAM,QAAQF,EAAc,MAAM,OAClCG,EAAM,QAAQH,EAAc,MAAM,SAEhCC,MAAc,aAAaA,MAAc,cAC3CC,EAAM,kBAAkBF,EAAc,MAAM,iBAC5CE,EAAM,mBAAmBF,EAAc,MAAM,kBAC7CG,EAAM,kBAAkBH,EAAc,MAAM,iBAC5CG,EAAM,mBAAmBH,EAAc,MAAM,kBAC7CE,EAAM,UAAUF,EAAc,MAAM,SACpCG,EAAM,UAAUH,EAAc,MAAM,UAElCA,EAAc,MAAM,cAAc,WACpCG,EAAM,QAAQH,EAAc,MAAM,cAAc,WAAWA,EAAc,MAAM,cAAc,KAE3FA,EAAc,MAAM,cAAc,WACpCE,EAAM,QAAQF,EAAc,MAAM,cAAc,WAAWA,EAAc,MAAM,cAAc;AAG/F,QAAMI,IAAsB;AAAA,IAC1B,OAAAF;AAAA,IACA,OAAAC;AAAA,IACA,OAAO,EAAC,MAAMH,EAAc,MAAM,MAAA;AAAA,IAClC,eAAe;AAAA,MACb,OAAOA,EAAc,MAAM;AAAA,IAAA;AAAA,EAC7B;AAGF,UAAIC,MAAc,cAAcA,MAAc,iBAAiBA,MAAc,eAC3EG,EAAO,cAAcJ,EAAc,MAAM,UAAU,eAAe,YAClEI,EAAO,cAAc,UAAW,CAAC,KAAI,IAAI,EAAG,SAASJ,EAAc,MAAM,aAAa,GACtFI,EAAO,cAAc,UAAW,CAAC,KAAI,IAAI,EAAG,SAASJ,EAAc,MAAM,aAAa,IAEpFC,MAAc,gBAChBG,EAAO,oBAAoBJ,EAAc,MAAM,mBAC/CI,EAAO,gBAAgBJ,EAAc,MAAM,gBAEtCI;AACT;"}