npm - @milaboratories/graph-maker - Versions diffs - 1.1.176 → 1.1.178 - Mend

@milaboratories/graph-maker 1.1.176 → 1.1.178

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

Files changed (197) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close'\n};\nconst OPTIONS_TITLE_ALIGN = [\n {value: 'left', icon: AlignLeft},\n {value: 'center', icon: AlignCenter},\n {value: 'right', icon: AlignRight},\n]\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 }\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull }\n];\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' }\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n { text: 'auto', value: 'auto' },\n { text: 'custom', value: 'custom' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n if (store.value.reactive.template !== 'heatmapClustered') {\n return true;\n }\n if (layer.value.dendrogramX && layer.value.dendrogramY) {\n return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n }\n if (layer.value.dendrogramX) {\n return option.value !== 'x' && option.value !== 'xy';\n }\n if (layer.value.dendrogramY) {\n return option.value !== 'y' && option.value !== 'xy';\n }\n return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n get: () => settings.axisX.cellSize,\n set: (v) => {\n settings.axisX.cellSize = v;\n }\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n get: () => settings.axisY.cellSize,\n set: (v) => {\n settings.axisY.cellSize = v;\n }\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.title.mode\"\n />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field\n label=\"Chart title\"\n placeholder=\"Chart title\"\n v-model=\"settings.title.value\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n </div>\n </collapsable-block>\n <!-- X axis settings-->\n <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"options.xGroupBy.selectorStates.length\">\n <span>Group labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.groupLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisX.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisX.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisX.sorting\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n v-model=\"cellWidthMode\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"cellWidthMode === 'custom' && cellWidth !== null\">\n <Slider label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" v-model=\"cellWidth\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </collapsable-block>\n <!-- Y axis settings-->\n <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"options.yGroupBy.selectorStates.length\">\n <span>Group labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.groupLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisY.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisY.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisY.sorting\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n v-model=\"cellHeightMode\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"cellHeightMode === 'custom' && cellHeight !== null\">\n <Slider label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" v-model=\"cellHeight\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </collapsable-block>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <pl-checkbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</pl-checkbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n v-model=\"settings.other.facetColumns\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n v-model=\"settings.other.facetSharedBy\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","Slider","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","PlCheckbox","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":"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"}
1	+ {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n// import FrameLeft from '../../icons/FrameLeft.vue';\n// import FrameBottom from '../../icons/FrameBottom.vue';\n// import FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport type { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' \| 'close',\n};\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull },\n];\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' },\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n { text: 'auto', value: 'auto' },\n { text: 'custom', value: 'custom' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n if (store.value.reactive.template !== 'heatmapClustered') {\n return true;\n }\n if (layer.value.dendrogramX && layer.value.dendrogramY) {\n return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n }\n if (layer.value.dendrogramX) {\n return option.value !== 'x' && option.value !== 'xy';\n }\n if (layer.value.dendrogramY) {\n return option.value !== 'y' && option.value !== 'xy';\n }\n return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n get: () => settings.axisX.cellSize,\n set: (v) => {\n settings.axisX.cellSize = v;\n },\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n get: () => settings.axisY.cellSize,\n set: (v) => {\n settings.axisY.cellSize = v;\n },\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.title.mode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField\n v-model=\"settings.title.value\"\n label=\"Chart title\"\n placeholder=\"Chart title\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n </div>\n </CollapsableBlock>\n <!-- X axis settings-->\n <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.xGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisX.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellWidthMode\"\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellWidthMode === 'custom' && cellWidth !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellWidth\" label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </CollapsableBlock>\n <!-- Y axis settings-->\n <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.yGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisY.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellHeightMode\"\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellHeightMode === 'custom' && cellHeight !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellHeight\" label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\"\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\"\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","Slider","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","PlCheckbox","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":"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"}

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":"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"}