@milaboratories/graph-maker 1.1.193 → 1.1.194

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.
@@ -1,63 +1,63 @@
1
- import { defineComponent as ee, computed as r, ref as k, onMounted as le, watch as $, createElementBlock as p, openBlock as d, createElementVNode as a, createVNode as s, withCtx as b, createCommentVNode as m, unref as l, createBlock as H } from "vue";
2
- import { PlBtnGroup as S, PlTextField as U, PlToggleSwitch as v, Slider as oe } from "@platforma-sdk/ui-vue";
3
- import { useStore as te } from "../../store.js";
1
+ import { defineComponent as ee, computed as r, ref as k, onMounted as le, watch as $, createElementBlock as p, openBlock as d, createElementVNode as a, createVNode as s, withCtx as y, createCommentVNode as m, unref as l, createBlock as H, createTextVNode as oe } from "vue";
2
+ import { PlBtnGroup as S, PlTextField as U, PlToggleSwitch as v, PlCheckbox as te, Slider as ae } from "@platforma-sdk/ui-vue";
3
+ import { useStore as se } from "../../store.js";
4
4
  import I from "../../components/CollapsableBlock.vue.js";
5
5
  import G from "../../icons/Right.vue.js";
6
6
  import N from "../../icons/Down.vue.js";
7
- import R from "../../components/BtnIconGroup.vue.js";
8
- import ae from "../../icons/AlignLeft.vue.js";
9
- import se from "../../icons/AlignCenter.vue.js";
10
- import ne from "../../icons/AlignRight.vue.js";
11
- import ie from "../../icons/FrameFull.vue.js";
12
- import ue from "../../icons/FrameEmpty.vue.js";
13
- import re from "../../icons/Rotation0.vue.js";
14
- import de from "../../icons/Rotation45.vue.js";
15
- import me from "../../icons/Rotation90.vue.js";
16
- import pe from "../../icons/FrameLeft.vue.js";
17
- import ve from "../../icons/FrameBottom.vue.js";
18
- import ge from "../../icons/FrameLeftBottom.vue.js";
7
+ import C from "../../components/BtnIconGroup.vue.js";
8
+ import ne from "../../icons/AlignLeft.vue.js";
9
+ import ie from "../../icons/AlignCenter.vue.js";
10
+ import ue from "../../icons/AlignRight.vue.js";
11
+ import re from "../../icons/FrameFull.vue.js";
12
+ import de from "../../icons/FrameEmpty.vue.js";
13
+ import me from "../../icons/Rotation0.vue.js";
14
+ import pe from "../../icons/Rotation45.vue.js";
15
+ import ve from "../../icons/Rotation90.vue.js";
16
+ import xe from "../../icons/FrameLeft.vue.js";
17
+ import ge from "../../icons/FrameBottom.vue.js";
18
+ import fe from "../../icons/FrameLeftBottom.vue.js";
19
19
  import q from "../../components/AesButton.vue.js";
20
20
  import z from "../../components/AesSettings/FormWrapper.vue.js";
21
21
  import j from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
22
22
  import { createDefaultMapping as J } from "../../dataBindAes.js";
23
23
  import "../../constantsAesthetic.js";
24
- import { getDiscreteLabelsRotation as fe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
24
+ import { getDiscreteLabelsRotation as Ve } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
25
25
  import "@milaboratories/pf-plots";
26
26
  import "@platforma-sdk/model";
27
- const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
27
+ const be = { class: "axes-settings-list" }, ye = { class: "axes-settings-options-row block" }, Se = {
28
28
  key: 0,
29
29
  class: "axes-settings-input"
30
- }, be = { class: "axes-settings-options-row" }, Se = {
30
+ }, ce = { class: "axes-settings-options-row" }, we = {
31
31
  key: 0,
32
32
  class: "axes-settings-options-row"
33
- }, ce = {
33
+ }, ke = {
34
34
  key: 1,
35
35
  class: "axes-settings-options-row"
36
- }, we = {
36
+ }, Ae = {
37
37
  key: 2,
38
38
  class: "axes-settings-options-row"
39
- }, ke = {
39
+ }, Te = {
40
40
  key: 3,
41
41
  class: "axes-settings-options-row"
42
- }, Te = {
42
+ }, Xe = { class: "axes-settings-options-row" }, Oe = {
43
43
  key: 4,
44
44
  class: "axes-settings-options-row"
45
- }, Ae = { class: "axes-settings-options-row block" }, Oe = { key: 5 }, Xe = { class: "axes-settings-options-row table" }, Pe = { class: "axes-settings-options-row table" }, Ue = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row block" }, Ge = { key: 0 }, Ne = { class: "axes-settings-options-row block" }, Re = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Fe = { class: "other" }, De = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, vl = /* @__PURE__ */ ee({
45
+ }, Pe = { class: "axes-settings-options-row block" }, Ue = { key: 5 }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row table" }, Ne = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row block" }, Re = { key: 0 }, Fe = { class: "axes-settings-options-row block" }, De = { class: "axes-settings-options-row table" }, Le = { class: "axes-settings-options-row table" }, Be = { class: "other" }, Ye = { class: "axes-settings-options-row" }, Me = { class: "axes-settings-options-row" }, Ee = { class: "axes-settings-options-row" }, $e = { class: "axes-settings-options-row block" }, fl = /* @__PURE__ */ ee({
46
46
  __name: "DiscreteAxesSettingsForm",
47
- setup(Me) {
48
- const i = te(), t = i.value.reactive.axesSettings, T = {
47
+ setup(He) {
48
+ const i = se(), t = i.value.reactive.axesSettings, A = {
49
49
  height: 40,
50
50
  horizontalPadding: 12,
51
51
  defaultState: "open"
52
52
  }, K = [
53
- { value: "left", icon: ae },
54
- { value: "center", icon: se },
55
- { value: "right", icon: ne }
53
+ { value: "left", icon: ne },
54
+ { value: "center", icon: ie },
55
+ { value: "right", icon: ue }
56
56
  ], Q = [
57
- { value: "center", icon: re },
58
- { value: "45deg", icon: de },
59
- { value: "90deg", icon: me }
60
- ], A = [
57
+ { value: "center", icon: me },
58
+ { value: "45deg", icon: pe },
59
+ { value: "90deg", icon: ve }
60
+ ], T = [
61
61
  { value: "auto", text: "Auto" },
62
62
  { value: "custom", text: "Custom" },
63
63
  { value: "hidden", text: "Hidden" }
@@ -65,42 +65,42 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
65
65
  { value: "linear", text: "Linear" },
66
66
  { value: "log", text: "Log" }
67
67
  ], Z = [
68
- { value: "empty", icon: ue },
69
- { value: "left", icon: pe },
70
- { value: "bottom", icon: ve },
71
- { value: "left-bottom", icon: ge },
72
- { value: "full", icon: ie }
73
- ], C = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), x = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
68
+ { value: "empty", icon: de },
69
+ { value: "left", icon: xe },
70
+ { value: "bottom", icon: ge },
71
+ { value: "left-bottom", icon: fe },
72
+ { value: "full", icon: re }
73
+ ], R = r(() => i.value.inputGuide.value), X = r(() => i.value.uniqueValuesData.value), f = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
74
74
  le(() => {
75
- F.value && (x.value = !0), D.value && (V.value = !0);
75
+ F.value && (f.value = !0), D.value && (V.value = !0);
76
76
  }), $(() => F.value, (n) => {
77
- n && (V.value = !1, x.value = !0);
77
+ n && (V.value = !1, f.value = !0);
78
78
  }), $(() => D.value, (n) => {
79
- n && (x.value = !1, V.value = !0);
79
+ n && (f.value = !1, V.value = !0);
80
80
  });
81
- const g = r(() => {
81
+ const x = r(() => {
82
82
  var n, e;
83
83
  return (e = (n = i.value.reactive.optionsState.components.primaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
84
- }), y = r(() => {
84
+ }), b = r(() => {
85
85
  var n, e;
86
86
  return (e = (n = i.value.reactive.optionsState.components.secondaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
87
- }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), B = r(() => i.value.commonHelpersData.usedAesInMapping.value), L = k(i.value.reactive.dataBindAes[g.value] ?? J(c.value, i.value.defaultPalette.categorical)), Y = k(i.value.reactive.dataBindAes[y.value] ?? J(w.value, i.value.defaultPalette.categorical)), X = r(() => {
87
+ }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), L = r(() => i.value.commonHelpersData.usedAesInMapping.value), B = k(i.value.reactive.dataBindAes[x.value] ?? J(c.value, i.value.defaultPalette.categorical)), Y = k(i.value.reactive.dataBindAes[b.value] ?? J(w.value, i.value.defaultPalette.categorical)), O = r(() => {
88
88
  var n;
89
- if (g.value) {
90
- const e = C.value.getSourceInfo(g.value) ?? null, o = ((n = O.value[g.value]) == null ? void 0 : n.labels) ?? null;
89
+ if (x.value) {
90
+ const e = R.value.getSourceInfo(x.value) ?? null, o = ((n = X.value[x.value]) == null ? void 0 : n.labels) ?? null;
91
91
  return {
92
92
  selectedSourceInfo: e,
93
- labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
93
+ labels: c.value.reduce((u, g) => (u[g] = (o == null ? void 0 : o[g]) ?? String(g), u), {})
94
94
  };
95
95
  }
96
96
  return null;
97
97
  }), P = r(() => {
98
98
  var n;
99
- if (y.value) {
100
- const e = C.value.getSourceInfo(y.value) ?? null, o = ((n = O.value[y.value]) == null ? void 0 : n.labels) ?? null;
99
+ if (b.value) {
100
+ const e = R.value.getSourceInfo(b.value) ?? null, o = ((n = X.value[b.value]) == null ? void 0 : n.labels) ?? null;
101
101
  return {
102
102
  selectedSourceInfo: e,
103
- labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
103
+ labels: w.value.reduce((u, g) => (u[g] = (o == null ? void 0 : o[g]) ?? String(g), u), {})
104
104
  };
105
105
  }
106
106
  return null;
@@ -113,10 +113,10 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
113
113
  { text: "Y", value: "y" },
114
114
  { text: "XY", value: "xy" },
115
115
  { text: "None", value: "none" }
116
- ], h = r(() => O.value[g.value]), E = r({
116
+ ], h = r(() => X.value[x.value]), E = r({
117
117
  get() {
118
118
  var n;
119
- return fe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
119
+ return Ve(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
120
120
  },
121
121
  set(n) {
122
122
  t.axisX.labelsRotation = n;
@@ -124,26 +124,26 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
124
124
  });
125
125
  return (n, e) => (d(), p("div", {
126
126
  class: "axes-form",
127
- onClick: e[30] || (e[30] = (o) => o.stopPropagation())
127
+ onClick: e[31] || (e[31] = (o) => o.stopPropagation())
128
128
  }, [
129
- e[44] || (e[44] = a("h3", { class: "axes-title" }, " Axes ", -1)),
130
- a("div", xe, [
129
+ e[45] || (e[45] = a("h3", { class: "axes-title" }, " Axes ", -1)),
130
+ a("div", be, [
131
131
  s(I, {
132
132
  title: "Title",
133
- settings: T,
133
+ settings: A,
134
134
  icon: G,
135
135
  "icon-open": N
136
136
  }, {
137
- default: b(() => [
138
- a("div", Ve, [
137
+ default: y(() => [
138
+ a("div", ye, [
139
139
  s(l(S), {
140
140
  modelValue: l(t).title.mode,
141
141
  "onUpdate:modelValue": e[0] || (e[0] = (o) => l(t).title.mode = o),
142
142
  label: "Title",
143
- options: A
143
+ options: T
144
144
  }, null, 8, ["modelValue"])
145
145
  ]),
146
- l(t).title.mode === "custom" ? (d(), p("div", ye, [
146
+ l(t).title.mode === "custom" ? (d(), p("div", Se, [
147
147
  s(l(U), {
148
148
  modelValue: l(t).title.value,
149
149
  "onUpdate:modelValue": e[1] || (e[1] = (o) => l(t).title.value = o),
@@ -151,9 +151,9 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
151
151
  placeholder: "Chart title"
152
152
  }, null, 8, ["modelValue"])
153
153
  ])) : m("", !0),
154
- a("div", be, [
155
- e[31] || (e[31] = a("span", null, "Alignment", -1)),
156
- s(R, {
154
+ a("div", ce, [
155
+ e[32] || (e[32] = a("span", null, "Alignment", -1)),
156
+ s(C, {
157
157
  modelValue: l(t).title.position,
158
158
  "onUpdate:modelValue": e[2] || (e[2] = (o) => l(t).title.position = o),
159
159
  options: K
@@ -164,36 +164,36 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
164
164
  }),
165
165
  s(I, {
166
166
  title: "X-axis",
167
- settings: T,
167
+ settings: A,
168
168
  icon: G,
169
169
  "icon-open": N
170
170
  }, {
171
- default: b(() => [
172
- c.value.length > 1 ? (d(), p("div", Se, [
173
- e[32] || (e[32] = a("span", null, "Primary groups order: ", -1)),
171
+ default: y(() => [
172
+ c.value.length > 1 ? (d(), p("div", we, [
173
+ e[33] || (e[33] = a("span", null, "Primary groups order: ", -1)),
174
174
  s(q, {
175
175
  data: { type: "data", value: null },
176
- onClick: e[3] || (e[3] = (o) => x.value = !0)
176
+ onClick: e[3] || (e[3] = (o) => f.value = !0)
177
177
  }),
178
- x.value && X.value ? (d(), H(z, {
178
+ f.value && O.value ? (d(), H(z, {
179
179
  key: 0,
180
180
  title: "Reorder primary groups",
181
181
  "back-title": "Axes Settings",
182
182
  "onForm:open": e[6] || (e[6] = (o) => l(i).reactive.tabDefaultState.axes.reorderPrimaryOpen = !1),
183
- "onForm:close": e[7] || (e[7] = (o) => x.value = !1)
183
+ "onForm:close": e[7] || (e[7] = (o) => f.value = !1)
184
184
  }, {
185
- default: b(() => {
185
+ default: y(() => {
186
186
  var o;
187
187
  return [
188
188
  s(j, {
189
- modelValue: L.value,
189
+ modelValue: B.value,
190
190
  "onUpdate:modelValue": [
191
- e[4] || (e[4] = (u) => L.value = u),
192
- e[5] || (e[5] = (u) => M(u, g.value))
191
+ e[4] || (e[4] = (u) => B.value = u),
192
+ e[5] || (e[5] = (u) => M(u, x.value))
193
193
  ],
194
- "column-value-labels": X.value.labels,
195
- "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
196
- "used-aes-in-mapping": B.value[g.value],
194
+ "column-value-labels": O.value.labels,
195
+ "data-column-label": ((o = O.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
196
+ "used-aes-in-mapping": L.value[x.value],
197
197
  "allow-reordering": "",
198
198
  "allow-hiding": "",
199
199
  "allow-null-option": l(t).axisX.allowNullPrimaryGroups
@@ -203,15 +203,15 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
203
203
  _: 1
204
204
  })) : m("", !0)
205
205
  ])) : m("", !0),
206
- c.value.length > 1 ? (d(), p("div", ce, [
207
- e[33] || (e[33] = a("span", null, "Allow null primary group", -1)),
206
+ c.value.length > 1 ? (d(), p("div", ke, [
207
+ e[34] || (e[34] = a("span", null, "Allow null primary group", -1)),
208
208
  s(l(v), {
209
209
  modelValue: l(t).axisX.allowNullPrimaryGroups,
210
210
  "onUpdate:modelValue": e[8] || (e[8] = (o) => l(t).axisX.allowNullPrimaryGroups = o)
211
211
  }, null, 8, ["modelValue"])
212
212
  ])) : m("", !0),
213
- w.value.length > 1 ? (d(), p("div", we, [
214
- e[34] || (e[34] = a("span", null, "Secondary groups order: ", -1)),
213
+ w.value.length > 1 ? (d(), p("div", Ae, [
214
+ e[35] || (e[35] = a("span", null, "Secondary groups order: ", -1)),
215
215
  s(q, {
216
216
  data: { type: "data", value: null },
217
217
  onClick: e[9] || (e[9] = (o) => V.value = !0)
@@ -223,18 +223,18 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
223
223
  "onForm:open": e[12] || (e[12] = (o) => l(i).reactive.tabDefaultState.axes.reorderSecondaryOpen = !1),
224
224
  "onForm:close": e[13] || (e[13] = (o) => V.value = !1)
225
225
  }, {
226
- default: b(() => {
226
+ default: y(() => {
227
227
  var o;
228
228
  return [
229
229
  s(j, {
230
230
  modelValue: Y.value,
231
231
  "onUpdate:modelValue": [
232
232
  e[10] || (e[10] = (u) => Y.value = u),
233
- e[11] || (e[11] = (u) => M(u, y.value))
233
+ e[11] || (e[11] = (u) => M(u, b.value))
234
234
  ],
235
235
  "column-value-labels": P.value.labels,
236
236
  "data-column-label": ((o = P.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
237
- "used-aes-in-mapping": B.value[y.value],
237
+ "used-aes-in-mapping": L.value[b.value],
238
238
  "allow-reordering": "",
239
239
  "allow-hiding": "",
240
240
  "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -244,56 +244,66 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
244
244
  _: 1
245
245
  })) : m("", !0)
246
246
  ])) : m("", !0),
247
- w.value.length > 1 ? (d(), p("div", ke, [
248
- e[35] || (e[35] = a("span", null, "Allow null secondary group", -1)),
247
+ w.value.length > 1 ? (d(), p("div", Te, [
248
+ e[36] || (e[36] = a("span", null, "Allow null secondary group", -1)),
249
249
  s(l(v), {
250
250
  modelValue: l(t).axisX.allowNullSecondaryGroups,
251
251
  "onUpdate:modelValue": e[14] || (e[14] = (o) => l(t).axisX.allowNullSecondaryGroups = o)
252
252
  }, null, 8, ["modelValue"])
253
253
  ])) : m("", !0),
254
- l(i).reactive.chartType === "discrete" ? (d(), p("div", Te, [
255
- e[36] || (e[36] = a("span", null, "Labels rotation", -1)),
256
- s(R, {
254
+ a("div", Xe, [
255
+ s(l(te), {
256
+ modelValue: l(t).axisX.hideAxisLabels,
257
+ "onUpdate:modelValue": e[15] || (e[15] = (o) => l(t).axisX.hideAxisLabels = o)
258
+ }, {
259
+ default: y(() => [...e[37] || (e[37] = [
260
+ oe("Hide axis labels", -1)
261
+ ])]),
262
+ _: 1
263
+ }, 8, ["modelValue"])
264
+ ]),
265
+ l(t).axisX.hideAxisLabels ? m("", !0) : (d(), p("div", Oe, [
266
+ s(C, {
257
267
  modelValue: E.value,
258
- "onUpdate:modelValue": e[15] || (e[15] = (o) => E.value = o),
268
+ "onUpdate:modelValue": e[16] || (e[16] = (o) => E.value = o),
259
269
  options: Q
260
270
  }, null, 8, ["modelValue"])
261
- ])) : m("", !0),
262
- a("div", Ae, [
271
+ ])),
272
+ a("div", Pe, [
263
273
  s(l(S), {
264
274
  modelValue: l(t).axisX.titleMode,
265
- "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisX.titleMode = o),
275
+ "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.titleMode = o),
266
276
  label: "Title",
267
- options: A
277
+ options: T
268
278
  }, null, 8, ["modelValue"])
269
279
  ]),
270
- l(t).axisX.titleMode === "custom" ? (d(), p("div", Oe, [
280
+ l(t).axisX.titleMode === "custom" ? (d(), p("div", Ue, [
271
281
  s(l(U), {
272
282
  modelValue: l(t).axisX.customTitle,
273
- "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.customTitle = o),
283
+ "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.customTitle = o),
274
284
  label: "Text",
275
285
  placeholder: "Type"
276
286
  }, null, 8, ["modelValue"])
277
287
  ])) : m("", !0),
278
- a("div", Xe, [
279
- e[37] || (e[37] = a("span", null, "Gridlines", -1)),
288
+ a("div", Ie, [
289
+ e[38] || (e[38] = a("span", null, "Gridlines", -1)),
280
290
  s(l(v), {
281
291
  modelValue: l(t).axisX.gridlines,
282
- "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.gridlines = o)
292
+ "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.gridlines = o)
283
293
  }, null, 8, ["modelValue"])
284
294
  ]),
285
- a("div", Pe, [
286
- e[38] || (e[38] = a("span", null, "Lines between categories", -1)),
295
+ a("div", Ge, [
296
+ e[39] || (e[39] = a("span", null, "Lines between categories", -1)),
287
297
  s(l(v), {
288
298
  modelValue: l(t).axisX.linesBetweenCategories,
289
- "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.linesBetweenCategories = o)
299
+ "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.linesBetweenCategories = o)
290
300
  }, null, 8, ["modelValue"])
291
301
  ]),
292
- a("div", Ue, [
293
- e[39] || (e[39] = a("span", null, "Ticks", -1)),
302
+ a("div", Ne, [
303
+ e[40] || (e[40] = a("span", null, "Ticks", -1)),
294
304
  s(l(v), {
295
305
  modelValue: l(t).axisX.ticks,
296
- "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.ticks = o)
306
+ "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisX.ticks = o)
297
307
  }, null, 8, ["modelValue"])
298
308
  ])
299
309
  ]),
@@ -301,72 +311,72 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
301
311
  }),
302
312
  s(I, {
303
313
  title: "Y-axis",
304
- settings: T,
314
+ settings: A,
305
315
  icon: G,
306
316
  "icon-open": N
307
317
  }, {
308
- default: b(() => [
309
- a("div", Ie, [
318
+ default: y(() => [
319
+ a("div", Ce, [
310
320
  s(l(S), {
311
321
  modelValue: l(t).axisY.titleMode,
312
- "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.titleMode = o),
322
+ "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.titleMode = o),
313
323
  label: "Title",
314
- options: A
324
+ options: T
315
325
  }, null, 8, ["modelValue"])
316
326
  ]),
317
- l(t).axisY.titleMode === "custom" ? (d(), p("div", Ge, [
327
+ l(t).axisY.titleMode === "custom" ? (d(), p("div", Re, [
318
328
  s(l(U), {
319
329
  modelValue: l(t).axisY.customTitle,
320
- "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.customTitle = o),
330
+ "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.customTitle = o),
321
331
  label: "Text",
322
332
  placeholder: "Type"
323
333
  }, null, 8, ["modelValue"])
324
334
  ])) : m("", !0),
325
- a("div", Ne, [
335
+ a("div", Fe, [
326
336
  s(l(S), {
327
337
  modelValue: l(t).axisY.scale,
328
- "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.scale = o),
338
+ "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.scale = o),
329
339
  label: "Scale",
330
340
  options: W
331
341
  }, null, 8, ["modelValue"])
332
342
  ]),
333
- a("div", Re, [
334
- e[40] || (e[40] = a("span", null, "Gridlines", -1)),
343
+ a("div", De, [
344
+ e[41] || (e[41] = a("span", null, "Gridlines", -1)),
335
345
  s(l(v), {
336
346
  modelValue: l(t).axisY.gridlines,
337
- "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.gridlines = o)
347
+ "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.gridlines = o)
338
348
  }, null, 8, ["modelValue"])
339
349
  ]),
340
- a("div", Ce, [
341
- e[41] || (e[41] = a("span", null, "Ticks", -1)),
350
+ a("div", Le, [
351
+ e[42] || (e[42] = a("span", null, "Ticks", -1)),
342
352
  s(l(v), {
343
353
  modelValue: l(t).axisY.ticks,
344
- "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.ticks = o)
354
+ "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.ticks = o)
345
355
  }, null, 8, ["modelValue"])
346
356
  ])
347
357
  ]),
348
358
  _: 1
349
359
  }),
350
- a("div", Fe, [
351
- a("div", De, [
352
- e[42] || (e[42] = a("span", null, "Frame", -1)),
353
- s(R, {
360
+ a("div", Be, [
361
+ a("div", Ye, [
362
+ e[43] || (e[43] = a("span", null, "Frame", -1)),
363
+ s(C, {
354
364
  modelValue: l(t).other.frame,
355
- "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).other.frame = o),
365
+ "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.frame = o),
356
366
  options: Z
357
367
  }, null, 8, ["modelValue"])
358
368
  ]),
359
- a("div", Be, [
360
- e[43] || (e[43] = a("span", null, "Reverse axes", -1)),
369
+ a("div", Me, [
370
+ e[44] || (e[44] = a("span", null, "Reverse axes", -1)),
361
371
  s(l(v), {
362
372
  modelValue: l(t).other.reverse,
363
- "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.reverse = o)
373
+ "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.reverse = o)
364
374
  }, null, 8, ["modelValue"])
365
375
  ]),
366
- a("div", Le, [
367
- s(l(oe), {
376
+ a("div", Ee, [
377
+ s(l(ae), {
368
378
  modelValue: l(t).other.facetColumns,
369
- "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.facetColumns = o),
379
+ "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetColumns = o),
370
380
  style: { width: "100%" },
371
381
  label: "Facet column count",
372
382
  min: 1,
@@ -376,10 +386,10 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
376
386
  mode: "input"
377
387
  }, null, 8, ["modelValue"])
378
388
  ]),
379
- a("div", Ye, [
389
+ a("div", $e, [
380
390
  s(l(S), {
381
391
  modelValue: l(t).other.facetSharedBy,
382
- "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetSharedBy = o),
392
+ "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.facetSharedBy = o),
383
393
  label: "Facet shared by",
384
394
  options: _
385
395
  }, null, 8, ["modelValue"])
@@ -390,6 +400,6 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
390
400
  }
391
401
  });
392
402
  export {
393
- vl as default
403
+ fl as default
394
404
  };
395
405
  //# sourceMappingURL=DiscreteAxesSettingsForm.vue.js.map