@milaboratories/graph-maker 1.1.193 → 1.1.195

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/constantsCommon.d.ts +4 -0
  2. package/dist/constantsCommon.js +21 -17
  3. package/dist/constantsCommon.js.map +1 -1
  4. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js +146 -135
  5. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js.map +1 -1
  6. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js +263 -193
  7. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map +1 -1
  8. package/dist/utils/createChartSettingsForRender/getAxesDataFromForms.js +27 -27
  9. package/dist/utils/createChartSettingsForRender/getAxesDataFromForms.js.map +1 -1
  10. package/package.json +3 -3
package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js CHANGED
@@ -1,313 +1,383 @@
1
- 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";
2
- import { PlBtnGroup as a, PlTextField as y, Slider as w, PlCheckbox as z } from "@platforma-sdk/ui-vue";
3
- import { useStore as G } from "../../store.js";
4
- import L from "../../components/CollapsableBlock.vue.js";
1
+ 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";
2
+ import { PlBtnGroup as r, PlTextField as X, PlCheckbox as V, Slider as U, PlToggleSwitch as E } from "@platforma-sdk/ui-vue";
3
+ import { useStore as D } from "../../store.js";
4
+ import Y from "../../components/CollapsableBlock.vue.js";
5
5
  import O from "../../icons/Right.vue.js";
6
6
  import N from "../../icons/Down.vue.js";
7
- import p from "../../components/BtnIconGroup.vue.js";
8
- import H from "../../icons/AlignLeft.vue.js";
9
- import D from "../../icons/AlignCenter.vue.js";
10
- import Z from "../../icons/AlignRight.vue.js";
11
- import W from "../../icons/FrameFull.vue.js";
12
- import $ from "../../icons/FrameEmpty.vue.js";
13
- import j from "../../icons/Rotation0.vue.js";
14
- import q from "../../icons/Rotation45.vue.js";
15
- import J from "../../icons/Rotation90.vue.js";
16
- const K = { class: "axes-settings-list" }, Q = { class: "axes-settings-options-row block" }, ee = {
7
+ import x from "../../components/BtnIconGroup.vue.js";
8
+ import Z from "../../icons/AlignLeft.vue.js";
9
+ import c from "../../icons/AlignCenter.vue.js";
10
+ import W from "../../icons/AlignRight.vue.js";
11
+ import $ from "../../icons/FrameFull.vue.js";
12
+ import j from "../../icons/FrameEmpty.vue.js";
13
+ import q from "../../icons/Rotation0.vue.js";
14
+ import J from "../../icons/Rotation45.vue.js";
15
+ import K from "../../icons/Rotation90.vue.js";
16
+ const Q = { class: "axes-settings-list" }, ee = { class: "axes-settings-options-row block" }, le = {
17
17
  key: 0,
18
18
  class: "axes-settings-input"
19
- }, te = { class: "axes-settings-options-row" }, le = { class: "axes-settings-options-row" }, oe = {
19
+ }, te = { class: "axes-settings-options-row" }, oe = { class: "axes-settings-options-row" }, se = {
20
20
  key: 0,
21
21
  class: "axes-settings-options-row"
22
- }, 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 = {
22
+ }, ie = {
23
+ key: 1,
24
+ class: "axes-settings-options-row"
25
+ }, ae = {
23
26
  key: 2,
24
27
  class: "axes-settings-options-row"
25
- }, de = { class: "axes-settings-options-row block" }, me = { class: "axes-settings-options-row" }, re = {
28
+ }, 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 = {
29
+ key: 4,
30
+ class: "axes-settings-options-row"
31
+ }, pe = { class: "axes-settings-options-row table" }, xe = { class: "axes-settings-options-row block" }, ve = { class: "axes-settings-options-row" }, Ve = {
26
32
  key: 0,
27
33
  class: "axes-settings-options-row"
28
- }, 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 = {
34
+ }, ge = {
35
+ key: 1,
36
+ class: "axes-settings-options-row"
37
+ }, be = {
29
38
  key: 2,
30
39
  class: "axes-settings-options-row"
31
- }, 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({
40
+ }, 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 = {
41
+ key: 4,
42
+ class: "axes-settings-options-row"
43
+ }, 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({
32
44
  __name: "HeatmapAxesSettingsForm",
33
- setup(ye) {
34
- const x = G(), o = x.value.reactive.axesSettings, f = {
45
+ setup(Ne) {
46
+ const g = D(), t = g.value.reactive.axesSettings, L = {
35
47
  height: 40,
36
48
  horizontalPadding: 12,
37
49
  defaultState: "open"
38
- }, Y = [
39
- { value: "left", icon: H },
40
- { value: "center", icon: D },
41
- { value: "right", icon: Z }
42
- ], v = [
43
- { value: 0, icon: j },
44
- { value: 45, icon: q },
45
- { value: 90, icon: J }
46
- ], S = [
50
+ }, M = [
51
+ { value: "left", icon: Z },
52
+ { value: "center", icon: c },
53
+ { value: "right", icon: W }
54
+ ], b = [
55
+ { value: 0, icon: q },
56
+ { value: 45, icon: J },
57
+ { value: 90, icon: K }
58
+ ], y = [
47
59
  { value: "auto", text: "Auto" },
48
60
  { value: "custom", text: "Custom" },
49
61
  { value: "hidden", text: "Hidden" }
50
- ], E = [
51
- { value: "none", icon: $ },
52
- { value: "full", icon: W }
53
- ], P = [
62
+ ], R = [
63
+ { value: "none", icon: j },
64
+ { value: "full", icon: $ }
65
+ ], F = [
54
66
  { text: "X", value: "x" },
55
67
  { text: "Y", value: "y" },
56
68
  { text: "XY", value: "xy" },
57
69
  { text: "None", value: "none" }
58
- ], U = [
70
+ ], C = [
59
71
  { text: "ascending", value: "asc" },
60
72
  { text: "descending", value: "desc" }
61
- ], X = [
73
+ ], I = [
62
74
  { text: "auto", value: "auto" },
63
75
  { text: "custom", value: "custom" }
64
- ], M = [
76
+ ], H = [
65
77
  { text: "left", value: "left" },
66
78
  { text: "right", value: "right" },
67
79
  { text: "hidden", value: "hidden" }
68
- ], R = [
80
+ ], B = [
69
81
  { text: "top", value: "top" },
70
82
  { text: "bottom", value: "bottom" },
71
83
  { text: "hidden", value: "hidden" }
72
- ], 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({
73
- get: () => o.axisX.cellSize,
74
- set: (n) => {
75
- o.axisX.cellSize = n;
84
+ ], 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({
85
+ get: () => t.axisX.cellSize,
86
+ set: (a) => {
87
+ t.axisX.cellSize = a;
76
88
  }
77
- }), c = m(() => o.axisY.cellSize === null ? "auto" : "custom"), b = m({
78
- get: () => o.axisY.cellSize,
79
- set: (n) => {
80
- o.axisY.cellSize = n;
89
+ }), k = p(() => t.axisY.cellSize === null ? "auto" : "custom"), S = p({
90
+ get: () => t.axisY.cellSize,
91
+ set: (a) => {
92
+ t.axisY.cellSize = a;
81
93
  }
82
94
  });
83
- return (n, e) => (d(), u("div", {
95
+ return (a, e) => (u(), n("div", {
84
96
  class: "axes-form",
85
- onClick: e[25] || (e[25] = (l) => l.stopPropagation())
97
+ onClick: e[31] || (e[31] = (o) => o.stopPropagation())
86
98
  }, [
87
- e[33] || (e[33] = i("h3", { class: "axes-title" }, " Axes ", -1)),
88
- i("div", K, [
89
- s(L, {
99
+ e[45] || (e[45] = i("h3", { class: "axes-title" }, " Axes ", -1)),
100
+ i("div", Q, [
101
+ s(Y, {
90
102
  title: "Title",
91
- settings: f,
103
+ settings: L,
92
104
  icon: O,
93
105
  "icon-open": N
94
106
  }, {
95
- default: T(() => [
96
- i("div", Q, [
97
- s(t(a), {
98
- modelValue: t(o).title.mode,
99
- "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).title.mode = l),
107
+ default: m(() => [
108
+ i("div", ee, [
109
+ s(l(r), {
110
+ modelValue: l(t).title.mode,
111
+ "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o),
100
112
  label: "Title",
101
- options: S
113
+ options: y
102
114
  }, null, 8, ["modelValue"])
103
115
  ]),
104
- t(o).title.mode === "custom" ? (d(), u("div", ee, [
105
- s(t(y), {
106
- modelValue: t(o).title.value,
107
- "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.value = l),
116
+ l(t).title.mode === "custom" ? (u(), n("div", le, [
117
+ s(l(X), {
118
+ modelValue: l(t).title.value,
119
+ "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o),
108
120
  label: "Chart title",
109
121
  placeholder: "Chart title"
110
122
  }, null, 8, ["modelValue"])
111
- ])) : r("", !0),
123
+ ])) : d("", !0),
112
124
  i("div", te, [
113
- e[26] || (e[26] = i("span", null, "Alignment", -1)),
114
- s(p, {
115
- modelValue: t(o).title.position,
116
- "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.position = l),
117
- options: Y
125
+ e[32] || (e[32] = i("span", null, "Alignment", -1)),
126
+ s(x, {
127
+ modelValue: l(t).title.position,
128
+ "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o),
129
+ options: M
118
130
  }, null, 8, ["modelValue"])
119
131
  ])
120
132
  ]),
121
133
  _: 1
122
134
  }),
123
- s(L, {
135
+ s(Y, {
124
136
  title: "X-axis",
125
- settings: f,
137
+ settings: L,
126
138
  icon: O,
127
139
  "icon-open": N
128
140
  }, {
129
- default: T(() => [
130
- i("div", le, [
131
- e[27] || (e[27] = i("span", null, "Labels rotation", -1)),
132
- s(p, {
133
- modelValue: t(o).axisX.axisLabelsAngle,
134
- "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).axisX.axisLabelsAngle = l),
135
- options: v
136
- }, null, 8, ["modelValue"])
141
+ default: m(() => [
142
+ i("div", oe, [
143
+ s(l(V), {
144
+ modelValue: l(t).axisX.hideAxisLabels,
145
+ "onUpdate:modelValue": e[3] || (e[3] = (o) => l(t).axisX.hideAxisLabels = o)
146
+ }, {
147
+ default: m(() => [...e[33] || (e[33] = [
148
+ v("Hide axis labels", -1)
149
+ ])]),
150
+ _: 1
151
+ }, 8, ["modelValue"])
137
152
  ]),
138
- _.value.xGroupBy.selectorStates.length ? (d(), u("div", oe, [
139
- e[28] || (e[28] = i("span", null, "Group labels rotation", -1)),
140
- s(p, {
141
- modelValue: t(o).axisX.groupLabelsAngle,
142
- "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.groupLabelsAngle = l),
143
- options: v
153
+ T.value.xGroupBy.selectorStates.length ? (u(), n("div", se, [
154
+ s(l(V), {
155
+ modelValue: l(t).axisX.hideAxisGroupLabels,
156
+ "onUpdate:modelValue": e[4] || (e[4] = (o) => l(t).axisX.hideAxisGroupLabels = o)
157
+ }, {
158
+ default: m(() => [...e[34] || (e[34] = [
159
+ v("Hide group labels", -1)
160
+ ])]),
161
+ _: 1
162
+ }, 8, ["modelValue"])
163
+ ])) : d("", !0),
164
+ l(t).axisX.hideAxisLabels ? d("", !0) : (u(), n("div", ie, [
165
+ e[35] || (e[35] = i("span", null, "Labels rotation", -1)),
166
+ s(x, {
167
+ modelValue: l(t).axisX.axisLabelsAngle,
168
+ "onUpdate:modelValue": e[5] || (e[5] = (o) => l(t).axisX.axisLabelsAngle = o),
169
+ options: b
170
+ }, null, 8, ["modelValue"])
171
+ ])),
172
+ T.value.xGroupBy.selectorStates.length && !l(t).axisX.hideAxisGroupLabels ? (u(), n("div", ae, [
173
+ e[36] || (e[36] = i("span", null, "Group labels rotation", -1)),
174
+ s(x, {
175
+ modelValue: l(t).axisX.groupLabelsAngle,
176
+ "onUpdate:modelValue": e[6] || (e[6] = (o) => l(t).axisX.groupLabelsAngle = o),
177
+ options: b
144
178
  }, null, 8, ["modelValue"])
145
- ])) : r("", !0),
146
- i("div", se, [
147
- s(t(a), {
148
- modelValue: t(o).axisX.titleMode,
149
- "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.titleMode = l),
179
+ ])) : d("", !0),
180
+ i("div", ne, [
181
+ s(l(r), {
182
+ modelValue: l(t).axisX.titleMode,
183
+ "onUpdate:modelValue": e[7] || (e[7] = (o) => l(t).axisX.titleMode = o),
150
184
  label: "Title",
151
- options: S
185
+ options: y
152
186
  }, null, 8, ["modelValue"])
153
187
  ]),
154
- t(o).axisX.titleMode === "custom" ? (d(), u("div", ie, [
155
- s(t(y), {
156
- modelValue: t(o).axisX.customTitle,
157
- "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.customTitle = l),
188
+ l(t).axisX.titleMode === "custom" ? (u(), n("div", ue, [
189
+ s(l(X), {
190
+ modelValue: l(t).axisX.customTitle,
191
+ "onUpdate:modelValue": e[8] || (e[8] = (o) => l(t).axisX.customTitle = o),
158
192
  label: "Text",
159
193
  placeholder: "Type"
160
194
  }, null, 8, ["modelValue"])
161
- ])) : r("", !0),
162
- i("div", ne, [
163
- s(t(a), {
164
- modelValue: t(o).axisX.sorting,
165
- "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisX.sorting = l),
195
+ ])) : d("", !0),
196
+ i("div", de, [
197
+ s(l(r), {
198
+ modelValue: l(t).axisX.sorting,
199
+ "onUpdate:modelValue": e[9] || (e[9] = (o) => l(t).axisX.sorting = o),
166
200
  label: "Sorting",
167
- options: U
201
+ options: C
168
202
  }, null, 8, ["modelValue"])
169
203
  ]),
170
- i("div", ae, [
171
- s(t(a), {
172
- modelValue: A.value,
204
+ i("div", re, [
205
+ s(l(r), {
206
+ modelValue: w.value,
173
207
  "onUpdate:modelValue": [
174
- e[8] || (e[8] = (l) => A.value = l),
175
- e[9] || (e[9] = (l) => {
176
- V.value = l === "auto" ? null : I;
208
+ e[10] || (e[10] = (o) => w.value = o),
209
+ e[11] || (e[11] = (o) => {
210
+ A.value = o === "auto" ? null : G;
177
211
  })
178
212
  ],
179
213
  label: "Cell width mode",
180
- options: X
214
+ options: I
181
215
  }, null, 8, ["modelValue"])
182
216
  ]),
183
- A.value === "custom" && V.value !== null ? (d(), u("div", ue, [
184
- s(t(w), {
185
- modelValue: V.value,
186
- "onUpdate:modelValue": e[10] || (e[10] = (l) => V.value = l),
217
+ w.value === "custom" && A.value !== null ? (u(), n("div", me, [
218
+ s(l(U), {
219
+ modelValue: A.value,
220
+ "onUpdate:modelValue": e[12] || (e[12] = (o) => A.value = o),
187
221
  label: "Cell width",
188
- min: k,
189
- max: C,
222
+ min: P,
223
+ max: _,
190
224
  measure: "px",
191
225
  style: { width: "100%" }
192
226
  }, null, 8, ["modelValue"])
193
- ])) : r("", !0),
194
- i("div", de, [
195
- s(t(a), {
196
- modelValue: t(o).axisX.annotationTitlePosition,
197
- "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).axisX.annotationTitlePosition = l),
227
+ ])) : d("", !0),
228
+ i("div", pe, [
229
+ e[37] || (e[37] = i("span", null, "Ticks", -1)),
230
+ s(l(E), {
231
+ modelValue: l(t).axisX.ticks,
232
+ "onUpdate:modelValue": e[13] || (e[13] = (o) => l(t).axisX.ticks = o)
233
+ }, null, 8, ["modelValue"])
234
+ ]),
235
+ i("div", xe, [
236
+ s(l(r), {
237
+ modelValue: l(t).axisX.annotationTitlePosition,
238
+ "onUpdate:modelValue": e[14] || (e[14] = (o) => l(t).axisX.annotationTitlePosition = o),
198
239
  label: "Annotation title position",
199
- options: M
240
+ options: H
200
241
  }, null, 8, ["modelValue"])
201
242
  ])
202
243
  ]),
203
244
  _: 1
204
245
  }),
205
- s(L, {
246
+ s(Y, {
206
247
  title: "Y-axis",
207
- settings: f,
248
+ settings: L,
208
249
  icon: O,
209
250
  "icon-open": N
210
251
  }, {
211
- default: T(() => [
212
- i("div", me, [
213
- e[29] || (e[29] = i("span", null, "Labels rotation", -1)),
214
- s(p, {
215
- modelValue: t(o).axisY.axisLabelsAngle,
216
- "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).axisY.axisLabelsAngle = l),
217
- options: v
218
- }, null, 8, ["modelValue"])
252
+ default: m(() => [
253
+ i("div", ve, [
254
+ s(l(V), {
255
+ modelValue: l(t).axisY.hideAxisLabels,
256
+ "onUpdate:modelValue": e[15] || (e[15] = (o) => l(t).axisY.hideAxisLabels = o)
257
+ }, {
258
+ default: m(() => [...e[38] || (e[38] = [
259
+ v("Hide axis labels", -1)
260
+ ])]),
261
+ _: 1
262
+ }, 8, ["modelValue"])
219
263
  ]),
220
- _.value.yGroupBy.selectorStates.length ? (d(), u("div", re, [
221
- e[30] || (e[30] = i("span", null, "Group labels rotation", -1)),
222
- s(p, {
223
- modelValue: t(o).axisY.groupLabelsAngle,
224
- "onUpdate:modelValue": e[13] || (e[13] = (l) => t(o).axisY.groupLabelsAngle = l),
225
- options: v
264
+ T.value.yGroupBy.selectorStates.length ? (u(), n("div", Ve, [
265
+ s(l(V), {
266
+ modelValue: l(t).axisY.hideAxisGroupLabels,
267
+ "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisY.hideAxisGroupLabels = o)
268
+ }, {
269
+ default: m(() => [...e[39] || (e[39] = [
270
+ v("Hide group labels", -1)
271
+ ])]),
272
+ _: 1
273
+ }, 8, ["modelValue"])
274
+ ])) : d("", !0),
275
+ l(t).axisY.hideAxisLabels ? d("", !0) : (u(), n("div", ge, [
276
+ e[40] || (e[40] = i("span", null, "Labels rotation", -1)),
277
+ s(x, {
278
+ modelValue: l(t).axisY.axisLabelsAngle,
279
+ "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisY.axisLabelsAngle = o),
280
+ options: b
226
281
  }, null, 8, ["modelValue"])
227
- ])) : r("", !0),
228
- i("div", pe, [
229
- s(t(a), {
230
- modelValue: t(o).axisY.titleMode,
231
- "onUpdate:modelValue": e[14] || (e[14] = (l) => t(o).axisY.titleMode = l),
282
+ ])),
283
+ T.value.yGroupBy.selectorStates.length && !l(t).axisY.hideAxisGroupLabels ? (u(), n("div", be, [
284
+ e[41] || (e[41] = i("span", null, "Group labels rotation", -1)),
285
+ s(x, {
286
+ modelValue: l(t).axisY.groupLabelsAngle,
287
+ "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisY.groupLabelsAngle = o),
288
+ options: b
289
+ }, null, 8, ["modelValue"])
290
+ ])) : d("", !0),
291
+ i("div", fe, [
292
+ s(l(r), {
293
+ modelValue: l(t).axisY.titleMode,
294
+ "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisY.titleMode = o),
232
295
  label: "Title",
233
- options: S
296
+ options: y
234
297
  }, null, 8, ["modelValue"])
235
298
  ]),
236
- t(o).axisY.titleMode === "custom" ? (d(), u("div", xe, [
237
- s(t(y), {
238
- modelValue: t(o).axisY.customTitle,
239
- "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).axisY.customTitle = l),
299
+ l(t).axisY.titleMode === "custom" ? (u(), n("div", Te, [
300
+ s(l(X), {
301
+ modelValue: l(t).axisY.customTitle,
302
+ "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisY.customTitle = o),
240
303
  label: "Text",
241
304
  placeholder: "Type"
242
305
  }, null, 8, ["modelValue"])
243
- ])) : r("", !0),
244
- i("div", ve, [
245
- s(t(a), {
246
- modelValue: t(o).axisY.sorting,
247
- "onUpdate:modelValue": e[16] || (e[16] = (l) => t(o).axisY.sorting = l),
306
+ ])) : d("", !0),
307
+ i("div", Ae, [
308
+ s(l(r), {
309
+ modelValue: l(t).axisY.sorting,
310
+ "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.sorting = o),
248
311
  label: "Sorting",
249
- options: U
312
+ options: C
250
313
  }, null, 8, ["modelValue"])
251
314
  ]),
252
- i("div", ge, [
253
- s(t(a), {
254
- modelValue: c.value,
315
+ i("div", Se, [
316
+ s(l(r), {
317
+ modelValue: k.value,
255
318
  "onUpdate:modelValue": [
256
- e[17] || (e[17] = (l) => c.value = l),
257
- e[18] || (e[18] = (l) => {
258
- b.value = l === "auto" ? null : I;
319
+ e[22] || (e[22] = (o) => k.value = o),
320
+ e[23] || (e[23] = (o) => {
321
+ S.value = o === "auto" ? null : G;
259
322
  })
260
323
  ],
261
324
  label: "Cell height mode",
262
- options: X
325
+ options: I
263
326
  }, null, 8, ["modelValue"])
264
327
  ]),
265
- c.value === "custom" && b.value !== null ? (d(), u("div", Ve, [
266
- s(t(w), {
267
- modelValue: b.value,
268
- "onUpdate:modelValue": e[19] || (e[19] = (l) => b.value = l),
328
+ k.value === "custom" && S.value !== null ? (u(), n("div", Le, [
329
+ s(l(U), {
330
+ modelValue: S.value,
331
+ "onUpdate:modelValue": e[24] || (e[24] = (o) => S.value = o),
269
332
  label: "Cell height",
270
- min: k,
271
- max: C,
333
+ min: P,
334
+ max: _,
272
335
  measure: "px",
273
336
  style: { width: "100%" }
274
337
  }, null, 8, ["modelValue"])
275
- ])) : r("", !0),
276
- i("div", be, [
277
- s(t(a), {
278
- modelValue: t(o).axisY.annotationTitlePosition,
279
- "onUpdate:modelValue": e[20] || (e[20] = (l) => t(o).axisY.annotationTitlePosition = l),
338
+ ])) : d("", !0),
339
+ i("div", ye, [
340
+ e[42] || (e[42] = i("span", null, "Ticks", -1)),
341
+ s(l(E), {
342
+ modelValue: l(t).axisY.ticks,
343
+ "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.ticks = o)
344
+ }, null, 8, ["modelValue"])
345
+ ]),
346
+ i("div", we, [
347
+ s(l(r), {
348
+ modelValue: l(t).axisY.annotationTitlePosition,
349
+ "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.annotationTitlePosition = o),
280
350
  label: "Annotation title position",
281
- options: R
351
+ options: B
282
352
  }, null, 8, ["modelValue"])
283
353
  ])
284
354
  ]),
285
355
  _: 1
286
356
  }),
287
- i("div", Te, [
288
- i("div", fe, [
289
- s(t(z), {
290
- modelValue: t(o).other.canvasRenderMode,
291
- "onUpdate:modelValue": e[21] || (e[21] = (l) => t(o).other.canvasRenderMode = l)
357
+ i("div", ke, [
358
+ i("div", Xe, [
359
+ s(l(V), {
360
+ modelValue: l(t).other.canvasRenderMode,
361
+ "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.canvasRenderMode = o)
292
362
  }, {
293
- default: T(() => [...e[31] || (e[31] = [
294
- B("Render as canvas", -1)
363
+ default: m(() => [...e[43] || (e[43] = [
364
+ v("Render as canvas", -1)
295
365
  ])]),
296
366
  _: 1
297
367
  }, 8, ["modelValue"])
298
368
  ]),
299
- i("div", Se, [
300
- e[32] || (e[32] = i("span", null, "Frame", -1)),
301
- s(p, {
302
- modelValue: t(o).other.frame,
303
- "onUpdate:modelValue": e[22] || (e[22] = (l) => t(o).other.frame = l),
304
- options: E
369
+ i("div", Ue, [
370
+ e[44] || (e[44] = i("span", null, "Frame", -1)),
371
+ s(x, {
372
+ modelValue: l(t).other.frame,
373
+ "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.frame = o),
374
+ options: R
305
375
  }, null, 8, ["modelValue"])
306
376
  ]),
307
- i("div", Ae, [
308
- s(t(w), {
309
- modelValue: t(o).other.facetColumns,
310
- "onUpdate:modelValue": e[23] || (e[23] = (l) => t(o).other.facetColumns = l),
377
+ i("div", Ye, [
378
+ s(l(U), {
379
+ modelValue: l(t).other.facetColumns,
380
+ "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetColumns = o),
311
381
  style: { width: "100%" },
312
382
  label: "Facet column count",
313
383
  min: 1,
@@ -317,12 +387,12 @@ const K = { class: "axes-settings-list" }, Q = { class: "axes-settings-options-r
317
387
  mode: "input"
318
388
  }, null, 8, ["modelValue"])
319
389
  ]),
320
- i("div", ce, [
321
- s(t(a), {
322
- modelValue: t(o).other.facetSharedBy,
323
- "onUpdate:modelValue": e[24] || (e[24] = (l) => t(o).other.facetSharedBy = l),
390
+ i("div", Oe, [
391
+ s(l(r), {
392
+ modelValue: l(t).other.facetSharedBy,
393
+ "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.facetSharedBy = o),
324
394
  label: "Facet shared by",
325
- options: F.value
395
+ options: z.value
326
396
  }, null, 8, ["modelValue", "options"])
327
397
  ])
328
398
  ])
@@ -331,6 +401,6 @@ const K = { class: "axes-settings-list" }, Q = { class: "axes-settings-options-r
331
401
  }
332
402
  });
333
403
  export {
334
- Fe as default
404
+ ce as default
335
405
  };
336
406
  //# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map