@milaboratories/graph-maker 1.1.136 → 1.1.137

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 (40) hide show
  1. package/dist/GraphMaker/constantsCommon.d.ts +2 -0
  2. package/dist/GraphMaker/constantsCommon.d.ts.map +1 -1
  3. package/dist/GraphMaker/constantsCommon.js +19 -17
  4. package/dist/GraphMaker/constantsCommon.js.map +1 -1
  5. package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.d.ts.map +1 -1
  6. package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js +144 -122
  7. package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map +1 -1
  8. package/dist/GraphMaker/index.vue.js +72 -72
  9. package/dist/GraphMaker/index.vue.js.map +1 -1
  10. package/dist/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.d.ts.map +1 -1
  11. package/dist/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.js +9 -9
  12. package/dist/GraphMaker/utils/createChartSettingsForRender/getAxesDataFromForms.js.map +1 -1
  13. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/ChartRenderer.js +246 -228
  14. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/ChartRenderer.js.map +1 -1
  15. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Captions/GroupCaptions.js +46 -37
  16. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Captions/GroupCaptions.js.map +1 -1
  17. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Chart.js +63 -61
  18. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Chart.js.map +1 -1
  19. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/ChartsGroup.js +4 -4
  20. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Dendrograms.js +57 -51
  21. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Dendrograms.js.map +1 -1
  22. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/getDendrograms.js +33 -33
  23. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/getDendrograms.js.map +1 -1
  24. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/index.js +20 -20
  25. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/utils/calculateCaptionTails.js +89 -54
  26. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/utils/calculateCaptionTails.js.map +1 -1
  27. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/utils/calculateChartSideElementSizes.js +19 -19
  28. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/utils/calculateChartSideElementSizes.js.map +1 -1
  29. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/ChartRenderer.js +181 -168
  30. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/ChartRenderer.js.map +1 -1
  31. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartsGroup.js +1 -1
  32. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartsGroup.js.map +1 -1
  33. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/index.js +5 -5
  34. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/Lasso.js +144 -120
  35. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/Lasso.js.map +1 -1
  36. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js +35 -35
  37. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js.map +1 -1
  38. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/index.js +1 -1
  39. package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/index.js.map +1 -1
  40. package/package.json +2 -2
package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js CHANGED
@@ -1,187 +1,209 @@
1
- import { defineComponent as w, computed as y, createElementBlock as u, openBlock as r, createElementVNode as s, createVNode as i, withCtx as g, createCommentVNode as V, unref as e } from "vue";
2
- import { PlBtnGroup as n, PlTextField as f, Slider as C } from "@platforma-sdk/ui-vue";
3
- import { useStore as U } from "../../store.js";
4
- import c from "../../components/CollapsableBlock.vue.js";
5
- import T from "../../icons/Right.vue.js";
6
- import b from "../../icons/Down.vue.js";
7
- import m from "../../components/BtnIconGroup.vue.js";
8
- import Y from "../../icons/AlignLeft.vue.js";
1
+ import { defineComponent as Y, computed as f, createElementBlock as a, openBlock as u, createElementVNode as s, createVNode as i, withCtx as b, createCommentVNode as m, unref as t } from "vue";
2
+ import { PlBtnGroup as d, PlTextField as T, Slider as L } from "@platforma-sdk/ui-vue";
3
+ import { useStore as _ } from "../../store.js";
4
+ import A from "../../components/CollapsableBlock.vue.js";
5
+ import y from "../../icons/Right.vue.js";
6
+ import S from "../../icons/Down.vue.js";
7
+ import r from "../../components/BtnIconGroup.vue.js";
8
+ import C from "../../icons/AlignLeft.vue.js";
9
9
  import N from "../../icons/AlignCenter.vue.js";
10
10
  import F from "../../icons/AlignRight.vue.js";
11
11
  import I from "../../icons/FrameFull.vue.js";
12
- import L from "../../icons/FrameEmpty.vue.js";
13
- import P from "../../icons/Rotation0.vue.js";
14
- import E from "../../icons/Rotation45.vue.js";
15
- import R from "../../icons/Rotation90.vue.js";
16
- const M = { class: "axes-settings-list" }, B = { class: "axes-settings-options-row block" }, h = {
12
+ import P from "../../icons/FrameEmpty.vue.js";
13
+ import E from "../../icons/Rotation0.vue.js";
14
+ import R from "../../icons/Rotation45.vue.js";
15
+ import M from "../../icons/Rotation90.vue.js";
16
+ const B = { class: "axes-settings-list" }, G = { class: "axes-settings-options-row block" }, H = {
17
17
  key: 0,
18
18
  class: "axes-settings-input"
19
- }, H = { class: "axes-settings-options-row" }, D = { class: "axes-settings-options-row" }, G = { class: "axes-settings-options-row block" }, $ = { key: 0 }, z = { class: "axes-settings-options-row block" }, j = { class: "axes-settings-options-row" }, q = { class: "axes-settings-options-row block" }, J = { key: 0 }, K = { class: "axes-settings-options-row block" }, Q = { class: "other" }, W = { class: "axes-settings-options-row" }, Z = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row block" }, fe = /* @__PURE__ */ w({
19
+ }, D = { class: "axes-settings-options-row" }, $ = { class: "axes-settings-options-row" }, h = {
20
+ key: 0,
21
+ class: "axes-settings-options-row"
22
+ }, z = { class: "axes-settings-options-row block" }, j = { key: 1 }, q = { class: "axes-settings-options-row block" }, J = { class: "axes-settings-options-row" }, K = {
23
+ key: 0,
24
+ class: "axes-settings-options-row"
25
+ }, Q = { class: "axes-settings-options-row block" }, W = { key: 1 }, Z = { class: "axes-settings-options-row block" }, ee = { class: "other" }, te = { class: "axes-settings-options-row" }, oe = { class: "axes-settings-options-row" }, le = { class: "axes-settings-options-row block" }, Ae = /* @__PURE__ */ Y({
20
26
  __name: "HeatmapAxesSettingsForm",
21
- setup(te) {
22
- const p = U(), o = p.value.reactive.axesSettings, x = {
27
+ setup(se) {
28
+ const p = _(), o = p.value.reactive.axesSettings, g = {
23
29
  height: 40,
24
30
  horizontalPadding: 12,
25
31
  defaultState: "open"
26
- }, _ = [
27
- { value: "left", icon: Y },
32
+ }, k = [
33
+ { value: "left", icon: C },
28
34
  { value: "center", icon: N },
29
35
  { value: "right", icon: F }
30
- ], A = [
31
- { value: 0, icon: P },
32
- { value: 45, icon: E },
33
- { value: 90, icon: R }
34
- ], v = [
36
+ ], x = [
37
+ { value: 0, icon: E },
38
+ { value: 45, icon: R },
39
+ { value: 90, icon: M }
40
+ ], V = [
35
41
  { value: "auto", text: "Auto" },
36
42
  { value: "custom", text: "Custom" },
37
43
  { value: "hidden", text: "Hide" }
38
- ], O = [
39
- { value: "none", icon: L },
44
+ ], w = [
45
+ { value: "none", icon: P },
40
46
  { value: "full", icon: I }
41
- ], X = [
47
+ ], O = [
42
48
  { text: "X", value: "x" },
43
49
  { text: "Y", value: "y" },
44
50
  { text: "XY", value: "xy" },
45
51
  { text: "None", value: "none" }
46
- ], S = [
52
+ ], c = [
47
53
  { text: "ascending", value: "asc" },
48
54
  { text: "descending", value: "desc" }
49
- ], d = y(() => p.value.reactive.layersSettings.heatmapClustered), k = y(() => X.filter((a) => p.value.reactive.template !== "heatmapClustered" ? !0 : d.value.dendrogramX && d.value.dendrogramY ? a.value !== "x" && a.value !== "xy" && a.value !== "y" : d.value.dendrogramX ? a.value !== "x" && a.value !== "xy" : d.value.dendrogramY ? a.value !== "y" && a.value !== "xy" : !0));
50
- return (a, t) => (r(), u("div", {
55
+ ], v = f(() => p.value.reactive.layersSettings.heatmapClustered), U = f(() => O.filter((n) => p.value.reactive.template !== "heatmapClustered" ? !0 : v.value.dendrogramX && v.value.dendrogramY ? n.value !== "x" && n.value !== "xy" && n.value !== "y" : v.value.dendrogramX ? n.value !== "x" && n.value !== "xy" : v.value.dendrogramY ? n.value !== "y" && n.value !== "xy" : !0)), X = f(() => p.value.reactive.optionsState.components);
56
+ return (n, e) => (u(), a("div", {
51
57
  class: "axes-form",
52
- onClick: t[14] || (t[14] = (l) => l.stopPropagation())
58
+ onClick: e[16] || (e[16] = (l) => l.stopPropagation())
53
59
  }, [
54
- t[19] || (t[19] = s("h3", { class: "axes-title" }, " Axes ", -1)),
55
- s("div", M, [
56
- i(c, {
60
+ e[23] || (e[23] = s("h3", { class: "axes-title" }, " Axes ", -1)),
61
+ s("div", B, [
62
+ i(A, {
57
63
  title: "Title",
58
- settings: x,
59
- icon: T,
60
- "icon-open": b
64
+ settings: g,
65
+ icon: y,
66
+ "icon-open": S
61
67
  }, {
62
- default: g(() => [
63
- s("div", B, [
64
- i(e(n), {
68
+ default: b(() => [
69
+ s("div", G, [
70
+ i(t(d), {
65
71
  label: "Title",
66
- options: v,
67
- modelValue: e(o).title.mode,
68
- "onUpdate:modelValue": t[0] || (t[0] = (l) => e(o).title.mode = l)
72
+ options: V,
73
+ modelValue: t(o).title.mode,
74
+ "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).title.mode = l)
69
75
  }, null, 8, ["modelValue"])
70
76
  ]),
71
- e(o).title.mode === "custom" ? (r(), u("div", h, [
72
- i(e(f), {
77
+ t(o).title.mode === "custom" ? (u(), a("div", H, [
78
+ i(t(T), {
73
79
  label: "Chart title",
74
80
  placeholder: "Chart title",
75
- modelValue: e(o).title.value,
76
- "onUpdate:modelValue": t[1] || (t[1] = (l) => e(o).title.value = l)
81
+ modelValue: t(o).title.value,
82
+ "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.value = l)
77
83
  }, null, 8, ["modelValue"])
78
- ])) : V("", !0),
79
- s("div", H, [
80
- t[15] || (t[15] = s("span", null, "Alignment", -1)),
81
- i(m, {
82
- options: _,
83
- modelValue: e(o).title.position,
84
- "onUpdate:modelValue": t[2] || (t[2] = (l) => e(o).title.position = l)
84
+ ])) : m("", !0),
85
+ s("div", D, [
86
+ e[17] || (e[17] = s("span", null, "Alignment", -1)),
87
+ i(r, {
88
+ options: k,
89
+ modelValue: t(o).title.position,
90
+ "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.position = l)
85
91
  }, null, 8, ["modelValue"])
86
92
  ])
87
93
  ]),
88
94
  _: 1
89
95
  }),
90
- i(c, {
96
+ i(A, {
91
97
  title: "X-axis",
92
- settings: x,
93
- icon: T,
94
- "icon-open": b
98
+ settings: g,
99
+ icon: y,
100
+ "icon-open": S
95
101
  }, {
96
- default: g(() => [
97
- s("div", D, [
98
- t[16] || (t[16] = s("span", null, "Labels rotation", -1)),
99
- i(m, {
100
- options: A,
101
- modelValue: e(o).axisX.axisLabelsAngle,
102
- "onUpdate:modelValue": t[3] || (t[3] = (l) => e(o).axisX.axisLabelsAngle = l)
102
+ default: b(() => [
103
+ s("div", $, [
104
+ e[18] || (e[18] = s("span", null, "Labels rotation", -1)),
105
+ i(r, {
106
+ options: x,
107
+ modelValue: t(o).axisX.axisLabelsAngle,
108
+ "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).axisX.axisLabelsAngle = l)
103
109
  }, null, 8, ["modelValue"])
104
110
  ]),
105
- s("div", G, [
106
- i(e(n), {
111
+ X.value.xGroupBy.selectorStates.length ? (u(), a("div", h, [
112
+ e[19] || (e[19] = s("span", null, "Group labels rotation", -1)),
113
+ i(r, {
114
+ options: x,
115
+ modelValue: t(o).axisX.groupLabelsAngle,
116
+ "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.groupLabelsAngle = l)
117
+ }, null, 8, ["modelValue"])
118
+ ])) : m("", !0),
119
+ s("div", z, [
120
+ i(t(d), {
107
121
  label: "Title",
108
- options: v,
109
- modelValue: e(o).axisX.titleMode,
110
- "onUpdate:modelValue": t[4] || (t[4] = (l) => e(o).axisX.titleMode = l)
122
+ options: V,
123
+ modelValue: t(o).axisX.titleMode,
124
+ "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.titleMode = l)
111
125
  }, null, 8, ["modelValue"])
112
126
  ]),
113
- e(o).axisX.titleMode === "custom" ? (r(), u("div", $, [
114
- i(e(f), {
127
+ t(o).axisX.titleMode === "custom" ? (u(), a("div", j, [
128
+ i(t(T), {
115
129
  label: "Text",
116
130
  placeholder: "Type",
117
- modelValue: e(o).axisX.customTitle,
118
- "onUpdate:modelValue": t[5] || (t[5] = (l) => e(o).axisX.customTitle = l)
131
+ modelValue: t(o).axisX.customTitle,
132
+ "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.customTitle = l)
119
133
  }, null, 8, ["modelValue"])
120
- ])) : V("", !0),
121
- s("div", z, [
122
- i(e(n), {
134
+ ])) : m("", !0),
135
+ s("div", q, [
136
+ i(t(d), {
123
137
  label: "Sorting",
124
- options: S,
125
- modelValue: e(o).axisX.sorting,
126
- "onUpdate:modelValue": t[6] || (t[6] = (l) => e(o).axisX.sorting = l)
138
+ options: c,
139
+ modelValue: t(o).axisX.sorting,
140
+ "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisX.sorting = l)
127
141
  }, null, 8, ["modelValue"])
128
142
  ])
129
143
  ]),
130
144
  _: 1
131
145
  }),
132
- i(c, {
146
+ i(A, {
133
147
  title: "Y-axis",
134
- settings: x,
135
- icon: T,
136
- "icon-open": b
148
+ settings: g,
149
+ icon: y,
150
+ "icon-open": S
137
151
  }, {
138
- default: g(() => [
139
- s("div", j, [
140
- t[17] || (t[17] = s("span", null, "Labels rotation", -1)),
141
- i(m, {
142
- options: A,
143
- modelValue: e(o).axisY.axisLabelsAngle,
144
- "onUpdate:modelValue": t[7] || (t[7] = (l) => e(o).axisY.axisLabelsAngle = l)
152
+ default: b(() => [
153
+ s("div", J, [
154
+ e[20] || (e[20] = s("span", null, "Labels rotation", -1)),
155
+ i(r, {
156
+ options: x,
157
+ modelValue: t(o).axisY.axisLabelsAngle,
158
+ "onUpdate:modelValue": e[8] || (e[8] = (l) => t(o).axisY.axisLabelsAngle = l)
145
159
  }, null, 8, ["modelValue"])
146
160
  ]),
147
- s("div", q, [
148
- i(e(n), {
161
+ X.value.yGroupBy.selectorStates.length ? (u(), a("div", K, [
162
+ e[21] || (e[21] = s("span", null, "Group labels rotation", -1)),
163
+ i(r, {
164
+ options: x,
165
+ modelValue: t(o).axisY.groupLabelsAngle,
166
+ "onUpdate:modelValue": e[9] || (e[9] = (l) => t(o).axisY.groupLabelsAngle = l)
167
+ }, null, 8, ["modelValue"])
168
+ ])) : m("", !0),
169
+ s("div", Q, [
170
+ i(t(d), {
149
171
  label: "Title",
150
- options: v,
151
- modelValue: e(o).axisY.titleMode,
152
- "onUpdate:modelValue": t[8] || (t[8] = (l) => e(o).axisY.titleMode = l)
172
+ options: V,
173
+ modelValue: t(o).axisY.titleMode,
174
+ "onUpdate:modelValue": e[10] || (e[10] = (l) => t(o).axisY.titleMode = l)
153
175
  }, null, 8, ["modelValue"])
154
176
  ]),
155
- e(o).axisY.titleMode === "custom" ? (r(), u("div", J, [
156
- i(e(f), {
177
+ t(o).axisY.titleMode === "custom" ? (u(), a("div", W, [
178
+ i(t(T), {
157
179
  label: "Text",
158
180
  placeholder: "Type",
159
- modelValue: e(o).axisY.customTitle,
160
- "onUpdate:modelValue": t[9] || (t[9] = (l) => e(o).axisY.customTitle = l)
181
+ modelValue: t(o).axisY.customTitle,
182
+ "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).axisY.customTitle = l)
161
183
  }, null, 8, ["modelValue"])
162
- ])) : V("", !0),
163
- s("div", K, [
164
- i(e(n), {
184
+ ])) : m("", !0),
185
+ s("div", Z, [
186
+ i(t(d), {
165
187
  label: "Sorting",
166
- options: S,
167
- modelValue: e(o).axisY.sorting,
168
- "onUpdate:modelValue": t[10] || (t[10] = (l) => e(o).axisY.sorting = l)
188
+ options: c,
189
+ modelValue: t(o).axisY.sorting,
190
+ "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).axisY.sorting = l)
169
191
  }, null, 8, ["modelValue"])
170
192
  ])
171
193
  ]),
172
194
  _: 1
173
195
  }),
174
- s("div", Q, [
175
- s("div", W, [
176
- t[18] || (t[18] = s("span", null, "Frame", -1)),
177
- i(m, {
178
- options: O,
179
- modelValue: e(o).other.frame,
180
- "onUpdate:modelValue": t[11] || (t[11] = (l) => e(o).other.frame = l)
196
+ s("div", ee, [
197
+ s("div", te, [
198
+ e[22] || (e[22] = s("span", null, "Frame", -1)),
199
+ i(r, {
200
+ options: w,
201
+ modelValue: t(o).other.frame,
202
+ "onUpdate:modelValue": e[13] || (e[13] = (l) => t(o).other.frame = l)
181
203
  }, null, 8, ["modelValue"])
182
204
  ]),
183
- s("div", Z, [
184
- i(e(C), {
205
+ s("div", oe, [
206
+ i(t(L), {
185
207
  style: { width: "100%" },
186
208
  label: "Facet column count",
187
209
  min: 1,
@@ -189,16 +211,16 @@ const M = { class: "axes-settings-list" }, B = { class: "axes-settings-options-r
189
211
  step: 1,
190
212
  breakpoints: !0,
191
213
  mode: "input",
192
- modelValue: e(o).other.facetColumns,
193
- "onUpdate:modelValue": t[12] || (t[12] = (l) => e(o).other.facetColumns = l)
214
+ modelValue: t(o).other.facetColumns,
215
+ "onUpdate:modelValue": e[14] || (e[14] = (l) => t(o).other.facetColumns = l)
194
216
  }, null, 8, ["modelValue"])
195
217
  ]),
196
- s("div", ee, [
197
- i(e(n), {
218
+ s("div", le, [
219
+ i(t(d), {
198
220
  label: "Facet shared by",
199
- options: k.value,
200
- modelValue: e(o).other.facetSharedBy,
201
- "onUpdate:modelValue": t[13] || (t[13] = (l) => e(o).other.facetSharedBy = l)
221
+ options: U.value,
222
+ modelValue: t(o).other.facetSharedBy,
223
+ "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).other.facetSharedBy = l)
202
224
  }, null, 8, ["options", "modelValue"])
203
225
  ])
204
226
  ])
@@ -207,6 +229,6 @@ const M = { class: "axes-settings-list" }, B = { class: "axes-settings-options-r
207
229
  }
208
230
  });
209
231
  export {
210
- fe as default
232
+ Ae as default
211
233
  };
212
234
  //# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map
package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } 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';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\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];\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</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 <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.title.mode\"\n />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field\n label=\"Chart title\"\n placeholder=\"Chart title\"\n v-model=\"settings.title.value\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n </div>\n </collapsable-block>\n <!-- X axis settings-->\n <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisX.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisX.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisX.sorting\"\n />\n </div>\n </collapsable-block>\n <!-- Y axis settings-->\n <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisY.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisY.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisY.sorting\"\n />\n </div>\n </collapsable-block>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\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 v-model=\"settings.other.facetColumns\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n v-model=\"settings.other.facetSharedBy\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["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","layer","computed","optionsFacetShared","option"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAEVC,IAAsB;AAAA,MAC1B,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAM7BC,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,GAGhCC,IAAQC,EAAS,MAAMnB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EoB,IAAqBD,EAAS,MAAMH,EAAqB,OAAO,CAACK,MACjErB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELkB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } 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';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport { HeatmapUIState } from '@milaboratories/pf-plots';\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];\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</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 <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.title.mode\"\n />\n </div>\n <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n <pl-text-field\n label=\"Chart title\"\n placeholder=\"Chart title\"\n v-model=\"settings.title.value\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <span>Alignment</span>\n <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n </div>\n </collapsable-block>\n <!-- X axis settings-->\n <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"options.xGroupBy.selectorStates.length\">\n <span>Group labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisX.groupLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisX.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisX.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisX.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisX.sorting\"\n />\n </div>\n </collapsable-block>\n <!-- Y axis settings-->\n <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n <div class=\"axes-settings-options-row\">\n <span>Labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.axisLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"options.yGroupBy.selectorStates.length\">\n <span>Group labels rotation</span>\n <btn-icon-group :options=\"OPTIONS_HEATMAP_ROTATION\" v-model=\"settings.axisY.groupLabelsAngle\" />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Title\"\n :options=\"OPTIONS_AXIS_LABEL_MODE\"\n v-model=\"settings.axisY.titleMode\"\n />\n </div>\n <div v-if=\"settings.axisY.titleMode === 'custom'\">\n <pl-text-field\n label=\"Text\"\n placeholder=\"Type\"\n v-model=\"settings.axisY.customTitle\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Sorting\"\n :options=\"OPTIONS_SORTING\"\n v-model=\"settings.axisY.sorting\"\n />\n </div>\n </collapsable-block>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <span>Frame</span>\n <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <Slider\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 v-model=\"settings.other.facetColumns\"\n />\n </div>\n <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Facet shared by\"\n :options=\"optionsFacetShared\"\n v-model=\"settings.other.facetSharedBy\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["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","layer","computed","optionsFacetShared","option","options"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAEVC,IAAsB;AAAA,MAC1B,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAM7BC,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,GAGhCC,IAAQC,EAAS,MAAMnB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EoB,IAAqBD,EAAS,MAAMH,EAAqB,OAAO,CAACK,MACjErB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELkB,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,MAAOnB,EAAM,MAAM,SAAS,aAAa,UAA2C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}