@milaboratories/graph-maker 1.2.1 → 1.2.3

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

@@ -1,105 +1,105 @@
-import { defineComponent as ee, 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 L, 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 $ from "../../icons/Right.vue.js";
 import B from "../../icons/Down.vue.js";
-import w 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 ae from "../../icons/FrameFull.vue.js";
-import ne 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 L from "../../components/BtnIconGroup.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 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 me } from "../../utils/getPopupHeightForFixedAesList.js";
-import { FIXED_LINE_TYPES as pe } from "../../constantsAesthetic.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 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 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"
-}, we = { class: "axes-settings-options-row" }, Xe = {
+}, 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" }, ce = { class: "axes-settings-options-row block" }, Pe = { 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"
-}, Ne = {
+}, Ie = {
   key: 2,
   class: "axes-settings-options-row"
-}, Oe = {
+}, $e = {
   key: 3,
   class: "axes-settings-options-row"
-}, Ee = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, $e = { class: "axes-settings-options-row" }, Be = { class: "fixed-aes-list fixed-aes-list__rows" }, Me = { class: "other" }, He = { class: "axes-settings-options-row" }, De = { class: "axes-settings-options-row" }, Ge = {
+}, 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: "axes-settings-options-row"
-}, qe = {
+}, Ke = {
   key: 1,
   class: "axes-settings-options-row"
-}, ze = {
+}, Qe = {
   key: 2,
   class: "axes-settings-options-row block"
-}, St = /* @__PURE__ */ ee({
+}, Lt = /* @__PURE__ */ te({
   __name: "ScatterplotAxesSettingsForm",
-  setup(je) {
-    const r = le(), o = r.value.reactive.axesSettings, Y = m(() => r.value.reactive.chartType), A = {
+  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 }
-    ], R = [
+      { 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" }
     ], M = [
       { value: "linear", text: "Linear" },
       { value: "log", text: "Log" }
-    ], _ = [
-      { value: "empty", icon: ne },
-      { value: "left", icon: ue },
-      { value: "bottom", icon: de },
-      { value: "left-bottom", icon: re },
-      { value: "full", icon: ae }
     ], 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" }
-    ], H = [
-      { value: "center", icon: ve },
-      { value: "45deg", icon: xe },
-      { value: "90deg", icon: fe }
-    ], U = v(o.axisX.significantLinesStyle), c = v(o.axisY.significantLinesStyle), D = m(() => me(pe.length, "lineType")), G = v(), q = v(), V = v(!1), S = v(!1), x = m(() => {
+    ], 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 a = r.value.reactive.optionsState.components.y.selectorStates;
       return a.length ? a[0].selectedSource : null;
-    }), y = m(() => x.value ? r.value.inputGuide.value.getSourceInfo(x.value).type === "String" : !1), b = m(() => f.value ? r.value.inputGuide.value.getSourceInfo(f.value).type === "String" : !1), P = v(!1), F = v(!1), C = m({
+    }), 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 a = r.value.reactive.axesSettings.axisX.order;
-        return (a == null ? void 0 : a.source) === x.value ? a.options : (e = r.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: (a) => {
         x.value && a && (r.value.reactive.axesSettings.axisX.order = {
@@ -109,11 +109,10 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       }
     }), N = m({
       get: () => {
-        var e;
-        if (!b.value || !f.value)
+        if (!y.value || !f.value)
           return null;
-        const a = r.value.reactive.axesSettings.axisY.order;
-        return (a == null ? void 0 : a.source) === f.value ? a.options : (e = r.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: (a) => {
         f.value && a && (r.value.reactive.axesSettings.axisY.order = {
@@ -121,14 +120,14 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           options: a
         });
       }
-    }), z = m({
+    }), _ = m({
       get() {
         return o.axisX.labelsRotation ?? "center";
       },
       set(a) {
         o.axisX.labelsRotation = a;
       }
-    }), j = m({
+    }), z = m({
       get() {
         return o.axisY.labelsRotation ?? "center";
       },
@@ -138,10 +137,10 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     });
     return (a, e) => (n(), d("div", {
       class: "axes-form",
-      onClick: e[38] || (e[38] = (t) => t.stopPropagation())
+      onClick: e[40] || (e[40] = (t) => t.stopPropagation())
     }, [
-      e[54] || (e[54] = i("h3", { class: "axes-title" }, " Axes ", -1)),
-      i("div", ge, [
+      e[56] || (e[56] = i("h3", { class: "axes-title" }, " Axes ", -1)),
+      i("div", be, [
         s(I, {
           title: "Title",
           settings: A,
@@ -149,16 +148,16 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           "icon-open": B
         }, {
           default: p(() => [
-            i("div", Ve, [
+            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",
-                options: R,
+                options: Y,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(o).title.mode === "custom" ? (n(), d("div", Se, [
+            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),
@@ -166,9 +165,9 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            i("div", ye, [
-              e[39] || (e[39] = i("span", null, "Alignment", -1)),
-              s(w, {
+            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
@@ -184,16 +183,16 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           "icon-open": B
         }, {
           default: p(() => [
-            i("div", be, [
+            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",
-                options: R,
+                options: Y,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(o).axisX.titleMode === "custom" ? (n(), d("div", ke, [
+            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),
@@ -201,7 +200,7 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            y.value ? u("", !0) : (n(), d("div", Te, [
+            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),
@@ -210,79 +209,79 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 compact: !0
               }, null, 8, ["modelValue"])
             ])),
-            y.value && C.value ? (n(), d("div", Le, [
-              e[40] || (e[40] = i("span", null, "X axis order: ", -1)),
-              s(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) => P.value = !0)
+                onClick: e[6] || (e[6] = (t) => c.value = !0)
               }),
-              P.value ? (n(), 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) => P.value = !1)
+                "onForm:close": e[8] || (e[8] = (t) => c.value = !1)
               }, {
                 default: p(() => [
                   s(W, {
-                    modelValue: C.value,
-                    "onUpdate:modelValue": e[7] || (e[7] = (t) => C.value = t)
+                    modelValue: P.value,
+                    "onUpdate:modelValue": e[7] || (e[7] = (t) => P.value = t)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : u("", !0)
             ])) : u("", !0),
-            i("div", we, [
+            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[41] || (e[41] = [
+                default: p(() => [...e[43] || (e[43] = [
                   O("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            y.value ? (n(), d("div", Xe, [
-              e[42] || (e[42] = i("span", null, "Labels rotation", -1)),
-              s(w, {
-                modelValue: z.value,
-                "onUpdate:modelValue": e[10] || (e[10] = (t) => z.value = t),
-                options: H
+            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),
-            i("div", Ye, [
-              e[43] || (e[43] = i("span", null, "Gridlines", -1)),
-              s(l(L), {
+            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"])
             ]),
-            i("div", Ae, [
-              e[44] || (e[44] = i("span", null, "Ticks", -1)),
-              s(l(L), {
+            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"])
             ]),
-            i("div", Re, [
-              e[45] || (e[45] = i("span", null, "Significant lines style", -1)),
-              s(X, {
-                data: { type: "lineType", value: U.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) => G.value = t)
+                onRef: e[14] || (e[14] = (t) => D.value = t)
               }, null, 8, ["data"]),
               V.value ? (n(), k(K, {
                 key: 0,
-                height: D.value,
-                targetRef: G.value,
+                height: H.value,
+                targetRef: D.value,
                 "onPopup:close": e[17] || (e[17] = (t) => V.value = !1)
               }, {
                 default: p(() => [
-                  i("div", Ue, [
+                  i("div", Fe, [
                     s(Q, {
-                      modelValue: U.value,
+                      modelValue: R.value,
                       "onUpdate:modelValue": [
-                        e[15] || (e[15] = (t) => U.value = t),
+                        e[15] || (e[15] = (t) => R.value = t),
                         e[16] || (e[16] = (t) => l(o).axisX.significantLinesStyle = t)
                       ]
                     }, null, 8, ["modelValue"])
@@ -301,16 +300,16 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           "icon-open": B
         }, {
           default: p(() => [
-            i("div", ce, [
+            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",
-                options: R,
+                options: Y,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(o).axisY.titleMode === "custom" ? (n(), d("div", Pe, [
+            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),
@@ -318,18 +317,18 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            i("div", Fe, [
+            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[46] || (e[46] = [
+                default: p(() => [...e[48] || (e[48] = [
                   O("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            b.value ? u("", !0) : (n(), d("div", Ce, [
+            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),
@@ -338,9 +337,9 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 compact: !0
               }, null, 8, ["modelValue"])
             ])),
-            b.value && N.value ? (n(), d("div", Ne, [
-              e[47] || (e[47] = i("span", null, "Y axis order: ", -1)),
-              s(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) => F.value = !0)
               }),
@@ -359,47 +358,47 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                 _: 1
               })) : u("", !0)
             ])) : u("", !0),
-            b.value ? (n(), d("div", Oe, [
-              e[48] || (e[48] = i("span", null, "Labels rotation", -1)),
-              s(w, {
-                modelValue: j.value,
-                "onUpdate:modelValue": e[25] || (e[25] = (t) => j.value = t),
-                options: H
+            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: G
               }, null, 8, ["modelValue"])
             ])) : u("", !0),
-            i("div", Ee, [
-              e[49] || (e[49] = i("span", null, "Gridlines", -1)),
-              s(l(L), {
+            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"])
             ]),
-            i("div", Ie, [
-              e[50] || (e[50] = i("span", null, "Ticks", -1)),
-              s(l(L), {
+            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"])
             ]),
-            i("div", $e, [
-              e[51] || (e[51] = i("span", null, "Significant lines style", -1)),
-              s(X, {
-                data: { type: "lineType", value: c.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) => q.value = t)
               }, null, 8, ["data"]),
               S.value ? (n(), k(K, {
                 key: 0,
-                height: D.value,
+                height: H.value,
                 targetRef: q.value,
                 "onPopup:close": e[32] || (e[32] = (t) => S.value = !1)
               }, {
                 default: p(() => [
-                  i("div", Be, [
+                  i("div", He, [
                     s(Q, {
-                      modelValue: c.value,
+                      modelValue: C.value,
                       "onUpdate:modelValue": [
-                        e[30] || (e[30] = (t) => c.value = t),
+                        e[30] || (e[30] = (t) => C.value = t),
                         e[31] || (e[31] = (t) => l(o).axisY.significantLinesStyle = t)
                       ]
                     }, null, 8, ["modelValue"])
@@ -411,19 +410,19 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        i("div", Me, [
-          i("div", He, [
+        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[52] || (e[52] = [
+              default: p(() => [...e[54] || (e[54] = [
                 O("Show legend", -1)
               ])]),
               _: 1
             }, 8, ["modelValue"])
           ]),
-          i("div", De, [
+          i("div", _e, [
             s(l(T), {
               modelValue: l(o).other.nullValueLabel,
               "onUpdate:modelValue": e[34] || (e[34] = (t) => l(o).other.nullValueLabel = t),
@@ -431,18 +430,36 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               placeholder: "NA"
             }, null, 8, ["modelValue"])
           ]),
-          Y.value === "scatterplot" ? (n(), d("div", Ge, [
-            e[53] || (e[53] = i("span", null, "Frame", -1)),
-            s(w, {
+          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[35] || (e[35] = (t) => l(o).other.frame = t),
-              options: _
+              "onUpdate:modelValue": e[37] || (e[37] = (t) => l(o).other.frame = t),
+              options: h
             }, null, 8, ["modelValue"])
           ])) : u("", !0),
-          Y.value === "scatterplot" ? (n(), d("div", qe, [
-            s(l(te), {
+          X.value === "scatterplot" ? (n(), d("div", Ke, [
+            s(l(le), {
               modelValue: l(o).other.facetColumns,
-              "onUpdate:modelValue": e[36] || (e[36] = (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,
@@ -452,12 +469,12 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               mode: "input"
             }, null, 8, ["modelValue"])
           ])) : u("", !0),
-          Y.value === "scatterplot" ? (n(), d("div", ze, [
+          X.value === "scatterplot" ? (n(), d("div", Qe, [
             s(l(g), {
               modelValue: l(o).other.facetSharedBy,
-              "onUpdate:modelValue": e[37] || (e[37] = (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)
@@ -467,6 +484,6 @@ const ge = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
   }
 });
 export {
-  St as default
+  Lt as default
 };
 //# sourceMappingURL=ScatterplotAxesSettingsForm.vue.js.map