@milaboratories/graph-maker 1.1.153 → 1.1.155

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

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