@milaboratories/graph-maker 1.1.157 → 1.1.158

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

@@ -1,72 +1,72 @@
-import { defineComponent as P, computed as m, createElementBlock as n, openBlock as u, createElementVNode as a, createVNode as s, withCtx as y, createCommentVNode as r, unref as l } from "vue";
-import { PlBtnGroup as d, PlTextField as A, Slider as w } from "@platforma-sdk/ui-vue";
-import { useStore as R } from "../../store.js";
+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 B from "../../icons/AlignLeft.vue.js";
-import z from "../../icons/AlignCenter.vue.js";
-import G from "../../icons/AlignRight.vue.js";
-import H from "../../icons/FrameFull.vue.js";
-import h from "../../icons/FrameEmpty.vue.js";
-import D from "../../icons/Rotation0.vue.js";
-import Z from "../../icons/Rotation45.vue.js";
-import W from "../../icons/Rotation90.vue.js";
-const $ = { class: "axes-settings-list" }, j = { class: "axes-settings-options-row block" }, q = {
+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"
-}, J = { class: "axes-settings-options-row" }, K = { class: "axes-settings-options-row" }, Q = {
+}, Q = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row" }, le = {
   key: 0,
   class: "axes-settings-options-row"
-}, ee = { class: "axes-settings-options-row block" }, le = { key: 1 }, te = { class: "axes-settings-options-row block" }, oe = { class: "axes-settings-options-row block" }, se = {
+}, 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"
-}, ae = { class: "axes-settings-options-row" }, ie = {
+}, ne = { class: "axes-settings-options-row" }, ue = {
   key: 0,
   class: "axes-settings-options-row"
-}, ne = { class: "axes-settings-options-row block" }, ue = { key: 1 }, de = { class: "axes-settings-options-row block" }, me = { class: "axes-settings-options-row block" }, re = {
+}, 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"
-}, pe = { class: "other" }, xe = { class: "axes-settings-options-row" }, ve = { class: "axes-settings-options-row" }, ge = { class: "axes-settings-options-row block" }, Y = 4, _ = 50, O = 20, _e = /* @__PURE__ */ P({
+}, 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(Ve) {
-    const x = R(), o = x.value.reactive.axesSettings, b = {
+  setup(Se) {
+    const x = z(), o = x.value.reactive.axesSettings, S = {
       height: 40,
       horizontalPadding: 12,
       defaultState: "open"
     }, I = [
-      { value: "left", icon: B },
-      { value: "center", icon: z },
-      { value: "right", icon: G }
+      { value: "left", icon: G },
+      { value: "center", icon: H },
+      { value: "right", icon: h }
     ], v = [
-      { value: 0, icon: D },
-      { value: 45, icon: Z },
-      { value: 90, icon: W }
-    ], S = [
+      { 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: h },
-      { value: "full", icon: H }
+      { 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" }
-    ], X = [
+    ], k = [
       { text: "ascending", value: "asc" },
       { text: "descending", value: "desc" }
-    ], k = [
+    ], X = [
       { text: "auto", value: "auto" },
       { text: "custom", value: "custom" }
-    ], g = m(() => x.value.reactive.layersSettings.heatmapClustered), F = m(() => 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 = m(() => x.value.reactive.optionsState.components), c = m(() => o.axisX.cellSize === null ? "auto" : "custom"), V = m({
+    ], 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;
       }
-    }), T = m(() => o.axisY.cellSize === null ? "auto" : "custom"), f = m({
+    }), y = r(() => o.axisY.cellSize === null ? "auto" : "custom"), f = r({
       get: () => o.axisY.cellSize,
       set: (i) => {
         o.axisY.cellSize = i;
@@ -74,35 +74,35 @@ const $ = { class: "axes-settings-list" }, j = { class: "axes-settings-options-r
     });
     return (i, e) => (u(), n("div", {
       class: "axes-form",
-      onClick: e[22] || (e[22] = (t) => t.stopPropagation())
+      onClick: e[23] || (e[23] = (t) => t.stopPropagation())
     }, [
-      e[29] || (e[29] = a("h3", { class: "axes-title" }, " Axes ", -1)),
-      a("div", $, [
+      e[31] || (e[31] = a("h3", { class: "axes-title" }, " Axes ", -1)),
+      a("div", q, [
         s(L, {
           title: "Title",
-          settings: b,
+          settings: S,
           icon: C,
           "icon-open": U
         }, {
-          default: y(() => [
-            a("div", j, [
+          default: b(() => [
+            a("div", J, [
               s(l(d), {
                 label: "Title",
-                options: S,
+                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", q, [
+            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"])
-            ])) : r("", !0),
-            a("div", J, [
-              e[23] || (e[23] = a("span", null, "Alignment", -1)),
+            ])) : m("", !0),
+            a("div", Q, [
+              e[24] || (e[24] = a("span", null, "Alignment", -1)),
               s(p, {
                 options: I,
                 modelValue: l(o).title.position,
@@ -114,162 +114,173 @@ const $ = { class: "axes-settings-list" }, j = { class: "axes-settings-options-r
         }),
         s(L, {
           title: "X-axis",
-          settings: b,
+          settings: S,
           icon: C,
           "icon-open": U
         }, {
-          default: y(() => [
-            a("div", K, [
-              e[24] || (e[24] = a("span", null, "Labels rotation", -1)),
+          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", Q, [
-              e[25] || (e[25] = a("span", null, "Group labels rotation", -1)),
+            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"])
-            ])) : r("", !0),
-            a("div", ee, [
+            ])) : m("", !0),
+            a("div", te, [
               s(l(d), {
                 label: "Title",
-                options: S,
+                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", le, [
+            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"])
-            ])) : r("", !0),
-            a("div", te, [
+            ])) : m("", !0),
+            a("div", se, [
               s(l(d), {
                 label: "Sorting",
-                options: X,
+                options: k,
                 modelValue: l(o).axisX.sorting,
                 "onUpdate:modelValue": e[7] || (e[7] = (t) => l(o).axisX.sorting = t)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", oe, [
+            a("div", ae, [
               s(l(d), {
                 label: "Cell width mode",
-                options: k,
+                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 : O;
+                    V.value = t === "auto" ? null : _;
                   })
                 ]
               }, null, 8, ["modelValue"])
             ]),
-            c.value === "custom" && V.value !== null ? (u(), n("div", se, [
+            c.value === "custom" && V.value !== null ? (u(), n("div", ie, [
               s(l(w), {
                 label: "Cell width",
                 min: Y,
-                max: _,
+                max: O,
                 modelValue: V.value,
                 "onUpdate:modelValue": e[10] || (e[10] = (t) => V.value = t),
                 measure: "px",
                 style: { width: "100%" }
               }, null, 8, ["modelValue"])
-            ])) : r("", !0)
+            ])) : m("", !0)
           ]),
           _: 1
         }),
         s(L, {
           title: "Y-axis",
-          settings: b,
+          settings: S,
           icon: C,
           "icon-open": U
         }, {
-          default: y(() => [
-            a("div", ae, [
-              e[26] || (e[26] = a("span", null, "Labels rotation", -1)),
+          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", ie, [
-              e[27] || (e[27] = a("span", null, "Group labels rotation", -1)),
+            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"])
-            ])) : r("", !0),
-            a("div", ne, [
+            ])) : m("", !0),
+            a("div", de, [
               s(l(d), {
                 label: "Title",
-                options: S,
+                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", ue, [
+            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"])
-            ])) : r("", !0),
-            a("div", de, [
+            ])) : m("", !0),
+            a("div", me, [
               s(l(d), {
                 label: "Sorting",
-                options: X,
+                options: k,
                 modelValue: l(o).axisY.sorting,
                 "onUpdate:modelValue": e[15] || (e[15] = (t) => l(o).axisY.sorting = t)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", me, [
+            a("div", pe, [
               s(l(d), {
                 label: "Cell height mode",
-                options: k,
-                modelValue: T.value,
+                options: X,
+                modelValue: y.value,
                 "onUpdate:modelValue": [
-                  e[16] || (e[16] = (t) => T.value = t),
+                  e[16] || (e[16] = (t) => y.value = t),
                   e[17] || (e[17] = (t) => {
-                    f.value = t === "auto" ? null : O;
+                    f.value = t === "auto" ? null : _;
                   })
                 ]
               }, null, 8, ["modelValue"])
             ]),
-            T.value === "custom" && f.value !== null ? (u(), n("div", re, [
+            y.value === "custom" && f.value !== null ? (u(), n("div", xe, [
               s(l(w), {
                 label: "Cell height",
                 min: Y,
-                max: _,
+                max: O,
                 modelValue: f.value,
                 "onUpdate:modelValue": e[18] || (e[18] = (t) => f.value = t),
                 measure: "px",
                 style: { width: "100%" }
               }, null, 8, ["modelValue"])
-            ])) : r("", !0)
+            ])) : m("", !0)
           ]),
           _: 1
         }),
-        a("div", pe, [
-          a("div", xe, [
-            e[28] || (e[28] = a("span", null, "Frame", -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
+            }, 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[19] || (e[19] = (t) => l(o).other.frame = t)
+              "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).other.frame = t)
             }, null, 8, ["modelValue"])
           ]),
-          a("div", ve, [
+          a("div", fe, [
             s(l(w), {
               style: { width: "100%" },
               label: "Facet column count",
@@ -279,15 +290,15 @@ const $ = { class: "axes-settings-list" }, j = { class: "axes-settings-options-r
               breakpoints: !0,
               mode: "input",
               modelValue: l(o).other.facetColumns,
-              "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).other.facetColumns = t)
+              "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).other.facetColumns = t)
             }, null, 8, ["modelValue"])
           ]),
-          a("div", ge, [
+          a("div", be, [
             s(l(d), {
               label: "Facet shared by",
-              options: F.value,
+              options: P.value,
               modelValue: l(o).other.facetSharedBy,
-              "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).other.facetSharedBy = t)
+              "onUpdate:modelValue": e[22] || (e[22] = (t) => l(o).other.facetSharedBy = t)
             }, null, 8, ["options", "modelValue"])
           ])
         ])
@@ -296,6 +307,6 @@ const $ = { class: "axes-settings-list" }, j = { class: "axes-settings-options-r
   }
 });
 export {
-  _e as default
+  Ne as default
 };
 //# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map

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

@@ -1 +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';\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          <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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yKAsBMA,IAAgB,GAChBC,IAAgB,IAChBC,IAAoB;;;AAE1B,UAAMC,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,GAEhCC,IAAoB;AAAA,MACxB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,IAAS,GAG9BC,IAAQC,EAAS,MAAMpB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EqB,IAAqBD,EAAS,MAAMJ,EAAqB,OAAO,CAACM,MACjEtB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELmB,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,GAEIC,IAAUH,EAAS,MAAOpB,EAAM,MAAM,SAAS,aAAa,UAA2C,GAEvGwB,IAAgBJ,EAAS,MAAMlB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACnFuB,IAAYL,EAAS;AAAA,MACzB,KAAK,MAAMlB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAACwB,MAAM;AACV,QAAAxB,EAAS,MAAM,WAAWwB;AAAA,MAC5B;AAAA,IAAA,CACD,GACKC,IAAiBP,EAAS,MAAMlB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACpF0B,IAAaR,EAAS;AAAA,MAC1B,KAAK,MAAMlB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAACwB,MAAM;AACV,QAAAxB,EAAS,MAAM,WAAWwB;AAAA,MAC5B;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/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"],"mappings":"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"}