@milaboratories/graph-maker 1.1.182 → 1.1.183

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

@@ -1,9 +1,9 @@
-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 { 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 $ from "../../icons/Right.vue.js";
-import E from "../../icons/Down.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";
@@ -14,16 +14,16 @@ 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 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 fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options-row block" }, ge = {
+const xe = { class: "axes-settings-list" }, fe = { class: "axes-settings-options-row block" }, ge = {
   key: 0,
   class: "axes-settings-input"
 }, Ve = { class: "axes-settings-options-row" }, Se = { class: "axes-settings-options-row block" }, ye = { key: 0 }, ke = {
@@ -35,7 +35,7 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
 }, 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 = {
+}, 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 = {
   key: 1,
   class: "axes-settings-options-row block"
 }, Ue = {
@@ -44,10 +44,10 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
 }, 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 = {
+}, 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 = {
   key: 0,
   class: "other"
-}, Ie = { class: "axes-settings-options-row" }, Ne = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row block" }, pt = /* @__PURE__ */ Z({
+}, $e = { class: "axes-settings-options-row" }, Ne = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row block" }, pt = /* @__PURE__ */ Z({
   __name: "ScatterplotAxesSettingsForm",
   setup(Me) {
     const r = ee(), o = r.value.reactive.axesSettings, J = m(() => r.value.reactive.chartType), L = {
@@ -58,11 +58,11 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
       { value: "left", icon: te },
       { value: "center", icon: le },
       { value: "right", icon: oe }
-    ], w = [
+    ], R = [
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hide" }
-    ], I = [
+    ], $ = [
       { value: "linear", text: "Linear" },
       { value: "log", text: "Log" }
     ], Q = [
@@ -80,13 +80,13 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
       { 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(() => {
+    ], 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;
       return n.length ? n[0].selectedSource : null;
-    }), f = m(() => {
+    }), x = 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({
+    }), 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({
       get: () => {
         var e;
         if (!y.value || !v.value)
@@ -103,14 +103,14 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
     }), P = m({
       get: () => {
         var e;
-        if (!k.value || !f.value)
+        if (!k.value || !x.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;
+        return (n == null ? void 0 : n.source) === x.value ? n.options : (e = r.value.uniqueValuesData.value[x.value]) == null ? void 0 : e.options;
       },
       set: (n) => {
-        f.value && n && (r.value.reactive.axesSettings.axisY.order = {
-          source: f.value,
+        x.value && n && (r.value.reactive.axesSettings.axisY.order = {
+          source: x.value,
           options: n
         });
       }
@@ -134,20 +134,20 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
       onClick: e[34] || (e[34] = (t) => t.stopPropagation())
     }, [
       e[47] || (e[47] = s("h3", { class: "axes-title" }, " Axes ", -1)),
-      s("div", fe, [
+      s("div", xe, [
         i(O, {
           title: "Title",
           settings: L,
-          icon: $,
-          "icon-open": E
+          icon: E,
+          "icon-open": I
         }, {
-          default: x(() => [
-            s("div", xe, [
+          default: f(() => [
+            s("div", fe, [
               i(l(g), {
                 modelValue: l(o).title.mode,
                 "onUpdate:modelValue": e[0] || (e[0] = (t) => l(o).title.mode = t),
                 label: "Title",
-                options: w
+                options: R
               }, null, 8, ["modelValue"])
             ]),
             l(o).title.mode === "custom" ? (a(), d("div", ge, [
@@ -172,16 +172,16 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
         i(O, {
           title: "X-axis",
           settings: L,
-          icon: $,
-          "icon-open": E
+          icon: E,
+          "icon-open": I
         }, {
-          default: x(() => [
+          default: f(() => [
             s("div", Se, [
               i(l(g), {
                 modelValue: l(o).axisX.titleMode,
                 "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.titleMode = t),
                 label: "Title",
-                options: w
+                options: R
               }, null, 8, ["modelValue"])
             ]),
             l(o).axisX.titleMode === "custom" ? (a(), d("div", ye, [
@@ -197,7 +197,7 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
                 modelValue: l(o).axisX.scale,
                 "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.scale = t),
                 label: "Scale",
-                options: I
+                options: $
               }, null, 8, ["modelValue"])
             ])),
             y.value && F.value ? (a(), d("div", be, [
@@ -206,13 +206,13 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
                 data: { type: "data", value: null },
                 onClick: e[6] || (e[6] = (t) => A.value = !0)
               }),
-              A.value ? (a(), b(_, {
+              A.value ? (a(), b(q, {
                 key: 0,
                 title: "Reorder X axis values",
                 "back-title": "Axes Settings",
                 "onForm:close": e[8] || (e[8] = (t) => A.value = !1)
               }, {
-                default: x(() => [
+                default: f(() => [
                   i(j, {
                     modelValue: F.value,
                     "onUpdate:modelValue": e[7] || (e[7] = (t) => F.value = t)
@@ -246,22 +246,22 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
             s("div", Le, [
               e[40] || (e[40] = s("span", null, "Significant lines style", -1)),
               i(Y, {
-                data: { type: "lineType", value: R.value },
+                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)
               }, null, 8, ["data"]),
-              V.value ? (a(), b(q, {
+              V.value ? (a(), b(z, {
                 key: 0,
                 height: B.value,
                 targetRef: M.value,
                 "onPopup:close": e[16] || (e[16] = (t) => V.value = !1)
               }, {
-                default: x(() => [
-                  s("div", we, [
-                    i(z, {
-                      modelValue: R.value,
+                default: f(() => [
+                  s("div", Re, [
+                    i(_, {
+                      modelValue: w.value,
                       "onUpdate:modelValue": [
-                        e[14] || (e[14] = (t) => R.value = t),
+                        e[14] || (e[14] = (t) => w.value = t),
                         e[15] || (e[15] = (t) => l(o).axisX.significantLinesStyle = t)
                       ]
                     }, null, 8, ["modelValue"])
@@ -276,16 +276,16 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
         i(O, {
           title: "Y-axis",
           settings: L,
-          icon: $,
-          "icon-open": E
+          icon: E,
+          "icon-open": I
         }, {
-          default: x(() => [
-            s("div", Re, [
+          default: f(() => [
+            s("div", we, [
               i(l(g), {
                 modelValue: l(o).axisY.titleMode,
                 "onUpdate:modelValue": e[17] || (e[17] = (t) => l(o).axisY.titleMode = t),
                 label: "Title",
-                options: w
+                options: R
               }, null, 8, ["modelValue"])
             ]),
             l(o).axisY.titleMode === "custom" ? (a(), d("div", ce, [
@@ -301,7 +301,7 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
                 modelValue: l(o).axisY.scale,
                 "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).axisY.scale = t),
                 label: "Scale",
-                options: I
+                options: $
               }, null, 8, ["modelValue"])
             ])),
             k.value && P.value ? (a(), d("div", Ue, [
@@ -310,13 +310,13 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
                 data: { type: "data", value: null },
                 onClick: e[20] || (e[20] = (t) => U.value = !0)
               }),
-              U.value ? (a(), b(_, {
+              U.value ? (a(), b(q, {
                 key: 0,
                 title: "Reorder Y axis values",
                 "back-title": "Axes Settings",
                 "onForm:close": e[22] || (e[22] = (t) => U.value = !1)
               }, {
-                default: x(() => [
+                default: f(() => [
                   i(j, {
                     modelValue: P.value,
                     "onUpdate:modelValue": e[21] || (e[21] = (t) => P.value = t)
@@ -354,15 +354,15 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
                 onClick: e[26] || (e[26] = (t) => S.value = !S.value),
                 onRef: e[27] || (e[27] = (t) => D.value = t)
               }, null, 8, ["data"]),
-              S.value ? (a(), b(q, {
+              S.value ? (a(), b(z, {
                 key: 0,
                 height: B.value,
                 targetRef: D.value,
                 "onPopup:close": e[30] || (e[30] = (t) => S.value = !1)
               }, {
-                default: x(() => [
-                  s("div", $e, [
-                    i(z, {
+                default: f(() => [
+                  s("div", Ee, [
+                    i(_, {
                       modelValue: c.value,
                       "onUpdate:modelValue": [
                         e[28] || (e[28] = (t) => c.value = t),
@@ -377,8 +377,8 @@ const fe = { class: "axes-settings-list" }, xe = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        J.value === "scatterplot" ? (a(), d("div", Ee, [
-          s("div", Ie, [
+        J.value === "scatterplot" ? (a(), d("div", Ie, [
+          s("div", $e, [
             e[46] || (e[46] = s("span", null, "Frame", -1)),
             i(X, {
               modelValue: l(o).other.frame,

package/dist/forms/LayersForm/AesSelector.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as Z, computed as y, ref as F, watch as q, createElementBlock as _, openBlock as g, Fragment as ee, createElementVNode as O, createBlock as S, createCommentVNode as T, createVNode as R, withModifiers as te, unref as w, withCtx as L, normalizeClass as le } from "vue";
+import { defineComponent as Z, computed as g, ref as F, watch as q, createElementBlock as _, openBlock as y, Fragment as ee, createElementVNode as O, createBlock as S, createCommentVNode as T, createVNode as R, withModifiers as te, unref as A, withCtx as L, normalizeClass as le } from "vue";
 import { PlDropdown as ae } from "@platforma-sdk/ui-vue";
 import { createDefaultMapping as oe, createContinuousMappingFromPalette as ue } from "../../dataBindAes.js";
-import { FIXED_COLORS as A, DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_LINE_TYPES as se, FIXES_DOT_SHAPES as re, DEFAULT_CONTINUOUS_PALETTE as pe } from "../../constantsAesthetic.js";
+import { FIXED_COLORS as w, DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_LINE_TYPES as se, FIXES_DOT_SHAPES as re, DEFAULT_CONTINUOUS_PALETTE as pe } from "../../constantsAesthetic.js";
 import de from "../../components/AesButton.vue.js";
 import { useStore as ve } from "../../store.js";
 import { isMappedAes as M } from "../../constantsCommon.js";
 import ce from "../../components/Popup.vue.js";
 import fe from "../../components/AesSettings/FixedColorsList.vue.js";
 import me from "../../components/AesSettings/FixedDotShapeList.vue.js";
-import ye from "../../components/AesSettings/FixedLineTypeList.vue.js";
-import ge from "../../components/AesSettings/FormWrapper.vue.js";
+import ge from "../../components/AesSettings/FixedLineTypeList.vue.js";
+import ye from "../../components/AesSettings/FormWrapper.vue.js";
 import Se from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
 import Te from "../../components/AesSettings/AesDataMappingContinuous.vue.js";
 const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
@@ -27,7 +27,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
   emits: ["aes-update", "aes-selector-close"],
   setup(i, { emit: W }) {
     var P, h;
-    const r = i, p = ve(), o = y(() => p.value.reactive.chartType), D = W, X = {
+    const r = i, p = ve(), o = g(() => p.value.reactive.chartType), $ = W, X = {
       discrete: ["primaryGrouping", "secondaryGrouping"],
       scatterplot: ["grouping"],
       "scatterplot-umap": ["grouping"],
@@ -35,7 +35,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
       heatmap: [],
       histogram: ["grouping"],
       bubble: []
-    }, G = r.possibleAesSourceInputs ?? X[o.value], Y = y(
+    }, G = r.possibleAesSourceInputs ?? X[o.value], Y = g(
       () => p.value.commonHelpersData.usedAesInMapping.value
     );
     function V(l) {
@@ -44,25 +44,25 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
     const s = F(
       M(r.selected) ? V(r.selected) : "fix"
     ), z = {
-      fill: A[0].color,
-      stroke: A[0].color,
+      fill: w[0].color,
+      stroke: w[0].color,
       dotShape: ne,
       lineType: ie,
       size: ""
       // temporary
-    }, K = y(() => p.value.inputGuide.value), j = y(() => p.value.uniqueValuesData.value), H = /* @__PURE__ */ new Set([
+    }, K = g(() => p.value.inputGuide.value), j = g(() => p.value.uniqueValuesData.value), H = /* @__PURE__ */ new Set([
       "scatterplot",
       "scatterplot-umap",
       "heatmap"
-    ]), d = y(() => {
+    ]), d = g(() => {
       const l = {}, e = p.value.reactive.optionsState.components;
       function v(a, t) {
-        const u = K.value.getSourceInfo(t), c = j.value[t], b = (c == null ? void 0 : c.list) ?? [], f = (c == null ? void 0 : c.labels) ?? {}, $ = V({ type: a, value: t });
+        const u = K.value.getSourceInfo(t), c = j.value[t], b = (c == null ? void 0 : c.list) ?? [], f = (c == null ? void 0 : c.labels) ?? {}, D = V({ type: a, value: t });
         if (H.has(o.value) && u.type === "String" || !H.has(o.value)) {
           const C = p.value.reactive.dataBindAes[t] ?? oe(b);
-          l[$] = {
+          l[D] = {
             type: "dataCategorical",
-            value: $,
+            value: D,
             initialData: C,
             inputName: a,
             selectedSource: t,
@@ -75,9 +75,9 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
           };
         } else {
           const C = p.value.reactive.dataBindAes[t] ?? ue(pe);
-          l[$] = {
+          l[D] = {
             type: "dataContinuous",
-            value: $,
+            value: D,
             initialData: C,
             inputName: a,
             selectedSource: t,
@@ -96,14 +96,14 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
         value: "fix",
         initialData: M(r.selected) ? z[r.type] : r.selected
       }), l;
-    }), n = y(
+    }), n = g(
       () => d.value[s.value] ?? null
     );
     function J(l, e) {
       var v, a, t, u;
       return l.type === "fix" ? "Fixed" : e === l.value ? `${(v = l.selectedSourceInfo) == null ? void 0 : v.label}` : o.value === "discrete" ? `${l.value === "primaryGrouping" ? "Primary" : "Secondary"} grouping: ${(a = l.selectedSourceInfo) == null ? void 0 : a.label}` : o.value === "scatterplot" || o.value === "dendro" ? `Grouping: ${(t = l.selectedSourceInfo) == null ? void 0 : t.label}` : ((u = l.selectedSourceInfo) == null ? void 0 : u.label) ?? "";
     }
-    const N = y(() => {
+    const N = g(() => {
       const l = [], e = p.value.reactive.optionsState.components;
       function v(a, t) {
         const u = V({
@@ -136,20 +136,20 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
       () => s.value,
       (l) => {
         const e = d.value[l];
-        e.type === "fix" ? D("aes-update", m.value, e) : e.type === "dataCategorical" ? (x.value = e.initialData, D("aes-update", e.initialData, e)) : e.type === "dataContinuous" && (I.value = e.initialData, D("aes-update", e.initialData, e));
+        e.type === "fix" ? $("aes-update", m.value, e) : e.type === "dataCategorical" ? (x.value = e.initialData, $("aes-update", e.initialData, e)) : e.type === "dataContinuous" && (I.value = e.initialData, $("aes-update", e.initialData, e));
       }
     );
-    const U = F(), Q = y(() => r.type === "lineType" ? se.length * 32 + 32 : r.type === "dotShape" ? Math.ceil(re.length / 6) * 36 + 40 : r.type === "fill" || r.type === "stroke" ? Math.ceil(A.length / 6) * 36 + 40 : 0);
+    const U = F(), Q = g(() => r.type === "lineType" ? se.length * 32 + 32 : r.type === "dotShape" ? Math.ceil(re.length / 6) * 36 + 40 : r.type === "fill" || r.type === "stroke" ? Math.ceil(w.length / 6) * 36 + 40 : 0);
     return (l, e) => {
       var v, a;
-      return g(), _(ee, null, [
+      return y(), _(ee, null, [
         O("div", Ee, [
           O("div", {
             class: "aes-input-select",
             onClick: e[1] || (e[1] = te(() => {
             }, ["stop"]))
           }, [
-            R(w(ae), {
+            R(A(ae), {
               modelValue: s.value,
               "onUpdate:modelValue": e[0] || (e[0] = (t) => s.value = t),
               disabled: i.disabled || N.value.length < 2,
@@ -165,7 +165,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
             onClick: e[2] || (e[2] = (t) => E.value = !E.value),
             onRef: e[3] || (e[3] = (t) => U.value = t)
           }, null, 8, ["data"]),
-          s.value === "fix" && E.value && m.value ? (g(), S(ce, {
+          s.value === "fix" && E.value && m.value ? (y(), S(ce, {
             key: 0,
             height: Q.value,
             targetRef: U.value,
@@ -175,7 +175,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
               O("div", {
                 class: le(["fixed-aes-list", { "fixed-aes-list__rows": i.type === "lineType" }])
               }, [
-                i.type === "fill" || i.type === "stroke" ? (g(), S(fe, {
+                i.type === "fill" || i.type === "stroke" ? (y(), S(fe, {
                   key: 0,
                   modelValue: m.value,
                   "onUpdate:modelValue": [
@@ -184,7 +184,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
                   ],
                   "color-using": i.type
                 }, null, 8, ["modelValue", "color-using"])) : T("", !0),
-                i.type === "dotShape" ? (g(), S(me, {
+                i.type === "dotShape" ? (y(), S(me, {
                   key: 1,
                   modelValue: m.value,
                   "onUpdate:modelValue": [
@@ -192,7 +192,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
                     e[7] || (e[7] = (t) => l.$emit("aes-update", t, d.value.fix))
                   ]
                 }, null, 8, ["modelValue"])) : T("", !0),
-                i.type === "lineType" ? (g(), S(ye, {
+                i.type === "lineType" ? (y(), S(ge, {
                   key: 2,
                   modelValue: m.value,
                   "onUpdate:modelValue": [
@@ -205,7 +205,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
             _: 1
           }, 8, ["height", "targetRef"])) : T("", !0)
         ]),
-        (((v = n.value) == null ? void 0 : v.type) === "dataCategorical" && x.value || ((a = n.value) == null ? void 0 : a.type) === "dataContinuous" && I.value) && E.value ? (g(), S(ge, {
+        (((v = n.value) == null ? void 0 : v.type) === "dataCategorical" && x.value || ((a = n.value) == null ? void 0 : a.type) === "dataContinuous" && I.value) && E.value ? (y(), S(ye, {
           key: 0,
           title: i.formTitle,
           "back-title": i.formBackTitle,
@@ -214,7 +214,7 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
           default: L(() => {
             var t, u, c, b;
             return [
-              ((t = n.value) == null ? void 0 : t.type) === "dataCategorical" && x.value ? (g(), S(Se, {
+              ((t = n.value) == null ? void 0 : t.type) === "dataCategorical" && x.value ? (y(), S(Se, {
                 key: 0,
                 modelValue: x.value,
                 "onUpdate:modelValue": [
@@ -226,9 +226,9 @@ const Ee = { class: "aes-input-row" }, Ne = /* @__PURE__ */ Z({
                 "used-aes-in-mapping": Y.value[n.value.selectedSource],
                 "allow-hiding": o.value === "discrete",
                 "allow-reordering": o.value === "discrete" || o.value === "histogram" || o.value === "scatterplot" || o.value === "scatterplot-umap",
-                "allow-null-option": o.value === "discrete" && (s.value === "primaryGrouping" && w(p).reactive.axesSettings.axisX.allowNullPrimaryGroups || s.value === "secondaryGrouping" && w(p).reactive.axesSettings.axisX.allowNullSecondaryGroups) || o.value === "scatterplot" || o.value === "scatterplot-umap"
+                "allow-null-option": o.value === "discrete" && (s.value === "primaryGrouping" && A(p).reactive.axesSettings.axisX.allowNullPrimaryGroups || s.value === "secondaryGrouping" && A(p).reactive.axesSettings.axisX.allowNullSecondaryGroups) || o.value === "scatterplot" || o.value === "scatterplot-umap"
               }, null, 8, ["modelValue", "column-value-labels", "data-column-label", "used-aes-in-mapping", "allow-hiding", "allow-reordering", "allow-null-option"])) : T("", !0),
-              ((c = n.value) == null ? void 0 : c.type) === "dataContinuous" && I.value ? (g(), S(Te, {
+              ((c = n.value) == null ? void 0 : c.type) === "dataContinuous" && I.value ? (y(), S(Te, {
                 key: 1,
                 modelValue: I.value,
                 "onUpdate:modelValue": [