@milaboratories/graph-maker 1.1.155 → 1.1.157

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 (57) hide show
  1. package/dist/GraphMaker/components/Chart.vue.d.ts.map +1 -1
  2. package/dist/GraphMaker/components/Chart.vue.js +20 -16
  3. package/dist/GraphMaker/components/Chart.vue.js.map +1 -1
  4. package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts.map +1 -1
  5. package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.js +24 -23
  6. package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.js.map +1 -1
  7. package/dist/GraphMaker/constantsCommon.d.ts +2 -0
  8. package/dist/GraphMaker/constantsCommon.d.ts.map +1 -1
  9. package/dist/GraphMaker/constantsCommon.js +29 -27
  10. package/dist/GraphMaker/constantsCommon.js.map +1 -1
  11. package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.d.ts.map +1 -1
  12. package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js +215 -148
  13. package/dist/GraphMaker/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map +1 -1
  14. package/dist/GraphMaker/utils/createChartSettingsForRender/composeDendroSettings.d.ts +5 -0
  15. package/dist/GraphMaker/utils/createChartSettingsForRender/composeDendroSettings.d.ts.map +1 -1
  16. package/dist/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.d.ts +1 -0
  17. package/dist/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.d.ts.map +1 -1
  18. package/dist/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.d.ts +5 -0
  19. package/dist/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.d.ts.map +1 -1
  20. package/dist/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.js +24 -24
  21. package/dist/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.js.map +1 -1
  22. package/dist/GraphMaker/utils/createChartSettingsForRender/composeScatterplotSettings.d.ts +2 -0
  23. package/dist/GraphMaker/utils/createChartSettingsForRender/composeScatterplotSettings.d.ts.map +1 -1
  24. package/dist/GraphMaker/utils/createChartSettingsForRender/composeScatterplotUmapSettings.d.ts +2 -0
  25. package/dist/GraphMaker/utils/createChartSettingsForRender/composeScatterplotUmapSettings.d.ts.map +1 -1
  26. package/dist/node_modules/@milaboratories/miplots4/dist/MiPlots.js +22 -22
  27. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/ChartRenderer.js +160 -156
  28. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/ChartRenderer.js.map +1 -1
  29. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/DendroSettingsImpl.js +31 -27
  30. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/DendroSettingsImpl.js.map +1 -1
  31. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Chart.js +53 -53
  32. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/components/Chart.js.map +1 -1
  33. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/getHierarchyData.js +30 -24
  34. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/getHierarchyData.js.map +1 -1
  35. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/index.js +78 -77
  36. package/dist/node_modules/@milaboratories/miplots4/dist/dendro/index.js.map +1 -1
  37. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/ChartRenderer.js +267 -258
  38. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/ChartRenderer.js.map +1 -1
  39. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/HeatmapSettingsImpl.js +59 -54
  40. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/HeatmapSettingsImpl.js.map +1 -1
  41. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Chart.js +91 -89
  42. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Chart.js.map +1 -1
  43. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/ChartsGroup.js +17 -17
  44. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/getCells.js +98 -87
  45. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/getCells.js.map +1 -1
  46. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/index.js +98 -76
  47. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/index.js.map +1 -1
  48. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/utils/calculateCaptionTails.js +57 -57
  49. package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/utils/calculateCaptionTails.js.map +1 -1
  50. package/dist/node_modules/@milaboratories/miplots4/dist/types/common.js +52 -51
  51. package/dist/node_modules/@milaboratories/miplots4/dist/types/common.js.map +1 -1
  52. package/dist/node_modules/@milaboratories/miplots4/dist/types/dendro.js +13 -8
  53. package/dist/node_modules/@milaboratories/miplots4/dist/types/dendro.js.map +1 -1
  54. package/dist/node_modules/@milaboratories/miplots4/dist/types/discrete.js +5 -5
  55. package/dist/node_modules/@milaboratories/miplots4/dist/types/heatmap.js +19 -11
  56. package/dist/node_modules/@milaboratories/miplots4/dist/types/heatmap.js.map +1 -1
  57. package/package.json +2 -2
@@ -1,209 +1,276 @@
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
- import N from "../../icons/AlignCenter.vue.js";
10
- import F from "../../icons/AlignRight.vue.js";
11
- import I from "../../icons/FrameFull.vue.js";
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 = {
1
+ import { defineComponent as P, computed as m, createElementBlock as n, openBlock as u, createElementVNode as a, createVNode as s, withCtx as y, createCommentVNode as r, unref as l } from "vue";
2
+ import { PlBtnGroup as d, PlTextField as A, Slider as w } from "@platforma-sdk/ui-vue";
3
+ import { useStore as R } from "../../store.js";
4
+ import L from "../../components/CollapsableBlock.vue.js";
5
+ import C from "../../icons/Right.vue.js";
6
+ import U from "../../icons/Down.vue.js";
7
+ import p from "../../components/BtnIconGroup.vue.js";
8
+ import B from "../../icons/AlignLeft.vue.js";
9
+ import z from "../../icons/AlignCenter.vue.js";
10
+ import G from "../../icons/AlignRight.vue.js";
11
+ import H from "../../icons/FrameFull.vue.js";
12
+ import h from "../../icons/FrameEmpty.vue.js";
13
+ import D from "../../icons/Rotation0.vue.js";
14
+ import Z from "../../icons/Rotation45.vue.js";
15
+ import W from "../../icons/Rotation90.vue.js";
16
+ const $ = { class: "axes-settings-list" }, j = { class: "axes-settings-options-row block" }, q = {
17
17
  key: 0,
18
18
  class: "axes-settings-input"
19
- }, D = { class: "axes-settings-options-row" }, $ = { class: "axes-settings-options-row" }, h = {
19
+ }, J = { class: "axes-settings-options-row" }, K = { class: "axes-settings-options-row" }, Q = {
20
20
  key: 0,
21
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 = {
22
+ }, ee = { class: "axes-settings-options-row block" }, le = { key: 1 }, te = { class: "axes-settings-options-row block" }, oe = { class: "axes-settings-options-row block" }, se = {
23
+ key: 2,
24
+ class: "axes-settings-options-row"
25
+ }, ae = { class: "axes-settings-options-row" }, ie = {
23
26
  key: 0,
24
27
  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({
28
+ }, ne = { class: "axes-settings-options-row block" }, ue = { key: 1 }, de = { class: "axes-settings-options-row block" }, me = { class: "axes-settings-options-row block" }, re = {
29
+ key: 2,
30
+ class: "axes-settings-options-row"
31
+ }, pe = { class: "other" }, xe = { class: "axes-settings-options-row" }, ve = { class: "axes-settings-options-row" }, ge = { class: "axes-settings-options-row block" }, Y = 4, _ = 50, O = 20, _e = /* @__PURE__ */ P({
26
32
  __name: "HeatmapAxesSettingsForm",
27
- setup(se) {
28
- const p = _(), o = p.value.reactive.axesSettings, g = {
33
+ setup(Ve) {
34
+ const x = R(), o = x.value.reactive.axesSettings, b = {
29
35
  height: 40,
30
36
  horizontalPadding: 12,
31
37
  defaultState: "open"
32
- }, k = [
33
- { value: "left", icon: C },
34
- { value: "center", icon: N },
35
- { value: "right", icon: F }
36
- ], x = [
37
- { value: 0, icon: E },
38
- { value: 45, icon: R },
39
- { value: 90, icon: M }
40
- ], V = [
38
+ }, I = [
39
+ { value: "left", icon: B },
40
+ { value: "center", icon: z },
41
+ { value: "right", icon: G }
42
+ ], v = [
43
+ { value: 0, icon: D },
44
+ { value: 45, icon: Z },
45
+ { value: 90, icon: W }
46
+ ], S = [
41
47
  { value: "auto", text: "Auto" },
42
48
  { value: "custom", text: "Custom" },
43
49
  { value: "hidden", text: "Hide" }
44
- ], w = [
45
- { value: "none", icon: P },
46
- { value: "full", icon: I }
47
- ], O = [
50
+ ], N = [
51
+ { value: "none", icon: h },
52
+ { value: "full", icon: H }
53
+ ], M = [
48
54
  { text: "X", value: "x" },
49
55
  { text: "Y", value: "y" },
50
56
  { text: "XY", value: "xy" },
51
57
  { text: "None", value: "none" }
52
- ], c = [
58
+ ], X = [
53
59
  { text: "ascending", value: "asc" },
54
60
  { text: "descending", value: "desc" }
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", {
61
+ ], k = [
62
+ { text: "auto", value: "auto" },
63
+ { text: "custom", value: "custom" }
64
+ ], g = m(() => x.value.reactive.layersSettings.heatmapClustered), F = m(() => 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 = m(() => x.value.reactive.optionsState.components), c = m(() => o.axisX.cellSize === null ? "auto" : "custom"), V = m({
65
+ get: () => o.axisX.cellSize,
66
+ set: (i) => {
67
+ o.axisX.cellSize = i;
68
+ }
69
+ }), T = m(() => o.axisY.cellSize === null ? "auto" : "custom"), f = m({
70
+ get: () => o.axisY.cellSize,
71
+ set: (i) => {
72
+ o.axisY.cellSize = i;
73
+ }
74
+ });
75
+ return (i, e) => (u(), n("div", {
57
76
  class: "axes-form",
58
- onClick: e[16] || (e[16] = (l) => l.stopPropagation())
77
+ onClick: e[22] || (e[22] = (t) => t.stopPropagation())
59
78
  }, [
60
- e[23] || (e[23] = s("h3", { class: "axes-title" }, " Axes ", -1)),
61
- s("div", B, [
62
- i(A, {
79
+ e[29] || (e[29] = a("h3", { class: "axes-title" }, " Axes ", -1)),
80
+ a("div", $, [
81
+ s(L, {
63
82
  title: "Title",
64
- settings: g,
65
- icon: y,
66
- "icon-open": S
83
+ settings: b,
84
+ icon: C,
85
+ "icon-open": U
67
86
  }, {
68
- default: b(() => [
69
- s("div", G, [
70
- i(t(d), {
87
+ default: y(() => [
88
+ a("div", j, [
89
+ s(l(d), {
71
90
  label: "Title",
72
- options: V,
73
- modelValue: t(o).title.mode,
74
- "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).title.mode = l)
91
+ options: S,
92
+ modelValue: l(o).title.mode,
93
+ "onUpdate:modelValue": e[0] || (e[0] = (t) => l(o).title.mode = t)
75
94
  }, null, 8, ["modelValue"])
76
95
  ]),
77
- t(o).title.mode === "custom" ? (u(), a("div", H, [
78
- i(t(T), {
96
+ l(o).title.mode === "custom" ? (u(), n("div", q, [
97
+ s(l(A), {
79
98
  label: "Chart title",
80
99
  placeholder: "Chart title",
81
- modelValue: t(o).title.value,
82
- "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.value = l)
100
+ modelValue: l(o).title.value,
101
+ "onUpdate:modelValue": e[1] || (e[1] = (t) => l(o).title.value = t)
83
102
  }, null, 8, ["modelValue"])
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)
103
+ ])) : r("", !0),
104
+ a("div", J, [
105
+ e[23] || (e[23] = a("span", null, "Alignment", -1)),
106
+ s(p, {
107
+ options: I,
108
+ modelValue: l(o).title.position,
109
+ "onUpdate:modelValue": e[2] || (e[2] = (t) => l(o).title.position = t)
91
110
  }, null, 8, ["modelValue"])
92
111
  ])
93
112
  ]),
94
113
  _: 1
95
114
  }),
96
- i(A, {
115
+ s(L, {
97
116
  title: "X-axis",
98
- settings: g,
99
- icon: y,
100
- "icon-open": S
117
+ settings: b,
118
+ icon: C,
119
+ "icon-open": U
101
120
  }, {
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)
121
+ default: y(() => [
122
+ a("div", K, [
123
+ e[24] || (e[24] = a("span", null, "Labels rotation", -1)),
124
+ s(p, {
125
+ options: v,
126
+ modelValue: l(o).axisX.axisLabelsAngle,
127
+ "onUpdate:modelValue": e[3] || (e[3] = (t) => l(o).axisX.axisLabelsAngle = t)
109
128
  }, null, 8, ["modelValue"])
110
129
  ]),
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), {
130
+ E.value.xGroupBy.selectorStates.length ? (u(), n("div", Q, [
131
+ e[25] || (e[25] = a("span", null, "Group labels rotation", -1)),
132
+ s(p, {
133
+ options: v,
134
+ modelValue: l(o).axisX.groupLabelsAngle,
135
+ "onUpdate:modelValue": e[4] || (e[4] = (t) => l(o).axisX.groupLabelsAngle = t)
136
+ }, null, 8, ["modelValue"])
137
+ ])) : r("", !0),
138
+ a("div", ee, [
139
+ s(l(d), {
121
140
  label: "Title",
122
- options: V,
123
- modelValue: t(o).axisX.titleMode,
124
- "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.titleMode = l)
141
+ options: S,
142
+ modelValue: l(o).axisX.titleMode,
143
+ "onUpdate:modelValue": e[5] || (e[5] = (t) => l(o).axisX.titleMode = t)
125
144
  }, null, 8, ["modelValue"])
126
145
  ]),
127
- t(o).axisX.titleMode === "custom" ? (u(), a("div", j, [
128
- i(t(T), {
146
+ l(o).axisX.titleMode === "custom" ? (u(), n("div", le, [
147
+ s(l(A), {
129
148
  label: "Text",
130
149
  placeholder: "Type",
131
- modelValue: t(o).axisX.customTitle,
132
- "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.customTitle = l)
150
+ modelValue: l(o).axisX.customTitle,
151
+ "onUpdate:modelValue": e[6] || (e[6] = (t) => l(o).axisX.customTitle = t)
133
152
  }, null, 8, ["modelValue"])
134
- ])) : m("", !0),
135
- s("div", q, [
136
- i(t(d), {
153
+ ])) : r("", !0),
154
+ a("div", te, [
155
+ s(l(d), {
137
156
  label: "Sorting",
138
- options: c,
139
- modelValue: t(o).axisX.sorting,
140
- "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisX.sorting = l)
157
+ options: X,
158
+ modelValue: l(o).axisX.sorting,
159
+ "onUpdate:modelValue": e[7] || (e[7] = (t) => l(o).axisX.sorting = t)
141
160
  }, null, 8, ["modelValue"])
142
- ])
161
+ ]),
162
+ a("div", oe, [
163
+ s(l(d), {
164
+ label: "Cell width mode",
165
+ options: k,
166
+ modelValue: c.value,
167
+ "onUpdate:modelValue": [
168
+ e[8] || (e[8] = (t) => c.value = t),
169
+ e[9] || (e[9] = (t) => {
170
+ V.value = t === "auto" ? null : O;
171
+ })
172
+ ]
173
+ }, null, 8, ["modelValue"])
174
+ ]),
175
+ c.value === "custom" && V.value !== null ? (u(), n("div", se, [
176
+ s(l(w), {
177
+ label: "Cell width",
178
+ min: Y,
179
+ max: _,
180
+ modelValue: V.value,
181
+ "onUpdate:modelValue": e[10] || (e[10] = (t) => V.value = t),
182
+ measure: "px",
183
+ style: { width: "100%" }
184
+ }, null, 8, ["modelValue"])
185
+ ])) : r("", !0)
143
186
  ]),
144
187
  _: 1
145
188
  }),
146
- i(A, {
189
+ s(L, {
147
190
  title: "Y-axis",
148
- settings: g,
149
- icon: y,
150
- "icon-open": S
191
+ settings: b,
192
+ icon: C,
193
+ "icon-open": U
151
194
  }, {
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)
195
+ default: y(() => [
196
+ a("div", ae, [
197
+ e[26] || (e[26] = a("span", null, "Labels rotation", -1)),
198
+ s(p, {
199
+ options: v,
200
+ modelValue: l(o).axisY.axisLabelsAngle,
201
+ "onUpdate:modelValue": e[11] || (e[11] = (t) => l(o).axisY.axisLabelsAngle = t)
159
202
  }, null, 8, ["modelValue"])
160
203
  ]),
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), {
204
+ E.value.yGroupBy.selectorStates.length ? (u(), n("div", ie, [
205
+ e[27] || (e[27] = a("span", null, "Group labels rotation", -1)),
206
+ s(p, {
207
+ options: v,
208
+ modelValue: l(o).axisY.groupLabelsAngle,
209
+ "onUpdate:modelValue": e[12] || (e[12] = (t) => l(o).axisY.groupLabelsAngle = t)
210
+ }, null, 8, ["modelValue"])
211
+ ])) : r("", !0),
212
+ a("div", ne, [
213
+ s(l(d), {
171
214
  label: "Title",
172
- options: V,
173
- modelValue: t(o).axisY.titleMode,
174
- "onUpdate:modelValue": e[10] || (e[10] = (l) => t(o).axisY.titleMode = l)
215
+ options: S,
216
+ modelValue: l(o).axisY.titleMode,
217
+ "onUpdate:modelValue": e[13] || (e[13] = (t) => l(o).axisY.titleMode = t)
175
218
  }, null, 8, ["modelValue"])
176
219
  ]),
177
- t(o).axisY.titleMode === "custom" ? (u(), a("div", W, [
178
- i(t(T), {
220
+ l(o).axisY.titleMode === "custom" ? (u(), n("div", ue, [
221
+ s(l(A), {
179
222
  label: "Text",
180
223
  placeholder: "Type",
181
- modelValue: t(o).axisY.customTitle,
182
- "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).axisY.customTitle = l)
224
+ modelValue: l(o).axisY.customTitle,
225
+ "onUpdate:modelValue": e[14] || (e[14] = (t) => l(o).axisY.customTitle = t)
183
226
  }, null, 8, ["modelValue"])
184
- ])) : m("", !0),
185
- s("div", Z, [
186
- i(t(d), {
227
+ ])) : r("", !0),
228
+ a("div", de, [
229
+ s(l(d), {
187
230
  label: "Sorting",
188
- options: c,
189
- modelValue: t(o).axisY.sorting,
190
- "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).axisY.sorting = l)
231
+ options: X,
232
+ modelValue: l(o).axisY.sorting,
233
+ "onUpdate:modelValue": e[15] || (e[15] = (t) => l(o).axisY.sorting = t)
191
234
  }, null, 8, ["modelValue"])
192
- ])
235
+ ]),
236
+ a("div", me, [
237
+ s(l(d), {
238
+ label: "Cell height mode",
239
+ options: k,
240
+ modelValue: T.value,
241
+ "onUpdate:modelValue": [
242
+ e[16] || (e[16] = (t) => T.value = t),
243
+ e[17] || (e[17] = (t) => {
244
+ f.value = t === "auto" ? null : O;
245
+ })
246
+ ]
247
+ }, null, 8, ["modelValue"])
248
+ ]),
249
+ T.value === "custom" && f.value !== null ? (u(), n("div", re, [
250
+ s(l(w), {
251
+ label: "Cell height",
252
+ min: Y,
253
+ max: _,
254
+ modelValue: f.value,
255
+ "onUpdate:modelValue": e[18] || (e[18] = (t) => f.value = t),
256
+ measure: "px",
257
+ style: { width: "100%" }
258
+ }, null, 8, ["modelValue"])
259
+ ])) : r("", !0)
193
260
  ]),
194
261
  _: 1
195
262
  }),
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)
263
+ a("div", pe, [
264
+ a("div", xe, [
265
+ e[28] || (e[28] = a("span", null, "Frame", -1)),
266
+ s(p, {
267
+ options: N,
268
+ modelValue: l(o).other.frame,
269
+ "onUpdate:modelValue": e[19] || (e[19] = (t) => l(o).other.frame = t)
203
270
  }, null, 8, ["modelValue"])
204
271
  ]),
205
- s("div", oe, [
206
- i(t(L), {
272
+ a("div", ve, [
273
+ s(l(w), {
207
274
  style: { width: "100%" },
208
275
  label: "Facet column count",
209
276
  min: 1,
@@ -211,16 +278,16 @@ const B = { class: "axes-settings-list" }, G = { class: "axes-settings-options-r
211
278
  step: 1,
212
279
  breakpoints: !0,
213
280
  mode: "input",
214
- modelValue: t(o).other.facetColumns,
215
- "onUpdate:modelValue": e[14] || (e[14] = (l) => t(o).other.facetColumns = l)
281
+ modelValue: l(o).other.facetColumns,
282
+ "onUpdate:modelValue": e[20] || (e[20] = (t) => l(o).other.facetColumns = t)
216
283
  }, null, 8, ["modelValue"])
217
284
  ]),
218
- s("div", le, [
219
- i(t(d), {
285
+ a("div", ge, [
286
+ s(l(d), {
220
287
  label: "Facet shared by",
221
- options: U.value,
222
- modelValue: t(o).other.facetSharedBy,
223
- "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).other.facetSharedBy = l)
288
+ options: F.value,
289
+ modelValue: l(o).other.facetSharedBy,
290
+ "onUpdate:modelValue": e[21] || (e[21] = (t) => l(o).other.facetSharedBy = t)
224
291
  }, null, 8, ["options", "modelValue"])
225
292
  ])
226
293
  ])
@@ -229,6 +296,6 @@ const B = { class: "axes-settings-list" }, G = { class: "axes-settings-options-r
229
296
  }
230
297
  });
231
298
  export {
232
- Ae as default
299
+ _e as default
233
300
  };
234
301
  //# sourceMappingURL=HeatmapAxesSettingsForm.vue.js.map
@@ -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';\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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 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 <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 <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Cell width mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n v-model=\"cellWidthMode\"\n @update:model-value=\"(v) => {\n cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"cellWidthMode === 'custom' && cellWidth !== null\">\n <Slider label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" v-model=\"cellWidth\" measure=\"px\" :style=\"{width: '100%'}\"/>\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 <div class=\"axes-settings-options-row block\">\n <pl-btn-group\n label=\"Cell height mode\"\n :options=\"CELL_SIZE_OPTIONS\"\n v-model=\"cellHeightMode\"\n @update:model-value=\"(v) => {\n cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n }\"\n />\n </div>\n <div class=\"axes-settings-options-row\" v-if=\"cellHeightMode === 'custom' && cellHeight !== null\">\n <Slider label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" v-model=\"cellHeight\" measure=\"px\" :style=\"{width: '100%'}\"/>\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":["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"],"mappings":"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"}
@@ -30,6 +30,10 @@ export declare function composeDendroSettings(settings: DendroSettings, dataByCo
30
30
  minCellHeight?: number | undefined;
31
31
  maxCellWidth?: number | undefined;
32
32
  maxCellHeight?: number | undefined;
33
+ marginTop?: number | undefined;
34
+ marginBottom?: number | undefined;
35
+ marginLeft?: number | undefined;
36
+ marginRight?: number | undefined;
33
37
  } | undefined;
34
38
  aes?: {
35
39
  lineShape?: "solid" | "dashed" | "dotted" | "dotdash" | "longdash" | "twodash" | undefined;
@@ -140,6 +144,7 @@ export declare function composeDendroSettings(settings: DendroSettings, dataByCo
140
144
  edgeInheritance?: "up" | "down" | undefined;
141
145
  mode?: "normal" | "useAllNodesAsLeaves" | undefined;
142
146
  leavesMode?: "normal" | "alignLeavesToLine" | undefined;
147
+ leavesOrder?: "indexAsc" | "indexDesc" | undefined;
143
148
  heatmapAnnotation?: {
144
149
  type: "column";
145
150
  value: string;
@@ -1 +1 @@
1
- {"version":3,"file":"composeDendroSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeDendroSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAAE,UAAU,EACtB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAoB,MAAM,aAAa,CAAC;AAIvF,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,EACvD,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,EAClC,gBAAgB,EAAE,uBAAuB;;;;YA+Hu0qB,CAAC;gBAAuC,CAAC;;;;;cAAyH,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA0G,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;aAAuD,CAAC;aAAmC,CAAC;cAAoC,CAAC;oBAA0C,CAAC;qBAA2C,CAAC;oBAA0C,CAAC;qBAA2C,CAAC;;;iBAAsE,CAAC;iBAAmG,CAAC;;;;sBAA4H,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAAgH,CAAC;;;;;sBAA6J,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;iBAA4H,CAAC;;;;sBAAwR,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;iBAAwR,CAAC;;;;sBAA4H,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAAgH,CAAC;;;;;sBAA6J,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAA2H,CAAC;;;;sBAA4H,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAAgH,CAAC;;;;;sBAA6J,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;;;;;cAA0M,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAAqH,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;YAAoE,CAAC;gBAAuC,CAAC;;;aAA2G,CAAC;aAAmC,CAAC;;;;;cAAsH,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;;;;;cAA8U,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA0H,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA2H,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;WAA8E,CAAC;sBAA0B,CAAC;qBAA6C,CAAC;;iBAA8E,CAAC;;;;;;;EAD5w1B"}
1
+ {"version":3,"file":"composeDendroSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeDendroSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAAE,UAAU,EACtB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAoB,MAAM,aAAa,CAAC;AAIvF,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,cAAc,EACxB,aAAa,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,EACvD,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,EAClC,gBAAgB,EAAE,uBAAuB;;;;YA+Hw7rB,CAAC;gBAAuC,CAAC;;;;;cAAyH,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA0G,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;aAAuD,CAAC;aAAmC,CAAC;cAAoC,CAAC;oBAA0C,CAAC;qBAA2C,CAAC;oBAA0C,CAAC;qBAA2C,CAAC;iBAAuC,CAAC;oBAA0C,CAAC;kBAAwC,CAAC;mBAAyC,CAAC;;;iBAAsE,CAAC;iBAAmG,CAAC;;;;sBAA4H,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAAgH,CAAC;;;;;sBAA6J,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;iBAA4H,CAAC;;;;sBAAwR,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;iBAAwR,CAAC;;;;sBAA4H,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAAgH,CAAC;;;;;sBAA6J,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAA2H,CAAC;;;;sBAA4H,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;gBAAgH,CAAC;;;;;sBAA6J,CAAC;qBAA2C,CAAC;2BAAiD,CAAC;;;;;;;;cAA0M,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAAqH,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;YAAoE,CAAC;gBAAuC,CAAC;;;aAA2G,CAAC;aAAmC,CAAC;;;;;cAAsH,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;;;;;;cAAsY,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA0H,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;;;cAA2H,CAAC;aAAmC,CAAC;mBAAyC,CAAC;;;WAA8E,CAAC;sBAA0B,CAAC;qBAA6C,CAAC;;iBAA8E,CAAC;;;;;;;EAD3l3B"}
@@ -340,6 +340,7 @@ export declare function composeDiscreteSettings(settings: DiscreteSettings, reac
340
340
  scale?: "linear" | "log" | undefined;
341
341
  showGrid?: boolean | undefined;
342
342
  showTicks?: boolean | undefined;
343
+ hiddenLabels?: boolean | undefined;
343
344
  significantLines?: number[] | undefined;
344
345
  significantLinesStyle?: "solid" | "dashed" | "dotted" | "dotdash" | "longdash" | "twodash" | undefined;
345
346
  symmetricRange?: number | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"composeDiscreteSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"composeDiscreteSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeDiscreteSettings.ts"],"names":[],"mappings":"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"}
@@ -31,6 +31,10 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
31
31
  size?: {
32
32
  width?: number | undefined;
33
33
  height?: number | undefined;
34
+ outerOffset?: number | undefined;
35
+ innerOffset?: number | undefined;
36
+ cellWidth?: number | undefined;
37
+ cellHeight?: number | undefined;
34
38
  } | undefined;
35
39
  aes?: {
36
40
  colorsList?: string[] | undefined;
@@ -117,6 +121,7 @@ export declare function composeHeatmapSettings(settings: HeatmapSettings, reacti
117
121
  label?: string | undefined;
118
122
  valueLabels?: string | undefined;
119
123
  }[] | undefined;
124
+ keysOrder?: Record<string, string[]> | undefined;
120
125
  annotations?: ({
121
126
  type: "continuous" | "discrete";
122
127
  valueColumn: {
@@ -1 +1 @@
1
- {"version":3,"file":"composeHeatmapSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"composeHeatmapSettings.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/utils/createChartSettingsForRender/composeHeatmapSettings.ts"],"names":[],"mappings":"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"}