@milaboratories/graph-maker 1.2.0 → 1.2.1

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 (70) hide show
  1. package/dist/components/AesSettings/AesDataMappingDiscrete.css +1 -1
  2. package/dist/components/AesSettings/AesDataMappingDiscrete.vue.d.ts.map +1 -1
  3. package/dist/components/AesSettings/AesDataMappingDiscrete.vue2.js.map +1 -1
  4. package/dist/components/AesSettings/AesDataMappingDiscrete.vue3.js +1 -1
  5. package/dist/components/Chart.vue.d.ts.map +1 -1
  6. package/dist/components/Chart.vue.js +67 -66
  7. package/dist/components/Chart.vue.js.map +1 -1
  8. package/dist/components/ReorderForm.vue.d.ts.map +1 -1
  9. package/dist/components/ReorderForm.vue2.js +14 -13
  10. package/dist/components/ReorderForm.vue2.js.map +1 -1
  11. package/dist/constantsCommon.d.ts +1 -0
  12. package/dist/constantsCommon.d.ts.map +1 -1
  13. package/dist/constantsCommon.js +11 -10
  14. package/dist/constantsCommon.js.map +1 -1
  15. package/dist/dataBindAes.d.ts.map +1 -1
  16. package/dist/dataBindAes.js +13 -13
  17. package/dist/dataBindAes.js.map +1 -1
  18. package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.d.ts.map +1 -1
  19. package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js +67 -59
  20. package/dist/forms/AxesSettingsForm/BubbleAxesSettingsForm.vue.js.map +1 -1
  21. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.d.ts.map +1 -1
  22. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js +92 -84
  23. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js.map +1 -1
  24. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.d.ts.map +1 -1
  25. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js +73 -65
  26. package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map +1 -1
  27. package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.d.ts.map +1 -1
  28. package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js +81 -73
  29. package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js.map +1 -1
  30. package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.d.ts.map +1 -1
  31. package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js +196 -182
  32. package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js.map +1 -1
  33. package/dist/forms/LayersForm/AesSelector.vue.d.ts.map +1 -1
  34. package/dist/forms/LayersForm/AesSelector.vue.js +52 -52
  35. package/dist/forms/LayersForm/AesSelector.vue.js.map +1 -1
  36. package/dist/index.vue.d.ts.map +1 -1
  37. package/dist/index.vue.js +168 -158
  38. package/dist/index.vue.js.map +1 -1
  39. package/dist/store.d.ts.map +1 -1
  40. package/dist/store.js +38 -37
  41. package/dist/store.js.map +1 -1
  42. package/dist/types.d.ts +3 -0
  43. package/dist/types.d.ts.map +1 -1
  44. package/dist/utils/createChartSettingsForRender/composeBubbleSettings.d.ts +8 -0
  45. package/dist/utils/createChartSettingsForRender/composeBubbleSettings.d.ts.map +1 -1
  46. package/dist/utils/createChartSettingsForRender/composeBubbleSettings.js +24 -22
  47. package/dist/utils/createChartSettingsForRender/composeBubbleSettings.js.map +1 -1
  48. package/dist/utils/createChartSettingsForRender/composeDendroSettings.d.ts +15 -0
  49. package/dist/utils/createChartSettingsForRender/composeDendroSettings.d.ts.map +1 -1
  50. package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.d.ts +19 -0
  51. package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.d.ts.map +1 -1
  52. package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.js +34 -30
  53. package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.js.map +1 -1
  54. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.d.ts +21 -0
  55. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.d.ts.map +1 -1
  56. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js +24 -22
  57. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js.map +1 -1
  58. package/dist/utils/createChartSettingsForRender/composeHistogramSettings.d.ts +4 -0
  59. package/dist/utils/createChartSettingsForRender/composeHistogramSettings.d.ts.map +1 -1
  60. package/dist/utils/createChartSettingsForRender/composeHistogramSettings.js +24 -22
  61. package/dist/utils/createChartSettingsForRender/composeHistogramSettings.js.map +1 -1
  62. package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.d.ts +18 -0
  63. package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.d.ts.map +1 -1
  64. package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.js +77 -72
  65. package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.js.map +1 -1
  66. package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.d.ts +12 -0
  67. package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.d.ts.map +1 -1
  68. package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.js +40 -35
  69. package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.js.map +1 -1
  70. package/package.json +3 -3
package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js CHANGED
@@ -1,47 +1,47 @@
1
- import { defineComponent as X, createElementBlock as m, openBlock as r, createElementVNode as s, createVNode as i, unref as t, withCtx as a, createCommentVNode as w, createTextVNode as p } from "vue";
2
- import { Slider as S, PlBtnGroup as n, PlTextField as k, PlCheckbox as x, PlToggleSwitch as d } from "@platforma-sdk/ui-vue";
3
- import { useStore as C } from "../../store.js";
4
- import V from "../../components/CollapsableBlock.vue.js";
5
- import g from "../../icons/Right.vue.js";
6
- import v from "../../icons/Down.vue.js";
1
+ import { defineComponent as c, createElementBlock as m, openBlock as r, createElementVNode as s, createVNode as i, unref as t, withCtx as n, createCommentVNode as S, createTextVNode as p } from "vue";
2
+ import { Slider as k, PlBtnGroup as a, PlTextField as x, PlCheckbox as V, PlToggleSwitch as d } from "@platforma-sdk/ui-vue";
3
+ import { useStore as X } from "../../store.js";
4
+ import g from "../../components/CollapsableBlock.vue.js";
5
+ import v from "../../icons/Right.vue.js";
6
+ import b from "../../icons/Down.vue.js";
7
7
  import T from "../../components/BtnIconGroup.vue.js";
8
- import L from "../../icons/AlignLeft.vue.js";
8
+ import C from "../../icons/AlignLeft.vue.js";
9
9
  import y from "../../icons/AlignCenter.vue.js";
10
10
  import F from "../../icons/AlignRight.vue.js";
11
- import P from "../../icons/FrameFull.vue.js";
12
- import N from "../../icons/FrameEmpty.vue.js";
11
+ import N from "../../icons/FrameFull.vue.js";
12
+ import P from "../../icons/FrameEmpty.vue.js";
13
13
  import O from "../../icons/FrameLeft.vue.js";
14
14
  import Y from "../../icons/FrameBottom.vue.js";
15
15
  import E from "../../icons/FrameLeftBottom.vue.js";
16
- const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px" } }, I = { class: "axes-settings-options-row block" }, H = {
16
+ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px" } }, h = { class: "axes-settings-options-row block" }, I = {
17
17
  key: 0,
18
18
  class: "axes-settings-input"
19
- }, h = { class: "axes-settings-options-row" }, R = { class: "axes-settings-options-row" }, D = { class: "axes-settings-options-row block" }, G = { key: 0 }, M = { class: "axes-settings-options-row block" }, z = { class: "axes-settings-options-row table" }, $ = { class: "axes-settings-options-row table" }, j = { class: "axes-settings-options-row block" }, q = { class: "axes-settings-options-row" }, J = { class: "axes-settings-options-row table" }, K = { class: "axes-settings-options-row table" }, Q = { class: "other" }, W = { class: "axes-settings-options-row" }, Z = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row" }, te = { class: "axes-settings-options-row" }, oe = { class: "axes-settings-options-row" }, le = { class: "axes-settings-options-row block" }, Te = /* @__PURE__ */ X({
19
+ }, H = { class: "axes-settings-options-row" }, R = { class: "axes-settings-options-row" }, D = { class: "axes-settings-options-row block" }, G = { key: 0 }, M = { class: "axes-settings-options-row block" }, z = { class: "axes-settings-options-row table" }, $ = { class: "axes-settings-options-row table" }, j = { class: "axes-settings-options-row block" }, q = { class: "axes-settings-options-row" }, J = { class: "axes-settings-options-row table" }, K = { class: "axes-settings-options-row table" }, Q = { class: "other" }, W = { class: "axes-settings-options-row" }, Z = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row" }, te = { class: "axes-settings-options-row" }, oe = { class: "axes-settings-options-row" }, le = { class: "axes-settings-options-row" }, se = { class: "axes-settings-options-row block" }, Ue = /* @__PURE__ */ c({
20
20
  __name: "HistogramAxesSettingsForm",
21
- setup(se) {
22
- const o = C().value.reactive.axesSettings, u = {
21
+ setup(ie) {
22
+ const o = X().value.reactive.axesSettings, u = {
23
23
  height: 40,
24
24
  horizontalPadding: 12,
25
25
  defaultState: "open",
26
26
  contentPadding: "0 24px"
27
27
  }, U = [
28
- { value: "left", icon: L },
28
+ { value: "left", icon: C },
29
29
  { value: "center", icon: y },
30
30
  { value: "right", icon: F }
31
31
  ], f = [
32
32
  { value: "auto", text: "Auto" },
33
33
  { value: "custom", text: "Custom" },
34
34
  { value: "hidden", text: "Hidden" }
35
- ], b = [
35
+ ], w = [
36
36
  { value: "linear", text: "Linear" },
37
37
  { value: "log", text: "Log" }
38
38
  ], A = [
39
- { value: "empty", icon: N },
39
+ { value: "empty", icon: P },
40
40
  { value: "left", icon: O },
41
41
  { value: "bottom", icon: Y },
42
42
  { value: "left-bottom", icon: E },
43
- { value: "full", icon: P }
44
- ], c = [
43
+ { value: "full", icon: N }
44
+ ], L = [
45
45
  { text: "X", value: "x" },
46
46
  { text: "Y", value: "y" },
47
47
  { text: "XY", value: "xy" },
@@ -49,12 +49,12 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
49
49
  ];
50
50
  return (ne, e) => (r(), m("div", {
51
51
  class: "axes-form",
52
- onClick: e[20] || (e[20] = (l) => l.stopPropagation())
52
+ onClick: e[21] || (e[21] = (l) => l.stopPropagation())
53
53
  }, [
54
- e[30] || (e[30] = s("h3", { class: "axes-title" }, " Axes ", -1)),
54
+ e[31] || (e[31] = s("h3", { class: "axes-title" }, " Axes ", -1)),
55
55
  s("div", _, [
56
56
  s("div", B, [
57
- i(t(S), {
57
+ i(t(k), {
58
58
  modelValue: t(o).other.binsCount,
59
59
  "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).other.binsCount = l),
60
60
  style: { width: "100%" },
@@ -66,15 +66,15 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
66
66
  mode: "input"
67
67
  }, null, 8, ["modelValue"])
68
68
  ]),
69
- i(V, {
69
+ i(g, {
70
70
  title: "Title",
71
71
  settings: u,
72
- icon: g,
73
- "icon-open": v
72
+ icon: v,
73
+ "icon-open": b
74
74
  }, {
75
- default: a(() => [
76
- s("div", I, [
77
- i(t(n), {
75
+ default: n(() => [
76
+ s("div", h, [
77
+ i(t(a), {
78
78
  modelValue: t(o).title.mode,
79
79
  "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.mode = l),
80
80
  label: "Title",
@@ -82,16 +82,16 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
82
82
  compact: !0
83
83
  }, null, 8, ["modelValue"])
84
84
  ]),
85
- t(o).title.mode === "custom" ? (r(), m("div", H, [
86
- i(t(k), {
85
+ t(o).title.mode === "custom" ? (r(), m("div", I, [
86
+ i(t(x), {
87
87
  modelValue: t(o).title.value,
88
88
  "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.value = l),
89
89
  label: "Chart title",
90
90
  placeholder: "Chart title"
91
91
  }, null, 8, ["modelValue"])
92
- ])) : w("", !0),
93
- s("div", h, [
94
- e[21] || (e[21] = s("span", null, "Alignment", -1)),
92
+ ])) : S("", !0),
93
+ s("div", H, [
94
+ e[22] || (e[22] = s("span", null, "Alignment", -1)),
95
95
  i(T, {
96
96
  modelValue: t(o).title.position,
97
97
  "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).title.position = l),
@@ -101,26 +101,26 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
101
101
  ]),
102
102
  _: 1
103
103
  }),
104
- i(V, {
104
+ i(g, {
105
105
  title: "X-axis",
106
106
  settings: u,
107
- icon: g,
108
- "icon-open": v
107
+ icon: v,
108
+ "icon-open": b
109
109
  }, {
110
- default: a(() => [
110
+ default: n(() => [
111
111
  s("div", R, [
112
- i(t(x), {
112
+ i(t(V), {
113
113
  modelValue: t(o).axisX.hideAxisLabels,
114
114
  "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.hideAxisLabels = l)
115
115
  }, {
116
- default: a(() => [...e[22] || (e[22] = [
116
+ default: n(() => [...e[23] || (e[23] = [
117
117
  p("Hide axis labels", -1)
118
118
  ])]),
119
119
  _: 1
120
120
  }, 8, ["modelValue"])
121
121
  ]),
122
122
  s("div", D, [
123
- i(t(n), {
123
+ i(t(a), {
124
124
  modelValue: t(o).axisX.titleMode,
125
125
  "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.titleMode = l),
126
126
  label: "Title",
@@ -129,31 +129,31 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
129
129
  }, null, 8, ["modelValue"])
130
130
  ]),
131
131
  t(o).axisX.titleMode === "custom" ? (r(), m("div", G, [
132
- i(t(k), {
132
+ i(t(x), {
133
133
  modelValue: t(o).axisX.customTitle,
134
134
  "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.customTitle = l),
135
135
  label: "Text",
136
136
  placeholder: "Type"
137
137
  }, null, 8, ["modelValue"])
138
- ])) : w("", !0),
138
+ ])) : S("", !0),
139
139
  s("div", M, [
140
- i(t(n), {
140
+ i(t(a), {
141
141
  modelValue: t(o).axisX.scale,
142
142
  "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisX.scale = l),
143
143
  label: "Scale",
144
- options: b,
144
+ options: w,
145
145
  compact: !0
146
146
  }, null, 8, ["modelValue"])
147
147
  ]),
148
148
  s("div", z, [
149
- e[23] || (e[23] = s("span", null, "Gridlines", -1)),
149
+ e[24] || (e[24] = s("span", null, "Gridlines", -1)),
150
150
  i(t(d), {
151
151
  modelValue: t(o).axisX.gridlines,
152
152
  "onUpdate:modelValue": e[8] || (e[8] = (l) => t(o).axisX.gridlines = l)
153
153
  }, null, 8, ["modelValue"])
154
154
  ]),
155
155
  s("div", $, [
156
- e[24] || (e[24] = s("span", null, "Ticks", -1)),
156
+ e[25] || (e[25] = s("span", null, "Ticks", -1)),
157
157
  i(t(d), {
158
158
  modelValue: t(o).axisX.ticks,
159
159
  "onUpdate:modelValue": e[9] || (e[9] = (l) => t(o).axisX.ticks = l)
@@ -162,42 +162,42 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
162
162
  ]),
163
163
  _: 1
164
164
  }),
165
- i(V, {
165
+ i(g, {
166
166
  title: "Y-axis",
167
167
  settings: u,
168
- icon: g,
169
- "icon-open": v
168
+ icon: v,
169
+ "icon-open": b
170
170
  }, {
171
- default: a(() => [
171
+ default: n(() => [
172
172
  s("div", j, [
173
- i(t(n), {
173
+ i(t(a), {
174
174
  modelValue: t(o).axisY.scale,
175
175
  "onUpdate:modelValue": e[10] || (e[10] = (l) => t(o).axisY.scale = l),
176
176
  label: "Scale",
177
- options: b,
177
+ options: w,
178
178
  compact: !0
179
179
  }, null, 8, ["modelValue"])
180
180
  ]),
181
181
  s("div", q, [
182
- i(t(x), {
182
+ i(t(V), {
183
183
  modelValue: t(o).axisY.hideAxisLabels,
184
184
  "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).axisY.hideAxisLabels = l)
185
185
  }, {
186
- default: a(() => [...e[25] || (e[25] = [
186
+ default: n(() => [...e[26] || (e[26] = [
187
187
  p("Hide axis labels", -1)
188
188
  ])]),
189
189
  _: 1
190
190
  }, 8, ["modelValue"])
191
191
  ]),
192
192
  s("div", J, [
193
- e[26] || (e[26] = s("span", null, "Gridlines", -1)),
193
+ e[27] || (e[27] = s("span", null, "Gridlines", -1)),
194
194
  i(t(d), {
195
195
  modelValue: t(o).axisY.gridlines,
196
196
  "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).axisY.gridlines = l)
197
197
  }, null, 8, ["modelValue"])
198
198
  ]),
199
199
  s("div", K, [
200
- e[27] || (e[27] = s("span", null, "Ticks", -1)),
200
+ e[28] || (e[28] = s("span", null, "Ticks", -1)),
201
201
  i(t(d), {
202
202
  modelValue: t(o).axisY.ticks,
203
203
  "onUpdate:modelValue": e[13] || (e[13] = (l) => t(o).axisY.ticks = l)
@@ -208,46 +208,54 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
208
208
  }),
209
209
  s("div", Q, [
210
210
  s("div", W, [
211
- i(t(x), {
211
+ i(t(V), {
212
212
  modelValue: t(o).other.showLegend,
213
213
  "onUpdate:modelValue": e[14] || (e[14] = (l) => t(o).other.showLegend = l)
214
214
  }, {
215
- default: a(() => [...e[28] || (e[28] = [
215
+ default: n(() => [...e[29] || (e[29] = [
216
216
  p("Show legend", -1)
217
217
  ])]),
218
218
  _: 1
219
219
  }, 8, ["modelValue"])
220
220
  ]),
221
221
  s("div", Z, [
222
- i(t(n), {
222
+ i(t(x), {
223
+ modelValue: t(o).other.nullValueLabel,
224
+ "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).other.nullValueLabel = l),
225
+ label: "Null value label",
226
+ placeholder: "NA"
227
+ }, null, 8, ["modelValue"])
228
+ ]),
229
+ s("div", ee, [
230
+ i(t(a), {
223
231
  modelValue: t(o).other.groupingDirection,
224
- "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).other.groupingDirection = l),
232
+ "onUpdate:modelValue": e[16] || (e[16] = (l) => t(o).other.groupingDirection = l),
225
233
  label: "Grouping direction",
226
234
  options: [{ value: "straight", label: "Straight" }, { value: "reverse", label: "Reverse" }],
227
235
  compact: !0
228
236
  }, null, 8, ["modelValue"])
229
237
  ]),
230
- s("div", ee, [
231
- i(t(n), {
238
+ s("div", te, [
239
+ i(t(a), {
232
240
  modelValue: t(o).other.groupingStack,
233
- "onUpdate:modelValue": e[16] || (e[16] = (l) => t(o).other.groupingStack = l),
241
+ "onUpdate:modelValue": e[17] || (e[17] = (l) => t(o).other.groupingStack = l),
234
242
  label: "Stack mode",
235
243
  options: [{ value: "vertical", label: "Vertical" }, { value: "horizontal", label: "Horizontal" }],
236
244
  compact: !0
237
245
  }, null, 8, ["modelValue"])
238
246
  ]),
239
- s("div", te, [
240
- e[29] || (e[29] = s("span", null, "Frame", -1)),
247
+ s("div", oe, [
248
+ e[30] || (e[30] = s("span", null, "Frame", -1)),
241
249
  i(T, {
242
250
  modelValue: t(o).other.frame,
243
- "onUpdate:modelValue": e[17] || (e[17] = (l) => t(o).other.frame = l),
251
+ "onUpdate:modelValue": e[18] || (e[18] = (l) => t(o).other.frame = l),
244
252
  options: A
245
253
  }, null, 8, ["modelValue"])
246
254
  ]),
247
- s("div", oe, [
248
- i(t(S), {
255
+ s("div", le, [
256
+ i(t(k), {
249
257
  modelValue: t(o).other.facetColumns,
250
- "onUpdate:modelValue": e[18] || (e[18] = (l) => t(o).other.facetColumns = l),
258
+ "onUpdate:modelValue": e[19] || (e[19] = (l) => t(o).other.facetColumns = l),
251
259
  style: { width: "100%" },
252
260
  label: "Facet column count",
253
261
  min: 1,
@@ -257,12 +265,12 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
257
265
  mode: "input"
258
266
  }, null, 8, ["modelValue"])
259
267
  ]),
260
- s("div", le, [
261
- i(t(n), {
268
+ s("div", se, [
269
+ i(t(a), {
262
270
  modelValue: t(o).other.facetSharedBy,
263
- "onUpdate:modelValue": e[19] || (e[19] = (l) => t(o).other.facetSharedBy = l),
271
+ "onUpdate:modelValue": e[20] || (e[20] = (l) => t(o).other.facetSharedBy = l),
264
272
  label: "Facet shared by",
265
- options: c,
273
+ options: L,
266
274
  compact: !0
267
275
  }, null, 8, ["modelValue"])
268
276
  ])
@@ -272,6 +280,6 @@ const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px"
272
280
  }
273
281
  });
274
282
  export {
275
- Te as default
283
+ Ue as default
276
284
  };
277
285
  //# sourceMappingURL=HistogramAxesSettingsForm.vue.js.map
package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch, 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 FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.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 contentPadding: '0 24px',\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hidden' },\n];\nconst OPTIONS_SCALE = [\n { value: 'linear', text: 'Linear' },\n { value: 'log', text: 'Log' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'empty', icon: FrameEmpty },\n { value: 'left', icon: FrameLeft },\n { value: 'bottom', icon: FrameBottom },\n { value: 'left-bottom', icon: FrameLeftBottom },\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];\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 <div :style=\"{padding: '0 24px 8px'}\">\n <Slider\n v-model=\"settings.other.binsCount\"\n :style=\"{width: '100%'}\"\n label=\"Bins count\"\n :min=\"3\"\n :max=\"100\"\n :step=\"1\"\n :breakpoints=\"false\"\n mode=\"input\"\n />\n </div>\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 :compact=\"true\"\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 <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\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 :compact=\"true\"\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.scale\"\n label=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n :compact=\"true\"\n />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\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 block\">\n <PlBtnGroup\n v-model=\"settings.axisY.scale\"\n label=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n :compact=\"true\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisY.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.showLegend\">Show legend</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <PlBtnGroup\n v-model=\"settings.other.groupingDirection\"\n label=\"Grouping direction\"\n :options=\"[{value: 'straight', label: 'Straight'}, {value: 'reverse', label: 'Reverse'}]\"\n :compact=\"true\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlBtnGroup\n v-model=\"settings.other.groupingStack\"\n label=\"Stack mode\"\n :options=\"[{value: 'vertical', label: 'Vertical'}, {value: 'horizontal', label: 'Horizontal'}]\"\n :compact=\"true\"\n />\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=\"OPTIONS_FACET_SHARED\"\n :compact=\"true\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_unref","Slider","$event","CollapsableBlock","Right","Down","_hoisted_3","PlBtnGroup","_openBlock","_hoisted_4","PlTextField","_hoisted_5","BtnIconGroup","_hoisted_6","PlCheckbox","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PlToggleSwitch","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22"],"mappings":"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"}
1
+ {"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch, 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 FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.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 contentPadding: '0 24px',\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n { value: 'left', icon: AlignLeft },\n { value: 'center', icon: AlignCenter },\n { value: 'right', icon: AlignRight },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n { value: 'auto', text: 'Auto' },\n { value: 'custom', text: 'Custom' },\n { value: 'hidden', text: 'Hidden' },\n];\nconst OPTIONS_SCALE = [\n { value: 'linear', text: 'Linear' },\n { value: 'log', text: 'Log' },\n];\nconst OPTIONS_CHART_FRAME = [\n { value: 'empty', icon: FrameEmpty },\n { value: 'left', icon: FrameLeft },\n { value: 'bottom', icon: FrameBottom },\n { value: 'left-bottom', icon: FrameLeftBottom },\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];\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 <div :style=\"{padding: '0 24px 8px'}\">\n <Slider\n v-model=\"settings.other.binsCount\"\n :style=\"{width: '100%'}\"\n label=\"Bins count\"\n :min=\"3\"\n :max=\"100\"\n :step=\"1\"\n :breakpoints=\"false\"\n mode=\"input\"\n />\n </div>\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 :compact=\"true\"\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 <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\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 :compact=\"true\"\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.scale\"\n label=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n :compact=\"true\"\n />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\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 block\">\n <PlBtnGroup\n v-model=\"settings.axisY.scale\"\n label=\"Scale\"\n :options=\"OPTIONS_SCALE\"\n :compact=\"true\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Gridlines</span>\n <PlToggleSwitch v-model=\"settings.axisY.gridlines\" />\n </div>\n <div class=\"axes-settings-options-row table\">\n <span>Ticks</span>\n <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n </div>\n </CollapsableBlock>\n <!-- Facet settings-->\n <div class=\"other\">\n <div class=\"axes-settings-options-row\">\n <PlCheckbox v-model=\"settings.other.showLegend\">Show legend</PlCheckbox>\n </div>\n <div class=\"axes-settings-options-row\">\n <PlTextField v-model=\"settings.other.nullValueLabel\" label=\"Null value label\" placeholder=\"NA\" />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlBtnGroup\n v-model=\"settings.other.groupingDirection\"\n label=\"Grouping direction\"\n :options=\"[{value: 'straight', label: 'Straight'}, {value: 'reverse', label: 'Reverse'}]\"\n :compact=\"true\"\n />\n </div>\n <div class=\"axes-settings-options-row\">\n <PlBtnGroup\n v-model=\"settings.other.groupingStack\"\n label=\"Stack mode\"\n :options=\"[{value: 'vertical', label: 'Vertical'}, {value: 'horizontal', label: 'Horizontal'}]\"\n :compact=\"true\"\n />\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=\"OPTIONS_FACET_SHARED\"\n :compact=\"true\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_unref","Slider","$event","CollapsableBlock","Right","Down","_hoisted_3","PlBtnGroup","_openBlock","_hoisted_4","PlTextField","_hoisted_5","BtnIconGroup","_hoisted_6","PlCheckbox","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PlToggleSwitch","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23"],"mappings":"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"}
package/dist/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScatterplotAxesSettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"names":[],"mappings":";AA4tCA,wBAMG"}
1
+ {"version":3,"file":"ScatterplotAxesSettingsForm.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"names":[],"mappings":";AAmvCA,wBAMG"}