@milaboratories/graph-maker 1.1.192 → 1.1.194

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

@@ -1,63 +1,63 @@
-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 { 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 y, createCommentVNode as m, unref as l, createBlock as H, createTextVNode as oe } from "vue";
+import { PlBtnGroup as S, PlTextField as U, PlToggleSwitch as v, PlCheckbox as te, Slider as ae } from "@platforma-sdk/ui-vue";
+import { useStore as se } from "../../store.js";
+import I from "../../components/CollapsableBlock.vue.js";
+import G 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 C from "../../components/BtnIconGroup.vue.js";
+import ne from "../../icons/AlignLeft.vue.js";
+import ie from "../../icons/AlignCenter.vue.js";
+import ue from "../../icons/AlignRight.vue.js";
+import re from "../../icons/FrameFull.vue.js";
+import de from "../../icons/FrameEmpty.vue.js";
+import me from "../../icons/Rotation0.vue.js";
+import pe from "../../icons/Rotation45.vue.js";
+import ve from "../../icons/Rotation90.vue.js";
+import xe from "../../icons/FrameLeft.vue.js";
+import ge from "../../icons/FrameBottom.vue.js";
+import fe 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 xe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
+import { getDiscreteLabelsRotation as Ve } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
 import "@milaboratories/pf-plots";
 import "@platforma-sdk/model";
-const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
+const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options-row block" }, Se = {
   key: 0,
   class: "axes-settings-input"
-}, be = { class: "axes-settings-options-row" }, Se = {
+}, ce = { class: "axes-settings-options-row" }, we = {
   key: 0,
   class: "axes-settings-options-row"
-}, ce = {
+}, ke = {
   key: 1,
   class: "axes-settings-options-row"
-}, we = {
+}, Ae = {
   key: 2,
   class: "axes-settings-options-row"
-}, ke = {
+}, Te = {
   key: 3,
   class: "axes-settings-options-row"
-}, Te = {
+}, Xe = { class: "axes-settings-options-row" }, Oe = {
   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" }, De = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, vl = /* @__PURE__ */ ee({
+}, Pe = { class: "axes-settings-options-row block" }, Ue = { key: 5 }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row table" }, Ne = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row block" }, Re = { key: 0 }, Fe = { class: "axes-settings-options-row block" }, De = { class: "axes-settings-options-row table" }, Le = { class: "axes-settings-options-row table" }, Be = { class: "other" }, Ye = { class: "axes-settings-options-row" }, Me = { class: "axes-settings-options-row" }, Ee = { class: "axes-settings-options-row" }, $e = { class: "axes-settings-options-row block" }, fl = /* @__PURE__ */ ee({
   __name: "DiscreteAxesSettingsForm",
-  setup(Me) {
-    const i = te(), t = i.value.reactive.axesSettings, T = {
+  setup(He) {
+    const i = se(), t = i.value.reactive.axesSettings, A = {
       height: 40,
       horizontalPadding: 12,
       defaultState: "open"
     }, K = [
-      { value: "left", icon: ae },
-      { value: "center", icon: se },
-      { value: "right", icon: ne }
+      { value: "left", icon: ne },
+      { value: "center", icon: ie },
+      { value: "right", icon: ue }
     ], Q = [
-      { value: "center", icon: re },
-      { value: "45deg", icon: de },
-      { value: "90deg", icon: me }
-    ], A = [
+      { value: "center", icon: me },
+      { value: "45deg", icon: pe },
+      { value: "90deg", icon: ve }
+    ], T = [
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hidden" }
@@ -65,12 +65,12 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       { 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), f = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
+      { value: "empty", icon: de },
+      { value: "left", icon: xe },
+      { value: "bottom", icon: ge },
+      { value: "left-bottom", icon: fe },
+      { value: "full", icon: re }
+    ], R = r(() => i.value.inputGuide.value), X = r(() => i.value.uniqueValuesData.value), f = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
     le(() => {
       F.value && (f.value = !0), D.value && (V.value = !0);
     }), $(() => F.value, (n) => {
@@ -78,29 +78,29 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     }), $(() => D.value, (n) => {
       n && (f.value = !1, V.value = !0);
     });
-    const g = r(() => {
+    const x = 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(() => {
+    }), b = 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), B = 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(() => {
+    }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), L = r(() => i.value.commonHelpersData.usedAesInMapping.value), B = k(i.value.reactive.dataBindAes[x.value] ?? J(c.value, i.value.defaultPalette.categorical)), Y = k(i.value.reactive.dataBindAes[b.value] ?? J(w.value, i.value.defaultPalette.categorical)), O = 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;
+      if (x.value) {
+        const e = R.value.getSourceInfo(x.value) ?? null, o = ((n = X.value[x.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: c.value.reduce((u, x) => (u[x] = (o == null ? void 0 : o[x]) ?? String(x), u), {})
+          labels: c.value.reduce((u, g) => (u[g] = (o == null ? void 0 : o[g]) ?? String(g), u), {})
         };
       }
       return null;
-    }), U = r(() => {
+    }), P = 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;
+      if (b.value) {
+        const e = R.value.getSourceInfo(b.value) ?? null, o = ((n = X.value[b.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: w.value.reduce((u, x) => (u[x] = (o == null ? void 0 : o[x]) ?? String(x), u), {})
+          labels: w.value.reduce((u, g) => (u[g] = (o == null ? void 0 : o[g]) ?? String(g), u), {})
         };
       }
       return null;
@@ -113,10 +113,10 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       { text: "Y", value: "y" },
       { text: "XY", value: "xy" },
       { text: "None", value: "none" }
-    ], h = r(() => O.value[g.value]), E = r({
+    ], h = r(() => X.value[x.value]), E = r({
       get() {
         var n;
-        return xe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
+        return Ve(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
       },
       set(n) {
         t.axisX.labelsRotation = n;
@@ -124,36 +124,36 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     });
     return (n, e) => (d(), p("div", {
       class: "axes-form",
-      onClick: e[30] || (e[30] = (o) => o.stopPropagation())
+      onClick: e[31] || (e[31] = (o) => o.stopPropagation())
     }, [
-      e[44] || (e[44] = a("h3", { class: "axes-title" }, " Axes ", -1)),
-      a("div", fe, [
-        s(G, {
+      e[45] || (e[45] = a("h3", { class: "axes-title" }, " Axes ", -1)),
+      a("div", be, [
+        s(I, {
           title: "Title",
-          settings: T,
-          icon: P,
+          settings: A,
+          icon: G,
           "icon-open": N
         }, {
-          default: b(() => [
-            a("div", Ve, [
+          default: y(() => [
+            a("div", ye, [
               s(l(S), {
                 modelValue: l(t).title.mode,
                 "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o),
                 label: "Title",
-                options: A
+                options: T
               }, null, 8, ["modelValue"])
             ]),
-            l(t).title.mode === "custom" ? (d(), p("div", ye, [
-              s(l(I), {
+            l(t).title.mode === "custom" ? (d(), p("div", Se, [
+              s(l(U), {
                 modelValue: l(t).title.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o),
                 label: "Chart title",
                 placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", be, [
-              e[31] || (e[31] = a("span", null, "Alignment", -1)),
-              s(R, {
+            a("div", ce, [
+              e[32] || (e[32] = a("span", null, "Alignment", -1)),
+              s(C, {
                 modelValue: l(t).title.position,
                 "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o),
                 options: K
@@ -162,38 +162,38 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        s(G, {
+        s(I, {
           title: "X-axis",
-          settings: T,
-          icon: P,
+          settings: A,
+          icon: G,
           "icon-open": N
         }, {
-          default: b(() => [
-            c.value.length > 1 ? (d(), p("div", Se, [
-              e[32] || (e[32] = a("span", null, "Primary groups order: ", -1)),
+          default: y(() => [
+            c.value.length > 1 ? (d(), p("div", we, [
+              e[33] || (e[33] = a("span", null, "Primary groups order: ", -1)),
               s(q, {
                 data: { type: "data", value: null },
                 onClick: e[3] || (e[3] = (o) => f.value = !0)
               }),
-              f.value && X.value ? (d(), H(z, {
+              f.value && O.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) => f.value = !1)
               }, {
-                default: b(() => {
+                default: y(() => {
                   var o;
                   return [
                     s(j, {
-                      modelValue: L.value,
+                      modelValue: B.value,
                       "onUpdate:modelValue": [
-                        e[4] || (e[4] = (u) => L.value = u),
-                        e[5] || (e[5] = (u) => M(u, g.value))
+                        e[4] || (e[4] = (u) => B.value = u),
+                        e[5] || (e[5] = (u) => M(u, x.value))
                       ],
-                      "column-value-labels": X.value.labels,
-                      "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": B.value[g.value],
+                      "column-value-labels": O.value.labels,
+                      "data-column-label": ((o = O.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
+                      "used-aes-in-mapping": L.value[x.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullPrimaryGroups
@@ -203,38 +203,38 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 _: 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)),
+            c.value.length > 1 ? (d(), p("div", ke, [
+              e[34] || (e[34] = 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)),
+            w.value.length > 1 ? (d(), p("div", Ae, [
+              e[35] || (e[35] = 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, {
+              V.value && P.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(() => {
+                default: y(() => {
                   var o;
                   return [
                     s(j, {
                       modelValue: Y.value,
                       "onUpdate:modelValue": [
                         e[10] || (e[10] = (u) => Y.value = u),
-                        e[11] || (e[11] = (u) => M(u, y.value))
+                        e[11] || (e[11] = (u) => M(u, b.value))
                       ],
-                      "column-value-labels": U.value.labels,
-                      "data-column-label": ((o = U.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": B.value[y.value],
+                      "column-value-labels": P.value.labels,
+                      "data-column-label": ((o = P.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
+                      "used-aes-in-mapping": L.value[b.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -244,129 +244,139 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 _: 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)),
+            w.value.length > 1 ? (d(), p("div", Te, [
+              e[36] || (e[36] = 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, {
+            a("div", Xe, [
+              s(l(te), {
+                modelValue: l(t).axisX.hideAxisLabels,
+                "onUpdate:modelValue": e[15] || (e[15] = (o) => l(t).axisX.hideAxisLabels = o)
+              }, {
+                default: y(() => [...e[37] || (e[37] = [
+                  oe("Hide axis labels", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            l(t).axisX.hideAxisLabels ? m("", !0) : (d(), p("div", Oe, [
+              s(C, {
                 modelValue: E.value,
-                "onUpdate:modelValue": e[15] || (e[15] = (o) => E.value = o),
+                "onUpdate:modelValue": e[16] || (e[16] = (o) => E.value = o),
                 options: Q
               }, null, 8, ["modelValue"])
-            ])) : m("", !0),
-            a("div", Ae, [
+            ])),
+            a("div", Pe, [
               s(l(S), {
                 modelValue: l(t).axisX.titleMode,
-                "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisX.titleMode = o),
+                "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.titleMode = o),
                 label: "Title",
-                options: A
+                options: T
               }, null, 8, ["modelValue"])
             ]),
-            l(t).axisX.titleMode === "custom" ? (d(), p("div", Oe, [
-              s(l(I), {
+            l(t).axisX.titleMode === "custom" ? (d(), p("div", Ue, [
+              s(l(U), {
                 modelValue: l(t).axisX.customTitle,
-                "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.customTitle = o),
+                "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", Xe, [
-              e[37] || (e[37] = a("span", null, "Gridlines", -1)),
+            a("div", Ie, [
+              e[38] || (e[38] = 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)
+                "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.gridlines = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ue, [
-              e[38] || (e[38] = a("span", null, "Lines between categories", -1)),
+            a("div", Ge, [
+              e[39] || (e[39] = 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)
+                "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.linesBetweenCategories = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ie, [
-              e[39] || (e[39] = a("span", null, "Ticks", -1)),
+            a("div", Ne, [
+              e[40] || (e[40] = 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)
+                "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisX.ticks = o)
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        s(G, {
+        s(I, {
           title: "Y-axis",
-          settings: T,
-          icon: P,
+          settings: A,
+          icon: G,
           "icon-open": N
         }, {
-          default: b(() => [
-            a("div", Ge, [
+          default: y(() => [
+            a("div", Ce, [
               s(l(S), {
                 modelValue: l(t).axisY.titleMode,
-                "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.titleMode = o),
+                "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.titleMode = o),
                 label: "Title",
-                options: A
+                options: T
               }, null, 8, ["modelValue"])
             ]),
-            l(t).axisY.titleMode === "custom" ? (d(), p("div", Pe, [
-              s(l(I), {
+            l(t).axisY.titleMode === "custom" ? (d(), p("div", Re, [
+              s(l(U), {
                 modelValue: l(t).axisY.customTitle,
-                "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.customTitle = o),
+                "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", Ne, [
+            a("div", Fe, [
               s(l(S), {
                 modelValue: l(t).axisY.scale,
-                "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.scale = o),
+                "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.scale = o),
                 label: "Scale",
                 options: W
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Re, [
-              e[40] || (e[40] = a("span", null, "Gridlines", -1)),
+            a("div", De, [
+              e[41] || (e[41] = 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)
+                "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.gridlines = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ce, [
-              e[41] || (e[41] = a("span", null, "Ticks", -1)),
+            a("div", Le, [
+              e[42] || (e[42] = 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)
+                "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.ticks = o)
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        a("div", Fe, [
-          a("div", De, [
-            e[42] || (e[42] = a("span", null, "Frame", -1)),
-            s(R, {
+        a("div", Be, [
+          a("div", Ye, [
+            e[43] || (e[43] = a("span", null, "Frame", -1)),
+            s(C, {
               modelValue: l(t).other.frame,
-              "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).other.frame = o),
+              "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.frame = o),
               options: Z
             }, null, 8, ["modelValue"])
           ]),
-          a("div", Be, [
-            e[43] || (e[43] = a("span", null, "Reverse axes", -1)),
+          a("div", Me, [
+            e[44] || (e[44] = 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)
+              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.reverse = o)
             }, null, 8, ["modelValue"])
           ]),
-          a("div", Le, [
-            s(l(oe), {
+          a("div", Ee, [
+            s(l(ae), {
               modelValue: l(t).other.facetColumns,
-              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.facetColumns = o),
+              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetColumns = o),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
@@ -376,10 +386,10 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               mode: "input"
             }, null, 8, ["modelValue"])
           ]),
-          a("div", Ye, [
+          a("div", $e, [
             s(l(S), {
               modelValue: l(t).other.facetSharedBy,
-              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetSharedBy = o),
+              "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.facetSharedBy = o),
               label: "Facet shared by",
               options: _
             }, null, 8, ["modelValue"])
@@ -390,6 +400,6 @@ const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
   }
 });
 export {
-  vl as default
+  fl as default
 };
 //# sourceMappingURL=DiscreteAxesSettingsForm.vue.js.map