@milaboratories/graph-maker 1.1.177 → 1.1.178
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.
- package/dist/components/AesButton.vue.d.ts +6 -6
- package/dist/components/AesButton.vue.js +2 -2
- package/dist/components/AesButton.vue.js.map +1 -1
- package/dist/components/AesSettings/AesDataMappingContinuous.vue.js +14 -14
- package/dist/components/AesSettings/AesDataMappingContinuous.vue.js.map +1 -1
- package/dist/components/AesSettings/AesDataMappingDiscrete.vue.js +39 -38
- package/dist/components/AesSettings/AesDataMappingDiscrete.vue.js.map +1 -1
- package/dist/components/AesSettings/FixedColorsList.vue.d.ts +1 -1
- package/dist/components/AesSettings/FixedColorsList.vue.js +13 -12
- package/dist/components/AesSettings/FixedColorsList.vue.js.map +1 -1
- package/dist/components/AesSettings/FixedDotShapeList.vue.js +10 -9
- package/dist/components/AesSettings/FixedDotShapeList.vue.js.map +1 -1
- package/dist/components/AesSettings/FixedLineTypeList.vue.js +12 -11
- package/dist/components/AesSettings/FixedLineTypeList.vue.js.map +1 -1
- package/dist/components/AesSettings/FormWrapper.vue.js +2 -2
- package/dist/components/AesSettings/FormWrapper.vue.js.map +1 -1
- package/dist/components/AesSettings/PalettesForm.vue.js +54 -50
- package/dist/components/AesSettings/PalettesForm.vue.js.map +1 -1
- package/dist/components/AesSettings/types.d.ts +9 -9
- package/dist/components/BtnIconGroup.vue.js +10 -11
- package/dist/components/BtnIconGroup.vue.js.map +1 -1
- package/dist/components/Chart.vue.js +6 -8
- package/dist/components/Chart.vue.js.map +1 -1
- package/dist/components/CollapsableBlock.vue.js +2 -2
- package/dist/components/CollapsableBlock.vue.js.map +1 -1
- package/dist/components/DendroTable.vue.js +2 -2
- package/dist/components/DendroTable.vue.js.map +1 -1
- package/dist/components/DendroTooltip.vue.js +15 -14
- package/dist/components/DendroTooltip.vue.js.map +1 -1
- package/dist/components/DragAndDrop/DnDBasketChip.vue.js +2 -2
- package/dist/components/DragAndDrop/DnDBasketChip.vue.js.map +1 -1
- package/dist/components/DragAndDrop/DnDRangeChip.vue.d.ts +12 -3
- package/dist/components/DragAndDrop/DnDRangeChip.vue.js +4 -4
- package/dist/components/DragAndDrop/DnDRangeChip.vue.js.map +1 -1
- package/dist/components/DragAndDrop/DndBasket.vue.js +26 -26
- package/dist/components/DragAndDrop/DndBasket.vue.js.map +1 -1
- package/dist/components/DragAndDrop/DndChip.vue.js.map +1 -1
- package/dist/components/DragAndDrop/DndDoubleChip.vue.js +2 -2
- package/dist/components/DragAndDrop/DndDoubleChip.vue.js.map +1 -1
- package/dist/components/DragAndDrop/types.d.ts +1 -1
- package/dist/components/LassoControls/index.vue.js +4 -4
- package/dist/components/LassoControls/index.vue.js.map +1 -1
- package/dist/components/Loading.vue.js +8 -7
- package/dist/components/Loading.vue.js.map +1 -1
- package/dist/components/MultiselectButton.vue.js +28 -27
- package/dist/components/MultiselectButton.vue.js.map +1 -1
- package/dist/components/PanelModal.vue.js.map +1 -1
- package/dist/components/PlColorSlider.vue.js +12 -12
- package/dist/components/PlColorSlider.vue.js.map +1 -1
- package/dist/components/PlColorSliderThumb.vue.js +1 -3
- package/dist/components/PlColorSliderThumb.vue.js.map +1 -1
- package/dist/components/Popup.vue.d.ts +2 -0
- package/dist/components/Popup.vue.js +21 -21
- package/dist/components/Popup.vue.js.map +1 -1
- package/dist/components/ReorderForm.vue.js +20 -17
- package/dist/components/ReorderForm.vue.js.map +1 -1
- package/dist/components/SettingsTabs/icons/DeleteChartIcon.vue.js.map +1 -1
- package/dist/components/SettingsTabs/icons/LogIcon.vue.js.map +1 -1
- package/dist/components/SettingsTabs/icons/SettingsIcon.vue.js.map +1 -1
- package/dist/components/SettingsTabs/index.vue.js.map +1 -1
- package/dist/components/Zoom/ZoomInput.vue.js +11 -11
- package/dist/components/Zoom/ZoomInput.vue.js.map +1 -1
- package/dist/components/Zoom/index.vue.js.map +1 -1
- package/dist/composition/useComponent.js.map +1 -1
- package/dist/constantsAesthetic.js.map +1 -1
- package/dist/constantsCommon.d.ts +3 -1
- package/dist/constantsCommon.js +5 -5
- package/dist/constantsCommon.js.map +1 -1
- package/dist/dataBindAes.js +4 -2
- package/dist/dataBindAes.js.map +1 -1
- package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js +35 -35
- package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js.map +1 -1
- package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js +49 -47
- package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js.map +1 -1
- package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js +53 -53
- package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map +1 -1
- package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js +37 -37
- package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js.map +1 -1
- package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js +38 -38
- package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js.map +1 -1
- package/dist/forms/AxesSettingsForm/index.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/BubbleForm.vue.js +4 -4
- package/dist/forms/DataMappingForm/BubbleForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/DendroForm.vue.js +1 -1
- package/dist/forms/DataMappingForm/DendroForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/DiscreteForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/HeatmapForm.vue.js +2 -2
- package/dist/forms/DataMappingForm/HeatmapForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/HistogramForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/Layout/FormLayout.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/Layout/MandatoryOptions.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/Layout/OptionsList.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/ScatterplotForm.vue.js +4 -4
- package/dist/forms/DataMappingForm/ScatterplotForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/ScatterplotUmapForm.vue.js +4 -4
- package/dist/forms/DataMappingForm/ScatterplotUmapForm.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/index.vue.js.map +1 -1
- package/dist/forms/DataMappingForm/useBaskets.js.map +1 -1
- package/dist/forms/DataMappingForm/utils.d.ts +1 -1
- package/dist/forms/DataMappingForm/utils.js +34 -34
- package/dist/forms/DataMappingForm/utils.js.map +1 -1
- package/dist/forms/LayersForm/AesSelector.vue.js +18 -25
- package/dist/forms/LayersForm/AesSelector.vue.js.map +1 -1
- package/dist/forms/LayersForm/DotSizeSelector.vue.d.ts +2 -0
- package/dist/forms/LayersForm/DotSizeSelector.vue.js +23 -23
- package/dist/forms/LayersForm/DotSizeSelector.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/Bubble.vue.js +32 -34
- package/dist/forms/LayersForm/Layer/Bubble.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/Dendro.vue.js +6 -6
- package/dist/forms/LayersForm/Layer/Dendro.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Bar.vue.js +6 -6
- package/dist/forms/LayersForm/Layer/discrete/Bar.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/BinnedDots.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/discrete/BinnedDots.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Boxplot.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/discrete/Boxplot.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Errorbar.vue.js +9 -9
- package/dist/forms/LayersForm/Layer/discrete/Errorbar.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/JitteredDots.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/discrete/JitteredDots.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Line.vue.js +8 -8
- package/dist/forms/LayersForm/Layer/discrete/Line.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Logo.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/discrete/Logo.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Sina.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/discrete/Sina.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/StackedArea.vue.js +9 -9
- package/dist/forms/LayersForm/Layer/discrete/StackedArea.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/StackedBar.vue.js +6 -6
- package/dist/forms/LayersForm/Layer/discrete/StackedBar.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/Violin.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/discrete/Violin.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/discrete/utils.js.map +1 -1
- package/dist/forms/LayersForm/Layer/heatmap/Heatmap.vue.js +23 -23
- package/dist/forms/LayersForm/Layer/heatmap/Heatmap.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue.js +6 -6
- package/dist/forms/LayersForm/Layer/heatmap/HeatmapAnnotations.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue.js +28 -28
- package/dist/forms/LayersForm/Layer/heatmap/HeatmapClustered.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/histogram/Bins.vue.js +3 -3
- package/dist/forms/LayersForm/Layer/histogram/Bins.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/scatterplot/Curve.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/scatterplot/Scatter.vue.js.map +1 -1
- package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.js +2 -2
- package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.js.map +1 -1
- package/dist/forms/LayersForm/index.vue.js +56 -52
- package/dist/forms/LayersForm/index.vue.js.map +1 -1
- package/dist/forms/LogForm.vue.js.map +1 -1
- package/dist/forms/SettingsForm.vue.js.map +1 -1
- package/dist/forms/StatisticsForm/DiscreteStatisticsForm.vue.js +14 -14
- package/dist/forms/StatisticsForm/DiscreteStatisticsForm.vue.js.map +1 -1
- package/dist/forms/StatisticsForm/ScatterplotStatisticsForm.vue.js.map +1 -1
- package/dist/forms/StatisticsForm/index.vue.js.map +1 -1
- package/dist/forms/TemplateForm.vue.js +59 -52
- package/dist/forms/TemplateForm.vue.js.map +1 -1
- package/dist/forms/index.js.map +1 -1
- package/dist/icons/BinnedDotsIcon.vue.js.map +1 -1
- package/dist/icons/BoxplotAndBinnedIcon.vue.js.map +1 -1
- package/dist/icons/BoxplotAndJitterIcon.vue.js.map +1 -1
- package/dist/icons/BoxplotIcon.vue.js.map +1 -1
- package/dist/icons/EditIcon.vue.js.map +1 -1
- package/dist/icons/FrameLeft.vue.js.map +1 -1
- package/dist/icons/HeatmapAnnotation.vue.js.map +1 -1
- package/dist/icons/LineAndErrorbarIcon.vue.js.map +1 -1
- package/dist/icons/LogoIcon.vue.js.map +1 -1
- package/dist/icons/PlusIcon.vue.js.map +1 -1
- package/dist/icons/SinaIcon.vue.js.map +1 -1
- package/dist/icons/StackedAreaIcon.vue.js.map +1 -1
- package/dist/index.vue.js +4 -4
- package/dist/index.vue.js.map +1 -1
- package/dist/store.d.ts +1 -1
- package/dist/store.js +2 -2
- package/dist/store.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/utils/addFixedOptionsToState.js.map +1 -1
- package/dist/utils/calculateDiscreteGroups.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeBubbleSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeChartSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeDendroSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.js +1 -1
- package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeHistogramSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.js +1 -1
- package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/getAxesDataFromForms.js +24 -24
- package/dist/utils/createChartSettingsForRender/getAxesDataFromForms.js.map +1 -1
- package/dist/utils/createChartSettingsForRender/getLayersDataFromForms.js.map +1 -1
- package/dist/utils/getPopupHeightForFixedAesList.js.map +1 -1
- package/dist/utils/getStatisticsOptions.js.map +1 -1
- package/dist/utils/getUsedAesInMapping.js +1 -1
- package/dist/utils/getUsedAesInMapping.js.map +1 -1
- package/dist/utils/loadDefaultSources.js.map +1 -1
- package/dist/utils/loadUniqueValuesToSave.js.map +1 -1
- package/dist/utils/saveToFile.js.map +1 -1
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scatter.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/scatterplot/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport {
|
|
1
|
+
{"version":3,"file":"Scatter.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/scatterplot/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK, DEFAULT_DOT_SHAPE } from '../../../../constantsAesthetic';\nimport type {\n AestheticMappingCategorical,\n AestheticMappingContinuous } from '../../../../dataBindAes';\nimport {\n DEFAULT_DOT_RANGE,\n DEFAULT_DOT_SIZE, isAestheticMapping,\n} from '../../../../dataBindAes';\nimport type { AesMappingOption, AesOption, DotShape } from '../../../../components/AesSettings/types';\nimport type { ContinuousDataMappingSize, MappingLink } from '../../../../constantsCommon';\nimport { isContinuousDataMapping } from '../../../../constantsCommon';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport type { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport { Annotation, readAnnotation } from '@platforma-sdk/model';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n const value = settings.value.dotFill;\n const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n if (isMapping(value) && columns.length) {\n return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n }\n return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK;\n});\n\nconst dotShape = computed(() => {\n const value = settings.value.dotShape;\n const columns = state.components.shape.selectorStates.map((s) => s.selectedSource);\n if (isMapping(value) && columns.length) {\n return value.value === columns[0] ? value : { type: 'shape', value: columns[0] };\n }\n return columns.length ? { type: 'shape', value: columns[0] } : isMapping(value) ? DEFAULT_DOT_SHAPE : value ?? DEFAULT_DOT_SHAPE;\n});\n\nconst dotSize = computed(() => {\n const value = settings.value.dotSize;\n const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n if (columns.length) {\n return { column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE };\n }\n return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE : value ?? DEFAULT_DOT_SIZE;\n});\n\nfunction onUpdate(\n value: string | AestheticMappingCategorical | AestheticMappingContinuous,\n colorOption: AesOption,\n field: 'dotFill',\n) {\n if (typeof value === 'string') {\n store.value.reactive.layersSettings[layer][field] = value;\n } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n store.value.reactive.layersSettings[layer][field] = {\n type: 'grouping',\n value: colorOption.selectedSource,\n };\n }\n if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n }\n}\n\nfunction onUpdateDot(\n value: DotShape | AestheticMappingCategorical,\n colorOption: AesMappingOption,\n field: 'dotShape',\n) {\n if (typeof value === 'string') {\n store.value.reactive.layersSettings[layer][field] = value;\n } else if (colorOption.type === 'dataCategorical') {\n store.value.reactive.layersSettings[layer][field] = {\n type: 'grouping',\n value: colorOption.selectedSource,\n };\n }\n if (colorOption.type === 'dataCategorical' && typeof value !== 'string') {\n store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n }\n}\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n store.value.reactive.layersSettings[layer].dotSize = value;\n}\n\nconst disabledColor = computed(() => {\n if (state.components.grouping.selectorStates.length) {\n const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n const spec = inputGuide.value.getSourceInfo(groupingSource).spec;\n if (readAnnotation(spec, Annotation.Graph.Palette)) {\n return true;\n }\n }\n return false;\n});\n</script>\n\n<template>\n <AesSelector\n label=\"Dot color\"\n form-title=\"Dot color Settings\"\n form-back-title=\"Layers\"\n type=\"fill\"\n :selected=\"dotFill\"\n :possible-aes-source-inputs=\"['grouping']\"\n :disabled=\"disabledColor\"\n :withoutFixed=\"typeof dotFill === 'object'\"\n @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n />\n <AesSelector\n label=\"Dot shape\"\n form-title=\"Dot shape Settings\"\n form-back-title=\"Layers\"\n type=\"dotShape\"\n :possible-aes-source-inputs=\"['shape']\"\n :selected=\"dotShape\"\n :withoutFixed=\"typeof dotShape === 'object'\"\n @aes-update=\"(v, c) => onUpdateDot(v, c, 'dotShape')\"\n />\n <DotSizeSelector :selected=\"dotSize\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"names":["layer","store","useStore","state","inputGuide","computed","settings","isMapping","value","dotFill","columns","s","DEFAULT_BLACK","dotShape","DEFAULT_DOT_SHAPE","dotSize","isContinuousDataMapping","DEFAULT_DOT_RANGE","DEFAULT_DOT_SIZE","onUpdate","colorOption","field","isAestheticMapping","onUpdateDot","onUpdateDotSize","disabledColor","groupingSource","spec","readAnnotation","Annotation","_createVNode","AesSelector","_cache","v","c","DotSizeSelector"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scatter.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport {
|
|
1
|
+
{"version":3,"file":"Scatter.vue.js","sources":["../../../../../src/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport AesSelector from '../../AesSelector.vue';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { DEFAULT_BLACK } from '../../../../constantsAesthetic';\nimport type {\n AestheticMappingCategorical } from '../../../../dataBindAes';\nimport {\n DEFAULT_DOT_RANGE, DEFAULT_DOT_SIZE_CANVAS,\n isAestheticMapping,\n} from '../../../../dataBindAes';\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type {\n ContinuousDataMappingSize,\n MappingLink,\n} from '../../../../constantsCommon';\nimport {\n isContinuousDataMapping,\n} from '../../../../constantsCommon';\nimport type { InputGuide, ScatterplotUIState } from '@milaboratories/pf-plots';\nimport DotSizeSelector from '../../DotSizeSelector.vue';\nimport { Annotation, readAnnotation } from '@platforma-sdk/model';\n\nconst store = useStore();\nconst layer = 'dots';\nconst state = store.value.reactive.optionsState as ScatterplotUIState;\nconst inputGuide = computed(\n () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<ScatterplotUIState>>;\n\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\n\nfunction isMapping(value: MappingLink | string | null): value is MappingLink {\n return value !== null && typeof value === 'object' && 'type' in value;\n}\nconst dotFill = computed(() => {\n const value = settings.value.dotFill;\n const columns = state.components.grouping.selectorStates.map((s) => s.selectedSource);\n if (isMapping(value) && columns.length) {\n return columns.includes(value.value as string) ? value : { type: 'grouping', value: columns[0] };\n }\n return columns.length ? { type: 'grouping', value: columns[0] } : isMapping(value) ? DEFAULT_BLACK : value ?? DEFAULT_BLACK;\n});\n\nfunction onUpdate(\n value: string | AestheticMappingCategorical,\n colorOption: AesOption,\n field: 'dotFill',\n) {\n if (typeof value === 'string') {\n store.value.reactive.layersSettings[layer][field] = value;\n } else if (colorOption.type === 'dataCategorical' || colorOption.type === 'dataContinuous') {\n store.value.reactive.layersSettings[layer][field] = {\n type: 'grouping',\n value: colorOption.selectedSource,\n };\n }\n if (isAestheticMapping(value) && colorOption.type !== 'fix') {\n store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n }\n}\n\nconst disabledColor = computed(() => {\n if (state.components.grouping.selectorStates.length) {\n const groupingSource = state.components.grouping.selectorStates[0].selectedSource;\n const spec = inputGuide.value.getSourceInfo(groupingSource).spec;\n if (readAnnotation(spec, Annotation.Graph.Palette)) {\n return true;\n }\n }\n return false;\n});\n\nconst dotSize = computed(() => {\n const value = settings.value.dotSize;\n const columns = state.components.size.selectorStates.map((s) => s.selectedSource);\n\n if (columns.length) {\n return { column: columns[0], range: isContinuousDataMapping(value) ? value.range : DEFAULT_DOT_RANGE };\n }\n return isContinuousDataMapping(value) ? DEFAULT_DOT_SIZE_CANVAS : value ?? DEFAULT_DOT_SIZE_CANVAS;\n});\n\nfunction onUpdateDotSize(value: number | ContinuousDataMappingSize) {\n store.value.reactive.layersSettings[layer].dotSize = value;\n}\n</script>\n\n<template>\n <AesSelector\n label=\"Dot color\"\n form-title=\"Dot color Settings\"\n form-back-title=\"Layers\"\n type=\"fill\"\n :selected=\"dotFill\"\n :possible-aes-source-inputs=\"['grouping']\"\n :disabled=\"disabledColor\"\n :withoutFixed=\"typeof dotFill === 'object'\"\n @aes-update=\"(v, c) => onUpdate(v, c, 'dotFill')\"\n />\n <DotSizeSelector :selected=\"dotSize\" :min=\"2\" @aes-update=\"onUpdateDotSize\" />\n</template>\n"],"names":["layer","store","useStore","state","inputGuide","computed","settings","isMapping","value","dotFill","columns","s","DEFAULT_BLACK","onUpdate","colorOption","field","isAestheticMapping","disabledColor","groupingSource","spec","readAnnotation","Annotation","dotSize","isContinuousDataMapping","DEFAULT_DOT_RANGE","DEFAULT_DOT_SIZE_CANVAS","onUpdateDotSize","_createVNode","AesSelector","_cache","v","c","DotSizeSelector"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAQF,EAAM,MAAM,SAAS,cAC7BG,IAAaC;AAAA,MACjB,MAAMJ,EAAM,MAAM,WAAW;AAAA,IAAA,GAGzBK,IAAWD,EAAS,MAAMJ,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC;AAE1E,aAASO,EAAUC,GAA0D;AAC3E,aAAOA,MAAU,QAAQ,OAAOA,KAAU,YAAY,UAAUA;AAAA,IAClE;AACA,UAAMC,IAAUJ,EAAS,MAAM;AAC7B,YAAMG,IAAQF,EAAS,MAAM,SACvBI,IAAUP,EAAM,WAAW,SAAS,eAAe,IAAI,CAACQ,MAAMA,EAAE,cAAc;AACpF,aAAIJ,EAAUC,CAAK,KAAKE,EAAQ,SACvBA,EAAQ,SAASF,EAAM,KAAe,IAAIA,IAAQ,EAAE,MAAM,YAAY,OAAOE,EAAQ,CAAC,EAAA,IAExFA,EAAQ,SAAS,EAAE,MAAM,YAAY,OAAOA,EAAQ,CAAC,EAAA,IAAMH,EAAUC,CAAK,IAAII,IAAgBJ,KAASI;AAAA,IAChH,CAAC;AAED,aAASC,EACPL,GACAM,GACAC,GACA;AACA,MAAI,OAAOP,KAAU,WACnBP,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEe,CAAK,IAAIP,KAC3CM,EAAY,SAAS,qBAAqBA,EAAY,SAAS,sBACxEb,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEe,CAAK,IAAI;AAAA,QAClD,MAAM;AAAA,QACN,OAAOD,EAAY;AAAA,MAAA,IAGnBE,EAAmBR,CAAK,KAAKM,EAAY,SAAS,UACpDb,EAAM,MAAM,SAAS,YAAYa,EAAY,cAAc,IAAIN;AAAA,IAEnE;AAEA,UAAMS,IAAgBZ,EAAS,MAAM;AACnC,UAAIF,EAAM,WAAW,SAAS,eAAe,QAAQ;AACnD,cAAMe,IAAiBf,EAAM,WAAW,SAAS,eAAe,CAAC,EAAE,gBAC7DgB,IAAOf,EAAW,MAAM,cAAcc,CAAc,EAAE;AAC5D,YAAIE,EAAeD,GAAME,EAAW,MAAM,OAAO;AAC/C,iBAAO;AAAA,MAEX;AACA,aAAO;AAAA,IACT,CAAC,GAEKC,IAAUjB,EAAS,MAAM;AAC7B,YAAMG,IAAQF,EAAS,MAAM,SACvBI,IAAUP,EAAM,WAAW,KAAK,eAAe,IAAI,CAACQ,MAAMA,EAAE,cAAc;AAEhF,aAAID,EAAQ,SACH,EAAE,QAAQA,EAAQ,CAAC,GAAG,OAAOa,EAAwBf,CAAK,IAAIA,EAAM,QAAQgB,EAAA,IAE9ED,EAAwBf,CAAK,IAAIiB,IAA0BjB,KAASiB;AAAA,IAC7E,CAAC;AAED,aAASC,EAAgBlB,GAA2C;AAClE,MAAAP,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAE,UAAUQ;AAAA,IACvD;;MAIEmB,EAUEC,GAAA;AAAA,QATA,OAAM;AAAA,QACN,cAAW;AAAA,QACX,mBAAgB;AAAA,QAChB,MAAK;AAAA,QACJ,UAAUnB,EAAA;AAAA,QACV,8BAA4B,CAAA,UAAA;AAAA,QAC5B,UAAUQ,EAAA;AAAA,QACV,qBAAqBR,EAAA,SAAO;AAAA,QAC5B,aAAUoB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,GAAGC,MAAMlB,EAASiB,GAAGC,GAAC,SAAA;AAAA,MAAA;MAEtCJ,EAA8EK,GAAA;AAAA,QAA5D,UAAUV,EAAA;AAAA,QAAU,KAAK;AAAA,QAAI,aAAYI;AAAA,MAAA;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useStore as
|
|
3
|
-
import { DISCRETE_TEMPLATES_MAP as E, LAYER_TITLES as c, LAYER_ICONS as s, SCATTERPLOT_TEMPLATES_MAP as T, SCATTERPLOT_UMAP_TEMPLATES_MAP as
|
|
1
|
+
import { defineComponent as k, createElementBlock as _, openBlock as i, createElementVNode as u, createCommentVNode as n, createBlock as r, unref as t, Fragment as p, renderList as l, withCtx as a, resolveDynamicComponent as f, createVNode as d } from "vue";
|
|
2
|
+
import { useStore as L } from "../../store.js";
|
|
3
|
+
import { DISCRETE_TEMPLATES_MAP as E, LAYER_TITLES as c, LAYER_ICONS as s, SCATTERPLOT_TEMPLATES_MAP as T, SCATTERPLOT_UMAP_TEMPLATES_MAP as b, HEATMAP_TEMPLATES_MAP as M } from "../../constantsCommon.js";
|
|
4
4
|
import m from "../../components/CollapsableBlock.vue.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import P from "./Layer/discrete/Boxplot.vue.js";
|
|
6
|
+
import R from "./Layer/discrete/BinnedDots.vue.js";
|
|
7
7
|
import y from "./Layer/discrete/JitteredDots.vue.js";
|
|
8
8
|
import C from "./Layer/discrete/Violin.vue.js";
|
|
9
9
|
import O from "./Layer/discrete/Bar.vue.js";
|
|
@@ -24,14 +24,14 @@ import q from "../../icons/HeatmapAnnotation.vue.js";
|
|
|
24
24
|
import z from "./Layer/histogram/Bins.vue.js";
|
|
25
25
|
import G from "./Layer/Bubble.vue.js";
|
|
26
26
|
const J = {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}, K = { class: "layers-list" }, gt = /* @__PURE__ */
|
|
27
|
+
id: "layers-form",
|
|
28
|
+
class: "layers-form"
|
|
29
|
+
}, K = { class: "layers-list" }, gt = /* @__PURE__ */ k({
|
|
30
30
|
__name: "index",
|
|
31
31
|
setup(Q) {
|
|
32
|
-
const
|
|
33
|
-
box:
|
|
34
|
-
binnedDots:
|
|
32
|
+
const o = L(), v = {
|
|
33
|
+
box: P,
|
|
34
|
+
binnedDots: R,
|
|
35
35
|
jitteredDots: y,
|
|
36
36
|
violin: C,
|
|
37
37
|
bar: O,
|
|
@@ -51,95 +51,99 @@ const J = {
|
|
|
51
51
|
heatmap: N,
|
|
52
52
|
heatmapClustered: U
|
|
53
53
|
};
|
|
54
|
-
return (W, A) => (
|
|
54
|
+
return (W, A) => (i(), _("div", J, [
|
|
55
55
|
A[0] || (A[0] = u("div", { class: "layers-title" }, [
|
|
56
56
|
u("h3", null, " Layers ")
|
|
57
57
|
], -1)),
|
|
58
58
|
u("div", K, [
|
|
59
|
-
t(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
t(o).reactive.chartType === "discrete" ? (i(!0), _(p, { key: 0 }, l(t(E)[t(o).reactive.template], (e) => (i(), r(m, {
|
|
60
|
+
key: e,
|
|
61
|
+
icon: t(s)[e],
|
|
62
|
+
title: t(c)[e],
|
|
63
|
+
settings: { defaultState: t(E)[t(o).reactive.template].length > 1 ? "close" : "open" }
|
|
63
64
|
}, {
|
|
64
|
-
default:
|
|
65
|
-
(
|
|
65
|
+
default: a(() => [
|
|
66
|
+
(i(), r(f(v[e])))
|
|
66
67
|
]),
|
|
67
68
|
_: 2
|
|
68
|
-
}, 1032, ["icon", "title", "settings"]))),
|
|
69
|
-
t(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
69
|
+
}, 1032, ["icon", "title", "settings"]))), 128)) : n("", !0),
|
|
70
|
+
t(o).reactive.chartType === "scatterplot" ? (i(!0), _(p, { key: 1 }, l(t(T)[t(o).reactive.template], (e) => (i(), r(m, {
|
|
71
|
+
key: e,
|
|
72
|
+
icon: t(s)[e],
|
|
73
|
+
title: t(c)[e],
|
|
74
|
+
settings: { defaultState: t(T)[t(o).reactive.template].length > 1 ? "close" : "open" }
|
|
73
75
|
}, {
|
|
74
|
-
default:
|
|
75
|
-
(
|
|
76
|
+
default: a(() => [
|
|
77
|
+
(i(), r(f($[e])))
|
|
76
78
|
]),
|
|
77
79
|
_: 2
|
|
78
|
-
}, 1032, ["icon", "title", "settings"]))),
|
|
79
|
-
t(
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
80
|
+
}, 1032, ["icon", "title", "settings"]))), 128)) : n("", !0),
|
|
81
|
+
t(o).reactive.chartType === "scatterplot-umap" ? (i(!0), _(p, { key: 2 }, l(t(b)[t(o).reactive.template], (e) => (i(), r(m, {
|
|
82
|
+
key: e,
|
|
83
|
+
icon: t(s)[e],
|
|
84
|
+
title: t(c)[e],
|
|
85
|
+
settings: { defaultState: t(T)[t(o).reactive.template].length > 1 ? "close" : "open" }
|
|
83
86
|
}, {
|
|
84
|
-
default:
|
|
85
|
-
(
|
|
87
|
+
default: a(() => [
|
|
88
|
+
(i(), r(f(h[e])))
|
|
86
89
|
]),
|
|
87
90
|
_: 2
|
|
88
|
-
}, 1032, ["icon", "title", "settings"]))),
|
|
89
|
-
t(
|
|
90
|
-
|
|
91
|
-
|
|
91
|
+
}, 1032, ["icon", "title", "settings"]))), 128)) : n("", !0),
|
|
92
|
+
t(o).reactive.chartType === "heatmap" ? (i(!0), _(p, { key: 3 }, l(t(M)[t(o).reactive.template], (e) => (i(), r(m, {
|
|
93
|
+
key: e,
|
|
94
|
+
icon: t(s)[e],
|
|
95
|
+
title: t(c)[e],
|
|
92
96
|
settings: { defaultState: "open" }
|
|
93
97
|
}, {
|
|
94
|
-
default:
|
|
95
|
-
(
|
|
98
|
+
default: a(() => [
|
|
99
|
+
(i(), r(f(g[e])))
|
|
96
100
|
]),
|
|
97
101
|
_: 2
|
|
98
|
-
}, 1032, ["icon", "title"]))),
|
|
99
|
-
t(
|
|
102
|
+
}, 1032, ["icon", "title"]))), 128)) : n("", !0),
|
|
103
|
+
t(o).reactive.chartType === "heatmap" ? (i(), r(m, {
|
|
100
104
|
key: 4,
|
|
101
105
|
icon: q,
|
|
102
106
|
title: "Annotations",
|
|
103
107
|
settings: { defaultState: "open" }
|
|
104
108
|
}, {
|
|
105
|
-
default:
|
|
106
|
-
(
|
|
109
|
+
default: a(() => [
|
|
110
|
+
(i(), r(f(w)))
|
|
107
111
|
]),
|
|
108
112
|
_: 1
|
|
109
|
-
})) :
|
|
110
|
-
t(
|
|
113
|
+
})) : n("", !0),
|
|
114
|
+
t(o).reactive.chartType === "dendro" ? (i(), r(m, {
|
|
111
115
|
key: 5,
|
|
112
116
|
icon: t(s).dendro,
|
|
113
117
|
title: t(c).dendro,
|
|
114
118
|
settings: { defaultState: "open" }
|
|
115
119
|
}, {
|
|
116
|
-
default:
|
|
120
|
+
default: a(() => [
|
|
117
121
|
d(H)
|
|
118
122
|
]),
|
|
119
123
|
_: 1
|
|
120
|
-
}, 8, ["icon", "title"])) :
|
|
121
|
-
t(
|
|
124
|
+
}, 8, ["icon", "title"])) : n("", !0),
|
|
125
|
+
t(o).reactive.chartType === "histogram" ? (i(), r(m, {
|
|
122
126
|
key: 6,
|
|
123
127
|
icon: t(s).bins,
|
|
124
128
|
title: t(c).bins,
|
|
125
129
|
settings: { defaultState: "open" }
|
|
126
130
|
}, {
|
|
127
|
-
default:
|
|
131
|
+
default: a(() => [
|
|
128
132
|
d(z)
|
|
129
133
|
]),
|
|
130
134
|
_: 1
|
|
131
|
-
}, 8, ["icon", "title"])) :
|
|
132
|
-
t(
|
|
135
|
+
}, 8, ["icon", "title"])) : n("", !0),
|
|
136
|
+
t(o).reactive.chartType === "bubble" ? (i(), r(m, {
|
|
133
137
|
key: 7,
|
|
134
138
|
icon: t(s).bubble,
|
|
135
139
|
title: t(c).bubble,
|
|
136
140
|
settings: { defaultState: "open" }
|
|
137
141
|
}, {
|
|
138
|
-
default:
|
|
142
|
+
default: a(() => [
|
|
139
143
|
d(G)
|
|
140
144
|
]),
|
|
141
145
|
_: 1
|
|
142
|
-
}, 8, ["icon", "title"])) :
|
|
146
|
+
}, 8, ["icon", "title"])) : n("", !0)
|
|
143
147
|
])
|
|
144
148
|
]));
|
|
145
149
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.js","sources":["../../../src/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n DISCRETE_TEMPLATES_MAP,\n HEATMAP_TEMPLATES_MAP,\n LAYER_ICONS,\n LAYER_TITLES,\n SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP
|
|
1
|
+
{"version":3,"file":"index.vue.js","sources":["../../../src/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n DISCRETE_TEMPLATES_MAP,\n HEATMAP_TEMPLATES_MAP,\n LAYER_ICONS,\n LAYER_TITLES,\n SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP,\n} from '../../constantsCommon';\nimport type { Component } from 'vue';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Boxplot from './Layer/discrete/Boxplot.vue';\nimport BinnedDots from './Layer/discrete/BinnedDots.vue';\nimport JitteredDots from './Layer/discrete/JitteredDots.vue';\nimport Violin from './Layer/discrete/Violin.vue';\nimport Bar from './Layer/discrete/Bar.vue';\nimport StackedBar from './Layer/discrete/StackedBar.vue';\nimport StackedArea from './Layer/discrete/StackedArea.vue';\nimport Line from './Layer/discrete/Line.vue';\nimport Errorbar from './Layer/discrete/Errorbar.vue';\nimport Sina from './Layer/discrete/Sina.vue';\nimport Logo from './Layer/discrete/Logo.vue';\nimport Heatmap from './Layer/heatmap/Heatmap.vue';\nimport Dendro from './Layer/Dendro.vue';\nimport Scatterplot from './Layer/scatterplot/Scatter.vue';\nimport ScatterplotUmap from './Layer/scatterplot-umap/Scatter.vue';\nimport Curve from './Layer/scatterplot/Curve.vue';\nimport type {\n DiscreteLayer,\n DiscreteLayersTemplate,\n HeatmapLayer, HeatmapLayerTemplate,\n ScatterplotLayer,\n ScatterplotLayersTemplate,\n} from '../../types';\nimport HeatmapClustered from './Layer/heatmap/HeatmapClustered.vue';\nimport HeatmapAnnotations from './Layer/heatmap/HeatmapAnnotations.vue';\nimport HeatmapAnnotationIcon from '../../icons/HeatmapAnnotation.vue';\nimport Bins from './Layer/histogram/Bins.vue';\nimport Bubble from './Layer/Bubble.vue';\n\nconst store = useStore();\nconst DISCRETE_LAYERS_FORMS: Record<DiscreteLayer, Component> = {\n box: Boxplot,\n binnedDots: BinnedDots,\n jitteredDots: JitteredDots,\n violin: Violin,\n bar: Bar,\n stackedBar: StackedBar,\n stackedArea: StackedArea,\n line: Line,\n errorbar: Errorbar,\n sina: Sina,\n logo: Logo,\n};\nconst SCATTERPLOT_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n dots: Scatterplot,\n curve: Curve,\n};\nconst SCATTERPLOT_UMAP_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n dots: ScatterplotUmap,\n curve: Curve,\n};\nconst HEATMAP_LAYER_FORMS: Record<HeatmapLayer, Component> = {\n heatmap: Heatmap,\n heatmapClustered: HeatmapClustered,\n};\n\n</script>\n\n<template>\n <div id=\"layers-form\" class=\"layers-form\">\n <div class=\"layers-title\">\n <h3>\n Layers\n </h3>\n </div>\n <div class=\"layers-list\">\n <template v-if=\"store.reactive.chartType === 'discrete'\">\n <template\n v-for=\"layer of DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate]\"\n :key=\"layer\"\n >\n <CollapsableBlock\n :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n :settings=\"{ defaultState: DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate].length > 1 ? 'close' : 'open' }\"\n >\n <component :is=\"DISCRETE_LAYERS_FORMS[layer]\" />\n </CollapsableBlock>\n </template>\n </template>\n\n <template v-if=\"store.reactive.chartType === 'scatterplot'\">\n <template\n v-for=\"layer of SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\"\n :key=\"layer\"\n >\n <CollapsableBlock\n :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n :settings=\"{ defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open' }\"\n >\n <component :is=\"SCATTERPLOT_LAYER_FORMS[layer]\" />\n </CollapsableBlock>\n </template>\n </template>\n\n <template v-if=\"store.reactive.chartType === 'scatterplot-umap'\">\n <template\n v-for=\"layer of SCATTERPLOT_UMAP_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\"\n :key=\"layer\"\n >\n <CollapsableBlock\n :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n :settings=\"{ defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open' }\"\n >\n <component :is=\"SCATTERPLOT_UMAP_LAYER_FORMS[layer]\" />\n </CollapsableBlock>\n </template>\n </template>\n\n <template v-if=\"store.reactive.chartType === 'heatmap'\">\n <template v-for=\"layer of HEATMAP_TEMPLATES_MAP[store.reactive.template as HeatmapLayerTemplate]\" :key=\"layer\">\n <CollapsableBlock\n :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n :settings=\"{ defaultState: 'open' }\"\n >\n <component :is=\"HEATMAP_LAYER_FORMS[layer]\" />\n </CollapsableBlock>\n </template>\n </template>\n\n <!-- Not a layer - part of aesthetic mapping for heatmap annotations -->\n <template v-if=\"store.reactive.chartType === 'heatmap'\">\n <CollapsableBlock :icon=\"HeatmapAnnotationIcon\" title=\"Annotations\" :settings=\"{ defaultState: 'open' }\">\n <component :is=\"HeatmapAnnotations\" />\n </CollapsableBlock>\n </template>\n\n <template v-if=\"store.reactive.chartType === 'dendro'\">\n <CollapsableBlock :icon=\"LAYER_ICONS.dendro\" :title=\"LAYER_TITLES.dendro\" :settings=\"{ defaultState: 'open' }\">\n <Dendro />\n </CollapsableBlock>\n </template>\n\n <template v-if=\"store.reactive.chartType === 'histogram'\">\n <CollapsableBlock :icon=\"LAYER_ICONS.bins\" :title=\"LAYER_TITLES.bins\" :settings=\"{ defaultState: 'open' }\">\n <Bins />\n </CollapsableBlock>\n </template>\n\n <template v-if=\"store.reactive.chartType === 'bubble'\">\n <CollapsableBlock :icon=\"LAYER_ICONS.bubble\" :title=\"LAYER_TITLES.bubble\" :settings=\"{ defaultState: 'open' }\">\n <Bubble />\n </CollapsableBlock>\n </template>\n </div>\n </div>\n</template>\n"],"names":["store","useStore","DISCRETE_LAYERS_FORMS","Boxplot","BinnedDots","JitteredDots","Violin","Bar","StackedBar","StackedArea","Line","Errorbar","Sina","Logo","SCATTERPLOT_LAYER_FORMS","Scatterplot","Curve","SCATTERPLOT_UMAP_LAYER_FORMS","ScatterplotUmap","HEATMAP_LAYER_FORMS","Heatmap","HeatmapClustered","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_unref","_Fragment","_renderList","layer","_createBlock","CollapsableBlock","LAYER_ICONS","LAYER_TITLES","_resolveDynamicComponent","HeatmapAnnotationIcon","HeatmapAnnotations","_createVNode","Dendro","Bins","Bubble"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogForm.vue.js","sources":["../../src/forms/LogForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template v-slot=\"slotProps\">\n <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n <div class=\"settings-title\">\n <h3>\n Log\n </h3>\n </div>\n <div class=\"settings-list\">\n
|
|
1
|
+
{"version":3,"file":"LogForm.vue.js","sources":["../../src/forms/LogForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template v-slot=\"slotProps\">\n <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n <div class=\"settings-title\">\n <h3>\n Log\n </h3>\n </div>\n <div class=\"settings-list\">\n <slot/>\n <slot name=\"logSlot\"/>\n </div>\n </div>\n</template>\n"],"names":["_hoisted_1","_createElementBlock","_cache","e","_createElementVNode","_renderSlot","_ctx"],"mappings":";;cAWSA,IAAA,EAAA,OAAM,gBAAe;;cAN5BC,EAUM,OAAA;AAAA,IAVD,OAAM;AAAA,IAAiB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAe;AAAA;oBACzDC,EAIM,OAAA,EAJD,OAAM,oBAAgB;AAAA,MACzBA,EAEK,YAFD,OAEJ;AAAA;IAEFA,EAGM,OAHNJ,GAGM;AAAA,MAFJK,EAAOC,EAAA,QAAA,SAAA;AAAA,MACPD,EAAsBC,EAAA,QAAA,SAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsForm.vue.js","sources":["../../src/forms/SettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n
|
|
1
|
+
{"version":3,"file":"SettingsForm.vue.js","sources":["../../src/forms/SettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n\n</script>\n\n<template>\n <div class=\"settings-form\" @click=\"(e) => e.stopPropagation()\">\n <div class=\"settings-title\">\n <h3>\n Settings\n </h3>\n </div>\n <div class=\"settings-list\">\n <slot/>\n <slot name=\"settingsSlot\"/>\n </div>\n </div>\n</template>\n"],"names":["_hoisted_1","_createElementBlock","_cache","e","_createElementVNode","_renderSlot","_ctx"],"mappings":";;cAWSA,IAAA,EAAA,OAAM,gBAAe;;cAN5BC,EAUM,OAAA;AAAA,IAVD,OAAM;AAAA,IAAiB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAe;AAAA;oBACzDC,EAIM,OAAA,EAJD,OAAM,oBAAgB;AAAA,MACzBA,EAEK,YAFD,YAEJ;AAAA;IAEFA,EAGM,OAHNJ,GAGM;AAAA,MAFJK,EAAOC,EAAA,QAAA,SAAA;AAAA,MACPD,EAA2BC,EAAA,QAAA,cAAA;AAAA;;;;"}
|
|
@@ -34,11 +34,11 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
|
|
|
34
34
|
], -1)),
|
|
35
35
|
t("div", P, [
|
|
36
36
|
n(o(i), {
|
|
37
|
+
modelValue: o(p),
|
|
38
|
+
"onUpdate:modelValue": e[0] || (e[0] = (l) => s(p) ? p.value = l : null),
|
|
37
39
|
label: "Method",
|
|
38
40
|
clearable: "",
|
|
39
41
|
placeholder: "Choose",
|
|
40
|
-
modelValue: o(p),
|
|
41
|
-
"onUpdate:modelValue": e[0] || (e[0] = (l) => s(p) ? p.value = l : null),
|
|
42
42
|
options: S.value,
|
|
43
43
|
error: a.value.overall.validity.testMethod ? "" : " "
|
|
44
44
|
}, null, 8, ["modelValue", "options", "error"])
|
|
@@ -48,39 +48,39 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
|
|
|
48
48
|
], -1)),
|
|
49
49
|
t("div", A, [
|
|
50
50
|
n(o(i), {
|
|
51
|
+
modelValue: o(v),
|
|
52
|
+
"onUpdate:modelValue": e[1] || (e[1] = (l) => s(v) ? v.value = l : null),
|
|
51
53
|
label: "Reference from...",
|
|
52
54
|
clearable: "",
|
|
53
55
|
placeholder: "Choose",
|
|
54
|
-
modelValue: o(v),
|
|
55
|
-
"onUpdate:modelValue": e[1] || (e[1] = (l) => s(v) ? v.value = l : null),
|
|
56
56
|
options: U.value,
|
|
57
57
|
error: a.value.referenceGroup.validity.referenceGroup ? "" : " "
|
|
58
58
|
}, null, 8, ["modelValue", "options", "error"])
|
|
59
59
|
]),
|
|
60
60
|
t("div", B, [
|
|
61
61
|
n(o(i), {
|
|
62
|
+
modelValue: o(m),
|
|
63
|
+
"onUpdate:modelValue": e[2] || (e[2] = (l) => s(m) ? m.value = l : null),
|
|
62
64
|
label: "Method",
|
|
63
65
|
clearable: "",
|
|
64
66
|
placeholder: "Choose",
|
|
65
|
-
modelValue: o(m),
|
|
66
|
-
"onUpdate:modelValue": e[2] || (e[2] = (l) => s(m) ? m.value = l : null),
|
|
67
67
|
options: o(w)
|
|
68
68
|
}, null, 8, ["modelValue", "options"])
|
|
69
69
|
]),
|
|
70
70
|
t("div", F, [
|
|
71
71
|
n(o(i), {
|
|
72
|
-
label: "Correction method",
|
|
73
|
-
placeholder: "Choose",
|
|
74
72
|
modelValue: o(c),
|
|
75
73
|
"onUpdate:modelValue": e[3] || (e[3] = (l) => s(c) ? c.value = l : null),
|
|
74
|
+
label: "Correction method",
|
|
75
|
+
placeholder: "Choose",
|
|
76
76
|
options: o(C)
|
|
77
77
|
}, null, 8, ["modelValue", "options"])
|
|
78
78
|
]),
|
|
79
79
|
t("div", H, [
|
|
80
80
|
n(o(h), {
|
|
81
|
-
label: "Show",
|
|
82
81
|
modelValue: a.value.referenceGroup.data.format,
|
|
83
82
|
"onUpdate:modelValue": e[4] || (e[4] = (l) => a.value.referenceGroup.data.format = l),
|
|
83
|
+
label: "Show",
|
|
84
84
|
options: o(T)
|
|
85
85
|
}, null, 8, ["modelValue", "options"])
|
|
86
86
|
]),
|
|
@@ -96,28 +96,28 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
|
|
|
96
96
|
], -1)),
|
|
97
97
|
t("div", _, [
|
|
98
98
|
n(o(i), {
|
|
99
|
+
modelValue: o(f),
|
|
100
|
+
"onUpdate:modelValue": e[6] || (e[6] = (l) => s(f) ? f.value = l : null),
|
|
99
101
|
label: "Method",
|
|
100
102
|
clearable: "",
|
|
101
103
|
placeholder: "Choose",
|
|
102
|
-
modelValue: o(f),
|
|
103
|
-
"onUpdate:modelValue": e[6] || (e[6] = (l) => s(f) ? f.value = l : null),
|
|
104
104
|
options: o(w)
|
|
105
105
|
}, null, 8, ["modelValue", "options"])
|
|
106
106
|
]),
|
|
107
107
|
t("div", z, [
|
|
108
108
|
n(o(i), {
|
|
109
|
-
label: "Correction method",
|
|
110
|
-
placeholder: "Choose",
|
|
111
109
|
modelValue: o(V),
|
|
112
110
|
"onUpdate:modelValue": e[7] || (e[7] = (l) => s(V) ? V.value = l : null),
|
|
111
|
+
label: "Correction method",
|
|
112
|
+
placeholder: "Choose",
|
|
113
113
|
options: o(C)
|
|
114
114
|
}, null, 8, ["modelValue", "options"])
|
|
115
115
|
]),
|
|
116
116
|
t("div", L, [
|
|
117
117
|
n(o(h), {
|
|
118
|
-
label: "Show",
|
|
119
118
|
modelValue: a.value.pairwise.data.format,
|
|
120
119
|
"onUpdate:modelValue": e[8] || (e[8] = (l) => a.value.pairwise.data.format = l),
|
|
120
|
+
label: "Show",
|
|
121
121
|
options: o(T)
|
|
122
122
|
}, null, 8, ["modelValue", "options"])
|
|
123
123
|
]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscreteStatisticsForm.vue.js","sources":["../../../src/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../store';\nimport {PlDropdown, PlBtnGroup, PlCheckbox} from
|
|
1
|
+
{"version":3,"file":"DiscreteStatisticsForm.vue.js","sources":["../../../src/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown, PlBtnGroup, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed, watch } from 'vue';\nimport type {\n DiscreteStatisticsState } from '../../constantsCommon';\nimport {\n FORMAT_P_VALUE_OPTIONS,\n STAT_CORRECTION_METHOD,\n STAT_TEST_METHOD,\n} from '../../constantsCommon';\nimport { checkStatisticsInputsValidity, getOverallTestMethodOptions, getReferenceGroupOptions } from '../../utils';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as DiscreteStatisticsState);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value);\n\nconst referenceGroupOptions = computed(() => getReferenceGroupOptions(primaryGroups.value));\n\nconst overallTestMethodOptions = computed(() => getOverallTestMethodOptions(primaryGroups.value));\n\nconst withUndefined = (data: Record<string, string | null | boolean>, field: string) => {\n return computed({\n get() {\n return data[field] ?? undefined;\n },\n set(newValue: string | undefined) {\n data[field] = newValue ?? null;\n },\n });\n};\nconst overallTestMethod = withUndefined(settings.value.overall.data, 'testMethod');\n\nconst referenceGroupMethod = withUndefined(settings.value.referenceGroup.data, 'testMethod');\nconst referenceGroup = withUndefined(settings.value.referenceGroup.data, 'referenceGroup');\nconst referenceGroupCorrection = withUndefined(settings.value.referenceGroup.data, 'correctionMethod');\n\nconst pairwise = withUndefined(settings.value.pairwise.data, 'testMethod');\nconst pairwiseCorrection = withUndefined(settings.value.pairwise.data, 'correctionMethod');\n\ncheckStatisticsInputsValidity(store)();\nwatch([\n () => settings.value.overall.data.testMethod,\n () => settings.value.referenceGroup.data.referenceGroup,\n], checkStatisticsInputsValidity(store));\n</script>\n<template>\n <h3>\n Statistics\n </h3>\n <!--Overall p-value settings-->\n <div class=\"section-title\"><span>overall p-value</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"overallTestMethod\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"overallTestMethodOptions\"\n :error=\"settings.overall.validity.testMethod ? '' : ' '\"\n />\n </div>\n <!--Reference group p-value settings-->\n <div class=\"section-title\"><span>reference group</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroup\"\n label=\"Reference from...\"\n clearable\n placeholder=\"Choose\"\n :options=\"referenceGroupOptions\"\n :error=\"settings.referenceGroup.validity.referenceGroup ? '' : ' '\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroupMethod\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"STAT_TEST_METHOD\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroupCorrection\"\n label=\"Correction method\"\n placeholder=\"Choose\"\n :options=\"STAT_CORRECTION_METHOD\"\n />\n </div>\n <div class=\"input-item\" style=\"z-index: 0\">\n <PlBtnGroup\n v-model=\"settings.referenceGroup.data.format\"\n label=\"Show\"\n :options=\"FORMAT_P_VALUE_OPTIONS\"\n />\n </div>\n <div class=\"checkbox-item\">\n <PlCheckbox v-model=\"settings.referenceGroup.data.ns\"/>\n <span>Non-significant</span>\n </div>\n <!--pairwise.data p-value settings-->\n <div class=\"section-title\"><span>pairwise p-value</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"pairwise\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"STAT_TEST_METHOD\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"pairwiseCorrection\"\n label=\"Correction method\"\n placeholder=\"Choose\"\n :options=\"STAT_CORRECTION_METHOD\"\n />\n </div>\n <div class=\"input-item\" style=\"z-index: 0\">\n <PlBtnGroup\n v-model=\"settings.pairwise.data.format\"\n label=\"Show\"\n :options=\"FORMAT_P_VALUE_OPTIONS\"\n />\n </div>\n <div class=\"checkbox-item\">\n <PlCheckbox v-model=\"settings.pairwise.data.ns\"/>\n <span>Non-significant</span>\n </div>\n</template>\n"],"names":["store","useStore","settings","computed","primaryGroups","referenceGroupOptions","getReferenceGroupOptions","overallTestMethodOptions","getOverallTestMethodOptions","withUndefined","data","field","newValue","overallTestMethod","referenceGroupMethod","referenceGroup","referenceGroupCorrection","pairwise","pairwiseCorrection","checkStatisticsInputsValidity","watch","_cache","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","_hoisted_2","_hoisted_3","STAT_TEST_METHOD","_hoisted_4","STAT_CORRECTION_METHOD","_hoisted_5","PlBtnGroup","FORMAT_P_VALUE_OPTIONS","_hoisted_6","PlCheckbox","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterplotStatisticsForm.vue.js","sources":["../../../src/forms/StatisticsForm/ScatterplotStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport {ScatterplotStatisticsState} from '../../constantsCommon';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as ScatterplotStatisticsState);\n\n</script>\n<template>\n <h3>Statistics</h3>\n <div class=\"section-title\"><span>trends</span></div>\n <div class=\"checkbox-item\">\n <
|
|
1
|
+
{"version":3,"file":"ScatterplotStatisticsForm.vue.js","sources":["../../../src/forms/StatisticsForm/ScatterplotStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport type { ScatterplotStatisticsState } from '../../constantsCommon';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as ScatterplotStatisticsState);\n\n</script>\n<template>\n <h3>Statistics</h3>\n <div class=\"section-title\"><span>trends</span></div>\n <div class=\"checkbox-item\">\n <PlToggleSwitch v-model=\"settings.trend.on\" label=\"Build trend\" :disabled=\"store.reactive.template === 'curve'\"/>\n </div>\n</template>\n"],"names":["store","useStore","settings","computed","_cache","_createElementVNode","_hoisted_1","_createVNode","_unref","PlToggleSwitch","$event"],"mappings":";;;;;;AAMA,UAAMA,IAAQC,EAAA,GACRC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,kBAAgD;;MAInGI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAmB,YAAf,cAAU,EAAA;AAAA,sBACdA,EAAoD,OAAA,EAA/C,OAAM,mBAAe;AAAA,QAACA,EAAmB,cAAb,QAAM;AAAA,MAAA;MACvCA,EAEM,OAFNC,GAEM;AAAA,QADJC,EAAiHC,EAAAC,CAAA,GAAA;AAAA,sBAAxFP,EAAA,MAAS,MAAM;AAAA,wDAAfA,EAAA,MAAS,MAAM,KAAEQ;AAAA,UAAE,OAAM;AAAA,UAAe,UAAUF,EAAAR,CAAA,EAAM,SAAS,aAAQ;AAAA,QAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.vue.js","sources":["../../../src/forms/StatisticsForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../store';\nimport DiscreteForm from './DiscreteStatisticsForm.vue';\nimport ScatterplotForm from './ScatterplotStatisticsForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n <div class=\"stat-form\" @click=\"(e) => e.stopPropagation()\">\n <
|
|
1
|
+
{"version":3,"file":"index.vue.js","sources":["../../../src/forms/StatisticsForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport DiscreteForm from './DiscreteStatisticsForm.vue';\nimport ScatterplotForm from './ScatterplotStatisticsForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n <div class=\"stat-form\" @click=\"(e) => e.stopPropagation()\">\n <DiscreteForm v-if=\"store.reactive.chartType === 'discrete'\"/>\n <ScatterplotForm v-if=\"store.reactive.chartType === 'scatterplot'\"/>\n </div>\n</template>\n"],"names":["store","useStore","_createElementBlock","_cache","e","_unref","_createBlock","DiscreteForm","ScatterplotForm"],"mappings":";;;;;;;AAKA,UAAMA,IAAQC,EAAA;2BAIZC,EAGM,OAAA;AAAA,MAHD,OAAM;AAAA,MAAa,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,IAAe;MACjCC,EAAAL,CAAA,EAAM,SAAS,cAAS,mBAA5CM,EAA8DC,GAAA,EAAA,KAAA,EAAA,CAAA;MACvCF,EAAAL,CAAA,EAAM,SAAS,cAAS,sBAA/CM,EAAoEE,GAAA,EAAA,KAAA,EAAA,CAAA;;;;"}
|