@milaboratories/graph-maker 1.2.0 → 1.2.2

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

@@ -1,103 +1,102 @@
-import { defineComponent as oe, computed as r, ref as k, onMounted as te, watch as q, createElementBlock as p, openBlock as d, createElementVNode as a, createVNode as s, withCtx as v, createCommentVNode as m, unref as l, createBlock as z, createTextVNode as P } from "vue";
-import { PlBtnGroup as S, PlTextField as I, PlToggleSwitch as x, PlCheckbox as L, Slider as ae } from "@platforma-sdk/ui-vue";
-import { useStore as se } from "../../store.js";
+import { defineComponent as te, computed as r, ref as A, onMounted as ae, watch as q, createElementBlock as p, openBlock as d, createElementVNode as a, createVNode as s, withCtx as v, createCommentVNode as m, unref as l, createBlock as z, createTextVNode as C } from "vue";
+import { PlBtnGroup as S, PlTextField as k, PlToggleSwitch as x, PlCheckbox as N, PlNumberField as j, Slider as se } from "@platforma-sdk/ui-vue";
+import { useStore as ne } from "../../store.js";
 import G from "../../components/CollapsableBlock.vue.js";
-import N from "../../icons/Right.vue.js";
-import C from "../../icons/Down.vue.js";
-import R from "../../components/BtnIconGroup.vue.js";
-import ne from "../../icons/AlignLeft.vue.js";
-import ie from "../../icons/AlignCenter.vue.js";
-import ue from "../../icons/AlignRight.vue.js";
-import re from "../../icons/FrameFull.vue.js";
-import de from "../../icons/FrameEmpty.vue.js";
-import me from "../../icons/Rotation0.vue.js";
-import pe from "../../icons/Rotation45.vue.js";
-import ve from "../../icons/Rotation90.vue.js";
-import xe from "../../icons/FrameLeft.vue.js";
-import ge from "../../icons/FrameBottom.vue.js";
-import fe from "../../icons/FrameLeftBottom.vue.js";
-import j from "../../components/AesButton.vue.js";
-import J from "../../components/AesSettings/FormWrapper.vue.js";
-import K from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
-import { createDefaultMapping as Q } from "../../dataBindAes.js";
-import { getDiscreteLabelsRotation as Ve } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
-const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options-row block" }, Se = {
+import L from "../../icons/Right.vue.js";
+import F from "../../icons/Down.vue.js";
+import I from "../../components/BtnIconGroup.vue.js";
+import ie from "../../icons/AlignLeft.vue.js";
+import ue from "../../icons/AlignCenter.vue.js";
+import re from "../../icons/AlignRight.vue.js";
+import de from "../../icons/FrameFull.vue.js";
+import me from "../../icons/FrameEmpty.vue.js";
+import pe from "../../icons/Rotation0.vue.js";
+import ve from "../../icons/Rotation45.vue.js";
+import xe from "../../icons/Rotation90.vue.js";
+import ge from "../../icons/FrameLeft.vue.js";
+import fe from "../../icons/FrameBottom.vue.js";
+import Ve from "../../icons/FrameLeftBottom.vue.js";
+import J from "../../components/AesButton.vue.js";
+import K from "../../components/AesSettings/FormWrapper.vue.js";
+import Q from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
+import { createDefaultMapping as W } from "../../dataBindAes.js";
+import { MAX_GROUPS_COUNT as be, MAX_FACETS_COUNT as we } from "../../constantsCommon.js";
+import { getDiscreteLabelsRotation as Se } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
+const ye = { class: "axes-settings-list" }, ce = { class: "axes-settings-options-row block" }, Ae = {
   key: 0,
   class: "axes-settings-input"
-}, we = { class: "axes-settings-options-row" }, ce = {
+}, ke = { class: "axes-settings-options-row" }, Te = {
   key: 0,
   class: "axes-settings-options-row"
-}, ke = {
+}, Ue = {
   key: 1,
   class: "axes-settings-options-row"
-}, Ae = {
+}, Oe = {
   key: 2,
   class: "axes-settings-options-row"
-}, Te = {
+}, Xe = {
   key: 3,
   class: "axes-settings-options-row"
-}, Xe = { class: "axes-settings-options-row" }, Oe = {
+}, Pe = { class: "axes-settings-options-row" }, Ce = {
   key: 4,
   class: "axes-settings-options-row"
-}, Ue = { class: "axes-settings-options-row block" }, Pe = { key: 5 }, Ie = { class: "axes-settings-options-row table" }, Le = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row table" }, Ne = { class: "axes-settings-options-row block" }, Ce = { key: 0 }, Re = { class: "axes-settings-options-row" }, Fe = { class: "axes-settings-options-row block" }, De = { class: "axes-settings-options-row table" }, Ye = { class: "axes-settings-options-row table" }, Be = { class: "other" }, Me = { class: "axes-settings-options-row" }, Ee = { class: "axes-settings-options-row" }, $e = { class: "axes-settings-options-row" }, He = { class: "axes-settings-options-row" }, qe = { class: "axes-settings-options-row block" }, gl = /* @__PURE__ */ oe({
+}, Ne = { class: "axes-settings-options-row block" }, Ge = { key: 5 }, Le = { class: "axes-settings-options-row table" }, Fe = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, Re = { class: "axes-settings-options-row block" }, Me = { key: 0 }, De = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, Be = { class: "axes-settings-options-row table" }, Ee = { class: "axes-settings-options-row table" }, $e = { class: "other" }, He = { class: "axes-settings-options-row" }, qe = { class: "axes-settings-options-row" }, ze = { class: "axes-settings-options-row" }, je = { class: "axes-settings-options-row" }, Je = { class: "axes-settings-options-row" }, Ke = { class: "axes-settings-options-row" }, Qe = { class: "axes-settings-options-row" }, We = { class: "axes-settings-options-row block" }, cl = /* @__PURE__ */ te({
   __name: "DiscreteAxesSettingsForm",
-  setup(ze) {
-    const i = se(), t = i.value.reactive.axesSettings, A = {
+  setup(Ze) {
+    const i = ne(), t = i.value.reactive.axesSettings, T = {
       height: 40,
       horizontalPadding: 12,
       defaultState: "open",
       contentPadding: "0 24px"
-    }, W = [
-      { value: "left", icon: ne },
-      { value: "center", icon: ie },
-      { value: "right", icon: ue }
-    ], Z = [
-      { value: "center", icon: me },
-      { value: "45deg", icon: pe },
-      { value: "90deg", icon: ve }
-    ], T = [
+    }, Z = [
+      { value: "left", icon: ie },
+      { value: "center", icon: ue },
+      { value: "right", icon: re }
+    ], _ = [
+      { value: "center", icon: pe },
+      { value: "45deg", icon: ve },
+      { value: "90deg", icon: xe }
+    ], U = [
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hidden" }
-    ], _ = [
+    ], h = [
       { value: "linear", text: "Linear" },
       { value: "log", text: "Log" }
-    ], h = [
-      { value: "empty", icon: de },
-      { value: "left", icon: xe },
-      { value: "bottom", icon: ge },
-      { value: "left-bottom", icon: fe },
-      { value: "full", icon: re }
-    ], F = r(() => i.value.inputGuide.value), X = r(() => i.value.uniqueValuesData.value), V = k(!1), b = k(!1), D = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), Y = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
-    te(() => {
-      D.value && (V.value = !0), Y.value && (b.value = !0);
-    }), q(() => D.value, (n) => {
+    ], ee = [
+      { value: "empty", icon: me },
+      { value: "left", icon: ge },
+      { value: "bottom", icon: fe },
+      { value: "left-bottom", icon: Ve },
+      { value: "full", icon: de }
+    ], R = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), V = A(!1), b = A(!1), M = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
+    ae(() => {
+      M.value && (V.value = !0), D.value && (b.value = !0);
+    }), q(() => M.value, (n) => {
       n && (b.value = !1, V.value = !0);
-    }), q(() => Y.value, (n) => {
+    }), q(() => D.value, (n) => {
       n && (V.value = !1, b.value = !0);
     });
     const g = r(() => {
       var n, e;
       return (e = (n = i.value.reactive.optionsState.components.primaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
-    }), y = r(() => {
+    }), w = r(() => {
       var n, e;
       return (e = (n = i.value.reactive.optionsState.components.secondaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
-    }), w = r(() => i.value.commonHelpersData.primaryGroups.value), c = r(() => i.value.commonHelpersData.secondaryGroups.value), B = r(() => i.value.commonHelpersData.usedAesInMapping.value), M = k(i.value.reactive.dataBindAes[g.value] ?? Q(w.value, i.value.defaultPalette.categorical)), E = k(i.value.reactive.dataBindAes[y.value] ?? Q(c.value, i.value.defaultPalette.categorical)), O = r(() => {
-      var n;
+    }), y = r(() => i.value.commonHelpersData.primaryGroups.value), c = r(() => i.value.commonHelpersData.secondaryGroups.value), Y = r(() => i.value.commonHelpersData.usedAesInMapping.value), B = A(i.value.reactive.dataBindAes[g.value] ?? W(y.value, i.value.defaultPalette.categorical)), E = A(i.value.reactive.dataBindAes[w.value] ?? W(c.value, i.value.defaultPalette.categorical)), X = r(() => {
       if (g.value) {
-        const e = F.value.getSourceInfo(g.value) ?? null, o = ((n = X.value[g.value]) == null ? void 0 : n.labels) ?? null;
+        const n = R.value.getSourceInfo(g.value) ?? null, e = O.value[g.value], o = e != null && e.overflow ? null : (e == null ? void 0 : e.labels) ?? null;
         return {
-          selectedSourceInfo: e,
-          labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
+          selectedSourceInfo: n,
+          labels: y.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
         };
       }
       return null;
-    }), U = r(() => {
-      var n;
-      if (y.value) {
-        const e = F.value.getSourceInfo(y.value) ?? null, o = ((n = X.value[y.value]) == null ? void 0 : n.labels) ?? null;
+    }), P = r(() => {
+      if (w.value) {
+        const n = R.value.getSourceInfo(w.value) ?? null, e = O.value[w.value], o = e != null && e.overflow ? null : (e == null ? void 0 : e.labels) ?? null;
         return {
-          selectedSourceInfo: e,
+          selectedSourceInfo: n,
           labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
         };
       }
@@ -106,15 +105,18 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
     function $(n, e) {
       i.value.reactive.dataBindAes[e] = n;
     }
-    const ee = [
+    const le = [
       { text: "X", value: "x" },
       { text: "Y", value: "y" },
       { text: "XY", value: "xy" },
       { text: "None", value: "none" }
-    ], le = r(() => X.value[g.value]), H = r({
+    ], oe = r(() => {
+      const n = O.value[g.value];
+      return n != null && n.overflow ? null : n;
+    }), H = r({
       get() {
         var n;
-        return Ve(t.axisX.labelsRotation, (n = le.value) == null ? void 0 : n.options);
+        return Se(t.axisX.labelsRotation, (n = oe.value) == null ? void 0 : n.options);
       },
       set(n) {
         t.axisX.labelsRotation = n;
@@ -122,40 +124,40 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
     });
     return (n, e) => (d(), p("div", {
       class: "axes-form",
-      onClick: e[33] || (e[33] = (o) => o.stopPropagation())
+      onClick: e[36] || (e[36] = (o) => o.stopPropagation())
     }, [
-      e[50] || (e[50] = a("h3", { class: "axes-title" }, " Axes ", -1)),
-      a("div", be, [
+      e[53] || (e[53] = a("h3", { class: "axes-title" }, " Axes ", -1)),
+      a("div", ye, [
         s(G, {
           title: "Title",
-          settings: A,
-          icon: N,
-          "icon-open": C
+          settings: T,
+          icon: L,
+          "icon-open": F
         }, {
           default: v(() => [
-            a("div", ye, [
+            a("div", ce, [
               s(l(S), {
                 modelValue: l(t).title.mode,
                 "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o),
                 label: "Title",
-                options: T,
+                options: U,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(t).title.mode === "custom" ? (d(), p("div", Se, [
-              s(l(I), {
+            l(t).title.mode === "custom" ? (d(), p("div", Ae, [
+              s(l(k), {
                 modelValue: l(t).title.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o),
                 label: "Chart title",
                 placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", we, [
-              e[34] || (e[34] = a("span", null, "Alignment", -1)),
-              s(R, {
+            a("div", ke, [
+              e[37] || (e[37] = a("span", null, "Alignment", -1)),
+              s(I, {
                 modelValue: l(t).title.position,
                 "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o),
-                options: W
+                options: Z
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -163,18 +165,18 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
         }),
         s(G, {
           title: "X-axis",
-          settings: A,
-          icon: N,
-          "icon-open": C
+          settings: T,
+          icon: L,
+          "icon-open": F
         }, {
           default: v(() => [
-            w.value.length > 1 ? (d(), p("div", ce, [
-              e[35] || (e[35] = a("span", null, "Primary groups order: ", -1)),
-              s(j, {
+            y.value.length > 1 ? (d(), p("div", Te, [
+              e[38] || (e[38] = a("span", null, "Primary groups order: ", -1)),
+              s(J, {
                 data: { type: "data", value: null },
                 onClick: e[3] || (e[3] = (o) => V.value = !0)
               }),
-              V.value && O.value ? (d(), z(J, {
+              V.value && X.value ? (d(), z(K, {
                 key: 0,
                 title: "Reorder primary groups",
                 "back-title": "Axes Settings",
@@ -184,15 +186,15 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
                 default: v(() => {
                   var o;
                   return [
-                    s(K, {
-                      modelValue: M.value,
+                    s(Q, {
+                      modelValue: B.value,
                       "onUpdate:modelValue": [
-                        e[4] || (e[4] = (u) => M.value = u),
+                        e[4] || (e[4] = (u) => B.value = u),
                         e[5] || (e[5] = (u) => $(u, g.value))
                       ],
-                      "column-value-labels": O.value.labels,
-                      "data-column-label": ((o = O.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": B.value[g.value],
+                      "column-value-labels": X.value.labels,
+                      "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
+                      "used-aes-in-mapping": Y.value[g.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullPrimaryGroups
@@ -202,20 +204,20 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
                 _: 1
               })) : m("", !0)
             ])) : m("", !0),
-            w.value.length > 1 ? (d(), p("div", ke, [
-              e[36] || (e[36] = a("span", null, "Allow null primary group", -1)),
+            y.value.length > 1 ? (d(), p("div", Ue, [
+              e[39] || (e[39] = a("span", null, "Allow null primary group", -1)),
               s(l(x), {
                 modelValue: l(t).axisX.allowNullPrimaryGroups,
                 "onUpdate:modelValue": e[8] || (e[8] = (o) => l(t).axisX.allowNullPrimaryGroups = o)
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            c.value.length > 1 ? (d(), p("div", Ae, [
-              e[37] || (e[37] = a("span", null, "Secondary groups order: ", -1)),
-              s(j, {
+            c.value.length > 1 ? (d(), p("div", Oe, [
+              e[40] || (e[40] = a("span", null, "Secondary groups order: ", -1)),
+              s(J, {
                 data: { type: "data", value: null },
                 onClick: e[9] || (e[9] = (o) => b.value = !0)
               }),
-              b.value && U.value ? (d(), z(J, {
+              b.value && P.value ? (d(), z(K, {
                 key: 0,
                 title: "Reorder secondary groups",
                 "back-title": "Axes Settings",
@@ -225,15 +227,15 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
                 default: v(() => {
                   var o;
                   return [
-                    s(K, {
+                    s(Q, {
                       modelValue: E.value,
                       "onUpdate:modelValue": [
                         e[10] || (e[10] = (u) => E.value = u),
-                        e[11] || (e[11] = (u) => $(u, y.value))
+                        e[11] || (e[11] = (u) => $(u, w.value))
                       ],
-                      "column-value-labels": U.value.labels,
-                      "data-column-label": ((o = U.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": B.value[y.value],
+                      "column-value-labels": P.value.labels,
+                      "data-column-label": ((o = P.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
+                      "used-aes-in-mapping": Y.value[w.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -243,65 +245,65 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
                 _: 1
               })) : m("", !0)
             ])) : m("", !0),
-            c.value.length > 1 ? (d(), p("div", Te, [
-              e[38] || (e[38] = a("span", null, "Allow null secondary group", -1)),
+            c.value.length > 1 ? (d(), p("div", Xe, [
+              e[41] || (e[41] = a("span", null, "Allow null secondary group", -1)),
               s(l(x), {
                 modelValue: l(t).axisX.allowNullSecondaryGroups,
                 "onUpdate:modelValue": e[14] || (e[14] = (o) => l(t).axisX.allowNullSecondaryGroups = o)
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", Xe, [
-              s(l(L), {
+            a("div", Pe, [
+              s(l(N), {
                 modelValue: l(t).axisX.hideAxisLabels,
                 "onUpdate:modelValue": e[15] || (e[15] = (o) => l(t).axisX.hideAxisLabels = o)
               }, {
-                default: v(() => [...e[39] || (e[39] = [
-                  P("Hide axis labels", -1)
+                default: v(() => [...e[42] || (e[42] = [
+                  C("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            l(t).axisX.hideAxisLabels ? m("", !0) : (d(), p("div", Oe, [
-              e[40] || (e[40] = a("span", null, "Labels rotation", -1)),
-              s(R, {
+            l(t).axisX.hideAxisLabels ? m("", !0) : (d(), p("div", Ce, [
+              e[43] || (e[43] = a("span", null, "Labels rotation", -1)),
+              s(I, {
                 modelValue: H.value,
                 "onUpdate:modelValue": e[16] || (e[16] = (o) => H.value = o),
-                options: Z
+                options: _
               }, null, 8, ["modelValue"])
             ])),
-            a("div", Ue, [
+            a("div", Ne, [
               s(l(S), {
                 modelValue: l(t).axisX.titleMode,
                 "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.titleMode = o),
                 label: "Title",
-                options: T,
+                options: U,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(t).axisX.titleMode === "custom" ? (d(), p("div", Pe, [
-              s(l(I), {
+            l(t).axisX.titleMode === "custom" ? (d(), p("div", Ge, [
+              s(l(k), {
                 modelValue: l(t).axisX.customTitle,
                 "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", Ie, [
-              e[41] || (e[41] = a("span", null, "Gridlines", -1)),
+            a("div", Le, [
+              e[44] || (e[44] = a("span", null, "Gridlines", -1)),
               s(l(x), {
                 modelValue: l(t).axisX.gridlines,
                 "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.gridlines = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Le, [
-              e[42] || (e[42] = a("span", null, "Lines between categories", -1)),
+            a("div", Fe, [
+              e[45] || (e[45] = a("span", null, "Lines between categories", -1)),
               s(l(x), {
                 modelValue: l(t).axisX.linesBetweenCategories,
                 "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.linesBetweenCategories = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ge, [
-              e[43] || (e[43] = a("span", null, "Ticks", -1)),
+            a("div", Ie, [
+              e[46] || (e[46] = a("span", null, "Ticks", -1)),
               s(l(x), {
                 modelValue: l(t).axisX.ticks,
                 "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisX.ticks = o)
@@ -312,57 +314,57 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
         }),
         s(G, {
           title: "Y-axis",
-          settings: A,
-          icon: N,
-          "icon-open": C
+          settings: T,
+          icon: L,
+          "icon-open": F
         }, {
           default: v(() => [
-            a("div", Ne, [
+            a("div", Re, [
               s(l(S), {
                 modelValue: l(t).axisY.titleMode,
                 "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.titleMode = o),
                 label: "Title",
-                options: T,
+                options: U,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            l(t).axisY.titleMode === "custom" ? (d(), p("div", Ce, [
-              s(l(I), {
+            l(t).axisY.titleMode === "custom" ? (d(), p("div", Me, [
+              s(l(k), {
                 modelValue: l(t).axisY.customTitle,
                 "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : m("", !0),
-            a("div", Re, [
-              s(l(L), {
+            a("div", De, [
+              s(l(N), {
                 modelValue: l(t).axisY.hideAxisLabels,
                 "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.hideAxisLabels = o)
               }, {
-                default: v(() => [...e[44] || (e[44] = [
-                  P("Hide axis labels", -1)
+                default: v(() => [...e[47] || (e[47] = [
+                  C("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            a("div", Fe, [
+            a("div", Ye, [
               s(l(S), {
                 modelValue: l(t).axisY.scale,
                 "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.scale = o),
                 label: "Scale",
-                options: _,
+                options: h,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            a("div", De, [
-              e[45] || (e[45] = a("span", null, "Gridlines", -1)),
+            a("div", Be, [
+              e[48] || (e[48] = a("span", null, "Gridlines", -1)),
               s(l(x), {
                 modelValue: l(t).axisY.gridlines,
                 "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.gridlines = o)
               }, null, 8, ["modelValue"])
             ]),
-            a("div", Ye, [
-              e[46] || (e[46] = a("span", null, "Ticks", -1)),
+            a("div", Ee, [
+              e[49] || (e[49] = a("span", null, "Ticks", -1)),
               s(l(x), {
                 modelValue: l(t).axisY.ticks,
                 "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).axisY.ticks = o)
@@ -371,37 +373,63 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
           ]),
           _: 1
         }),
-        a("div", Be, [
-          a("div", Me, [
-            s(l(L), {
+        a("div", $e, [
+          a("div", He, [
+            s(l(N), {
               modelValue: l(t).other.showLegend,
               "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.showLegend = o)
             }, {
-              default: v(() => [...e[47] || (e[47] = [
-                P("Show legend", -1)
+              default: v(() => [...e[50] || (e[50] = [
+                C("Show legend", -1)
               ])]),
               _: 1
             }, 8, ["modelValue"])
           ]),
-          a("div", Ee, [
-            e[48] || (e[48] = a("span", null, "Frame", -1)),
-            s(R, {
+          a("div", qe, [
+            s(l(k), {
+              modelValue: l(t).other.nullValueLabel,
+              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.nullValueLabel = o),
+              label: "Null value label",
+              placeholder: "NA"
+            }, null, 8, ["modelValue"])
+          ]),
+          a("div", ze, [
+            s(l(j), {
+              modelValue: l(t).other.maxGroupCount,
+              "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.maxGroupCount = o),
+              label: "Max groups count",
+              min: 2,
+              max: l(be)
+            }, null, 8, ["modelValue", "max"])
+          ]),
+          a("div", je, [
+            s(l(j), {
+              modelValue: l(t).other.maxFacetsCount,
+              "onUpdate:modelValue": e[31] || (e[31] = (o) => l(t).other.maxFacetsCount = o),
+              label: "Max facets count",
+              min: 1,
+              max: l(we)
+            }, null, 8, ["modelValue", "max"])
+          ]),
+          a("div", Je, [
+            e[51] || (e[51] = a("span", null, "Frame", -1)),
+            s(I, {
               modelValue: l(t).other.frame,
-              "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.frame = o),
-              options: h
+              "onUpdate:modelValue": e[32] || (e[32] = (o) => l(t).other.frame = o),
+              options: ee
             }, null, 8, ["modelValue"])
           ]),
-          a("div", $e, [
-            e[49] || (e[49] = a("span", null, "Reverse axes", -1)),
+          a("div", Ke, [
+            e[52] || (e[52] = a("span", null, "Reverse axes", -1)),
             s(l(x), {
               modelValue: l(t).other.reverse,
-              "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.reverse = o)
+              "onUpdate:modelValue": e[33] || (e[33] = (o) => l(t).other.reverse = o)
             }, null, 8, ["modelValue"])
           ]),
-          a("div", He, [
-            s(l(ae), {
+          a("div", Qe, [
+            s(l(se), {
               modelValue: l(t).other.facetColumns,
-              "onUpdate:modelValue": e[31] || (e[31] = (o) => l(t).other.facetColumns = o),
+              "onUpdate:modelValue": e[34] || (e[34] = (o) => l(t).other.facetColumns = o),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
@@ -411,12 +439,12 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
               mode: "input"
             }, null, 8, ["modelValue"])
           ]),
-          a("div", qe, [
+          a("div", We, [
             s(l(S), {
               modelValue: l(t).other.facetSharedBy,
-              "onUpdate:modelValue": e[32] || (e[32] = (o) => l(t).other.facetSharedBy = o),
+              "onUpdate:modelValue": e[35] || (e[35] = (o) => l(t).other.facetSharedBy = o),
               label: "Facet shared by",
-              options: ee,
+              options: le,
               compact: !0
             }, null, 8, ["modelValue"])
           ])
@@ -426,6 +454,6 @@ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options
   }
 });
 export {
-  gl as default
+  cl as default
 };
 //# sourceMappingURL=DiscreteAxesSettingsForm.vue.js.map