npm - @milaboratories/graph-maker - Versions diffs - 1.1.227 → 1.2.1 - Mend

@milaboratories/graph-maker 1.1.227 → 1.2.1

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScatterplotAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch, 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 FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport type { AesButtonProps } from '../../components/AesButton.vue';\nimport AesButton from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, ref } from 'vue';\nimport Popup from '../../components/Popup.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport type { LineType } from '../../components/AesSettings/types';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport { FIXED_LINE_TYPES } from '../../constantsAesthetic';\nimport ReorderForm from '../../components/ReorderForm.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport type { LabelsRotation } from '../../types';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst chartType = computed(() => store.value.reactive.chartType);\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close',\n contentPadding: '0 24px',\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_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hidden' },\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];\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_LABELS_ROTATION = [\n { value: 'center', icon: Rotation0 },\n { value: '45deg', icon: Rotation45 },\n { value: '90deg', icon: Rotation90 },\n];\nconst significantLineStyleX = ref(settings.axisX.significantLinesStyle);\nconst significantLineStyleY = ref(settings.axisY.significantLinesStyle);\nconst linesPopupHeight = computed(() => getPopupHeightForFixedAesList(FIXED_LINE_TYPES.length, 'lineType'));\nconst linesAesButtonXRef = ref();\nconst linesAesButtonYRef = ref();\nconst openLinesPopupX = ref(false);\nconst openLinesPopupY = ref(false);\n\nconst xSource = computed(() => {\n const x = store.value.reactive.optionsState.components.x.selectorStates;\n return x.length ? x[0].selectedSource : null;\n});\nconst ySource = computed(() => {\n const y = store.value.reactive.optionsState.components.y.selectorStates;\n return y.length ? y[0].selectedSource : null;\n});\n\nconst discreteX = computed(() => {\n if (!xSource.value) {\n return false;\n }\n const info = store.value.inputGuide.value.getSourceInfo(xSource.value);\n return info.type === 'String';\n});\nconst discreteY = computed(() => {\n if (!ySource.value) {\n return false;\n }\n const info = store.value.inputGuide.value.getSourceInfo(ySource.value);\n return info.type === 'String';\n});\nconst reorderX = ref(false);\nconst reorderY = ref(false);\nconst axisOrderX = computed({\n get: () => {\n if (!discreteX.value \|\| !xSource.value) {\n return null;\n }\n const savedOrder = store.value.reactive.axesSettings.axisX.order;\n return savedOrder?.source === xSource.value ? savedOrder.options : store.value.uniqueValuesData.value[xSource.value]?.options;\n },\n set: (v) => {\n if (xSource.value && v) {\n store.value.reactive.axesSettings.axisX.order = {\n source: xSource.value,\n options: v,\n };\n }\n },\n});\nconst axisOrderY = computed({\n get: () => {\n if (!discreteY.value \|\| !ySource.value) {\n return null;\n }\n const savedOrder = store.value.reactive.axesSettings.axisY.order;\n return savedOrder?.source === ySource.value ? savedOrder.options : store.value.uniqueValuesData.value[ySource.value]?.options;\n },\n set: (v) => {\n if (ySource.value && v) {\n store.value.reactive.axesSettings.axisY.order = {\n source: ySource.value,\n options: v,\n };\n }\n },\n});\nconst xLabelsRotation = computed({\n get() {\n return settings.axisX.labelsRotation ?? 'center';\n },\n set(value: LabelsRotation) {\n settings.axisX.labelsRotation = value;\n },\n});\nconst yLabelsRotation = computed({\n get() {\n return settings.axisY.labelsRotation ?? 'center';\n },\n set(value: LabelsRotation) {\n settings.axisY.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 v-model=\"settings.title.mode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField v-model=\"settings.title.value\" label=\"Chart title\" placeholder=\"Chart title\" />\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 class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisX.titleMode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField v-model=\"settings.axisX.customTitle\" label=\"Text\" placeholder=\"Type\" />\n </div>\n <div v-if=\"!discreteX\" class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisX.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" :compact=\"true\" />\n </div>\n <div v-if=\"discreteX && axisOrderX\" class=\"axes-settings-options-row\">\n <span>X axis order: </span>\n <AesButton :data=\"{ type: 'data', value: null }\" @click=\"reorderX = true\" />\n <template v-if=\"reorderX\">\n <FormWrapper title=\"Reorder X axis values\" back-title=\"Axes Settings\" @form:close=\"reorderX = false\">\n <ReorderForm v-model=\"axisOrderX\" />\n </FormWrapper>\n </template>\n </div>\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\n </div>\n <div v-if=\"discreteX\" 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 table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Significant lines style</span>\n <AesButton\n :data=\"{ type: 'lineType', value: significantLineStyleX } as AesButtonProps['data']\"\n @click=\"openLinesPopupX = !openLinesPopupX\" @ref=\"(el: Element) => (linesAesButtonXRef = el)\"\n />\n <Popup\n v-if=\"openLinesPopupX\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonXRef\"\n @popup:close=\"openLinesPopupX = false\"\n >\n <div class=\"fixed-aes-list fixed-aes-list__rows\">\n <FixedLineTypeList\n v-model=\"significantLineStyleX\"\n @update:modelValue=\"(value: LineType) => settings.axisX.significantLinesStyle = value\"\n />\n </div>\n </Popup>\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 v-model=\"settings.axisY.titleMode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField v-model=\"settings.axisY.customTitle\" label=\"Text\" placeholder=\"Type\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n </div>\n <div v-if=\"!discreteY\" class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisY.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" :compact=\"true\" />\n </div>\n <div v-if=\"discreteY && axisOrderY\" class=\"axes-settings-options-row\">\n <span>Y axis order: </span>\n <AesButton :data=\"{ type: 'data', value: null }\" @click=\"reorderY = true\" />\n <template v-if=\"reorderY\">\n <FormWrapper title=\"Reorder Y axis values\" back-title=\"Axes Settings\" @form:close=\"reorderY = false\">\n <ReorderForm v-model=\"axisOrderY\" />\n </FormWrapper>\n </template>\n </div>\n <div v-if=\"discreteY\" class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"yLabelsRotation\" :options=\"OPTIONS_LABELS_ROTATION\" />\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 <div class=\"axes-settings-options-row\">\n <span>Significant lines style</span>\n <AesButton\n :data=\"{ type: 'lineType', value: significantLineStyleY } as AesButtonProps['data']\"\n @click=\"openLinesPopupY = !openLinesPopupY\" @ref=\"(el: Element) => (linesAesButtonYRef = el)\"\n />\n <Popup\n v-if=\"openLinesPopupY\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonYRef\"\n @popup:close=\"openLinesPopupY = false\"\n >\n <div class=\"fixed-aes-list fixed-aes-list__rows\">\n <FixedLineTypeList\n v-model=\"significantLineStyleY\"\n @update:modelValue=\"(value: LineType) => settings.axisY.significantLinesStyle = value\"\n />\n </div>\n </Popup>\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div v-if=\"chartType === 'scatterplot'\" class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.showLegend\">Show legend</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\" :style=\"{ width: '100%' }\" label=\"Facet column count\" :min=\"1\" :max=\"6\" :step=\"1\"\n :breakpoints=\"true\" mode=\"input\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\" label=\"Facet shared by\"\n :options=\"OPTIONS_FACET_SHARED\"\n :compact=\"true\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["store","useStore","settings","chartType","computed","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","significantLineStyleX","ref","significantLineStyleY","linesPopupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","linesAesButtonXRef","linesAesButtonYRef","openLinesPopupX","openLinesPopupY","xSource","x","ySource","y","discreteX","discreteY","reorderX","reorderY","axisOrderX","savedOrder","_a","v","axisOrderY","xLabelsRotation","value","yLabelsRotation","_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","AesButton","_createBlock","FormWrapper","ReorderForm","_hoisted_9","PlCheckbox","_hoisted_10","_hoisted_11","PlToggleSwitch","_hoisted_12","_hoisted_13","el","Popup","_hoisted_14","FixedLineTypeList","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","Slider","_hoisted_29"],"mappings":"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"}
1	+ {"version":3,"file":"ScatterplotAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch, 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 FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport type { AesButtonProps } from '../../components/AesButton.vue';\nimport AesButton from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, ref } from 'vue';\nimport Popup from '../../components/Popup.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport type { LineType } from '../../components/AesSettings/types';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport { FIXED_LINE_TYPES } from '../../constantsAesthetic';\nimport ReorderForm from '../../components/ReorderForm.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport type { LabelsRotation } from '../../types';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst chartType = computed(() => store.value.reactive.chartType);\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close',\n contentPadding: '0 24px',\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_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hidden' },\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];\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_LABELS_ROTATION = [\n { value: 'center', icon: Rotation0 },\n { value: '45deg', icon: Rotation45 },\n { value: '90deg', icon: Rotation90 },\n];\nconst significantLineStyleX = ref(settings.axisX.significantLinesStyle);\nconst significantLineStyleY = ref(settings.axisY.significantLinesStyle);\nconst linesPopupHeight = computed(() => getPopupHeightForFixedAesList(FIXED_LINE_TYPES.length, 'lineType'));\nconst linesAesButtonXRef = ref();\nconst linesAesButtonYRef = ref();\nconst openLinesPopupX = ref(false);\nconst openLinesPopupY = ref(false);\n\nconst xSource = computed(() => {\n const x = store.value.reactive.optionsState.components.x.selectorStates;\n return x.length ? x[0].selectedSource : null;\n});\nconst ySource = computed(() => {\n const y = store.value.reactive.optionsState.components.y.selectorStates;\n return y.length ? y[0].selectedSource : null;\n});\n\nconst discreteX = computed(() => {\n if (!xSource.value) {\n return false;\n }\n const info = store.value.inputGuide.value.getSourceInfo(xSource.value);\n return info.type === 'String';\n});\nconst discreteY = computed(() => {\n if (!ySource.value) {\n return false;\n }\n const info = store.value.inputGuide.value.getSourceInfo(ySource.value);\n return info.type === 'String';\n});\nconst reorderX = ref(false);\nconst reorderY = ref(false);\nconst axisOrderX = computed({\n get: () => {\n if (!discreteX.value \|\| !xSource.value) {\n return null;\n }\n const savedOrder = store.value.reactive.axesSettings.axisX.order;\n return savedOrder?.source === xSource.value ? savedOrder.options : store.value.uniqueValuesData.value[xSource.value]?.options;\n },\n set: (v) => {\n if (xSource.value && v) {\n store.value.reactive.axesSettings.axisX.order = {\n source: xSource.value,\n options: v,\n };\n }\n },\n});\nconst axisOrderY = computed({\n get: () => {\n if (!discreteY.value \|\| !ySource.value) {\n return null;\n }\n const savedOrder = store.value.reactive.axesSettings.axisY.order;\n return savedOrder?.source === ySource.value ? savedOrder.options : store.value.uniqueValuesData.value[ySource.value]?.options;\n },\n set: (v) => {\n if (ySource.value && v) {\n store.value.reactive.axesSettings.axisY.order = {\n source: ySource.value,\n options: v,\n };\n }\n },\n});\nconst xLabelsRotation = computed({\n get() {\n return settings.axisX.labelsRotation ?? 'center';\n },\n set(value: LabelsRotation) {\n settings.axisX.labelsRotation = value;\n },\n});\nconst yLabelsRotation = computed({\n get() {\n return settings.axisY.labelsRotation ?? 'center';\n },\n set(value: LabelsRotation) {\n settings.axisY.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 v-model=\"settings.title.mode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField v-model=\"settings.title.value\" label=\"Chart title\" placeholder=\"Chart title\" />\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 class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisX.titleMode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField v-model=\"settings.axisX.customTitle\" label=\"Text\" placeholder=\"Type\" />\n </div>\n <div v-if=\"!discreteX\" class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisX.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" :compact=\"true\" />\n </div>\n <div v-if=\"discreteX && axisOrderX\" class=\"axes-settings-options-row\">\n <span>X axis order: </span>\n <AesButton :data=\"{ type: 'data', value: null }\" @click=\"reorderX = true\" />\n <template v-if=\"reorderX\">\n <FormWrapper title=\"Reorder X axis values\" back-title=\"Axes Settings\" @form:close=\"reorderX = false\">\n <ReorderForm v-model=\"axisOrderX\" />\n </FormWrapper>\n </template>\n </div>\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\n </div>\n <div v-if=\"discreteX\" 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 table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Significant lines style</span>\n <AesButton\n :data=\"{ type: 'lineType', value: significantLineStyleX } as AesButtonProps['data']\"\n @click=\"openLinesPopupX = !openLinesPopupX\" @ref=\"(el: Element) => (linesAesButtonXRef = el)\"\n />\n <Popup\n v-if=\"openLinesPopupX\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonXRef\"\n @popup:close=\"openLinesPopupX = false\"\n >\n <div class=\"fixed-aes-list fixed-aes-list__rows\">\n <FixedLineTypeList\n v-model=\"significantLineStyleX\"\n @update:modelValue=\"(value: LineType) => settings.axisX.significantLinesStyle = value\"\n />\n </div>\n </Popup>\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 v-model=\"settings.axisY.titleMode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField v-model=\"settings.axisY.customTitle\" label=\"Text\" placeholder=\"Type\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n </div>\n <div v-if=\"!discreteY\" class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisY.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" :compact=\"true\" />\n </div>\n <div v-if=\"discreteY && axisOrderY\" class=\"axes-settings-options-row\">\n <span>Y axis order: </span>\n <AesButton :data=\"{ type: 'data', value: null }\" @click=\"reorderY = true\" />\n <template v-if=\"reorderY\">\n <FormWrapper title=\"Reorder Y axis values\" back-title=\"Axes Settings\" @form:close=\"reorderY = false\">\n <ReorderForm v-model=\"axisOrderY\" />\n </FormWrapper>\n </template>\n </div>\n <div v-if=\"discreteY\" class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"yLabelsRotation\" :options=\"OPTIONS_LABELS_ROTATION\" />\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 <div class=\"axes-settings-options-row\">\n <span>Significant lines style</span>\n <AesButton\n :data=\"{ type: 'lineType', value: significantLineStyleY } as AesButtonProps['data']\"\n @click=\"openLinesPopupY = !openLinesPopupY\" @ref=\"(el: Element) => (linesAesButtonYRef = el)\"\n />\n <Popup\n v-if=\"openLinesPopupY\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonYRef\"\n @popup:close=\"openLinesPopupY = false\"\n >\n <div class=\"fixed-aes-list fixed-aes-list__rows\">\n <FixedLineTypeList\n v-model=\"significantLineStyleY\"\n @update:modelValue=\"(value: LineType) => settings.axisY.significantLinesStyle = value\"\n />\n </div>\n </Popup>\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.showLegend\">Show legend</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\" >\n <PlTextField v-model=\"settings.other.nullValueLabel\" label=\"Null value label\" placeholder=\"NA\" />\n </div>\n <div v-if=\"chartType === 'scatterplot'\" class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div v-if=\"chartType === 'scatterplot'\" class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\" :style=\"{ width: '100%' }\" label=\"Facet column count\" :min=\"1\" :max=\"6\" :step=\"1\"\n :breakpoints=\"true\" mode=\"input\"\n />\n </div>\n <div v-if=\"chartType === 'scatterplot'\" class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\" label=\"Facet shared by\"\n :options=\"OPTIONS_FACET_SHARED\"\n :compact=\"true\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["store","useStore","settings","chartType","computed","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","significantLineStyleX","ref","significantLineStyleY","linesPopupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","linesAesButtonXRef","linesAesButtonYRef","openLinesPopupX","openLinesPopupY","xSource","x","ySource","y","discreteX","discreteY","reorderX","reorderY","axisOrderX","savedOrder","_a","v","axisOrderY","xLabelsRotation","value","yLabelsRotation","_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","AesButton","_createBlock","FormWrapper","ReorderForm","_hoisted_9","PlCheckbox","_hoisted_10","_hoisted_11","PlToggleSwitch","_hoisted_12","_hoisted_13","el","Popup","_hoisted_14","FixedLineTypeList","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","Slider","_hoisted_30"],"mappings":"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"}

package/dist/forms/DataMappingForm/DiscreteForm.vue.js CHANGED Viewed

@@ -2,25 +2,19 @@ import { defineComponent as b, watch as V, computed as c, createBlock as G, open
 import { PlDropdown as k } from "@platforma-sdk/ui-vue";
 import { useStore as F } from "../../store.js";
 import { getErrorForPlDropdown as w } from "./utils.js";
-import "../../constantsCommon.js";
-import "../../constantsAesthetic.js";
-import "d3-scale";
-import "@milaboratories/pf-plots";
-import "@platforma-sdk/model";
-import "@milaboratories/helpers";
-import { checkStatisticsInputsValidity as L } from "../../utils/getStatisticsOptions.js";
-import x from "../../components/DragAndDrop/DndBasket.vue.js";
-import A from "./Layout/FormLayout.vue.js";
-import T from "./Layout/OptionsList.vue.js";
-import U from "./Layout/MandatoryOptions.vue.js";
-import { useBaskets as $ } from "./useBaskets.js";
-const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
+import L from "../../components/DragAndDrop/DndBasket.vue.js";
+import x from "./Layout/FormLayout.vue.js";
+import A from "./Layout/OptionsList.vue.js";
+import T from "./Layout/MandatoryOptions.vue.js";
+import { useBaskets as U } from "./useBaskets.js";
+import { checkStatisticsInputsValidity as $ } from "../../utils/getStatisticsOptions.js";
+const C = { class: "data-form-input-item" }, R = /* @__PURE__ */ b({
   __name: "DiscreteForm",
   setup(H) {
     const r = F();
     V(
       () => r.value.commonHelpersData.primaryGroups.value,
-      L(r)
+      $(r)
     );
     const y = [
       "filters",
@@ -35,55 +29,55 @@ const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
       tabBy: "Tab by",
       facetBy: "Facet by"
     }, {
-      draggedId: p,
+      draggedId: s,
       basketsData: v,
       freeMetaOptions: B,
       freeMandatoryOptions: _,
-      chipInfo: s,
-      dataStateValues: m,
+      chipInfo: p,
+      dataStateValues: u,
       dataOptions: I
-    } = $(
+    } = U(
       r,
       ["y"],
       ["filters", "tabBy"],
       ["primaryGrouping", "secondaryGrouping", "facetBy"],
       y,
       g
-    ), u = c(() => {
+    ), m = c(() => {
       var a;
       return ((a = r.value.readonlyInputs) == null ? void 0 : a.includes("y")) ?? !1;
     }), d = c({
-      get: () => m.value.y.value,
+      get: () => u.value.y.value,
       set: (a) => {
-        m.value.y.value = a;
+        u.value.y.value = a;
       }
     });
-    return (a, o) => (l(), G(A, null, {
+    return (a, o) => (l(), G(x, null, {
       dataInputs: n(() => [
         h("div", C, [
           i(t(k), {
             modelValue: d.value,
             "onUpdate:modelValue": o[0] || (o[0] = (e) => d.value = e),
             options: t(I).y,
-            disabled: u.value,
+            disabled: m.value,
             error: t(w)("y", t(r).inputGuide.value),
             label: "Y:",
-            clearable: !u.value
+            clearable: !m.value
           }, null, 8, ["modelValue", "options", "disabled", "error", "clearable"])
         ])
       ]),
       mandatoryOptions: n(() => [
-        i(U, {
+        i(T, {
           options: t(_),
-          chipInfo: t(s),
-          onDraggedIdUpdate: o[1] || (o[1] = (e) => p.value = e)
+          chipInfo: t(p),
+          onDraggedIdUpdate: o[1] || (o[1] = (e) => s.value = e)
         }, null, 8, ["options", "chipInfo"])
       ]),
       metadataOptions: n(() => [
-        i(T, {
+        i(A, {
           options: t(B),
-          chipInfo: t(s),
-          onDraggedIdUpdate: o[2] || (o[2] = (e) => p.value = e)
+          chipInfo: t(p),
+          onDraggedIdUpdate: o[2] || (o[2] = (e) => s.value = e)
         }, null, 8, ["options", "chipInfo"])
       ]),
       chartVar: n(() => [
@@ -91,7 +85,7 @@ const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
           key: e.id,
           class: "data-form-input-item"
         }, [
-          i(x, E({ ref_for: !0 }, e, O(e.listeners)), null, 16)
+          i(L, E({ ref_for: !0 }, e, O(e.listeners)), null, 16)
         ]))), 128))
       ]),
       _: 1
@@ -99,6 +93,6 @@ const C = { class: "data-form-input-item" }, oe = /* @__PURE__ */ b({
   }
 });
 export {
-  oe as default
+  R as default
 };
 //# sourceMappingURL=DiscreteForm.vue.js.map

package/dist/forms/DataMappingForm/DiscreteForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DiscreteForm.vue.js","sources":["../../../src/forms/DataMappingForm/DiscreteForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { computed, watch } from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport { checkStatisticsInputsValidity } from '../../utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\nconst store = useStore();\n\nwatch(\n () => store.value.commonHelpersData.primaryGroups.value,\n checkStatisticsInputsValidity(store),\n);\n\ntype BasketIds = Exclude<keyof DiscreteUIState['components'], 'y'>;\ntype DataIds = keyof DiscreteUIState['components'] & 'y';\n\nconst BASKETS: BasketIds[] = [\n 'filters',\n 'primaryGrouping',\n 'secondaryGrouping',\n 'tabBy',\n 'facetBy',\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n filters: 'Filter',\n primaryGrouping: 'Primary grouping',\n secondaryGrouping: 'Secondary grouping',\n tabBy: 'Tab by',\n facetBy: 'Facet by',\n};\n\nconst {\n draggedId,\n basketsData,\n freeMetaOptions,\n freeMandatoryOptions,\n chipInfo,\n dataStateValues,\n dataOptions,\n} = useBaskets<DiscreteUIState, BasketIds, DataIds>(\n store,\n ['y'],\n ['filters', 'tabBy'],\n ['primaryGrouping', 'secondaryGrouping', 'facetBy'],\n BASKETS,\n BASKET_LABELS,\n);\n\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\nconst yValue = computed({\n get: () => dataStateValues.value.y.value,\n set: (value: string \| undefined) => {\n dataStateValues.value.y.value = value;\n },\n});\n</script>\n\n<template>\n <FormLayout>\n <template #dataInputs>\n <div class=\"data-form-input-item\">\n <PlDropdown\n v-model=\"yValue\"\n :options=\"dataOptions.y\"\n :disabled=\"readonlyY\"\n :error=\"getErrorForPlDropdown('y', store.inputGuide.value)\"\n label=\"Y:\"\n :clearable=\"!readonlyY\"\n />\n </div>\n </template>\n <template #mandatoryOptions>\n <MandatoryOptionsList\n :options=\"freeMandatoryOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #metadataOptions>\n <OptionsList\n :options=\"freeMetaOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #chartVar>\n <div\n v-for=\"basketProp in basketsData\"\n :key=\"basketProp.id\"\n class=\"data-form-input-item\"\n >\n <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n </div>\n </template>\n </FormLayout>\n</template>\n"],"names":["store","useStore","watch","checkStatisticsInputsValidity","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyY","computed","_a","yValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AAaA,UAAMA,IAAQC,EAAA;AAEd,IAAAC;AAAA,MACE,MAAMF,EAAM,MAAM,kBAAkB,cAAc;AAAA,MAClDG,EAA8BH,CAAK;AAAA,IAAA;AAMrC,UAAMI,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFb;AAAA,MACA,CAAC,GAAG;AAAA,MACJ,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,mBAAmB,qBAAqB,SAAS;AAAA,MAClDI;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAhB,EAAM,MAAM,mBAAZ,gBAAAgB,EAA4B,SAAS,SAAQ;AAAA,KAAK,GAE7EC,IAASF,EAAS;AAAA,MACtB,KAAK,MAAMJ,EAAgB,MAAM,EAAE;AAAA,MACnC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,EAAE,QAAQO;AAAA,MAClC;AAAA,IAAA,CACD;2BAICC,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAM,QAAAS;AAAA,YACd,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,KAAMH,KAAM,WAAW,KAAK;AAAA,YACzD,OAAM;AAAA,YACL,YAAYV,EAAA;AAAA,UAAA;;;MAIR,oBACT,MAIE;AAAA,QAJFS,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,mBACT,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,YAEP,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}
1	+ {"version":3,"file":"DiscreteForm.vue.js","sources":["../../../src/forms/DataMappingForm/DiscreteForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { computed, watch } from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport { checkStatisticsInputsValidity } from '../../utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\nconst store = useStore();\n\nwatch(\n () => store.value.commonHelpersData.primaryGroups.value,\n checkStatisticsInputsValidity(store),\n);\n\ntype BasketIds = Exclude<keyof DiscreteUIState['components'], 'y'>;\ntype DataIds = keyof DiscreteUIState['components'] & 'y';\n\nconst BASKETS: BasketIds[] = [\n 'filters',\n 'primaryGrouping',\n 'secondaryGrouping',\n 'tabBy',\n 'facetBy',\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n filters: 'Filter',\n primaryGrouping: 'Primary grouping',\n secondaryGrouping: 'Secondary grouping',\n tabBy: 'Tab by',\n facetBy: 'Facet by',\n};\n\nconst {\n draggedId,\n basketsData,\n freeMetaOptions,\n freeMandatoryOptions,\n chipInfo,\n dataStateValues,\n dataOptions,\n} = useBaskets<DiscreteUIState, BasketIds, DataIds>(\n store,\n ['y'],\n ['filters', 'tabBy'],\n ['primaryGrouping', 'secondaryGrouping', 'facetBy'],\n BASKETS,\n BASKET_LABELS,\n);\n\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\nconst yValue = computed({\n get: () => dataStateValues.value.y.value,\n set: (value: string \| undefined) => {\n dataStateValues.value.y.value = value;\n },\n});\n</script>\n\n<template>\n <FormLayout>\n <template #dataInputs>\n <div class=\"data-form-input-item\">\n <PlDropdown\n v-model=\"yValue\"\n :options=\"dataOptions.y\"\n :disabled=\"readonlyY\"\n :error=\"getErrorForPlDropdown('y', store.inputGuide.value)\"\n label=\"Y:\"\n :clearable=\"!readonlyY\"\n />\n </div>\n </template>\n <template #mandatoryOptions>\n <MandatoryOptionsList\n :options=\"freeMandatoryOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #metadataOptions>\n <OptionsList\n :options=\"freeMetaOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #chartVar>\n <div\n v-for=\"basketProp in basketsData\"\n :key=\"basketProp.id\"\n class=\"data-form-input-item\"\n >\n <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n </div>\n </template>\n </FormLayout>\n</template>\n"],"names":["store","useStore","watch","checkStatisticsInputsValidity","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyY","computed","_a","yValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;;AAaA,UAAMA,IAAQC,EAAA;AAEd,IAAAC;AAAA,MACE,MAAMF,EAAM,MAAM,kBAAkB,cAAc;AAAA,MAClDG,EAA8BH,CAAK;AAAA,IAAA;AAMrC,UAAMI,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFb;AAAA,MACA,CAAC,GAAG;AAAA,MACJ,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,mBAAmB,qBAAqB,SAAS;AAAA,MAClDI;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAhB,EAAM,MAAM,mBAAZ,gBAAAgB,EAA4B,SAAS,SAAQ;AAAA,KAAK,GAE7EC,IAASF,EAAS;AAAA,MACtB,KAAK,MAAMJ,EAAgB,MAAM,EAAE;AAAA,MACnC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,EAAE,QAAQO;AAAA,MAClC;AAAA,IAAA,CACD;2BAICC,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAM,QAAAS;AAAA,YACd,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,KAAMH,KAAM,WAAW,KAAK;AAAA,YACzD,OAAM;AAAA,YACL,YAAYV,EAAA;AAAA,UAAA;;;MAIR,oBACT,MAIE;AAAA,QAJFS,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,mBACT,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,YAEP,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

package/dist/forms/DataMappingForm/Layout/OptionsList.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ ._showMoreButton_ydz3i_2{align-self:center;min-width:80px}

package/dist/forms/DataMappingForm/Layout/OptionsList.vue3.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const o = "_showMoreButton_ydz3i_2", t = {
+import './OptionsList.css';const o = "_showMoreButton_ydz3i_2", t = {
   showMoreButton: o
 };
 export {

package/dist/forms/LayersForm/AesSelector.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AesSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/LayersForm/AesSelector.vue"],"names":[],"mappings":"~~AAuZA~~,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAWlE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;~~AAiiBF~~,wBAOG"}
1	+ {"version":3,"file":"AesSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/LayersForm/AesSelector.vue"],"names":[],"mappings":"AA0ZA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAWlE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;;;AAoiBF,wBAOG"}

package/dist/forms/LayersForm/AesSelector.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { defineComponent as q, computed as y, ref as x, watch as U, createElementBlock as _, openBlock as S, Fragment as ee, createElementVNode as w, createBlock as T, createCommentVNode as b, createVNode as M, withModifiers as te, unref as O, withCtx as L, normalizeClass as le } from "vue";
+import { defineComponent as q, computed as y, ref as F, watch as U, createElementBlock as _, openBlock as S, Fragment as ee, createElementVNode as O, createBlock as T, createCommentVNode as b, createVNode as L, withModifiers as te, unref as h, withCtx as M, normalizeClass as le } from "vue";
 import { PlDropdown as ae } from "@platforma-sdk/ui-vue";
 import { createDefaultMapping as ue, createContinuousMappingFromPalette as oe } from "../../dataBindAes.js";
-import { FIXED_COLORS as A, DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_LINE_TYPES as re, FIXES_DOT_SHAPES as se } from "../../constantsAesthetic.js";
+import { DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_COLORS as A, FIXED_LINE_TYPES as re, FIXES_DOT_SHAPES as se } from "../../constantsAesthetic.js";
 import de from "../../components/AesButton.vue.js";
 import { useStore as pe } from "../../store.js";
 import { isMappedAes as W } from "../../constantsCommon.js";
@@ -12,7 +12,7 @@ import me from "../../components/AesSettings/FixedLineTypeList.vue.js";
 import ge from "../../components/AesSettings/FormWrapper.vue.js";
 import ye from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
 import Se from "../../components/AesSettings/AesDataMappingContinuous.vue.js";
-const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
+const Te = { class: "aes-input-row" }, Ge = /* @__PURE__ */ q({
   __name: "AesSelector",
   props: {
     label: {},
@@ -26,8 +26,8 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
   },
   emits: ["aes-update", "aes-selector-close"],
   setup(n, { emit: X }) {
-    var N, B;
-    const s = n, d = pe(), u = y(() => d.value.reactive.chartType), $ = X, Y = {
+    var B, R;
+    const d = n, s = pe(), u = y(() => s.value.reactive.chartType), $ = X, Y = {
       discrete: ["primaryGrouping", "secondaryGrouping"],
       scatterplot: ["grouping"],
       "scatterplot-umap": ["grouping"],
@@ -35,14 +35,14 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
       heatmap: [],
       histogram: ["grouping"],
       bubble: []
-    }, G = s.possibleAesSourceInputs ?? Y[u.value], z = y(
-      () => d.value.commonHelpersData.usedAesInMapping.value
+    }, G = d.possibleAesSourceInputs ?? Y[u.value], z = y(
+      () => s.value.commonHelpersData.usedAesInMapping.value
     );
-    function V(t) {
+    function k(t) {
       return typeof t == "string" ? t : u.value === "scatterplot" ? `grouping_${t.value}` : u.value === "dendro" ? `${t.type}_${t.value}` : t.type;
     }
-    const r = x(
-      W(s.selected) ? V(s.selected) : "fix"
+    const r = F(
+      W(d.selected) ? k(d.selected) : "fix"
     ), K = {
       fill: A[0].color,
       stroke: A[0].color,
@@ -50,39 +50,39 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
       lineType: ie,
       size: ""
       // temporary
-    }, j = y(() => d.value.inputGuide.value), J = y(() => d.value.uniqueValuesData.value), H = /* @__PURE__ */ new Set([
+    }, j = y(() => s.value.inputGuide.value), J = y(() => s.value.uniqueValuesData.value), H = /* @__PURE__ */ new Set([
       "scatterplot",
       "scatterplot-umap",
       "heatmap"
     ]), p = y(() => {
-      const t = {}, e = d.value.reactive.optionsState.components;
+      const t = {}, e = s.value.reactive.optionsState.components;
       function v(a, l) {
-        const o = j.value.getSourceInfo(l), c = J.value[l], F = (c == null ? void 0 : c.list) ?? [], f = (c == null ? void 0 : c.labels) ?? {}, I = V({ type: a, value: l });
+        const o = j.value.getSourceInfo(l), c = J.value[l], x = (c == null ? void 0 : c.list) ?? [], f = (c == null ? void 0 : c.labels) ?? {}, C = k({ type: a, value: l });
         if (H.has(u.value) && o.type === "String" || !H.has(u.value)) {
-          const C = d.value.reactive.dataBindAes[l] ?? ue(F, d.value.defaultPalette.categorical);
-          t[I] = {
+          const V = s.value.reactive.dataBindAes[l] ?? ue(x, s.value.defaultPalette.categorical);
+          t[C] = {
             type: "dataCategorical",
-            value: I,
-            initialData: C,
+            value: C,
+            initialData: V,
             inputName: a,
             selectedSource: l,
             selectedSourceInfo: o,
-            selectedSourceValues: F,
-            labels: C.order.reduce(
-              (R, k) => (R[k] = f[k] ?? String(k), R),
+            selectedSourceValues: x,
+            labels: V.order.reduce(
+              (w, I) => (w[I] = f[I] ?? String(I), I === "null" && (w[I] = s.value.reactive.axesSettings.other.nullValueLabel), w),
               {}
             )
           };
         } else {
-          const C = d.value.reactive.dataBindAes[l] ?? oe(d.value.defaultPalette.continuous);
-          t[I] = {
+          const V = s.value.reactive.dataBindAes[l] ?? oe(s.value.defaultPalette.continuous);
+          t[C] = {
             type: "dataContinuous",
-            value: I,
-            initialData: C,
+            value: C,
+            initialData: V,
             inputName: a,
             selectedSource: l,
             selectedSourceInfo: o,
-            selectedSourceValues: F
+            selectedSourceValues: x
           };
         }
       }
@@ -91,10 +91,10 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
         (l = e == null ? void 0 : e[a]) != null && l.selectorStates.length && e[a].selectorStates.forEach(({ selectedSource: o }) => {
           v(a, o);
         });
-      }), s.withoutFixed || (t.fix = {
+      }), d.withoutFixed || (t.fix = {
         type: "fix",
         value: "fix",
-        initialData: W(s.selected) ? K[s.type] : s.selected
+        initialData: W(d.selected) ? K[d.type] : d.selected
       }), t;
     }), i = y(
       () => p.value[r.value] ?? null
@@ -103,10 +103,10 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
       var v, a, l, o;
       return t.type === "fix" ? "Fixed" : e === t.value ? `${(v = t.selectedSourceInfo) == null ? void 0 : v.label}` : u.value === "discrete" ? `${t.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping: ${(a = t.selectedSourceInfo) == null ? void 0 : a.label}` : u.value === "scatterplot" || u.value === "dendro" ? `Grouping: ${(l = t.selectedSourceInfo) == null ? void 0 : l.label}` : ((o = t.selectedSourceInfo) == null ? void 0 : o.label) ?? "";
     }
-    const h = y(() => {
-      const t = [], e = d.value.reactive.optionsState.components;
+    const P = y(() => {
+      const t = [], e = s.value.reactive.optionsState.components;
       function v(a, l) {
-        const o = V({
+        const o = k({
           type: a === "shape" ? "grouping" : a,
           value: l
         });
@@ -124,13 +124,13 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
         let a = "Not consistent (grouping)";
         u.value === "discrete" && (a = `${r.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping (not selected)`), t.push({ text: a, value: r.value });
       }
-      return s.withoutFixed || t.push({ text: "Fixed", value: "fix" }), t;
-    }), E = x(!1), m = x(
+      return d.withoutFixed || t.push({ text: "Fixed", value: "fix" }), t;
+    }), E = F(!1), m = F(
       p.value.fix ? p.value.fix.initialData : null
-    ), g = x(
-      ((N = i.value) == null ? void 0 : N.type) === "dataCategorical" ? i.value.initialData : null
-    ), D = x(
-      ((B = i.value) == null ? void 0 : B.type) === "dataContinuous" ? i.value.initialData : null
+    ), g = F(
+      ((B = i.value) == null ? void 0 : B.type) === "dataCategorical" ? i.value.initialData : null
+    ), D = F(
+      ((R = i.value) == null ? void 0 : R.type) === "dataContinuous" ? i.value.initialData : null
     );
     U(
       () => r.value,
@@ -148,40 +148,40 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
       },
       { deep: !0 }
     );
-    const P = x(), Z = y(() => s.type === "lineType" ? re.length * 32 + 32 : s.type === "dotShape" ? Math.ceil(se.length / 6) * 36 + 40 : s.type === "fill" || s.type === "stroke" ? Math.ceil(A.length / 6) * 36 + 40 : 0);
+    const N = F(), Z = y(() => d.type === "lineType" ? re.length * 32 + 32 : d.type === "dotShape" ? Math.ceil(se.length / 6) * 36 + 40 : d.type === "fill" || d.type === "stroke" ? Math.ceil(A.length / 6) * 36 + 40 : 0);
     return (t, e) => {
       var v, a;
       return S(), _(ee, null, [
-        w("div", Te, [
-          w("div", {
+        O("div", Te, [
+          O("div", {
             class: "aes-input-select",
             onClick: e[1] || (e[1] = te(() => {
             }, ["stop"]))
           }, [
-            M(O(ae), {
+            L(h(ae), {
               modelValue: r.value,
               "onUpdate:modelValue": e[0] || (e[0] = (l) => r.value = l),
-              disabled: n.disabled || h.value.length < 2,
+              disabled: n.disabled || P.value.length < 2,
               label: n.label,
-              options: h.value
+              options: P.value
             }, null, 8, ["modelValue", "disabled", "label", "options"])
           ]),
-          M(de, {
+          L(de, {
             data: {
               type: r.value === "fix" ? n.type : "data",
               value: r.value === "fix" ? n.type === "size" ? Number(n.selected) : n.selected : null
             },
             onClick: e[2] || (e[2] = (l) => E.value = !E.value),
-            onRef: e[3] || (e[3] = (l) => P.value = l)
+            onRef: e[3] || (e[3] = (l) => N.value = l)
           }, null, 8, ["data"]),
           r.value === "fix" && E.value && m.value ? (S(), T(ve, {
             key: 0,
             height: Z.value,
-            targetRef: P.value,
+            targetRef: N.value,
             "onPopup:close": e[10] || (e[10] = (l) => E.value = !1)
           }, {
-            default: L(() => [
-              w("div", {
+            default: M(() => [
+              O("div", {
                 class: le(["fixed-aes-list", { "fixed-aes-list__rows": n.type === "lineType" }])
               }, [
                 n.type === "fill" || n.type === "stroke" ? (S(), T(ce, {
@@ -220,8 +220,8 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
           "back-title": n.formBackTitle,
           "onForm:close": e[15] || (e[15] = (l) => E.value = !1)
         }, {
-          default: L(() => {
-            var l, o, c, F;
+          default: M(() => {
+            var l, o, c, x;
             return [
               ((l = i.value) == null ? void 0 : l.type) === "dataCategorical" && g.value ? (S(), T(ye, {
                 key: 0,
@@ -233,9 +233,9 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
                 "column-value-labels": i.value.labels,
                 "data-column-label": ((o = i.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
                 "used-aes-in-mapping": z.value[i.value.selectedSource],
-                "allow-hiding": u.value === "discrete",
+                "allow-hiding": u.value === "discrete" || u.value === "histogram",
                 "allow-reordering": u.value === "discrete" || u.value === "histogram" || u.value === "scatterplot" || u.value === "scatterplot-umap",
-                "allow-null-option": u.value === "discrete" && (r.value === "primaryGrouping" && O(d).reactive.axesSettings.axisX.allowNullPrimaryGroups || r.value === "secondaryGrouping" && O(d).reactive.axesSettings.axisX.allowNullSecondaryGroups) || u.value === "scatterplot" || u.value === "scatterplot-umap"
+                "allow-null-option": u.value === "discrete" && (r.value === "primaryGrouping" && h(s).reactive.axesSettings.axisX.allowNullPrimaryGroups || r.value === "secondaryGrouping" && h(s).reactive.axesSettings.axisX.allowNullSecondaryGroups) || u.value === "scatterplot" || u.value === "scatterplot-umap" || u.value === "histogram"
               }, null, 8, ["modelValue", "column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-hiding", "allow-reordering", "allow-null-option"])) : b("", !0),
               ((c = i.value) == null ? void 0 : c.type) === "dataContinuous" && D.value ? (S(), T(Se, {
                 key: 1,
@@ -244,7 +244,7 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
                   e[13] || (e[13] = (f) => D.value = f),
                   e[14] || (e[14] = (f) => t.$emit("aes-update", f, i.value))
                 ],
-                "data-column-label": ((F = i.value.selectedSourceInfo) == null ? void 0 : F.label) ?? ""
+                "data-column-label": ((x = i.value.selectedSourceInfo) == null ? void 0 : x.label) ?? ""
               }, null, 8, ["modelValue", "data-column-label"])) : b("", !0)
             ];
           }),
@@ -255,6 +255,6 @@ const Te = { class: "aes-input-row" }, He = /* @__PURE__ */ q({
   }
 });
 export {
-  He as default
+  Ge as default
 };
 //# sourceMappingURL=AesSelector.vue.js.map