@milaboratories/graph-maker 1.2.0 → 1.2.2

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

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