npm - @milaboratories/graph-maker - Versions diffs - 1.1.177 → 1.1.179 - Mend

@milaboratories/graph-maker 1.1.177 → 1.1.179

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 (210) hide show

package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DiscreteAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport AesButton from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, onMounted, ref } from 'vue';\nimport AesDataMapping from '../../components/AesSettings/AesDataMappingDiscrete.vue';\nimport { AestheticMappingCategorical, createDefaultMapping } from '../../dataBindAes';\nimport { LabelsRotation } from '../../types';\nimport { getDiscreteLabelsRotation } from '../../utils';\nimport { watch } from 'vue';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close'\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n {value: 'left', icon: AlignLeft},\n {value: 'center', icon: AlignCenter},\n {value: 'right', icon: AlignRight},\n]\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_LABELS_ROTATION = [\n { value: 'center', icon: Rotation0 },\n { value: '45deg', icon: Rotation45 },\n { value: '90deg', icon: Rotation90 }\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_SCALE = [\n { value: 'linear', text: 'Linear' },\n { value: 'log', text: 'Log' }\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'empty', icon: FrameEmpty },\n { value: 'left', icon: FrameLeft },\n { value: 'bottom', icon: FrameBottom },\n { value: 'left-bottom', icon: FrameLeftBottom },\n { value: 'full', icon: FrameFull }\n];\n\nconst inputGuide = computed(() => store.value.inputGuide.value)\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value)\n\nconst reorderPrimaryOpen = ref(false);\nconst reorderSecondaryOpen = ref(false);\n\nconst defaultReorderPrimaryOpen = computed(() => store.value.reactive.tabDefaultState['axes'].reorderPrimaryOpen);\nconst defaultReorderSecondaryOpen = computed(() => store.value.reactive.tabDefaultState['axes'].reorderSecondaryOpen);\nonMounted(() => {\n if (defaultReorderPrimaryOpen.value) {\n reorderPrimaryOpen.value = true;\n }\n if (defaultReorderSecondaryOpen.value) {\n reorderSecondaryOpen.value = true;\n }\n})\nwatch(() => defaultReorderPrimaryOpen.value, (v) => {\n if (v) {\n reorderSecondaryOpen.value = false;\n reorderPrimaryOpen.value = true;\n }\n});\nwatch(() => defaultReorderSecondaryOpen.value, (v) => {\n if (v) {\n reorderPrimaryOpen.value = false;\n reorderSecondaryOpen.value = true;\n }\n});\n\nconst primaryGrouping = computed(() => store.value.reactive.optionsState.components.primaryGrouping?.selectorStates[0]?.selectedSource);\nconst secondaryGrouping = computed(() => store.value.reactive.optionsState.components.secondaryGrouping?.selectorStates[0]?.selectedSource);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value)\nconst secondaryGroups = computed(() => store.value.commonHelpersData.secondaryGroups.value)\n\nconst usedAesInMapping = computed(() => store.value.commonHelpersData.usedAesInMapping.value);\n\nconst mappingPrimary = ref(store.value.reactive.dataBindAes[primaryGrouping.value] as AestheticMappingCategorical ?? createDefaultMapping(primaryGroups.value));\nconst mappingSecondary = ref(store.value.reactive.dataBindAes[secondaryGrouping.value] as AestheticMappingCategorical ?? createDefaultMapping(secondaryGroups.value));\n\nconst primaryInfo = computed(() => {\n if (primaryGrouping.value) {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(primaryGrouping.value) ?? null;\n const valueLabels = labelsInfo.value[primaryGrouping.value]?.labels ?? null;\n return {\n selectedSourceInfo,\n labels: primaryGroups.value.reduce((res: Record<string, string>, v) => {\n res[v] = valueLabels?.[v] ?? String(v);\n return res;\n }, {})\n };\n }\n});\nconst secondaryInfo = computed(() => {\n if (secondaryGrouping.value) {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(secondaryGrouping.value) ?? null;\n const valueLabels = labelsInfo.value[secondaryGrouping.value]?.labels ?? null;\n return {\n selectedSourceInfo,\n labels: secondaryGroups.value.reduce((res: Record<string, string>, v) => {\n res[v] = valueLabels?.[v] ?? String(v);\n return res;\n }, {})\n };\n }\n});\n\nfunction updateOrder(value: AestheticMappingCategorical, sourceId: string) {\n store.value.reactive.dataBindAes[sourceId] = value;\n}\n\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' }\n];\n\nconst primaryOptions = computed(() => labelsInfo.value[primaryGrouping.value])\nconst xLabelsRotation = computed({\n get(){\n return getDiscreteLabelsRotation(settings.axisX.labelsRotation, primaryOptions.value?.options)\n },\n set(value:LabelsRotation) {\n settings.axisX.labelsRotation = value;\n }\n})\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.title.mode\"\n />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field\n label=\"Chart title\"\n placeholder=\"Chart title\"\n v-model=\"settings.title.value\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n </div>\n<!-- <div class=\"axes-settings-options-row\">-->\n<!-- <span>Facet frame style</span>-->\n<!-- <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n<!-- </div>-->\n </collapsable-block>\n <!-- X axis settings-->\n <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\" v-if=\"primaryGroups.length > 1\">\n <span>Primary groups order: </span>\n <aes-button :data=\"{type: 'data', value: null}\" @click=\"reorderPrimaryOpen = true\" />\n <template v-if=\"reorderPrimaryOpen && primaryInfo\">\n <form-wrapper\n title=\"Reorder primary groups\"\n back-title=\"Axes Settings\"\n @form:open=\"store.reactive.tabDefaultState['axes'].reorderPrimaryOpen = false\"\n @form:close=\"reorderPrimaryOpen = false\"\n >\n <aes-data-mapping\n :column-value-labels=\"primaryInfo.labels\"\n :data-column-label=\"primaryInfo.selectedSourceInfo?.label ?? ''\"\n :used-aes-in-mapping=\"usedAesInMapping[primaryGrouping]\"\n allow-reordering\n allow-hiding\n :allow-null-option=\"settings.axisX.allowNullPrimaryGroups\"\n v-model=\"mappingPrimary\"\n @update:modelValue=\"(value:AestheticMappingCategorical) => updateOrder(value, primaryGrouping)\"\n />\n </form-wrapper>\n </template>\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"primaryGroups.length > 1\">\n <span>Allow null primary group</span>\n <pl-toggle-switch v-model=\"settings.axisX.allowNullPrimaryGroups\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"secondaryGroups.length > 1\">\n <span>Secondary groups order: </span>\n <aes-button :data=\"{type: 'data', value: null}\" @click=\"reorderSecondaryOpen = true\" />\n <template v-if=\"reorderSecondaryOpen && secondaryInfo\">\n <form-wrapper\n title=\"Reorder secondary groups\"\n back-title=\"Axes Settings\"\n @form:open=\"store.reactive.tabDefaultState['axes'].reorderSecondaryOpen = false\"\n @form:close=\"reorderSecondaryOpen = false\"\n >\n <aes-data-mapping\n :column-value-labels=\"secondaryInfo.labels\"\n :data-column-label=\"secondaryInfo.selectedSourceInfo?.label ?? ''\"\n :used-aes-in-mapping=\"usedAesInMapping[secondaryGrouping]\"\n allow-reordering\n allow-hiding\n :allow-null-option=\"settings.axisX.allowNullSecondaryGroups\"\n v-model=\"mappingSecondary\"\n @update:modelValue=\"(value:AestheticMappingCategorical) => updateOrder(value, secondaryGrouping)\"\n />\n </form-wrapper>\n </template>\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"secondaryGroups.length > 1\">\n <span>Allow null secondary group</span>\n <pl-toggle-switch v-model=\"settings.axisX.allowNullSecondaryGroups\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"store.reactive.chartType === 'discrete'\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_LABELS_ROTATION\" v-model=\"xLabelsRotation\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisX.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisX.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <pl-toggle-switch v-model=\"settings.axisX.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Lines between categories</span>\n <pl-toggle-switch v-model=\"settings.axisX.linesBetweenCategories\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <pl-toggle-switch v-model=\"settings.axisX.ticks\" />\n </div>\n </collapsable-block>\n <!-- Y axis settings-->\n <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisY.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisY.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n v-model=\"settings.axisY.scale\"\n />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <pl-toggle-switch v-model=\"settings.axisY.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <pl-toggle-switch v-model=\"settings.axisY.ticks\" />\n </div>\n </collapsable-block>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Reverse axes</span>\n <pl-toggle-switch v-model=\"settings.other.reverse\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n v-model=\"settings.other.facetColumns\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Facet shared by\"\n :options=\"OPTIONS_FACET_SHARED\"\n v-model=\"settings.other.facetSharedBy\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","inputGuide","computed","labelsInfo","reorderPrimaryOpen","ref","reorderSecondaryOpen","defaultReorderPrimaryOpen","defaultReorderSecondaryOpen","onMounted","watch","v","primaryGrouping","_b","_a","secondaryGrouping","primaryGroups","secondaryGroups","usedAesInMapping","mappingPrimary","createDefaultMapping","mappingSecondary","primaryInfo","selectedSourceInfo","valueLabels","res","secondaryInfo","updateOrder","value","sourceId","OPTIONS_FACET_SHARED","primaryOptions","xLabelsRotation","getDiscreteLabelsRotation","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","AesButton","_createBlock","FormWrapper","AesDataMapping","_hoisted_6","PlToggleSwitch","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","Slider","_hoisted_24"],"mappings":"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"}
1	+ {"version":3,"file":"DiscreteAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport AesButton from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, onMounted, ref } from 'vue';\nimport AesDataMapping from '../../components/AesSettings/AesDataMappingDiscrete.vue';\nimport type { AestheticMappingCategorical } from '../../dataBindAes';\nimport { createDefaultMapping } from '../../dataBindAes';\nimport type { LabelsRotation } from '../../types';\nimport { getDiscreteLabelsRotation } from '../../utils';\nimport { watch } from 'vue';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close',\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_LABELS_ROTATION = [\n { value: 'center', icon: Rotation0 },\n { value: '45deg', icon: Rotation45 },\n { value: '90deg', icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' },\n];\nconst OPTIONS_SCALE = [\n { value: 'linear', text: 'Linear' },\n { value: 'log', text: 'Log' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'empty', icon: FrameEmpty },\n { value: 'left', icon: FrameLeft },\n { value: 'bottom', icon: FrameBottom },\n { value: 'left-bottom', icon: FrameLeftBottom },\n { value: 'full', icon: FrameFull },\n];\n\nconst inputGuide = computed(() => store.value.inputGuide.value);\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value);\n\nconst reorderPrimaryOpen = ref(false);\nconst reorderSecondaryOpen = ref(false);\n\nconst defaultReorderPrimaryOpen = computed(() => store.value.reactive.tabDefaultState['axes'].reorderPrimaryOpen);\nconst defaultReorderSecondaryOpen = computed(() => store.value.reactive.tabDefaultState['axes'].reorderSecondaryOpen);\nonMounted(() => {\n if (defaultReorderPrimaryOpen.value) {\n reorderPrimaryOpen.value = true;\n }\n if (defaultReorderSecondaryOpen.value) {\n reorderSecondaryOpen.value = true;\n }\n});\nwatch(() => defaultReorderPrimaryOpen.value, (v) => {\n if (v) {\n reorderSecondaryOpen.value = false;\n reorderPrimaryOpen.value = true;\n }\n});\nwatch(() => defaultReorderSecondaryOpen.value, (v) => {\n if (v) {\n reorderPrimaryOpen.value = false;\n reorderSecondaryOpen.value = true;\n }\n});\n\nconst primaryGrouping = computed(() => store.value.reactive.optionsState.components.primaryGrouping?.selectorStates[0]?.selectedSource);\nconst secondaryGrouping = computed(() => store.value.reactive.optionsState.components.secondaryGrouping?.selectorStates[0]?.selectedSource);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value);\nconst secondaryGroups = computed(() => store.value.commonHelpersData.secondaryGroups.value);\n\nconst usedAesInMapping = computed(() => store.value.commonHelpersData.usedAesInMapping.value);\n\nconst mappingPrimary = ref(store.value.reactive.dataBindAes[primaryGrouping.value] as AestheticMappingCategorical ?? createDefaultMapping(primaryGroups.value));\nconst mappingSecondary = ref(store.value.reactive.dataBindAes[secondaryGrouping.value] as AestheticMappingCategorical ?? createDefaultMapping(secondaryGroups.value));\n\nconst primaryInfo = computed(() => {\n if (primaryGrouping.value) {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(primaryGrouping.value) ?? null;\n const valueLabels = labelsInfo.value[primaryGrouping.value]?.labels ?? null;\n return {\n selectedSourceInfo,\n labels: primaryGroups.value.reduce((res: Record<string, string>, v) => {\n res[v] = valueLabels?.[v] ?? String(v);\n return res;\n }, {}),\n };\n }\n return null;\n});\nconst secondaryInfo = computed(() => {\n if (secondaryGrouping.value) {\n const selectedSourceInfo = inputGuide.value.getSourceInfo(secondaryGrouping.value) ?? null;\n const valueLabels = labelsInfo.value[secondaryGrouping.value]?.labels ?? null;\n return {\n selectedSourceInfo,\n labels: secondaryGroups.value.reduce((res: Record<string, string>, v) => {\n res[v] = valueLabels?.[v] ?? String(v);\n return res;\n }, {}),\n };\n }\n return null;\n});\n\nfunction updateOrder(value: AestheticMappingCategorical, sourceId: string) {\n store.value.reactive.dataBindAes[sourceId] = value;\n}\n\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' },\n];\n\nconst primaryOptions = computed(() => labelsInfo.value[primaryGrouping.value]);\nconst xLabelsRotation = computed({\n get() {\n return getDiscreteLabelsRotation(settings.axisX.labelsRotation, primaryOptions.value?.options);\n },\n set(value: LabelsRotation) {\n settings.axisX.labelsRotation = value;\n },\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.title.mode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField\n v-model=\"settings.title.value\"\n label=\"Chart title\"\n placeholder=\"Chart title\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n </div>\n <!-- <div class=\"axes-settings-options-row\">-->\n <!-- <span>Facet frame style</span>-->\n <!-- <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n <!-- </div>-->\n </CollapsableBlock>\n <!-- X axis settings-->\n <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div v-if=\"primaryGroups.length > 1\" class=\"axes-settings-options-row\">\n <span>Primary groups order: </span>\n <AesButton :data=\"{type: 'data', value: null}\" @click=\"reorderPrimaryOpen = true\" />\n <template v-if=\"reorderPrimaryOpen && primaryInfo\">\n <FormWrapper\n title=\"Reorder primary groups\"\n back-title=\"Axes Settings\"\n @form:open=\"store.reactive.tabDefaultState['axes'].reorderPrimaryOpen = false\"\n @form:close=\"reorderPrimaryOpen = false\"\n >\n <AesDataMapping\n v-model=\"mappingPrimary\"\n :column-value-labels=\"primaryInfo.labels\"\n :data-column-label=\"primaryInfo.selectedSourceInfo?.label ?? ''\"\n :used-aes-in-mapping=\"usedAesInMapping[primaryGrouping]\"\n allow-reordering\n allow-hiding\n :allow-null-option=\"settings.axisX.allowNullPrimaryGroups\"\n @update:modelValue=\"(value:AestheticMappingCategorical) => updateOrder(value, primaryGrouping)\"\n />\n </FormWrapper>\n </template>\n </div>\n <div v-if=\"primaryGroups.length > 1\" class=\"axes-settings-options-row\">\n <span>Allow null primary group</span>\n <PlToggleSwitch v-model=\"settings.axisX.allowNullPrimaryGroups\" />\n </div>\n <div v-if=\"secondaryGroups.length > 1\" class=\"axes-settings-options-row\">\n <span>Secondary groups order: </span>\n <AesButton :data=\"{type: 'data', value: null}\" @click=\"reorderSecondaryOpen = true\" />\n <template v-if=\"reorderSecondaryOpen && secondaryInfo\">\n <FormWrapper\n title=\"Reorder secondary groups\"\n back-title=\"Axes Settings\"\n @form:open=\"store.reactive.tabDefaultState['axes'].reorderSecondaryOpen = false\"\n @form:close=\"reorderSecondaryOpen = false\"\n >\n <AesDataMapping\n v-model=\"mappingSecondary\"\n :column-value-labels=\"secondaryInfo.labels\"\n :data-column-label=\"secondaryInfo.selectedSourceInfo?.label ?? ''\"\n :used-aes-in-mapping=\"usedAesInMapping[secondaryGrouping]\"\n allow-reordering\n allow-hiding\n :allow-null-option=\"settings.axisX.allowNullSecondaryGroups\"\n @update:modelValue=\"(value:AestheticMappingCategorical) => updateOrder(value, secondaryGrouping)\"\n />\n </FormWrapper>\n </template>\n </div>\n <div v-if=\"secondaryGroups.length > 1\" class=\"axes-settings-options-row\">\n <span>Allow null secondary group</span>\n <PlToggleSwitch v-model=\"settings.axisX.allowNullSecondaryGroups\" />\n </div>\n <div v-if=\"store.reactive.chartType === 'discrete'\" class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"xLabelsRotation\" :options=\"OPTIONS_LABELS_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisX.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Lines between categories</span>\n <PlToggleSwitch v-model=\"settings.axisX.linesBetweenCategories\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n </div>\n </CollapsableBlock>\n <!-- Y axis settings-->\n <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisY.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.scale\"\n label=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisY.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Reverse axes</span>\n <PlToggleSwitch v-model=\"settings.other.reverse\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\"\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\"\n label=\"Facet shared by\"\n :options=\"OPTIONS_FACET_SHARED\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","inputGuide","computed","labelsInfo","reorderPrimaryOpen","ref","reorderSecondaryOpen","defaultReorderPrimaryOpen","defaultReorderSecondaryOpen","onMounted","watch","v","primaryGrouping","_b","_a","secondaryGrouping","primaryGroups","secondaryGroups","usedAesInMapping","mappingPrimary","createDefaultMapping","mappingSecondary","primaryInfo","selectedSourceInfo","valueLabels","res","secondaryInfo","updateOrder","value","sourceId","OPTIONS_FACET_SHARED","primaryOptions","xLabelsRotation","getDiscreteLabelsRotation","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","AesButton","_createBlock","FormWrapper","AesDataMapping","_hoisted_6","PlToggleSwitch","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","Slider","_hoisted_24"],"mappings":"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"}

package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js CHANGED Viewed

@@ -87,26 +87,26 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
           default: b(() => [
             a("div", J, [
               s(l(d), {
-                label: "Title",
-                options: T,
                 modelValue: l(o).title.mode,
-                "onUpdate:modelValue": e[0] || (e[0] = (t) => l(o).title.mode = t)
+                "onUpdate:modelValue": e[0] || (e[0] = (t) => l(o).title.mode = t),
+                label: "Title",
+                options: T
               }, null, 8, ["modelValue"])
             ]),
             l(o).title.mode === "custom" ? (u(), n("div", K, [
               s(l(A), {
-                label: "Chart title",
-                placeholder: "Chart title",
                 modelValue: l(o).title.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (t) => l(o).title.value = t)
+                "onUpdate:modelValue": e[1] || (e[1] = (t) => l(o).title.value = t),
+                label: "Chart title",
+                placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", Q, [
               e[24] || (e[24] = a("span", null, "Alignment", -1)),
               s(p, {
-                options: I,
                 modelValue: l(o).title.position,
-                "onUpdate:modelValue": e[2] || (e[2] = (t) => l(o).title.position = t)
+                "onUpdate:modelValue": e[2] || (e[2] = (t) => l(o).title.position = t),
+                options: I
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -122,63 +122,63 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
             a("div", ee, [
               e[25] || (e[25] = a("span", null, "Labels rotation", -1)),
               s(p, {
-                options: v,
                 modelValue: l(o).axisX.axisLabelsAngle,
-                "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.axisLabelsAngle = t)
+                "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.axisLabelsAngle = t),
+                options: v
               }, null, 8, ["modelValue"])
             ]),
             E.value.xGroupBy.selectorStates.length ? (u(), n("div", le, [
               e[26] || (e[26] = a("span", null, "Group labels rotation", -1)),
               s(p, {
-                options: v,
                 modelValue: l(o).axisX.groupLabelsAngle,
-                "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.groupLabelsAngle = t)
+                "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.groupLabelsAngle = t),
+                options: v
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", te, [
               s(l(d), {
-                label: "Title",
-                options: T,
                 modelValue: l(o).axisX.titleMode,
-                "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.titleMode = t)
+                "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.titleMode = t),
+                label: "Title",
+                options: T
               }, null, 8, ["modelValue"])
             ]),
             l(o).axisX.titleMode === "custom" ? (u(), n("div", oe, [
               s(l(A), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: l(o).axisX.customTitle,
-                "onUpdate:modelValue": e[6] || (e[6] = (t) => l(o).axisX.customTitle = t)
+                "onUpdate:modelValue": e[6] || (e[6] = (t) => l(o).axisX.customTitle = t),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", se, [
               s(l(d), {
-                label: "Sorting",
-                options: k,
                 modelValue: l(o).axisX.sorting,
-                "onUpdate:modelValue": e[7] || (e[7] = (t) => l(o).axisX.sorting = t)
+                "onUpdate:modelValue": e[7] || (e[7] = (t) => l(o).axisX.sorting = t),
+                label: "Sorting",
+                options: k
               }, null, 8, ["modelValue"])
             ]),
             a("div", ae, [
               s(l(d), {
-                label: "Cell width mode",
-                options: X,
                 modelValue: c.value,
                 "onUpdate:modelValue": [
                   e[8] || (e[8] = (t) => c.value = t),
                   e[9] || (e[9] = (t) => {
                     V.value = t === "auto" ? null : _;
                   })
-                ]
+                ],
+                label: "Cell width mode",
+                options: X
               }, null, 8, ["modelValue"])
             ]),
             c.value === "custom" && V.value !== null ? (u(), n("div", ie, [
               s(l(w), {
+                modelValue: V.value,
+                "onUpdate:modelValue": e[10] || (e[10] = (t) => V.value = t),
                 label: "Cell width",
                 min: Y,
                 max: O,
-                modelValue: V.value,
-                "onUpdate:modelValue": e[10] || (e[10] = (t) => V.value = t),
                 measure: "px",
                 style: { width: "100%" }
               }, null, 8, ["modelValue"])
@@ -196,63 +196,63 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
             a("div", ne, [
               e[27] || (e[27] = a("span", null, "Labels rotation", -1)),
               s(p, {
-                options: v,
                 modelValue: l(o).axisY.axisLabelsAngle,
-                "onUpdate:modelValue": e[11] || (e[11] = (t) => l(o).axisY.axisLabelsAngle = t)
+                "onUpdate:modelValue": e[11] || (e[11] = (t) => l(o).axisY.axisLabelsAngle = t),
+                options: v
               }, null, 8, ["modelValue"])
             ]),
             E.value.yGroupBy.selectorStates.length ? (u(), n("div", ue, [
               e[28] || (e[28] = a("span", null, "Group labels rotation", -1)),
               s(p, {
-                options: v,
                 modelValue: l(o).axisY.groupLabelsAngle,
-                "onUpdate:modelValue": e[12] || (e[12] = (t) => l(o).axisY.groupLabelsAngle = t)
+                "onUpdate:modelValue": e[12] || (e[12] = (t) => l(o).axisY.groupLabelsAngle = t),
+                options: v
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", de, [
               s(l(d), {
-                label: "Title",
-                options: T,
                 modelValue: l(o).axisY.titleMode,
-                "onUpdate:modelValue": e[13] || (e[13] = (t) => l(o).axisY.titleMode = t)
+                "onUpdate:modelValue": e[13] || (e[13] = (t) => l(o).axisY.titleMode = t),
+                label: "Title",
+                options: T
               }, null, 8, ["modelValue"])
             ]),
             l(o).axisY.titleMode === "custom" ? (u(), n("div", re, [
               s(l(A), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: l(o).axisY.customTitle,
-                "onUpdate:modelValue": e[14] || (e[14] = (t) => l(o).axisY.customTitle = t)
+                "onUpdate:modelValue": e[14] || (e[14] = (t) => l(o).axisY.customTitle = t),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", me, [
               s(l(d), {
-                label: "Sorting",
-                options: k,
                 modelValue: l(o).axisY.sorting,
-                "onUpdate:modelValue": e[15] || (e[15] = (t) => l(o).axisY.sorting = t)
+                "onUpdate:modelValue": e[15] || (e[15] = (t) => l(o).axisY.sorting = t),
+                label: "Sorting",
+                options: k
               }, null, 8, ["modelValue"])
             ]),
             a("div", pe, [
               s(l(d), {
-                label: "Cell height mode",
-                options: X,
                 modelValue: y.value,
                 "onUpdate:modelValue": [
                   e[16] || (e[16] = (t) => y.value = t),
                   e[17] || (e[17] = (t) => {
                     f.value = t === "auto" ? null : _;
                   })
-                ]
+                ],
+                label: "Cell height mode",
+                options: X
               }, null, 8, ["modelValue"])
             ]),
             y.value === "custom" && f.value !== null ? (u(), n("div", xe, [
               s(l(w), {
+                modelValue: f.value,
+                "onUpdate:modelValue": e[18] || (e[18] = (t) => f.value = t),
                 label: "Cell height",
                 min: Y,
                 max: O,
-                modelValue: f.value,
-                "onUpdate:modelValue": e[18] || (e[18] = (t) => f.value = t),
                 measure: "px",
                 style: { width: "100%" }
               }, null, 8, ["modelValue"])
@@ -275,31 +275,31 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
           a("div", Ve, [
             e[30] || (e[30] = a("span", null, "Frame", -1)),
             s(p, {
-              options: N,
               modelValue: l(o).other.frame,
-              "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).other.frame = t)
+              "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).other.frame = t),
+              options: N
             }, null, 8, ["modelValue"])
           ]),
           a("div", fe, [
             s(l(w), {
+              modelValue: l(o).other.facetColumns,
+              "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).other.facetColumns = t),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
               max: 6,
               step: 1,
               breakpoints: !0,
-              mode: "input",
-              modelValue: l(o).other.facetColumns,
-              "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).other.facetColumns = t)
+              mode: "input"
             }, null, 8, ["modelValue"])
           ]),
           a("div", be, [
             s(l(d), {
-              label: "Facet shared by",
-              options: P.value,
               modelValue: l(o).other.facetSharedBy,
-              "onUpdate:modelValue": e[22] || (e[22] = (t) => l(o).other.facetSharedBy = t)
-            }, null, 8, ["options", "modelValue"])
+              "onUpdate:modelValue": e[22] || (e[22] = (t) => l(o).other.facetSharedBy = t),
+              label: "Facet shared by",
+              options: P.value
+            }, null, 8, ["modelValue", "options"])
           ])
         ])
       ])

package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close'\n};\nconst OPTIONS_TITLE_ALIGN = [\n {value: 'left', icon: AlignLeft},\n {value: 'center', icon: AlignCenter},\n {value: 'right', icon: AlignRight},\n]\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 }\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull }\n];\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' }\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n { text: 'auto', value: 'auto' },\n { text: 'custom', value: 'custom' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n if (store.value.reactive.template !== 'heatmapClustered') {\n return true;\n }\n if (layer.value.dendrogramX && layer.value.dendrogramY) {\n return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n }\n if (layer.value.dendrogramX) {\n return option.value !== 'x' && option.value !== 'xy';\n }\n if (layer.value.dendrogramY) {\n return option.value !== 'y' && option.value !== 'xy';\n }\n return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n get: () => settings.axisX.cellSize,\n set: (v) => {\n settings.axisX.cellSize = v;\n }\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n get: () => settings.axisY.cellSize,\n set: (v) => {\n settings.axisY.cellSize = v;\n }\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.title.mode\"\n />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field\n label=\"Chart title\"\n placeholder=\"Chart title\"\n v-model=\"settings.title.value\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n </div>\n </collapsable-block>\n <!-- X axis settings-->\n <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"options.xGroupBy.selectorStates.length\">\n <span>Group labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.groupLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisX.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisX.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisX.sorting\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n v-model=\"cellWidthMode\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"cellWidthMode === 'custom' && cellWidth !== null\">\n <Slider label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" v-model=\"cellWidth\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </collapsable-block>\n <!-- Y axis settings-->\n <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"options.yGroupBy.selectorStates.length\">\n <span>Group labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.groupLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisY.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisY.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisY.sorting\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n v-model=\"cellHeightMode\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"cellHeightMode === 'custom' && cellHeight !== null\">\n <Slider label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" v-model=\"cellHeight\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </collapsable-block>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <pl-checkbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</pl-checkbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n v-model=\"settings.other.facetColumns\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n v-model=\"settings.other.facetSharedBy\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","Slider","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","PlCheckbox","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sNAsBMA,IAAgB,GAChBC,IAAgB,IAChBC,IAAoB;;;AAE1B,UAAMC,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAEVC,IAAsB;AAAA,MAC1B,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAM7BC,IAA2B;AAAA,MAC/B,EAAE,OAAO,GAAG,MAAMC,EAAA;AAAA,MAClB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,MACnB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,IAAW,GAE1BC,IAA0B;AAAA,MAC9B,EAAE,OAAO,QAAQ,MAAM,OAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,UAAU,MAAM,OAAA;AAAA,IAAO,GAE5BC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,IAAU,GAE7BC,IAAuB;AAAA,MAC3B,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,MAAM,OAAO,KAAA;AAAA,MACrB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,IAAO,GAE1BC,IAAkB;AAAA,MACtB,EAAE,MAAM,aAAa,OAAO,MAAA;AAAA,MAC5B,EAAE,MAAM,cAAc,OAAO,OAAA;AAAA,IAAO,GAEhCC,IAAoB;AAAA,MACxB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,IAAS,GAG9BC,IAAQC,EAAS,MAAMpB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EqB,IAAqBD,EAAS,MAAMJ,EAAqB,OAAO,CAACM,MACjEtB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELmB,EAAM,MAAM,eAAeA,EAAM,MAAM,cAClCG,EAAO,UAAU,OAAOA,EAAO,UAAU,QAAQA,EAAO,UAAU,MAEvEH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE9CH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE3C,EACR,CAAC,GAEIC,IAAUH,EAAS,MAAOpB,EAAM,MAAM,SAAS,aAAa,UAA2C,GAEvGwB,IAAgBJ,EAAS,MAAMlB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACnFuB,IAAYL,EAAS;AAAA,MACzB,KAAK,MAAMlB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAACwB,MAAM;AACV,QAAAxB,EAAS,MAAM,WAAWwB;AAAA,MAC5B;AAAA,IAAA,CACD,GACKC,IAAiBP,EAAS,MAAMlB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACpF0B,IAAaR,EAAS;AAAA,MAC1B,KAAK,MAAMlB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAACwB,MAAM;AACV,QAAAxB,EAAS,MAAM,WAAWwB;AAAA,MAC5B;AAAA,IAAA,CACD;2BAICG,EAkJM,OAAA;AAAA,MAlJD,OAAM;AAAA,MAAa,SAAKC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,IAAe;MACrDD,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAEK,MAAA,EAFD,OAAM,aAAA,GAAa,UAEvB,EAAA;AAAA,MACAA,EA6IM,OA7INC,GA6IM;AAAA,QA3IJC,EAmBoBC,GAAA;AAAA,UAnBD,OAAM;AAAA,UAAS,UAAUhC;AAAA,UAAgB,MAAMiC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAMM;AAAA,YANNL,EAMM,OANNM,GAMM;AAAA,cALJJ,EAIEK,EAAAC,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACL,SAAS5B;AAAA,4BACD2B,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,OAAIuC;AAAA,cAAA;;YAGOF,EAAArC,CAAA,EAAS,MAAM,SAAI,YAA1DwC,KAAAb,EAMM,OANNc,GAMM;AAAA,cALJT,EAIEK,EAAAK,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACN,aAAY;AAAA,4BACHL,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,QAAKuC;AAAA,cAAA;;YAGjCT,EAGM,OAHNa,GAGM;AAAA,cAFJf,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAsB,cAAhB,aAAS,EAAA;AAAA,cACfE,EAAkFY,GAAA;AAAA,gBAAjE,SAAS1C;AAAA,4BAA8BmC,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,WAAQuC;AAAA,cAAA;;;;;QAInFP,EA2CoBC,GAAA;AAAA,UA3CD,OAAM;AAAA,UAAU,UAAUhC;AAAA,UAAgB,MAAMiC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACpF,MAGM;AAAA,YAHNL,EAGM,OAHNe,IAGM;AAAA,cAFJjB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAA4B,cAAtB,mBAAe,EAAA;AAAA,cACrBE,EAA+FY,GAAA;AAAA,gBAA9E,SAAStC;AAAA,4BAAmC+B,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,kBAAeuC;AAAA,cAAA;;YAEhDlB,EAAA,MAAQ,SAAS,eAAe,UAA7EmB,KAAAb,EAGM,OAHNmB,IAGM;AAAA,cAFJlB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkC,cAA5B,yBAAqB,EAAA;AAAA,cAC3BE,EAAgGY,GAAA;AAAA,gBAA/E,SAAStC;AAAA,4BAAmC+B,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,mBAAgBuC;AAAA,cAAA;;YAE9FT,EAMM,OANNiB,IAMM;AAAA,cALJf,EAIEK,EAAAC,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACL,SAAS5B;AAAA,4BACD2B,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,YAASuC;AAAA,cAAA;;YAG1BF,EAAArC,CAAA,EAAS,MAAM,cAAS,iBAAnC2B,EAMM,OAAAqB,IAAA;AAAA,cALJhB,EAIEK,EAAAK,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACN,aAAY;AAAA,4BACHL,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,cAAWuC;AAAA,cAAA;;YAGvCT,EAMM,OANNmB,IAMM;AAAA,cALJjB,EAIEK,EAAAC,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACL,SAASvB;AAAA,4BACDsB,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,UAAOuC;AAAA,cAAA;;YAGnCT,EASM,OATNoB,IASM;AAAA,cARJlB,EAOEK,EAAAC,CAAA,GAAA;AAAA,gBANA,OAAM;AAAA,gBACL,SAAStB;AAAA,4BACDM,EAAA;AAAA;yCAAAA,EAAa,QAAAiB;AAAA,mCACAf,MAAC;AAAqB,oBAAAD,EAAA,QAAYC,MAAC,SAAA,OAAqB3B;AAAA;;;;YAKrCyB,EAAA,sBAA8BC,EAAA,UAAS,QAApFiB,KAAAb,EAEM,OAFNwB,IAEM;AAAA,cADJnB,EAAgIK,EAAAe,CAAA,GAAA;AAAA,gBAAxH,OAAM;AAAA,gBAAc,KAAKzD;AAAA,gBAAgB,KAAKC;AAAA,4BAAwB2B,EAAA;AAAA,gEAAAA,EAAS,QAAAgB;AAAA,gBAAE,SAAQ;AAAA,gBAAM,OAAO,EAAA,OAAA,OAAA;AAAA,cAAA;;;;;QAIlHP,EA2CoBC,GAAA;AAAA,UA3CD,OAAM;AAAA,UAAU,UAAUhC;AAAA,UAAgB,MAAMiC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACpF,MAGM;AAAA,YAHNL,EAGM,OAHNuB,IAGM;AAAA,cAFJzB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAA4B,cAAtB,mBAAe,EAAA;AAAA,cACrBE,EAA+FY,GAAA;AAAA,gBAA9E,SAAStC;AAAA,4BAAmC+B,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,kBAAeuC;AAAA,cAAA;;YAEhDlB,EAAA,MAAQ,SAAS,eAAe,UAA7EmB,KAAAb,EAGM,OAHN2B,IAGM;AAAA,cAFJ1B,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkC,cAA5B,yBAAqB,EAAA;AAAA,cAC3BE,EAAgGY,GAAA;AAAA,gBAA/E,SAAStC;AAAA,4BAAmC+B,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,mBAAgBuC;AAAA,cAAA;;YAE9FT,EAMM,OANNyB,IAMM;AAAA,cALJvB,EAIEK,EAAAC,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACL,SAAS5B;AAAA,4BACD2B,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,YAASuC;AAAA,cAAA;;YAG1BF,EAAArC,CAAA,EAAS,MAAM,cAAS,iBAAnC2B,EAMM,OAAA6B,IAAA;AAAA,cALJxB,EAIEK,EAAAK,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACN,aAAY;AAAA,4BACHL,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,cAAWuC;AAAA,cAAA;;YAGvCT,EAMM,OANN2B,IAMM;AAAA,cALJzB,EAIEK,EAAAC,CAAA,GAAA;AAAA,gBAHA,OAAM;AAAA,gBACL,SAASvB;AAAA,4BACDsB,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,UAAOuC;AAAA,cAAA;;YAGnCT,EASM,OATN4B,IASM;AAAA,cARJ1B,EAOEK,EAAAC,CAAA,GAAA;AAAA,gBANA,OAAM;AAAA,gBACL,SAAStB;AAAA,4BACDS,EAAA;AAAA;2CAAAA,EAAc,QAAAc;AAAA,qCACDf,MAAC;AAAqB,oBAAAE,EAAA,QAAaF,MAAC,SAAA,OAAqB3B;AAAA;;;;YAKtC4B,EAAA,sBAA+BC,EAAA,UAAU,QAAtFc,KAAAb,EAEM,OAFNgC,IAEM;AAAA,cADJ3B,EAAkIK,EAAAe,CAAA,GAAA;AAAA,gBAA1H,OAAM;AAAA,gBAAe,KAAKzD;AAAA,gBAAgB,KAAKC;AAAA,4BAAwB8B,EAAA;AAAA,gEAAAA,EAAU,QAAAa;AAAA,gBAAE,SAAQ;AAAA,gBAAM,OAAO,EAAA,OAAA,OAAA;AAAA,cAAA;;;;;QAIpHT,EA2BM,OA3BN8B,IA2BM;AAAA,UA1BJ9B,EAEM,OAFN+B,IAEM;AAAA,YADJ7B,EAAqFK,EAAAyB,CAAA,GAAA;AAAA,0BAA/DzB,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,mBAAgBuC;AAAA,YAAA;yBAAE,MAAgB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,kBAAhB,oBAAgB,EAAA;AAAA,cAAA;;;;UAEzEE,EAGM,OAHNiC,IAGM;AAAA,YAFJnC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,YACXE,EAAgFY,GAAA;AAAA,cAA/D,SAASjC;AAAA,0BAA8B0B,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,QAAKuC;AAAA,YAAA;;UAE9ET,EAWM,OAXNkC,IAWM;AAAA,YAVJhC,EASEK,EAAAe,CAAA,GAAA;AAAA,cARC,OAAO,EAAA,OAAA,OAAA;AAAA,cACR,OAAM;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,aAAa;AAAA,cACd,MAAK;AAAA,0BACIf,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,eAAYuC;AAAA,YAAA;;UAGxCT,EAMM,OANNmC,IAMM;AAAA,YALJjC,EAIEK,EAAAC,CAAA,GAAA;AAAA,cAHA,OAAM;AAAA,cACL,SAASnB,EAAA;AAAA,0BACDkB,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,gBAAauC;AAAA,YAAA;;;;;;;"}
1	+ {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n// import FrameLeft from '../../icons/FrameLeft.vue';\n// import FrameBottom from '../../icons/FrameBottom.vue';\n// import FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport type { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close',\n};\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull },\n];\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' },\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n { text: 'auto', value: 'auto' },\n { text: 'custom', value: 'custom' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n if (store.value.reactive.template !== 'heatmapClustered') {\n return true;\n }\n if (layer.value.dendrogramX && layer.value.dendrogramY) {\n return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n }\n if (layer.value.dendrogramX) {\n return option.value !== 'x' && option.value !== 'xy';\n }\n if (layer.value.dendrogramY) {\n return option.value !== 'y' && option.value !== 'xy';\n }\n return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n get: () => settings.axisX.cellSize,\n set: (v) => {\n settings.axisX.cellSize = v;\n },\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n get: () => settings.axisY.cellSize,\n set: (v) => {\n settings.axisY.cellSize = v;\n },\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.title.mode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField\n v-model=\"settings.title.value\"\n label=\"Chart title\"\n placeholder=\"Chart title\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n </div>\n </CollapsableBlock>\n <!-- X axis settings-->\n <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.xGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisX.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellWidthMode\"\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellWidthMode === 'custom' && cellWidth !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellWidth\" label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </CollapsableBlock>\n <!-- Y axis settings-->\n <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.yGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisY.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellHeightMode\"\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellHeightMode === 'custom' && cellHeight !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellHeight\" label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\"\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\"\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","Slider","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","PlCheckbox","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":"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"}