@milaboratories/graph-maker 1.1.181 → 1.1.183

package/dist/components/ReorderForm.vue2.js

@@ -1,5 +1,53 @@
-import f from "./ReorderForm.vue.js";
+import { defineComponent as r, mergeModels as d, useModel as u, computed as n, ref as p, watch as c, createElementBlock as g, openBlock as v, createElementVNode as i, createVNode as f, unref as b, withCtx as y, normalizeClass as V, toDisplayString as _ } from "vue";
+import { PlElementList as k } from "@platforma-sdk/ui-vue";
+const w = { class: "aes-mapping-block" }, R = { class: "column-values-list" }, D = /* @__PURE__ */ r({
+  __name: "ReorderForm",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ d(["update:modelValue"], ["update:modelValue"]),
+  setup(m, { emit: h }) {
+    const a = u(m, "modelValue"), o = n({
+      get: () => a.value.map((e) => ({
+        text: e.label,
+        value: e.value
+      })),
+      set: (e) => {
+        a.value = e.map((t) => ({
+          value: t.value,
+          label: t.text
+        }));
+      }
+    }), s = p(o.value);
+    return c(() => s.value, (e) => {
+      o.value = e;
+    }, { deep: !0 }), (e, t) => (v(), g("div", w, [
+      t[1] || (t[1] = i("div", { class: "aes-settings-hint" }, " Drag the rows to reorder ", -1)),
+      i("div", R, [
+        f(b(k), {
+          items: s.value,
+          "onUpdate:items": t[0] || (t[0] = (l) => s.value = l),
+          "get-item-key": (l) => l.value,
+          "item-class": e.$style.discreteRow,
+          "item-class-title": e.$style.discreteRowTitle,
+          disableDragging: !1,
+          disableRemoving: !0,
+          disableToggling: !0,
+          disablePinning: !0
+        }, {
+          "item-title": y(({ item: l }) => [
+            i("div", {
+              class: V(e.$style.title)
+            }, _(l.text), 3)
+          ]),
+          _: 1
+        }, 8, ["items", "get-item-key", "item-class", "item-class-title"])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  D as default
 };
 //# sourceMappingURL=ReorderForm.vue2.js.map

package/dist/components/ReorderForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ReorderForm.vue2.js","sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\n\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst _emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed({\n  get: () => model.value.map((v) => ({\n    text: v.label,\n    value: v.value,\n  })),\n  set: (value) => {\n    model.value = value.map((v) => ({\n      value: v.value,\n      label: v.text,\n    }));\n  },\n});\nconst listItems = ref(optionsList.value);\nwatch(() => listItems.value, (v) => {\n  optionsList.value = v;\n}, { deep: true });\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\">\n      <PlElementList\n        v-model:items=\"listItems\" :get-item-key=\"(item) => item.value\" :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\" :disableDragging=\"false\" :disableRemoving=\"true\"\n        :disableToggling=\"true\" :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <div :class=\"$style.title\">{{ item.text }}</div>\n        </template>\n      </PlElementList>\n    </div>\n  </div>\n</template>\n<style module>\n.discreteRow {\n  background-color: var(--color-ic-00);\n  border-color: var(--color-div-grey);\n}\n\n.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.title {\n  margin-left: 4px;\n}\n</style>\n"],"names":["model","_useModel","__props","optionsList","computed","v","value","listItems","ref","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_createVNode","_unref","PlElementList","$event","item","$style","_withCtx","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;AAIA,UAAMA,IAAQC,EAA+CC,GAAA,YAAmB,GAI1EC,IAAcC,EAAS;AAAA,MAC3B,KAAK,MAAMJ,EAAM,MAAM,IAAI,CAACK,OAAO;AAAA,QACjC,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,MAAA,EACT;AAAA,MACF,KAAK,CAACC,MAAU;AACd,QAAAN,EAAM,QAAQM,EAAM,IAAI,CAACD,OAAO;AAAA,UAC9B,OAAOA,EAAE;AAAA,UACT,OAAOA,EAAE;AAAA,QAAA,EACT;AAAA,MACJ;AAAA,IAAA,CACD,GACKE,IAAYC,EAAIL,EAAY,KAAK;AACvC,WAAAM,EAAM,MAAMF,EAAU,OAAO,CAACF,MAAM;AAClC,MAAAF,EAAY,QAAQE;AAAA,IACtB,GAAG,EAAE,MAAM,IAAM,cAIfK,EAAA,GAAAC,EAeM,OAfNC,GAeM;AAAA,MAdJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAEM,OAAA,EAFD,OAAM,oBAAA,GAAoB,8BAE/B,EAAA;AAAA,MACAA,EAUM,OAVNC,GAUM;AAAA,QATJC,EAQgBC,EAAAC,CAAA,GAAA;AAAA,UAPN,OAAOX,EAAA;AAAA,mDAAAA,EAAS,QAAAY;AAAA,UAAG,gBAAY,CAAGC,MAASA,EAAK;AAAA,UAAQ,cAAYC,EAAAA,OAAO;AAAA,UAClF,oBAAkBA,EAAAA,OAAO;AAAA,UAAmB,iBAAiB;AAAA,UAAQ,iBAAiB;AAAA,UACtF,iBAAiB;AAAA,UAAO,gBAAgB;AAAA,QAAA;UAE9B,cAAUC,EACnB,CAAgD,EADzB,MAAAF,QAAI;AAAA,YAC3BN,EAAgD,OAAA;AAAA,cAA1C,OAAKS,EAAEF,EAAAA,OAAO,KAAK;AAAA,YAAA,GAAKG,EAAAJ,EAAK,IAAI,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/ReorderForm.vue3.js

@@ -0,0 +1,11 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._discreteRow_wtygg_2{background-color:var(--color-ic-00);border-color:var(--color-div-grey)}._discreteRow_wtygg_2:hover{--head-background: var(--color-ic-00)}._title_wtygg_10{margin-left:4px}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const t = "_discreteRow_wtygg_2", e = "_title_wtygg_10", s = {
+  discreteRow: t,
+  title: e
+};
+export {
+  s as default,
+  t as discreteRow,
+  e as title
+};
+//# sourceMappingURL=ReorderForm.vue3.js.map

package/dist/components/ReorderForm.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderForm.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -21,10 +21,10 @@ import z from "../../components/AesSettings/FormWrapper.vue.js";
 import j from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
 import { createDefaultMapping as J } from "../../dataBindAes.js";
 import "../../constantsAesthetic.js";
-import { getDiscreteLabelsRotation as fe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
+import { getDiscreteLabelsRotation as xe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
 import "@milaboratories/pf-plots";
 import "@platforma-sdk/model";
-const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
+const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
   key: 0,
   class: "axes-settings-input"
 }, be = { class: "axes-settings-options-row" }, Se = {
@@ -42,7 +42,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
 }, Te = {
   key: 4,
   class: "axes-settings-options-row"
-}, Ae = { class: "axes-settings-options-row block" }, Oe = { key: 5 }, Xe = { class: "axes-settings-options-row table" }, Ue = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row block" }, Pe = { key: 0 }, Ne = { class: "axes-settings-options-row block" }, Re = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Fe = { class: "other" }, Be = { class: "axes-settings-options-row" }, De = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, vl = /* @__PURE__ */ ee({
+}, Ae = { class: "axes-settings-options-row block" }, Oe = { key: 5 }, Xe = { class: "axes-settings-options-row table" }, Ue = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row block" }, Pe = { key: 0 }, Ne = { class: "axes-settings-options-row block" }, Re = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Fe = { class: "other" }, De = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, vl = /* @__PURE__ */ ee({
   __name: "DiscreteAxesSettingsForm",
   setup(Me) {
     const i = te(), t = i.value.reactive.axesSettings, T = {
@@ -70,13 +70,13 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       { value: "bottom", icon: ve },
       { value: "left-bottom", icon: ge },
       { value: "full", icon: ie }
-    ], C = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), x = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), B = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
+    ], C = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), f = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
     le(() => {
-      F.value && (x.value = !0), B.value && (V.value = !0);
+      F.value && (f.value = !0), D.value && (V.value = !0);
     }), $(() => F.value, (n) => {
-      n && (V.value = !1, x.value = !0);
-    }), $(() => B.value, (n) => {
-      n && (x.value = !1, V.value = !0);
+      n && (V.value = !1, f.value = !0);
+    }), $(() => D.value, (n) => {
+      n && (f.value = !1, V.value = !0);
     });
     const g = r(() => {
       var n, e;
@@ -84,13 +84,13 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     }), 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;
-    }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), D = r(() => i.value.commonHelpersData.usedAesInMapping.value), L = k(i.value.reactive.dataBindAes[g.value] ?? J(c.value)), Y = k(i.value.reactive.dataBindAes[y.value] ?? J(w.value)), X = r(() => {
+    }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), B = r(() => i.value.commonHelpersData.usedAesInMapping.value), L = k(i.value.reactive.dataBindAes[g.value] ?? J(c.value)), Y = k(i.value.reactive.dataBindAes[y.value] ?? J(w.value)), X = r(() => {
       var n;
       if (g.value) {
         const e = C.value.getSourceInfo(g.value) ?? null, o = ((n = O.value[g.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
+          labels: c.value.reduce((u, x) => (u[x] = (o == null ? void 0 : o[x]) ?? String(x), u), {})
         };
       }
       return null;
@@ -100,7 +100,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
         const e = C.value.getSourceInfo(y.value) ?? null, o = ((n = O.value[y.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
+          labels: w.value.reduce((u, x) => (u[x] = (o == null ? void 0 : o[x]) ?? String(x), u), {})
         };
       }
       return null;
@@ -116,7 +116,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     ], h = r(() => O.value[g.value]), E = r({
       get() {
         var n;
-        return fe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
+        return xe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
       },
       set(n) {
         t.axisX.labelsRotation = n;
@@ -127,7 +127,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       onClick: e[30] || (e[30] = (o) => o.stopPropagation())
     }, [
       e[44] || (e[44] = a("h3", { class: "axes-title" }, " Axes ", -1)),
-      a("div", xe, [
+      a("div", fe, [
         s(G, {
           title: "Title",
           settings: T,
@@ -173,14 +173,14 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               e[32] || (e[32] = a("span", null, "Primary groups order: ", -1)),
               s(q, {
                 data: { type: "data", value: null },
-                onClick: e[3] || (e[3] = (o) => x.value = !0)
+                onClick: e[3] || (e[3] = (o) => f.value = !0)
               }),
-              x.value && X.value ? (d(), H(z, {
+              f.value && X.value ? (d(), H(z, {
                 key: 0,
                 title: "Reorder primary groups",
                 "back-title": "Axes Settings",
                 "onForm:open": e[6] || (e[6] = (o) => l(i).reactive.tabDefaultState.axes.reorderPrimaryOpen = !1),
-                "onForm:close": e[7] || (e[7] = (o) => x.value = !1)
+                "onForm:close": e[7] || (e[7] = (o) => f.value = !1)
               }, {
                 default: b(() => {
                   var o;
@@ -193,7 +193,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                       ],
                       "column-value-labels": X.value.labels,
                       "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[g.value],
+                      "used-aes-in-mapping": B.value[g.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullPrimaryGroups
@@ -234,7 +234,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                       ],
                       "column-value-labels": U.value.labels,
                       "data-column-label": ((o = U.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[y.value],
+                      "used-aes-in-mapping": B.value[y.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -348,7 +348,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           _: 1
         }),
         a("div", Fe, [
-          a("div", Be, [
+          a("div", De, [
             e[42] || (e[42] = a("span", null, "Frame", -1)),
             s(R, {
               modelValue: l(t).other.frame,
@@ -356,7 +356,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               options: Z
             }, null, 8, ["modelValue"])
           ]),
-          a("div", De, [
+          a("div", Be, [
             e[43] || (e[43] = a("span", null, "Reverse axes", -1)),
             s(l(v), {
               modelValue: l(t).other.reverse,

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,