@milaboratories/graph-maker 1.1.153 → 1.1.154

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