@milaboratories/graph-maker 1.1.142 → 1.1.143

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

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