@progress/kendo-react-chart-wizard 8.3.0-develop.11 → 8.3.0-develop.13

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 (18) hide show
  1. package/ChartWizard.js +1 -1
  2. package/ChartWizard.mjs +1559 -784
  3. package/SeriesGrid.js +1 -1
  4. package/SeriesGrid.mjs +37 -36
  5. package/chart-wizard-state.js +1 -1
  6. package/chart-wizard-state.mjs +11 -350
  7. package/common/get-wizard-data-from-data-rows.js +1 -1
  8. package/common/get-wizard-data-from-data-rows.mjs +3 -14
  9. package/dist/cdn/js/kendo-react-chart-wizard.js +1 -1
  10. package/grid-integration/get-wizard-data-from-grid-selection.js +1 -1
  11. package/grid-integration/get-wizard-data-from-grid-selection.mjs +4 -4
  12. package/index.d.mts +13 -189
  13. package/index.d.ts +13 -189
  14. package/index.js +1 -1
  15. package/index.mjs +8 -18
  16. package/messages.js +1 -1
  17. package/messages.mjs +109 -215
  18. package/package.json +15 -15
package/ChartWizard.mjs CHANGED
@@ -7,970 +7,1745 @@
7
7
  */
8
8
  "use client";
9
9
  import * as e from "react";
10
- import { Window as Mn } from "@progress/kendo-react-dialogs";
11
- import { Chart as Rn, ChartTitle as Bn, ChartSubtitle as Wn, ChartArea as Kn, ChartCategoryAxis as Dn, ChartCategoryAxisItem as Hn, ChartValueAxis as On, ChartValueAxisItem as Xn, ChartSeries as Gn, ChartSeriesItem as Yn, ChartXAxis as jn, ChartXAxisItem as Un, ChartYAxis as $n, ChartYAxisItem as qn, ChartLegend as Jn } from "@progress/kendo-react-charts";
12
- import { Splitter as Qn, TabStrip as Zn, TabStripTab as U, ExpansionPanel as S, ExpansionPanelContent as L } from "@progress/kendo-react-layout";
13
- import { DropDownButton as _n } from "@progress/kendo-react-buttons";
14
- import { exportIcon as eo, filePdfIcon as to, fileIcon as ao, fileImageIcon as lo, chartBarClusteredIcon as no, chartBarStackedIcon as oo, chartBarStacked100Icon as ro, chartPieIcon as io, chartColumnClusteredIcon as so, chartColumnStackedIcon as co, chartColumnStacked100Icon as go, chartLineIcon as uo, chartLineStackedIcon as mo, chartLineStacked100Icon as xo, chartScatterIcon as Co } from "@progress/kendo-svg-icons";
15
- import { Reveal as E } from "@progress/kendo-react-animation";
16
- import { DropDownList as R, ComboBox as k } from "@progress/kendo-react-dropdowns";
17
- import { SeriesGrid as bo } from "./SeriesGrid.mjs";
18
- import { NumericTextBox as B, ColorPicker as z, Input as $, Checkbox as et, Switch as ho } from "@progress/kendo-react-inputs";
19
- import { Label as Za } from "@progress/kendo-react-labels";
20
- import { createInitialState as fo, mergeStates as T, createState as I, updateState as c, ActionTypes as s, isCategorical as tt, fontNames as A, parseFont as p, fontSizes as b } from "./chart-wizard-state.mjs";
21
- import { classNames as vo, IconWrap as So } from "@progress/kendo-react-common";
22
- import { FormElement as V, FieldWrapper as Lo } from "@progress/kendo-react-form";
23
- import { useLocalization as Eo } from "@progress/kendo-react-intl";
24
- import { formatTitleChartTitle as at, messages as n, formatTitleChartSubtitle as lt, formatLegendPositionTop as nt, formatLegendPositionBottom as ot, formatLegendPositionLeft as rt, formatLegendPositionRight as it, formatSeriesAllSeries as st, formatValueAxisLabelsFormatText as ct, formatValueAxisLabelsFormatNumber as gt, formatValueAxisLabelsFormatCurrency as dt, formatValueAxisLabelsFormatPercent as ut, windowTitle as mt, exportButton as xt, exportPDFButton as Ct, exportSVGButton as bt, exportPNGButton as ht, tabChart as ft, barChart as vt, barChartBar as St, barChartStackedBar as Lt, barChart100StackedBar as Et, pieChart as kt, pieChartPie as At, columnChart as pt, columnChartColumn as yt, columnChartStackedColumn as Tt, columnChart100StackedColumn as It, lineChart as Ft, lineChartLine as Nt, lineChartStackedLine as wt, lineChart100StackedLine as zt, scatterChart as Pt, scatterChartScatter as Vt, tabData as Mt, configuration as Rt, configurationXAxis as Bt, configurationCategoryAxis as Wt, configurationSeries as Kt, configurationValueAxis as Dt, tabFormat as Ht, formatChartArea as Ot, formatChartAreaMargins as Xt, formatChartAreaMarginsLeft as Gt, formatChartAreaMarginsAuto as P, formatChartAreaMarginsRight as Yt, formatChartAreaMarginsTop as jt, formatChartAreaMarginsBottom as Ut, formatChartAreaBackground as $t, formatChartAreaBackgroundColor as qt, formatTitle as Jt, formatTitleApplyTo as Qt, formatTitleLabel as Zt, formatTitleFont as _t, formatTitleFontPlaceholder as ea, formatTitleSize as ta, formatTitleSizePlaceholder as aa, formatTitleColor as la, formatSeries as na, formatSeriesApplyTo as oa, formatSeriesColor as ra, formatSeriesShowLabels as ia, formatLegend as sa, formatLegendShowLegend as ca, formatLegendFont as ga, formatLegendFontPlaceholder as da, formatLegendSize as ua, formatLegendSizePlaceholder as ma, formatLegendColor as xa, formatLegendPosition as Ca, formatXAxis as ba, formatCategoryAxis as ha, formatCategoryAxisTitle as fa, formatCategoryAxisTitlePlaceholder as va, formatCategoryAxisTitleFont as Sa, formatCategoryAxisTitleFontPlaceholder as La, formatCategoryAxisTitleSize as Ea, formatCategoryAxisTitleSizePlaceholder as ka, formatCategoryAxisTitleColor as Aa, formatCategoryAxisLabels as pa, formatCategoryAxisLabelsFont as ya, formatCategoryAxisLabelsFontPlaceholder as Ta, formatCategoryAxisLabelsSize as Ia, formatCategoryAxisLabelsSizePlaceholder as Fa, formatCategoryAxisLabelsColor as Na, formatCategoryAxisLabelsRotation as wa, formatCategoryAxisLabelsRotationAuto as za, formatCategoryAxisLabelsReverseOrder as Pa, formatYAxis as Va, formatValueAxis as Ma, formatValueAxisTitle as Ra, formatValueAxisTitlePlaceholder as Ba, formatValueAxisTitleFont as Wa, formatValueAxisTitleFontPlaceholder as Ka, formatValueAxisTitleSize as Da, formatValueAxisTitleSizePlaceholder as Ha, formatValueAxisTitleColor as Oa, formatValueAxisLabels as Xa, formatValueAxisLabelsFormat as Ga, formatValueAxisLabelsFont as Ya, formatValueAxisLabelsFontPlaceholder as ja, formatValueAxisLabelsSize as Ua, formatValueAxisLabelsSizePlaceholder as $a, formatValueAxisLabelsColor as qa, formatValueAxisLabelsRotation as Ja, formatValueAxisLabelsRotationAuto as Qa } from "./messages.mjs";
25
- import { ExportEvent as ko, resolveExportOptions as Ao, handlePDFExport as po, handleSVGExport as yo, handleImageExport as To } from "./export.mjs";
26
- const w = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, r.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.legend), r.children), Io = (r) => {
10
+ import { Window as Ka } from "@progress/kendo-react-dialogs";
11
+ import { Chart as Da, ChartTitle as Ga, ChartSubtitle as Ha, ChartArea as Oa, ChartCategoryAxis as Xa, ChartCategoryAxisItem as Ya, ChartValueAxis as ja, ChartValueAxisItem as Ua, ChartSeries as $a, ChartSeriesItem as qa, ChartLegend as Ja } from "@progress/kendo-react-charts";
12
+ import { Splitter as Qa, TabStrip as Za, TabStripTab as U, ExpansionPanel as v, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
13
+ import { DropDownButton as _a } from "@progress/kendo-react-buttons";
14
+ import { exportIcon as el, filePdfIcon as tl, fileIcon as al, fileImageIcon as ll, chartBarClusteredIcon as nl, chartBarStackedIcon as ol, chartBarStacked100Icon as rl, chartPieIcon as il, chartColumnClusteredIcon as sl, chartColumnStackedIcon as cl, chartColumnStacked100Icon as gl, chartLineIcon as ul, chartLineStackedIcon as dl, chartLineStacked100Icon as ml, chartScatterIcon as xl } from "@progress/kendo-svg-icons";
15
+ import { Reveal as L } from "@progress/kendo-react-animation";
16
+ import { DropDownList as B, ComboBox as E } from "@progress/kendo-react-dropdowns";
17
+ import { SeriesGrid as Cl } from "./SeriesGrid.mjs";
18
+ import { NumericTextBox as M, ColorPicker as w, Input as $, Checkbox as et, Switch as fl } from "@progress/kendo-react-inputs";
19
+ import { Label as at } from "@progress/kendo-react-labels";
20
+ import { createInitialState as bl, mergeStates as T, createState as F, updateState as c, ActionTypes as s, isCategorical as tt, fontNames as k, parseFont as p, fontSizes as f } from "./chart-wizard-state.mjs";
21
+ import { classNames as hl, IconWrap as Sl } from "@progress/kendo-react-common";
22
+ import { FormElement as P, FieldWrapper as vl } from "@progress/kendo-react-form";
23
+ import { useLocalization as Al } from "@progress/kendo-react-intl";
24
+ import { formatTitleChartTitle as Ll, messages as n, formatTitleChartSubtitle as El, formatLegendPositionTop as kl, formatLegendPositionBottom as pl, formatLegendPositionLeft as yl, formatLegendPositionRight as Tl, formatSeriesAllSeries as Fl, formatValueAxisLabelsFormatText as Il, formatValueAxisLabelsFormatNumber as Nl, formatValueAxisLabelsFormatCurrency as zl, formatValueAxisLabelsFormatPercent as wl, windowTitle as Pl, exportButton as Vl, exportPDFButton as Bl, exportSVGButton as Ml, exportPNGButton as Rl, tabChart as Wl, barChart as Kl, barChartBar as Dl, barChartStackedBar as Gl, barChart100StackedBar as Hl, pieChart as Ol, pieChartPie as Xl, columnChart as Yl, columnChartColumn as jl, columnChartStackedColumn as Ul, columnChart100StackedColumn as $l, lineChart as ql, lineChartLine as Jl, lineChartStackedLine as Ql, lineChart100StackedLine as Zl, scatterChart as _l, scatterChartScatter as en, tabData as tn, configuration as an, configurationXAxis as ln, configurationCategoryAxis as nn, configurationSeries as on, configurationValueAxis as rn, tabFormat as sn, formatChartArea as cn, formatChartAreaMargins as gn, formatChartAreaMarginsLeft as un, formatChartAreaMarginsAuto as H, formatChartAreaMarginsRight as dn, formatChartAreaMarginsTop as mn, formatChartAreaMarginsBottom as xn, formatChartAreaBackground as Cn, formatChartAreaBackgroundColor as fn, formatTitle as bn, formatTitleApplyTo as hn, formatTitleLabel as Sn, formatTitleFont as vn, formatTitleFontPlaceholder as An, formatTitleSize as Ln, formatTitleSizePlaceholder as En, formatTitleColor as kn, formatSeries as pn, formatSeriesApplyTo as yn, formatSeriesColor as Tn, formatSeriesShowLabels as Fn, formatLegend as In, formatLegendShowLegend as Nn, formatLegendFont as zn, formatLegendFontPlaceholder as wn, formatLegendSize as Pn, formatLegendSizePlaceholder as Vn, formatLegendColor as Bn, formatLegendPosition as Mn, formatXAxis as Rn, formatCategoryAxis as Wn, formatCategoryAxisTitle as Kn, formatCategoryAxisTitlePlaceholder as Dn, formatCategoryAxisTitleFont as Gn, formatCategoryAxisTitleFontPlaceholder as Hn, formatCategoryAxisTitleSize as On, formatCategoryAxisTitleSizePlaceholder as Xn, formatCategoryAxisTitleColor as Yn, formatCategoryAxisLabels as jn, formatCategoryAxisLabelsFont as Un, formatCategoryAxisLabelsFontPlaceholder as $n, formatCategoryAxisLabelsSize as qn, formatCategoryAxisLabelsSizePlaceholder as Jn, formatCategoryAxisLabelsColor as Qn, formatCategoryAxisLabelsRotation as Zn, formatCategoryAxisLabelsRotationAuto as _n, formatCategoryAxisLabelsReverseOrder as eo, formatYAxis as to, formatValueAxis as ao, formatValueAxisTitle as lo, formatValueAxisTitlePlaceholder as no, formatValueAxisTitleFont as oo, formatValueAxisTitleFontPlaceholder as ro, formatValueAxisTitleSize as io, formatValueAxisTitleSizePlaceholder as so, formatValueAxisTitleColor as co, formatValueAxisLabels as go, formatValueAxisLabelsFormat as uo, formatValueAxisLabelsFont as mo, formatValueAxisLabelsFontPlaceholder as xo, formatValueAxisLabelsSize as Co, formatValueAxisLabelsSizePlaceholder as fo, formatValueAxisLabelsColor as bo, formatValueAxisLabelsRotation as ho, formatValueAxisLabelsRotationAuto as So } from "./messages.mjs";
25
+ import { ExportEvent as vo, resolveExportOptions as Ao, handlePDFExport as Lo, handleSVGExport as Eo, handleImageExport as ko } from "./export.mjs";
26
+ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, r.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.legend), r.children), po = (r) => {
27
27
  r.stopPropagation();
28
- }, d = (r) => /* @__PURE__ */ e.createElement(Lo, { className: r.className }, r.labelText && r.editorId && /* @__PURE__ */ e.createElement(Za, { className: "k-form-label", editorId: r.editorId }, r.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap", onKeyDown: Io }, r.children)), u = { value: null, text: "" }, Fo = /^\d+$/, M = (r, K) => K.dataItem.style ? e.cloneElement(r, r.props, /* @__PURE__ */ e.createElement("span", { style: K.dataItem.style }, r.props.children)) : r, W = (r) => {
28
+ }, u = (r) => /* @__PURE__ */ e.createElement(vl, { className: r.className }, r.labelText && r.editorId && /* @__PURE__ */ e.createElement(at, { className: "k-form-label", editorId: r.editorId }, r.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap", onKeyDown: po }, r.children)), d = { value: null, text: "" }, yo = /^\d+$/, V = (r, W) => W.dataItem.style ? e.cloneElement(r, r.props, /* @__PURE__ */ e.createElement("span", { style: W.dataItem.style }, r.props.children)) : r, R = (r) => {
29
29
  if (r.text === "")
30
30
  return !0;
31
31
  if (r.value === void 0) {
32
- if (!Fo.test(r.text))
32
+ if (!yo.test(r.text))
33
33
  return !1;
34
34
  r.value = r.text + "px";
35
35
  }
36
- return b.find((l) => l.value === r.value) || (b.push(r), b.sort((l, h) => parseInt(l.text, 10) - parseInt(h.text, 10))), !0;
37
- }, F = (r) => /* @__PURE__ */ e.createElement("div", { className: vo("k-icon-text-wrapper", { "k-selected": r.selected }), onClick: r.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0 }, /* @__PURE__ */ e.createElement(So, { name: r.iconName, icon: r.icon, size: "xlarge", className: "k-svg-i-chart-bar-clustered" })), r.children), x = {
36
+ return f.find((l) => l.value === r.value) || (f.push(r), f.sort((l, b) => parseInt(l.text, 10) - parseInt(b.text, 10))), !0;
37
+ }, I = (r) => /* @__PURE__ */ e.createElement("div", { className: hl("k-icon-text-wrapper", { "k-selected": r.selected }), onClick: r.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0 }, /* @__PURE__ */ e.createElement(
38
+ Sl,
39
+ {
40
+ name: r.iconName,
41
+ icon: r.icon,
42
+ size: "xlarge",
43
+ className: "k-svg-i-chart-bar-clustered"
44
+ }
45
+ )), r.children), x = {
38
46
  fillMode: "outline",
39
47
  popupSettings: {
40
48
  animate: !1
41
49
  }
42
- }, q = { type: "normal" }, J = { type: "100%" }, No = e.forwardRef((r, K) => {
43
- var me, xe, Ce, be, he, fe, ve, Se, Le, Ee, ke, Ae, pe, ye, Te, Ie, Fe, Ne, we, ze, Pe, Ve, Me, Re, Be, We, Ke, De, He, Oe, Xe, Ge, Ye, je, Ue, $e, qe, Je, Qe, Ze, _e;
44
- const l = Eo(), h = [
45
- { value: "chartTitle", text: l.toLanguageString(at, n[at]) },
46
- { value: "chartSubtitle", text: l.toLanguageString(lt, n[lt]) }
50
+ }, q = { type: "normal" }, J = { type: "100%" }, To = e.forwardRef((r, W) => {
51
+ var me, xe, Ce, fe, be, he, Se, ve, Ae, Le, Ee, ke, pe, ye, Te, Fe, Ie, Ne, ze, we, Pe, Ve, Be, Me, Re, We, Ke, De, Ge, He, Oe, Xe, Ye, je, Ue, $e, qe, Je, Qe, Ze, _e;
52
+ const l = Al(), b = [
53
+ {
54
+ value: "chartTitle",
55
+ text: l.toLanguageString(Ll, n.formatTitleChartTitle)
56
+ },
57
+ {
58
+ value: "chartSubtitle",
59
+ text: l.toLanguageString(El, n.formatTitleChartSubtitle)
60
+ }
47
61
  ], Q = [
48
- { value: "top", text: l.toLanguageString(nt, n[nt]) },
49
- { value: "bottom", text: l.toLanguageString(ot, n[ot]) },
50
- { value: "left", text: l.toLanguageString(rt, n[rt]) },
51
- { value: "right", text: l.toLanguageString(it, n[it]) }
52
- ], X = {
53
- name: l.toLanguageString(st, n[st])
62
+ {
63
+ value: "top",
64
+ text: l.toLanguageString(kl, n.formatLegendPositionTop)
65
+ },
66
+ {
67
+ value: "bottom",
68
+ text: l.toLanguageString(pl, n.formatLegendPositionBottom)
69
+ },
70
+ {
71
+ value: "left",
72
+ text: l.toLanguageString(yl, n.formatLegendPositionLeft)
73
+ },
74
+ {
75
+ value: "right",
76
+ text: l.toLanguageString(Tl, n.formatLegendPositionRight)
77
+ }
78
+ ], O = {
79
+ name: l.toLanguageString(Fl, n.formatSeriesAllSeries)
54
80
  }, Z = {
55
- text: l.toLanguageString(ct, n[ct]),
81
+ text: l.toLanguageString(Il, n.formatValueAxisLabelsFormatText),
56
82
  value: ""
57
83
  }, _ = [
58
- { value: "n0", text: l.toLanguageString(gt, n[gt]) },
59
- { value: "c0", text: l.toLanguageString(dt, n[dt]) },
60
- { value: "p0", text: l.toLanguageString(ut, n[ut]) }
61
- ], H = e.useRef(null), _a = e.useCallback((t) => {
62
- var o;
63
- if (H.current) {
64
- const g = new ko(H.current, Ao(r.exportOptions));
65
- (o = r.onExport) == null || o.call(r, g), g.isDefaultPrevented() || t.item.exportHandler.call(void 0, g);
84
+ {
85
+ value: "n0",
86
+ text: l.toLanguageString(
87
+ Nl,
88
+ n.formatValueAxisLabelsFormatNumber
89
+ )
90
+ },
91
+ {
92
+ value: "c0",
93
+ text: l.toLanguageString(
94
+ zl,
95
+ n.formatValueAxisLabelsFormatCurrency
96
+ )
97
+ },
98
+ {
99
+ value: "p0",
100
+ text: l.toLanguageString(
101
+ wl,
102
+ n.formatValueAxisLabelsFormatPercent
103
+ )
66
104
  }
67
- }, [r.exportOptions]), [el, tl] = e.useState({ width: 700, height: 550 }), [al, ll] = e.useState("DEFAULT"), nl = e.useCallback((t) => {
68
- tl({ width: t.width, height: t.height });
69
- }, []), ol = e.useCallback((t) => {
70
- ll(t.state);
71
- }, []), [rl, il] = e.useState([{ collapsible: !1 }, { size: "300px", collapsible: !1 }]), sl = e.useCallback((t) => {
72
- il(t.newState);
73
- }, []), [ee, cl] = e.useState(!0), gl = e.useCallback((t) => {
74
- cl(!t.expanded);
75
- }, []), [te, dl] = e.useState(!0), ul = e.useCallback((t) => {
76
- dl(!t.expanded);
77
- }, []), [ae, ml] = e.useState(!0), xl = e.useCallback((t) => {
78
- ml(!t.expanded);
79
- }, []), [le, Cl] = e.useState(!0), bl = e.useCallback((t) => {
80
- Cl(!t.expanded);
81
- }, []), [ne, hl] = e.useState(!0), fl = e.useCallback((t) => {
82
- hl(!t.expanded);
83
- }, []), [oe, vl] = e.useState(!0), Sl = e.useCallback((t) => {
84
- vl(!t.expanded);
85
- }, []), [re, Ll] = e.useState(!1), El = e.useCallback((t) => {
86
- Ll(!t.expanded);
87
- }, []), [ie, kl] = e.useState(!1), Al = e.useCallback((t) => {
88
- kl(!t.expanded);
89
- }, []), [se, pl] = e.useState(!1), yl = e.useCallback((t) => {
90
- pl(!t.expanded);
91
- }, []), [ce, Tl] = e.useState(!1), Il = e.useCallback((t) => {
92
- Tl(!t.expanded);
93
- }, []), [ge, Fl] = e.useState(!1), Nl = e.useCallback((t) => {
94
- Fl(!t.expanded);
95
- }, []), [de, wl] = e.useState(!1), zl = e.useCallback((t) => {
96
- wl(!t.expanded);
97
- }, []), [Pl, Vl] = e.useState(0), Ml = e.useCallback((t) => {
98
- Vl(t.selected);
99
- }, []), [a, i] = e.useState(fo(r.data, "bar", r.defaultState)), ue = e.useRef(a);
100
- ue.current = a;
101
- const Rl = e.useCallback(
105
+ ], D = e.useRef(null), lt = e.useCallback(
106
+ (t) => {
107
+ var o;
108
+ if (D.current) {
109
+ const g = new vo(D.current, Ao(r.exportOptions));
110
+ (o = r.onExport) == null || o.call(r, g), g.isDefaultPrevented() || t.item.exportHandler.call(void 0, g);
111
+ }
112
+ },
113
+ [r.exportOptions]
114
+ ), nt = r.window || Ka, [ot, rt] = e.useState({ width: 700, height: 550 }), [it, st] = e.useState("DEFAULT"), ct = e.useCallback((t) => {
115
+ rt({ width: t.width, height: t.height });
116
+ }, []), gt = e.useCallback((t) => {
117
+ st(t.state);
118
+ }, []), [ut, dt] = e.useState([
119
+ { collapsible: !1 },
120
+ { size: "300px", collapsible: !1 }
121
+ ]), mt = e.useCallback((t) => {
122
+ dt(t.newState);
123
+ }, []), [ee, xt] = e.useState(!0), Ct = e.useCallback((t) => {
124
+ xt(!t.expanded);
125
+ }, []), [te, ft] = e.useState(!0), bt = e.useCallback((t) => {
126
+ ft(!t.expanded);
127
+ }, []), [ae, ht] = e.useState(!0), St = e.useCallback((t) => {
128
+ ht(!t.expanded);
129
+ }, []), [le, vt] = e.useState(!0), At = e.useCallback((t) => {
130
+ vt(!t.expanded);
131
+ }, []), [ne, Lt] = e.useState(!0), Et = e.useCallback((t) => {
132
+ Lt(!t.expanded);
133
+ }, []), [oe, kt] = e.useState(!0), pt = e.useCallback((t) => {
134
+ kt(!t.expanded);
135
+ }, []), [re, yt] = e.useState(!1), Tt = e.useCallback((t) => {
136
+ yt(!t.expanded);
137
+ }, []), [ie, Ft] = e.useState(!1), It = e.useCallback((t) => {
138
+ Ft(!t.expanded);
139
+ }, []), [se, Nt] = e.useState(!1), zt = e.useCallback((t) => {
140
+ Nt(!t.expanded);
141
+ }, []), [ce, wt] = e.useState(!1), Pt = e.useCallback((t) => {
142
+ wt(!t.expanded);
143
+ }, []), [ge, Vt] = e.useState(!1), Bt = e.useCallback((t) => {
144
+ Vt(!t.expanded);
145
+ }, []), [ue, Mt] = e.useState(!1), Rt = e.useCallback((t) => {
146
+ Mt(!t.expanded);
147
+ }, []), [Wt, Kt] = e.useState(0), Dt = e.useCallback((t) => {
148
+ Kt(t.selected);
149
+ }, []), [a, i] = e.useState(
150
+ bl(r.data, "bar", r.defaultState)
151
+ ), de = e.useRef(a);
152
+ de.current = a;
153
+ const Gt = e.useCallback(
102
154
  () => ({
103
155
  get chart() {
104
- return H.current;
156
+ return D.current;
105
157
  },
106
158
  get state() {
107
- return ue.current;
159
+ return de.current;
108
160
  }
109
161
  }),
110
162
  []
111
163
  );
112
- e.useImperativeHandle(K, Rl);
113
- const [f, v] = e.useState(""), Bl = e.useCallback((t) => {
164
+ e.useImperativeHandle(W, Gt);
165
+ const [h, S] = e.useState(""), Ht = e.useCallback((t) => {
114
166
  const o = t.target.value.name;
115
- v(o === X.name ? "" : o);
116
- }, []), Wl = e.useCallback(() => {
117
- i(T(a, I(r.data, "bar"))), v("");
118
- }, [a, r.data]), Kl = e.useCallback(() => {
119
- const t = T(a, I(r.data, "bar"));
120
- i(c(t, s.stacked, q)), v("");
121
- }, [a, r.data]), Dl = e.useCallback(() => {
122
- const t = T(a, I(r.data, "bar"));
123
- i(c(t, s.stacked, J)), v("");
124
- }, [a, r.data]), Hl = e.useCallback(() => {
125
- i(T(a, I(r.data, "column"))), v("");
126
- }, [a, r.data]), Ol = e.useCallback(() => {
127
- const t = T(a, I(r.data, "column"));
128
- i(c(t, s.stacked, q)), v("");
129
- }, [a, r.data]), Xl = e.useCallback(() => {
130
- const t = T(a, I(r.data, "column"));
131
- i(c(t, s.stacked, J)), v("");
132
- }, [a, r.data]), Gl = e.useCallback(() => {
133
- i(T(a, I(r.data, "line"))), v("");
134
- }, [a, r.data]), Yl = e.useCallback(() => {
135
- const t = T(a, I(r.data, "line"));
136
- i(c(t, s.stacked, q)), v("");
137
- }, [a, r.data]), jl = e.useCallback(() => {
138
- const t = T(a, I(r.data, "line"));
139
- i(c(t, s.stacked, J)), v("");
140
- }, [a, r.data]), Ul = e.useCallback(() => {
141
- i(T(a, I(r.data, "pie"))), v("");
142
- }, [a, r.data]), $l = e.useCallback(() => {
143
- i(T(a, I(r.data, "scatter"))), v("");
144
- }, [a, r.data]), ql = e.useCallback((t) => {
145
- i(c(a, s.categoryAxisX, t.target.value));
146
- }, [a]), Jl = e.useCallback((t) => {
147
- i(c(a, s.seriesChange, t));
148
- }, [a]), Ql = e.useCallback((t) => {
149
- i(c(a, s.valueAxisY, t.target.value));
150
- }, [a]), Zl = e.useCallback((t) => {
151
- i(c(a, s.areaMarginLeft, t.target.value));
152
- }, [a]), _l = e.useCallback((t) => {
153
- i(c(a, s.areaMarginRight, t.target.value));
154
- }, [a]), en = e.useCallback((t) => {
155
- i(c(a, s.areaMarginTop, t.target.value));
156
- }, [a]), tn = e.useCallback((t) => {
157
- i(c(a, s.areaMarginBottom, t.target.value));
158
- }, [a]), N = a.area.margin, an = e.useCallback((t) => {
159
- i(c(a, s.areaBackground, t.value));
160
- }, [a]), [y, ln] = e.useState(h[0]), nn = e.useCallback((t) => {
161
- ln(t.target.value);
162
- }, []), on = e.useCallback((t) => {
163
- const o = y.value === h[0].value ? s.titleText : s.subtitleText;
164
- i(c(a, o, t.target.value));
165
- }, [a, y]), rn = e.useCallback((t) => {
166
- const o = y.value === h[0].value ? s.titleFontName : s.subtitleFontName, g = t.target.value || u;
167
- i(c(a, o, g.value));
168
- }, [a, y]), sn = e.useCallback((t) => {
169
- const o = y.value === h[0].value ? s.titleFontSize : s.subtitleFontSize, g = t.target.value || u;
170
- W(g) && i(c(a, o, g.value));
171
- }, [a, y]), cn = e.useCallback((t) => {
172
- const o = y.value === h[0].value ? s.titleColor : s.subtitleColor;
173
- i(c(a, o, t.value));
174
- }, [a, y]), O = (y.value === h[0].value ? a.title : a.subtitle) || { text: "", font: "", color: "" }, gn = e.useCallback((t) => {
175
- f && i(c(a, s.seriesColor, { seriesName: f, color: t.value }));
176
- }, [a, f]), dn = e.useCallback((t) => {
177
- i(c(a, s.seriesLabel, { seriesName: f, all: !f, visible: t.value }));
178
- }, [a, f]), un = e.useCallback((t) => {
179
- i(c(a, s.legendVisible, t.value));
180
- }, [a]), mn = e.useCallback((t) => {
181
- const o = t.target.value || u;
182
- W(o) && i(c(a, s.legendFontSize, o.value));
183
- }, [a]), xn = e.useCallback((t) => {
184
- const o = t.target.value || u;
185
- i(c(a, s.legendFontName, o.value));
186
- }, [a]), Cn = e.useCallback((t) => {
187
- i(c(a, s.legendColor, t.value));
188
- }, [a]), bn = e.useCallback((t) => {
189
- const o = t.target.value;
190
- i(c(a, s.legendPosition, o.value));
191
- }, [a]), hn = e.useCallback((t) => {
192
- i(c(a, s.categoryAxisTitleText, t.target.value));
193
- }, [a]), fn = e.useCallback((t) => {
194
- const o = t.target.value || u;
195
- W(o) && i(c(a, s.categoryAxisTitleFontSize, o.value));
196
- }, [a]), vn = e.useCallback((t) => {
197
- const o = t.target.value || u;
198
- i(c(a, s.categoryAxisTitleFontName, o.value));
199
- }, [a]), Sn = e.useCallback((t) => {
200
- i(c(a, s.categoryAxisTitleColor, t.value));
201
- }, [a]), Ln = e.useCallback((t) => {
202
- const o = t.target.value || u;
203
- W(o) && i(c(a, s.categoryAxisLabelsFontSize, o.value));
204
- }, [a]), En = e.useCallback((t) => {
205
- const o = t.target.value || u;
206
- i(c(a, s.categoryAxisLabelsFontName, o.value));
207
- }, [a]), kn = e.useCallback((t) => {
208
- i(c(a, s.categoryAxisLabelsColor, t.value));
209
- }, [a]), An = e.useCallback((t) => {
210
- i(c(a, s.categoryAxisLabelsRotation, t.target.value));
211
- }, [a]), pn = e.useCallback((t) => {
212
- i(c(a, s.categoryAxisReverseOrder, t.value));
213
- }, [a]), yn = e.useCallback((t) => {
214
- i(c(a, s.valueAxisTitleText, t.target.value));
215
- }, [a]), Tn = e.useCallback((t) => {
216
- const o = t.target.value || u;
217
- W(o) && i(c(a, s.valueAxisTitleFontSize, o.value));
218
- }, [a]), In = e.useCallback((t) => {
219
- const o = t.target.value || u;
220
- i(c(a, s.valueAxisTitleFontName, o.value));
221
- }, [a]), Fn = e.useCallback((t) => {
222
- i(c(a, s.valueAxisTitleColor, t.value));
223
- }, [a]), Nn = e.useCallback((t) => {
224
- const o = t.target.value || u;
225
- W(o) && i(c(a, s.valueAxisLabelsFontSize, o.value));
226
- }, [a]), wn = e.useCallback((t) => {
227
- const o = t.target.value || u;
228
- i(c(a, s.valueAxisLabelsFontName, o.value));
229
- }, [a]), zn = e.useCallback((t) => {
230
- i(c(a, s.valueAxisLabelsColor, t.value));
231
- }, [a]), Pn = e.useCallback((t) => {
232
- i(c(a, s.valueAxisLabelsRotation, t.target.value));
233
- }, [a]), Vn = e.useCallback((t) => {
234
- const o = t.target.value;
235
- i(c(a, s.valueAxisLabelsFormat, o.value));
236
- }, [a]), m = a.seriesType, D = typeof ((me = a.series[0]) == null ? void 0 : me.stack) == "object" ? (xe = a.series[0]) == null ? void 0 : xe.stack : !1, G = D === !1, Y = D && D.type === "normal", j = D && D.type === "100%";
167
+ S(o === O.name ? "" : o);
168
+ }, []), Ot = e.useCallback(() => {
169
+ i(T(a, F(r.data, "bar"))), S("");
170
+ }, [a, r.data]), Xt = e.useCallback(() => {
171
+ const t = T(a, F(r.data, "bar"));
172
+ i(c(t, s.stacked, q)), S("");
173
+ }, [a, r.data]), Yt = e.useCallback(() => {
174
+ const t = T(a, F(r.data, "bar"));
175
+ i(c(t, s.stacked, J)), S("");
176
+ }, [a, r.data]), jt = e.useCallback(() => {
177
+ i(T(a, F(r.data, "column"))), S("");
178
+ }, [a, r.data]), Ut = e.useCallback(() => {
179
+ const t = T(a, F(r.data, "column"));
180
+ i(c(t, s.stacked, q)), S("");
181
+ }, [a, r.data]), $t = e.useCallback(() => {
182
+ const t = T(a, F(r.data, "column"));
183
+ i(c(t, s.stacked, J)), S("");
184
+ }, [a, r.data]), qt = e.useCallback(() => {
185
+ i(T(a, F(r.data, "line"))), S("");
186
+ }, [a, r.data]), Jt = e.useCallback(() => {
187
+ const t = T(a, F(r.data, "line"));
188
+ i(c(t, s.stacked, q)), S("");
189
+ }, [a, r.data]), Qt = e.useCallback(() => {
190
+ const t = T(a, F(r.data, "line"));
191
+ i(c(t, s.stacked, J)), S("");
192
+ }, [a, r.data]), Zt = e.useCallback(() => {
193
+ i(T(a, F(r.data, "pie"))), S("");
194
+ }, [a, r.data]), _t = e.useCallback(() => {
195
+ i(T(a, F(r.data, "scatter"))), S("");
196
+ }, [a, r.data]), ea = e.useCallback(
197
+ (t) => {
198
+ i(c(a, s.categoryAxisX, t.target.value));
199
+ },
200
+ [a]
201
+ ), ta = e.useCallback(
202
+ (t) => {
203
+ i(c(a, s.seriesChange, t));
204
+ },
205
+ [a]
206
+ ), aa = e.useCallback(
207
+ (t) => {
208
+ i(c(a, s.valueAxisY, t.target.value));
209
+ },
210
+ [a]
211
+ ), la = e.useCallback(
212
+ (t) => {
213
+ i(c(a, s.areaMarginLeft, t.target.value));
214
+ },
215
+ [a]
216
+ ), na = e.useCallback(
217
+ (t) => {
218
+ i(c(a, s.areaMarginRight, t.target.value));
219
+ },
220
+ [a]
221
+ ), oa = e.useCallback(
222
+ (t) => {
223
+ i(c(a, s.areaMarginTop, t.target.value));
224
+ },
225
+ [a]
226
+ ), ra = e.useCallback(
227
+ (t) => {
228
+ i(c(a, s.areaMarginBottom, t.target.value));
229
+ },
230
+ [a]
231
+ ), N = a.area.margin, ia = e.useCallback(
232
+ (t) => {
233
+ i(c(a, s.areaBackground, t.value));
234
+ },
235
+ [a]
236
+ ), [y, sa] = e.useState(b[0]), ca = e.useCallback((t) => {
237
+ sa(t.target.value);
238
+ }, []), ga = e.useCallback(
239
+ (t) => {
240
+ const o = y.value === b[0].value ? s.titleText : s.subtitleText;
241
+ i(c(a, o, t.target.value));
242
+ },
243
+ [a, y]
244
+ ), ua = e.useCallback(
245
+ (t) => {
246
+ const o = y.value === b[0].value ? s.titleFontName : s.subtitleFontName, g = t.target.value || d;
247
+ i(c(a, o, g.value));
248
+ },
249
+ [a, y]
250
+ ), da = e.useCallback(
251
+ (t) => {
252
+ const o = y.value === b[0].value ? s.titleFontSize : s.subtitleFontSize, g = t.target.value || d;
253
+ R(g) && i(c(a, o, g.value));
254
+ },
255
+ [a, y]
256
+ ), ma = e.useCallback(
257
+ (t) => {
258
+ const o = y.value === b[0].value ? s.titleColor : s.subtitleColor;
259
+ i(c(a, o, t.value));
260
+ },
261
+ [a, y]
262
+ ), G = (y.value === b[0].value ? a.title : a.subtitle) || {
263
+ text: "",
264
+ font: "",
265
+ color: ""
266
+ }, xa = e.useCallback(
267
+ (t) => {
268
+ h && i(c(a, s.seriesColor, { seriesName: h, color: t.value }));
269
+ },
270
+ [a, h]
271
+ ), Ca = e.useCallback(
272
+ (t) => {
273
+ i(
274
+ c(a, s.seriesLabel, {
275
+ seriesName: h,
276
+ all: !h,
277
+ visible: t.value
278
+ })
279
+ );
280
+ },
281
+ [a, h]
282
+ ), fa = e.useCallback(
283
+ (t) => {
284
+ i(c(a, s.legendVisible, t.value));
285
+ },
286
+ [a]
287
+ ), ba = e.useCallback(
288
+ (t) => {
289
+ const o = t.target.value || d;
290
+ R(o) && i(c(a, s.legendFontSize, o.value));
291
+ },
292
+ [a]
293
+ ), ha = e.useCallback(
294
+ (t) => {
295
+ const o = t.target.value || d;
296
+ i(c(a, s.legendFontName, o.value));
297
+ },
298
+ [a]
299
+ ), Sa = e.useCallback(
300
+ (t) => {
301
+ i(c(a, s.legendColor, t.value));
302
+ },
303
+ [a]
304
+ ), va = e.useCallback(
305
+ (t) => {
306
+ const o = t.target.value;
307
+ i(c(a, s.legendPosition, o.value));
308
+ },
309
+ [a]
310
+ ), Aa = e.useCallback(
311
+ (t) => {
312
+ i(c(a, s.categoryAxisTitleText, t.target.value));
313
+ },
314
+ [a]
315
+ ), La = e.useCallback(
316
+ (t) => {
317
+ const o = t.target.value || d;
318
+ R(o) && i(c(a, s.categoryAxisTitleFontSize, o.value));
319
+ },
320
+ [a]
321
+ ), Ea = e.useCallback(
322
+ (t) => {
323
+ const o = t.target.value || d;
324
+ i(c(a, s.categoryAxisTitleFontName, o.value));
325
+ },
326
+ [a]
327
+ ), ka = e.useCallback(
328
+ (t) => {
329
+ i(c(a, s.categoryAxisTitleColor, t.value));
330
+ },
331
+ [a]
332
+ ), pa = e.useCallback(
333
+ (t) => {
334
+ const o = t.target.value || d;
335
+ R(o) && i(c(a, s.categoryAxisLabelsFontSize, o.value));
336
+ },
337
+ [a]
338
+ ), ya = e.useCallback(
339
+ (t) => {
340
+ const o = t.target.value || d;
341
+ i(c(a, s.categoryAxisLabelsFontName, o.value));
342
+ },
343
+ [a]
344
+ ), Ta = e.useCallback(
345
+ (t) => {
346
+ i(c(a, s.categoryAxisLabelsColor, t.value));
347
+ },
348
+ [a]
349
+ ), Fa = e.useCallback(
350
+ (t) => {
351
+ i(c(a, s.categoryAxisLabelsRotation, t.target.value));
352
+ },
353
+ [a]
354
+ ), Ia = e.useCallback(
355
+ (t) => {
356
+ i(c(a, s.categoryAxisReverseOrder, t.value));
357
+ },
358
+ [a]
359
+ ), Na = e.useCallback(
360
+ (t) => {
361
+ i(c(a, s.valueAxisTitleText, t.target.value));
362
+ },
363
+ [a]
364
+ ), za = e.useCallback(
365
+ (t) => {
366
+ const o = t.target.value || d;
367
+ R(o) && i(c(a, s.valueAxisTitleFontSize, o.value));
368
+ },
369
+ [a]
370
+ ), wa = e.useCallback(
371
+ (t) => {
372
+ const o = t.target.value || d;
373
+ i(c(a, s.valueAxisTitleFontName, o.value));
374
+ },
375
+ [a]
376
+ ), Pa = e.useCallback(
377
+ (t) => {
378
+ i(c(a, s.valueAxisTitleColor, t.value));
379
+ },
380
+ [a]
381
+ ), Va = e.useCallback(
382
+ (t) => {
383
+ const o = t.target.value || d;
384
+ R(o) && i(c(a, s.valueAxisLabelsFontSize, o.value));
385
+ },
386
+ [a]
387
+ ), Ba = e.useCallback(
388
+ (t) => {
389
+ const o = t.target.value || d;
390
+ i(c(a, s.valueAxisLabelsFontName, o.value));
391
+ },
392
+ [a]
393
+ ), Ma = e.useCallback(
394
+ (t) => {
395
+ i(c(a, s.valueAxisLabelsColor, t.value));
396
+ },
397
+ [a]
398
+ ), Ra = e.useCallback(
399
+ (t) => {
400
+ i(c(a, s.valueAxisLabelsRotation, t.target.value));
401
+ },
402
+ [a]
403
+ ), Wa = e.useCallback(
404
+ (t) => {
405
+ const o = t.target.value;
406
+ i(c(a, s.valueAxisLabelsFormat, o.value));
407
+ },
408
+ [a]
409
+ ), m = a.seriesType, K = typeof ((me = a.series[0]) == null ? void 0 : me.stack) == "object" ? (xe = a.series[0]) == null ? void 0 : xe.stack : !1, X = K === !1, Y = K && K.type === "normal", j = K && K.type === "100%";
237
410
  return /* @__PURE__ */ e.createElement(
238
- Mn,
411
+ nt,
239
412
  {
240
- title: l.toLanguageString(mt, n[mt]),
413
+ title: l.toLanguageString(Pl, n.windowTitle),
241
414
  className: "k-chart-wizard",
242
415
  modal: !0,
243
416
  resizable: !0,
244
417
  minimizeButton: () => null,
245
418
  onClose: r.onClose,
246
- onResize: nl,
247
- stage: al,
248
- onStageChange: ol,
249
- ...el
419
+ onResize: ct,
420
+ stage: it,
421
+ onStageChange: gt,
422
+ ...ot
250
423
  },
251
- /* @__PURE__ */ e.createElement(
252
- Qn,
424
+ /* @__PURE__ */ e.createElement(Qa, { panes: ut, onChange: mt, className: "k-chart-wizard-splitter" }, /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-preview-pane k-pane" }, /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-header" }, /* @__PURE__ */ e.createElement(
425
+ _a,
253
426
  {
254
- panes: rl,
255
- onChange: sl,
256
- className: "k-chart-wizard-splitter"
257
- },
258
- /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-preview-pane k-pane" }, /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-header" }, /* @__PURE__ */ e.createElement(
259
- _n,
260
- {
261
- text: l.toLanguageString(xt, n[xt]),
262
- fillMode: "flat",
263
- svgIcon: eo,
264
- icon: "export",
265
- onItemClick: _a,
266
- items: [
267
- { svgIcon: to, icon: "file-pdf", exportHandler: po, text: l.toLanguageString(Ct, n[Ct]) },
268
- { svgIcon: ao, icon: "file", exportHandler: yo, text: l.toLanguageString(bt, n[bt]) },
269
- { svgIcon: lo, icon: "file-image", exportHandler: To, text: l.toLanguageString(ht, n[ht]) }
270
- ]
271
- }
272
- )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(
273
- Rn,
274
- {
275
- style: { width: "100%", height: "100%" },
276
- transitions: !1,
277
- ref: H
278
- },
279
- /* @__PURE__ */ e.createElement(
280
- Bn,
427
+ text: l.toLanguageString(Vl, n.exportButton),
428
+ fillMode: "flat",
429
+ svgIcon: el,
430
+ icon: "export",
431
+ onItemClick: lt,
432
+ items: [
281
433
  {
282
- text: (Ce = a.title) == null ? void 0 : Ce.text,
283
- font: (be = a.title) == null ? void 0 : be.font,
284
- color: ((he = a.title) == null ? void 0 : he.color) || "#000"
285
- }
286
- ),
287
- /* @__PURE__ */ e.createElement(
288
- Wn,
289
- {
290
- text: (fe = a.subtitle) == null ? void 0 : fe.text,
291
- font: (ve = a.subtitle) == null ? void 0 : ve.font,
292
- color: ((Se = a.subtitle) == null ? void 0 : Se.color) || "#000"
293
- }
294
- ),
295
- /* @__PURE__ */ e.createElement(Kn, { background: (Le = a.area) == null ? void 0 : Le.background, margin: N }),
296
- a.categoryAxis && /* @__PURE__ */ e.createElement(Dn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
297
- Hn,
298
- {
299
- key: o,
300
- categories: t.categories,
301
- title: t.title && {
302
- text: t.title.text,
303
- font: t.title.font,
304
- color: t.title.color
305
- },
306
- labels: t.labels && {
307
- font: t.labels.font,
308
- color: t.labels.color,
309
- rotation: t.labels.rotation
310
- },
311
- reverse: t.reverse
312
- }
313
- ))),
314
- a.valueAxis && /* @__PURE__ */ e.createElement(On, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
315
- Xn,
316
- {
317
- key: o,
318
- title: t.title && {
319
- text: t.title.text,
320
- font: t.title.font,
321
- color: t.title.color
322
- },
323
- labels: t.labels && {
324
- format: t.labels.format,
325
- font: t.labels.font,
326
- color: t.labels.color,
327
- rotation: t.labels.rotation
328
- }
329
- }
330
- ))),
331
- /* @__PURE__ */ e.createElement(Gn, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(
332
- Yn,
434
+ svgIcon: tl,
435
+ icon: "file-pdf",
436
+ exportHandler: Lo,
437
+ text: l.toLanguageString(Bl, n.exportPDFButton)
438
+ },
333
439
  {
334
- key: String(t.name) + o,
335
- ...t
336
- }
337
- ))),
338
- /* @__PURE__ */ e.createElement(jn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
339
- Un,
340
- {
341
- key: o,
342
- categories: t.categories,
343
- title: t.title && {
344
- text: t.title.text,
345
- font: t.title.font,
346
- color: t.title.color
347
- },
348
- labels: t.labels && {
349
- font: t.labels.font,
350
- color: t.labels.color,
351
- format: t.labels.format,
352
- rotation: t.labels.rotation
353
- }
354
- }
355
- ))),
356
- /* @__PURE__ */ e.createElement($n, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
357
- qn,
358
- {
359
- key: o,
360
- title: t.title && {
361
- text: t.title.text,
362
- font: t.title.font,
363
- color: t.title.color
364
- },
365
- labels: t.labels && {
366
- format: t.labels.format,
367
- font: t.labels.font,
368
- color: t.labels.color,
369
- rotation: t.labels.rotation
370
- }
371
- }
372
- ))),
373
- /* @__PURE__ */ e.createElement(
374
- Jn,
440
+ svgIcon: al,
441
+ icon: "file",
442
+ exportHandler: Eo,
443
+ text: l.toLanguageString(Ml, n.exportSVGButton)
444
+ },
375
445
  {
376
- visible: (Ee = a.legend) == null ? void 0 : Ee.visible,
377
- position: (ke = a.legend) == null ? void 0 : ke.position,
378
- labels: {
379
- color: ((pe = (Ae = a.legend) == null ? void 0 : Ae.labels) == null ? void 0 : pe.color) || void 0,
380
- font: ((Te = (ye = a.legend) == null ? void 0 : ye.labels) == null ? void 0 : Te.font) || void 0
381
- }
446
+ svgIcon: ll,
447
+ icon: "file-image",
448
+ exportHandler: ko,
449
+ text: l.toLanguageString(Rl, n.exportPNGButton)
382
450
  }
451
+ ]
452
+ }
453
+ )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(Da, { style: { width: "100%", height: "100%" }, transitions: !1, ref: D }, /* @__PURE__ */ e.createElement(
454
+ Ga,
455
+ {
456
+ text: (Ce = a.title) == null ? void 0 : Ce.text,
457
+ font: (fe = a.title) == null ? void 0 : fe.font,
458
+ color: ((be = a.title) == null ? void 0 : be.color) || "#000"
459
+ }
460
+ ), /* @__PURE__ */ e.createElement(
461
+ Ha,
462
+ {
463
+ text: (he = a.subtitle) == null ? void 0 : he.text,
464
+ font: (Se = a.subtitle) == null ? void 0 : Se.font,
465
+ color: ((ve = a.subtitle) == null ? void 0 : ve.color) || "#000"
466
+ }
467
+ ), /* @__PURE__ */ e.createElement(Oa, { background: (Ae = a.area) == null ? void 0 : Ae.background, margin: N }), a.categoryAxis && /* @__PURE__ */ e.createElement(Xa, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
468
+ Ya,
469
+ {
470
+ key: o,
471
+ categories: t.categories,
472
+ title: t.title && {
473
+ text: t.title.text,
474
+ font: t.title.font,
475
+ color: t.title.color
476
+ },
477
+ labels: t.labels && {
478
+ font: t.labels.font,
479
+ color: t.labels.color,
480
+ rotation: t.labels.rotation
481
+ },
482
+ reverse: t.reverse
483
+ }
484
+ ))), a.valueAxis && /* @__PURE__ */ e.createElement(ja, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
485
+ Ua,
486
+ {
487
+ key: o,
488
+ title: t.title && {
489
+ text: t.title.text,
490
+ font: t.title.font,
491
+ color: t.title.color
492
+ },
493
+ labels: t.labels && {
494
+ format: t.labels.format,
495
+ font: t.labels.font,
496
+ color: t.labels.color,
497
+ rotation: t.labels.rotation
498
+ }
499
+ }
500
+ ))), /* @__PURE__ */ e.createElement($a, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(qa, { key: String(t.name) + o, ...t }))), /* @__PURE__ */ e.createElement(
501
+ Ja,
502
+ {
503
+ visible: (Le = a.legend) == null ? void 0 : Le.visible,
504
+ position: (Ee = a.legend) == null ? void 0 : Ee.position,
505
+ labels: {
506
+ color: ((pe = (ke = a.legend) == null ? void 0 : ke.labels) == null ? void 0 : pe.color) || void 0,
507
+ font: ((Te = (ye = a.legend) == null ? void 0 : ye.labels) == null ? void 0 : Te.font) || void 0
508
+ }
509
+ }
510
+ )))), /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(Za, { selected: Wt, onSelect: Dt, animation: !1 }, /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(Wl, n.tabChart) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
511
+ v,
512
+ {
513
+ style: { maxWidth: "576px" },
514
+ title: l.toLanguageString(Kl, n.barChart),
515
+ expanded: ee,
516
+ tabIndex: 0,
517
+ onAction: Ct
518
+ },
519
+ /* @__PURE__ */ e.createElement(L, null, ee && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
520
+ I,
521
+ {
522
+ selected: m === "bar" && X,
523
+ onClick: Ot,
524
+ icon: nl,
525
+ iconName: "chart-bar-clustered"
526
+ },
527
+ l.toLanguageString(
528
+ Dl,
529
+ n.barChartBar
383
530
  )
384
- ))),
385
- /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(Zn, { selected: Pl, onSelect: Ml, animation: !1 }, /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(ft, n[ft]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
386
- S,
531
+ ), /* @__PURE__ */ e.createElement(
532
+ I,
387
533
  {
388
- style: { maxWidth: "576px" },
389
- title: l.toLanguageString(vt, n[vt]),
390
- expanded: ee,
391
- tabIndex: 0,
392
- onAction: gl
534
+ selected: m === "bar" && Y,
535
+ onClick: Xt,
536
+ icon: ol,
537
+ iconName: "chart-bar-stacked"
393
538
  },
394
- /* @__PURE__ */ e.createElement(E, null, ee && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(F, { selected: m === "bar" && G, onClick: Wl, icon: no, iconName: "chart-bar-clustered" }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(F, { selected: m === "bar" && Y, onClick: Kl, icon: oo, iconName: "chart-bar-stacked" }, l.toLanguageString(Lt, n[Lt])), /* @__PURE__ */ e.createElement(F, { selected: m === "bar" && j, onClick: Dl, icon: ro, iconName: "chart-bar-stacked100" }, l.toLanguageString(Et, n[Et])))))
539
+ l.toLanguageString(
540
+ Gl,
541
+ n.barChartStackedBar
542
+ )
395
543
  ), /* @__PURE__ */ e.createElement(
396
- S,
544
+ I,
545
+ {
546
+ selected: m === "bar" && j,
547
+ onClick: Yt,
548
+ icon: rl,
549
+ iconName: "chart-bar-stacked100"
550
+ },
551
+ l.toLanguageString(
552
+ Hl,
553
+ n.barChart100StackedBar
554
+ )
555
+ ))))
556
+ ), /* @__PURE__ */ e.createElement(
557
+ v,
558
+ {
559
+ style: { maxWidth: "576px" },
560
+ title: l.toLanguageString(Ol, n.pieChart),
561
+ expanded: te,
562
+ tabIndex: 0,
563
+ onAction: bt
564
+ },
565
+ /* @__PURE__ */ e.createElement(L, null, te && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
566
+ I,
397
567
  {
398
- style: { maxWidth: "576px" },
399
- title: l.toLanguageString(kt, n[kt]),
400
- expanded: te,
401
- tabIndex: 0,
402
- onAction: ul
568
+ selected: m === "pie",
569
+ onClick: Zt,
570
+ icon: il,
571
+ iconName: "chart-pie"
403
572
  },
404
- /* @__PURE__ */ e.createElement(E, null, te && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(F, { selected: m === "pie", onClick: Ul, icon: io, iconName: "chart-pie" }, l.toLanguageString(At, n[At])))))
573
+ l.toLanguageString(
574
+ Xl,
575
+ n.pieChartPie
576
+ )
577
+ ))))
578
+ ), /* @__PURE__ */ e.createElement(
579
+ v,
580
+ {
581
+ style: { maxWidth: "576px" },
582
+ title: l.toLanguageString(Yl, n.columnChart),
583
+ expanded: ae,
584
+ tabIndex: 0,
585
+ onAction: St
586
+ },
587
+ /* @__PURE__ */ e.createElement(L, null, ae && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
588
+ I,
589
+ {
590
+ selected: m === "column" && X,
591
+ onClick: jt,
592
+ icon: sl,
593
+ iconName: "chart-column-clustered"
594
+ },
595
+ l.toLanguageString(
596
+ jl,
597
+ n.columnChartColumn
598
+ )
405
599
  ), /* @__PURE__ */ e.createElement(
406
- S,
600
+ I,
407
601
  {
408
- style: { maxWidth: "576px" },
409
- title: l.toLanguageString(pt, n[pt]),
410
- expanded: ae,
411
- tabIndex: 0,
412
- onAction: xl
602
+ selected: m === "column" && Y,
603
+ onClick: Ut,
604
+ icon: cl,
605
+ iconName: "chart-column-stacked"
413
606
  },
414
- /* @__PURE__ */ e.createElement(E, null, ae && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(F, { selected: m === "column" && G, onClick: Hl, icon: so, iconName: "chart-column-clustered" }, l.toLanguageString(yt, n[yt])), /* @__PURE__ */ e.createElement(F, { selected: m === "column" && Y, onClick: Ol, icon: co, iconName: "chart-column-stacked" }, l.toLanguageString(Tt, n[Tt])), /* @__PURE__ */ e.createElement(F, { selected: m === "column" && j, onClick: Xl, icon: go, iconName: "chart-column-stacked100" }, l.toLanguageString(It, n[It])))))
607
+ l.toLanguageString(
608
+ Ul,
609
+ n.columnChartStackedColumn
610
+ )
415
611
  ), /* @__PURE__ */ e.createElement(
416
- S,
612
+ I,
613
+ {
614
+ selected: m === "column" && j,
615
+ onClick: $t,
616
+ icon: gl,
617
+ iconName: "chart-column-stacked100"
618
+ },
619
+ l.toLanguageString(
620
+ $l,
621
+ n.columnChart100StackedColumn
622
+ )
623
+ ))))
624
+ ), /* @__PURE__ */ e.createElement(
625
+ v,
626
+ {
627
+ style: { maxWidth: "576px" },
628
+ title: l.toLanguageString(ql, n.lineChart),
629
+ expanded: le,
630
+ tabIndex: 0,
631
+ onAction: At
632
+ },
633
+ /* @__PURE__ */ e.createElement(L, null, le && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
634
+ I,
417
635
  {
418
- style: { maxWidth: "576px" },
419
- title: l.toLanguageString(Ft, n[Ft]),
420
- expanded: le,
421
- tabIndex: 0,
422
- onAction: bl
636
+ selected: m === "line" && X,
637
+ onClick: qt,
638
+ icon: ul,
639
+ iconName: "chart-line"
423
640
  },
424
- /* @__PURE__ */ e.createElement(E, null, le && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(F, { selected: m === "line" && G, onClick: Gl, icon: uo, iconName: "chart-line" }, l.toLanguageString(Nt, n[Nt])), /* @__PURE__ */ e.createElement(F, { selected: m === "line" && Y, onClick: Yl, icon: mo, iconName: "chart-line-stacked" }, l.toLanguageString(wt, n[wt])), /* @__PURE__ */ e.createElement(F, { selected: m === "line" && j, onClick: jl, icon: xo, iconName: "chart-line-stacked100" }, l.toLanguageString(zt, n[zt])))))
641
+ l.toLanguageString(
642
+ Jl,
643
+ n.lineChartLine
644
+ )
425
645
  ), /* @__PURE__ */ e.createElement(
426
- S,
646
+ I,
427
647
  {
428
- style: { maxWidth: "576px" },
429
- title: l.toLanguageString(Pt, n[Pt]),
430
- expanded: ne,
431
- tabIndex: 0,
432
- onAction: fl
648
+ selected: m === "line" && Y,
649
+ onClick: Jt,
650
+ icon: dl,
651
+ iconName: "chart-line-stacked"
433
652
  },
434
- /* @__PURE__ */ e.createElement(E, null, ne && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(F, { selected: m === "scatter", onClick: $l, icon: Co, iconName: "chart-scatter" }, l.toLanguageString(Vt, n[Vt])))))
435
- ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(Mt, n[Mt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
436
- S,
653
+ l.toLanguageString(
654
+ Ql,
655
+ n.lineChartStackedLine
656
+ )
657
+ ), /* @__PURE__ */ e.createElement(
658
+ I,
437
659
  {
438
- style: { maxWidth: "576px" },
439
- title: l.toLanguageString(Rt, n[Rt]),
440
- expanded: oe,
441
- tabIndex: 0,
442
- onAction: Sl
660
+ selected: m === "line" && j,
661
+ onClick: Qt,
662
+ icon: ml,
663
+ iconName: "chart-line-stacked100"
443
664
  },
444
- /* @__PURE__ */ e.createElement(E, null, oe && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(
445
- w,
665
+ l.toLanguageString(
666
+ Zl,
667
+ n.lineChart100StackedLine
668
+ )
669
+ ))))
670
+ ), /* @__PURE__ */ e.createElement(
671
+ v,
672
+ {
673
+ style: { maxWidth: "576px" },
674
+ title: l.toLanguageString(_l, n.scatterChart),
675
+ expanded: ne,
676
+ tabIndex: 0,
677
+ onAction: Et
678
+ },
679
+ /* @__PURE__ */ e.createElement(L, null, ne && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
680
+ I,
681
+ {
682
+ selected: m === "scatter",
683
+ onClick: _t,
684
+ icon: xl,
685
+ iconName: "chart-scatter"
686
+ },
687
+ l.toLanguageString(
688
+ en,
689
+ n.scatterChartScatter
690
+ )
691
+ ))))
692
+ ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(tn, n.tabData) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
693
+ v,
694
+ {
695
+ style: { maxWidth: "576px" },
696
+ title: l.toLanguageString(an, n.configuration),
697
+ expanded: oe,
698
+ tabIndex: 0,
699
+ onAction: pt
700
+ },
701
+ /* @__PURE__ */ e.createElement(L, null, oe && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
702
+ z,
703
+ {
704
+ legend: m === "scatter" ? l.toLanguageString(
705
+ ln,
706
+ n.configurationXAxis
707
+ ) : l.toLanguageString(
708
+ nn,
709
+ n.configurationCategoryAxis
710
+ )
711
+ },
712
+ /* @__PURE__ */ e.createElement(
713
+ B,
446
714
  {
447
- legend: m === "scatter" ? l.toLanguageString(Bt, n[Bt]) : l.toLanguageString(Wt, n[Wt])
448
- },
449
- /* @__PURE__ */ e.createElement(
450
- R,
451
- {
452
- data: a.columns || [],
453
- value: a.categoryField,
454
- onChange: ql,
455
- ...x
456
- }
715
+ data: a.columns || [],
716
+ value: a.categoryField,
717
+ onChange: ea,
718
+ ...x
719
+ }
720
+ )
721
+ ), tt(m) && /* @__PURE__ */ e.createElement(
722
+ z,
723
+ {
724
+ legend: l.toLanguageString(
725
+ on,
726
+ n.configurationSeries
457
727
  )
458
- ), tt(m) && /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Kt, n[Kt]) }, /* @__PURE__ */ e.createElement(
459
- bo,
728
+ },
729
+ /* @__PURE__ */ e.createElement(
730
+ Cl,
460
731
  {
461
732
  data: a.series,
462
733
  initialData: a.initialSeries,
463
- onChange: Jl
734
+ onChange: ta
464
735
  }
465
- )), m === "pie" && /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Dt, n[Dt]) }, /* @__PURE__ */ e.createElement(
466
- R,
736
+ )
737
+ ), m === "pie" && /* @__PURE__ */ e.createElement(
738
+ z,
739
+ {
740
+ legend: l.toLanguageString(
741
+ rn,
742
+ n.configurationValueAxis
743
+ )
744
+ },
745
+ /* @__PURE__ */ e.createElement(
746
+ B,
467
747
  {
468
748
  data: a.columns || [],
469
749
  value: a.valueField || "",
470
750
  ...x,
471
- onChange: Ql
751
+ onChange: aa
472
752
  }
473
- )))))
474
- ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(Ht, n[Ht]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
475
- S,
753
+ )
754
+ ))))
755
+ ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(sn, n.tabFormat) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
756
+ v,
757
+ {
758
+ style: { maxWidth: "576px" },
759
+ title: l.toLanguageString(cn, n.formatChartArea),
760
+ expanded: re,
761
+ tabIndex: 0,
762
+ onAction: Tt
763
+ },
764
+ /* @__PURE__ */ e.createElement(L, null, re && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
765
+ z,
476
766
  {
477
- style: { maxWidth: "576px" },
478
- title: l.toLanguageString(Ot, n[Ot]),
479
- expanded: re,
480
- tabIndex: 0,
481
- onAction: El
767
+ legend: l.toLanguageString(
768
+ gn,
769
+ n.formatChartAreaMargins
770
+ )
482
771
  },
483
- /* @__PURE__ */ e.createElement(E, null, re && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Xt, n[Xt]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "left" }, /* @__PURE__ */ e.createElement(
484
- B,
485
- {
486
- id: "left",
487
- value: N.left !== void 0 ? N.left : null,
488
- onChange: Zl,
489
- placeholder: l.toLanguageString(P, n[P]),
490
- min: 0,
491
- max: 1e3,
492
- step: 1,
493
- fillMode: "outline"
494
- }
495
- )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Yt, n[Yt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
496
- B,
772
+ /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(
773
+ u,
497
774
  {
498
- id: "right",
499
- value: N.right !== void 0 ? N.right : null,
500
- onChange: _l,
501
- placeholder: l.toLanguageString(P, n[P]),
502
- min: 0,
503
- max: 1e3,
504
- step: 1,
505
- fillMode: "outline"
506
- }
507
- )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(jt, n[jt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
508
- B,
775
+ labelText: l.toLanguageString(
776
+ un,
777
+ n.formatChartAreaMarginsLeft
778
+ ),
779
+ editorId: "left"
780
+ },
781
+ /* @__PURE__ */ e.createElement(
782
+ M,
783
+ {
784
+ id: "left",
785
+ value: N.left !== void 0 ? N.left : null,
786
+ onChange: la,
787
+ placeholder: l.toLanguageString(
788
+ H,
789
+ n.formatChartAreaMarginsAuto
790
+ ),
791
+ min: 0,
792
+ max: 1e3,
793
+ step: 1,
794
+ fillMode: "outline"
795
+ }
796
+ )
797
+ ), /* @__PURE__ */ e.createElement(
798
+ u,
509
799
  {
510
- id: "top",
511
- value: N.top !== void 0 ? N.top : null,
512
- onChange: en,
513
- placeholder: l.toLanguageString(P, n[P]),
514
- min: 0,
515
- max: 1e3,
516
- step: 1,
517
- fillMode: "outline"
518
- }
519
- )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Ut, n[Ut]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
520
- B,
800
+ labelText: l.toLanguageString(
801
+ dn,
802
+ n.formatChartAreaMarginsRight
803
+ ),
804
+ editorId: "right"
805
+ },
806
+ /* @__PURE__ */ e.createElement(
807
+ M,
808
+ {
809
+ id: "right",
810
+ value: N.right !== void 0 ? N.right : null,
811
+ onChange: na,
812
+ placeholder: l.toLanguageString(
813
+ H,
814
+ n.formatChartAreaMarginsAuto
815
+ ),
816
+ min: 0,
817
+ max: 1e3,
818
+ step: 1,
819
+ fillMode: "outline"
820
+ }
821
+ )
822
+ ), /* @__PURE__ */ e.createElement(
823
+ u,
521
824
  {
522
- id: "bottom",
523
- value: N.bottom !== void 0 ? N.bottom : null,
524
- onChange: tn,
525
- placeholder: l.toLanguageString(P, n[P]),
526
- min: 0,
527
- max: 1e3,
528
- step: 1,
529
- fillMode: "outline"
530
- }
531
- )))), /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString($t, n[$t]) }, /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(qt, n[qt]), editorId: "background" }, /* @__PURE__ */ e.createElement(
532
- z,
825
+ labelText: l.toLanguageString(
826
+ mn,
827
+ n.formatChartAreaMarginsTop
828
+ ),
829
+ editorId: "top"
830
+ },
831
+ /* @__PURE__ */ e.createElement(
832
+ M,
833
+ {
834
+ id: "top",
835
+ value: N.top !== void 0 ? N.top : null,
836
+ onChange: oa,
837
+ placeholder: l.toLanguageString(
838
+ H,
839
+ n.formatChartAreaMarginsAuto
840
+ ),
841
+ min: 0,
842
+ max: 1e3,
843
+ step: 1,
844
+ fillMode: "outline"
845
+ }
846
+ )
847
+ ), /* @__PURE__ */ e.createElement(
848
+ u,
533
849
  {
534
- id: "background",
535
- value: ((Ie = a.area) == null ? void 0 : Ie.background) || "",
536
- onChange: an,
537
- view: "gradient",
538
- fillMode: "outline"
539
- }
540
- ))))))
850
+ labelText: l.toLanguageString(
851
+ xn,
852
+ n.formatChartAreaMarginsBottom
853
+ ),
854
+ editorId: "bottom"
855
+ },
856
+ /* @__PURE__ */ e.createElement(
857
+ M,
858
+ {
859
+ id: "bottom",
860
+ value: N.bottom !== void 0 ? N.bottom : null,
861
+ onChange: ra,
862
+ placeholder: l.toLanguageString(
863
+ H,
864
+ n.formatChartAreaMarginsAuto
865
+ ),
866
+ min: 0,
867
+ max: 1e3,
868
+ step: 1,
869
+ fillMode: "outline"
870
+ }
871
+ )
872
+ ))
541
873
  ), /* @__PURE__ */ e.createElement(
542
- S,
874
+ z,
875
+ {
876
+ legend: l.toLanguageString(
877
+ Cn,
878
+ n.formatChartAreaBackground
879
+ )
880
+ },
881
+ /* @__PURE__ */ e.createElement(
882
+ u,
883
+ {
884
+ labelText: l.toLanguageString(
885
+ fn,
886
+ n.formatChartAreaBackgroundColor
887
+ ),
888
+ editorId: "background"
889
+ },
890
+ /* @__PURE__ */ e.createElement(
891
+ w,
892
+ {
893
+ id: "background",
894
+ value: ((Fe = a.area) == null ? void 0 : Fe.background) || "",
895
+ onChange: ia,
896
+ view: "gradient",
897
+ fillMode: "outline"
898
+ }
899
+ )
900
+ )
901
+ ))))
902
+ ), /* @__PURE__ */ e.createElement(
903
+ v,
904
+ {
905
+ style: { maxWidth: "576px" },
906
+ title: l.toLanguageString(bn, n.formatTitle),
907
+ expanded: ie,
908
+ tabIndex: 0,
909
+ onAction: It
910
+ },
911
+ /* @__PURE__ */ e.createElement(L, null, ie && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(
912
+ u,
543
913
  {
544
- style: { maxWidth: "576px" },
545
- title: l.toLanguageString(Jt, n[Jt]),
546
- expanded: ie,
547
- tabIndex: 0,
548
- onAction: Al
914
+ className: "k-col-span-2",
915
+ editorId: "apply-to-title",
916
+ labelText: l.toLanguageString(
917
+ hn,
918
+ n.formatTitleApplyTo
919
+ )
549
920
  },
550
- /* @__PURE__ */ e.createElement(E, null, ie && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "apply-to-title", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
551
- R,
921
+ /* @__PURE__ */ e.createElement(
922
+ B,
552
923
  {
553
924
  id: "apply-to-title",
554
- data: h,
925
+ data: b,
555
926
  textField: "text",
556
927
  dataItemKey: "value",
557
- value: h.find((t) => t.value === y.value),
558
- onChange: nn,
928
+ value: b.find(
929
+ (t) => t.value === y.value
930
+ ),
931
+ onChange: ca,
559
932
  ...x
560
933
  }
561
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleText", labelText: l.toLanguageString(Zt, n[Zt]) }, /* @__PURE__ */ e.createElement(
934
+ )
935
+ ), /* @__PURE__ */ e.createElement(
936
+ u,
937
+ {
938
+ className: "k-col-span-2",
939
+ editorId: "titleText",
940
+ labelText: l.toLanguageString(
941
+ Sn,
942
+ n.formatTitleLabel
943
+ )
944
+ },
945
+ /* @__PURE__ */ e.createElement(
562
946
  $,
563
947
  {
564
948
  id: "titleText",
565
- placeholder: y.value === h[0].value ? h[0].text : h[1].text,
566
- value: O.text,
567
- onChange: on
949
+ placeholder: y.value === b[0].value ? b[0].text : b[1].text,
950
+ value: G.text,
951
+ onChange: ga
568
952
  }
569
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
570
- k,
953
+ )
954
+ ), /* @__PURE__ */ e.createElement(
955
+ u,
956
+ {
957
+ className: "k-col-span-2",
958
+ editorId: "titleFont",
959
+ labelText: l.toLanguageString(
960
+ vn,
961
+ n.formatTitleFont
962
+ )
963
+ },
964
+ /* @__PURE__ */ e.createElement(
965
+ E,
571
966
  {
572
967
  id: "titleFont",
573
- data: A,
968
+ data: k,
574
969
  textField: "text",
575
970
  dataItemKey: "value",
576
- placeholder: l.toLanguageString(ea, n[ea]),
577
- value: A.find((t) => t.value === p(O.font).name) || u,
578
- onChange: rn,
579
- itemRender: M,
971
+ placeholder: l.toLanguageString(
972
+ An,
973
+ n.formatTitleFontPlaceholder
974
+ ),
975
+ value: k.find(
976
+ (t) => t.value === p(G.font).name
977
+ ) || d,
978
+ onChange: ua,
979
+ itemRender: V,
580
980
  ...x
581
981
  }
582
- )), /* @__PURE__ */ e.createElement(d, { editorId: "titleFontSize", labelText: l.toLanguageString(ta, n[ta]) }, /* @__PURE__ */ e.createElement(
583
- k,
982
+ )
983
+ ), /* @__PURE__ */ e.createElement(
984
+ u,
985
+ {
986
+ editorId: "titleFontSize",
987
+ labelText: l.toLanguageString(
988
+ Ln,
989
+ n.formatTitleSize
990
+ )
991
+ },
992
+ /* @__PURE__ */ e.createElement(
993
+ E,
584
994
  {
585
995
  id: "titleFontSize",
586
- data: b,
996
+ data: f,
587
997
  textField: "text",
588
998
  dataItemKey: "value",
589
- placeholder: l.toLanguageString(aa, n[aa]),
590
- value: b.find((t) => t.value === p(O.font).size) || u,
591
- onChange: sn,
592
- itemRender: M,
999
+ placeholder: l.toLanguageString(
1000
+ En,
1001
+ n.formatTitleSizePlaceholder
1002
+ ),
1003
+ value: f.find(
1004
+ (t) => t.value === p(G.font).size
1005
+ ) || d,
1006
+ onChange: da,
1007
+ itemRender: V,
593
1008
  allowCustom: !0,
594
1009
  ...x
595
1010
  }
596
- )), /* @__PURE__ */ e.createElement(d, { editorId: "titleColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
597
- z,
1011
+ )
1012
+ ), /* @__PURE__ */ e.createElement(
1013
+ u,
1014
+ {
1015
+ editorId: "titleColor",
1016
+ labelText: l.toLanguageString(
1017
+ kn,
1018
+ n.formatTitleColor
1019
+ )
1020
+ },
1021
+ /* @__PURE__ */ e.createElement(
1022
+ w,
598
1023
  {
599
1024
  id: "titleColor",
600
- value: O.color || "",
601
- onChange: cn,
1025
+ value: G.color || "",
1026
+ onChange: ma,
602
1027
  view: "gradient",
603
1028
  fillMode: "outline"
604
1029
  }
605
- ))))))
606
- ), /* @__PURE__ */ e.createElement(
607
- S,
1030
+ )
1031
+ )))))
1032
+ ), /* @__PURE__ */ e.createElement(
1033
+ v,
1034
+ {
1035
+ style: { maxWidth: "576px" },
1036
+ title: l.toLanguageString(pn, n.formatSeries),
1037
+ expanded: se,
1038
+ tabIndex: 0,
1039
+ onAction: zt
1040
+ },
1041
+ /* @__PURE__ */ e.createElement(L, null, se && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
1042
+ u,
608
1043
  {
609
- style: { maxWidth: "576px" },
610
- title: l.toLanguageString(na, n[na]),
611
- expanded: se,
612
- tabIndex: 0,
613
- onAction: yl
1044
+ editorId: "apply-to-series",
1045
+ labelText: l.toLanguageString(
1046
+ yn,
1047
+ n.formatSeriesApplyTo
1048
+ )
614
1049
  },
615
- /* @__PURE__ */ e.createElement(E, null, se && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(d, { editorId: "apply-to-series", labelText: l.toLanguageString(oa, n[oa]) }, /* @__PURE__ */ e.createElement(
616
- R,
1050
+ /* @__PURE__ */ e.createElement(
1051
+ B,
617
1052
  {
618
1053
  id: "apply-to-series",
619
1054
  data: a.series,
620
1055
  textField: "name",
621
1056
  dataItemKey: "name",
622
- defaultItem: X,
1057
+ defaultItem: O,
623
1058
  disabled: !tt(m),
624
- value: a.series.find((t) => t.name === f) || X,
625
- onChange: Bl,
1059
+ value: a.series.find((t) => t.name === h) || O,
1060
+ onChange: Ht,
626
1061
  ...x
627
1062
  }
628
- )), /* @__PURE__ */ e.createElement(d, { editorId: "seriesColor", labelText: l.toLanguageString(ra, n[ra]) }, /* @__PURE__ */ e.createElement(
629
- z,
1063
+ )
1064
+ ), /* @__PURE__ */ e.createElement(
1065
+ u,
1066
+ {
1067
+ editorId: "seriesColor",
1068
+ labelText: l.toLanguageString(
1069
+ Tn,
1070
+ n.formatSeriesColor
1071
+ )
1072
+ },
1073
+ /* @__PURE__ */ e.createElement(
1074
+ w,
630
1075
  {
631
1076
  id: "seriesColor",
632
- value: f ? (Fe = a.series.find((t) => t.name === f)) == null ? void 0 : Fe.color : "",
633
- onChange: gn,
634
- disabled: !f,
1077
+ value: h ? (Ie = a.series.find((t) => t.name === h)) == null ? void 0 : Ie.color : "",
1078
+ onChange: xa,
1079
+ disabled: !h,
635
1080
  view: "gradient",
636
1081
  fillMode: "outline"
637
1082
  }
638
- )), /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
639
- et,
640
- {
641
- label: l.toLanguageString(ia, n[ia]),
642
- checked: f ? (we = (Ne = a.series.find((t) => t.name === f)) == null ? void 0 : Ne.labels) == null ? void 0 : we.visible : a.series.every((t) => {
643
- var o;
644
- return (o = t.labels) == null ? void 0 : o.visible;
645
- }),
646
- onChange: dn
647
- }
648
- )))))
1083
+ )
1084
+ ), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
1085
+ et,
1086
+ {
1087
+ label: l.toLanguageString(
1088
+ Fn,
1089
+ n.formatSeriesShowLabels
1090
+ ),
1091
+ checked: h ? (ze = (Ne = a.series.find((t) => t.name === h)) == null ? void 0 : Ne.labels) == null ? void 0 : ze.visible : a.series.every((t) => {
1092
+ var o;
1093
+ return (o = t.labels) == null ? void 0 : o.visible;
1094
+ }),
1095
+ onChange: Ca
1096
+ }
1097
+ )))))
1098
+ ), /* @__PURE__ */ e.createElement(
1099
+ v,
1100
+ {
1101
+ style: { maxWidth: "576px" },
1102
+ title: l.toLanguageString(In, n.formatLegend),
1103
+ expanded: ce,
1104
+ tabIndex: 0,
1105
+ onAction: Pt
1106
+ },
1107
+ /* @__PURE__ */ e.createElement(L, null, ce && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(at, { editorId: "show-legend" }, l.toLanguageString(
1108
+ Nn,
1109
+ n.formatLegendShowLegend
1110
+ )), /* @__PURE__ */ e.createElement(
1111
+ fl,
1112
+ {
1113
+ id: "show-legend",
1114
+ checked: (we = a.legend) == null ? void 0 : we.visible,
1115
+ onChange: fa
1116
+ }
649
1117
  ), /* @__PURE__ */ e.createElement(
650
- S,
1118
+ u,
651
1119
  {
652
- style: { maxWidth: "576px" },
653
- title: l.toLanguageString(sa, n[sa]),
654
- expanded: ce,
655
- tabIndex: 0,
656
- onAction: Il
1120
+ className: "k-col-span-2",
1121
+ editorId: "legendLabelsFont",
1122
+ labelText: l.toLanguageString(
1123
+ zn,
1124
+ n.formatLegendFont
1125
+ )
657
1126
  },
658
- /* @__PURE__ */ e.createElement(E, null, ce && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(Za, { editorId: "show-legend" }, l.toLanguageString(ca, n[ca])), /* @__PURE__ */ e.createElement(
659
- ho,
660
- {
661
- id: "show-legend",
662
- checked: (ze = a.legend) == null ? void 0 : ze.visible,
663
- onChange: un
664
- }
665
- ), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ga, n[ga]) }, /* @__PURE__ */ e.createElement(
666
- k,
1127
+ /* @__PURE__ */ e.createElement(
1128
+ E,
667
1129
  {
668
1130
  id: "legendLabelsFont",
669
- data: A,
1131
+ data: k,
670
1132
  textField: "text",
671
1133
  dataItemKey: "value",
672
- placeholder: l.toLanguageString(da, n[da]),
673
- value: A.find((t) => {
674
- var o, g, C;
675
- return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
676
- }) || u,
677
- onChange: xn,
678
- itemRender: M,
1134
+ placeholder: l.toLanguageString(
1135
+ wn,
1136
+ n.formatLegendFontPlaceholder
1137
+ ),
1138
+ value: k.find(
1139
+ (t) => {
1140
+ var o, g, C;
1141
+ return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
1142
+ }
1143
+ ) || d,
1144
+ onChange: ha,
1145
+ itemRender: V,
679
1146
  disabled: ((Pe = a.legend) == null ? void 0 : Pe.visible) === !1,
680
1147
  ...x
681
1148
  }
682
- )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsSize", labelText: l.toLanguageString(ua, n[ua]) }, /* @__PURE__ */ e.createElement(
683
- k,
1149
+ )
1150
+ ), /* @__PURE__ */ e.createElement(
1151
+ u,
1152
+ {
1153
+ editorId: "legendLabelsSize",
1154
+ labelText: l.toLanguageString(
1155
+ Pn,
1156
+ n.formatLegendSize
1157
+ )
1158
+ },
1159
+ /* @__PURE__ */ e.createElement(
1160
+ E,
684
1161
  {
685
1162
  id: "legendLabelsSize",
686
- data: b,
1163
+ data: f,
687
1164
  textField: "text",
688
1165
  dataItemKey: "value",
689
- placeholder: l.toLanguageString(ma, n[ma]),
690
- value: b.find((t) => {
691
- var o, g, C;
692
- return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
693
- }) || u,
694
- onChange: mn,
1166
+ placeholder: l.toLanguageString(
1167
+ Vn,
1168
+ n.formatLegendSizePlaceholder
1169
+ ),
1170
+ value: f.find(
1171
+ (t) => {
1172
+ var o, g, C;
1173
+ return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
1174
+ }
1175
+ ) || d,
1176
+ onChange: ba,
695
1177
  disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
696
1178
  allowCustom: !0,
697
1179
  ...x
698
1180
  }
699
- )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsColor", labelText: l.toLanguageString(xa, n[xa]) }, /* @__PURE__ */ e.createElement(
700
- z,
1181
+ )
1182
+ ), /* @__PURE__ */ e.createElement(
1183
+ u,
1184
+ {
1185
+ editorId: "legendLabelsColor",
1186
+ labelText: l.toLanguageString(
1187
+ Bn,
1188
+ n.formatLegendColor
1189
+ )
1190
+ },
1191
+ /* @__PURE__ */ e.createElement(
1192
+ w,
701
1193
  {
702
1194
  id: "legendLabelsColor",
703
- value: ((Re = (Me = a.legend) == null ? void 0 : Me.labels) == null ? void 0 : Re.color) || "",
704
- onChange: Cn,
705
- disabled: ((Be = a.legend) == null ? void 0 : Be.visible) === !1,
1195
+ value: ((Me = (Be = a.legend) == null ? void 0 : Be.labels) == null ? void 0 : Me.color) || "",
1196
+ onChange: Sa,
1197
+ disabled: ((Re = a.legend) == null ? void 0 : Re.visible) === !1,
706
1198
  view: "gradient",
707
1199
  fillMode: "outline"
708
1200
  }
709
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendPosition", labelText: l.toLanguageString(Ca, n[Ca]) }, /* @__PURE__ */ e.createElement(
710
- R,
1201
+ )
1202
+ ), /* @__PURE__ */ e.createElement(
1203
+ u,
1204
+ {
1205
+ className: "k-col-span-2",
1206
+ editorId: "legendPosition",
1207
+ labelText: l.toLanguageString(
1208
+ Mn,
1209
+ n.formatLegendPosition
1210
+ )
1211
+ },
1212
+ /* @__PURE__ */ e.createElement(
1213
+ B,
711
1214
  {
712
1215
  id: "legendPosition",
713
1216
  data: Q,
714
1217
  textField: "text",
715
1218
  dataItemKey: "value",
716
- value: Q.find((t) => {
717
- var o;
718
- return t.value === ((o = a.legend) == null ? void 0 : o.position);
719
- }),
720
- onChange: bn,
1219
+ value: Q.find(
1220
+ (t) => {
1221
+ var o;
1222
+ return t.value === ((o = a.legend) == null ? void 0 : o.position);
1223
+ }
1224
+ ),
1225
+ onChange: va,
721
1226
  disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
722
1227
  ...x
723
1228
  }
724
- ))))))
725
- ), m !== "pie" && /* @__PURE__ */ e.createElement(
726
- S,
1229
+ )
1230
+ )))))
1231
+ ), m !== "pie" && /* @__PURE__ */ e.createElement(
1232
+ v,
1233
+ {
1234
+ style: { maxWidth: "576px" },
1235
+ title: m === "scatter" ? l.toLanguageString(Rn, n.formatXAxis) : l.toLanguageString(
1236
+ Wn,
1237
+ n.formatCategoryAxis
1238
+ ),
1239
+ expanded: ge,
1240
+ tabIndex: 0,
1241
+ onAction: Bt
1242
+ },
1243
+ /* @__PURE__ */ e.createElement(L, null, ge && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
1244
+ z,
727
1245
  {
728
- style: { maxWidth: "576px" },
729
- title: m === "scatter" ? l.toLanguageString(ba, n[ba]) : l.toLanguageString(ha, n[ha]),
730
- expanded: ge,
731
- tabIndex: 0,
732
- onAction: Nl
1246
+ legend: l.toLanguageString(
1247
+ Kn,
1248
+ n.formatCategoryAxisTitle
1249
+ )
733
1250
  },
734
- /* @__PURE__ */ e.createElement(E, null, ge && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(fa, n[fa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
1251
+ /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
735
1252
  $,
736
1253
  {
737
- placeholder: l.toLanguageString(va, n[va]),
1254
+ placeholder: l.toLanguageString(
1255
+ Dn,
1256
+ n.formatCategoryAxisTitlePlaceholder
1257
+ ),
738
1258
  value: ((Ke = a.categoryAxis[0].title) == null ? void 0 : Ke.text) || "",
739
- onChange: hn
1259
+ onChange: Aa
740
1260
  }
741
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(Sa, n[Sa]) }, /* @__PURE__ */ e.createElement(
742
- k,
1261
+ )), /* @__PURE__ */ e.createElement(
1262
+ u,
743
1263
  {
744
- id: "categoryAxisTitleFont",
745
- data: A,
746
- textField: "text",
747
- dataItemKey: "value",
748
- itemRender: M,
749
- placeholder: l.toLanguageString(La, n[La]),
750
- value: A.find((t) => {
751
- var o, g;
752
- return t.value === ((g = p(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
753
- }) || u,
754
- onChange: vn,
755
- ...x
756
- }
757
- )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(Ea, n[Ea]) }, /* @__PURE__ */ e.createElement(
758
- k,
1264
+ className: "k-col-span-2",
1265
+ editorId: "categoryAxisTitleFont",
1266
+ labelText: l.toLanguageString(
1267
+ Gn,
1268
+ n.formatCategoryAxisTitleFont
1269
+ )
1270
+ },
1271
+ /* @__PURE__ */ e.createElement(
1272
+ E,
1273
+ {
1274
+ id: "categoryAxisTitleFont",
1275
+ data: k,
1276
+ textField: "text",
1277
+ dataItemKey: "value",
1278
+ itemRender: V,
1279
+ placeholder: l.toLanguageString(
1280
+ Hn,
1281
+ n.formatCategoryAxisTitleFontPlaceholder
1282
+ ),
1283
+ value: k.find(
1284
+ (t) => {
1285
+ var o, g;
1286
+ return t.value === ((g = p(
1287
+ ((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || ""
1288
+ )) == null ? void 0 : g.name);
1289
+ }
1290
+ ) || d,
1291
+ onChange: Ea,
1292
+ ...x
1293
+ }
1294
+ )
1295
+ ), /* @__PURE__ */ e.createElement(
1296
+ u,
759
1297
  {
760
- id: "categoryAxisTitleFontSize",
761
- data: b,
762
- textField: "text",
763
- dataItemKey: "value",
764
- placeholder: l.toLanguageString(ka, n[ka]),
765
- value: b.find((t) => {
766
- var o, g;
767
- return t.value === ((g = p(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
768
- }) || u,
769
- onChange: fn,
770
- allowCustom: !0,
771
- ...x
772
- }
773
- )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement(
774
- z,
1298
+ editorId: "categoryAxisTitleFontSize",
1299
+ labelText: l.toLanguageString(
1300
+ On,
1301
+ n.formatCategoryAxisTitleSize
1302
+ )
1303
+ },
1304
+ /* @__PURE__ */ e.createElement(
1305
+ E,
1306
+ {
1307
+ id: "categoryAxisTitleFontSize",
1308
+ data: f,
1309
+ textField: "text",
1310
+ dataItemKey: "value",
1311
+ placeholder: l.toLanguageString(
1312
+ Xn,
1313
+ n.formatCategoryAxisTitleSizePlaceholder
1314
+ ),
1315
+ value: f.find(
1316
+ (t) => {
1317
+ var o, g;
1318
+ return t.value === ((g = p(
1319
+ ((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || ""
1320
+ )) == null ? void 0 : g.size);
1321
+ }
1322
+ ) || d,
1323
+ onChange: La,
1324
+ allowCustom: !0,
1325
+ ...x
1326
+ }
1327
+ )
1328
+ ), /* @__PURE__ */ e.createElement(
1329
+ u,
775
1330
  {
776
- id: "categoryAxisTitleColor",
777
- view: "gradient",
778
- value: ((De = a.categoryAxis[0].title) == null ? void 0 : De.color) || "",
779
- onChange: Sn,
780
- fillMode: "outline"
781
- }
782
- )))), /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(pa, n[pa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "categoryAxisLabelsFont", labelText: l.toLanguageString(ya, n[ya]) }, /* @__PURE__ */ e.createElement(
783
- k,
1331
+ editorId: "categoryAxisTitleColor",
1332
+ labelText: l.toLanguageString(
1333
+ Yn,
1334
+ n.formatCategoryAxisTitleColor
1335
+ )
1336
+ },
1337
+ /* @__PURE__ */ e.createElement(
1338
+ w,
1339
+ {
1340
+ id: "categoryAxisTitleColor",
1341
+ view: "gradient",
1342
+ value: ((De = a.categoryAxis[0].title) == null ? void 0 : De.color) || "",
1343
+ onChange: ka,
1344
+ fillMode: "outline"
1345
+ }
1346
+ )
1347
+ ))
1348
+ ), /* @__PURE__ */ e.createElement(
1349
+ z,
1350
+ {
1351
+ legend: l.toLanguageString(
1352
+ jn,
1353
+ n.formatCategoryAxisLabels
1354
+ )
1355
+ },
1356
+ /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(
1357
+ u,
784
1358
  {
785
- id: "categoryAxisLabelsFont",
786
- data: A,
787
- textField: "text",
788
- dataItemKey: "value",
789
- placeholder: l.toLanguageString(Ta, n[Ta]),
790
- value: A.find((t) => {
791
- var o, g;
792
- return t.value === ((g = p(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
793
- }) || u,
794
- onChange: En,
795
- itemRender: M,
796
- ...x
797
- }
798
- )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(Ia, n[Ia]) }, /* @__PURE__ */ e.createElement(
799
- k,
1359
+ className: "k-col-span-2",
1360
+ editorId: "categoryAxisLabelsFont",
1361
+ labelText: l.toLanguageString(
1362
+ Un,
1363
+ n.formatCategoryAxisLabelsFont
1364
+ )
1365
+ },
1366
+ /* @__PURE__ */ e.createElement(
1367
+ E,
1368
+ {
1369
+ id: "categoryAxisLabelsFont",
1370
+ data: k,
1371
+ textField: "text",
1372
+ dataItemKey: "value",
1373
+ placeholder: l.toLanguageString(
1374
+ $n,
1375
+ n.formatCategoryAxisLabelsFontPlaceholder
1376
+ ),
1377
+ value: k.find(
1378
+ (t) => {
1379
+ var o, g;
1380
+ return t.value === ((g = p(
1381
+ ((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || ""
1382
+ )) == null ? void 0 : g.name);
1383
+ }
1384
+ ) || d,
1385
+ onChange: ya,
1386
+ itemRender: V,
1387
+ ...x
1388
+ }
1389
+ )
1390
+ ), /* @__PURE__ */ e.createElement(
1391
+ u,
800
1392
  {
801
- id: "categoryAxisLabelsFontSize",
802
- data: b,
803
- textField: "text",
804
- dataItemKey: "value",
805
- placeholder: l.toLanguageString(Fa, n[Fa]),
806
- value: b.find((t) => {
807
- var o, g;
808
- return t.value === ((g = p(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
809
- }) || u,
810
- onChange: Ln,
811
- allowCustom: !0,
812
- ...x
813
- }
814
- )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(Na, n[Na]) }, /* @__PURE__ */ e.createElement(
815
- z,
1393
+ editorId: "categoryAxisLabelsFontSize",
1394
+ labelText: l.toLanguageString(
1395
+ qn,
1396
+ n.formatCategoryAxisLabelsSize
1397
+ )
1398
+ },
1399
+ /* @__PURE__ */ e.createElement(
1400
+ E,
1401
+ {
1402
+ id: "categoryAxisLabelsFontSize",
1403
+ data: f,
1404
+ textField: "text",
1405
+ dataItemKey: "value",
1406
+ placeholder: l.toLanguageString(
1407
+ Jn,
1408
+ n.formatCategoryAxisLabelsSizePlaceholder
1409
+ ),
1410
+ value: f.find(
1411
+ (t) => {
1412
+ var o, g;
1413
+ return t.value === ((g = p(
1414
+ ((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || ""
1415
+ )) == null ? void 0 : g.size);
1416
+ }
1417
+ ) || d,
1418
+ onChange: pa,
1419
+ allowCustom: !0,
1420
+ ...x
1421
+ }
1422
+ )
1423
+ ), /* @__PURE__ */ e.createElement(
1424
+ u,
816
1425
  {
817
- id: "categoryAxisLabelsColor",
818
- view: "gradient",
819
- value: ((He = a.categoryAxis[0].labels) == null ? void 0 : He.color) || "",
820
- onChange: kn,
821
- fillMode: "outline"
822
- }
823
- )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(wa, n[wa]) }, /* @__PURE__ */ e.createElement(
824
- B,
1426
+ editorId: "categoryAxisLabelsColor",
1427
+ labelText: l.toLanguageString(
1428
+ Qn,
1429
+ n.formatCategoryAxisLabelsColor
1430
+ )
1431
+ },
1432
+ /* @__PURE__ */ e.createElement(
1433
+ w,
1434
+ {
1435
+ id: "categoryAxisLabelsColor",
1436
+ view: "gradient",
1437
+ value: ((Ge = a.categoryAxis[0].labels) == null ? void 0 : Ge.color) || "",
1438
+ onChange: Ta,
1439
+ fillMode: "outline"
1440
+ }
1441
+ )
1442
+ ), /* @__PURE__ */ e.createElement(
1443
+ u,
825
1444
  {
826
- id: "categoryAxisLabelsRotation",
827
- value: typeof ((Oe = a.categoryAxis[0].labels) == null ? void 0 : Oe.rotation) == "number" ? (Xe = a.categoryAxis[0].labels) == null ? void 0 : Xe.rotation : null,
828
- placeholder: l.toLanguageString(za, n[za]),
829
- onChange: An,
830
- fillMode: "outline",
831
- min: -360,
832
- max: 360,
833
- step: 1
834
- }
835
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
1445
+ editorId: "categoryAxisLabelsRotation",
1446
+ labelText: l.toLanguageString(
1447
+ Zn,
1448
+ n.formatCategoryAxisLabelsRotation
1449
+ )
1450
+ },
1451
+ /* @__PURE__ */ e.createElement(
1452
+ M,
1453
+ {
1454
+ id: "categoryAxisLabelsRotation",
1455
+ value: typeof ((He = a.categoryAxis[0].labels) == null ? void 0 : He.rotation) == "number" ? (Oe = a.categoryAxis[0].labels) == null ? void 0 : Oe.rotation : null,
1456
+ placeholder: l.toLanguageString(
1457
+ _n,
1458
+ n.formatCategoryAxisLabelsRotationAuto
1459
+ ),
1460
+ onChange: Fa,
1461
+ fillMode: "outline",
1462
+ min: -360,
1463
+ max: 360,
1464
+ step: 1
1465
+ }
1466
+ )
1467
+ ), /* @__PURE__ */ e.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
836
1468
  et,
837
1469
  {
838
- label: l.toLanguageString(Pa, n[Pa]),
1470
+ label: l.toLanguageString(
1471
+ eo,
1472
+ n.formatCategoryAxisLabelsReverseOrder
1473
+ ),
839
1474
  checked: a.categoryAxis[0].reverse || !1,
840
- onChange: pn
1475
+ onChange: Ia
841
1476
  }
842
- )))))))
843
- ), m !== "pie" && /* @__PURE__ */ e.createElement(
844
- S,
1477
+ )))
1478
+ ))))
1479
+ ), m !== "pie" && /* @__PURE__ */ e.createElement(
1480
+ v,
1481
+ {
1482
+ style: { maxWidth: "576px" },
1483
+ title: m === "scatter" ? l.toLanguageString(to, n.formatYAxis) : l.toLanguageString(
1484
+ ao,
1485
+ n.formatValueAxis
1486
+ ),
1487
+ expanded: ue,
1488
+ tabIndex: 0,
1489
+ onAction: Rt
1490
+ },
1491
+ /* @__PURE__ */ e.createElement(L, null, ue && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
1492
+ z,
845
1493
  {
846
- style: { maxWidth: "576px" },
847
- title: m === "scatter" ? l.toLanguageString(Va, n[Va]) : l.toLanguageString(Ma, n[Ma]),
848
- expanded: de,
849
- tabIndex: 0,
850
- onAction: zl
1494
+ legend: l.toLanguageString(
1495
+ lo,
1496
+ n.formatValueAxisTitle
1497
+ )
851
1498
  },
852
- /* @__PURE__ */ e.createElement(E, null, de && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Ra, n[Ra]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
1499
+ /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
853
1500
  $,
854
1501
  {
855
- placeholder: l.toLanguageString(Ba, n[Ba]),
856
- value: ((Ye = (Ge = a.valueAxis[0]) == null ? void 0 : Ge.title) == null ? void 0 : Ye.text) || "",
857
- onChange: yn
1502
+ placeholder: l.toLanguageString(
1503
+ no,
1504
+ n.formatValueAxisTitlePlaceholder
1505
+ ),
1506
+ value: ((Ye = (Xe = a.valueAxis[0]) == null ? void 0 : Xe.title) == null ? void 0 : Ye.text) || "",
1507
+ onChange: Na
858
1508
  }
859
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Wa, n[Wa]) }, /* @__PURE__ */ e.createElement(
860
- k,
1509
+ )), /* @__PURE__ */ e.createElement(
1510
+ u,
861
1511
  {
862
- id: "valueAxisTitleFont",
863
- data: A,
864
- textField: "text",
865
- dataItemKey: "value",
866
- itemRender: M,
867
- placeholder: l.toLanguageString(Ka, n[Ka]),
868
- value: A.find((t) => {
869
- var o, g, C;
870
- return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
871
- }) || u,
872
- onChange: In,
873
- ...x
874
- }
875
- )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
876
- k,
1512
+ className: "k-col-span-2",
1513
+ editorId: "valueAxisTitleFont",
1514
+ labelText: l.toLanguageString(
1515
+ oo,
1516
+ n.formatValueAxisTitleFont
1517
+ )
1518
+ },
1519
+ /* @__PURE__ */ e.createElement(
1520
+ E,
1521
+ {
1522
+ id: "valueAxisTitleFont",
1523
+ data: k,
1524
+ textField: "text",
1525
+ dataItemKey: "value",
1526
+ itemRender: V,
1527
+ placeholder: l.toLanguageString(
1528
+ ro,
1529
+ n.formatValueAxisTitleFontPlaceholder
1530
+ ),
1531
+ value: k.find(
1532
+ (t) => {
1533
+ var o, g, C;
1534
+ return t.value === ((C = p(
1535
+ ((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || ""
1536
+ )) == null ? void 0 : C.name);
1537
+ }
1538
+ ) || d,
1539
+ onChange: wa,
1540
+ ...x
1541
+ }
1542
+ )
1543
+ ), /* @__PURE__ */ e.createElement(
1544
+ u,
877
1545
  {
878
- id: "valueAxisTitleFontSize",
879
- data: b,
880
- textField: "text",
881
- dataItemKey: "value",
882
- placeholder: l.toLanguageString(Ha, n[Ha]),
883
- value: b.find((t) => {
884
- var o, g, C;
885
- return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
886
- }) || u,
887
- onChange: Tn,
888
- allowCustom: !0,
889
- ...x
890
- }
891
- )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Oa, n[Oa]) }, /* @__PURE__ */ e.createElement(
892
- z,
1546
+ editorId: "valueAxisTitleFontSize",
1547
+ labelText: l.toLanguageString(
1548
+ io,
1549
+ n.formatValueAxisTitleSize
1550
+ )
1551
+ },
1552
+ /* @__PURE__ */ e.createElement(
1553
+ E,
1554
+ {
1555
+ id: "valueAxisTitleFontSize",
1556
+ data: f,
1557
+ textField: "text",
1558
+ dataItemKey: "value",
1559
+ placeholder: l.toLanguageString(
1560
+ so,
1561
+ n.formatValueAxisTitleSizePlaceholder
1562
+ ),
1563
+ value: f.find(
1564
+ (t) => {
1565
+ var o, g, C;
1566
+ return t.value === ((C = p(
1567
+ ((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || ""
1568
+ )) == null ? void 0 : C.size);
1569
+ }
1570
+ ) || d,
1571
+ onChange: za,
1572
+ allowCustom: !0,
1573
+ ...x
1574
+ }
1575
+ )
1576
+ ), /* @__PURE__ */ e.createElement(
1577
+ u,
893
1578
  {
894
- id: "valueAxisTitleColor",
895
- view: "gradient",
896
- value: ((Ue = (je = a.valueAxis[0]) == null ? void 0 : je.title) == null ? void 0 : Ue.color) || "",
897
- onChange: Fn,
898
- fillMode: "outline"
899
- }
900
- )))), /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisLabelsFormat", labelText: l.toLanguageString(Ga, n[Ga]) }, /* @__PURE__ */ e.createElement(
901
- R,
1579
+ editorId: "valueAxisTitleColor",
1580
+ labelText: l.toLanguageString(
1581
+ co,
1582
+ n.formatValueAxisTitleColor
1583
+ )
1584
+ },
1585
+ /* @__PURE__ */ e.createElement(
1586
+ w,
1587
+ {
1588
+ id: "valueAxisTitleColor",
1589
+ view: "gradient",
1590
+ value: ((Ue = (je = a.valueAxis[0]) == null ? void 0 : je.title) == null ? void 0 : Ue.color) || "",
1591
+ onChange: Pa,
1592
+ fillMode: "outline"
1593
+ }
1594
+ )
1595
+ ))
1596
+ ), /* @__PURE__ */ e.createElement(
1597
+ z,
1598
+ {
1599
+ legend: l.toLanguageString(
1600
+ go,
1601
+ n.formatValueAxisLabels
1602
+ )
1603
+ },
1604
+ /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(
1605
+ u,
902
1606
  {
903
- id: "valueAxisLabelsFormat",
904
- data: _,
905
- textField: "text",
906
- dataItemKey: "value",
907
- defaultItem: Z,
908
- value: _.find((t) => {
909
- var o, g;
910
- return t.value === ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.format);
911
- }) || Z,
912
- onChange: Vn,
913
- ...x
914
- }
915
- )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Ya, n[Ya]) }, /* @__PURE__ */ e.createElement(
916
- k,
1607
+ className: "k-col-span-2",
1608
+ editorId: "valueAxisLabelsFormat",
1609
+ labelText: l.toLanguageString(
1610
+ uo,
1611
+ n.formatValueAxisLabelsFormat
1612
+ )
1613
+ },
1614
+ /* @__PURE__ */ e.createElement(
1615
+ B,
1616
+ {
1617
+ id: "valueAxisLabelsFormat",
1618
+ data: _,
1619
+ textField: "text",
1620
+ dataItemKey: "value",
1621
+ defaultItem: Z,
1622
+ value: _.find(
1623
+ (t) => {
1624
+ var o, g;
1625
+ return t.value === ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.format);
1626
+ }
1627
+ ) || Z,
1628
+ onChange: Wa,
1629
+ ...x
1630
+ }
1631
+ )
1632
+ ), /* @__PURE__ */ e.createElement(
1633
+ u,
917
1634
  {
918
- id: "valueAxisLabelsFont",
919
- data: A,
920
- textField: "text",
921
- dataItemKey: "value",
922
- placeholder: l.toLanguageString(ja, n[ja]),
923
- value: A.find((t) => {
924
- var o, g, C;
925
- return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
926
- }) || u,
927
- onChange: wn,
928
- itemRender: M,
929
- ...x
930
- }
931
- )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
932
- k,
1635
+ className: "k-col-span-2",
1636
+ editorId: "valueAxisLabelsFont",
1637
+ labelText: l.toLanguageString(
1638
+ mo,
1639
+ n.formatValueAxisLabelsFont
1640
+ )
1641
+ },
1642
+ /* @__PURE__ */ e.createElement(
1643
+ E,
1644
+ {
1645
+ id: "valueAxisLabelsFont",
1646
+ data: k,
1647
+ textField: "text",
1648
+ dataItemKey: "value",
1649
+ placeholder: l.toLanguageString(
1650
+ xo,
1651
+ n.formatValueAxisLabelsFontPlaceholder
1652
+ ),
1653
+ value: k.find(
1654
+ (t) => {
1655
+ var o, g, C;
1656
+ return t.value === ((C = p(
1657
+ ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || ""
1658
+ )) == null ? void 0 : C.name);
1659
+ }
1660
+ ) || d,
1661
+ onChange: Ba,
1662
+ itemRender: V,
1663
+ ...x
1664
+ }
1665
+ )
1666
+ ), /* @__PURE__ */ e.createElement(
1667
+ u,
933
1668
  {
934
- id: "valueAxisLabelsFontSize",
935
- data: b,
936
- textField: "text",
937
- dataItemKey: "value",
938
- placeholder: l.toLanguageString($a, n[$a]),
939
- value: b.find((t) => {
940
- var o, g, C;
941
- return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
942
- }) || u,
943
- onChange: Nn,
944
- allowCustom: !0,
945
- ...x
946
- }
947
- )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(qa, n[qa]) }, /* @__PURE__ */ e.createElement(
948
- z,
1669
+ editorId: "valueAxisLabelsFontSize",
1670
+ labelText: l.toLanguageString(
1671
+ Co,
1672
+ n.formatValueAxisLabelsSize
1673
+ )
1674
+ },
1675
+ /* @__PURE__ */ e.createElement(
1676
+ E,
1677
+ {
1678
+ id: "valueAxisLabelsFontSize",
1679
+ data: f,
1680
+ textField: "text",
1681
+ dataItemKey: "value",
1682
+ placeholder: l.toLanguageString(
1683
+ fo,
1684
+ n.formatValueAxisLabelsSizePlaceholder
1685
+ ),
1686
+ value: f.find(
1687
+ (t) => {
1688
+ var o, g, C;
1689
+ return t.value === ((C = p(
1690
+ ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || ""
1691
+ )) == null ? void 0 : C.size);
1692
+ }
1693
+ ) || d,
1694
+ onChange: Va,
1695
+ allowCustom: !0,
1696
+ ...x
1697
+ }
1698
+ )
1699
+ ), /* @__PURE__ */ e.createElement(
1700
+ u,
949
1701
  {
950
- id: "valueAxisLabelsColor",
951
- view: "gradient",
952
- value: ((qe = ($e = a.valueAxis[0]) == null ? void 0 : $e.labels) == null ? void 0 : qe.color) || "",
953
- onChange: zn,
954
- fillMode: "outline"
955
- }
956
- )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ja, n[Ja]) }, /* @__PURE__ */ e.createElement(
957
- B,
1702
+ editorId: "valueAxisLabelsColor",
1703
+ labelText: l.toLanguageString(
1704
+ bo,
1705
+ n.formatValueAxisLabelsColor
1706
+ )
1707
+ },
1708
+ /* @__PURE__ */ e.createElement(
1709
+ w,
1710
+ {
1711
+ id: "valueAxisLabelsColor",
1712
+ view: "gradient",
1713
+ value: ((qe = ($e = a.valueAxis[0]) == null ? void 0 : $e.labels) == null ? void 0 : qe.color) || "",
1714
+ onChange: Ma,
1715
+ fillMode: "outline"
1716
+ }
1717
+ )
1718
+ ), /* @__PURE__ */ e.createElement(
1719
+ u,
958
1720
  {
959
- id: "valueAxisLabelsRotation",
960
- value: typeof ((Qe = (Je = a.valueAxis[0]) == null ? void 0 : Je.labels) == null ? void 0 : Qe.rotation) == "number" ? (_e = (Ze = a.valueAxis[0]) == null ? void 0 : Ze.labels) == null ? void 0 : _e.rotation : null,
961
- placeholder: l.toLanguageString(Qa, n[Qa]),
962
- onChange: Pn,
963
- fillMode: "outline",
964
- min: -360,
965
- max: 360,
966
- step: 1
967
- }
968
- )))))))
969
- )))))
970
- )
1721
+ editorId: "valueAxisLabelsRotation",
1722
+ labelText: l.toLanguageString(
1723
+ ho,
1724
+ n.formatValueAxisLabelsRotation
1725
+ )
1726
+ },
1727
+ /* @__PURE__ */ e.createElement(
1728
+ M,
1729
+ {
1730
+ id: "valueAxisLabelsRotation",
1731
+ value: typeof ((Qe = (Je = a.valueAxis[0]) == null ? void 0 : Je.labels) == null ? void 0 : Qe.rotation) == "number" ? (_e = (Ze = a.valueAxis[0]) == null ? void 0 : Ze.labels) == null ? void 0 : _e.rotation : null,
1732
+ placeholder: l.toLanguageString(
1733
+ So,
1734
+ n.formatValueAxisLabelsRotationAuto
1735
+ ),
1736
+ onChange: Ra,
1737
+ fillMode: "outline",
1738
+ min: -360,
1739
+ max: 360,
1740
+ step: 1
1741
+ }
1742
+ )
1743
+ ))
1744
+ ))))
1745
+ ))))))
971
1746
  );
972
1747
  });
973
- No.displayName = "ChartWizard";
1748
+ To.displayName = "ChartWizard";
974
1749
  export {
975
- No as ChartWizard
1750
+ To as ChartWizard
976
1751
  };