@milaboratories/graph-maker 1.1.193 → 1.1.195

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
+ }, we = { class: "axes-settings-options-row" }, ce = {
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" }, Le = { class: "axes-settings-options-row table" }, De = { 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), L = 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), L.value && (V.value = !0);
76
76
  }), $(() => F.value, (n) => {
77
- n && (V.value = !1, x.value = !0);
78
- }), $(() => D.value, (n) => {
79
- n && (x.value = !1, V.value = !0);
77
+ n && (V.value = !1, f.value = !0);
78
+ }), $(() => L.value, (n) => {
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
+ }), w = r(() => i.value.commonHelpersData.primaryGroups.value), c = r(() => i.value.commonHelpersData.secondaryGroups.value), D = r(() => i.value.commonHelpersData.usedAesInMapping.value), B = k(i.value.reactive.dataBindAes[x.value] ?? J(w.value, i.value.defaultPalette.categorical)), Y = k(i.value.reactive.dataBindAes[b.value] ?? J(c.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: w.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: c.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[46] || (e[46] = 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", we, [
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
+ w.value.length > 1 ? (d(), p("div", ce, [
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": D.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
+ w.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
+ c.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": D.value[b.value],
238
238
  "allow-reordering": "",
239
239
  "allow-hiding": "",
240
240
  "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -244,56 +244,67 @@ 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
+ c.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
+ e[38] || (e[38] = a("span", null, "Labels rotation", -1)),
267
+ s(C, {
257
268
  modelValue: E.value,
258
- "onUpdate:modelValue": e[15] || (e[15] = (o) => E.value = o),
269
+ "onUpdate:modelValue": e[16] || (e[16] = (o) => E.value = o),
259
270
  options: Q
260
271
  }, null, 8, ["modelValue"])
261
- ])) : m("", !0),
262
- a("div", Ae, [
272
+ ])),
273
+ a("div", Pe, [
263
274
  s(l(S), {
264
275
  modelValue: l(t).axisX.titleMode,
265
- "onUpdate:modelValue": e[16] || (e[16] = (o) => l(t).axisX.titleMode = o),
276
+ "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.titleMode = o),
266
277
  label: "Title",
267
- options: A
278
+ options: T
268
279
  }, null, 8, ["modelValue"])
269
280
  ]),
270
- l(t).axisX.titleMode === "custom" ? (d(), p("div", Oe, [
281
+ l(t).axisX.titleMode === "custom" ? (d(), p("div", Ue, [
271
282
  s(l(U), {
272
283
  modelValue: l(t).axisX.customTitle,
273
- "onUpdate:modelValue": e[17] || (e[17] = (o) => l(t).axisX.customTitle = o),
284
+ "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.customTitle = o),
274
285
  label: "Text",
275
286
  placeholder: "Type"
276
287
  }, null, 8, ["modelValue"])
277
288
  ])) : m("", !0),
278
- a("div", Xe, [
279
- e[37] || (e[37] = a("span", null, "Gridlines", -1)),
289
+ a("div", Ie, [
290
+ e[39] || (e[39] = a("span", null, "Gridlines", -1)),
280
291
  s(l(v), {
281
292
  modelValue: l(t).axisX.gridlines,
282
- "onUpdate:modelValue": e[18] || (e[18] = (o) => l(t).axisX.gridlines = o)
293
+ "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.gridlines = o)
283
294
  }, null, 8, ["modelValue"])
284
295
  ]),
285
- a("div", Pe, [
286
- e[38] || (e[38] = a("span", null, "Lines between categories", -1)),
296
+ a("div", Ge, [
297
+ e[40] || (e[40] = a("span", null, "Lines between categories", -1)),
287
298
  s(l(v), {
288
299
  modelValue: l(t).axisX.linesBetweenCategories,
289
- "onUpdate:modelValue": e[19] || (e[19] = (o) => l(t).axisX.linesBetweenCategories = o)
300
+ "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.linesBetweenCategories = o)
290
301
  }, null, 8, ["modelValue"])
291
302
  ]),
292
- a("div", Ue, [
293
- e[39] || (e[39] = a("span", null, "Ticks", -1)),
303
+ a("div", Ne, [
304
+ e[41] || (e[41] = a("span", null, "Ticks", -1)),
294
305
  s(l(v), {
295
306
  modelValue: l(t).axisX.ticks,
296
- "onUpdate:modelValue": e[20] || (e[20] = (o) => l(t).axisX.ticks = o)
307
+ "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisX.ticks = o)
297
308
  }, null, 8, ["modelValue"])
298
309
  ])
299
310
  ]),
@@ -301,72 +312,72 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
301
312
  }),
302
313
  s(I, {
303
314
  title: "Y-axis",
304
- settings: T,
315
+ settings: A,
305
316
  icon: G,
306
317
  "icon-open": N
307
318
  }, {
308
- default: b(() => [
309
- a("div", Ie, [
319
+ default: y(() => [
320
+ a("div", Ce, [
310
321
  s(l(S), {
311
322
  modelValue: l(t).axisY.titleMode,
312
- "onUpdate:modelValue": e[21] || (e[21] = (o) => l(t).axisY.titleMode = o),
323
+ "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.titleMode = o),
313
324
  label: "Title",
314
- options: A
325
+ options: T
315
326
  }, null, 8, ["modelValue"])
316
327
  ]),
317
- l(t).axisY.titleMode === "custom" ? (d(), p("div", Ge, [
328
+ l(t).axisY.titleMode === "custom" ? (d(), p("div", Re, [
318
329
  s(l(U), {
319
330
  modelValue: l(t).axisY.customTitle,
320
- "onUpdate:modelValue": e[22] || (e[22] = (o) => l(t).axisY.customTitle = o),
331
+ "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.customTitle = o),
321
332
  label: "Text",
322
333
  placeholder: "Type"
323
334
  }, null, 8, ["modelValue"])
324
335
  ])) : m("", !0),
325
- a("div", Ne, [
336
+ a("div", Fe, [
326
337
  s(l(S), {
327
338
  modelValue: l(t).axisY.scale,
328
- "onUpdate:modelValue": e[23] || (e[23] = (o) => l(t).axisY.scale = o),
339
+ "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.scale = o),
329
340
  label: "Scale",
330
341
  options: W
331
342
  }, null, 8, ["modelValue"])
332
343
  ]),
333
- a("div", Re, [
334
- e[40] || (e[40] = a("span", null, "Gridlines", -1)),
344
+ a("div", Le, [
345
+ e[42] || (e[42] = a("span", null, "Gridlines", -1)),
335
346
  s(l(v), {
336
347
  modelValue: l(t).axisY.gridlines,
337
- "onUpdate:modelValue": e[24] || (e[24] = (o) => l(t).axisY.gridlines = o)
348
+ "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.gridlines = o)
338
349
  }, null, 8, ["modelValue"])
339
350
  ]),
340
- a("div", Ce, [
341
- e[41] || (e[41] = a("span", null, "Ticks", -1)),
351
+ a("div", De, [
352
+ e[43] || (e[43] = a("span", null, "Ticks", -1)),
342
353
  s(l(v), {
343
354
  modelValue: l(t).axisY.ticks,
344
- "onUpdate:modelValue": e[25] || (e[25] = (o) => l(t).axisY.ticks = o)
355
+ "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).axisY.ticks = o)
345
356
  }, null, 8, ["modelValue"])
346
357
  ])
347
358
  ]),
348
359
  _: 1
349
360
  }),
350
- a("div", Fe, [
351
- a("div", De, [
352
- e[42] || (e[42] = a("span", null, "Frame", -1)),
353
- s(R, {
361
+ a("div", Be, [
362
+ a("div", Ye, [
363
+ e[44] || (e[44] = a("span", null, "Frame", -1)),
364
+ s(C, {
354
365
  modelValue: l(t).other.frame,
355
- "onUpdate:modelValue": e[26] || (e[26] = (o) => l(t).other.frame = o),
366
+ "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.frame = o),
356
367
  options: Z
357
368
  }, null, 8, ["modelValue"])
358
369
  ]),
359
- a("div", Be, [
360
- e[43] || (e[43] = a("span", null, "Reverse axes", -1)),
370
+ a("div", Me, [
371
+ e[45] || (e[45] = a("span", null, "Reverse axes", -1)),
361
372
  s(l(v), {
362
373
  modelValue: l(t).other.reverse,
363
- "onUpdate:modelValue": e[27] || (e[27] = (o) => l(t).other.reverse = o)
374
+ "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.reverse = o)
364
375
  }, null, 8, ["modelValue"])
365
376
  ]),
366
- a("div", Le, [
367
- s(l(oe), {
377
+ a("div", Ee, [
378
+ s(l(ae), {
368
379
  modelValue: l(t).other.facetColumns,
369
- "onUpdate:modelValue": e[28] || (e[28] = (o) => l(t).other.facetColumns = o),
380
+ "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetColumns = o),
370
381
  style: { width: "100%" },
371
382
  label: "Facet column count",
372
383
  min: 1,
@@ -376,10 +387,10 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
376
387
  mode: "input"
377
388
  }, null, 8, ["modelValue"])
378
389
  ]),
379
- a("div", Ye, [
390
+ a("div", $e, [
380
391
  s(l(S), {
381
392
  modelValue: l(t).other.facetSharedBy,
382
- "onUpdate:modelValue": e[29] || (e[29] = (o) => l(t).other.facetSharedBy = o),
393
+ "onUpdate:modelValue": e[30] || (e[30] = (o) => l(t).other.facetSharedBy = o),
383
394
  label: "Facet shared by",
384
395
  options: _
385
396
  }, null, 8, ["modelValue"])
@@ -390,6 +401,6 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
390
401
  }
391
402
  });
392
403
  export {
393
- vl as default
404
+ fl as default
394
405
  };
395
406
  //# sourceMappingURL=DiscreteAxesSettingsForm.vue.js.map