@milaboratories/graph-maker 1.2.0 → 1.2.2

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

@@ -1,93 +1,94 @@
-import { defineComponent as h, computed as p, createElementBlock as n, openBlock as u, createElementVNode as i, createVNode as s, withCtx as m, createCommentVNode as d, unref as t, createTextVNode as x } from "vue";
-import { PlBtnGroup as r, PlTextField as X, PlCheckbox as v, Slider as U, PlToggleSwitch as E } from "@platforma-sdk/ui-vue";
-import { useStore as z } from "../../store.js";
+import { defineComponent as B, computed as p, createElementBlock as n, openBlock as u, createElementVNode as i, createVNode as s, withCtx as r, createCommentVNode as d, unref as t, createTextVNode as x } from "vue";
+import { PlBtnGroup as m, PlTextField as S, PlCheckbox as v, Slider as X, PlToggleSwitch as E, PlNumberField as z } from "@platforma-sdk/ui-vue";
+import { useStore as D } from "../../store.js";
 import Y from "../../components/CollapsableBlock.vue.js";
-import O from "../../icons/Right.vue.js";
-import N from "../../icons/Down.vue.js";
+import N from "../../icons/Right.vue.js";
+import C from "../../icons/Down.vue.js";
 import V from "../../components/BtnIconGroup.vue.js";
-import D from "../../icons/AlignLeft.vue.js";
-import Z from "../../icons/AlignCenter.vue.js";
-import W from "../../icons/AlignRight.vue.js";
-import $ from "../../icons/FrameFull.vue.js";
-import j from "../../icons/FrameEmpty.vue.js";
-import q from "../../icons/Rotation0.vue.js";
-import J from "../../icons/Rotation45.vue.js";
-import K from "../../icons/Rotation90.vue.js";
-const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-row block" }, te = {
+import Z from "../../icons/AlignLeft.vue.js";
+import W from "../../icons/AlignCenter.vue.js";
+import $ from "../../icons/AlignRight.vue.js";
+import j from "../../icons/FrameFull.vue.js";
+import q from "../../icons/FrameEmpty.vue.js";
+import J from "../../icons/Rotation0.vue.js";
+import K from "../../icons/Rotation45.vue.js";
+import Q from "../../icons/Rotation90.vue.js";
+import { MAX_FACETS_COUNT as ee } from "../../constantsCommon.js";
+const te = { class: "axes-settings-list" }, le = { class: "axes-settings-options-row block" }, oe = {
   key: 0,
   class: "axes-settings-input"
-}, le = { class: "axes-settings-options-row" }, oe = { class: "axes-settings-options-row" }, se = {
+}, se = { class: "axes-settings-options-row" }, ie = { class: "axes-settings-options-row" }, ae = {
   key: 0,
   class: "axes-settings-options-row"
-}, ie = {
+}, ne = {
   key: 1,
   class: "axes-settings-options-row"
-}, ae = {
+}, ue = {
   key: 2,
   class: "axes-settings-options-row"
-}, ne = { class: "axes-settings-options-row block" }, ue = { key: 3 }, de = { class: "axes-settings-options-row block" }, re = { class: "axes-settings-options-row block" }, me = {
+}, de = { class: "axes-settings-options-row block" }, me = { key: 3 }, re = { class: "axes-settings-options-row block" }, pe = { class: "axes-settings-options-row block" }, xe = {
   key: 4,
   class: "axes-settings-options-row"
-}, pe = { class: "axes-settings-options-row table" }, xe = { class: "axes-settings-options-row block" }, ve = { class: "axes-settings-options-row" }, Ve = {
+}, ve = { class: "axes-settings-options-row table" }, Ve = { class: "axes-settings-options-row block" }, ge = { class: "axes-settings-options-row" }, be = {
   key: 0,
   class: "axes-settings-options-row"
-}, ge = {
+}, fe = {
   key: 1,
   class: "axes-settings-options-row"
-}, be = {
+}, Te = {
   key: 2,
   class: "axes-settings-options-row"
-}, fe = { class: "axes-settings-options-row block" }, Te = { key: 3 }, Ae = { class: "axes-settings-options-row block" }, Se = { class: "axes-settings-options-row block" }, Le = {
+}, Ae = { class: "axes-settings-options-row block" }, Le = { key: 3 }, Se = { class: "axes-settings-options-row block" }, we = { class: "axes-settings-options-row block" }, ye = {
   key: 4,
   class: "axes-settings-options-row"
-}, we = { class: "axes-settings-options-row table" }, ye = { class: "axes-settings-options-row block" }, ke = { class: "other" }, Xe = { class: "axes-settings-options-row" }, Ue = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row" }, Oe = { class: "axes-settings-options-row" }, Ne = { class: "axes-settings-options-row block" }, P = 4, c = 50, G = 20, We = /* @__PURE__ */ h({
+}, Ue = { class: "axes-settings-options-row table" }, ke = { class: "axes-settings-options-row block" }, Xe = { class: "other" }, Ye = { class: "axes-settings-options-row" }, Ne = { class: "axes-settings-options-row" }, Ce = { class: "axes-settings-options-row" }, Oe = { class: "axes-settings-options-row" }, Ie = { class: "axes-settings-options-row" }, Ee = { class: "axes-settings-options-row" }, Pe = { class: "axes-settings-options-row block" }, P = 4, c = 50, M = 20, Ke = /* @__PURE__ */ B({
   __name: "HeatmapAxesSettingsForm",
-  setup(Ce) {
-    const g = z(), l = g.value.reactive.axesSettings, L = {
+  setup(ce) {
+    const g = D(), l = g.value.reactive.axesSettings, w = {
       height: 40,
       horizontalPadding: 12,
       defaultState: "open",
       contentPadding: "0 24px"
-    }, M = [
-      { value: "left", icon: D },
-      { value: "center", icon: Z },
-      { value: "right", icon: W }
+    }, _ = [
+      { value: "left", icon: Z },
+      { value: "center", icon: W },
+      { value: "right", icon: $ }
     ], b = [
-      { value: 0, icon: q },
-      { value: 45, icon: J },
-      { value: 90, icon: K }
-    ], w = [
+      { value: 0, icon: J },
+      { value: 45, icon: K },
+      { value: 90, icon: Q }
+    ], y = [
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hidden" }
-    ], _ = [
-      { value: "none", icon: j },
-      { value: "full", icon: $ }
-    ], R = [
+    ], F = [
+      { value: "none", icon: q },
+      { value: "full", icon: j }
+    ], G = [
       { text: "X", value: "x" },
       { text: "Y", value: "y" },
       { text: "XY", value: "xy" },
       { text: "None", value: "none" }
-    ], C = [
+    ], O = [
       { text: "ascending", value: "asc" },
       { text: "descending", value: "desc" }
     ], I = [
       { text: "auto", value: "auto" },
       { text: "custom", value: "custom" }
-    ], F = [
+    ], R = [
       { text: "left", value: "left" },
       { text: "right", value: "right" },
       { text: "hidden", value: "hidden" }
-    ], H = [
+    ], h = [
       { text: "top", value: "top" },
       { text: "bottom", value: "bottom" },
       { text: "hidden", value: "hidden" }
-    ], f = p(() => g.value.reactive.layersSettings.heatmapClustered), B = p(() => R.filter((a) => g.value.reactive.template !== "heatmapClustered" ? !0 : f.value.dendrogramX && f.value.dendrogramY ? a.value !== "x" && a.value !== "xy" && a.value !== "y" : f.value.dendrogramX ? a.value !== "x" && a.value !== "xy" : f.value.dendrogramY ? a.value !== "y" && a.value !== "xy" : !0)), T = p(() => g.value.reactive.optionsState.components), y = p(() => l.axisX.cellSize === null ? "auto" : "custom"), A = p({
+    ], f = p(() => g.value.reactive.layersSettings.heatmapClustered), H = p(() => G.filter((a) => g.value.reactive.template !== "heatmapClustered" ? !0 : f.value.dendrogramX && f.value.dendrogramY ? a.value !== "x" && a.value !== "xy" && a.value !== "y" : f.value.dendrogramX ? a.value !== "x" && a.value !== "xy" : f.value.dendrogramY ? a.value !== "y" && a.value !== "xy" : !0)), T = p(() => g.value.reactive.optionsState.components), U = p(() => l.axisX.cellSize === null ? "auto" : "custom"), A = p({
       get: () => l.axisX.cellSize,
       set: (a) => {
         l.axisX.cellSize = a;
       }
-    }), k = p(() => l.axisY.cellSize === null ? "auto" : "custom"), S = p({
+    }), k = p(() => l.axisY.cellSize === null ? "auto" : "custom"), L = p({
       get: () => l.axisY.cellSize,
       set: (a) => {
         l.axisY.cellSize = a;
@@ -95,40 +96,40 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
     });
     return (a, e) => (u(), n("div", {
       class: "axes-form",
-      onClick: e[32] || (e[32] = (o) => o.stopPropagation())
+      onClick: e[34] || (e[34] = (o) => o.stopPropagation())
     }, [
-      e[47] || (e[47] = i("h3", { class: "axes-title" }, " Axes ", -1)),
-      i("div", Q, [
+      e[49] || (e[49] = i("h3", { class: "axes-title" }, " Axes ", -1)),
+      i("div", te, [
         s(Y, {
           title: "Title",
-          settings: L,
-          icon: O,
-          "icon-open": N
+          settings: w,
+          icon: N,
+          "icon-open": C
         }, {
-          default: m(() => [
-            i("div", ee, [
-              s(t(r), {
+          default: r(() => [
+            i("div", le, [
+              s(t(m), {
                 modelValue: t(l).title.mode,
                 "onUpdate:modelValue": e[0] || (e[0] = (o) => t(l).title.mode = o),
                 label: "Title",
-                options: w,
+                options: y,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            t(l).title.mode === "custom" ? (u(), n("div", te, [
-              s(t(X), {
+            t(l).title.mode === "custom" ? (u(), n("div", oe, [
+              s(t(S), {
                 modelValue: t(l).title.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (o) => t(l).title.value = o),
                 label: "Chart title",
                 placeholder: "Chart title"
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", le, [
-              e[33] || (e[33] = i("span", null, "Alignment", -1)),
+            i("div", se, [
+              e[35] || (e[35] = i("span", null, "Alignment", -1)),
               s(V, {
                 modelValue: t(l).title.position,
                 "onUpdate:modelValue": e[2] || (e[2] = (o) => t(l).title.position = o),
-                options: M
+                options: _
               }, null, 8, ["modelValue"])
             ])
           ]),
@@ -136,82 +137,82 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
         }),
         s(Y, {
           title: "X-axis",
-          settings: L,
-          icon: O,
-          "icon-open": N
+          settings: w,
+          icon: N,
+          "icon-open": C
         }, {
-          default: m(() => [
-            i("div", oe, [
+          default: r(() => [
+            i("div", ie, [
               s(t(v), {
                 modelValue: t(l).axisX.hideAxisLabels,
                 "onUpdate:modelValue": e[3] || (e[3] = (o) => t(l).axisX.hideAxisLabels = o)
               }, {
-                default: m(() => [...e[34] || (e[34] = [
+                default: r(() => [...e[36] || (e[36] = [
                   x("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            T.value.xGroupBy.selectorStates.length ? (u(), n("div", se, [
+            T.value.xGroupBy.selectorStates.length ? (u(), n("div", ae, [
               s(t(v), {
                 modelValue: t(l).axisX.hideAxisGroupLabels,
                 "onUpdate:modelValue": e[4] || (e[4] = (o) => t(l).axisX.hideAxisGroupLabels = o)
               }, {
-                default: m(() => [...e[35] || (e[35] = [
+                default: r(() => [...e[37] || (e[37] = [
                   x("Hide group labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ])) : d("", !0),
-            t(l).axisX.hideAxisLabels ? d("", !0) : (u(), n("div", ie, [
-              e[36] || (e[36] = i("span", null, "Labels rotation", -1)),
+            t(l).axisX.hideAxisLabels ? d("", !0) : (u(), n("div", ne, [
+              e[38] || (e[38] = i("span", null, "Labels rotation", -1)),
               s(V, {
                 modelValue: t(l).axisX.axisLabelsAngle,
                 "onUpdate:modelValue": e[5] || (e[5] = (o) => t(l).axisX.axisLabelsAngle = o),
                 options: b
               }, null, 8, ["modelValue"])
             ])),
-            T.value.xGroupBy.selectorStates.length && !t(l).axisX.hideAxisGroupLabels ? (u(), n("div", ae, [
-              e[37] || (e[37] = i("span", null, "Group labels rotation", -1)),
+            T.value.xGroupBy.selectorStates.length && !t(l).axisX.hideAxisGroupLabels ? (u(), n("div", ue, [
+              e[39] || (e[39] = i("span", null, "Group labels rotation", -1)),
               s(V, {
                 modelValue: t(l).axisX.groupLabelsAngle,
                 "onUpdate:modelValue": e[6] || (e[6] = (o) => t(l).axisX.groupLabelsAngle = o),
                 options: b
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", ne, [
-              s(t(r), {
+            i("div", de, [
+              s(t(m), {
                 modelValue: t(l).axisX.titleMode,
                 "onUpdate:modelValue": e[7] || (e[7] = (o) => t(l).axisX.titleMode = o),
                 label: "Title",
-                options: w,
+                options: y,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            t(l).axisX.titleMode === "custom" ? (u(), n("div", ue, [
-              s(t(X), {
+            t(l).axisX.titleMode === "custom" ? (u(), n("div", me, [
+              s(t(S), {
                 modelValue: t(l).axisX.customTitle,
                 "onUpdate:modelValue": e[8] || (e[8] = (o) => t(l).axisX.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", de, [
-              s(t(r), {
+            i("div", re, [
+              s(t(m), {
                 modelValue: t(l).axisX.sorting,
                 "onUpdate:modelValue": e[9] || (e[9] = (o) => t(l).axisX.sorting = o),
                 label: "Sorting",
-                options: C,
+                options: O,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            i("div", re, [
-              s(t(r), {
-                modelValue: y.value,
+            i("div", pe, [
+              s(t(m), {
+                modelValue: U.value,
                 "onUpdate:modelValue": [
-                  e[10] || (e[10] = (o) => y.value = o),
+                  e[10] || (e[10] = (o) => U.value = o),
                   e[11] || (e[11] = (o) => {
-                    A.value = o === "auto" ? null : G;
+                    A.value = o === "auto" ? null : M;
                   })
                 ],
                 label: "Cell width mode",
@@ -219,8 +220,8 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            y.value === "custom" && A.value !== null ? (u(), n("div", me, [
-              s(t(U), {
+            U.value === "custom" && A.value !== null ? (u(), n("div", xe, [
+              s(t(X), {
                 modelValue: A.value,
                 "onUpdate:modelValue": e[12] || (e[12] = (o) => A.value = o),
                 label: "Cell width",
@@ -230,19 +231,19 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
                 style: { width: "100%" }
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", pe, [
-              e[38] || (e[38] = i("span", null, "Ticks", -1)),
+            i("div", ve, [
+              e[40] || (e[40] = i("span", null, "Ticks", -1)),
               s(t(E), {
                 modelValue: t(l).axisX.ticks,
                 "onUpdate:modelValue": e[13] || (e[13] = (o) => t(l).axisX.ticks = o)
               }, null, 8, ["modelValue"])
             ]),
-            i("div", xe, [
-              s(t(r), {
+            i("div", Ve, [
+              s(t(m), {
                 modelValue: t(l).axisX.annotationTitlePosition,
                 "onUpdate:modelValue": e[14] || (e[14] = (o) => t(l).axisX.annotationTitlePosition = o),
                 label: "Annotation title position",
-                options: F,
+                options: R,
                 compact: !0
               }, null, 8, ["modelValue"])
             ])
@@ -251,82 +252,82 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
         }),
         s(Y, {
           title: "Y-axis",
-          settings: L,
-          icon: O,
-          "icon-open": N
+          settings: w,
+          icon: N,
+          "icon-open": C
         }, {
-          default: m(() => [
-            i("div", ve, [
+          default: r(() => [
+            i("div", ge, [
               s(t(v), {
                 modelValue: t(l).axisY.hideAxisLabels,
                 "onUpdate:modelValue": e[15] || (e[15] = (o) => t(l).axisY.hideAxisLabels = o)
               }, {
-                default: m(() => [...e[39] || (e[39] = [
+                default: r(() => [...e[41] || (e[41] = [
                   x("Hide axis labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            T.value.yGroupBy.selectorStates.length ? (u(), n("div", Ve, [
+            T.value.yGroupBy.selectorStates.length ? (u(), n("div", be, [
               s(t(v), {
                 modelValue: t(l).axisY.hideAxisGroupLabels,
                 "onUpdate:modelValue": e[16] || (e[16] = (o) => t(l).axisY.hideAxisGroupLabels = o)
               }, {
-                default: m(() => [...e[40] || (e[40] = [
+                default: r(() => [...e[42] || (e[42] = [
                   x("Hide group labels", -1)
                 ])]),
                 _: 1
               }, 8, ["modelValue"])
             ])) : d("", !0),
-            t(l).axisY.hideAxisLabels ? d("", !0) : (u(), n("div", ge, [
-              e[41] || (e[41] = i("span", null, "Labels rotation", -1)),
+            t(l).axisY.hideAxisLabels ? d("", !0) : (u(), n("div", fe, [
+              e[43] || (e[43] = i("span", null, "Labels rotation", -1)),
               s(V, {
                 modelValue: t(l).axisY.axisLabelsAngle,
                 "onUpdate:modelValue": e[17] || (e[17] = (o) => t(l).axisY.axisLabelsAngle = o),
                 options: b
               }, null, 8, ["modelValue"])
             ])),
-            T.value.yGroupBy.selectorStates.length && !t(l).axisY.hideAxisGroupLabels ? (u(), n("div", be, [
-              e[42] || (e[42] = i("span", null, "Group labels rotation", -1)),
+            T.value.yGroupBy.selectorStates.length && !t(l).axisY.hideAxisGroupLabels ? (u(), n("div", Te, [
+              e[44] || (e[44] = i("span", null, "Group labels rotation", -1)),
               s(V, {
                 modelValue: t(l).axisY.groupLabelsAngle,
                 "onUpdate:modelValue": e[18] || (e[18] = (o) => t(l).axisY.groupLabelsAngle = o),
                 options: b
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", fe, [
-              s(t(r), {
+            i("div", Ae, [
+              s(t(m), {
                 modelValue: t(l).axisY.titleMode,
                 "onUpdate:modelValue": e[19] || (e[19] = (o) => t(l).axisY.titleMode = o),
                 label: "Title",
-                options: w,
+                options: y,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            t(l).axisY.titleMode === "custom" ? (u(), n("div", Te, [
-              s(t(X), {
+            t(l).axisY.titleMode === "custom" ? (u(), n("div", Le, [
+              s(t(S), {
                 modelValue: t(l).axisY.customTitle,
                 "onUpdate:modelValue": e[20] || (e[20] = (o) => t(l).axisY.customTitle = o),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", Ae, [
-              s(t(r), {
+            i("div", Se, [
+              s(t(m), {
                 modelValue: t(l).axisY.sorting,
                 "onUpdate:modelValue": e[21] || (e[21] = (o) => t(l).axisY.sorting = o),
                 label: "Sorting",
-                options: C,
+                options: O,
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            i("div", Se, [
-              s(t(r), {
+            i("div", we, [
+              s(t(m), {
                 modelValue: k.value,
                 "onUpdate:modelValue": [
                   e[22] || (e[22] = (o) => k.value = o),
                   e[23] || (e[23] = (o) => {
-                    S.value = o === "auto" ? null : G;
+                    L.value = o === "auto" ? null : M;
                   })
                 ],
                 label: "Cell height mode",
@@ -334,10 +335,10 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
                 compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            k.value === "custom" && S.value !== null ? (u(), n("div", Le, [
-              s(t(U), {
-                modelValue: S.value,
-                "onUpdate:modelValue": e[24] || (e[24] = (o) => S.value = o),
+            k.value === "custom" && L.value !== null ? (u(), n("div", ye, [
+              s(t(X), {
+                modelValue: L.value,
+                "onUpdate:modelValue": e[24] || (e[24] = (o) => L.value = o),
                 label: "Cell height",
                 min: P,
                 max: c,
@@ -345,60 +346,77 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
                 style: { width: "100%" }
               }, null, 8, ["modelValue"])
             ])) : d("", !0),
-            i("div", we, [
-              e[43] || (e[43] = i("span", null, "Ticks", -1)),
+            i("div", Ue, [
+              e[45] || (e[45] = i("span", null, "Ticks", -1)),
               s(t(E), {
                 modelValue: t(l).axisY.ticks,
                 "onUpdate:modelValue": e[25] || (e[25] = (o) => t(l).axisY.ticks = o)
               }, null, 8, ["modelValue"])
             ]),
-            i("div", ye, [
-              s(t(r), {
+            i("div", ke, [
+              s(t(m), {
                 modelValue: t(l).axisY.annotationTitlePosition,
                 "onUpdate:modelValue": e[26] || (e[26] = (o) => t(l).axisY.annotationTitlePosition = o),
                 label: "Annotation title position",
-                options: H,
+                options: h,
                 compact: !0
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        i("div", ke, [
-          i("div", Xe, [
+        i("div", Xe, [
+          i("div", Ye, [
             s(t(v), {
               modelValue: t(l).other.showLegend,
               "onUpdate:modelValue": e[27] || (e[27] = (o) => t(l).other.showLegend = o)
             }, {
-              default: m(() => [...e[44] || (e[44] = [
+              default: r(() => [...e[46] || (e[46] = [
                 x("Show legend", -1)
               ])]),
               _: 1
             }, 8, ["modelValue"])
           ]),
-          i("div", Ue, [
+          i("div", Ne, [
+            s(t(S), {
+              modelValue: t(l).other.nullValueLabel,
+              "onUpdate:modelValue": e[28] || (e[28] = (o) => t(l).other.nullValueLabel = o),
+              label: "Null value label",
+              placeholder: "NA"
+            }, null, 8, ["modelValue"])
+          ]),
+          i("div", Ce, [
+            s(t(z), {
+              modelValue: t(l).other.maxFacetsCount,
+              "onUpdate:modelValue": e[29] || (e[29] = (o) => t(l).other.maxFacetsCount = o),
+              label: "Max facets count",
+              min: 1,
+              max: t(ee)
+            }, null, 8, ["modelValue", "max"])
+          ]),
+          i("div", Oe, [
             s(t(v), {
               modelValue: t(l).other.canvasRenderMode,
-              "onUpdate:modelValue": e[28] || (e[28] = (o) => t(l).other.canvasRenderMode = o)
+              "onUpdate:modelValue": e[30] || (e[30] = (o) => t(l).other.canvasRenderMode = o)
             }, {
-              default: m(() => [...e[45] || (e[45] = [
+              default: r(() => [...e[47] || (e[47] = [
                 x("Render as canvas", -1)
               ])]),
               _: 1
             }, 8, ["modelValue"])
           ]),
-          i("div", Ye, [
-            e[46] || (e[46] = i("span", null, "Frame", -1)),
+          i("div", Ie, [
+            e[48] || (e[48] = i("span", null, "Frame", -1)),
             s(V, {
               modelValue: t(l).other.frame,
-              "onUpdate:modelValue": e[29] || (e[29] = (o) => t(l).other.frame = o),
-              options: _
+              "onUpdate:modelValue": e[31] || (e[31] = (o) => t(l).other.frame = o),
+              options: F
             }, null, 8, ["modelValue"])
           ]),
-          i("div", Oe, [
-            s(t(U), {
+          i("div", Ee, [
+            s(t(X), {
               modelValue: t(l).other.facetColumns,
-              "onUpdate:modelValue": e[30] || (e[30] = (o) => t(l).other.facetColumns = o),
+              "onUpdate:modelValue": e[32] || (e[32] = (o) => t(l).other.facetColumns = o),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
@@ -408,12 +426,12 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
               mode: "input"
             }, null, 8, ["modelValue"])
           ]),
-          i("div", Ne, [
-            s(t(r), {
+          i("div", Pe, [
+            s(t(m), {
               modelValue: t(l).other.facetSharedBy,
-              "onUpdate:modelValue": e[31] || (e[31] = (o) => t(l).other.facetSharedBy = o),
+              "onUpdate:modelValue": e[33] || (e[33] = (o) => t(l).other.facetSharedBy = o),
               label: "Facet shared by",
-              options: B.value,
+              options: H.value,
               compact: !0
             }, null, 8, ["modelValue", "options"])
           ])
@@ -423,6 +441,6 @@ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-
   }
 });
 export {
-  We as default
+  Ke as default
 };
 //# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map