@milaboratories/graph-maker 1.1.175 → 1.1.177

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

@@ -1,399 +0,0 @@
-import { defineComponent as ee, computed as r, ref as k, onMounted as le, watch as $, createElementBlock as p, openBlock as d, createElementVNode as a, createVNode as s, withCtx as b, createCommentVNode as m, unref as l, createBlock as H } from "vue";
-import { PlBtnGroup as S, PlTextField as I, PlToggleSwitch as v, Slider as oe } from "@platforma-sdk/ui-vue";
-import { useStore as te } from "../../store.js";
-import G from "../../components/CollapsableBlock.vue.js";
-import P from "../../icons/Right.vue.js";
-import N from "../../icons/Down.vue.js";
-import R from "../../components/BtnIconGroup.vue.js";
-import ae from "../../icons/AlignLeft.vue.js";
-import se from "../../icons/AlignCenter.vue.js";
-import ne from "../../icons/AlignRight.vue.js";
-import ie from "../../icons/FrameFull.vue.js";
-import ue from "../../icons/FrameEmpty.vue.js";
-import re from "../../icons/Rotation0.vue.js";
-import de from "../../icons/Rotation45.vue.js";
-import me from "../../icons/Rotation90.vue.js";
-import pe from "../../icons/FrameLeft.vue.js";
-import ve from "../../icons/FrameBottom.vue.js";
-import ge from "../../icons/FrameLeftBottom.vue.js";
-import q from "../../components/AesButton.vue.js";
-import z from "../../components/AesSettings/FormWrapper.vue.js";
-import j from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
-import { createDefaultMapping as J } from "../../dataBindAes.js";
-import "../../constantsAesthetic.js";
-import { getDiscreteLabelsRotation as fe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
-import "../../../node_modules/@milaboratories/pf-plots/dist/index.js";
-import "../../../node_modules/@milaboratories/pl-model-common/dist/bmodel/code.js";
-import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/blob.js";
-import "../../../node_modules/@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
-import "../../../node_modules/@milaboratories/pl-model-common/dist/plid.js";
-import "../../../node_modules/@milaboratories/pl-model-common/dist/ref.js";
-import "../../../node_modules/@platforma-sdk/model/dist/render/util/label.js";
-import "../../../node_modules/@milaboratories/pl-error-like/dist/error_like_shape.js";
-const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
-  key: 0,
-  class: "axes-settings-input"
-}, be = { class: "axes-settings-options-row" }, Se = {
-  key: 0,
-  class: "axes-settings-options-row"
-}, ce = {
-  key: 1,
-  class: "axes-settings-options-row"
-}, we = {
-  key: 2,
-  class: "axes-settings-options-row"
-}, ke = {
-  key: 3,
-  class: "axes-settings-options-row"
-}, Te = {
-  key: 4,
-  class: "axes-settings-options-row"
-}, Ae = { class: "axes-settings-options-row block" }, Oe = { key: 5 }, Xe = { class: "axes-settings-options-row table" }, Ue = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row block" }, Pe = { key: 0 }, Ne = { class: "axes-settings-options-row block" }, Re = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Fe = { class: "other" }, Be = { class: "axes-settings-options-row" }, De = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, bl = /* @__PURE__ */ ee({
-  __name: "DiscreteAxesSettingsForm",
-  setup(Me) {
-    const i = te(), t = i.value.reactive.axesSettings, T = {
-      height: 40,
-      horizontalPadding: 12,
-      defaultState: "open"
-    }, K = [
-      { value: "left", icon: ae },
-      { value: "center", icon: se },
-      { value: "right", icon: ne }
-    ], Q = [
-      { value: "center", icon: re },
-      { value: "45deg", icon: de },
-      { value: "90deg", icon: me }
-    ], A = [
-      { value: "auto", text: "Auto" },
-      { value: "custom", text: "Custom" },
-      { value: "hidden", text: "Hide" }
-    ], W = [
-      { value: "linear", text: "Linear" },
-      { value: "log", text: "Log" }
-    ], Z = [
-      { value: "empty", icon: ue },
-      { value: "left", icon: pe },
-      { value: "bottom", icon: ve },
-      { value: "left-bottom", icon: ge },
-      { value: "full", icon: ie }
-    ], C = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), x = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), B = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
-    le(() => {
-      F.value && (x.value = !0), B.value && (V.value = !0);
-    }), $(() => F.value, (n) => {
-      n && (V.value = !1, x.value = !0);
-    }), $(() => B.value, (n) => {
-      n && (x.value = !1, V.value = !0);
-    });
-    const g = r(() => {
-      var n, e;
-      return (e = (n = i.value.reactive.optionsState.components.primaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
-    }), y = r(() => {
-      var n, e;
-      return (e = (n = i.value.reactive.optionsState.components.secondaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
-    }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), D = r(() => i.value.commonHelpersData.usedAesInMapping.value), L = k(i.value.reactive.dataBindAes[g.value] ?? J(c.value)), Y = k(i.value.reactive.dataBindAes[y.value] ?? J(w.value)), X = r(() => {
-      var n;
-      if (g.value) {
-        const e = C.value.getSourceInfo(g.value) ?? null, o = ((n = O.value[g.value]) == null ? void 0 : n.labels) ?? null;
-        return {
-          selectedSourceInfo: e,
-          labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
-        };
-      }
-    }), U = r(() => {
-      var n;
-      if (y.value) {
-        const e = C.value.getSourceInfo(y.value) ?? null, o = ((n = O.value[y.value]) == null ? void 0 : n.labels) ?? null;
-        return {
-          selectedSourceInfo: e,
-          labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
-        };
-      }
-    });
-    function M(n, e) {
-      i.value.reactive.dataBindAes[e] = n;
-    }
-    const _ = [
-      { text: "X", value: "x" },
-      { text: "Y", value: "y" },
-      { text: "XY", value: "xy" },
-      { text: "None", value: "none" }
-    ], h = r(() => O.value[g.value]), E = r({
-      get() {
-        var n;
-        return fe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
-      },
-      set(n) {
-        t.axisX.labelsRotation = n;
-      }
-    });
-    return (n, e) => (d(), p("div", {
-      class: "axes-form",
-      onClick: e[30] || (e[30] = (o) => o.stopPropagation())
-    }, [
-      e[44] || (e[44] = a("h3", { class: "axes-title" }, " Axes ", -1)),
-      a("div", xe, [
-        s(G, {
-          title: "Title",
-          settings: T,
-          icon: P,
-          "icon-open": N
-        }, {
-          default: b(() => [
-            a("div", Ve, [
-              s(l(S), {
-                label: "Title",
-                options: A,
-                modelValue: l(t).title.mode,
-                "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            l(t).title.mode === "custom" ? (d(), p("div", ye, [
-              s(l(I), {
-                label: "Chart title",
-                placeholder: "Chart title",
-                modelValue: l(t).title.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o)
-              }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            a("div", be, [
-              e[31] || (e[31] = a("span", null, "Alignment", -1)),
-              s(R, {
-                options: K,
-                modelValue: l(t).title.position,
-                "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o)
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          _: 1
-        }),
-        s(G, {
-          title: "X-axis",
-          settings: T,
-          icon: P,
-          "icon-open": N
-        }, {
-          default: b(() => [
-            c.value.length > 1 ? (d(), p("div", Se, [
-              e[32] || (e[32] = a("span", null, "Primary groups order: ", -1)),
-              s(q, {
-                data: { type: "data", value: null },
-                onClick: e[3] || (e[3] = (o) => x.value = !0)
-              }),
-              x.value && X.value ? (d(), H(z, {
-                key: 0,
-                title: "Reorder primary groups",
-                "back-title": "Axes Settings",
-                "onForm:open": e[6] || (e[6] = (o) => l(i).reactive.tabDefaultState.axes.reorderPrimaryOpen = !1),
-                "onForm:close": e[7] || (e[7] = (o) => x.value = !1)
-              }, {
-                default: b(() => {
-                  var o;
-                  return [
-                    s(j, {
-                      "column-value-labels": X.value.labels,
-                      "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[g.value],
-                      "allow-reordering": "",
-                      "allow-hiding": "",
-                      "allow-null-option": l(t).axisX.allowNullPrimaryGroups,
-                      modelValue: L.value,
-                      "onUpdate:modelValue": [
-                        e[4] || (e[4] = (u) => L.value = u),
-                        e[5] || (e[5] = (u) => M(u, g.value))
-                      ]
-                    }, null, 8, ["column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-null-option", "modelValue"])
-                  ];
-                }),
-                _: 1
-              })) : m("", !0)
-            ])) : m("", !0),
-            c.value.length > 1 ? (d(), p("div", ce, [
-              e[33] || (e[33] = a("span", null, "Allow null primary group", -1)),
-              s(l(v), {
-                modelValue: l(t).axisX.allowNullPrimaryGroups,
-                "onUpdate:modelValue": e[8] || (e[8] = (o) => l(t).axisX.allowNullPrimaryGroups = o)
-              }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            w.value.length > 1 ? (d(), p("div", we, [
-              e[34] || (e[34] = a("span", null, "Secondary groups order: ", -1)),
-              s(q, {
-                data: { type: "data", value: null },
-                onClick: e[9] || (e[9] = (o) => V.value = !0)
-              }),
-              V.value && U.value ? (d(), H(z, {
-                key: 0,
-                title: "Reorder secondary groups",
-                "back-title": "Axes Settings",
-                "onForm:open": e[12] || (e[12] = (o) => l(i).reactive.tabDefaultState.axes.reorderSecondaryOpen = !1),
-                "onForm:close": e[13] || (e[13] = (o) => V.value = !1)
-              }, {
-                default: b(() => {
-                  var o;
-                  return [
-                    s(j, {
-                      "column-value-labels": U.value.labels,
-                      "data-column-label": ((o = U.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[y.value],
-                      "allow-reordering": "",
-                      "allow-hiding": "",
-                      "allow-null-option": l(t).axisX.allowNullSecondaryGroups,
-                      modelValue: Y.value,
-                      "onUpdate:modelValue": [
-                        e[10] || (e[10] = (u) => Y.value = u),
-                        e[11] || (e[11] = (u) => M(u, y.value))
-                      ]
-                    }, null, 8, ["column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-null-option", "modelValue"])
-                  ];
-                }),
-                _: 1
-              })) : m("", !0)
-            ])) : m("", !0),
-            w.value.length > 1 ? (d(), p("div", ke, [
-              e[35] || (e[35] = a("span", null, "Allow null secondary group", -1)),
-              s(l(v), {
-                modelValue: l(t).axisX.allowNullSecondaryGroups,
-                "onUpdate:modelValue": e[14] || (e[14] = (o) => l(t).axisX.allowNullSecondaryGroups = o)
-              }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            l(i).reactive.chartType === "discrete" ? (d(), p("div", Te, [
-              e[36] || (e[36] = a("span", null, "Labels rotation", -1)),
-              s(R, {
-                options: Q,
-                modelValue: E.value,
-                "onUpdate:modelValue": e[15] || (e[15] = (o) => E.value = o)
-              }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            a("div", Ae, [
-              s(l(S), {
-                label: "Title",
-                options: A,
-                modelValue: l(t).axisX.titleMode,
-                "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisX.titleMode = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            l(t).axisX.titleMode === "custom" ? (d(), p("div", Oe, [
-              s(l(I), {
-                label: "Text",
-                placeholder: "Type",
-                modelValue: l(t).axisX.customTitle,
-                "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.customTitle = o)
-              }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            a("div", Xe, [
-              e[37] || (e[37] = a("span", null, "Gridlines", -1)),
-              s(l(v), {
-                modelValue: l(t).axisX.gridlines,
-                "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.gridlines = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            a("div", Ue, [
-              e[38] || (e[38] = a("span", null, "Lines between categories", -1)),
-              s(l(v), {
-                modelValue: l(t).axisX.linesBetweenCategories,
-                "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.linesBetweenCategories = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            a("div", Ie, [
-              e[39] || (e[39] = a("span", null, "Ticks", -1)),
-              s(l(v), {
-                modelValue: l(t).axisX.ticks,
-                "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.ticks = o)
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          _: 1
-        }),
-        s(G, {
-          title: "Y-axis",
-          settings: T,
-          icon: P,
-          "icon-open": N
-        }, {
-          default: b(() => [
-            a("div", Ge, [
-              s(l(S), {
-                label: "Title",
-                options: A,
-                modelValue: l(t).axisY.titleMode,
-                "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.titleMode = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            l(t).axisY.titleMode === "custom" ? (d(), p("div", Pe, [
-              s(l(I), {
-                label: "Text",
-                placeholder: "Type",
-                modelValue: l(t).axisY.customTitle,
-                "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.customTitle = o)
-              }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            a("div", Ne, [
-              s(l(S), {
-                label: "Scale",
-                options: W,
-                modelValue: l(t).axisY.scale,
-                "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.scale = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            a("div", Re, [
-              e[40] || (e[40] = a("span", null, "Gridlines", -1)),
-              s(l(v), {
-                modelValue: l(t).axisY.gridlines,
-                "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.gridlines = o)
-              }, null, 8, ["modelValue"])
-            ]),
-            a("div", Ce, [
-              e[41] || (e[41] = a("span", null, "Ticks", -1)),
-              s(l(v), {
-                modelValue: l(t).axisY.ticks,
-                "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.ticks = o)
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          _: 1
-        }),
-        a("div", Fe, [
-          a("div", Be, [
-            e[42] || (e[42] = a("span", null, "Frame", -1)),
-            s(R, {
-              options: Z,
-              modelValue: l(t).other.frame,
-              "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).other.frame = o)
-            }, null, 8, ["modelValue"])
-          ]),
-          a("div", De, [
-            e[43] || (e[43] = a("span", null, "Reverse axes", -1)),
-            s(l(v), {
-              modelValue: l(t).other.reverse,
-              "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.reverse = o)
-            }, null, 8, ["modelValue"])
-          ]),
-          a("div", Le, [
-            s(l(oe), {
-              style: { width: "100%" },
-              label: "Facet column count",
-              min: 1,
-              max: 6,
-              step: 1,
-              breakpoints: !0,
-              mode: "input",
-              modelValue: l(t).other.facetColumns,
-              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.facetColumns = o)
-            }, null, 8, ["modelValue"])
-          ]),
-          a("div", Ye, [
-            s(l(S), {
-              label: "Facet shared by",
-              options: _,
-              modelValue: l(t).other.facetSharedBy,
-              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetSharedBy = o)
-            }, null, 8, ["modelValue"])
-          ])
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  bl as default
-};
-//# sourceMappingURL=DiscreteAxesSettingsForm.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DiscreteAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/DiscreteAxesSettingsForm.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 AesButton from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, onMounted, ref } from 'vue';\nimport AesDataMapping from '../../components/AesSettings/AesDataMappingDiscrete.vue';\nimport { AestheticMappingCategorical, createDefaultMapping } from '../../dataBindAes';\nimport { LabelsRotation } from '../../types';\nimport { getDiscreteLabelsRotation } from '../../utils';\nimport { watch } from 'vue';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close'\n};\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_LABELS_ROTATION = [\n  { value: 'center', icon: Rotation0 },\n  { value: '45deg', icon: Rotation45 },\n  { value: '90deg', 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_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];\n\nconst inputGuide = computed(() => store.value.inputGuide.value)\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value)\n\nconst reorderPrimaryOpen = ref(false);\nconst reorderSecondaryOpen = ref(false);\n\nconst defaultReorderPrimaryOpen = computed(() => store.value.reactive.tabDefaultState['axes'].reorderPrimaryOpen);\nconst defaultReorderSecondaryOpen = computed(() => store.value.reactive.tabDefaultState['axes'].reorderSecondaryOpen);\nonMounted(() => {\n  if (defaultReorderPrimaryOpen.value) {\n    reorderPrimaryOpen.value = true;\n  }\n  if (defaultReorderSecondaryOpen.value) {\n    reorderSecondaryOpen.value = true;\n  }\n})\nwatch(() => defaultReorderPrimaryOpen.value, (v) => {\n  if (v) {\n    reorderSecondaryOpen.value = false;\n    reorderPrimaryOpen.value = true;\n  }\n});\nwatch(() => defaultReorderSecondaryOpen.value, (v) => {\n  if (v) {\n    reorderPrimaryOpen.value = false;\n    reorderSecondaryOpen.value = true;\n  }\n});\n\nconst primaryGrouping = computed(() => store.value.reactive.optionsState.components.primaryGrouping?.selectorStates[0]?.selectedSource);\nconst secondaryGrouping = computed(() => store.value.reactive.optionsState.components.secondaryGrouping?.selectorStates[0]?.selectedSource);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value)\nconst secondaryGroups = computed(() => store.value.commonHelpersData.secondaryGroups.value)\n\nconst usedAesInMapping = computed(() => store.value.commonHelpersData.usedAesInMapping.value);\n\nconst mappingPrimary = ref(store.value.reactive.dataBindAes[primaryGrouping.value] as AestheticMappingCategorical ?? createDefaultMapping(primaryGroups.value));\nconst mappingSecondary = ref(store.value.reactive.dataBindAes[secondaryGrouping.value] as AestheticMappingCategorical ?? createDefaultMapping(secondaryGroups.value));\n\nconst primaryInfo = computed(() => {\n  if (primaryGrouping.value) {\n    const selectedSourceInfo = inputGuide.value.getSourceInfo(primaryGrouping.value) ?? null;\n    const valueLabels = labelsInfo.value[primaryGrouping.value]?.labels ?? null;\n    return {\n      selectedSourceInfo,\n      labels: primaryGroups.value.reduce((res: Record<string, string>, v) => {\n        res[v] = valueLabels?.[v] ?? String(v);\n        return res;\n      }, {})\n    };\n  }\n});\nconst secondaryInfo = computed(() => {\n  if (secondaryGrouping.value) {\n    const selectedSourceInfo = inputGuide.value.getSourceInfo(secondaryGrouping.value) ?? null;\n    const valueLabels = labelsInfo.value[secondaryGrouping.value]?.labels ?? null;\n    return {\n      selectedSourceInfo,\n      labels: secondaryGroups.value.reduce((res: Record<string, string>, v) => {\n        res[v] = valueLabels?.[v] ?? String(v);\n        return res;\n      }, {})\n    };\n  }\n});\n\nfunction updateOrder(value: AestheticMappingCategorical, sourceId: string) {\n  store.value.reactive.dataBindAes[sourceId] = value;\n}\n\nconst OPTIONS_FACET_SHARED = [\n  { text: 'X', value: 'x' },\n  { text: 'Y', value: 'y' },\n  { text: 'XY', value: 'xy' },\n  { text: 'None', value: 'none' }\n];\n\nconst primaryOptions = computed(() => labelsInfo.value[primaryGrouping.value])\nconst xLabelsRotation = computed({\n  get(){\n    return getDiscreteLabelsRotation(settings.axisX.labelsRotation, primaryOptions.value?.options)\n  },\n  set(value:LabelsRotation) {\n    settings.axisX.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\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.title.mode\"\n          />\n        </div>\n        <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n          <pl-text-field\n            label=\"Chart title\"\n            placeholder=\"Chart title\"\n            v-model=\"settings.title.value\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n        </div>\n<!--          <div class=\"axes-settings-options-row\">-->\n<!--            <span>Facet frame style</span>-->\n<!--            <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n<!--          </div>-->\n      </collapsable-block>\n      <!--      X axis settings-->\n      <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row\" v-if=\"primaryGroups.length > 1\">\n          <span>Primary groups order: </span>\n          <aes-button :data=\"{type: 'data', value: null}\" @click=\"reorderPrimaryOpen = true\" />\n          <template v-if=\"reorderPrimaryOpen && primaryInfo\">\n            <form-wrapper\n              title=\"Reorder primary groups\"\n              back-title=\"Axes Settings\"\n              @form:open=\"store.reactive.tabDefaultState['axes'].reorderPrimaryOpen = false\"\n              @form:close=\"reorderPrimaryOpen = false\"\n            >\n              <aes-data-mapping\n                :column-value-labels=\"primaryInfo.labels\"\n                :data-column-label=\"primaryInfo.selectedSourceInfo?.label ?? ''\"\n                :used-aes-in-mapping=\"usedAesInMapping[primaryGrouping]\"\n                allow-reordering\n                allow-hiding\n                :allow-null-option=\"settings.axisX.allowNullPrimaryGroups\"\n                v-model=\"mappingPrimary\"\n                @update:modelValue=\"(value:AestheticMappingCategorical) => updateOrder(value, primaryGrouping)\"\n              />\n            </form-wrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"primaryGroups.length > 1\">\n          <span>Allow null primary group</span>\n          <pl-toggle-switch v-model=\"settings.axisX.allowNullPrimaryGroups\" />\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"secondaryGroups.length > 1\">\n          <span>Secondary groups order: </span>\n          <aes-button :data=\"{type: 'data', value: null}\" @click=\"reorderSecondaryOpen = true\" />\n          <template v-if=\"reorderSecondaryOpen && secondaryInfo\">\n            <form-wrapper\n              title=\"Reorder secondary groups\"\n              back-title=\"Axes Settings\"\n              @form:open=\"store.reactive.tabDefaultState['axes'].reorderSecondaryOpen = false\"\n              @form:close=\"reorderSecondaryOpen = false\"\n            >\n              <aes-data-mapping\n                :column-value-labels=\"secondaryInfo.labels\"\n                :data-column-label=\"secondaryInfo.selectedSourceInfo?.label ?? ''\"\n                :used-aes-in-mapping=\"usedAesInMapping[secondaryGrouping]\"\n                allow-reordering\n                allow-hiding\n                :allow-null-option=\"settings.axisX.allowNullSecondaryGroups\"\n                v-model=\"mappingSecondary\"\n                @update:modelValue=\"(value:AestheticMappingCategorical) => updateOrder(value, secondaryGrouping)\"\n              />\n            </form-wrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"secondaryGroups.length > 1\">\n          <span>Allow null secondary group</span>\n          <pl-toggle-switch v-model=\"settings.axisX.allowNullSecondaryGroups\" />\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"store.reactive.chartType === 'discrete'\">\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 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 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>Lines between categories</span>\n          <pl-toggle-switch v-model=\"settings.axisX.linesBetweenCategories\" />\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=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.axisY.titleMode\"\n          />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <pl-text-field\n            label=\"Text\"\n            placeholder=\"Type\"\n            v-model=\"settings.axisY.customTitle\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n            v-model=\"settings.axisY.scale\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisY.ticks\" />\n        </div>\n      </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          <span>Reverse axes</span>\n          <pl-toggle-switch v-model=\"settings.other.reverse\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider\n            :style=\"{width: '100%'}\"\n            label=\"Facet column count\"\n            :min=\"1\"\n            :max=\"6\"\n            :step=\"1\"\n            :breakpoints=\"true\"\n            mode=\"input\"\n            v-model=\"settings.other.facetColumns\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Facet shared by\"\n            :options=\"OPTIONS_FACET_SHARED\"\n            v-model=\"settings.other.facetSharedBy\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","inputGuide","computed","labelsInfo","reorderPrimaryOpen","ref","reorderSecondaryOpen","defaultReorderPrimaryOpen","defaultReorderSecondaryOpen","onMounted","watch","v","primaryGrouping","_b","_a","secondaryGrouping","primaryGroups","secondaryGroups","usedAesInMapping","mappingPrimary","createDefaultMapping","mappingSecondary","primaryInfo","selectedSourceInfo","valueLabels","res","secondaryInfo","updateOrder","value","sourceId","OPTIONS_FACET_SHARED","primaryOptions","xLabelsRotation","getDiscreteLabelsRotation"],"mappings":"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"}

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

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

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

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