@milaboratories/graph-maker 1.1.195 → 1.1.197

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

@@ -1,10 +1,10 @@
-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 { defineComponent as oe, computed as r, ref as k, onMounted as te, watch as q, createElementBlock as p, openBlock as d, createElementVNode as a, createVNode as s, withCtx as v, createCommentVNode as m, unref as l, createBlock as z, createTextVNode as P } from "vue";
+import { PlBtnGroup as S, PlTextField as I, PlToggleSwitch as x, PlCheckbox as L, 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 C from "../../components/BtnIconGroup.vue.js";
+import G from "../../components/CollapsableBlock.vue.js";
+import N from "../../icons/Right.vue.js";
+import C from "../../icons/Down.vue.js";
+import R 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";
@@ -16,10 +16,10 @@ 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 j from "../../components/AesButton.vue.js";
+import J from "../../components/AesSettings/FormWrapper.vue.js";
+import K from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
+import { createDefaultMapping as Q } from "../../dataBindAes.js";
 import "../../constantsAesthetic.js";
 import { getDiscreteLabelsRotation as Ve } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
 import "@milaboratories/pf-plots";
@@ -42,18 +42,19 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
 }, Xe = { class: "axes-settings-options-row" }, Oe = {
   key: 4,
   class: "axes-settings-options-row"
-}, 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" }, Le = { class: "axes-settings-options-row table" }, De = { 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({
+}, Ue = { class: "axes-settings-options-row block" }, Pe = { key: 5 }, Ie = { class: "axes-settings-options-row table" }, Le = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row table" }, Ne = { class: "axes-settings-options-row block" }, Ce = { key: 0 }, Re = { class: "axes-settings-options-row" }, Fe = { class: "axes-settings-options-row block" }, De = { class: "axes-settings-options-row table" }, Ye = { class: "axes-settings-options-row table" }, Be = { class: "other" }, Me = { class: "axes-settings-options-row" }, Ee = { class: "axes-settings-options-row" }, $e = { class: "axes-settings-options-row" }, He = { class: "axes-settings-options-row" }, qe = { class: "axes-settings-options-row block" }, bl = /* @__PURE__ */ oe({
   __name: "DiscreteAxesSettingsForm",
-  setup(He) {
+  setup(ze) {
     const i = se(), t = i.value.reactive.axesSettings, A = {
       height: 40,
       horizontalPadding: 12,
-      defaultState: "open"
-    }, K = [
+      defaultState: "open",
+      contentPadding: "0 24px"
+    }, W = [
       { value: "left", icon: ne },
       { value: "center", icon: ie },
       { value: "right", icon: ue }
-    ], Q = [
+    ], Z = [
       { value: "center", icon: me },
       { value: "45deg", icon: pe },
       { value: "90deg", icon: ve }
@@ -61,62 +62,62 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hidden" }
-    ], W = [
+    ], _ = [
       { value: "linear", text: "Linear" },
       { value: "log", text: "Log" }
-    ], Z = [
+    ], h = [
       { 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), L = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
-    le(() => {
-      F.value && (f.value = !0), L.value && (V.value = !0);
-    }), $(() => F.value, (n) => {
-      n && (V.value = !1, f.value = !0);
-    }), $(() => L.value, (n) => {
-      n && (f.value = !1, V.value = !0);
+    ], F = r(() => i.value.inputGuide.value), X = r(() => i.value.uniqueValuesData.value), V = k(!1), b = k(!1), D = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), Y = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
+    te(() => {
+      D.value && (V.value = !0), Y.value && (b.value = !0);
+    }), q(() => D.value, (n) => {
+      n && (b.value = !1, V.value = !0);
+    }), q(() => Y.value, (n) => {
+      n && (V.value = !1, b.value = !0);
     });
-    const x = r(() => {
+    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;
-    }), b = r(() => {
+    }), 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;
-    }), w = r(() => i.value.commonHelpersData.primaryGroups.value), c = r(() => i.value.commonHelpersData.secondaryGroups.value), D = r(() => i.value.commonHelpersData.usedAesInMapping.value), B = k(i.value.reactive.dataBindAes[x.value] ?? J(w.value, i.value.defaultPalette.categorical)), Y = k(i.value.reactive.dataBindAes[b.value] ?? J(c.value, i.value.defaultPalette.categorical)), O = r(() => {
+    }), w = r(() => i.value.commonHelpersData.primaryGroups.value), c = r(() => i.value.commonHelpersData.secondaryGroups.value), B = r(() => i.value.commonHelpersData.usedAesInMapping.value), M = k(i.value.reactive.dataBindAes[g.value] ?? Q(w.value, i.value.defaultPalette.categorical)), E = k(i.value.reactive.dataBindAes[y.value] ?? Q(c.value, i.value.defaultPalette.categorical)), O = r(() => {
       var n;
-      if (x.value) {
-        const e = R.value.getSourceInfo(x.value) ?? null, o = ((n = X.value[x.value]) == null ? void 0 : n.labels) ?? null;
+      if (g.value) {
+        const e = F.value.getSourceInfo(g.value) ?? null, o = ((n = X.value[g.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: w.value.reduce((u, g) => (u[g] = (o == null ? void 0 : o[g]) ?? String(g), u), {})
+          labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
         };
       }
       return null;
-    }), P = r(() => {
+    }), U = r(() => {
       var n;
-      if (b.value) {
-        const e = R.value.getSourceInfo(b.value) ?? null, o = ((n = X.value[b.value]) == null ? void 0 : n.labels) ?? null;
+      if (y.value) {
+        const e = F.value.getSourceInfo(y.value) ?? null, o = ((n = X.value[y.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: c.value.reduce((u, g) => (u[g] = (o == null ? void 0 : o[g]) ?? String(g), u), {})
+          labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
         };
       }
       return null;
     });
-    function M(n, e) {
+    function $(n, e) {
       i.value.reactive.dataBindAes[e] = n;
     }
-    const _ = [
+    const ee = [
       { text: "X", value: "x" },
       { text: "Y", value: "y" },
       { text: "XY", value: "xy" },
       { text: "None", value: "none" }
-    ], h = r(() => X.value[x.value]), E = r({
+    ], le = r(() => X.value[g.value]), H = r({
       get() {
         var n;
-        return Ve(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
+        return Ve(t.axisX.labelsRotation, (n = le.value) == null ? void 0 : n.options);
       },
       set(n) {
         t.axisX.labelsRotation = n;
@@ -124,27 +125,28 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
     });
     return (n, e) => (d(), p("div", {
       class: "axes-form",
-      onClick: e[31] || (e[31] = (o) => o.stopPropagation())
+      onClick: e[33] || (e[33] = (o) => o.stopPropagation())
     }, [
-      e[46] || (e[46] = a("h3", { class: "axes-title" }, " Axes ", -1)),
+      e[50] || (e[50] = a("h3", { class: "axes-title" }, " Axes ", -1)),
       a("div", be, [
-        s(I, {
+        s(G, {
           title: "Title",
           settings: A,
-          icon: G,
-          "icon-open": N
+          icon: N,
+          "icon-open": C
         }, {
-          default: y(() => [
+          default: v(() => [
             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: T
+                options: T,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
             l(t).title.mode === "custom" ? (d(), p("div", Se, [
-              s(l(U), {
+              s(l(I), {
                 modelValue: l(t).title.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o),
                 label: "Chart title",
@@ -152,48 +154,48 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", we, [
-              e[32] || (e[32] = a("span", null, "Alignment", -1)),
-              s(C, {
+              e[34] || (e[34] = a("span", null, "Alignment", -1)),
+              s(R, {
                 modelValue: l(t).title.position,
                 "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o),
-                options: K
+                options: W
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        s(I, {
+        s(G, {
           title: "X-axis",
           settings: A,
-          icon: G,
-          "icon-open": N
+          icon: N,
+          "icon-open": C
         }, {
-          default: y(() => [
+          default: v(() => [
             w.value.length > 1 ? (d(), p("div", ce, [
-              e[33] || (e[33] = a("span", null, "Primary groups order: ", -1)),
-              s(q, {
+              e[35] || (e[35] = a("span", null, "Primary groups order: ", -1)),
+              s(j, {
                 data: { type: "data", value: null },
-                onClick: e[3] || (e[3] = (o) => f.value = !0)
+                onClick: e[3] || (e[3] = (o) => V.value = !0)
               }),
-              f.value && O.value ? (d(), H(z, {
+              V.value && O.value ? (d(), z(J, {
                 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)
+                "onForm:close": e[7] || (e[7] = (o) => V.value = !1)
               }, {
-                default: y(() => {
+                default: v(() => {
                   var o;
                   return [
-                    s(j, {
-                      modelValue: B.value,
+                    s(K, {
+                      modelValue: M.value,
                       "onUpdate:modelValue": [
-                        e[4] || (e[4] = (u) => B.value = u),
-                        e[5] || (e[5] = (u) => M(u, x.value))
+                        e[4] || (e[4] = (u) => M.value = u),
+                        e[5] || (e[5] = (u) => $(u, g.value))
                       ],
                       "column-value-labels": O.value.labels,
                       "data-column-label": ((o = O.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[x.value],
+                      "used-aes-in-mapping": B.value[g.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullPrimaryGroups
@@ -204,37 +206,37 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
               })) : m("", !0)
             ])) : m("", !0),
             w.value.length > 1 ? (d(), p("div", ke, [
-              e[34] || (e[34] = a("span", null, "Allow null primary group", -1)),
-              s(l(v), {
+              e[36] || (e[36] = a("span", null, "Allow null primary group", -1)),
+              s(l(x), {
                 modelValue: l(t).axisX.allowNullPrimaryGroups,
                 "onUpdate:modelValue": e[8] || (e[8] = (o) => l(t).axisX.allowNullPrimaryGroups = o)
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             c.value.length > 1 ? (d(), p("div", Ae, [
-              e[35] || (e[35] = a("span", null, "Secondary groups order: ", -1)),
-              s(q, {
+              e[37] || (e[37] = a("span", null, "Secondary groups order: ", -1)),
+              s(j, {
                 data: { type: "data", value: null },
-                onClick: e[9] || (e[9] = (o) => V.value = !0)
+                onClick: e[9] || (e[9] = (o) => b.value = !0)
               }),
-              V.value && P.value ? (d(), H(z, {
+              b.value && U.value ? (d(), z(J, {
                 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)
+                "onForm:close": e[13] || (e[13] = (o) => b.value = !1)
               }, {
-                default: y(() => {
+                default: v(() => {
                   var o;
                   return [
-                    s(j, {
-                      modelValue: Y.value,
+                    s(K, {
+                      modelValue: E.value,
                       "onUpdate:modelValue": [
-                        e[10] || (e[10] = (u) => Y.value = u),
-                        e[11] || (e[11] = (u) => M(u, b.value))
+                        e[10] || (e[10] = (u) => E.value = u),
+                        e[11] || (e[11] = (u) => $(u, y.value))
                       ],
-                      "column-value-labels": P.value.labels,
-                      "data-column-label": ((o = P.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[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],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -245,41 +247,42 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
               })) : m("", !0)
             ])) : m("", !0),
             c.value.length > 1 ? (d(), p("div", Te, [
-              e[36] || (e[36] = a("span", null, "Allow null secondary group", -1)),
-              s(l(v), {
+              e[38] || (e[38] = a("span", null, "Allow null secondary group", -1)),
+              s(l(x), {
                 modelValue: l(t).axisX.allowNullSecondaryGroups,
                 "onUpdate:modelValue": e[14] || (e[14] = (o) => l(t).axisX.allowNullSecondaryGroups = o)
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", Xe, [
-              s(l(te), {
+              s(l(L), {
                 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)
+                default: v(() => [...e[39] || (e[39] = [
+                  P("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
             l(t).axisX.hideAxisLabels ? m("", !0) : (d(), p("div", Oe, [
-              e[38] || (e[38] = a("span", null, "Labels rotation", -1)),
-              s(C, {
-                modelValue: E.value,
-                "onUpdate:modelValue": e[16] || (e[16] = (o) => E.value = o),
-                options: Q
+              e[40] || (e[40] = a("span", null, "Labels rotation", -1)),
+              s(R, {
+                modelValue: H.value,
+                "onUpdate:modelValue": e[16] || (e[16] = (o) => H.value = o),
+                options: Z
               }, null, 8, ["modelValue"])
             ])),
-            a("div", Pe, [
+            a("div", Ue, [
               s(l(S), {
                 modelValue: l(t).axisX.titleMode,
                 "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.titleMode = o),
                 label: "Title",
-                options: T
+                options: T,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(t).axisX.titleMode === "custom" ? (d(), p("div", Ue, [
-              s(l(U), {
+            l(t).axisX.titleMode === "custom" ? (d(), p("div", Pe, [
+              s(l(I), {
                 modelValue: l(t).axisX.customTitle,
                 "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.customTitle = o),
                 label: "Text",
@@ -287,22 +290,22 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
             a("div", Ie, [
-              e[39] || (e[39] = a("span", null, "Gridlines", -1)),
-              s(l(v), {
+              e[41] || (e[41] = a("span", null, "Gridlines", -1)),
+              s(l(x), {
                 modelValue: l(t).axisX.gridlines,
                 "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.gridlines = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ge, [
-              e[40] || (e[40] = a("span", null, "Lines between categories", -1)),
-              s(l(v), {
+            a("div", Le, [
+              e[42] || (e[42] = a("span", null, "Lines between categories", -1)),
+              s(l(x), {
                 modelValue: l(t).axisX.linesBetweenCategories,
                 "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.linesBetweenCategories = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ne, [
-              e[41] || (e[41] = a("span", null, "Ticks", -1)),
-              s(l(v), {
+            a("div", Ge, [
+              e[43] || (e[43] = a("span", null, "Ticks", -1)),
+              s(l(x), {
                 modelValue: l(t).axisX.ticks,
                 "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisX.ticks = o)
               }, null, 8, ["modelValue"])
@@ -310,74 +313,98 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        s(I, {
+        s(G, {
           title: "Y-axis",
           settings: A,
-          icon: G,
-          "icon-open": N
+          icon: N,
+          "icon-open": C
         }, {
-          default: y(() => [
-            a("div", Ce, [
+          default: v(() => [
+            a("div", Ne, [
               s(l(S), {
                 modelValue: l(t).axisY.titleMode,
                 "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.titleMode = o),
                 label: "Title",
-                options: T
+                options: T,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(t).axisY.titleMode === "custom" ? (d(), p("div", Re, [
-              s(l(U), {
+            l(t).axisY.titleMode === "custom" ? (d(), p("div", Ce, [
+              s(l(I), {
                 modelValue: l(t).axisY.customTitle,
                 "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
+            a("div", Re, [
+              s(l(L), {
+                modelValue: l(t).axisY.hideAxisLabels,
+                "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.hideAxisLabels = o)
+              }, {
+                default: v(() => [...e[44] || (e[44] = [
+                  P("Hide axis labels", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
             a("div", Fe, [
               s(l(S), {
                 modelValue: l(t).axisY.scale,
-                "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.scale = o),
+                "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.scale = o),
                 label: "Scale",
-                options: W
+                options: _,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Le, [
-              e[42] || (e[42] = a("span", null, "Gridlines", -1)),
-              s(l(v), {
+            a("div", De, [
+              e[45] || (e[45] = a("span", null, "Gridlines", -1)),
+              s(l(x), {
                 modelValue: l(t).axisY.gridlines,
-                "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.gridlines = o)
+                "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.gridlines = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", De, [
-              e[43] || (e[43] = a("span", null, "Ticks", -1)),
-              s(l(v), {
+            a("div", Ye, [
+              e[46] || (e[46] = a("span", null, "Ticks", -1)),
+              s(l(x), {
                 modelValue: l(t).axisY.ticks,
-                "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.ticks = o)
+                "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).axisY.ticks = o)
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
         a("div", Be, [
-          a("div", Ye, [
-            e[44] || (e[44] = a("span", null, "Frame", -1)),
-            s(C, {
+          a("div", Me, [
+            s(l(L), {
+              modelValue: l(t).other.showLegend,
+              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.showLegend = o)
+            }, {
+              default: v(() => [...e[47] || (e[47] = [
+                P("Show legend", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          a("div", Ee, [
+            e[48] || (e[48] = a("span", null, "Frame", -1)),
+            s(R, {
               modelValue: l(t).other.frame,
-              "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.frame = o),
-              options: Z
+              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.frame = o),
+              options: h
             }, null, 8, ["modelValue"])
           ]),
-          a("div", Me, [
-            e[45] || (e[45] = a("span", null, "Reverse axes", -1)),
-            s(l(v), {
+          a("div", $e, [
+            e[49] || (e[49] = a("span", null, "Reverse axes", -1)),
+            s(l(x), {
               modelValue: l(t).other.reverse,
-              "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.reverse = o)
+              "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.reverse = o)
             }, null, 8, ["modelValue"])
           ]),
-          a("div", Ee, [
+          a("div", He, [
             s(l(ae), {
               modelValue: l(t).other.facetColumns,
-              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetColumns = o),
+              "onUpdate:modelValue": e[31] || (e[31] = (o) => l(t).other.facetColumns = o),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
@@ -387,12 +414,13 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
               mode: "input"
             }, null, 8, ["modelValue"])
           ]),
-          a("div", $e, [
+          a("div", qe, [
             s(l(S), {
               modelValue: l(t).other.facetSharedBy,
-              "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.facetSharedBy = o),
+              "onUpdate:modelValue": e[32] || (e[32] = (o) => l(t).other.facetSharedBy = o),
               label: "Facet shared by",
-              options: _
+              options: ee,
+              compact: !0
             }, null, 8, ["modelValue"])
           ])
         ])
@@ -401,6 +429,6 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
   }
 });
 export {
-  fl as default
+  bl as default
 };
 //# sourceMappingURL=DiscreteAxesSettingsForm.vue.js.map