@milaboratories/graph-maker 1.1.175 → 1.1.177

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

@@ -0,0 +1,312 @@
+import { defineComponent as R, computed as r, createElementBlock as n, openBlock as u, createElementVNode as a, createVNode as s, withCtx as b, createCommentVNode as m, unref as l, createTextVNode as F } from "vue";
+import { PlBtnGroup as d, PlTextField as A, Slider as w, PlCheckbox as B } from "@platforma-sdk/ui-vue";
+import { useStore as z } from "../../store.js";
+import L from "../../components/CollapsableBlock.vue.js";
+import C from "../../icons/Right.vue.js";
+import U from "../../icons/Down.vue.js";
+import p from "../../components/BtnIconGroup.vue.js";
+import G from "../../icons/AlignLeft.vue.js";
+import H from "../../icons/AlignCenter.vue.js";
+import h from "../../icons/AlignRight.vue.js";
+import D from "../../icons/FrameFull.vue.js";
+import Z from "../../icons/FrameEmpty.vue.js";
+import W from "../../icons/Rotation0.vue.js";
+import $ from "../../icons/Rotation45.vue.js";
+import j from "../../icons/Rotation90.vue.js";
+const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-row block" }, K = {
+  key: 0,
+  class: "axes-settings-input"
+}, Q = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row" }, le = {
+  key: 0,
+  class: "axes-settings-options-row"
+}, te = { class: "axes-settings-options-row block" }, oe = { key: 1 }, se = { class: "axes-settings-options-row block" }, ae = { class: "axes-settings-options-row block" }, ie = {
+  key: 2,
+  class: "axes-settings-options-row"
+}, ne = { class: "axes-settings-options-row" }, ue = {
+  key: 0,
+  class: "axes-settings-options-row"
+}, de = { class: "axes-settings-options-row block" }, re = { key: 1 }, me = { class: "axes-settings-options-row block" }, pe = { class: "axes-settings-options-row block" }, xe = {
+  key: 2,
+  class: "axes-settings-options-row"
+}, ve = { class: "other" }, ge = { class: "axes-settings-options-row" }, Ve = { class: "axes-settings-options-row" }, fe = { class: "axes-settings-options-row" }, be = { class: "axes-settings-options-row block" }, Y = 4, O = 50, _ = 20, Ne = /* @__PURE__ */ R({
+  __name: "HeatmapAxesSettingsForm",
+  setup(Se) {
+    const x = z(), o = x.value.reactive.axesSettings, S = {
+      height: 40,
+      horizontalPadding: 12,
+      defaultState: "open"
+    }, I = [
+      { value: "left", icon: G },
+      { value: "center", icon: H },
+      { value: "right", icon: h }
+    ], v = [
+      { value: 0, icon: W },
+      { value: 45, icon: $ },
+      { value: 90, icon: j }
+    ], T = [
+      { value: "auto", text: "Auto" },
+      { value: "custom", text: "Custom" },
+      { value: "hidden", text: "Hide" }
+    ], N = [
+      { value: "none", icon: Z },
+      { value: "full", icon: D }
+    ], M = [
+      { text: "X", value: "x" },
+      { text: "Y", value: "y" },
+      { text: "XY", value: "xy" },
+      { text: "None", value: "none" }
+    ], k = [
+      { text: "ascending", value: "asc" },
+      { text: "descending", value: "desc" }
+    ], X = [
+      { text: "auto", value: "auto" },
+      { text: "custom", value: "custom" }
+    ], g = r(() => x.value.reactive.layersSettings.heatmapClustered), P = r(() => M.filter((i) => x.value.reactive.template !== "heatmapClustered" ? !0 : g.value.dendrogramX && g.value.dendrogramY ? i.value !== "x" && i.value !== "xy" && i.value !== "y" : g.value.dendrogramX ? i.value !== "x" && i.value !== "xy" : g.value.dendrogramY ? i.value !== "y" && i.value !== "xy" : !0)), E = r(() => x.value.reactive.optionsState.components), c = r(() => o.axisX.cellSize === null ? "auto" : "custom"), V = r({
+      get: () => o.axisX.cellSize,
+      set: (i) => {
+        o.axisX.cellSize = i;
+      }
+    }), y = r(() => o.axisY.cellSize === null ? "auto" : "custom"), f = r({
+      get: () => o.axisY.cellSize,
+      set: (i) => {
+        o.axisY.cellSize = i;
+      }
+    });
+    return (i, e) => (u(), n("div", {
+      class: "axes-form",
+      onClick: e[23] || (e[23] = (t) => t.stopPropagation())
+    }, [
+      e[31] || (e[31] = a("h3", { class: "axes-title" }, " Axes ", -1)),
+      a("div", q, [
+        s(L, {
+          title: "Title",
+          settings: S,
+          icon: C,
+          "icon-open": U
+        }, {
+          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)
+              }, 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)
+              }, 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)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        s(L, {
+          title: "X-axis",
+          settings: S,
+          icon: C,
+          "icon-open": U
+        }, {
+          default: b(() => [
+            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)
+              }, 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)
+              }, 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)
+              }, 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)
+              }, 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)
+              }, 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 : _;
+                  })
+                ]
+              }, null, 8, ["modelValue"])
+            ]),
+            c.value === "custom" && V.value !== null ? (u(), n("div", ie, [
+              s(l(w), {
+                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"])
+            ])) : m("", !0)
+          ]),
+          _: 1
+        }),
+        s(L, {
+          title: "Y-axis",
+          settings: S,
+          icon: C,
+          "icon-open": U
+        }, {
+          default: b(() => [
+            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)
+              }, 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)
+              }, 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)
+              }, 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)
+              }, 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)
+              }, 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 : _;
+                  })
+                ]
+              }, null, 8, ["modelValue"])
+            ]),
+            y.value === "custom" && f.value !== null ? (u(), n("div", xe, [
+              s(l(w), {
+                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"])
+            ])) : m("", !0)
+          ]),
+          _: 1
+        }),
+        a("div", ve, [
+          a("div", ge, [
+            s(l(B), {
+              modelValue: l(o).other.canvasRenderMode,
+              "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).other.canvasRenderMode = t)
+            }, {
+              default: b(() => [...e[29] || (e[29] = [
+                F("Render as canvas", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          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)
+            }, null, 8, ["modelValue"])
+          ]),
+          a("div", fe, [
+            s(l(w), {
+              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)
+            }, 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"])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Ne as default
+};
+//# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+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;

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+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;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport AesButton, { AesButtonProps } from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, ref } from 'vue';\nimport Popup from '../../components/Popup.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport { LineType } from '../../components/AesSettings/types';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport { FIXED_LINE_TYPES } from '../../constantsAesthetic';\nimport ReorderForm from '../../components/ReorderForm.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport { LabelsRotation } from '../../types';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst chartType = computed(() => store.value.reactive.chartType)\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close'\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n  { value: 'left', icon: AlignLeft },\n  { value: 'center', icon: AlignCenter },\n  { value: 'right', icon: AlignRight },\n]\n// const OPTIONS_FACET_FRAME = [\n//   {value: 'empty', icon: FrameEmpty},\n//   {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_SCALE = [\n  { value: 'linear', text: 'Linear' },\n  { value: 'log', text: 'Log' }\n];\nconst OPTIONS_CHART_FRAME = [\n  { value: 'empty', icon: FrameEmpty },\n  { value: 'left', icon: FrameLeft },\n  { value: 'bottom', icon: FrameBottom },\n  { value: 'left-bottom', icon: FrameLeftBottom },\n  { value: 'full', icon: FrameFull }\n];\nconst OPTIONS_FACET_SHARED = [\n  { text: 'X', value: 'x' },\n  { text: 'Y', value: 'y' },\n  { text: 'XY', value: 'xy' },\n  { text: 'None', value: 'none' }\n];\nconst OPTIONS_LABELS_ROTATION = [\n  { value: 'center', icon: Rotation0 },\n  { value: '45deg', icon: Rotation45 },\n  { value: '90deg', icon: Rotation90 }\n];\nconst significantLineStyleX = ref(settings.axisX.significantLinesStyle);\nconst significantLineStyleY = ref(settings.axisY.significantLinesStyle);\nconst linesPopupHeight = computed(() => getPopupHeightForFixedAesList(FIXED_LINE_TYPES.length, 'lineType'));\nconst linesAesButtonXRef = ref();\nconst linesAesButtonYRef = ref();\nconst openLinesPopupX = ref(false);\nconst openLinesPopupY = ref(false);\n\nconst xSource = computed(() => {\n  const x = store.value.reactive.optionsState.components.x.selectorStates;\n  return x.length ? x[0].selectedSource : null;\n});\nconst ySource = computed(() => {\n  const y = store.value.reactive.optionsState.components.y.selectorStates;\n  return y.length ? y[0].selectedSource : null;\n});\n\nconst discreteX = computed(() => {\n  if (!xSource.value) {\n    return false;\n  }\n  const info = store.value.inputGuide.value.getSourceInfo(xSource.value);\n  return info.type === 'String';\n});\nconst discreteY = computed(() => {\n  if (!ySource.value) {\n    return false;\n  }\n  const info = store.value.inputGuide.value.getSourceInfo(ySource.value);\n  return info.type === 'String';\n});\nconst reorderX = ref(false);\nconst reorderY = ref(false);\nconst axisOrderX = computed({\n  get: () => {\n    if (!discreteX.value || !xSource.value) {\n      return null;\n    }\n    const savedOrder = store.value.reactive.axesSettings.axisX.order;\n    return savedOrder?.source === xSource.value ? savedOrder.options : store.value.uniqueValuesData.value[xSource.value]?.options;\n  },\n  set: (v) => {\n    if (xSource.value && v) {\n      store.value.reactive.axesSettings.axisX.order = {\n        source: xSource.value,\n        options: v\n      }\n    }\n  }\n});\nconst axisOrderY = computed({\n  get: () => {\n    if (!discreteY.value || !ySource.value) {\n      return null;\n    }\n    const savedOrder = store.value.reactive.axesSettings.axisY.order;\n    return savedOrder?.source === ySource.value ? savedOrder.options : store.value.uniqueValuesData.value[ySource.value]?.options;\n  },\n  set: (v) => {\n    if (ySource.value && v) {\n      store.value.reactive.axesSettings.axisY.order = {\n        source: ySource.value,\n        options: v\n      }\n    }\n  }\n});\nconst xLabelsRotation = computed({\n  get(){\n    return settings.axisX.labelsRotation ?? 'center';\n  },\n  set(value:LabelsRotation) {\n    settings.axisX.labelsRotation = value;\n  }\n});\nconst yLabelsRotation = computed({\n  get(){\n    return settings.axisY.labelsRotation ?? 'center';\n  },\n  set(value:LabelsRotation) {\n    settings.axisY.labelsRotation = value;\n  }\n});\n</script>\n\n<template>\n  <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n    <h3 class=\"axes-title\">\n      Axes\n    </h3>\n    <div class=\"axes-settings-list\">\n      <!--      Chart title -->\n      <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.title.mode\" />\n        </div>\n        <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n          <pl-text-field label=\"Chart title\" placeholder=\"Chart title\" v-model=\"settings.title.value\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\" />\n        </div>\n        <!--              <div class=\"axes-settings-options-row\">-->\n        <!--                <span>Facet frame style</span>-->\n        <!--                <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n        <!--              </div>-->\n      </collapsable-block>\n      <!--      X axis settings-->\n      <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.axisX.titleMode\" />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <pl-text-field label=\"Text\" placeholder=\"Type\" v-model=\"settings.axisX.customTitle\" />\n        </div>\n        <div class=\"axes-settings-options-row block\" v-if=\"!discreteX\">\n          <pl-btn-group label=\"Scale\" :options=\"OPTIONS_SCALE\" v-model=\"settings.axisX.scale\" />\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteX && axisOrderX\">\n          <span>X axis order: </span>\n          <aes-button :data=\"{ type: 'data', value: null }\" @click=\"reorderX = true\" />\n          <template v-if=\"reorderX\">\n            <form-wrapper title=\"Reorder X axis values\" back-title=\"Axes Settings\" @form:close=\"reorderX = false\">\n              <reorder-form v-model=\"axisOrderX\" />\n            </form-wrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteX\">\n          <span>Labels rotation</span>\n          <btn-icon-group :options=\"OPTIONS_LABELS_ROTATION\" v-model=\"xLabelsRotation\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisX.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisX.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button :data=\"{ type: 'lineType', value: significantLineStyleX } as AesButtonProps['data']\"\n            @click=\"openLinesPopupX = !openLinesPopupX\" @ref=\"(el: Element) => (linesAesButtonXRef = el)\" />\n          <popup v-if=\"openLinesPopupX\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonXRef\"\n            @popup:close=\"openLinesPopupX = false\">\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list v-model=\"significantLineStyleX\"\n                @update:modelValue=\"(value: LineType) => settings.axisX.significantLinesStyle = value\" />\n            </div>\n          </popup>\n        </div>\n      </collapsable-block>\n      <!--      Y axis settings-->\n      <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.axisY.titleMode\" />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <pl-text-field label=\"Text\" placeholder=\"Type\" v-model=\"settings.axisY.customTitle\" />\n        </div>\n        <div class=\"axes-settings-options-row block\" v-if=\"!discreteY\">\n          <pl-btn-group label=\"Scale\" :options=\"OPTIONS_SCALE\" v-model=\"settings.axisY.scale\" />\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteY && axisOrderY\">\n          <span>Y axis order: </span>\n          <aes-button :data=\"{ type: 'data', value: null }\" @click=\"reorderY = true\" />\n          <template v-if=\"reorderY\">\n            <form-wrapper title=\"Reorder Y axis values\" back-title=\"Axes Settings\" @form:close=\"reorderY = false\">\n              <reorder-form v-model=\"axisOrderY\" />\n            </form-wrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteY\">\n          <span>Labels rotation</span>\n          <btn-icon-group :options=\"OPTIONS_LABELS_ROTATION\" v-model=\"yLabelsRotation\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisY.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button :data=\"{ type: 'lineType', value: significantLineStyleY } as AesButtonProps['data']\"\n            @click=\"openLinesPopupY = !openLinesPopupY\" @ref=\"(el: Element) => (linesAesButtonYRef = el)\" />\n          <popup v-if=\"openLinesPopupY\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonYRef\"\n            @popup:close=\"openLinesPopupY = false\">\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list v-model=\"significantLineStyleY\"\n                @update:modelValue=\"(value: LineType) => settings.axisY.significantLinesStyle = value\" />\n            </div>\n          </popup>\n        </div>\n      </collapsable-block>\n      <!--      Facet settings-->\n      <div class=\"other\" v-if=\"chartType === 'scatterplot'\">\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider :style=\"{ width: '100%' }\" label=\"Facet column count\" :min=\"1\" :max=\"6\" :step=\"1\" :breakpoints=\"true\"\n            mode=\"input\" v-model=\"settings.other.facetColumns\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Facet shared by\" :options=\"OPTIONS_FACET_SHARED\"\n            v-model=\"settings.other.facetSharedBy\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","settings","chartType","computed","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","significantLineStyleX","ref","significantLineStyleY","linesPopupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","linesAesButtonXRef","linesAesButtonYRef","openLinesPopupX","openLinesPopupY","xSource","x","ySource","y","discreteX","discreteY","reorderX","reorderY","axisOrderX","savedOrder","_a","v","axisOrderY","xLabelsRotation","value","yLabelsRotation","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AesButton","_createBlock","FormWrapper","ReorderForm","_hoisted_9","_hoisted_10","PlToggleSwitch","_hoisted_11","_hoisted_12","el","Popup","_hoisted_13","FixedLineTypeList","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","Slider","_hoisted_26"],"mappings":"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"}

package/dist/forms/AxesSettingsForm/index.vue.d.ts

@@ -0,0 +1,2 @@
+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;

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

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

package/dist/forms/DataMappingForm/BubbleForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,120 @@
+import { defineComponent as z, computed as n, createBlock as G, openBlock as s, withCtx as i, createElementBlock as c, Fragment as D, renderList as E, unref as e, createVNode as r, mergeProps as F, toHandlers as O, createElementVNode as y } from "vue";
+import { useStore as k } from "../../store.js";
+import { PlDropdown as B } from "@platforma-sdk/ui-vue";
+import T from "./Layout/FormLayout.vue.js";
+import U from "./Layout/OptionsList.vue.js";
+import $ from "./Layout/MandatoryOptions.vue.js";
+import { getErrorForPlDropdown as b } from "./utils.js";
+import w from "../../components/DragAndDrop/DndBasket.vue.js";
+import { useBaskets as A } from "./useBaskets.js";
+const L = { class: "data-form-input-item" }, h = {
+  class: "data-form-input-item",
+  style: { "margin-top": "10px" }
+}, Q = /* @__PURE__ */ z({
+  __name: "BubbleForm",
+  setup(K) {
+    const a = k(), _ = [
+      "filters",
+      "x",
+      "y",
+      "xGroupBy",
+      "yGroupBy",
+      "tooltipContent",
+      "tabBy",
+      "facetBy"
+    ], g = {
+      filters: "Filter",
+      x: "X",
+      y: "Y",
+      xGroupBy: "X group",
+      yGroupBy: "Y group",
+      tooltipContent: "Tooltip",
+      tabBy: "Tab by",
+      facetBy: "Facet by"
+    }, {
+      draggedId: p,
+      basketsData: S,
+      freeMetaOptions: V,
+      freeMandatoryOptions: C,
+      chipInfo: d,
+      dataStateValues: u,
+      dataOptions: m
+    } = A(
+      a,
+      ["valueColor", "valueSize"],
+      ["filters", "tabBy"],
+      ["x", "y", "xGroupBy", "yGroupBy", "tooltipContent", "facetBy"],
+      _,
+      g
+    ), I = n(() => {
+      var t;
+      return ((t = a.value.readonlyInputs) == null ? void 0 : t.includes("valueColor")) ?? !1;
+    }), x = n(() => {
+      var t;
+      return ((t = a.value.readonlyInputs) == null ? void 0 : t.includes("valueSize")) ?? !1;
+    }), f = n({
+      get: () => u.value.valueColor.value,
+      set: (t) => {
+        u.value.valueColor.value = t;
+      }
+    }), v = n({
+      get: () => u.value.valueSize.value,
+      set: (t) => {
+        u.value.valueSize.value = t;
+      }
+    });
+    return (t, l) => (s(), G(T, null, {
+      dataInputs: i(() => [
+        y("div", L, [
+          r(e(B), {
+            label: "Data source for color:",
+            clearable: "",
+            modelValue: f.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => f.value = o),
+            disabled: I.value,
+            options: e(m).valueColor,
+            error: e(b)("valueColor", e(a).inputGuide.value)
+          }, null, 8, ["modelValue", "disabled", "options", "error"])
+        ]),
+        y("div", h, [
+          r(e(B), {
+            label: "Data source for size:",
+            clearable: "",
+            modelValue: v.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (o) => v.value = o),
+            disabled: x.value,
+            options: e(m).valueSize,
+            error: e(b)("valueSize", e(a).inputGuide.value)
+          }, null, 8, ["modelValue", "disabled", "options", "error"])
+        ])
+      ]),
+      mandatoryOptions: i(() => [
+        r($, {
+          options: e(C),
+          chipInfo: e(d),
+          onDraggedIdUpdate: l[2] || (l[2] = (o) => p.value = o)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      metadataOptions: i(() => [
+        r(U, {
+          options: e(V),
+          chipInfo: e(d),
+          onDraggedIdUpdate: l[3] || (l[3] = (o) => p.value = o)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      chartVar: i(() => [
+        (s(!0), c(D, null, E(e(S), (o) => (s(), c("div", {
+          key: o.id,
+          class: "data-form-input-item"
+        }, [
+          r(w, F({ ref_for: !0 }, o, O(o.listeners)), null, 16)
+        ]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=BubbleForm.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleForm.vue.js","sources":["../../../src/forms/DataMappingForm/BubbleForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { BubbleUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof BubbleUIState['components'], 'valueColor' | 'valueSize'>;\ntype DataIds = keyof BubbleUIState['components'] & ('valueColor' | 'valueSize');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'x',\n  'y',\n  'xGroupBy',\n  'yGroupBy',\n  'tooltipContent',\n  'tabBy',\n  'facetBy',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  x: 'X',\n  y: 'Y',\n  xGroupBy: 'X group',\n  yGroupBy: 'Y group',\n  tooltipContent: 'Tooltip',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions\n} = useBaskets<BubbleUIState, BasketIds, DataIds>(\n  store,\n  ['valueColor', 'valueSize'],\n  ['filters', 'tabBy'],\n  ['x','y', 'xGroupBy', 'yGroupBy','tooltipContent','facetBy'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyValueColor = computed(() => store.value.readonlyInputs?.includes('valueColor') ?? false);\nconst readonlyValueSize = computed(() => store.value.readonlyInputs?.includes('valueSize') ?? false);\n\nconst valueColorValue = computed({\n  get: () => dataStateValues.value.valueColor.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.valueColor.value = value;\n  }\n});\n\nconst valueSizeValue = computed({\n  get: () => dataStateValues.value.valueSize.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.valueSize.value = value;\n  }\n});\n\n</script>\n\n<template>\n  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          label=\"Data source for color:\"\n          clearable\n          v-model=\"valueColorValue\"\n          :disabled=\"readonlyValueColor\"\n          :options=\"dataOptions.valueColor\"\n          :error=\"getErrorForPlDropdown('valueColor', store.inputGuide.value)\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <pl-dropdown\n          label=\"Data source for size:\"\n          clearable\n          v-model=\"valueSizeValue\"\n          :disabled=\"readonlyValueSize\"\n          :options=\"dataOptions.valueSize\"\n          :error=\"getErrorForPlDropdown('valueSize', store.inputGuide.value)\"\n        />\n      </div>\n    </template>\n    <template v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </form-layout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValueColor","computed","_a","readonlyValueSize","valueColorValue","value","valueSizeValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","_hoisted_2","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}

package/dist/forms/DataMappingForm/DendroForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;