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/HistogramAxesSettingsForm.vue.js CHANGED Viewed

@@ -54,15 +54,15 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
       s("div", N, [
         s("div", P, [
           i(e(b), {
+            modelValue: e(o).other.binsCount,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => e(o).other.binsCount = l),
             style: { width: "100%" },
             label: "Bins count",
             min: 3,
             max: 100,
             step: 1,
             breakpoints: !1,
-            mode: "input",
-            modelValue: e(o).other.binsCount,
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => e(o).other.binsCount = l)
+            mode: "input"
           }, null, 8, ["modelValue"])
         ]),
         i(p, {
@@ -74,26 +74,26 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
           default: r(() => [
             s("div", B, [
               i(e(n), {
-                label: "Title",
-                options: g,
                 modelValue: e(o).title.mode,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => e(o).title.mode = l)
+                "onUpdate:modelValue": t[1] || (t[1] = (l) => e(o).title.mode = l),
+                label: "Title",
+                options: g
               }, null, 8, ["modelValue"])
             ]),
             e(o).title.mode === "custom" ? (m(), u("div", Y, [
               i(e(S), {
-                label: "Chart title",
-                placeholder: "Chart title",
                 modelValue: e(o).title.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (l) => e(o).title.value = l)
+                "onUpdate:modelValue": t[2] || (t[2] = (l) => e(o).title.value = l),
+                label: "Chart title",
+                placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : f("", !0),
             s("div", I, [
               t[18] || (t[18] = s("span", null, "Alignment", -1)),
               i(k, {
-                options: T,
                 modelValue: e(o).title.position,
-                "onUpdate:modelValue": t[3] || (t[3] = (l) => e(o).title.position = l)
+                "onUpdate:modelValue": t[3] || (t[3] = (l) => e(o).title.position = l),
+                options: T
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -108,26 +108,26 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
           default: r(() => [
             s("div", R, [
               i(e(n), {
-                label: "Title",
-                options: g,
                 modelValue: e(o).axisX.titleMode,
-                "onUpdate:modelValue": t[4] || (t[4] = (l) => e(o).axisX.titleMode = l)
+                "onUpdate:modelValue": t[4] || (t[4] = (l) => e(o).axisX.titleMode = l),
+                label: "Title",
+                options: g
               }, null, 8, ["modelValue"])
             ]),
             e(o).axisX.titleMode === "custom" ? (m(), u("div", h, [
               i(e(S), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: e(o).axisX.customTitle,
-                "onUpdate:modelValue": t[5] || (t[5] = (l) => e(o).axisX.customTitle = l)
+                "onUpdate:modelValue": t[5] || (t[5] = (l) => e(o).axisX.customTitle = l),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : f("", !0),
             s("div", D, [
               i(e(n), {
-                label: "Scale",
-                options: v,
                 modelValue: e(o).axisX.scale,
-                "onUpdate:modelValue": t[6] || (t[6] = (l) => e(o).axisX.scale = l)
+                "onUpdate:modelValue": t[6] || (t[6] = (l) => e(o).axisX.scale = l),
+                label: "Scale",
+                options: v
               }, null, 8, ["modelValue"])
             ]),
             s("div", G, [
@@ -156,10 +156,10 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
           default: r(() => [
             s("div", M, [
               i(e(n), {
-                label: "Scale",
-                options: v,
                 modelValue: e(o).axisY.scale,
-                "onUpdate:modelValue": t[9] || (t[9] = (l) => e(o).axisY.scale = l)
+                "onUpdate:modelValue": t[9] || (t[9] = (l) => e(o).axisY.scale = l),
+                label: "Scale",
+                options: v
               }, null, 8, ["modelValue"])
             ]),
             s("div", z, [
@@ -182,47 +182,47 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
         s("div", j, [
           s("div", q, [
             i(e(n), {
-              label: "Grouping direction",
-              options: [{ value: "straight", label: "Straight" }, { value: "reverse", label: "Reverse" }],
               modelValue: e(o).other.groupingDirection,
-              "onUpdate:modelValue": t[12] || (t[12] = (l) => e(o).other.groupingDirection = l)
+              "onUpdate:modelValue": t[12] || (t[12] = (l) => e(o).other.groupingDirection = l),
+              label: "Grouping direction",
+              options: [{ value: "straight", label: "Straight" }, { value: "reverse", label: "Reverse" }]
             }, null, 8, ["modelValue"])
           ]),
           s("div", J, [
             i(e(n), {
-              label: "Stack mode",
-              options: [{ value: "vertical", label: "Vertical" }, { value: "horizontal", label: "Horizontal" }],
               modelValue: e(o).other.groupingStack,
-              "onUpdate:modelValue": t[13] || (t[13] = (l) => e(o).other.groupingStack = l)
+              "onUpdate:modelValue": t[13] || (t[13] = (l) => e(o).other.groupingStack = l),
+              label: "Stack mode",
+              options: [{ value: "vertical", label: "Vertical" }, { value: "horizontal", label: "Horizontal" }]
             }, null, 8, ["modelValue"])
           ]),
           s("div", K, [
             t[23] || (t[23] = s("span", null, "Frame", -1)),
             i(k, {
-              options: c,
               modelValue: e(o).other.frame,
-              "onUpdate:modelValue": t[14] || (t[14] = (l) => e(o).other.frame = l)
+              "onUpdate:modelValue": t[14] || (t[14] = (l) => e(o).other.frame = l),
+              options: c
             }, null, 8, ["modelValue"])
           ]),
           s("div", Q, [
             i(e(b), {
+              modelValue: e(o).other.facetColumns,
+              "onUpdate:modelValue": t[15] || (t[15] = (l) => e(o).other.facetColumns = l),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
               max: 6,
               step: 1,
               breakpoints: !0,
-              mode: "input",
-              modelValue: e(o).other.facetColumns,
-              "onUpdate:modelValue": t[15] || (t[15] = (l) => e(o).other.facetColumns = l)
+              mode: "input"
             }, null, 8, ["modelValue"])
           ]),
           s("div", W, [
             i(e(n), {
-              label: "Facet shared by",
-              options: w,
               modelValue: e(o).other.facetSharedBy,
-              "onUpdate:modelValue": t[16] || (t[16] = (l) => e(o).other.facetSharedBy = l)
+              "onUpdate:modelValue": t[16] || (t[16] = (l) => e(o).other.facetSharedBy = l),
+              label: "Facet shared by",
+              options: w
             }, null, 8, ["modelValue"])
           ])
         ])

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.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 FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.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]\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];\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\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 <div :style=\"{padding: '0 24px 8px'}\">\n <Slider\n :style=\"{width: '100%'}\"\n label=\"Bins count\"\n :min=\"3\"\n :max=\"100\"\n :step=\"1\"\n :breakpoints=\"false\"\n mode=\"input\"\n v-model=\"settings.other.binsCount\"\n />\n </div>\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 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=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n v-model=\"settings.axisX.scale\"\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>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=\"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 <pl-btn-group\n label=\"Grouping direction\"\n :options=\"[{value: 'straight', label: 'Straight'}, {value: 'reverse', label: 'Reverse'}]\"\n v-model=\"settings.other.groupingDirection\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <pl-btn-group\n label=\"Stack mode\"\n :options=\"[{value: 'vertical', label: 'Vertical'}, {value: 'horizontal', label: 'Horizontal'}]\"\n v-model=\"settings.other.groupingStack\"\n />\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=\"OPTIONS_FACET_SHARED\"\n v-model=\"settings.other.facetSharedBy\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_unref","Slider","$event","CollapsableBlock","Right","Down","_hoisted_3","PlBtnGroup","_openBlock","_hoisted_4","PlTextField","_hoisted_5","BtnIconGroup","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","PlToggleSwitch","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19"],"mappings":"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"}
1	+ {"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.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 FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.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];\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];\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\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 <div :style=\"{padding: '0 24px 8px'}\">\n <Slider\n v-model=\"settings.other.binsCount\"\n :style=\"{width: '100%'}\"\n label=\"Bins count\"\n :min=\"3\"\n :max=\"100\"\n :step=\"1\"\n :breakpoints=\"false\"\n mode=\"input\"\n />\n </div>\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 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.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.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 </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.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 <PlBtnGroup\n v-model=\"settings.other.groupingDirection\"\n label=\"Grouping direction\"\n :options=\"[{value: 'straight', label: 'Straight'}, {value: 'reverse', label: 'Reverse'}]\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlBtnGroup\n v-model=\"settings.other.groupingStack\"\n label=\"Stack mode\"\n :options=\"[{value: 'vertical', label: 'Vertical'}, {value: 'horizontal', label: 'Horizontal'}]\"\n />\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=\"OPTIONS_FACET_SHARED\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_unref","Slider","$event","CollapsableBlock","Right","Down","_hoisted_3","PlBtnGroup","_openBlock","_hoisted_4","PlTextField","_hoisted_5","BtnIconGroup","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","PlToggleSwitch","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IADQC,EAAA,EACS,MAAM,SAAS,cAChCC,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAGVC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAMC,EAAA;AAAA,MACzB,EAAE,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAW,GAE/BC,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,IAAgB;AAAA,MACpB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,OAAO,MAAM,MAAA;AAAA,IAAM,GAExBC,IAAsB;AAAA,MAC1B,EAAE,OAAO,SAAS,MAAMC,EAAA;AAAA,MACxB,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAMC,EAAA;AAAA,MACzB,EAAE,OAAO,eAAe,MAAMC,EAAA;AAAA,MAC9B,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;4BAM9BC,EAiIM,OAAA;AAAA,MAjID,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,EA4HM,OA5HNC,GA4HM;AAAA,QA3HJD,EAWM,OAXNE,GAWM;AAAA,UAVJC,EASEC,EAAAC,CAAA,GAAA;AAAA,wBARSD,EAAAvB,CAAA,EAAS,MAAM;AAAA,0DAAfuB,EAAAvB,CAAA,EAAS,MAAM,YAASyB;AAAA,YAChC,OAAO,EAAA,OAAA,OAAA;AAAA,YACR,OAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,aAAa;AAAA,YACd,MAAK;AAAA,UAAA;;QAITH,EAmBmBI,GAAA;AAAA,UAnBD,OAAM;AAAA,UAAS,UAAUxB;AAAA,UAAgB,MAAMyB;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBAClF,MAMM;AAAA,YANNT,EAMM,OANNU,GAMM;AAAA,cALJP,EAIEC,EAAAO,CAAA,GAAA;AAAA,4BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,OAAIyB;AAAA,gBAC5B,OAAM;AAAA,gBACL,SAASlB;AAAA,cAAA;;YAGHgB,EAAAvB,CAAA,EAAS,MAAM,SAAI,YAA9B+B,KAAAf,EAMM,OANNgB,GAMM;AAAA,cALJV,EAIEC,EAAAU,CAAA,GAAA;AAAA,4BAHSV,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,QAAKyB;AAAA,gBAC7B,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBN,EAGM,OAHNe,GAGM;AAAA,cAFJjB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAsB,cAAhB,aAAS,EAAA;AAAA,cACfG,EAAgFa,GAAA;AAAA,4BAAzDZ,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,WAAQyB;AAAA,gBAAG,SAAStB;AAAA,cAAA;;;;;QAI9DmB,EA8BmBI,GAAA;AAAA,UA9BD,OAAM;AAAA,UAAU,UAAUxB;AAAA,UAAgB,MAAMyB;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAMM;AAAA,YANNT,EAMM,OANNiB,GAMM;AAAA,cALJd,EAIEC,EAAAO,CAAA,GAAA;AAAA,4BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,YAASyB;AAAA,gBACjC,OAAM;AAAA,gBACL,SAASlB;AAAA,cAAA;;YAGHgB,EAAAvB,CAAA,EAAS,MAAM,cAAS,iBAAnCgB,EAMM,OAAAqB,GAAA;AAAA,cALJf,EAIEC,EAAAU,CAAA,GAAA;AAAA,4BAHSV,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,cAAWyB;AAAA,gBACnC,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBN,EAMM,OANNmB,GAMM;AAAA,cALJhB,EAIEC,EAAAO,CAAA,GAAA;AAAA,4BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,QAAKyB;AAAA,gBAC7B,OAAM;AAAA,gBACL,SAASjB;AAAA,cAAA;;YAGdW,EAGM,OAHNoB,GAGM;AAAA,cAFJtB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAsB,cAAhB,aAAS,EAAA;AAAA,cACfG,EAAqDC,EAAAiB,CAAA,GAAA;AAAA,4BAA5BjB,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,YAASyB;AAAA,cAAA;;YAEnDN,EAGM,OAHNsB,GAGM;AAAA,cAFJxB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,cACXG,EAAiDC,EAAAiB,CAAA,GAAA;AAAA,4BAAxBjB,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,QAAKyB;AAAA,cAAA;;;;;QAIjDH,EAgBmBI,GAAA;AAAA,UAhBD,OAAM;AAAA,UAAU,UAAUxB;AAAA,UAAgB,MAAMyB;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAMM;AAAA,YANNT,EAMM,OANNuB,GAMM;AAAA,cALJpB,EAIEC,EAAAO,CAAA,GAAA;AAAA,4BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,QAAKyB;AAAA,gBAC7B,OAAM;AAAA,gBACL,SAASjB;AAAA,cAAA;;YAGdW,EAGM,OAHNwB,GAGM;AAAA,cAFJ1B,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAsB,cAAhB,aAAS,EAAA;AAAA,cACfG,EAAqDC,EAAAiB,CAAA,GAAA;AAAA,4BAA5BjB,EAAAvB,CAAA,EAAS,MAAM;AAAA,gEAAfuB,EAAAvB,CAAA,EAAS,MAAM,YAASyB;AAAA,cAAA;;YAEnDN,EAGM,OAHNyB,GAGM;AAAA,cAFJ3B,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,cACXG,EAAiDC,EAAAiB,CAAA,GAAA;AAAA,4BAAxBjB,EAAAvB,CAAA,EAAS,MAAM;AAAA,gEAAfuB,EAAAvB,CAAA,EAAS,MAAM,QAAKyB;AAAA,cAAA;;;;;QAIjDN,EAsCM,OAtCN0B,GAsCM;AAAA,UArCJ1B,EAMM,OANN2B,GAMM;AAAA,YALJxB,EAIEC,EAAAO,CAAA,GAAA;AAAA,0BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,oBAAiByB;AAAA,cACzC,OAAM;AAAA,cACL,SAAS,CAAA,EAAA,OAAA,YAAA,OAAA,WAAA,GAAA,EAAA,OAAA,WAAA,OAAA,WAAA;AAAA,YAAA;;UAGdN,EAMM,OANN4B,GAMM;AAAA,YALJzB,EAIEC,EAAAO,CAAA,GAAA;AAAA,0BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,gBAAayB;AAAA,cACrC,OAAM;AAAA,cACL,SAAS,CAAA,EAAA,OAAA,YAAA,OAAA,WAAA,GAAA,EAAA,OAAA,cAAA,OAAA,cAAA;AAAA,YAAA;;UAGdN,EAGM,OAHN6B,GAGM;AAAA,YAFJ/B,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,YACXG,EAA8Ea,GAAA;AAAA,0BAAvDZ,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,QAAKyB;AAAA,cAAG,SAAShB;AAAA,YAAA;;UAEzDU,EAWM,OAXN8B,GAWM;AAAA,YAVJ3B,EASEC,EAAAC,CAAA,GAAA;AAAA,0BARSD,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,eAAYyB;AAAA,cACnC,OAAO,EAAA,OAAA,OAAA;AAAA,cACR,OAAM;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,aAAa;AAAA,cACd,MAAK;AAAA,YAAA;;UAGTN,EAMM,OANN+B,GAMM;AAAA,YALJ5B,EAIEC,EAAAO,CAAA,GAAA;AAAA,0BAHSP,EAAAvB,CAAA,EAAS,MAAM;AAAA,8DAAfuB,EAAAvB,CAAA,EAAS,MAAM,gBAAayB;AAAA,cACrC,OAAM;AAAA,cACL,SAASV;AAAA,YAAA;;;;;;;"}

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

@@ -144,26 +144,26 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
           default: x(() => [
             s("div", xe, [
               i(l(g), {
-                label: "Title",
-                options: w,
                 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: w
               }, null, 8, ["modelValue"])
             ]),
             l(o).title.mode === "custom" ? (a(), d("div", ge, [
               i(l(C), {
-                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"])
             ])) : u("", !0),
             s("div", Ve, [
               e[35] || (e[35] = s("span", null, "Alignment", -1)),
               i(X, {
-                options: K,
                 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: K
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -178,26 +178,26 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
           default: x(() => [
             s("div", Se, [
               i(l(g), {
-                label: "Title",
-                options: w,
                 modelValue: l(o).axisX.titleMode,
-                "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.titleMode = t)
+                "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.titleMode = t),
+                label: "Title",
+                options: w
               }, null, 8, ["modelValue"])
             ]),
             l(o).axisX.titleMode === "custom" ? (a(), d("div", ye, [
               i(l(C), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: l(o).axisX.customTitle,
-                "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.customTitle = t)
+                "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.customTitle = t),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
             y.value ? u("", !0) : (a(), d("div", ke, [
               i(l(g), {
-                label: "Scale",
-                options: I,
                 modelValue: l(o).axisX.scale,
-                "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.scale = t)
+                "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.scale = t),
+                label: "Scale",
+                options: I
               }, null, 8, ["modelValue"])
             ])),
             y.value && F.value ? (a(), d("div", be, [
@@ -224,9 +224,9 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
             y.value ? (a(), d("div", Te, [
               e[37] || (e[37] = s("span", null, "Labels rotation", -1)),
               i(X, {
-                options: N,
                 modelValue: G.value,
-                "onUpdate:modelValue": e[9] || (e[9] = (t) => G.value = t)
+                "onUpdate:modelValue": e[9] || (e[9] = (t) => G.value = t),
+                options: N
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
             s("div", Xe, [
@@ -282,26 +282,26 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
           default: x(() => [
             s("div", Re, [
               i(l(g), {
-                label: "Title",
-                options: w,
                 modelValue: l(o).axisY.titleMode,
-                "onUpdate:modelValue": e[17] || (e[17] = (t) => l(o).axisY.titleMode = t)
+                "onUpdate:modelValue": e[17] || (e[17] = (t) => l(o).axisY.titleMode = t),
+                label: "Title",
+                options: w
               }, null, 8, ["modelValue"])
             ]),
             l(o).axisY.titleMode === "custom" ? (a(), d("div", ce, [
               i(l(C), {
-                label: "Text",
-                placeholder: "Type",
                 modelValue: l(o).axisY.customTitle,
-                "onUpdate:modelValue": e[18] || (e[18] = (t) => l(o).axisY.customTitle = t)
+                "onUpdate:modelValue": e[18] || (e[18] = (t) => l(o).axisY.customTitle = t),
+                label: "Text",
+                placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
             k.value ? u("", !0) : (a(), d("div", Ae, [
               i(l(g), {
-                label: "Scale",
-                options: I,
                 modelValue: l(o).axisY.scale,
-                "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).axisY.scale = t)
+                "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).axisY.scale = t),
+                label: "Scale",
+                options: I
               }, null, 8, ["modelValue"])
             ])),
             k.value && P.value ? (a(), d("div", Ue, [
@@ -328,9 +328,9 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
             k.value ? (a(), d("div", Fe, [
               e[42] || (e[42] = s("span", null, "Labels rotation", -1)),
               i(X, {
-                options: N,
                 modelValue: H.value,
-                "onUpdate:modelValue": e[23] || (e[23] = (t) => H.value = t)
+                "onUpdate:modelValue": e[23] || (e[23] = (t) => H.value = t),
+                options: N
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
             s("div", Pe, [
@@ -381,30 +381,30 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
           s("div", Ie, [
             e[46] || (e[46] = s("span", null, "Frame", -1)),
             i(X, {
-              options: Q,
               modelValue: l(o).other.frame,
-              "onUpdate:modelValue": e[31] || (e[31] = (t) => l(o).other.frame = t)
+              "onUpdate:modelValue": e[31] || (e[31] = (t) => l(o).other.frame = t),
+              options: Q
             }, null, 8, ["modelValue"])
           ]),
           s("div", Ne, [
             i(l(h), {
+              modelValue: l(o).other.facetColumns,
+              "onUpdate:modelValue": e[32] || (e[32] = (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[32] || (e[32] = (t) => l(o).other.facetColumns = t)
+              mode: "input"
             }, null, 8, ["modelValue"])
           ]),
           s("div", Be, [
             i(l(g), {
-              label: "Facet shared by",
-              options: W,
               modelValue: l(o).other.facetSharedBy,
-              "onUpdate:modelValue": e[33] || (e[33] = (t) => l(o).other.facetSharedBy = t)
+              "onUpdate:modelValue": e[33] || (e[33] = (t) => l(o).other.facetSharedBy = t),
+              label: "Facet shared by",
+              options: W
             }, null, 8, ["modelValue"])
           ])
         ])) : u("", !0)

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 } 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 AesButton, { AesButtonProps } 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 { 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 { 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};\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: '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];\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 <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.title.mode\" />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field label=\"Chart title\" placeholder=\"Chart title\" v-model=\"settings.title.value\" />\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 block\">\n <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.axisX.titleMode\" />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field label=\"Text\" placeholder=\"Type\" v-model=\"settings.axisX.customTitle\" />\n </div>\n <div class=\"axes-settings-options-row block\" v-if=\"!discreteX\">\n <pl-btn-group label=\"Scale\" :options=\"OPTIONS_SCALE\" v-model=\"settings.axisX.scale\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"discreteX && axisOrderX\">\n <span>X axis order: </span>\n <aes-button :data=\"{ type: 'data', value: null }\" @click=\"reorderX = true\" />\n <template v-if=\"reorderX\">\n <form-wrapper title=\"Reorder X axis values\" back-title=\"Axes Settings\" @form:close=\"reorderX = false\">\n <reorder-form v-model=\"axisOrderX\" />\n </form-wrapper>\n </template>\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"discreteX\">\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 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>Ticks</span>\n <pl-toggle-switch v-model=\"settings.axisX.ticks\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Significant lines style</span>\n <aes-button :data=\"{ type: 'lineType', value: significantLineStyleX } as AesButtonProps['data']\"\n @click=\"openLinesPopupX = !openLinesPopupX\" @ref=\"(el: Element) => (linesAesButtonXRef = el)\" />\n <popup v-if=\"openLinesPopupX\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonXRef\"\n @popup:close=\"openLinesPopupX = false\">\n <div class=\"fixed-aes-list fixed-aes-list__rows\">\n <fixed-line-type-list v-model=\"significantLineStyleX\"\n @update:modelValue=\"(value: LineType) => settings.axisX.significantLinesStyle = value\" />\n </div>\n </popup>\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 label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.axisY.titleMode\" />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field label=\"Text\" placeholder=\"Type\" v-model=\"settings.axisY.customTitle\" />\n </div>\n <div class=\"axes-settings-options-row block\" v-if=\"!discreteY\">\n <pl-btn-group label=\"Scale\" :options=\"OPTIONS_SCALE\" v-model=\"settings.axisY.scale\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"discreteY && axisOrderY\">\n <span>Y axis order: </span>\n <aes-button :data=\"{ type: 'data', value: null }\" @click=\"reorderY = true\" />\n <template v-if=\"reorderY\">\n <form-wrapper title=\"Reorder Y axis values\" back-title=\"Axes Settings\" @form:close=\"reorderY = false\">\n <reorder-form v-model=\"axisOrderY\" />\n </form-wrapper>\n </template>\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"discreteY\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_LABELS_ROTATION\" v-model=\"yLabelsRotation\" />\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 <div class=\"axes-settings-options-row\">\n <span>Significant lines style</span>\n <aes-button :data=\"{ type: 'lineType', value: significantLineStyleY } as AesButtonProps['data']\"\n @click=\"openLinesPopupY = !openLinesPopupY\" @ref=\"(el: Element) => (linesAesButtonYRef = el)\" />\n <popup v-if=\"openLinesPopupY\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonYRef\"\n @popup:close=\"openLinesPopupY = false\">\n <div class=\"fixed-aes-list fixed-aes-list__rows\">\n <fixed-line-type-list v-model=\"significantLineStyleY\"\n @update:modelValue=\"(value: LineType) => settings.axisY.significantLinesStyle = value\" />\n </div>\n </popup>\n </div>\n </collapsable-block>\n <!-- Facet settings-->\n <div class=\"other\" v-if=\"chartType === 'scatterplot'\">\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 :style=\"{ width: '100%' }\" label=\"Facet column count\" :min=\"1\" :max=\"6\" :step=\"1\" :breakpoints=\"true\"\n mode=\"input\" v-model=\"settings.other.facetColumns\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group label=\"Facet shared by\" :options=\"OPTIONS_FACET_SHARED\"\n v-model=\"settings.other.facetSharedBy\" />\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","_hoisted_10","PlToggleSwitch","_hoisted_11","_hoisted_12","el","Popup","_hoisted_13","FixedLineTypeList","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","Slider","_hoisted_26"],"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 } 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};\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: '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];\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\" />\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\" />\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\" />\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 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\" />\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 v-if=\"!discreteY\" class=\"axes-settings-options-row block\">\n <PlBtnGroup v-model=\"settings.axisY.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" />\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 <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 />\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","_hoisted_10","PlToggleSwitch","_hoisted_11","_hoisted_12","el","Popup","_hoisted_13","FixedLineTypeList","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","Slider","_hoisted_26"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue.js","sources":["../../../src/forms/AxesSettingsForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {useStore} from '../../store';\nimport DiscreteForm from './DiscreteAxesSettingsForm.vue';\nimport ScatterplotForm from './ScatterplotAxesSettingsForm.vue';\nimport HeatmapForm from './HeatmapAxesSettingsForm.vue';\nimport HistogramForm from './HistogramAxesSettingsForm.vue';\nimport BubbleForm from './BubbleAxesSettingsForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n <div class=\"data-form\">\n <~~discrete-form~~ v-if=\"store.reactive.chartType === 'discrete'\"/>\n <~~scatterplot-form~~ v-if=\"store.reactive.chartType === 'scatterplot' \|\| store.reactive.chartType === 'scatterplot-umap'\"/>\n <~~heatmap-form~~ v-if=\"store.reactive.chartType === 'heatmap'\"/>\n <~~histogram-form~~ v-if=\"store.reactive.chartType === 'histogram'\"/>\n <~~bubble-form~~ v-if=\"store.reactive.chartType === 'bubble'\"/>\n </div>\n</template>\n"],"names":["store","useStore","_openBlock","_createElementBlock","_hoisted_1","_unref","_createBlock","DiscreteForm","ScatterplotForm","HeatmapForm","HistogramForm","BubbleForm"],"mappings":";;;;;;;;;;AAQA,UAAMA,IAAQC,EAAA;sBAIZC,EAAA,GAAAC,EAMM,OANNC,GAMM;AAAA,~~MALiBC~~,EAAAL,CAAA,EAAM,SAAS,cAAS,~~mBAA7CM~~,~~EAA+DC~~,GAAA,EAAA,KAAA,EAAA,CAAA;MACvCF,EAAAL,CAAA,EAAM,SAAS,+BAA+BK,EAAAL,CAAA,EAAM,SAAS,cAAS,~~2BAA9FM~~,~~EAAwHE~~,GAAA,EAAA,KAAA,GAAA;MACpGH,EAAAL,CAAA,EAAM,SAAS,cAAS,~~kBAA5CM~~,~~EAA6DG~~,GAAA,EAAA,KAAA,EAAA,CAAA;MACvCJ,EAAAL,CAAA,EAAM,SAAS,cAAS,~~oBAA9CM~~,~~EAAiEI~~,GAAA,EAAA,KAAA,EAAA,CAAA;MAC9CL,EAAAL,CAAA,EAAM,SAAS,cAAS,~~iBAA3CM~~,~~EAA2DK~~,GAAA,EAAA,KAAA,EAAA,CAAA;;;;"}
1	+ {"version":3,"file":"index.vue.js","sources":["../../../src/forms/AxesSettingsForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport DiscreteForm from './DiscreteAxesSettingsForm.vue';\nimport ScatterplotForm from './ScatterplotAxesSettingsForm.vue';\nimport HeatmapForm from './HeatmapAxesSettingsForm.vue';\nimport HistogramForm from './HistogramAxesSettingsForm.vue';\nimport BubbleForm from './BubbleAxesSettingsForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n <div class=\"data-form\">\n <DiscreteForm v-if=\"store.reactive.chartType === 'discrete'\"/>\n <ScatterplotForm v-if=\"store.reactive.chartType === 'scatterplot' \|\| store.reactive.chartType === 'scatterplot-umap'\"/>\n <HeatmapForm v-if=\"store.reactive.chartType === 'heatmap'\"/>\n <HistogramForm v-if=\"store.reactive.chartType === 'histogram'\"/>\n <BubbleForm v-if=\"store.reactive.chartType === 'bubble'\"/>\n </div>\n</template>\n"],"names":["store","useStore","_openBlock","_createElementBlock","_hoisted_1","_unref","_createBlock","DiscreteForm","ScatterplotForm","HeatmapForm","HistogramForm","BubbleForm"],"mappings":";;;;;;;;;;AAQA,UAAMA,IAAQC,EAAA;sBAIZC,EAAA,GAAAC,EAMM,OANNC,GAMM;AAAA,MALgBC,EAAAL,CAAA,EAAM,SAAS,cAAS,mBAA5CM,EAA8DC,GAAA,EAAA,KAAA,EAAA,CAAA;MACvCF,EAAAL,CAAA,EAAM,SAAS,+BAA+BK,EAAAL,CAAA,EAAM,SAAS,cAAS,2BAA7FM,EAAuHE,GAAA,EAAA,KAAA,GAAA;MACpGH,EAAAL,CAAA,EAAM,SAAS,cAAS,kBAA3CM,EAA4DG,GAAA,EAAA,KAAA,EAAA,CAAA;MACvCJ,EAAAL,CAAA,EAAM,SAAS,cAAS,oBAA7CM,EAAgEI,GAAA,EAAA,KAAA,EAAA,CAAA;MAC9CL,EAAAL,CAAA,EAAM,SAAS,cAAS,iBAA1CM,EAA0DK,GAAA,EAAA,KAAA,EAAA,CAAA;;;;"}

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

@@ -67,10 +67,10 @@ const L = { class: "data-form-input-item" }, h = {
       dataInputs: i(() => [
         y("div", L, [
           r(e(B), {
-            label: "Data source for color:",
-            clearable: "",
             modelValue: f.value,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => f.value = o),
+            label: "Data source for color:",
+            clearable: "",
             disabled: I.value,
             options: e(m).valueColor,
             error: e(b)("valueColor", e(a).inputGuide.value)
@@ -78,10 +78,10 @@ const L = { class: "data-form-input-item" }, h = {
         ]),
         y("div", h, [
           r(e(B), {
-            label: "Data source for size:",
-            clearable: "",
             modelValue: v.value,
             "onUpdate:modelValue": l[1] || (l[1] = (o) => v.value = o),
+            label: "Data source for size:",
+            clearable: "",
             disabled: x.value,
             options: e(m).valueSize,
             error: e(b)("valueSize", e(a).inputGuide.value)

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BubbleForm.vue.js","sources":["../../../src/forms/DataMappingForm/BubbleForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { BubbleUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof BubbleUIState['components'], 'valueColor' \| 'valueSize'>;\ntype DataIds = keyof BubbleUIState['components'] & ('valueColor' \| 'valueSize');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n 'filters',\n 'x',\n 'y',\n 'xGroupBy',\n 'yGroupBy',\n 'tooltipContent',\n 'tabBy',\n 'facetBy',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n filters: 'Filter',\n x: 'X',\n y: 'Y',\n xGroupBy: 'X group',\n yGroupBy: 'Y group',\n tooltipContent: 'Tooltip',\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<BubbleUIState, BasketIds, DataIds>(\n store,\n ['valueColor', 'valueSize'],\n ['filters', 'tabBy'],\n ['x','y', 'xGroupBy', 'yGroupBy','tooltipContent','facetBy'],\n BASKETS,\n BASKET_LABELS\n);\n\nconst readonlyValueColor = computed(() => store.value.readonlyInputs?.includes('valueColor') ?? false);\nconst readonlyValueSize = computed(() => store.value.readonlyInputs?.includes('valueSize') ?? false);\n\nconst valueColorValue = computed({\n get: () => dataStateValues.value.valueColor.value,\n set: (value: string \| undefined) => {\n dataStateValues.value.valueColor.value = value;\n }\n});\n\nconst valueSizeValue = computed({\n get: () => dataStateValues.value.valueSize.value,\n set: (value: string \| undefined) => {\n dataStateValues.value.valueSize.value = value;\n }\n});\n\n</script>\n\n<template>\n <~~form-layout~~>\n <template ~~v-slot:~~dataInputs>\n <div class=\"data-form-input-item\">\n <pl-~~dropdown~~\n label=\"Data source for color:\"\n clearable\n ~~v-model=\"valueColorValue\"\n~~ :disabled=\"readonlyValueColor\"\n :options=\"dataOptions.valueColor\"\n :error=\"getErrorForPlDropdown('valueColor', store.inputGuide.value)\"\n />\n </div>\n <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n <pl-~~dropdown~~\n label=\"Data source for size:\"\n clearable\n ~~v-model=\"valueSizeValue\"\n~~ :disabled=\"readonlyValueSize\"\n :options=\"dataOptions.valueSize\"\n :error=\"getErrorForPlDropdown('valueSize', store.inputGuide.value)\"\n />\n </div>\n </template>\n <template ~~v-slot:~~mandatoryOptions>\n <MandatoryOptionsList\n :options=\"freeMandatoryOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template ~~v-slot:~~metadataOptions>\n <OptionsList\n :options=\"freeMetaOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template ~~v-slot:~~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 </~~form-layout~~>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValueColor","computed","_a","readonlyValueSize","valueColorValue","value","valueSizeValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","_hoisted_2","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,EAAA,GAERC,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,UAAU;AAAA,MACV,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,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,MACFX;AAAA,MACA,CAAC,cAAc,WAAW;AAAA,MAC1B,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,~~KAAI~~,KAAK,YAAY,~~YAAW~~,~~kBAAiB~~,SAAS;AAAA,~~MAC3DE~~;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAqBC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,kBAAiB;AAAA,KAAK,GAC/FC,IAAoBF,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,iBAAgB;AAAA,KAAK,GAE7FE,IAAkBH,EAAS;AAAA,MAC/B,KAAK,MAAMJ,EAAgB,MAAM,WAAW;AAAA,MAC5C,KAAK,CAACQ,MAA8B;AAClC,QAAAR,EAAgB,MAAM,WAAW,QAAQQ;AAAA,MAC3C;AAAA,IAAA,CACD,GAEKC,IAAiBL,EAAS;AAAA,MAC9B,KAAK,MAAMJ,EAAgB,MAAM,UAAU;AAAA,MAC3C,KAAK,CAACQ,MAA8B;AAClC,QAAAR,EAAgB,MAAM,UAAU,QAAQQ;AAAA,MAC1C;AAAA,IAAA,CACD;2BAKCE,~~EA8CcC~~,GAAA,MAAA;AAAA,~~MA7CK~~,~~cACf~~,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,~~YANA~~,~~OAAM~~;AAAA,~~YACN~~,~~WAAA~~;AAAA,~~wBACST~~,~~EAAA~~;AAAA,~~0DAAAA~~,~~EAAe,QAAAU~~;AAAA,~~YACvB~~,UAAUd,EAAA;AAAA,YACV,SAASY,EAAAd,CAAA,EAAY;AAAA,YACrB,OAAOc,EAAAG,CAAA,EAAqB,cAAeH,KAAM,WAAW,KAAK;AAAA,UAAA;;QAGtEH,EASM,OATNO,GASM;AAAA,UARJL,EAOEC,EAAAC,CAAA,GAAA;AAAA,~~YANA~~,~~OAAM~~;AAAA,~~YACN~~,~~WAAA~~;AAAA,~~wBACSP~~,~~EAAA~~;AAAA,~~0DAAAA~~,~~EAAc,QAAAQ~~;AAAA,~~YACtB~~,UAAUX,EAAA;AAAA,YACV,SAASS,EAAAd,CAAA,EAAY;AAAA,YACrB,OAAOc,EAAAG,CAAA,EAAqB,aAAcH,KAAM,WAAW,KAAK;AAAA,UAAA;;;~~MAItD~~,~~oBACf~~,MAIE;AAAA,QAJFD,EAIEM,GAAA;AAAA,UAHC,SAASL,EAAAjB,CAAA;AAAA,UACT,UAAUiB,EAAAhB,CAAA;AAAA,UACV,mBAAiBsB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAEtB,EAAA,QAAYsB;AAAA,QAAA;;~~MAGnB~~,~~mBACf~~,MAIE;AAAA,QAJFH,EAIEQ,GAAA;AAAA,UAHC,SAASP,EAAAlB,CAAA;AAAA,UACT,UAAUkB,EAAAhB,CAAA;AAAA,UACV,mBAAiBsB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAEtB,EAAA,QAAYsB;AAAA,QAAA;;~~MAGnB~~,~~YAEb~~,MAAiC;AAAA,gBADnCM,EAMMC,GAAA,MAAAC,EALiBV,EAAAnB,CAAA,GAAW,CAAzB8B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENZ,EAA6Da,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}
1	+ {"version":3,"file":"BubbleForm.vue.js","sources":["../../../src/forms/DataMappingForm/BubbleForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { BubbleUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof BubbleUIState['components'], 'valueColor' \| 'valueSize'>;\ntype DataIds = keyof BubbleUIState['components'] & ('valueColor' \| 'valueSize');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n 'filters',\n 'x',\n 'y',\n 'xGroupBy',\n 'yGroupBy',\n 'tooltipContent',\n 'tabBy',\n 'facetBy',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n filters: 'Filter',\n x: 'X',\n y: 'Y',\n xGroupBy: 'X group',\n yGroupBy: 'Y group',\n tooltipContent: 'Tooltip',\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<BubbleUIState, BasketIds, DataIds>(\n store,\n ['valueColor', 'valueSize'],\n ['filters', 'tabBy'],\n ['x', 'y', 'xGroupBy', 'yGroupBy', 'tooltipContent', 'facetBy'],\n BASKETS,\n BASKET_LABELS,\n);\n\nconst readonlyValueColor = computed(() => store.value.readonlyInputs?.includes('valueColor') ?? false);\nconst readonlyValueSize = computed(() => store.value.readonlyInputs?.includes('valueSize') ?? false);\n\nconst valueColorValue = computed({\n get: () => dataStateValues.value.valueColor.value,\n set: (value: string \| undefined) => {\n dataStateValues.value.valueColor.value = value;\n },\n});\n\nconst valueSizeValue = computed({\n get: () => dataStateValues.value.valueSize.value,\n set: (value: string \| undefined) => {\n dataStateValues.value.valueSize.value = value;\n },\n});\n\n</script>\n\n<template>\n <FormLayout>\n <template #dataInputs>\n <div class=\"data-form-input-item\">\n <PlDropdown\n v-model=\"valueColorValue\"\n label=\"Data source for color:\"\n clearable\n :disabled=\"readonlyValueColor\"\n :options=\"dataOptions.valueColor\"\n :error=\"getErrorForPlDropdown('valueColor', store.inputGuide.value)\"\n />\n </div>\n <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n <PlDropdown\n v-model=\"valueSizeValue\"\n label=\"Data source for size:\"\n clearable\n :disabled=\"readonlyValueSize\"\n :options=\"dataOptions.valueSize\"\n :error=\"getErrorForPlDropdown('valueSize', store.inputGuide.value)\"\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","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValueColor","computed","_a","readonlyValueSize","valueColorValue","value","valueSizeValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","_hoisted_2","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}