@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close'\n};\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];\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</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 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      </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 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      </collapsable-block>\n      <!--      Facet settings-->\n      <div class=\"other\">\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <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":["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","layer","computed","optionsFacetShared","option"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAEVC,IAAsB;AAAA,MAC1B,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAM7BC,IAA2B;AAAA,MAC/B,EAAE,OAAO,GAAG,MAAMC,EAAA;AAAA,MAClB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,MACnB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,IAAW,GAE1BC,IAA0B;AAAA,MAC9B,EAAE,OAAO,QAAQ,MAAM,OAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,UAAU,MAAM,OAAA;AAAA,IAAO,GAE5BC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,IAAU,GAE7BC,IAAuB;AAAA,MAC3B,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,MAAM,OAAO,KAAA;AAAA,MACrB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,IAAO,GAE1BC,IAAkB;AAAA,MACtB,EAAE,MAAM,aAAa,OAAO,MAAA;AAAA,MAC5B,EAAE,MAAM,cAAc,OAAO,OAAA;AAAA,IAAO,GAGhCC,IAAQC,EAAS,MAAMnB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EoB,IAAqBD,EAAS,MAAMH,EAAqB,OAAO,CAACK,MACjErB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELkB,EAAM,MAAM,eAAeA,EAAM,MAAM,cAClCG,EAAO,UAAU,OAAOA,EAAO,UAAU,QAAQA,EAAO,UAAU,MAEvEH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE9CH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE3C,EACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue2.js

@@ -0,0 +1,5 @@
+import f from "./HeatmapAxesSettingsForm.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=HeatmapAxesSettingsForm.vue2.js.map

package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapAxesSettingsForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
+//# sourceMappingURL=HistogramAxesSettingsForm.vue.d.ts.map

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramAxesSettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue"],"names":[],"mappings":";AAioBA,wBAMG"}

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js

@@ -0,0 +1,236 @@
+import { defineComponent as U, createElementBlock as u, openBlock as m, createElementVNode as s, createVNode as i, unref as e, withCtx as r, createCommentVNode as f } from "vue";
+import { Slider as b, PlBtnGroup as n, PlTextField as S, PlToggleSwitch as a } from "@platforma-sdk/ui-vue";
+import { useStore as A } from "../../store.js";
+import p from "../../components/CollapsableBlock.vue.js";
+import x from "../../icons/Right.vue.js";
+import V from "../../icons/Down.vue.js";
+import k from "../../components/BtnIconGroup.vue.js";
+import C from "../../icons/AlignLeft.vue.js";
+import X from "../../icons/AlignCenter.vue.js";
+import y from "../../icons/AlignRight.vue.js";
+import F from "../../icons/FrameFull.vue.js";
+import _ from "../../icons/FrameEmpty.vue.js";
+import O from "../../icons/FrameLeft.vue.js";
+import E from "../../icons/FrameBottom.vue.js";
+import L from "../../icons/FrameLeftBottom.vue.js";
+const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px" } }, B = { class: "axes-settings-options-row block" }, Y = {
+  key: 0,
+  class: "axes-settings-input"
+}, I = { class: "axes-settings-options-row" }, R = { class: "axes-settings-options-row block" }, h = { key: 0 }, D = { class: "axes-settings-options-row block" }, G = { class: "axes-settings-options-row table" }, H = { class: "axes-settings-options-row table" }, M = { class: "axes-settings-options-row block" }, z = { class: "axes-settings-options-row table" }, $ = { class: "axes-settings-options-row table" }, j = { class: "other" }, q = { class: "axes-settings-options-row" }, J = { class: "axes-settings-options-row" }, K = { class: "axes-settings-options-row" }, Q = { class: "axes-settings-options-row" }, W = { class: "axes-settings-options-row block" }, fe = /* @__PURE__ */ U({
+  __name: "HistogramAxesSettingsForm",
+  setup(Z) {
+    const o = A().value.reactive.axesSettings, d = {
+      height: 40,
+      horizontalPadding: 12,
+      defaultState: "open"
+    }, T = [
+      { value: "left", icon: C },
+      { value: "center", icon: X },
+      { value: "right", icon: y }
+    ], g = [
+      { value: "auto", text: "Auto" },
+      { value: "custom", text: "Custom" },
+      { value: "hidden", text: "Hide" }
+    ], v = [
+      { value: "linear", text: "Linear" },
+      { value: "log", text: "Log" }
+    ], c = [
+      { value: "empty", icon: _ },
+      { value: "left", icon: O },
+      { value: "bottom", icon: E },
+      { value: "left-bottom", icon: L },
+      { value: "full", icon: F }
+    ], w = [
+      { text: "X", value: "x" },
+      { text: "Y", value: "y" },
+      { text: "XY", value: "xy" },
+      { text: "None", value: "none" }
+    ];
+    return (te, t) => (m(), u("div", {
+      class: "axes-form",
+      onClick: t[17] || (t[17] = (l) => l.stopPropagation())
+    }, [
+      t[24] || (t[24] = s("h3", { class: "axes-title" }, " Axes ", -1)),
+      s("div", N, [
+        s("div", P, [
+          i(e(b), {
+            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)
+          }, null, 8, ["modelValue"])
+        ]),
+        i(p, {
+          title: "Title",
+          settings: d,
+          icon: x,
+          "icon-open": V
+        }, {
+          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)
+              }, 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)
+              }, 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)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        i(p, {
+          title: "X-axis",
+          settings: d,
+          icon: x,
+          "icon-open": V
+        }, {
+          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)
+              }, 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)
+              }, 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)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", G, [
+              t[19] || (t[19] = s("span", null, "Gridlines", -1)),
+              i(e(a), {
+                modelValue: e(o).axisX.gridlines,
+                "onUpdate:modelValue": t[7] || (t[7] = (l) => e(o).axisX.gridlines = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", H, [
+              t[20] || (t[20] = s("span", null, "Ticks", -1)),
+              i(e(a), {
+                modelValue: e(o).axisX.ticks,
+                "onUpdate:modelValue": t[8] || (t[8] = (l) => e(o).axisX.ticks = l)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        i(p, {
+          title: "Y-axis",
+          settings: d,
+          icon: x,
+          "icon-open": V
+        }, {
+          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)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", z, [
+              t[21] || (t[21] = s("span", null, "Gridlines", -1)),
+              i(e(a), {
+                modelValue: e(o).axisY.gridlines,
+                "onUpdate:modelValue": t[10] || (t[10] = (l) => e(o).axisY.gridlines = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", $, [
+              t[22] || (t[22] = s("span", null, "Ticks", -1)),
+              i(e(a), {
+                modelValue: e(o).axisY.ticks,
+                "onUpdate:modelValue": t[11] || (t[11] = (l) => e(o).axisY.ticks = l)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        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)
+            }, 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)
+            }, 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)
+            }, null, 8, ["modelValue"])
+          ]),
+          s("div", Q, [
+            i(e(b), {
+              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)
+            }, 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)
+            }, null, 8, ["modelValue"])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  fe as default
+};
+//# sourceMappingURL=HistogramAxesSettingsForm.vue.js.map

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/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"],"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,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAE7BC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue2.js

@@ -0,0 +1,5 @@
+import f from "./HistogramAxesSettingsForm.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=HistogramAxesSettingsForm.vue2.js.map

package/dist/GraphMaker/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramAxesSettingsForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
+//# sourceMappingURL=ScatterplotAxesSettingsForm.vue.d.ts.map

package/dist/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotAxesSettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"names":[],"mappings":";AA+0BA,wBAMG"}

package/dist/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js

@@ -0,0 +1,285 @@
+import { defineComponent as I, computed as U, ref as a, createElementBlock as m, openBlock as n, createElementVNode as s, createVNode as i, createCommentVNode as u, withCtx as r, unref as t, createBlock as P } from "vue";
+import { PlBtnGroup as d, PlTextField as T, PlToggleSwitch as v, Slider as $ } from "@platforma-sdk/ui-vue";
+import { useStore as c } from "../../store.js";
+import S from "../../components/CollapsableBlock.vue.js";
+import k from "../../icons/Right.vue.js";
+import b from "../../icons/Down.vue.js";
+import F from "../../components/BtnIconGroup.vue.js";
+import M from "../../icons/AlignLeft.vue.js";
+import H from "../../icons/AlignCenter.vue.js";
+import D from "../../icons/AlignRight.vue.js";
+import G from "../../icons/FrameFull.vue.js";
+import z from "../../icons/FrameEmpty.vue.js";
+import j from "../../icons/FrameLeft.vue.js";
+import q from "../../icons/FrameBottom.vue.js";
+import J from "../../icons/FrameLeftBottom.vue.js";
+import C from "../../components/AesButton.vue.js";
+import E from "../../components/Popup.vue.js";
+import R from "../../components/AesSettings/FixedLineTypeList.vue.js";
+import { getPopupHeightForFixedAesList as K } from "../../utils/getPopupHeightForFixedAesList.js";
+import { FIXED_LINE_TYPES as Q } from "../../constantsAesthetic.js";
+const W = { class: "axes-settings-list" }, Z = { class: "axes-settings-options-row block" }, h = {
+  key: 0,
+  class: "axes-settings-input"
+}, ee = { class: "axes-settings-options-row" }, te = { class: "axes-settings-options-row block" }, le = { key: 0 }, oe = { class: "axes-settings-options-row block" }, se = { class: "axes-settings-options-row table" }, ie = { class: "axes-settings-options-row table" }, ne = { class: "axes-settings-options-row" }, ae = { class: "fixed-aes-list fixed-aes-list__rows" }, ue = { class: "axes-settings-options-row block" }, de = { key: 0 }, me = { class: "axes-settings-options-row block" }, re = { class: "axes-settings-options-row table" }, pe = { class: "axes-settings-options-row table" }, fe = { class: "axes-settings-options-row" }, ve = { class: "fixed-aes-list fixed-aes-list__rows" }, xe = {
+  key: 0,
+  class: "other"
+}, ge = { class: "axes-settings-options-row" }, Ve = { class: "axes-settings-options-row" }, ye = { class: "axes-settings-options-row block" }, Me = /* @__PURE__ */ I({
+  __name: "ScatterplotAxesSettingsForm",
+  setup(Te) {
+    const w = c(), o = w.value.reactive.axesSettings, B = U(() => w.value.reactive.chartType), x = {
+      height: 40,
+      horizontalPadding: 12,
+      defaultState: "open"
+    }, N = [
+      { value: "left", icon: M },
+      { value: "center", icon: H },
+      { value: "right", icon: D }
+    ], g = [
+      { value: "auto", text: "Auto" },
+      { value: "custom", text: "Custom" },
+      { value: "hidden", text: "Hide" }
+    ], X = [
+      { value: "linear", text: "Linear" },
+      { value: "log", text: "Log" }
+    ], O = [
+      { value: "empty", icon: z },
+      { value: "left", icon: j },
+      { value: "bottom", icon: q },
+      { value: "left-bottom", icon: J },
+      { value: "full", icon: G }
+    ], _ = [
+      { text: "X", value: "x" },
+      { text: "Y", value: "y" },
+      { text: "XY", value: "xy" },
+      { text: "None", value: "none" }
+    ], V = a(o.axisX.significantLinesStyle), y = a(o.axisY.significantLinesStyle), L = U(() => K(Q.length, "lineType")), Y = a(), A = a(), p = a(!1), f = a(!1);
+    return (Se, e) => (n(), m("div", {
+      class: "axes-form",
+      onClick: e[26] || (e[26] = (l) => l.stopPropagation())
+    }, [
+      e[35] || (e[35] = s("h3", { class: "axes-title" }, " Axes ", -1)),
+      s("div", W, [
+        i(S, {
+          title: "Title",
+          settings: x,
+          icon: k,
+          "icon-open": b
+        }, {
+          default: r(() => [
+            s("div", Z, [
+              i(t(d), {
+                label: "Title",
+                options: g,
+                modelValue: t(o).title.mode,
+                "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).title.mode = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            t(o).title.mode === "custom" ? (n(), m("div", h, [
+              i(t(T), {
+                label: "Chart title",
+                placeholder: "Chart title",
+                modelValue: t(o).title.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.value = l)
+              }, null, 8, ["modelValue"])
+            ])) : u("", !0),
+            s("div", ee, [
+              e[27] || (e[27] = s("span", null, "Alignment", -1)),
+              i(F, {
+                options: N,
+                modelValue: t(o).title.position,
+                "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.position = l)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        i(S, {
+          title: "X-axis",
+          settings: x,
+          icon: k,
+          "icon-open": b
+        }, {
+          default: r(() => [
+            s("div", te, [
+              i(t(d), {
+                label: "Title",
+                options: g,
+                modelValue: t(o).axisX.titleMode,
+                "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).axisX.titleMode = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            t(o).axisX.titleMode === "custom" ? (n(), m("div", le, [
+              i(t(T), {
+                label: "Text",
+                placeholder: "Type",
+                modelValue: t(o).axisX.customTitle,
+                "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.customTitle = l)
+              }, null, 8, ["modelValue"])
+            ])) : u("", !0),
+            s("div", oe, [
+              i(t(d), {
+                label: "Scale",
+                options: X,
+                modelValue: t(o).axisX.scale,
+                "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.scale = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", se, [
+              e[28] || (e[28] = s("span", null, "Gridlines", -1)),
+              i(t(v), {
+                modelValue: t(o).axisX.gridlines,
+                "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.gridlines = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", ie, [
+              e[29] || (e[29] = s("span", null, "Ticks", -1)),
+              i(t(v), {
+                modelValue: t(o).axisX.ticks,
+                "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisX.ticks = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", ne, [
+              e[30] || (e[30] = s("span", null, "Significant lines style", -1)),
+              i(C, {
+                data: { type: "lineType", value: V.value },
+                onClick: e[8] || (e[8] = (l) => p.value = !p.value),
+                onRef: e[9] || (e[9] = (l) => Y.value = l)
+              }, null, 8, ["data"]),
+              p.value ? (n(), P(E, {
+                key: 0,
+                height: L.value,
+                targetRef: Y.value,
+                "onPopup:close": e[12] || (e[12] = (l) => p.value = !1)
+              }, {
+                default: r(() => [
+                  s("div", ae, [
+                    i(R, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": [
+                        e[10] || (e[10] = (l) => V.value = l),
+                        e[11] || (e[11] = (l) => t(o).axisX.significantLinesStyle = l)
+                      ]
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["height", "targetRef"])) : u("", !0)
+            ])
+          ]),
+          _: 1
+        }),
+        i(S, {
+          title: "Y-axis",
+          settings: x,
+          icon: k,
+          "icon-open": b
+        }, {
+          default: r(() => [
+            s("div", ue, [
+              i(t(d), {
+                label: "Title",
+                options: g,
+                modelValue: t(o).axisY.titleMode,
+                "onUpdate:modelValue": e[13] || (e[13] = (l) => t(o).axisY.titleMode = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            t(o).axisY.titleMode === "custom" ? (n(), m("div", de, [
+              i(t(T), {
+                label: "Text",
+                placeholder: "Type",
+                modelValue: t(o).axisY.customTitle,
+                "onUpdate:modelValue": e[14] || (e[14] = (l) => t(o).axisY.customTitle = l)
+              }, null, 8, ["modelValue"])
+            ])) : u("", !0),
+            s("div", me, [
+              i(t(d), {
+                label: "Scale",
+                options: X,
+                modelValue: t(o).axisY.scale,
+                "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).axisY.scale = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", re, [
+              e[31] || (e[31] = s("span", null, "Gridlines", -1)),
+              i(t(v), {
+                modelValue: t(o).axisY.gridlines,
+                "onUpdate:modelValue": e[16] || (e[16] = (l) => t(o).axisY.gridlines = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", pe, [
+              e[32] || (e[32] = s("span", null, "Ticks", -1)),
+              i(t(v), {
+                modelValue: t(o).axisY.ticks,
+                "onUpdate:modelValue": e[17] || (e[17] = (l) => t(o).axisY.ticks = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            s("div", fe, [
+              e[33] || (e[33] = s("span", null, "Significant lines style", -1)),
+              i(C, {
+                data: { type: "lineType", value: y.value },
+                onClick: e[18] || (e[18] = (l) => f.value = !f.value),
+                onRef: e[19] || (e[19] = (l) => A.value = l)
+              }, null, 8, ["data"]),
+              f.value ? (n(), P(E, {
+                key: 0,
+                height: L.value,
+                targetRef: A.value,
+                "onPopup:close": e[22] || (e[22] = (l) => f.value = !1)
+              }, {
+                default: r(() => [
+                  s("div", ve, [
+                    i(R, {
+                      modelValue: y.value,
+                      "onUpdate:modelValue": [
+                        e[20] || (e[20] = (l) => y.value = l),
+                        e[21] || (e[21] = (l) => t(o).axisY.significantLinesStyle = l)
+                      ]
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["height", "targetRef"])) : u("", !0)
+            ])
+          ]),
+          _: 1
+        }),
+        B.value === "scatterplot" ? (n(), m("div", xe, [
+          s("div", ge, [
+            e[34] || (e[34] = s("span", null, "Frame", -1)),
+            i(F, {
+              options: O,
+              modelValue: t(o).other.frame,
+              "onUpdate:modelValue": e[23] || (e[23] = (l) => t(o).other.frame = l)
+            }, null, 8, ["modelValue"])
+          ]),
+          s("div", Ve, [
+            i(t($), {
+              style: { width: "100%" },
+              label: "Facet column count",
+              min: 1,
+              max: 6,
+              step: 1,
+              breakpoints: !0,
+              mode: "input",
+              modelValue: t(o).other.facetColumns,
+              "onUpdate:modelValue": e[24] || (e[24] = (l) => t(o).other.facetColumns = l)
+            }, null, 8, ["modelValue"])
+          ]),
+          s("div", ye, [
+            i(t(d), {
+              label: "Facet shared by",
+              options: _,
+              modelValue: t(o).other.facetSharedBy,
+              "onUpdate:modelValue": e[25] || (e[25] = (l) => t(o).other.facetSharedBy = l)
+            }, null, 8, ["modelValue"])
+          ])
+        ])) : u("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  Me as default
+};
+//# sourceMappingURL=ScatterplotAxesSettingsForm.vue.js.map

package/dist/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/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 { 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';\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];\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</script>\n\n<template>\n  <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n    <h3 class=\"axes-title\">\n      Axes\n    </h3>\n    <div class=\"axes-settings-list\">\n      <!--      Chart title -->\n      <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.title.mode\"\n          />\n        </div>\n        <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n          <pl-text-field\n              label=\"Chart title\"\n              placeholder=\"Chart title\"\n              v-model=\"settings.title.value\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n        </div>\n<!--              <div class=\"axes-settings-options-row\">-->\n<!--                <span>Facet frame style</span>-->\n<!--                <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n<!--              </div>-->\n      </collapsable-block>\n      <!--      X axis settings-->\n      <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row 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        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button\n            :data=\"{type: 'lineType', value: significantLineStyleX} as AesButtonProps['data']\"\n            @click=\"openLinesPopupX = !openLinesPopupX\"\n            @ref=\"(el:Element) => (linesAesButtonXRef = el)\"\n          />\n          <popup\n            v-if=\"openLinesPopupX\"\n            :height=\"linesPopupHeight\"\n            :targetRef=\"linesAesButtonXRef\"\n            @popup:close=\"openLinesPopupX = false\"\n          >\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list\n                v-model=\"significantLineStyleX\"\n                @update:modelValue=\"(value:LineType) => settings.axisX.significantLinesStyle = value\"\n              />\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\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.axisY.titleMode\"\n          />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <pl-text-field\n            label=\"Text\"\n            placeholder=\"Type\"\n            v-model=\"settings.axisY.customTitle\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n            v-model=\"settings.axisY.scale\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisY.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button\n            :data=\"{type: 'lineType', value: significantLineStyleY} as AesButtonProps['data']\"\n            @click=\"openLinesPopupY = !openLinesPopupY\"\n            @ref=\"(el:Element) => (linesAesButtonYRef = el)\"\n          />\n          <popup\n            v-if=\"openLinesPopupY\"\n            :height=\"linesPopupHeight\"\n            :targetRef=\"linesAesButtonYRef\"\n            @popup:close=\"openLinesPopupY = false\"\n          >\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list\n                v-model=\"significantLineStyleY\"\n                @update:modelValue=\"(value:LineType) => settings.axisY.significantLinesStyle = value\"\n              />\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\n            :style=\"{width: '100%'}\"\n            label=\"Facet column count\"\n            :min=\"1\"\n            :max=\"6\"\n            :step=\"1\"\n            :breakpoints=\"true\"\n            mode=\"input\"\n            v-model=\"settings.other.facetColumns\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Facet shared by\"\n            :options=\"OPTIONS_FACET_SHARED\"\n            v-model=\"settings.other.facetSharedBy\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","settings","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","significantLineStyleX","ref","significantLineStyleY","linesPopupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","linesAesButtonXRef","linesAesButtonYRef","openLinesPopupX","openLinesPopupY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAMA,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAYC,EAAS,MAAMJ,EAAM,MAAM,SAAS,SAAS,GACzDK,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAGVC,IAAsB;AAAA,MAC1B,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAM7BC,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,GAG1BC,IAAwBC,EAAIlB,EAAS,MAAM,qBAAqB,GAChEmB,IAAwBD,EAAIlB,EAAS,MAAM,qBAAqB,GAChEoB,IAAmBlB,EAAS,MAAMmB,EAA8BC,EAAiB,QAAQ,UAAU,CAAC,GACpGC,IAAqBL,EAAA,GACrBM,IAAqBN,EAAA,GACrBO,IAAkBP,EAAI,EAAK,GAC3BQ,IAAkBR,EAAI,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}