@milaboratories/graph-maker 1.1.192 → 1.1.194

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

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