@milaboratories/graph-maker 1.1.195 → 1.1.197

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

@@ -1,127 +1,128 @@
-import { defineComponent as Z, computed as m, ref as p, createElementBlock as d, openBlock as a, createElementVNode as s, createVNode as i, createCommentVNode as u, withCtx as f, unref as l, createBlock as b } from "vue";
-import { PlBtnGroup as g, PlTextField as C, PlToggleSwitch as T, Slider as h } from "@platforma-sdk/ui-vue";
-import { useStore as ee } from "../../store.js";
-import O from "../../components/CollapsableBlock.vue.js";
-import E from "../../icons/Right.vue.js";
-import I from "../../icons/Down.vue.js";
-import X from "../../components/BtnIconGroup.vue.js";
-import te from "../../icons/AlignLeft.vue.js";
-import le from "../../icons/AlignCenter.vue.js";
-import oe from "../../icons/AlignRight.vue.js";
-import se from "../../icons/FrameFull.vue.js";
-import ie from "../../icons/FrameEmpty.vue.js";
-import ne from "../../icons/FrameLeft.vue.js";
-import ae from "../../icons/FrameBottom.vue.js";
-import ue from "../../icons/FrameLeftBottom.vue.js";
-import Y from "../../components/AesButton.vue.js";
-import q from "../../components/AesSettings/FormWrapper.vue.js";
-import z from "../../components/Popup.vue.js";
-import _ from "../../components/AesSettings/FixedLineTypeList.vue.js";
-import { getPopupHeightForFixedAesList as re } from "../../utils/getPopupHeightForFixedAesList.js";
-import { FIXED_LINE_TYPES as de } from "../../constantsAesthetic.js";
-import j from "../../components/ReorderForm.vue.js";
-import me from "../../icons/Rotation0.vue.js";
-import pe from "../../icons/Rotation45.vue.js";
-import ve from "../../icons/Rotation90.vue.js";
-const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options-row block" }, ge = {
+import { defineComponent as ee, computed as m, ref as v, createElementBlock as r, openBlock as a, createElementVNode as s, createVNode as i, createCommentVNode as u, withCtx as p, unref as l, createBlock as k, createTextVNode as C } from "vue";
+import { PlBtnGroup as g, PlTextField as O, PlCheckbox as E, PlToggleSwitch as T, Slider as te } from "@platforma-sdk/ui-vue";
+import { useStore as le } from "../../store.js";
+import I from "../../components/CollapsableBlock.vue.js";
+import N from "../../icons/Right.vue.js";
+import $ from "../../icons/Down.vue.js";
+import L from "../../components/BtnIconGroup.vue.js";
+import oe from "../../icons/AlignLeft.vue.js";
+import se from "../../icons/AlignCenter.vue.js";
+import ie from "../../icons/AlignRight.vue.js";
+import ne from "../../icons/FrameFull.vue.js";
+import ae from "../../icons/FrameEmpty.vue.js";
+import ue from "../../icons/FrameLeft.vue.js";
+import de from "../../icons/FrameBottom.vue.js";
+import re from "../../icons/FrameLeftBottom.vue.js";
+import X from "../../components/AesButton.vue.js";
+import j from "../../components/AesSettings/FormWrapper.vue.js";
+import J from "../../components/Popup.vue.js";
+import K from "../../components/AesSettings/FixedLineTypeList.vue.js";
+import { getPopupHeightForFixedAesList as me } from "../../utils/getPopupHeightForFixedAesList.js";
+import { FIXED_LINE_TYPES as pe } from "../../constantsAesthetic.js";
+import Q from "../../components/ReorderForm.vue.js";
+import ve from "../../icons/Rotation0.vue.js";
+import xe from "../../icons/Rotation45.vue.js";
+import fe from "../../icons/Rotation90.vue.js";
+const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, Se = {
   key: 0,
   class: "axes-settings-input"
-}, Ve = { class: "axes-settings-options-row" }, Se = { class: "axes-settings-options-row block" }, ye = { key: 0 }, ke = {
+}, ye = { class: "axes-settings-options-row" }, be = { class: "axes-settings-options-row block" }, ke = { key: 0 }, Te = {
   key: 1,
   class: "axes-settings-options-row block"
-}, be = {
+}, Le = {
   key: 2,
   class: "axes-settings-options-row"
-}, Te = {
+}, Xe = { class: "axes-settings-options-row" }, we = {
   key: 3,
   class: "axes-settings-options-row"
-}, Xe = { class: "axes-settings-options-row table" }, Ye = { class: "axes-settings-options-row table" }, Le = { class: "axes-settings-options-row" }, Re = { class: "fixed-aes-list fixed-aes-list__rows" }, we = { class: "axes-settings-options-row block" }, ce = { key: 0 }, Ae = {
+}, Ye = { class: "axes-settings-options-row table" }, Ae = { class: "axes-settings-options-row table" }, Re = { class: "axes-settings-options-row" }, Ue = { class: "fixed-aes-list fixed-aes-list__rows" }, Pe = { class: "axes-settings-options-row block" }, ce = { key: 0 }, Fe = { class: "axes-settings-options-row" }, Ce = {
   key: 1,
   class: "axes-settings-options-row block"
-}, Ue = {
+}, Oe = {
   key: 2,
   class: "axes-settings-options-row"
-}, Fe = {
+}, Ee = {
   key: 3,
   class: "axes-settings-options-row"
-}, Pe = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Oe = { class: "axes-settings-options-row" }, Ee = { class: "fixed-aes-list fixed-aes-list__rows" }, Ie = {
+}, Ie = { class: "axes-settings-options-row table" }, Ne = { class: "axes-settings-options-row table" }, $e = { class: "axes-settings-options-row" }, Be = { class: "fixed-aes-list fixed-aes-list__rows" }, Me = {
   key: 0,
   class: "other"
-}, $e = { class: "axes-settings-options-row" }, Ne = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row block" }, pt = /* @__PURE__ */ Z({
+}, He = { class: "axes-settings-options-row" }, De = { class: "axes-settings-options-row" }, Ge = { class: "axes-settings-options-row" }, qe = { class: "axes-settings-options-row block" }, Vt = /* @__PURE__ */ ee({
   __name: "ScatterplotAxesSettingsForm",
-  setup(Me) {
-    const r = ee(), o = r.value.reactive.axesSettings, J = m(() => r.value.reactive.chartType), L = {
+  setup(ze) {
+    const d = le(), o = d.value.reactive.axesSettings, W = m(() => d.value.reactive.chartType), w = {
       height: 40,
       horizontalPadding: 12,
-      defaultState: "open"
-    }, K = [
-      { value: "left", icon: te },
-      { value: "center", icon: le },
-      { value: "right", icon: oe }
-    ], R = [
+      defaultState: "open",
+      contentPadding: "0 24px"
+    }, Z = [
+      { value: "left", icon: oe },
+      { value: "center", icon: se },
+      { value: "right", icon: ie }
+    ], Y = [
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hidden" }
-    ], $ = [
+    ], B = [
       { value: "linear", text: "Linear" },
       { value: "log", text: "Log" }
-    ], Q = [
-      { value: "empty", icon: ie },
-      { value: "left", icon: ne },
-      { value: "bottom", icon: ae },
-      { value: "left-bottom", icon: ue },
-      { value: "full", icon: se }
-    ], W = [
+    ], _ = [
+      { value: "empty", icon: ae },
+      { value: "left", icon: ue },
+      { value: "bottom", icon: de },
+      { value: "left-bottom", icon: re },
+      { value: "full", icon: ne }
+    ], h = [
       { text: "X", value: "x" },
       { text: "Y", value: "y" },
       { text: "XY", value: "xy" },
       { text: "None", value: "none" }
-    ], N = [
-      { value: "center", icon: me },
-      { value: "45deg", icon: pe },
-      { value: "90deg", icon: ve }
-    ], w = p(o.axisX.significantLinesStyle), c = p(o.axisY.significantLinesStyle), B = m(() => re(de.length, "lineType")), M = p(), D = p(), V = p(!1), S = p(!1), v = m(() => {
-      const n = r.value.reactive.optionsState.components.x.selectorStates;
+    ], M = [
+      { value: "center", icon: ve },
+      { value: "45deg", icon: xe },
+      { value: "90deg", icon: fe }
+    ], A = v(o.axisX.significantLinesStyle), R = v(o.axisY.significantLinesStyle), H = m(() => me(pe.length, "lineType")), D = v(), G = v(), V = v(!1), S = v(!1), x = m(() => {
+      const n = d.value.reactive.optionsState.components.x.selectorStates;
       return n.length ? n[0].selectedSource : null;
-    }), x = m(() => {
-      const n = r.value.reactive.optionsState.components.y.selectorStates;
+    }), f = m(() => {
+      const n = d.value.reactive.optionsState.components.y.selectorStates;
       return n.length ? n[0].selectedSource : null;
-    }), y = m(() => v.value ? r.value.inputGuide.value.getSourceInfo(v.value).type === "String" : !1), k = m(() => x.value ? r.value.inputGuide.value.getSourceInfo(x.value).type === "String" : !1), A = p(!1), U = p(!1), F = m({
+    }), y = m(() => x.value ? d.value.inputGuide.value.getSourceInfo(x.value).type === "String" : !1), b = m(() => f.value ? d.value.inputGuide.value.getSourceInfo(f.value).type === "String" : !1), U = v(!1), P = v(!1), c = m({
       get: () => {
         var e;
-        if (!y.value || !v.value)
+        if (!y.value || !x.value)
           return null;
-        const n = r.value.reactive.axesSettings.axisX.order;
-        return (n == null ? void 0 : n.source) === v.value ? n.options : (e = r.value.uniqueValuesData.value[v.value]) == null ? void 0 : e.options;
+        const n = d.value.reactive.axesSettings.axisX.order;
+        return (n == null ? void 0 : n.source) === x.value ? n.options : (e = d.value.uniqueValuesData.value[x.value]) == null ? void 0 : e.options;
       },
       set: (n) => {
-        v.value && n && (r.value.reactive.axesSettings.axisX.order = {
-          source: v.value,
+        x.value && n && (d.value.reactive.axesSettings.axisX.order = {
+          source: x.value,
           options: n
         });
       }
-    }), P = m({
+    }), F = m({
       get: () => {
         var e;
-        if (!k.value || !x.value)
+        if (!b.value || !f.value)
           return null;
-        const n = r.value.reactive.axesSettings.axisY.order;
-        return (n == null ? void 0 : n.source) === x.value ? n.options : (e = r.value.uniqueValuesData.value[x.value]) == null ? void 0 : e.options;
+        const n = d.value.reactive.axesSettings.axisY.order;
+        return (n == null ? void 0 : n.source) === f.value ? n.options : (e = d.value.uniqueValuesData.value[f.value]) == null ? void 0 : e.options;
       },
       set: (n) => {
-        x.value && n && (r.value.reactive.axesSettings.axisY.order = {
-          source: x.value,
+        f.value && n && (d.value.reactive.axesSettings.axisY.order = {
+          source: f.value,
           options: n
         });
       }
-    }), G = m({
+    }), q = m({
       get() {
         return o.axisX.labelsRotation ?? "center";
       },
       set(n) {
         o.axisX.labelsRotation = n;
       }
-    }), H = m({
+    }), z = m({
       get() {
         return o.axisY.labelsRotation ?? "center";
       },
@@ -129,140 +130,154 @@ const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options
         o.axisY.labelsRotation = n;
       }
     });
-    return (n, e) => (a(), d("div", {
+    return (n, e) => (a(), r("div", {
       class: "axes-form",
-      onClick: e[34] || (e[34] = (t) => t.stopPropagation())
+      onClick: e[37] || (e[37] = (t) => t.stopPropagation())
     }, [
-      e[47] || (e[47] = s("h3", { class: "axes-title" }, " Axes ", -1)),
-      s("div", xe, [
-        i(O, {
+      e[53] || (e[53] = s("h3", { class: "axes-title" }, " Axes ", -1)),
+      s("div", ge, [
+        i(I, {
           title: "Title",
-          settings: L,
-          icon: E,
-          "icon-open": I
+          settings: w,
+          icon: N,
+          "icon-open": $
         }, {
-          default: f(() => [
-            s("div", fe, [
+          default: p(() => [
+            s("div", Ve, [
               i(l(g), {
                 modelValue: l(o).title.mode,
                 "onUpdate:modelValue": e[0] || (e[0] = (t) => l(o).title.mode = t),
                 label: "Title",
-                options: R
+                options: Y,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(o).title.mode === "custom" ? (a(), d("div", ge, [
-              i(l(C), {
+            l(o).title.mode === "custom" ? (a(), r("div", Se, [
+              i(l(O), {
                 modelValue: l(o).title.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (t) => l(o).title.value = t),
                 label: "Chart title",
                 placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            s("div", Ve, [
-              e[35] || (e[35] = s("span", null, "Alignment", -1)),
-              i(X, {
+            s("div", ye, [
+              e[38] || (e[38] = s("span", null, "Alignment", -1)),
+              i(L, {
                 modelValue: l(o).title.position,
                 "onUpdate:modelValue": e[2] || (e[2] = (t) => l(o).title.position = t),
-                options: K
+                options: Z
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        i(O, {
+        i(I, {
           title: "X-axis",
-          settings: L,
-          icon: E,
-          "icon-open": I
+          settings: w,
+          icon: N,
+          "icon-open": $
         }, {
-          default: f(() => [
-            s("div", Se, [
+          default: p(() => [
+            s("div", be, [
               i(l(g), {
                 modelValue: l(o).axisX.titleMode,
                 "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.titleMode = t),
                 label: "Title",
-                options: R
+                options: Y,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(o).axisX.titleMode === "custom" ? (a(), d("div", ye, [
-              i(l(C), {
+            l(o).axisX.titleMode === "custom" ? (a(), r("div", ke, [
+              i(l(O), {
                 modelValue: l(o).axisX.customTitle,
                 "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.customTitle = t),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            y.value ? u("", !0) : (a(), d("div", ke, [
+            y.value ? u("", !0) : (a(), r("div", Te, [
               i(l(g), {
                 modelValue: l(o).axisX.scale,
                 "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.scale = t),
                 label: "Scale",
-                options: $
+                options: B,
+                compact: !0
               }, null, 8, ["modelValue"])
             ])),
-            y.value && F.value ? (a(), d("div", be, [
-              e[36] || (e[36] = s("span", null, "X axis order: ", -1)),
-              i(Y, {
+            y.value && c.value ? (a(), r("div", Le, [
+              e[39] || (e[39] = s("span", null, "X axis order: ", -1)),
+              i(X, {
                 data: { type: "data", value: null },
-                onClick: e[6] || (e[6] = (t) => A.value = !0)
+                onClick: e[6] || (e[6] = (t) => U.value = !0)
               }),
-              A.value ? (a(), b(q, {
+              U.value ? (a(), k(j, {
                 key: 0,
                 title: "Reorder X axis values",
                 "back-title": "Axes Settings",
-                "onForm:close": e[8] || (e[8] = (t) => A.value = !1)
+                "onForm:close": e[8] || (e[8] = (t) => U.value = !1)
               }, {
-                default: f(() => [
-                  i(j, {
-                    modelValue: F.value,
-                    "onUpdate:modelValue": e[7] || (e[7] = (t) => F.value = t)
+                default: p(() => [
+                  i(Q, {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": e[7] || (e[7] = (t) => c.value = t)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : u("", !0)
             ])) : u("", !0),
-            y.value ? (a(), d("div", Te, [
-              e[37] || (e[37] = s("span", null, "Labels rotation", -1)),
-              i(X, {
-                modelValue: G.value,
-                "onUpdate:modelValue": e[9] || (e[9] = (t) => G.value = t),
-                options: N
+            s("div", Xe, [
+              i(l(E), {
+                modelValue: l(o).axisX.hideAxisLabels,
+                "onUpdate:modelValue": e[9] || (e[9] = (t) => l(o).axisX.hideAxisLabels = t)
+              }, {
+                default: p(() => [...e[40] || (e[40] = [
+                  C("Hide axis labels", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            y.value ? (a(), r("div", we, [
+              e[41] || (e[41] = s("span", null, "Labels rotation", -1)),
+              i(L, {
+                modelValue: q.value,
+                "onUpdate:modelValue": e[10] || (e[10] = (t) => q.value = t),
+                options: M
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            s("div", Xe, [
-              e[38] || (e[38] = s("span", null, "Gridlines", -1)),
+            s("div", Ye, [
+              e[42] || (e[42] = s("span", null, "Gridlines", -1)),
               i(l(T), {
                 modelValue: l(o).axisX.gridlines,
-                "onUpdate:modelValue": e[10] || (e[10] = (t) => l(o).axisX.gridlines = t)
+                "onUpdate:modelValue": e[11] || (e[11] = (t) => l(o).axisX.gridlines = t)
               }, null, 8, ["modelValue"])
             ]),
-            s("div", Ye, [
-              e[39] || (e[39] = s("span", null, "Ticks", -1)),
+            s("div", Ae, [
+              e[43] || (e[43] = s("span", null, "Ticks", -1)),
               i(l(T), {
                 modelValue: l(o).axisX.ticks,
-                "onUpdate:modelValue": e[11] || (e[11] = (t) => l(o).axisX.ticks = t)
+                "onUpdate:modelValue": e[12] || (e[12] = (t) => l(o).axisX.ticks = t)
               }, null, 8, ["modelValue"])
             ]),
-            s("div", Le, [
-              e[40] || (e[40] = s("span", null, "Significant lines style", -1)),
-              i(Y, {
-                data: { type: "lineType", value: w.value },
-                onClick: e[12] || (e[12] = (t) => V.value = !V.value),
-                onRef: e[13] || (e[13] = (t) => M.value = t)
+            s("div", Re, [
+              e[44] || (e[44] = s("span", null, "Significant lines style", -1)),
+              i(X, {
+                data: { type: "lineType", value: A.value },
+                onClick: e[13] || (e[13] = (t) => V.value = !V.value),
+                onRef: e[14] || (e[14] = (t) => D.value = t)
               }, null, 8, ["data"]),
-              V.value ? (a(), b(z, {
+              V.value ? (a(), k(J, {
                 key: 0,
-                height: B.value,
-                targetRef: M.value,
-                "onPopup:close": e[16] || (e[16] = (t) => V.value = !1)
+                height: H.value,
+                targetRef: D.value,
+                "onPopup:close": e[17] || (e[17] = (t) => V.value = !1)
               }, {
-                default: f(() => [
-                  s("div", Re, [
-                    i(_, {
-                      modelValue: w.value,
+                default: p(() => [
+                  s("div", Ue, [
+                    i(K, {
+                      modelValue: A.value,
                       "onUpdate:modelValue": [
-                        e[14] || (e[14] = (t) => w.value = t),
-                        e[15] || (e[15] = (t) => l(o).axisX.significantLinesStyle = t)
+                        e[15] || (e[15] = (t) => A.value = t),
+                        e[16] || (e[16] = (t) => l(o).axisX.significantLinesStyle = t)
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -273,100 +288,113 @@ const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        i(O, {
+        i(I, {
           title: "Y-axis",
-          settings: L,
-          icon: E,
-          "icon-open": I
+          settings: w,
+          icon: N,
+          "icon-open": $
         }, {
-          default: f(() => [
-            s("div", we, [
+          default: p(() => [
+            s("div", Pe, [
               i(l(g), {
                 modelValue: l(o).axisY.titleMode,
-                "onUpdate:modelValue": e[17] || (e[17] = (t) => l(o).axisY.titleMode = t),
+                "onUpdate:modelValue": e[18] || (e[18] = (t) => l(o).axisY.titleMode = t),
                 label: "Title",
-                options: R
+                options: Y,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(o).axisY.titleMode === "custom" ? (a(), d("div", ce, [
-              i(l(C), {
+            l(o).axisY.titleMode === "custom" ? (a(), r("div", ce, [
+              i(l(O), {
                 modelValue: l(o).axisY.customTitle,
-                "onUpdate:modelValue": e[18] || (e[18] = (t) => l(o).axisY.customTitle = t),
+                "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).axisY.customTitle = t),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            k.value ? u("", !0) : (a(), d("div", Ae, [
+            s("div", Fe, [
+              i(l(E), {
+                modelValue: l(o).axisY.hideAxisLabels,
+                "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).axisY.hideAxisLabels = t)
+              }, {
+                default: p(() => [...e[45] || (e[45] = [
+                  C("Hide axis labels", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            b.value ? u("", !0) : (a(), r("div", Ce, [
               i(l(g), {
                 modelValue: l(o).axisY.scale,
-                "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).axisY.scale = t),
+                "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).axisY.scale = t),
                 label: "Scale",
-                options: $
+                options: B,
+                compact: !0
               }, null, 8, ["modelValue"])
             ])),
-            k.value && P.value ? (a(), d("div", Ue, [
-              e[41] || (e[41] = s("span", null, "Y axis order: ", -1)),
-              i(Y, {
+            b.value && F.value ? (a(), r("div", Oe, [
+              e[46] || (e[46] = s("span", null, "Y axis order: ", -1)),
+              i(X, {
                 data: { type: "data", value: null },
-                onClick: e[20] || (e[20] = (t) => U.value = !0)
+                onClick: e[22] || (e[22] = (t) => P.value = !0)
               }),
-              U.value ? (a(), b(q, {
+              P.value ? (a(), k(j, {
                 key: 0,
                 title: "Reorder Y axis values",
                 "back-title": "Axes Settings",
-                "onForm:close": e[22] || (e[22] = (t) => U.value = !1)
+                "onForm:close": e[24] || (e[24] = (t) => P.value = !1)
               }, {
-                default: f(() => [
-                  i(j, {
-                    modelValue: P.value,
-                    "onUpdate:modelValue": e[21] || (e[21] = (t) => P.value = t)
+                default: p(() => [
+                  i(Q, {
+                    modelValue: F.value,
+                    "onUpdate:modelValue": e[23] || (e[23] = (t) => F.value = t)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : u("", !0)
             ])) : u("", !0),
-            k.value ? (a(), d("div", Fe, [
-              e[42] || (e[42] = s("span", null, "Labels rotation", -1)),
-              i(X, {
-                modelValue: H.value,
-                "onUpdate:modelValue": e[23] || (e[23] = (t) => H.value = t),
-                options: N
+            b.value ? (a(), r("div", Ee, [
+              e[47] || (e[47] = s("span", null, "Labels rotation", -1)),
+              i(L, {
+                modelValue: z.value,
+                "onUpdate:modelValue": e[25] || (e[25] = (t) => z.value = t),
+                options: M
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            s("div", Pe, [
-              e[43] || (e[43] = s("span", null, "Gridlines", -1)),
+            s("div", Ie, [
+              e[48] || (e[48] = s("span", null, "Gridlines", -1)),
               i(l(T), {
                 modelValue: l(o).axisY.gridlines,
-                "onUpdate:modelValue": e[24] || (e[24] = (t) => l(o).axisY.gridlines = t)
+                "onUpdate:modelValue": e[26] || (e[26] = (t) => l(o).axisY.gridlines = t)
               }, null, 8, ["modelValue"])
             ]),
-            s("div", Ce, [
-              e[44] || (e[44] = s("span", null, "Ticks", -1)),
+            s("div", Ne, [
+              e[49] || (e[49] = s("span", null, "Ticks", -1)),
               i(l(T), {
                 modelValue: l(o).axisY.ticks,
-                "onUpdate:modelValue": e[25] || (e[25] = (t) => l(o).axisY.ticks = t)
+                "onUpdate:modelValue": e[27] || (e[27] = (t) => l(o).axisY.ticks = t)
               }, null, 8, ["modelValue"])
             ]),
-            s("div", Oe, [
-              e[45] || (e[45] = s("span", null, "Significant lines style", -1)),
-              i(Y, {
-                data: { type: "lineType", value: c.value },
-                onClick: e[26] || (e[26] = (t) => S.value = !S.value),
-                onRef: e[27] || (e[27] = (t) => D.value = t)
+            s("div", $e, [
+              e[50] || (e[50] = s("span", null, "Significant lines style", -1)),
+              i(X, {
+                data: { type: "lineType", value: R.value },
+                onClick: e[28] || (e[28] = (t) => S.value = !S.value),
+                onRef: e[29] || (e[29] = (t) => G.value = t)
               }, null, 8, ["data"]),
-              S.value ? (a(), b(z, {
+              S.value ? (a(), k(J, {
                 key: 0,
-                height: B.value,
-                targetRef: D.value,
-                "onPopup:close": e[30] || (e[30] = (t) => S.value = !1)
+                height: H.value,
+                targetRef: G.value,
+                "onPopup:close": e[32] || (e[32] = (t) => S.value = !1)
               }, {
-                default: f(() => [
-                  s("div", Ee, [
-                    i(_, {
-                      modelValue: c.value,
+                default: p(() => [
+                  s("div", Be, [
+                    i(K, {
+                      modelValue: R.value,
                       "onUpdate:modelValue": [
-                        e[28] || (e[28] = (t) => c.value = t),
-                        e[29] || (e[29] = (t) => l(o).axisY.significantLinesStyle = t)
+                        e[30] || (e[30] = (t) => R.value = t),
+                        e[31] || (e[31] = (t) => l(o).axisY.significantLinesStyle = t)
                       ]
                     }, null, 8, ["modelValue"])
                   ])
@@ -377,19 +405,30 @@ const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        J.value === "scatterplot" ? (a(), d("div", Ie, [
-          s("div", $e, [
-            e[46] || (e[46] = s("span", null, "Frame", -1)),
-            i(X, {
+        W.value === "scatterplot" ? (a(), r("div", Me, [
+          s("div", He, [
+            i(l(E), {
+              modelValue: l(o).other.showLegend,
+              "onUpdate:modelValue": e[33] || (e[33] = (t) => l(o).other.showLegend = t)
+            }, {
+              default: p(() => [...e[51] || (e[51] = [
+                C("Show legend", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          s("div", De, [
+            e[52] || (e[52] = s("span", null, "Frame", -1)),
+            i(L, {
               modelValue: l(o).other.frame,
-              "onUpdate:modelValue": e[31] || (e[31] = (t) => l(o).other.frame = t),
-              options: Q
+              "onUpdate:modelValue": e[34] || (e[34] = (t) => l(o).other.frame = t),
+              options: _
             }, null, 8, ["modelValue"])
           ]),
-          s("div", Ne, [
-            i(l(h), {
+          s("div", Ge, [
+            i(l(te), {
               modelValue: l(o).other.facetColumns,
-              "onUpdate:modelValue": e[32] || (e[32] = (t) => l(o).other.facetColumns = t),
+              "onUpdate:modelValue": e[35] || (e[35] = (t) => l(o).other.facetColumns = t),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
@@ -399,12 +438,13 @@ const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options
               mode: "input"
             }, null, 8, ["modelValue"])
           ]),
-          s("div", Be, [
+          s("div", qe, [
             i(l(g), {
               modelValue: l(o).other.facetSharedBy,
-              "onUpdate:modelValue": e[33] || (e[33] = (t) => l(o).other.facetSharedBy = t),
+              "onUpdate:modelValue": e[36] || (e[36] = (t) => l(o).other.facetSharedBy = t),
               label: "Facet shared by",
-              options: W
+              options: h,
+              compact: !0
             }, null, 8, ["modelValue"])
           ])
         ])) : u("", !0)
@@ -413,6 +453,6 @@ const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options
   }
 });
 export {
-  pt as default
+  Vt as default
 };
 //# sourceMappingURL=ScatterplotAxesSettingsForm.vue.js.map