@progress/kendo-react-chart-wizard 8.3.0-develop.12 → 8.3.0-develop.14

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