@milaboratories/graph-maker 1.1.188 → 1.1.190

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 (16) hide show
  1. package/dist/constantsCommon.d.ts +2 -0
  2. package/dist/constantsCommon.js +10 -8
  3. package/dist/constantsCommon.js.map +1 -1
  4. package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js +1 -1
  5. package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js.map +1 -1
  6. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js +1 -1
  7. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js.map +1 -1
  8. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js +191 -167
  9. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map +1 -1
  10. package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js +1 -1
  11. package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js.map +1 -1
  12. package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js +1 -1
  13. package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js.map +1 -1
  14. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js +33 -31
  15. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js.map +1 -1
  16. package/package.json +3 -3
package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js CHANGED
@@ -1,112 +1,120 @@
1
- import { defineComponent as R, computed as r, createElementBlock as n, openBlock as u, createElementVNode as a, createVNode as s, withCtx as b, createCommentVNode as m, unref as l, createTextVNode as F } from "vue";
2
- import { PlBtnGroup as d, PlTextField as A, Slider as w, PlCheckbox as B } from "@platforma-sdk/ui-vue";
3
- import { useStore as z } from "../../store.js";
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
4
  import L from "../../components/CollapsableBlock.vue.js";
5
- import C from "../../icons/Right.vue.js";
6
- import U from "../../icons/Down.vue.js";
5
+ import O from "../../icons/Right.vue.js";
6
+ import N from "../../icons/Down.vue.js";
7
7
  import p from "../../components/BtnIconGroup.vue.js";
8
- import G from "../../icons/AlignLeft.vue.js";
9
- import H from "../../icons/AlignCenter.vue.js";
10
- import h from "../../icons/AlignRight.vue.js";
11
- import D from "../../icons/FrameFull.vue.js";
12
- import Z from "../../icons/FrameEmpty.vue.js";
13
- import W from "../../icons/Rotation0.vue.js";
14
- import $ from "../../icons/Rotation45.vue.js";
15
- import j from "../../icons/Rotation90.vue.js";
16
- const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-row block" }, K = {
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 = {
17
17
  key: 0,
18
18
  class: "axes-settings-input"
19
- }, Q = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row" }, le = {
19
+ }, te = { class: "axes-settings-options-row" }, le = { class: "axes-settings-options-row" }, oe = {
20
20
  key: 0,
21
21
  class: "axes-settings-options-row"
22
- }, te = { class: "axes-settings-options-row block" }, oe = { key: 1 }, se = { class: "axes-settings-options-row block" }, ae = { class: "axes-settings-options-row block" }, ie = {
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 = {
23
23
  key: 2,
24
24
  class: "axes-settings-options-row"
25
- }, ne = { class: "axes-settings-options-row" }, ue = {
25
+ }, de = { class: "axes-settings-options-row block" }, me = { class: "axes-settings-options-row" }, re = {
26
26
  key: 0,
27
27
  class: "axes-settings-options-row"
28
- }, de = { class: "axes-settings-options-row block" }, re = { key: 1 }, me = { class: "axes-settings-options-row block" }, pe = { class: "axes-settings-options-row block" }, xe = {
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 = {
29
29
  key: 2,
30
30
  class: "axes-settings-options-row"
31
- }, ve = { class: "other" }, ge = { class: "axes-settings-options-row" }, Ve = { class: "axes-settings-options-row" }, fe = { class: "axes-settings-options-row" }, be = { class: "axes-settings-options-row block" }, Y = 4, O = 50, _ = 20, Ne = /* @__PURE__ */ R({
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({
32
32
  __name: "HeatmapAxesSettingsForm",
33
- setup(Se) {
34
- const x = z(), o = x.value.reactive.axesSettings, S = {
33
+ setup(ye) {
34
+ const x = G(), o = x.value.reactive.axesSettings, f = {
35
35
  height: 40,
36
36
  horizontalPadding: 12,
37
37
  defaultState: "open"
38
- }, I = [
39
- { value: "left", icon: G },
40
- { value: "center", icon: H },
41
- { value: "right", icon: h }
38
+ }, Y = [
39
+ { value: "left", icon: H },
40
+ { value: "center", icon: D },
41
+ { value: "right", icon: Z }
42
42
  ], v = [
43
- { value: 0, icon: W },
44
- { value: 45, icon: $ },
45
- { value: 90, icon: j }
46
- ], T = [
43
+ { value: 0, icon: j },
44
+ { value: 45, icon: q },
45
+ { value: 90, icon: J }
46
+ ], S = [
47
47
  { value: "auto", text: "Auto" },
48
48
  { value: "custom", text: "Custom" },
49
- { value: "hidden", text: "Hide" }
50
- ], N = [
51
- { value: "none", icon: Z },
52
- { value: "full", icon: D }
53
- ], M = [
49
+ { value: "hidden", text: "Hidden" }
50
+ ], E = [
51
+ { value: "none", icon: $ },
52
+ { value: "full", icon: W }
53
+ ], P = [
54
54
  { text: "X", value: "x" },
55
55
  { text: "Y", value: "y" },
56
56
  { text: "XY", value: "xy" },
57
57
  { text: "None", value: "none" }
58
- ], k = [
58
+ ], U = [
59
59
  { text: "ascending", value: "asc" },
60
60
  { text: "descending", value: "desc" }
61
61
  ], X = [
62
62
  { text: "auto", value: "auto" },
63
63
  { text: "custom", value: "custom" }
64
- ], g = r(() => x.value.reactive.layersSettings.heatmapClustered), P = r(() => M.filter((i) => x.value.reactive.template !== "heatmapClustered" ? !0 : g.value.dendrogramX && g.value.dendrogramY ? i.value !== "x" && i.value !== "xy" && i.value !== "y" : g.value.dendrogramX ? i.value !== "x" && i.value !== "xy" : g.value.dendrogramY ? i.value !== "y" && i.value !== "xy" : !0)), E = r(() => x.value.reactive.optionsState.components), c = r(() => o.axisX.cellSize === null ? "auto" : "custom"), V = r({
64
+ ], M = [
65
+ { text: "left", value: "left" },
66
+ { text: "right", value: "right" },
67
+ { text: "hidden", value: "hidden" }
68
+ ], R = [
69
+ { text: "top", value: "top" },
70
+ { text: "bottom", value: "bottom" },
71
+ { 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({
65
73
  get: () => o.axisX.cellSize,
66
- set: (i) => {
67
- o.axisX.cellSize = i;
74
+ set: (n) => {
75
+ o.axisX.cellSize = n;
68
76
  }
69
- }), y = r(() => o.axisY.cellSize === null ? "auto" : "custom"), f = r({
77
+ }), c = m(() => o.axisY.cellSize === null ? "auto" : "custom"), b = m({
70
78
  get: () => o.axisY.cellSize,
71
- set: (i) => {
72
- o.axisY.cellSize = i;
79
+ set: (n) => {
80
+ o.axisY.cellSize = n;
73
81
  }
74
82
  });
75
- return (i, e) => (u(), n("div", {
83
+ return (n, e) => (d(), u("div", {
76
84
  class: "axes-form",
77
- onClick: e[23] || (e[23] = (t) => t.stopPropagation())
85
+ onClick: e[25] || (e[25] = (l) => l.stopPropagation())
78
86
  }, [
79
- e[31] || (e[31] = a("h3", { class: "axes-title" }, " Axes ", -1)),
80
- a("div", q, [
87
+ e[33] || (e[33] = i("h3", { class: "axes-title" }, " Axes ", -1)),
88
+ i("div", K, [
81
89
  s(L, {
82
90
  title: "Title",
83
- settings: S,
84
- icon: C,
85
- "icon-open": U
91
+ settings: f,
92
+ icon: O,
93
+ "icon-open": N
86
94
  }, {
87
- default: b(() => [
88
- a("div", J, [
89
- s(l(d), {
90
- modelValue: l(o).title.mode,
91
- "onUpdate:modelValue": e[0] || (e[0] = (t) => l(o).title.mode = t),
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),
92
100
  label: "Title",
93
- options: T
101
+ options: S
94
102
  }, null, 8, ["modelValue"])
95
103
  ]),
96
- l(o).title.mode === "custom" ? (u(), n("div", K, [
97
- s(l(A), {
98
- modelValue: l(o).title.value,
99
- "onUpdate:modelValue": e[1] || (e[1] = (t) => l(o).title.value = t),
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),
100
108
  label: "Chart title",
101
109
  placeholder: "Chart title"
102
110
  }, null, 8, ["modelValue"])
103
- ])) : m("", !0),
104
- a("div", Q, [
105
- e[24] || (e[24] = a("span", null, "Alignment", -1)),
111
+ ])) : r("", !0),
112
+ i("div", te, [
113
+ e[26] || (e[26] = i("span", null, "Alignment", -1)),
106
114
  s(p, {
107
- modelValue: l(o).title.position,
108
- "onUpdate:modelValue": e[2] || (e[2] = (t) => l(o).title.position = t),
109
- options: I
115
+ modelValue: t(o).title.position,
116
+ "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.position = l),
117
+ options: Y
110
118
  }, null, 8, ["modelValue"])
111
119
  ])
112
120
  ]),
@@ -114,176 +122,192 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
114
122
  }),
115
123
  s(L, {
116
124
  title: "X-axis",
117
- settings: S,
118
- icon: C,
119
- "icon-open": U
125
+ settings: f,
126
+ icon: O,
127
+ "icon-open": N
120
128
  }, {
121
- default: b(() => [
122
- a("div", ee, [
123
- e[25] || (e[25] = a("span", null, "Labels rotation", -1)),
129
+ default: T(() => [
130
+ i("div", le, [
131
+ e[27] || (e[27] = i("span", null, "Labels rotation", -1)),
124
132
  s(p, {
125
- modelValue: l(o).axisX.axisLabelsAngle,
126
- "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.axisLabelsAngle = t),
133
+ modelValue: t(o).axisX.axisLabelsAngle,
134
+ "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).axisX.axisLabelsAngle = l),
127
135
  options: v
128
136
  }, null, 8, ["modelValue"])
129
137
  ]),
130
- E.value.xGroupBy.selectorStates.length ? (u(), n("div", le, [
131
- e[26] || (e[26] = a("span", null, "Group labels rotation", -1)),
138
+ _.value.xGroupBy.selectorStates.length ? (d(), u("div", oe, [
139
+ e[28] || (e[28] = i("span", null, "Group labels rotation", -1)),
132
140
  s(p, {
133
- modelValue: l(o).axisX.groupLabelsAngle,
134
- "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.groupLabelsAngle = t),
141
+ modelValue: t(o).axisX.groupLabelsAngle,
142
+ "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.groupLabelsAngle = l),
135
143
  options: v
136
144
  }, null, 8, ["modelValue"])
137
- ])) : m("", !0),
138
- a("div", te, [
139
- s(l(d), {
140
- modelValue: l(o).axisX.titleMode,
141
- "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.titleMode = t),
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),
142
150
  label: "Title",
143
- options: T
151
+ options: S
144
152
  }, null, 8, ["modelValue"])
145
153
  ]),
146
- l(o).axisX.titleMode === "custom" ? (u(), n("div", oe, [
147
- s(l(A), {
148
- modelValue: l(o).axisX.customTitle,
149
- "onUpdate:modelValue": e[6] || (e[6] = (t) => l(o).axisX.customTitle = t),
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),
150
158
  label: "Text",
151
159
  placeholder: "Type"
152
160
  }, null, 8, ["modelValue"])
153
- ])) : m("", !0),
154
- a("div", se, [
155
- s(l(d), {
156
- modelValue: l(o).axisX.sorting,
157
- "onUpdate:modelValue": e[7] || (e[7] = (t) => l(o).axisX.sorting = t),
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),
158
166
  label: "Sorting",
159
- options: k
167
+ options: U
160
168
  }, null, 8, ["modelValue"])
161
169
  ]),
162
- a("div", ae, [
163
- s(l(d), {
164
- modelValue: c.value,
170
+ i("div", ae, [
171
+ s(t(a), {
172
+ modelValue: A.value,
165
173
  "onUpdate:modelValue": [
166
- e[8] || (e[8] = (t) => c.value = t),
167
- e[9] || (e[9] = (t) => {
168
- V.value = t === "auto" ? null : _;
174
+ e[8] || (e[8] = (l) => A.value = l),
175
+ e[9] || (e[9] = (l) => {
176
+ V.value = l === "auto" ? null : I;
169
177
  })
170
178
  ],
171
179
  label: "Cell width mode",
172
180
  options: X
173
181
  }, null, 8, ["modelValue"])
174
182
  ]),
175
- c.value === "custom" && V.value !== null ? (u(), n("div", ie, [
176
- s(l(w), {
183
+ A.value === "custom" && V.value !== null ? (d(), u("div", ue, [
184
+ s(t(w), {
177
185
  modelValue: V.value,
178
- "onUpdate:modelValue": e[10] || (e[10] = (t) => V.value = t),
186
+ "onUpdate:modelValue": e[10] || (e[10] = (l) => V.value = l),
179
187
  label: "Cell width",
180
- min: Y,
181
- max: O,
188
+ min: k,
189
+ max: C,
182
190
  measure: "px",
183
191
  style: { width: "100%" }
184
192
  }, null, 8, ["modelValue"])
185
- ])) : m("", !0)
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),
198
+ label: "Annotation title position",
199
+ options: M
200
+ }, null, 8, ["modelValue"])
201
+ ])
186
202
  ]),
187
203
  _: 1
188
204
  }),
189
205
  s(L, {
190
206
  title: "Y-axis",
191
- settings: S,
192
- icon: C,
193
- "icon-open": U
207
+ settings: f,
208
+ icon: O,
209
+ "icon-open": N
194
210
  }, {
195
- default: b(() => [
196
- a("div", ne, [
197
- e[27] || (e[27] = a("span", null, "Labels rotation", -1)),
211
+ default: T(() => [
212
+ i("div", me, [
213
+ e[29] || (e[29] = i("span", null, "Labels rotation", -1)),
198
214
  s(p, {
199
- modelValue: l(o).axisY.axisLabelsAngle,
200
- "onUpdate:modelValue": e[11] || (e[11] = (t) => l(o).axisY.axisLabelsAngle = t),
215
+ modelValue: t(o).axisY.axisLabelsAngle,
216
+ "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).axisY.axisLabelsAngle = l),
201
217
  options: v
202
218
  }, null, 8, ["modelValue"])
203
219
  ]),
204
- E.value.yGroupBy.selectorStates.length ? (u(), n("div", ue, [
205
- e[28] || (e[28] = a("span", null, "Group labels rotation", -1)),
220
+ _.value.yGroupBy.selectorStates.length ? (d(), u("div", re, [
221
+ e[30] || (e[30] = i("span", null, "Group labels rotation", -1)),
206
222
  s(p, {
207
- modelValue: l(o).axisY.groupLabelsAngle,
208
- "onUpdate:modelValue": e[12] || (e[12] = (t) => l(o).axisY.groupLabelsAngle = t),
223
+ modelValue: t(o).axisY.groupLabelsAngle,
224
+ "onUpdate:modelValue": e[13] || (e[13] = (l) => t(o).axisY.groupLabelsAngle = l),
209
225
  options: v
210
226
  }, null, 8, ["modelValue"])
211
- ])) : m("", !0),
212
- a("div", de, [
213
- s(l(d), {
214
- modelValue: l(o).axisY.titleMode,
215
- "onUpdate:modelValue": e[13] || (e[13] = (t) => l(o).axisY.titleMode = t),
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),
216
232
  label: "Title",
217
- options: T
233
+ options: S
218
234
  }, null, 8, ["modelValue"])
219
235
  ]),
220
- l(o).axisY.titleMode === "custom" ? (u(), n("div", re, [
221
- s(l(A), {
222
- modelValue: l(o).axisY.customTitle,
223
- "onUpdate:modelValue": e[14] || (e[14] = (t) => l(o).axisY.customTitle = t),
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),
224
240
  label: "Text",
225
241
  placeholder: "Type"
226
242
  }, null, 8, ["modelValue"])
227
- ])) : m("", !0),
228
- a("div", me, [
229
- s(l(d), {
230
- modelValue: l(o).axisY.sorting,
231
- "onUpdate:modelValue": e[15] || (e[15] = (t) => l(o).axisY.sorting = t),
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),
232
248
  label: "Sorting",
233
- options: k
249
+ options: U
234
250
  }, null, 8, ["modelValue"])
235
251
  ]),
236
- a("div", pe, [
237
- s(l(d), {
238
- modelValue: y.value,
252
+ i("div", ge, [
253
+ s(t(a), {
254
+ modelValue: c.value,
239
255
  "onUpdate:modelValue": [
240
- e[16] || (e[16] = (t) => y.value = t),
241
- e[17] || (e[17] = (t) => {
242
- f.value = t === "auto" ? null : _;
256
+ e[17] || (e[17] = (l) => c.value = l),
257
+ e[18] || (e[18] = (l) => {
258
+ b.value = l === "auto" ? null : I;
243
259
  })
244
260
  ],
245
261
  label: "Cell height mode",
246
262
  options: X
247
263
  }, null, 8, ["modelValue"])
248
264
  ]),
249
- y.value === "custom" && f.value !== null ? (u(), n("div", xe, [
250
- s(l(w), {
251
- modelValue: f.value,
252
- "onUpdate:modelValue": e[18] || (e[18] = (t) => f.value = t),
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),
253
269
  label: "Cell height",
254
- min: Y,
255
- max: O,
270
+ min: k,
271
+ max: C,
256
272
  measure: "px",
257
273
  style: { width: "100%" }
258
274
  }, null, 8, ["modelValue"])
259
- ])) : m("", !0)
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),
280
+ label: "Annotation title position",
281
+ options: R
282
+ }, null, 8, ["modelValue"])
283
+ ])
260
284
  ]),
261
285
  _: 1
262
286
  }),
263
- a("div", ve, [
264
- a("div", ge, [
265
- s(l(B), {
266
- modelValue: l(o).other.canvasRenderMode,
267
- "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).other.canvasRenderMode = t)
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)
268
292
  }, {
269
- default: b(() => [...e[29] || (e[29] = [
270
- F("Render as canvas", -1)
293
+ default: T(() => [...e[31] || (e[31] = [
294
+ B("Render as canvas", -1)
271
295
  ])]),
272
296
  _: 1
273
297
  }, 8, ["modelValue"])
274
298
  ]),
275
- a("div", Ve, [
276
- e[30] || (e[30] = a("span", null, "Frame", -1)),
299
+ i("div", Se, [
300
+ e[32] || (e[32] = i("span", null, "Frame", -1)),
277
301
  s(p, {
278
- modelValue: l(o).other.frame,
279
- "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).other.frame = t),
280
- options: N
302
+ modelValue: t(o).other.frame,
303
+ "onUpdate:modelValue": e[22] || (e[22] = (l) => t(o).other.frame = l),
304
+ options: E
281
305
  }, null, 8, ["modelValue"])
282
306
  ]),
283
- a("div", fe, [
284
- s(l(w), {
285
- modelValue: l(o).other.facetColumns,
286
- "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).other.facetColumns = t),
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),
287
311
  style: { width: "100%" },
288
312
  label: "Facet column count",
289
313
  min: 1,
@@ -293,12 +317,12 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
293
317
  mode: "input"
294
318
  }, null, 8, ["modelValue"])
295
319
  ]),
296
- a("div", be, [
297
- s(l(d), {
298
- modelValue: l(o).other.facetSharedBy,
299
- "onUpdate:modelValue": e[22] || (e[22] = (t) => l(o).other.facetSharedBy = t),
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),
300
324
  label: "Facet shared by",
301
- options: P.value
325
+ options: F.value
302
326
  }, null, 8, ["modelValue", "options"])
303
327
  ])
304
328
  ])
@@ -307,6 +331,6 @@ const q = { class: "axes-settings-list" }, J = { class: "axes-settings-options-r
307
331
  }
308
332
  });
309
333
  export {
310
- Ne as default
334
+ Fe as default
311
335
  };
312
336
  //# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map
package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n// import FrameLeft from '../../icons/FrameLeft.vue';\n// import FrameBottom from '../../icons/FrameBottom.vue';\n// import FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport type { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' | 'close',\n};\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hide' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull },\n];\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' },\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n { text: 'auto', value: 'auto' },\n { text: 'custom', value: 'custom' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n if (store.value.reactive.template !== 'heatmapClustered') {\n return true;\n }\n if (layer.value.dendrogramX && layer.value.dendrogramY) {\n return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n }\n if (layer.value.dendrogramX) {\n return option.value !== 'x' && option.value !== 'xy';\n }\n if (layer.value.dendrogramY) {\n return option.value !== 'y' && option.value !== 'xy';\n }\n return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n get: () => settings.axisX.cellSize,\n set: (v) => {\n settings.axisX.cellSize = v;\n },\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n get: () => settings.axisY.cellSize,\n set: (v) => {\n settings.axisY.cellSize = v;\n },\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.title.mode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField\n v-model=\"settings.title.value\"\n label=\"Chart title\"\n placeholder=\"Chart title\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n </div>\n </CollapsableBlock>\n <!-- X axis settings-->\n <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.xGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisX.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellWidthMode\"\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellWidthMode === 'custom' && cellWidth !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellWidth\" label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </CollapsableBlock>\n <!-- Y axis settings-->\n <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.yGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisY.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellHeightMode\"\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellHeightMode === 'custom' && cellHeight !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellHeight\" label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\"\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\"\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","Slider","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","PlCheckbox","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sNAsBMA,IAAgB,GAChBC,IAAgB,IAChBC,IAAoB;;;AAE1B,UAAMC,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAEVC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAMC,EAAA;AAAA,MACzB,EAAE,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAW,GAM/BC,IAA2B;AAAA,MAC/B,EAAE,OAAO,GAAG,MAAMC,EAAA;AAAA,MAClB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,MACnB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,IAAW,GAE1BC,IAA0B;AAAA,MAC9B,EAAE,OAAO,QAAQ,MAAM,OAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,UAAU,MAAM,OAAA;AAAA,IAAO,GAE5BC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,IAAU,GAE7BC,IAAuB;AAAA,MAC3B,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,MAAM,OAAO,KAAA;AAAA,MACrB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,IAAO,GAE1BC,IAAkB;AAAA,MACtB,EAAE,MAAM,aAAa,OAAO,MAAA;AAAA,MAC5B,EAAE,MAAM,cAAc,OAAO,OAAA;AAAA,IAAO,GAEhCC,IAAoB;AAAA,MACxB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,IAAS,GAG9BC,IAAQC,EAAS,MAAMpB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EqB,IAAqBD,EAAS,MAAMJ,EAAqB,OAAO,CAACM,MACjEtB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELmB,EAAM,MAAM,eAAeA,EAAM,MAAM,cAClCG,EAAO,UAAU,OAAOA,EAAO,UAAU,QAAQA,EAAO,UAAU,MAEvEH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE9CH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE3C,EACR,CAAC,GAEIC,IAAUH,EAAS,MAAOpB,EAAM,MAAM,SAAS,aAAa,UAA2C,GAEvGwB,IAAgBJ,EAAS,MAAMlB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACnFuB,IAAYL,EAAS;AAAA,MACzB,KAAK,MAAMlB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAACwB,MAAM;AACV,QAAAxB,EAAS,MAAM,WAAWwB;AAAA,MAC5B;AAAA,IAAA,CACD,GACKC,IAAiBP,EAAS,MAAMlB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACpF0B,IAAaR,EAAS;AAAA,MAC1B,KAAK,MAAMlB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAACwB,MAAM;AACV,QAAAxB,EAAS,MAAM,WAAWwB;AAAA,MAC5B;AAAA,IAAA,CACD;2BAICG,EAkJM,OAAA;AAAA,MAlJD,OAAM;AAAA,MAAa,SAAKC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,IAAe;MACrDD,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAEK,MAAA,EAFD,OAAM,aAAA,GAAa,UAEvB,EAAA;AAAA,MACAA,EA6IM,OA7INC,GA6IM;AAAA,QA3IJC,EAmBmBC,GAAA;AAAA,UAnBD,OAAM;AAAA,UAAS,UAAUhC;AAAA,UAAgB,MAAMiC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBAClF,MAMM;AAAA,YANNL,EAMM,OANNM,GAMM;AAAA,cALJJ,EAIEK,EAAAC,CAAA,GAAA;AAAA,4BAHSD,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,OAAIuC;AAAA,gBAC5B,OAAM;AAAA,gBACL,SAAS7B;AAAA,cAAA;;YAGH2B,EAAArC,CAAA,EAAS,MAAM,SAAI,YAA9BwC,KAAAb,EAMM,OANNc,GAMM;AAAA,cALJT,EAIEK,EAAAK,CAAA,GAAA;AAAA,4BAHSL,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,QAAKuC;AAAA,gBAC7B,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBT,EAGM,OAHNa,GAGM;AAAA,cAFJf,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAsB,cAAhB,aAAS,EAAA;AAAA,cACfE,EAAgFY,GAAA;AAAA,4BAAzDP,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,WAAQuC;AAAA,gBAAG,SAASrC;AAAA,cAAA;;;;;QAI9D8B,EA2CmBC,GAAA;AAAA,UA3CD,OAAM;AAAA,UAAU,UAAUhC;AAAA,UAAgB,MAAMiC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAGM;AAAA,YAHNL,EAGM,OAHNe,IAGM;AAAA,cAFJjB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAA4B,cAAtB,mBAAe,EAAA;AAAA,cACrBE,EAA6FY,GAAA;AAAA,4BAAtEP,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,kBAAeuC;AAAA,gBAAG,SAASjC;AAAA,cAAA;;YAExDe,EAAA,MAAQ,SAAS,eAAe,UAA3CmB,KAAAb,EAGM,OAHNmB,IAGM;AAAA,cAFJlB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkC,cAA5B,yBAAqB,EAAA;AAAA,cAC3BE,EAA8FY,GAAA;AAAA,4BAAvEP,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,mBAAgBuC;AAAA,gBAAG,SAASjC;AAAA,cAAA;;YAEpEwB,EAMM,OANNiB,IAMM;AAAA,cALJf,EAIEK,EAAAC,CAAA,GAAA;AAAA,4BAHSD,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,YAASuC;AAAA,gBACjC,OAAM;AAAA,gBACL,SAAS7B;AAAA,cAAA;;YAGH2B,EAAArC,CAAA,EAAS,MAAM,cAAS,iBAAnC2B,EAMM,OAAAqB,IAAA;AAAA,cALJhB,EAIEK,EAAAK,CAAA,GAAA;AAAA,4BAHSL,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,cAAWuC;AAAA,gBACnC,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBT,EAMM,OANNmB,IAMM;AAAA,cALJjB,EAIEK,EAAAC,CAAA,GAAA;AAAA,4BAHSD,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,UAAOuC;AAAA,gBAC/B,OAAM;AAAA,gBACL,SAASxB;AAAA,cAAA;;YAGde,EASM,OATNoB,IASM;AAAA,cARJlB,EAOEK,EAAAC,CAAA,GAAA;AAAA,4BANShB,EAAA;AAAA;yCAAAA,EAAa,QAAAiB;AAAA,mCAGAf,MAAC;AAAqB,oBAAAD,EAAA,QAAYC,MAAC,SAAA,OAAqB3B;AAAA;;gBAF9E,OAAM;AAAA,gBACL,SAASmB;AAAA,cAAA;;YAMHM,EAAA,sBAA8BC,EAAA,UAAS,QAAlDiB,KAAAb,EAEM,OAFNwB,IAEM;AAAA,cADJnB,EAAgIK,EAAAe,CAAA,GAAA;AAAA,4BAA/G7B,EAAA;AAAA,gEAAAA,EAAS,QAAAgB;AAAA,gBAAE,OAAM;AAAA,gBAAc,KAAK5C;AAAA,gBAAgB,KAAKC;AAAA,gBAAe,SAAQ;AAAA,gBAAM,OAAO,EAAA,OAAA,OAAA;AAAA,cAAA;;;;;QAIlHoC,EA2CmBC,GAAA;AAAA,UA3CD,OAAM;AAAA,UAAU,UAAUhC;AAAA,UAAgB,MAAMiC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAGM;AAAA,YAHNL,EAGM,OAHNuB,IAGM;AAAA,cAFJzB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAA4B,cAAtB,mBAAe,EAAA;AAAA,cACrBE,EAA6FY,GAAA;AAAA,4BAAtEP,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,kBAAeuC;AAAA,gBAAG,SAASjC;AAAA,cAAA;;YAExDe,EAAA,MAAQ,SAAS,eAAe,UAA3CmB,KAAAb,EAGM,OAHN2B,IAGM;AAAA,cAFJ1B,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkC,cAA5B,yBAAqB,EAAA;AAAA,cAC3BE,EAA8FY,GAAA;AAAA,4BAAvEP,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,mBAAgBuC;AAAA,gBAAG,SAASjC;AAAA,cAAA;;YAEpEwB,EAMM,OANNyB,IAMM;AAAA,cALJvB,EAIEK,EAAAC,CAAA,GAAA;AAAA,4BAHSD,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,YAASuC;AAAA,gBACjC,OAAM;AAAA,gBACL,SAAS7B;AAAA,cAAA;;YAGH2B,EAAArC,CAAA,EAAS,MAAM,cAAS,iBAAnC2B,EAMM,OAAA6B,IAAA;AAAA,cALJxB,EAIEK,EAAAK,CAAA,GAAA;AAAA,4BAHSL,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,cAAWuC;AAAA,gBACnC,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBT,EAMM,OANN2B,IAMM;AAAA,cALJzB,EAIEK,EAAAC,CAAA,GAAA;AAAA,4BAHSD,EAAArC,CAAA,EAAS,MAAM;AAAA,gEAAfqC,EAAArC,CAAA,EAAS,MAAM,UAAOuC;AAAA,gBAC/B,OAAM;AAAA,gBACL,SAASxB;AAAA,cAAA;;YAGde,EASM,OATN4B,IASM;AAAA,cARJ1B,EAOEK,EAAAC,CAAA,GAAA;AAAA,4BANSb,EAAA;AAAA;2CAAAA,EAAc,QAAAc;AAAA,qCAGDf,MAAC;AAAqB,oBAAAE,EAAA,QAAaF,MAAC,SAAA,OAAqB3B;AAAA;;gBAF/E,OAAM;AAAA,gBACL,SAASmB;AAAA,cAAA;;YAMHS,EAAA,sBAA+BC,EAAA,UAAU,QAApDc,KAAAb,EAEM,OAFNgC,IAEM;AAAA,cADJ3B,EAAkIK,EAAAe,CAAA,GAAA;AAAA,4BAAjH1B,EAAA;AAAA,gEAAAA,EAAU,QAAAa;AAAA,gBAAE,OAAM;AAAA,gBAAe,KAAK5C;AAAA,gBAAgB,KAAKC;AAAA,gBAAe,SAAQ;AAAA,gBAAM,OAAO,EAAA,OAAA,OAAA;AAAA,cAAA;;;;;QAIpHkC,EA2BM,OA3BN8B,IA2BM;AAAA,UA1BJ9B,EAEM,OAFN+B,IAEM;AAAA,YADJ7B,EAAmFK,EAAAyB,CAAA,GAAA;AAAA,0BAA9DzB,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,mBAAgBuC;AAAA,YAAA;yBAAE,MAAgB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,kBAAhB,oBAAgB,EAAA;AAAA,cAAA;;;;UAExEE,EAGM,OAHNiC,IAGM;AAAA,YAFJnC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,YACXE,EAA8EY,GAAA;AAAA,0BAAvDP,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,QAAKuC;AAAA,cAAG,SAAS5B;AAAA,YAAA;;UAEzDmB,EAWM,OAXNkC,IAWM;AAAA,YAVJhC,EASEK,EAAAe,CAAA,GAAA;AAAA,0BARSf,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,eAAYuC;AAAA,cACnC,OAAO,EAAA,OAAA,OAAA;AAAA,cACR,OAAM;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,aAAa;AAAA,cACd,MAAK;AAAA,YAAA;;UAGTT,EAMM,OANNmC,IAMM;AAAA,YALJjC,EAIEK,EAAAC,CAAA,GAAA;AAAA,0BAHSD,EAAArC,CAAA,EAAS,MAAM;AAAA,8DAAfqC,EAAArC,CAAA,EAAS,MAAM,gBAAauC;AAAA,cACrC,OAAM;AAAA,cACL,SAASpB,EAAA;AAAA,YAAA;;;;;;;"}
1
+ {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n// import FrameLeft from '../../icons/FrameLeft.vue';\n// import FrameBottom from '../../icons/FrameBottom.vue';\n// import FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport type { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n height: 40,\n horizontalPadding: 12,\n defaultState: 'open' as 'open' | 'close',\n};\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\n// const OPTIONS_FACET_FRAME = [\n// {value: 'empty', icon: FrameEmpty},\n// {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_HEATMAP_ROTATION = [\n { value: 0, icon: Rotation0 },\n { value: 45, icon: Rotation45 },\n { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hidden' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'none', icon: FrameEmpty },\n { value: 'full', icon: FrameFull },\n];\nconst OPTIONS_FACET_SHARED = [\n { text: 'X', value: 'x' },\n { text: 'Y', value: 'y' },\n { text: 'XY', value: 'xy' },\n { text: 'None', value: 'none' },\n];\nconst OPTIONS_SORTING = [\n { text: 'ascending', value: 'asc' },\n { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n { text: 'auto', value: 'auto' },\n { text: 'custom', value: 'custom' },\n];\n\nconst ANNOTATION_TITLE_OPTIONS_X = [\n { text: 'left', value: 'left' },\n { text: 'right', value: 'right' },\n { text: 'hidden', value: 'hidden' },\n];\nconst ANNOTATION_TITLE_OPTIONS_Y = [\n { text: 'top', value: 'top' },\n { text: 'bottom', value: 'bottom' },\n { text: 'hidden', value: 'hidden' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n if (store.value.reactive.template !== 'heatmapClustered') {\n return true;\n }\n if (layer.value.dendrogramX && layer.value.dendrogramY) {\n return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n }\n if (layer.value.dendrogramX) {\n return option.value !== 'x' && option.value !== 'xy';\n }\n if (layer.value.dendrogramY) {\n return option.value !== 'y' && option.value !== 'xy';\n }\n return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n get: () => settings.axisX.cellSize,\n set: (v) => {\n settings.axisX.cellSize = v;\n },\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n get: () => settings.axisY.cellSize,\n set: (v) => {\n settings.axisY.cellSize = v;\n },\n});\n</script>\n\n<template>\n <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n <h3 class=\"axes-title\">\n Axes\n </h3>\n <div class=\"axes-settings-list\">\n <!-- Chart title -->\n <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.title.mode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n <PlTextField\n v-model=\"settings.title.value\"\n label=\"Chart title\"\n placeholder=\"Chart title\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n </div>\n </CollapsableBlock>\n <!-- X axis settings-->\n <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.xGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisX.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisX.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellWidthMode\"\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellWidthMode === 'custom' && cellWidth !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellWidth\" label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisX.annotationTitlePosition\"\n label=\"Annotation title position\"\n :options=\"ANNOTATION_TITLE_OPTIONS_X\"\n />\n </div>\n </CollapsableBlock>\n <!-- Y axis settings-->\n <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div v-if=\"options.yGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n <span>Group labels rotation</span>\n <BtnIconGroup v-model=\"settings.axisY.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.titleMode\"\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <PlTextField\n v-model=\"settings.axisY.customTitle\"\n label=\"Text\"\n placeholder=\"Type\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.sorting\"\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"cellHeightMode\"\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div v-if=\"cellHeightMode === 'custom' && cellHeight !== null\" class=\"axes-settings-options-row\">\n <Slider v-model=\"cellHeight\" label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.axisY.annotationTitlePosition\"\n label=\"Annotation title position\"\n :options=\"ANNOTATION_TITLE_OPTIONS_Y\"\n />\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\n v-model=\"settings.other.facetColumns\"\n :style=\"{width: '100%'}\"\n label=\"Facet column count\"\n :min=\"1\"\n :max=\"6\"\n :step=\"1\"\n :breakpoints=\"true\"\n mode=\"input\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <PlBtnGroup\n v-model=\"settings.other.facetSharedBy\"\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","ANNOTATION_TITLE_OPTIONS_X","ANNOTATION_TITLE_OPTIONS_Y","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","Slider","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","PlCheckbox","_hoisted_23","_hoisted_24","_hoisted_25"],"mappings":"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"}
package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js CHANGED
@@ -30,7 +30,7 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
30
30
  ], g = [
31
31
  { value: "auto", text: "Auto" },
32
32
  { value: "custom", text: "Custom" },
33
- { value: "hidden", text: "Hide" }
33
+ { value: "hidden", text: "Hidden" }
34
34
  ], v = [
35
35
  { value: "linear", text: "Linear" },
36
36
  { value: "log", text: "Log" }