@progress/kendo-react-chart-wizard 8.2.1-develop.5 → 8.3.0-develop.2

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 (12) hide show
  1. package/ChartWizard.js +1 -1
  2. package/ChartWizard.mjs +389 -388
  3. package/SeriesGrid.js +1 -1
  4. package/SeriesGrid.mjs +50 -105
  5. package/SeriesGridCells.js +8 -0
  6. package/SeriesGridCells.mjs +104 -0
  7. package/dist/cdn/js/kendo-react-chart-wizard.js +1 -1
  8. package/messages.js +1 -1
  9. package/messages.mjs +196 -196
  10. package/package.json +14 -14
  11. package/DeleteCell.js +0 -8
  12. package/DeleteCell.mjs +0 -47
package/ChartWizard.mjs CHANGED
@@ -7,30 +7,30 @@
7
7
  */
8
8
  "use client";
9
9
  import * as e from "react";
10
- import { Window as In } from "@progress/kendo-react-dialogs";
11
- import { Chart as Nn, ChartTitle as wn, ChartSubtitle as Pn, ChartArea as Vn, ChartCategoryAxis as Bn, ChartCategoryAxisItem as Mn, ChartValueAxis as Rn, ChartValueAxisItem as Dn, ChartSeries as Kn, ChartSeriesItem as On, ChartXAxis as Xn, ChartXAxisItem as Gn, ChartYAxis as Hn, ChartYAxisItem as Yn, ChartLegend as jn } from "@progress/kendo-react-charts";
10
+ import { Window as zn } from "@progress/kendo-react-dialogs";
11
+ import { Chart as wn, ChartTitle as Pn, ChartSubtitle as Vn, ChartArea as Mn, ChartCategoryAxis as Bn, ChartCategoryAxisItem as Rn, ChartValueAxis as Wn, ChartValueAxisItem as Kn, ChartSeries as Dn, ChartSeriesItem as On, ChartXAxis as Xn, ChartXAxisItem as Gn, ChartYAxis as Hn, ChartYAxisItem as Yn, ChartLegend as jn } from "@progress/kendo-react-charts";
12
12
  import { Splitter as Un, TabStrip as qn, TabStripTab as Y, ExpansionPanel as S, ExpansionPanelContent as v } from "@progress/kendo-react-layout";
13
13
  import { DropDownButton as Jn } from "@progress/kendo-react-buttons";
14
- import { exportIcon as Qn, filePdfIcon as Zn, fileIcon as _n, fileImageIcon as $n, chartBarClusteredIcon as er, chartBarStackedIcon as tr, chartBarStacked100Icon as ar, chartPieIcon as lr, chartColumnClusteredIcon as nr, chartColumnStackedIcon as rr, chartColumnStacked100Icon as or, chartLineIcon as ir, chartLineStackedIcon as cr, chartLineStacked100Icon as sr, chartScatterIcon as dr } from "@progress/kendo-svg-icons";
15
- import { Reveal as L } from "@progress/kendo-react-animation";
16
- import { DropDownList as B, ComboBox as E } from "@progress/kendo-react-dropdowns";
17
- import { SeriesGrid as gr } from "./SeriesGrid.mjs";
18
- import { NumericTextBox as M, ColorPicker as N, Input as j, Checkbox as Ze, Switch as ur } from "@progress/kendo-react-inputs";
14
+ import { exportIcon as Qn, filePdfIcon as Zn, fileIcon as _n, fileImageIcon as $n, chartBarClusteredIcon as eo, chartBarStackedIcon as to, chartBarStacked100Icon as ao, chartPieIcon as lo, chartColumnClusteredIcon as no, chartColumnStackedIcon as oo, chartColumnStacked100Icon as ro, chartLineIcon as io, chartLineStackedIcon as co, chartLineStacked100Icon as so, chartScatterIcon as go } from "@progress/kendo-svg-icons";
15
+ import { Reveal as f } from "@progress/kendo-react-animation";
16
+ import { DropDownList as B, ComboBox as L } from "@progress/kendo-react-dropdowns";
17
+ import { SeriesGrid as uo } from "./SeriesGrid.mjs";
18
+ import { NumericTextBox as R, ColorPicker as w, Input as j, Checkbox as Ze, Switch as mo } from "@progress/kendo-react-inputs";
19
19
  import { Label as Ja } from "@progress/kendo-react-labels";
20
- import { createInitialState as mr, mergeStates as z, createState as y, updateState as s, ActionTypes as c, isCategorical as _e, fontNames as A, parseFont as k, fontSizes as p } from "./chart-wizard-state.mjs";
21
- import { classNames as hr, SvgIcon as xr } from "@progress/kendo-react-common";
22
- import { FormElement as P, FieldWrapper as Cr } from "@progress/kendo-react-form";
23
- import { useLocalization as br } from "@progress/kendo-react-intl";
24
- import { chartWizardFormatTitleChartTitle as $e, messages as n, chartWizardFormatTitleChartSubtitle as et, chartWizardFormatLegendPositionTop as tt, chartWizardFormatLegendPositionBottom as at, chartWizardFormatLegendPositionLeft as lt, chartWizardFormatLegendPositionRight as nt, chartWizardFormatSeriesAllSeries as rt, chartWizardFormatValueAxisLabelsFormatText as ot, chartWizardFormatValueAxisLabelsFormatNumber as it, chartWizardFormatValueAxisLabelsFormatCurrency as ct, chartWizardFormatValueAxisLabelsFormatPercent as st, chartWizardWindowTitle as dt, chartWizardExportButton as gt, chartWizardExportPDFButton as ut, chartWizardExportSVGButton as mt, chartWizardExportPNGButton as ht, chartWizardTabChart as xt, chartWizardChartBarChart as Ct, chartWizardChartBarChartBar as bt, chartWizardChartBarChartStackedBar as St, chartWizardChartBarChart100StackedBar as vt, chartWizardChartPieChart as Lt, chartWizardChartPieChartPie as Et, chartWizardChartColumnChart as At, chartWizardChartColumnChartColumn as kt, chartWizardChartColumnChartStackedColumn as pt, chartWizardChartColumnChart100StackedColumn as Ft, chartWizardChartLineChart as ft, chartWizardChartLineChartLine as zt, chartWizardChartLineChartStackedLine as yt, chartWizardChartLineChart100StackedLine as Tt, chartWizardChartScatterChart as Wt, chartWizardChartScatterChartScatter as It, chartWizardTabData as Nt, chartWizardDataConfiguration as wt, chartWizardDataConfigurationXAxis as Pt, chartWizardDataConfigurationCategoryAxis as Vt, chartWizardDataConfigurationSeries as Bt, chartWizardDataConfigurationValueAxis as Mt, chartWizardTabFormat as Rt, chartWizardFormatChartArea as Dt, chartWizardFormatChartAreaMargins as Kt, chartWizardFormatChartAreaMarginsLeft as Ot, chartWizardFormatChartAreaMarginsAuto as w, chartWizardFormatChartAreaMarginsRight as Xt, chartWizardFormatChartAreaMarginsTop as Gt, chartWizardFormatChartAreaMarginsBottom as Ht, chartWizardFormatChartAreaBackground as Yt, chartWizardFormatChartAreaBackgroundColor as jt, chartWizardFormatTitle as Ut, chartWizardFormatTitleApplyTo as qt, chartWizardFormatTitleLabel as Jt, chartWizardFormatTitleFont as Qt, chartWizardFormatTitleFontPlaceholder as Zt, chartWizardFormatTitleSize as _t, chartWizardFormatTitleSizePlaceholder as $t, chartWizardFormatTitleColor as ea, chartWizardFormatSeries as ta, chartWizardFormatSeriesApplyTo as aa, chartWizardFormatSeriesColor as la, chartWizardFormatSeriesShowLabels as na, chartWizardFormatLegend as ra, chartWizardFormatLegendShowLegend as oa, chartWizardFormatLegendFont as ia, chartWizardFormatLegendFontPlaceholder as ca, chartWizardFormatLegendSize as sa, chartWizardFormatLegendSizePlaceholder as da, chartWizardFormatLegendColor as ga, chartWizardFormatLegendPosition as ua, chartWizardFormatXAxis as ma, chartWizardFormatCategoryAxis as ha, chartWizardFormatCategoryAxisTitle as xa, chartWizardFormatCategoryAxisTitlePlaceholder as Ca, chartWizardFormatCategoryAxisTitleFont as ba, chartWizardFormatCategoryAxisTitleFontPlaceholder as Sa, chartWizardFormatCategoryAxisTitleSize as va, chartWizardFormatCategoryAxisTitleSizePlaceholder as La, chartWizardFormatCategoryAxisTitleColor as Ea, chartWizardFormatCategoryAxisLabels as Aa, chartWizardFormatCategoryAxisLabelsFont as ka, chartWizardFormatCategoryAxisLabelsFontPlaceholder as pa, chartWizardFormatCategoryAxisLabelsSize as Fa, chartWizardFormatCategoryAxisLabelsSizePlaceholder as fa, chartWizardFormatCategoryAxisLabelsColor as za, chartWizardFormatCategoryAxisLabelsRotation as ya, chartWizardFormatCategoryAxisLabelsRotationAuto as Ta, chartWizardFormatCategoryAxisLabelsReverseOrder as Wa, chartWizardFormatYAxis as Ia, chartWizardFormatValueAxis as Na, chartWizardFormatValueAxisTitle as wa, chartWizardFormatValueAxisTitlePlaceholder as Pa, chartWizardFormatValueAxisTitleFont as Va, chartWizardFormatValueAxisTitleFontPlaceholder as Ba, chartWizardFormatValueAxisTitleSize as Ma, chartWizardFormatValueAxisTitleSizePlaceholder as Ra, chartWizardFormatValueAxisTitleColor as Da, chartWizardFormatValueAxisLabels as Ka, chartWizardFormatValueAxisLabelsFormat as Oa, chartWizardFormatValueAxisLabelsFont as Xa, chartWizardFormatValueAxisLabelsFontPlaceholder as Ga, chartWizardFormatValueAxisLabelsSize as Ha, chartWizardFormatValueAxisLabelsSizePlaceholder as Ya, chartWizardFormatValueAxisLabelsColor as ja, chartWizardFormatValueAxisLabelsRotation as Ua, chartWizardFormatValueAxisLabelsRotationAuto as qa } from "./messages.mjs";
25
- import { ExportEvent as Sr, resolveExportOptions as vr, handlePDFExport as Lr, handleSVGExport as Er, handleImageExport as Ar } from "./export.mjs";
26
- const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, o.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, o.legend), o.children), g = (o) => /* @__PURE__ */ e.createElement(Cr, { className: o.className }, o.labelText && o.editorId && /* @__PURE__ */ e.createElement(Ja, { className: "k-form-label", editorId: o.editorId }, o.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, o.children)), u = { value: null, text: "" }, V = (o, l) => l.dataItem.style ? e.cloneElement(o, o.props, /* @__PURE__ */ e.createElement("span", { style: l.dataItem.style }, o.props.children)) : o, T = (o) => /* @__PURE__ */ e.createElement("div", { className: hr("k-icon-text-wrapper", { "k-selected": o.selected }), onClick: o.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0 }, /* @__PURE__ */ e.createElement(xr, { icon: o.icon, size: "xlarge", className: "k-svg-i-chart-bar-clustered" })), o.children), h = {
20
+ import { createInitialState as xo, mergeStates as T, createState as F, updateState as s, ActionTypes as c, isCategorical as _e, fontNames as E, parseFont as k, fontSizes as A } from "./chart-wizard-state.mjs";
21
+ import { classNames as Co, IconWrap as bo } from "@progress/kendo-react-common";
22
+ import { FormElement as V, FieldWrapper as ho } from "@progress/kendo-react-form";
23
+ import { useLocalization as So } from "@progress/kendo-react-intl";
24
+ import { formatTitleChartTitle as $e, messages as n, formatTitleChartSubtitle as et, formatLegendPositionTop as tt, formatLegendPositionBottom as at, formatLegendPositionLeft as lt, formatLegendPositionRight as nt, formatSeriesAllSeries as ot, formatValueAxisLabelsFormatText as rt, formatValueAxisLabelsFormatNumber as it, formatValueAxisLabelsFormatCurrency as ct, formatValueAxisLabelsFormatPercent as st, windowTitle as gt, exportButton as dt, exportPDFButton as ut, exportSVGButton as mt, exportPNGButton as xt, tabChart as Ct, barChart as bt, barChartBar as ht, barChartStackedBar as St, barChart100StackedBar as vt, pieChart as ft, pieChartPie as Lt, columnChart as Et, columnChartColumn as kt, columnChartStackedColumn as At, columnChart100StackedColumn as pt, lineChart as yt, lineChartLine as Tt, lineChartStackedLine as Ft, lineChart100StackedLine as It, scatterChart as Nt, scatterChartScatter as zt, tabData as wt, configuration as Pt, configurationXAxis as Vt, configurationCategoryAxis as Mt, configurationSeries as Bt, configurationValueAxis as Rt, tabFormat as Wt, formatChartArea as Kt, formatChartAreaMargins as Dt, formatChartAreaMarginsLeft as Ot, formatChartAreaMarginsAuto as P, formatChartAreaMarginsRight as Xt, formatChartAreaMarginsTop as Gt, formatChartAreaMarginsBottom as Ht, formatChartAreaBackground as Yt, formatChartAreaBackgroundColor as jt, formatTitle as Ut, formatTitleApplyTo as qt, formatTitleLabel as Jt, formatTitleFont as Qt, formatTitleFontPlaceholder as Zt, formatTitleSize as _t, formatTitleSizePlaceholder as $t, formatTitleColor as ea, formatSeries as ta, formatSeriesApplyTo as aa, formatSeriesColor as la, formatSeriesShowLabels as na, formatLegend as oa, formatLegendShowLegend as ra, formatLegendFont as ia, formatLegendFontPlaceholder as ca, formatLegendSize as sa, formatLegendSizePlaceholder as ga, formatLegendColor as da, formatLegendPosition as ua, formatXAxis as ma, formatCategoryAxis as xa, formatCategoryAxisTitle as Ca, formatCategoryAxisTitlePlaceholder as ba, formatCategoryAxisTitleFont as ha, formatCategoryAxisTitleFontPlaceholder as Sa, formatCategoryAxisTitleSize as va, formatCategoryAxisTitleSizePlaceholder as fa, formatCategoryAxisTitleColor as La, formatCategoryAxisLabels as Ea, formatCategoryAxisLabelsFont as ka, formatCategoryAxisLabelsFontPlaceholder as Aa, formatCategoryAxisLabelsSize as pa, formatCategoryAxisLabelsSizePlaceholder as ya, formatCategoryAxisLabelsColor as Ta, formatCategoryAxisLabelsRotation as Fa, formatCategoryAxisLabelsRotationAuto as Ia, formatCategoryAxisLabelsReverseOrder as Na, formatYAxis as za, formatValueAxis as wa, formatValueAxisTitle as Pa, formatValueAxisTitlePlaceholder as Va, formatValueAxisTitleFont as Ma, formatValueAxisTitleFontPlaceholder as Ba, formatValueAxisTitleSize as Ra, formatValueAxisTitleSizePlaceholder as Wa, formatValueAxisTitleColor as Ka, formatValueAxisLabels as Da, formatValueAxisLabelsFormat as Oa, formatValueAxisLabelsFont as Xa, formatValueAxisLabelsFontPlaceholder as Ga, formatValueAxisLabelsSize as Ha, formatValueAxisLabelsSizePlaceholder as Ya, formatValueAxisLabelsColor as ja, formatValueAxisLabelsRotation as Ua, formatValueAxisLabelsRotationAuto as qa } from "./messages.mjs";
25
+ import { ExportEvent as vo, resolveExportOptions as fo, handlePDFExport as Lo, handleSVGExport as Eo, handleImageExport as ko } from "./export.mjs";
26
+ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, r.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.legend), r.children), d = (r) => /* @__PURE__ */ e.createElement(ho, { className: r.className }, r.labelText && r.editorId && /* @__PURE__ */ e.createElement(Ja, { className: "k-form-label", editorId: r.editorId }, r.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, r.children)), u = { value: null, text: "" }, M = (r, l) => l.dataItem.style ? e.cloneElement(r, r.props, /* @__PURE__ */ e.createElement("span", { style: l.dataItem.style }, r.props.children)) : r, I = (r) => /* @__PURE__ */ e.createElement("div", { className: Co("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(bo, { name: r.iconName, icon: r.icon, size: "xlarge", className: "k-svg-i-chart-bar-clustered" })), r.children), x = {
27
27
  fillMode: "outline",
28
28
  popupSettings: {
29
29
  animate: !1
30
30
  }
31
- }, U = { type: "normal" }, q = { type: "100%" }, Dr = (o) => {
32
- var de, ge, ue, me, he, xe, Ce, be, Se, ve, Le, Ee, Ae, ke, pe, Fe, fe, ze, ye, Te, We, Ie, Ne, we, Pe, Ve, Be, Me, Re, De, Ke, Oe, Xe, Ge, He, Ye, je, Ue, qe, Je, Qe;
33
- const l = br(), F = [
31
+ }, U = { type: "normal" }, q = { type: "100%" }, Do = (r) => {
32
+ var ge, de, ue, me, xe, Ce, be, he, Se, ve, fe, Le, Ee, ke, Ae, pe, ye, Te, Fe, Ie, Ne, ze, we, Pe, Ve, Me, Be, Re, We, Ke, De, Oe, Xe, Ge, He, Ye, je, Ue, qe, Je, Qe;
33
+ const l = So(), p = [
34
34
  { value: "chartTitle", text: l.toLanguageString($e, n[$e]) },
35
35
  { value: "chartSubtitle", text: l.toLanguageString(et, n[et]) }
36
36
  ], J = [
@@ -38,85 +38,85 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
38
38
  { value: "bottom", text: l.toLanguageString(at, n[at]) },
39
39
  { value: "left", text: l.toLanguageString(lt, n[lt]) },
40
40
  { value: "right", text: l.toLanguageString(nt, n[nt]) }
41
- ], K = {
42
- name: l.toLanguageString(rt, n[rt])
41
+ ], D = {
42
+ name: l.toLanguageString(ot, n[ot])
43
43
  }, Q = {
44
- text: l.toLanguageString(ot, n[ot]),
44
+ text: l.toLanguageString(rt, n[rt]),
45
45
  value: ""
46
46
  }, Z = [
47
47
  { value: "n0", text: l.toLanguageString(it, n[it]) },
48
48
  { value: "c0", text: l.toLanguageString(ct, n[ct]) },
49
49
  { value: "p0", text: l.toLanguageString(st, n[st]) }
50
50
  ], O = e.useRef(null), Qa = e.useCallback((t) => {
51
- var r;
51
+ var o;
52
52
  if (O.current) {
53
- const d = new Sr(O.current, vr(o.exportOptions));
54
- (r = o.onExport) == null || r.call(o, d), d.isDefaultPrevented() || t.item.exportHandler.call(void 0, d);
53
+ const g = new vo(O.current, fo(r.exportOptions));
54
+ (o = r.onExport) == null || o.call(r, g), g.isDefaultPrevented() || t.item.exportHandler.call(void 0, g);
55
55
  }
56
- }, [o.exportOptions]), [Za, _a] = e.useState({ width: 700, height: 550 }), [$a, el] = e.useState("DEFAULT"), tl = e.useCallback((t) => {
56
+ }, [r.exportOptions]), [Za, _a] = e.useState({ width: 700, height: 550 }), [$a, el] = e.useState("DEFAULT"), tl = e.useCallback((t) => {
57
57
  _a({ width: t.width, height: t.height });
58
58
  }, []), al = e.useCallback((t) => {
59
59
  el(t.state);
60
- }, []), [ll, nl] = e.useState([{ collapsible: !1 }, { size: "300px", collapsible: !1 }]), rl = e.useCallback((t) => {
60
+ }, []), [ll, nl] = e.useState([{ collapsible: !1 }, { size: "300px", collapsible: !1 }]), ol = e.useCallback((t) => {
61
61
  nl(t.newState);
62
- }, []), [_, ol] = e.useState(!0), il = e.useCallback((t) => {
63
- ol(!t.expanded);
62
+ }, []), [_, rl] = e.useState(!0), il = e.useCallback((t) => {
63
+ rl(!t.expanded);
64
64
  }, []), [$, cl] = e.useState(!0), sl = e.useCallback((t) => {
65
65
  cl(!t.expanded);
66
- }, []), [ee, dl] = e.useState(!0), gl = e.useCallback((t) => {
67
- dl(!t.expanded);
66
+ }, []), [ee, gl] = e.useState(!0), dl = e.useCallback((t) => {
67
+ gl(!t.expanded);
68
68
  }, []), [te, ul] = e.useState(!0), ml = e.useCallback((t) => {
69
69
  ul(!t.expanded);
70
- }, []), [ae, hl] = e.useState(!0), xl = e.useCallback((t) => {
71
- hl(!t.expanded);
72
- }, []), [le, Cl] = e.useState(!0), bl = e.useCallback((t) => {
73
- Cl(!t.expanded);
70
+ }, []), [ae, xl] = e.useState(!0), Cl = e.useCallback((t) => {
71
+ xl(!t.expanded);
72
+ }, []), [le, bl] = e.useState(!0), hl = e.useCallback((t) => {
73
+ bl(!t.expanded);
74
74
  }, []), [ne, Sl] = e.useState(!0), vl = e.useCallback((t) => {
75
75
  Sl(!t.expanded);
76
- }, []), [re, Ll] = e.useState(!0), El = e.useCallback((t) => {
77
- Ll(!t.expanded);
78
- }, []), [oe, Al] = e.useState(!0), kl = e.useCallback((t) => {
79
- Al(!t.expanded);
80
- }, []), [ie, pl] = e.useState(!0), Fl = e.useCallback((t) => {
81
- pl(!t.expanded);
82
- }, []), [ce, fl] = e.useState(!0), zl = e.useCallback((t) => {
76
+ }, []), [oe, fl] = e.useState(!0), Ll = e.useCallback((t) => {
83
77
  fl(!t.expanded);
84
- }, []), [se, yl] = e.useState(!0), Tl = e.useCallback((t) => {
78
+ }, []), [re, El] = e.useState(!0), kl = e.useCallback((t) => {
79
+ El(!t.expanded);
80
+ }, []), [ie, Al] = e.useState(!0), pl = e.useCallback((t) => {
81
+ Al(!t.expanded);
82
+ }, []), [ce, yl] = e.useState(!0), Tl = e.useCallback((t) => {
85
83
  yl(!t.expanded);
86
- }, []), [Wl, Il] = e.useState(0), Nl = e.useCallback((t) => {
87
- Il(t.selected);
88
- }, []), [a, i] = e.useState(mr(o.data, "bar", o.defaultState)), [C, b] = e.useState(""), wl = e.useCallback((t) => {
89
- const r = t.target.value.name;
90
- b(r === K.name ? "" : r);
91
- }, []), Pl = e.useCallback(() => {
92
- i(z(a, y(o.data, "bar"))), b("");
93
- }, [a, o.data]), Vl = e.useCallback(() => {
94
- const t = z(a, y(o.data, "bar"));
95
- i(s(t, c.stacked, U)), b("");
96
- }, [a, o.data]), Bl = e.useCallback(() => {
97
- const t = z(a, y(o.data, "bar"));
98
- i(s(t, c.stacked, q)), b("");
99
- }, [a, o.data]), Ml = e.useCallback(() => {
100
- i(z(a, y(o.data, "column"))), b("");
101
- }, [a, o.data]), Rl = e.useCallback(() => {
102
- const t = z(a, y(o.data, "column"));
103
- i(s(t, c.stacked, U)), b("");
104
- }, [a, o.data]), Dl = e.useCallback(() => {
105
- const t = z(a, y(o.data, "column"));
106
- i(s(t, c.stacked, q)), b("");
107
- }, [a, o.data]), Kl = e.useCallback(() => {
108
- i(z(a, y(o.data, "line"))), b("");
109
- }, [a, o.data]), Ol = e.useCallback(() => {
110
- const t = z(a, y(o.data, "line"));
111
- i(s(t, c.stacked, U)), b("");
112
- }, [a, o.data]), Xl = e.useCallback(() => {
113
- const t = z(a, y(o.data, "line"));
114
- i(s(t, c.stacked, q)), b("");
115
- }, [a, o.data]), Gl = e.useCallback(() => {
116
- i(z(a, y(o.data, "pie"))), b("");
117
- }, [a, o.data]), Hl = e.useCallback(() => {
118
- i(z(a, y(o.data, "scatter"))), b("");
119
- }, [a, o.data]), Yl = e.useCallback((t) => {
84
+ }, []), [se, Fl] = e.useState(!0), Il = e.useCallback((t) => {
85
+ Fl(!t.expanded);
86
+ }, []), [Nl, zl] = e.useState(0), wl = e.useCallback((t) => {
87
+ zl(t.selected);
88
+ }, []), [a, i] = e.useState(xo(r.data, "bar", r.defaultState)), [b, h] = e.useState(""), Pl = e.useCallback((t) => {
89
+ const o = t.target.value.name;
90
+ h(o === D.name ? "" : o);
91
+ }, []), Vl = e.useCallback(() => {
92
+ i(T(a, F(r.data, "bar"))), h("");
93
+ }, [a, r.data]), Ml = e.useCallback(() => {
94
+ const t = T(a, F(r.data, "bar"));
95
+ i(s(t, c.stacked, U)), h("");
96
+ }, [a, r.data]), Bl = e.useCallback(() => {
97
+ const t = T(a, F(r.data, "bar"));
98
+ i(s(t, c.stacked, q)), h("");
99
+ }, [a, r.data]), Rl = e.useCallback(() => {
100
+ i(T(a, F(r.data, "column"))), h("");
101
+ }, [a, r.data]), Wl = e.useCallback(() => {
102
+ const t = T(a, F(r.data, "column"));
103
+ i(s(t, c.stacked, U)), h("");
104
+ }, [a, r.data]), Kl = e.useCallback(() => {
105
+ const t = T(a, F(r.data, "column"));
106
+ i(s(t, c.stacked, q)), h("");
107
+ }, [a, r.data]), Dl = e.useCallback(() => {
108
+ i(T(a, F(r.data, "line"))), h("");
109
+ }, [a, r.data]), Ol = e.useCallback(() => {
110
+ const t = T(a, F(r.data, "line"));
111
+ i(s(t, c.stacked, U)), h("");
112
+ }, [a, r.data]), Xl = e.useCallback(() => {
113
+ const t = T(a, F(r.data, "line"));
114
+ i(s(t, c.stacked, q)), h("");
115
+ }, [a, r.data]), Gl = e.useCallback(() => {
116
+ i(T(a, F(r.data, "pie"))), h("");
117
+ }, [a, r.data]), Hl = e.useCallback(() => {
118
+ i(T(a, F(r.data, "scatter"))), h("");
119
+ }, [a, r.data]), Yl = e.useCallback((t) => {
120
120
  i(s(a, c.categoryAxisX, t.target.value));
121
121
  }, [a]), jl = e.useCallback((t) => {
122
122
  i(s(a, c.seriesChange, t));
@@ -130,94 +130,94 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
130
130
  i(s(a, c.areaMarginTop, t.target.value));
131
131
  }, [a]), Zl = e.useCallback((t) => {
132
132
  i(s(a, c.areaMarginBottom, t.target.value));
133
- }, [a]), W = a.area.margin, _l = e.useCallback((t) => {
133
+ }, [a]), N = a.area.margin, _l = e.useCallback((t) => {
134
134
  i(s(a, c.areaBackground, t.value));
135
- }, [a]), [f, $l] = e.useState(F[0]), en = e.useCallback((t) => {
135
+ }, [a]), [y, $l] = e.useState(p[0]), en = e.useCallback((t) => {
136
136
  $l(t.target.value);
137
137
  }, []), tn = e.useCallback((t) => {
138
- const r = f.value === F[0].value ? c.titleText : c.subtitleText;
139
- i(s(a, r, t.target.value));
140
- }, [a, f]), an = e.useCallback((t) => {
141
- const r = f.value === F[0].value ? c.titleFontName : c.subtitleFontName, d = t.target.value || u;
142
- i(s(a, r, d.value));
143
- }, [a, f]), ln = e.useCallback((t) => {
144
- const r = f.value === F[0].value ? c.titleFontSize : c.subtitleFontSize, d = t.target.value || u;
145
- i(s(a, r, d.value));
146
- }, [a, f]), nn = e.useCallback((t) => {
147
- const r = f.value === F[0].value ? c.titleColor : c.subtitleColor;
148
- i(s(a, r, t.value));
149
- }, [a, f]), D = (f.value === F[0].value ? a.title : a.subtitle) || { text: "", font: "", color: "" }, rn = e.useCallback((t) => {
150
- C && i(s(a, c.seriesColor, { seriesName: C, color: t.value }));
151
- }, [a, C]), on = e.useCallback((t) => {
152
- i(s(a, c.seriesLabel, { seriesName: C, all: !C, visible: t.value }));
153
- }, [a, C]), cn = e.useCallback((t) => {
138
+ const o = y.value === p[0].value ? c.titleText : c.subtitleText;
139
+ i(s(a, o, t.target.value));
140
+ }, [a, y]), an = e.useCallback((t) => {
141
+ const o = y.value === p[0].value ? c.titleFontName : c.subtitleFontName, g = t.target.value || u;
142
+ i(s(a, o, g.value));
143
+ }, [a, y]), ln = e.useCallback((t) => {
144
+ const o = y.value === p[0].value ? c.titleFontSize : c.subtitleFontSize, g = t.target.value || u;
145
+ i(s(a, o, g.value));
146
+ }, [a, y]), nn = e.useCallback((t) => {
147
+ const o = y.value === p[0].value ? c.titleColor : c.subtitleColor;
148
+ i(s(a, o, t.value));
149
+ }, [a, y]), K = (y.value === p[0].value ? a.title : a.subtitle) || { text: "", font: "", color: "" }, on = e.useCallback((t) => {
150
+ b && i(s(a, c.seriesColor, { seriesName: b, color: t.value }));
151
+ }, [a, b]), rn = e.useCallback((t) => {
152
+ i(s(a, c.seriesLabel, { seriesName: b, all: !b, visible: t.value }));
153
+ }, [a, b]), cn = e.useCallback((t) => {
154
154
  i(s(a, c.legendVisible, t.value));
155
155
  }, [a]), sn = e.useCallback((t) => {
156
- const r = t.target.value || u;
157
- i(s(a, c.legendFontSize, r.value));
158
- }, [a]), dn = e.useCallback((t) => {
159
- const r = t.target.value || u;
160
- i(s(a, c.legendFontName, r.value));
156
+ const o = t.target.value || u;
157
+ i(s(a, c.legendFontSize, o.value));
161
158
  }, [a]), gn = e.useCallback((t) => {
159
+ const o = t.target.value || u;
160
+ i(s(a, c.legendFontName, o.value));
161
+ }, [a]), dn = e.useCallback((t) => {
162
162
  i(s(a, c.legendColor, t.value));
163
163
  }, [a]), un = e.useCallback((t) => {
164
- const r = t.target.value;
165
- i(s(a, c.legendPosition, r.value));
164
+ const o = t.target.value;
165
+ i(s(a, c.legendPosition, o.value));
166
166
  }, [a]), mn = e.useCallback((t) => {
167
167
  i(s(a, c.categoryAxisTitleText, t.target.value));
168
- }, [a]), hn = e.useCallback((t) => {
169
- const r = t.target.value || u;
170
- i(s(a, c.categoryAxisTitleFontSize, r.value));
171
168
  }, [a]), xn = e.useCallback((t) => {
172
- const r = t.target.value || u;
173
- i(s(a, c.categoryAxisTitleFontName, r.value));
169
+ const o = t.target.value || u;
170
+ i(s(a, c.categoryAxisTitleFontSize, o.value));
174
171
  }, [a]), Cn = e.useCallback((t) => {
175
- i(s(a, c.categoryAxisTitleColor, t.value));
172
+ const o = t.target.value || u;
173
+ i(s(a, c.categoryAxisTitleFontName, o.value));
176
174
  }, [a]), bn = e.useCallback((t) => {
177
- const r = t.target.value || u;
178
- i(s(a, c.categoryAxisLabelsFontSize, r.value));
175
+ i(s(a, c.categoryAxisTitleColor, t.value));
176
+ }, [a]), hn = e.useCallback((t) => {
177
+ const o = t.target.value || u;
178
+ i(s(a, c.categoryAxisLabelsFontSize, o.value));
179
179
  }, [a]), Sn = e.useCallback((t) => {
180
- const r = t.target.value || u;
181
- i(s(a, c.categoryAxisLabelsFontName, r.value));
180
+ const o = t.target.value || u;
181
+ i(s(a, c.categoryAxisLabelsFontName, o.value));
182
182
  }, [a]), vn = e.useCallback((t) => {
183
183
  i(s(a, c.categoryAxisLabelsColor, t.value));
184
- }, [a]), Ln = e.useCallback((t) => {
184
+ }, [a]), fn = e.useCallback((t) => {
185
185
  i(s(a, c.categoryAxisLabelsRotation, t.target.value));
186
- }, [a]), En = e.useCallback((t) => {
186
+ }, [a]), Ln = e.useCallback((t) => {
187
187
  i(s(a, c.categoryAxisReverseOrder, t.value));
188
- }, [a]), An = e.useCallback((t) => {
188
+ }, [a]), En = e.useCallback((t) => {
189
189
  i(s(a, c.valueAxisTitleText, t.target.value));
190
190
  }, [a]), kn = e.useCallback((t) => {
191
- const r = t.target.value || u;
192
- i(s(a, c.valueAxisTitleFontSize, r.value));
191
+ const o = t.target.value || u;
192
+ i(s(a, c.valueAxisTitleFontSize, o.value));
193
+ }, [a]), An = e.useCallback((t) => {
194
+ const o = t.target.value || u;
195
+ i(s(a, c.valueAxisTitleFontName, o.value));
193
196
  }, [a]), pn = e.useCallback((t) => {
194
- const r = t.target.value || u;
195
- i(s(a, c.valueAxisTitleFontName, r.value));
196
- }, [a]), Fn = e.useCallback((t) => {
197
197
  i(s(a, c.valueAxisTitleColor, t.value));
198
- }, [a]), fn = e.useCallback((t) => {
199
- const r = t.target.value || u;
200
- i(s(a, c.valueAxisLabelsFontSize, r.value));
201
- }, [a]), zn = e.useCallback((t) => {
202
- const r = t.target.value || u;
203
- i(s(a, c.valueAxisLabelsFontName, r.value));
204
198
  }, [a]), yn = e.useCallback((t) => {
205
- i(s(a, c.valueAxisLabelsColor, t.value));
199
+ const o = t.target.value || u;
200
+ i(s(a, c.valueAxisLabelsFontSize, o.value));
206
201
  }, [a]), Tn = e.useCallback((t) => {
202
+ const o = t.target.value || u;
203
+ i(s(a, c.valueAxisLabelsFontName, o.value));
204
+ }, [a]), Fn = e.useCallback((t) => {
205
+ i(s(a, c.valueAxisLabelsColor, t.value));
206
+ }, [a]), In = e.useCallback((t) => {
207
207
  i(s(a, c.valueAxisLabelsRotation, t.target.value));
208
- }, [a]), Wn = e.useCallback((t) => {
209
- const r = t.target.value;
210
- i(s(a, c.valueAxisLabelsFormat, r.value));
211
- }, [a]), m = a.seriesType, R = typeof ((de = a.series[0]) == null ? void 0 : de.stack) == "object" ? (ge = a.series[0]) == null ? void 0 : ge.stack : !1, X = R === !1, G = R && R.type === "normal", H = R && R.type === "100%";
208
+ }, [a]), Nn = e.useCallback((t) => {
209
+ const o = t.target.value;
210
+ i(s(a, c.valueAxisLabelsFormat, o.value));
211
+ }, [a]), m = a.seriesType, W = typeof ((ge = a.series[0]) == null ? void 0 : ge.stack) == "object" ? (de = a.series[0]) == null ? void 0 : de.stack : !1, X = W === !1, G = W && W.type === "normal", H = W && W.type === "100%";
212
212
  return /* @__PURE__ */ e.createElement(
213
- In,
213
+ zn,
214
214
  {
215
- title: l.toLanguageString(dt, n[dt]),
215
+ title: l.toLanguageString(gt, n[gt]),
216
216
  className: "k-chart-wizard",
217
217
  modal: !0,
218
218
  resizable: !0,
219
219
  minimizeButton: () => null,
220
- onClose: o.onClose,
220
+ onClose: r.onClose,
221
221
  onResize: tl,
222
222
  stage: $a,
223
223
  onStageChange: al,
@@ -227,50 +227,51 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
227
227
  Un,
228
228
  {
229
229
  panes: ll,
230
- onChange: rl,
230
+ onChange: ol,
231
231
  className: "k-chart-wizard-splitter"
232
232
  },
233
233
  /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-preview-pane k-pane" }, /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-header" }, /* @__PURE__ */ e.createElement(
234
234
  Jn,
235
235
  {
236
- text: l.toLanguageString(gt, n[gt]),
236
+ text: l.toLanguageString(dt, n[dt]),
237
237
  fillMode: "flat",
238
238
  svgIcon: Qn,
239
+ icon: "export",
239
240
  onItemClick: Qa,
240
241
  items: [
241
- { svgIcon: Zn, exportHandler: Lr, text: l.toLanguageString(ut, n[ut]) },
242
- { svgIcon: _n, exportHandler: Er, text: l.toLanguageString(mt, n[mt]) },
243
- { svgIcon: $n, exportHandler: Ar, text: l.toLanguageString(ht, n[ht]) }
242
+ { svgIcon: Zn, icon: "file-pdf", exportHandler: Lo, text: l.toLanguageString(ut, n[ut]) },
243
+ { svgIcon: _n, icon: "file", exportHandler: Eo, text: l.toLanguageString(mt, n[mt]) },
244
+ { svgIcon: $n, icon: "file-image", exportHandler: ko, text: l.toLanguageString(xt, n[xt]) }
244
245
  ]
245
246
  }
246
247
  )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(
247
- Nn,
248
+ wn,
248
249
  {
249
250
  style: { width: "100%", height: "100%" },
250
251
  transitions: !1,
251
252
  ref: O
252
253
  },
253
254
  /* @__PURE__ */ e.createElement(
254
- wn,
255
+ Pn,
255
256
  {
256
257
  text: (ue = a.title) == null ? void 0 : ue.text,
257
258
  font: (me = a.title) == null ? void 0 : me.font,
258
- color: ((he = a.title) == null ? void 0 : he.color) || "#000"
259
+ color: ((xe = a.title) == null ? void 0 : xe.color) || "#000"
259
260
  }
260
261
  ),
261
262
  /* @__PURE__ */ e.createElement(
262
- Pn,
263
+ Vn,
263
264
  {
264
- text: (xe = a.subtitle) == null ? void 0 : xe.text,
265
- font: (Ce = a.subtitle) == null ? void 0 : Ce.font,
266
- color: ((be = a.subtitle) == null ? void 0 : be.color) || "#000"
265
+ text: (Ce = a.subtitle) == null ? void 0 : Ce.text,
266
+ font: (be = a.subtitle) == null ? void 0 : be.font,
267
+ color: ((he = a.subtitle) == null ? void 0 : he.color) || "#000"
267
268
  }
268
269
  ),
269
- /* @__PURE__ */ e.createElement(Vn, { background: (Se = a.area) == null ? void 0 : Se.background, margin: W }),
270
- a.categoryAxis && /* @__PURE__ */ e.createElement(Bn, null, a.categoryAxis.map((t, r) => /* @__PURE__ */ e.createElement(
271
- Mn,
270
+ /* @__PURE__ */ e.createElement(Mn, { background: (Se = a.area) == null ? void 0 : Se.background, margin: N }),
271
+ a.categoryAxis && /* @__PURE__ */ e.createElement(Bn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
272
+ Rn,
272
273
  {
273
- key: r,
274
+ key: o,
274
275
  categories: t.categories,
275
276
  title: t.title && {
276
277
  text: t.title.text,
@@ -285,10 +286,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
285
286
  reverse: t.reverse
286
287
  }
287
288
  ))),
288
- a.valueAxis && /* @__PURE__ */ e.createElement(Rn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
289
- Dn,
289
+ a.valueAxis && /* @__PURE__ */ e.createElement(Wn, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
290
+ Kn,
290
291
  {
291
- key: r,
292
+ key: o,
292
293
  title: t.title && {
293
294
  text: t.title.text,
294
295
  font: t.title.font,
@@ -302,17 +303,17 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
302
303
  }
303
304
  }
304
305
  ))),
305
- /* @__PURE__ */ e.createElement(Kn, null, a.series.map((t, r) => /* @__PURE__ */ e.createElement(
306
+ /* @__PURE__ */ e.createElement(Dn, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(
306
307
  On,
307
308
  {
308
- key: String(t.name) + r,
309
+ key: String(t.name) + o,
309
310
  ...t
310
311
  }
311
312
  ))),
312
- /* @__PURE__ */ e.createElement(Xn, null, a.categoryAxis.map((t, r) => /* @__PURE__ */ e.createElement(
313
+ /* @__PURE__ */ e.createElement(Xn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
313
314
  Gn,
314
315
  {
315
- key: r,
316
+ key: o,
316
317
  categories: t.categories,
317
318
  title: t.title && {
318
319
  text: t.title.text,
@@ -327,10 +328,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
327
328
  }
328
329
  }
329
330
  ))),
330
- /* @__PURE__ */ e.createElement(Hn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
331
+ /* @__PURE__ */ e.createElement(Hn, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
331
332
  Yn,
332
333
  {
333
- key: r,
334
+ key: o,
334
335
  title: t.title && {
335
336
  text: t.title.text,
336
337
  font: t.title.font,
@@ -348,77 +349,77 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
348
349
  jn,
349
350
  {
350
351
  visible: (ve = a.legend) == null ? void 0 : ve.visible,
351
- position: (Le = a.legend) == null ? void 0 : Le.position,
352
+ position: (fe = a.legend) == null ? void 0 : fe.position,
352
353
  labels: {
353
- color: ((Ae = (Ee = a.legend) == null ? void 0 : Ee.labels) == null ? void 0 : Ae.color) || void 0,
354
- font: ((pe = (ke = a.legend) == null ? void 0 : ke.labels) == null ? void 0 : pe.font) || void 0
354
+ color: ((Ee = (Le = a.legend) == null ? void 0 : Le.labels) == null ? void 0 : Ee.color) || void 0,
355
+ font: ((Ae = (ke = a.legend) == null ? void 0 : ke.labels) == null ? void 0 : Ae.font) || void 0
355
356
  }
356
357
  }
357
358
  )
358
359
  ))),
359
- /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(qn, { selected: Wl, onSelect: Nl, animation: !1 }, /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(xt, n[xt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
360
+ /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(qn, { selected: Nl, onSelect: wl, animation: !1 }, /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Ct, n[Ct]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
360
361
  S,
361
362
  {
362
363
  style: { maxWidth: "576px" },
363
- title: l.toLanguageString(Ct, n[Ct]),
364
+ title: l.toLanguageString(bt, n[bt]),
364
365
  expanded: _,
365
366
  tabIndex: 0,
366
367
  onAction: il
367
368
  },
368
- /* @__PURE__ */ e.createElement(L, null, _ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && X, onClick: Pl, icon: er }, l.toLanguageString(bt, n[bt])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && G, onClick: Vl, icon: tr }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && H, onClick: Bl, icon: ar }, l.toLanguageString(vt, n[vt])))))
369
+ /* @__PURE__ */ e.createElement(f, null, _ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(I, { selected: m === "bar" && X, onClick: Vl, icon: eo, iconName: "chart-bar-clustered" }, l.toLanguageString(ht, n[ht])), /* @__PURE__ */ e.createElement(I, { selected: m === "bar" && G, onClick: Ml, icon: to, iconName: "chart-bar-stacked" }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(I, { selected: m === "bar" && H, onClick: Bl, icon: ao, iconName: "chart-bar-stacked100" }, l.toLanguageString(vt, n[vt])))))
369
370
  ), /* @__PURE__ */ e.createElement(
370
371
  S,
371
372
  {
372
373
  style: { maxWidth: "576px" },
373
- title: l.toLanguageString(Lt, n[Lt]),
374
+ title: l.toLanguageString(ft, n[ft]),
374
375
  expanded: $,
375
376
  tabIndex: 0,
376
377
  onAction: sl
377
378
  },
378
- /* @__PURE__ */ e.createElement(L, null, $ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "pie", onClick: Gl, icon: lr }, l.toLanguageString(Et, n[Et])))))
379
+ /* @__PURE__ */ e.createElement(f, null, $ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(I, { selected: m === "pie", onClick: Gl, icon: lo, iconName: "chart-pie" }, l.toLanguageString(Lt, n[Lt])))))
379
380
  ), /* @__PURE__ */ e.createElement(
380
381
  S,
381
382
  {
382
383
  style: { maxWidth: "576px" },
383
- title: l.toLanguageString(At, n[At]),
384
+ title: l.toLanguageString(Et, n[Et]),
384
385
  expanded: ee,
385
386
  tabIndex: 0,
386
- onAction: gl
387
+ onAction: dl
387
388
  },
388
- /* @__PURE__ */ e.createElement(L, null, ee && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "column" && X, onClick: Ml, icon: nr }, l.toLanguageString(kt, n[kt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && G, onClick: Rl, icon: rr }, l.toLanguageString(pt, n[pt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && H, onClick: Dl, icon: or }, l.toLanguageString(Ft, n[Ft])))))
389
+ /* @__PURE__ */ e.createElement(f, null, ee && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(I, { selected: m === "column" && X, onClick: Rl, icon: no, iconName: "chart-column-clustered" }, l.toLanguageString(kt, n[kt])), /* @__PURE__ */ e.createElement(I, { selected: m === "column" && G, onClick: Wl, icon: oo, iconName: "chart-column-stacked" }, l.toLanguageString(At, n[At])), /* @__PURE__ */ e.createElement(I, { selected: m === "column" && H, onClick: Kl, icon: ro, iconName: "chart-column-stacked100" }, l.toLanguageString(pt, n[pt])))))
389
390
  ), /* @__PURE__ */ e.createElement(
390
391
  S,
391
392
  {
392
393
  style: { maxWidth: "576px" },
393
- title: l.toLanguageString(ft, n[ft]),
394
+ title: l.toLanguageString(yt, n[yt]),
394
395
  expanded: te,
395
396
  tabIndex: 0,
396
397
  onAction: ml
397
398
  },
398
- /* @__PURE__ */ e.createElement(L, null, te && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "line" && X, onClick: Kl, icon: ir }, l.toLanguageString(zt, n[zt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && G, onClick: Ol, icon: cr }, l.toLanguageString(yt, n[yt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && H, onClick: Xl, icon: sr }, l.toLanguageString(Tt, n[Tt])))))
399
+ /* @__PURE__ */ e.createElement(f, null, te && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(I, { selected: m === "line" && X, onClick: Dl, icon: io, iconName: "chart-line" }, l.toLanguageString(Tt, n[Tt])), /* @__PURE__ */ e.createElement(I, { selected: m === "line" && G, onClick: Ol, icon: co, iconName: "chart-line-stacked" }, l.toLanguageString(Ft, n[Ft])), /* @__PURE__ */ e.createElement(I, { selected: m === "line" && H, onClick: Xl, icon: so, iconName: "chart-line-stacked100" }, l.toLanguageString(It, n[It])))))
399
400
  ), /* @__PURE__ */ e.createElement(
400
401
  S,
401
402
  {
402
403
  style: { maxWidth: "576px" },
403
- title: l.toLanguageString(Wt, n[Wt]),
404
+ title: l.toLanguageString(Nt, n[Nt]),
404
405
  expanded: ae,
405
406
  tabIndex: 0,
406
- onAction: xl
407
+ onAction: Cl
407
408
  },
408
- /* @__PURE__ */ e.createElement(L, null, ae && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "scatter", onClick: Hl, icon: dr }, l.toLanguageString(It, n[It])))))
409
- ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Nt, n[Nt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
409
+ /* @__PURE__ */ e.createElement(f, null, ae && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(I, { selected: m === "scatter", onClick: Hl, icon: go, iconName: "chart-scatter" }, l.toLanguageString(zt, n[zt])))))
410
+ ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(wt, n[wt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
410
411
  S,
411
412
  {
412
413
  style: { maxWidth: "576px" },
413
- title: l.toLanguageString(wt, n[wt]),
414
+ title: l.toLanguageString(Pt, n[Pt]),
414
415
  expanded: le,
415
416
  tabIndex: 0,
416
- onAction: bl
417
+ onAction: hl
417
418
  },
418
- /* @__PURE__ */ e.createElement(L, null, le && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
419
- I,
419
+ /* @__PURE__ */ e.createElement(f, null, le && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(
420
+ z,
420
421
  {
421
- legend: m === "scatter" ? l.toLanguageString(Pt, n[Pt]) : l.toLanguageString(Vt, n[Vt])
422
+ legend: m === "scatter" ? l.toLanguageString(Vt, n[Vt]) : l.toLanguageString(Mt, n[Mt])
422
423
  },
423
424
  /* @__PURE__ */ e.createElement(
424
425
  B,
@@ -426,87 +427,87 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
426
427
  data: a.columns || [],
427
428
  value: a.categoryField,
428
429
  onChange: Yl,
429
- ...h
430
+ ...x
430
431
  }
431
432
  )
432
- ), _e(m) && /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Bt, n[Bt]) }, /* @__PURE__ */ e.createElement(
433
- gr,
433
+ ), _e(m) && /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Bt, n[Bt]) }, /* @__PURE__ */ e.createElement(
434
+ uo,
434
435
  {
435
436
  data: a.series,
436
437
  initialData: a.initialSeries,
437
438
  onChange: jl
438
439
  }
439
- )), m === "pie" && /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Mt, n[Mt]) }, /* @__PURE__ */ e.createElement(
440
+ )), m === "pie" && /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Rt, n[Rt]) }, /* @__PURE__ */ e.createElement(
440
441
  B,
441
442
  {
442
443
  data: a.columns || [],
443
444
  value: a.valueField || "",
444
- ...h,
445
+ ...x,
445
446
  onChange: Ul
446
447
  }
447
448
  )))))
448
- ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Rt, n[Rt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
449
+ ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Wt, n[Wt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
449
450
  S,
450
451
  {
451
452
  style: { maxWidth: "576px" },
452
- title: l.toLanguageString(Dt, n[Dt]),
453
+ title: l.toLanguageString(Kt, n[Kt]),
453
454
  expanded: ne,
454
455
  tabIndex: 0,
455
456
  onAction: vl
456
457
  },
457
- /* @__PURE__ */ e.createElement(L, null, ne && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Kt, n[Kt]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Ot, n[Ot]), editorId: "left" }, /* @__PURE__ */ e.createElement(
458
- M,
458
+ /* @__PURE__ */ e.createElement(f, null, ne && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Dt, n[Dt]) }, /* @__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(Ot, n[Ot]), editorId: "left" }, /* @__PURE__ */ e.createElement(
459
+ R,
459
460
  {
460
461
  id: "left",
461
- value: W.left !== void 0 ? W.left : null,
462
+ value: N.left !== void 0 ? N.left : null,
462
463
  onChange: ql,
463
- placeholder: l.toLanguageString(w, n[w]),
464
+ placeholder: l.toLanguageString(P, n[P]),
464
465
  min: 0,
465
466
  max: 1e3,
466
467
  step: 1,
467
468
  fillMode: "outline"
468
469
  }
469
- )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Xt, n[Xt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
470
- M,
470
+ )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Xt, n[Xt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
471
+ R,
471
472
  {
472
473
  id: "right",
473
- value: W.right !== void 0 ? W.right : null,
474
+ value: N.right !== void 0 ? N.right : null,
474
475
  onChange: Jl,
475
- placeholder: l.toLanguageString(w, n[w]),
476
+ placeholder: l.toLanguageString(P, n[P]),
476
477
  min: 0,
477
478
  max: 1e3,
478
479
  step: 1,
479
480
  fillMode: "outline"
480
481
  }
481
- )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
482
- M,
482
+ )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
483
+ R,
483
484
  {
484
485
  id: "top",
485
- value: W.top !== void 0 ? W.top : null,
486
+ value: N.top !== void 0 ? N.top : null,
486
487
  onChange: Ql,
487
- placeholder: l.toLanguageString(w, n[w]),
488
+ placeholder: l.toLanguageString(P, n[P]),
488
489
  min: 0,
489
490
  max: 1e3,
490
491
  step: 1,
491
492
  fillMode: "outline"
492
493
  }
493
- )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Ht, n[Ht]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
494
- M,
494
+ )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Ht, n[Ht]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
495
+ R,
495
496
  {
496
497
  id: "bottom",
497
- value: W.bottom !== void 0 ? W.bottom : null,
498
+ value: N.bottom !== void 0 ? N.bottom : null,
498
499
  onChange: Zl,
499
- placeholder: l.toLanguageString(w, n[w]),
500
+ placeholder: l.toLanguageString(P, n[P]),
500
501
  min: 0,
501
502
  max: 1e3,
502
503
  step: 1,
503
504
  fillMode: "outline"
504
505
  }
505
- )))), /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Yt, n[Yt]) }, /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(jt, n[jt]), editorId: "background" }, /* @__PURE__ */ e.createElement(
506
- N,
506
+ )))), /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Yt, n[Yt]) }, /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(jt, n[jt]), editorId: "background" }, /* @__PURE__ */ e.createElement(
507
+ w,
507
508
  {
508
509
  id: "background",
509
- value: ((Fe = a.area) == null ? void 0 : Fe.background) || "",
510
+ value: ((pe = a.area) == null ? void 0 : pe.background) || "",
510
511
  onChange: _l,
511
512
  view: "gradient",
512
513
  fillMode: "outline"
@@ -517,61 +518,61 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
517
518
  {
518
519
  style: { maxWidth: "576px" },
519
520
  title: l.toLanguageString(Ut, n[Ut]),
520
- expanded: re,
521
+ expanded: oe,
521
522
  tabIndex: 0,
522
- onAction: El
523
+ onAction: Ll
523
524
  },
524
- /* @__PURE__ */ e.createElement(L, null, re && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "apply-to-title", labelText: l.toLanguageString(qt, n[qt]) }, /* @__PURE__ */ e.createElement(
525
+ /* @__PURE__ */ e.createElement(f, null, oe && /* @__PURE__ */ e.createElement(v, 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(
525
526
  B,
526
527
  {
527
528
  id: "apply-to-title",
528
- data: F,
529
+ data: p,
529
530
  textField: "text",
530
531
  dataItemKey: "value",
531
- value: F.find((t) => t.value === f.value),
532
+ value: p.find((t) => t.value === y.value),
532
533
  onChange: en,
533
- ...h
534
+ ...x
534
535
  }
535
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "titleText", labelText: l.toLanguageString(Jt, n[Jt]) }, /* @__PURE__ */ e.createElement(
536
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleText", labelText: l.toLanguageString(Jt, n[Jt]) }, /* @__PURE__ */ e.createElement(
536
537
  j,
537
538
  {
538
539
  id: "titleText",
539
- placeholder: f.value === F[0].value ? F[0].text : F[1].text,
540
- value: D.text,
540
+ placeholder: y.value === p[0].value ? p[0].text : p[1].text,
541
+ value: K.text,
541
542
  onChange: tn,
542
543
  onKeyDown: (t) => t.stopPropagation()
543
544
  }
544
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
545
- E,
545
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
546
+ L,
546
547
  {
547
548
  id: "titleFont",
548
- data: A,
549
+ data: E,
549
550
  textField: "text",
550
551
  dataItemKey: "value",
551
552
  placeholder: l.toLanguageString(Zt, n[Zt]),
552
- value: A.find((t) => t.value === k(D.font).name) || u,
553
+ value: E.find((t) => t.value === k(K.font).name) || u,
553
554
  onChange: an,
554
- itemRender: V,
555
- ...h
555
+ itemRender: M,
556
+ ...x
556
557
  }
557
- )), /* @__PURE__ */ e.createElement(g, { editorId: "titleFontSize", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
558
- E,
558
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "titleFontSize", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
559
+ L,
559
560
  {
560
561
  id: "titleFontSize",
561
- data: p,
562
+ data: A,
562
563
  textField: "text",
563
564
  dataItemKey: "value",
564
565
  placeholder: l.toLanguageString($t, n[$t]),
565
- value: p.find((t) => t.value === k(D.font).size) || u,
566
+ value: A.find((t) => t.value === k(K.font).size) || u,
566
567
  onChange: ln,
567
- itemRender: V,
568
- ...h
568
+ itemRender: M,
569
+ ...x
569
570
  }
570
- )), /* @__PURE__ */ e.createElement(g, { editorId: "titleColor", labelText: l.toLanguageString(ea, n[ea]) }, /* @__PURE__ */ e.createElement(
571
- N,
571
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "titleColor", labelText: l.toLanguageString(ea, n[ea]) }, /* @__PURE__ */ e.createElement(
572
+ w,
572
573
  {
573
574
  id: "titleColor",
574
- value: D.color || "",
575
+ value: K.color || "",
575
576
  onChange: nn,
576
577
  view: "gradient",
577
578
  fillMode: "outline"
@@ -582,104 +583,104 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
582
583
  {
583
584
  style: { maxWidth: "576px" },
584
585
  title: l.toLanguageString(ta, n[ta]),
585
- expanded: oe,
586
+ expanded: re,
586
587
  tabIndex: 0,
587
588
  onAction: kl
588
589
  },
589
- /* @__PURE__ */ e.createElement(L, null, oe && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(g, { editorId: "apply-to-series", labelText: l.toLanguageString(aa, n[aa]) }, /* @__PURE__ */ e.createElement(
590
+ /* @__PURE__ */ e.createElement(f, null, re && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(d, { editorId: "apply-to-series", labelText: l.toLanguageString(aa, n[aa]) }, /* @__PURE__ */ e.createElement(
590
591
  B,
591
592
  {
592
593
  id: "apply-to-series",
593
594
  data: a.series,
594
595
  textField: "name",
595
596
  dataItemKey: "name",
596
- defaultItem: K,
597
+ defaultItem: D,
597
598
  disabled: !_e(m),
598
- value: a.series.find((t) => t.name === C) || K,
599
- onChange: wl,
600
- ...h
599
+ value: a.series.find((t) => t.name === b) || D,
600
+ onChange: Pl,
601
+ ...x
601
602
  }
602
- )), /* @__PURE__ */ e.createElement(g, { editorId: "seriesColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
603
- N,
603
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "seriesColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
604
+ w,
604
605
  {
605
606
  id: "seriesColor",
606
- value: C ? (fe = a.series.find((t) => t.name === C)) == null ? void 0 : fe.color : "",
607
- onChange: rn,
608
- disabled: !C,
607
+ value: b ? (ye = a.series.find((t) => t.name === b)) == null ? void 0 : ye.color : "",
608
+ onChange: on,
609
+ disabled: !b,
609
610
  view: "gradient",
610
611
  fillMode: "outline"
611
612
  }
612
- )), /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
613
+ )), /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
613
614
  Ze,
614
615
  {
615
616
  label: l.toLanguageString(na, n[na]),
616
- checked: C ? (ye = (ze = a.series.find((t) => t.name === C)) == null ? void 0 : ze.labels) == null ? void 0 : ye.visible : a.series.every((t) => {
617
- var r;
618
- return (r = t.labels) == null ? void 0 : r.visible;
617
+ checked: b ? (Fe = (Te = a.series.find((t) => t.name === b)) == null ? void 0 : Te.labels) == null ? void 0 : Fe.visible : a.series.every((t) => {
618
+ var o;
619
+ return (o = t.labels) == null ? void 0 : o.visible;
619
620
  }),
620
- onChange: on
621
+ onChange: rn
621
622
  }
622
623
  )))))
623
624
  ), /* @__PURE__ */ e.createElement(
624
625
  S,
625
626
  {
626
627
  style: { maxWidth: "576px" },
627
- title: l.toLanguageString(ra, n[ra]),
628
+ title: l.toLanguageString(oa, n[oa]),
628
629
  expanded: ie,
629
630
  tabIndex: 0,
630
- onAction: Fl
631
+ onAction: pl
631
632
  },
632
- /* @__PURE__ */ e.createElement(L, null, ie && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(Ja, { editorId: "show-legend" }, l.toLanguageString(oa, n[oa])), /* @__PURE__ */ e.createElement(
633
- ur,
633
+ /* @__PURE__ */ e.createElement(f, null, ie && /* @__PURE__ */ e.createElement(v, 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(Ja, { editorId: "show-legend" }, l.toLanguageString(ra, n[ra])), /* @__PURE__ */ e.createElement(
634
+ mo,
634
635
  {
635
636
  id: "show-legend",
636
- checked: (Te = a.legend) == null ? void 0 : Te.visible,
637
+ checked: (Ie = a.legend) == null ? void 0 : Ie.visible,
637
638
  onChange: cn
638
639
  }
639
- ), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ia, n[ia]) }, /* @__PURE__ */ e.createElement(
640
- E,
640
+ ), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ia, n[ia]) }, /* @__PURE__ */ e.createElement(
641
+ L,
641
642
  {
642
643
  id: "legendLabelsFont",
643
- data: A,
644
+ data: E,
644
645
  textField: "text",
645
646
  dataItemKey: "value",
646
647
  placeholder: l.toLanguageString(ca, n[ca]),
647
- value: A.find((t) => {
648
- var r, d, x;
649
- return t.value === ((x = k(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
648
+ value: E.find((t) => {
649
+ var o, g, C;
650
+ return t.value === ((C = k(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
650
651
  }) || u,
651
- onChange: dn,
652
- itemRender: V,
653
- disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
654
- ...h
652
+ onChange: gn,
653
+ itemRender: M,
654
+ disabled: ((Ne = a.legend) == null ? void 0 : Ne.visible) === !1,
655
+ ...x
655
656
  }
656
- )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsSize", labelText: l.toLanguageString(sa, n[sa]) }, /* @__PURE__ */ e.createElement(
657
- E,
657
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsSize", labelText: l.toLanguageString(sa, n[sa]) }, /* @__PURE__ */ e.createElement(
658
+ L,
658
659
  {
659
660
  id: "legendLabelsSize",
660
- data: p,
661
+ data: A,
661
662
  textField: "text",
662
663
  dataItemKey: "value",
663
- placeholder: l.toLanguageString(da, n[da]),
664
- value: p.find((t) => {
665
- var r, d, x;
666
- return t.value === ((x = k(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
664
+ placeholder: l.toLanguageString(ga, n[ga]),
665
+ value: A.find((t) => {
666
+ var o, g, C;
667
+ return t.value === ((C = k(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
667
668
  }) || u,
668
669
  onChange: sn,
669
- disabled: ((Ie = a.legend) == null ? void 0 : Ie.visible) === !1,
670
- ...h
670
+ disabled: ((ze = a.legend) == null ? void 0 : ze.visible) === !1,
671
+ ...x
671
672
  }
672
- )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsColor", labelText: l.toLanguageString(ga, n[ga]) }, /* @__PURE__ */ e.createElement(
673
- N,
673
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsColor", labelText: l.toLanguageString(da, n[da]) }, /* @__PURE__ */ e.createElement(
674
+ w,
674
675
  {
675
676
  id: "legendLabelsColor",
676
- value: ((we = (Ne = a.legend) == null ? void 0 : Ne.labels) == null ? void 0 : we.color) || "",
677
- onChange: gn,
678
- disabled: ((Pe = a.legend) == null ? void 0 : Pe.visible) === !1,
677
+ value: ((Pe = (we = a.legend) == null ? void 0 : we.labels) == null ? void 0 : Pe.color) || "",
678
+ onChange: dn,
679
+ disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
679
680
  view: "gradient",
680
681
  fillMode: "outline"
681
682
  }
682
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "legendPosition", labelText: l.toLanguageString(ua, n[ua]) }, /* @__PURE__ */ e.createElement(
683
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendPosition", labelText: l.toLanguageString(ua, n[ua]) }, /* @__PURE__ */ e.createElement(
683
684
  B,
684
685
  {
685
686
  id: "legendPosition",
@@ -687,189 +688,189 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
687
688
  textField: "text",
688
689
  dataItemKey: "value",
689
690
  value: J.find((t) => {
690
- var r;
691
- return t.value === ((r = a.legend) == null ? void 0 : r.position);
691
+ var o;
692
+ return t.value === ((o = a.legend) == null ? void 0 : o.position);
692
693
  }),
693
694
  onChange: un,
694
- disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
695
- ...h
695
+ disabled: ((Me = a.legend) == null ? void 0 : Me.visible) === !1,
696
+ ...x
696
697
  }
697
698
  ))))))
698
699
  ), m !== "pie" && /* @__PURE__ */ e.createElement(
699
700
  S,
700
701
  {
701
702
  style: { maxWidth: "576px" },
702
- title: m === "scatter" ? l.toLanguageString(ma, n[ma]) : l.toLanguageString(ha, n[ha]),
703
+ title: m === "scatter" ? l.toLanguageString(ma, n[ma]) : l.toLanguageString(xa, n[xa]),
703
704
  expanded: ce,
704
705
  tabIndex: 0,
705
- onAction: zl
706
+ onAction: Tl
706
707
  },
707
- /* @__PURE__ */ e.createElement(L, null, ce && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(I, { 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(g, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
708
+ /* @__PURE__ */ e.createElement(f, null, ce && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Ca, n[Ca]) }, /* @__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(
708
709
  j,
709
710
  {
710
- placeholder: l.toLanguageString(Ca, n[Ca]),
711
+ placeholder: l.toLanguageString(ba, n[ba]),
711
712
  value: ((Be = a.categoryAxis[0].title) == null ? void 0 : Be.text) || "",
712
713
  onChange: mn,
713
714
  onKeyDown: (t) => t.stopPropagation()
714
715
  }
715
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(ba, n[ba]) }, /* @__PURE__ */ e.createElement(
716
- E,
716
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(ha, n[ha]) }, /* @__PURE__ */ e.createElement(
717
+ L,
717
718
  {
718
719
  id: "categoryAxisTitleFont",
719
- data: A,
720
+ data: E,
720
721
  textField: "text",
721
722
  dataItemKey: "value",
722
- itemRender: V,
723
+ itemRender: M,
723
724
  placeholder: l.toLanguageString(Sa, n[Sa]),
724
- value: A.find((t) => {
725
- var r, d;
726
- return t.value === ((d = k(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
725
+ value: E.find((t) => {
726
+ var o, g;
727
+ return t.value === ((g = k(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
727
728
  }) || u,
728
- onChange: xn,
729
- ...h
729
+ onChange: Cn,
730
+ ...x
730
731
  }
731
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(va, n[va]) }, /* @__PURE__ */ e.createElement(
732
- E,
732
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(va, n[va]) }, /* @__PURE__ */ e.createElement(
733
+ L,
733
734
  {
734
735
  id: "categoryAxisTitleFontSize",
735
- data: p,
736
+ data: A,
736
737
  textField: "text",
737
738
  dataItemKey: "value",
738
- placeholder: l.toLanguageString(La, n[La]),
739
- value: p.find((t) => {
740
- var r, d;
741
- return t.value === ((d = k(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
739
+ placeholder: l.toLanguageString(fa, n[fa]),
740
+ value: A.find((t) => {
741
+ var o, g;
742
+ return t.value === ((g = k(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
742
743
  }) || u,
743
- onChange: hn,
744
- ...h
744
+ onChange: xn,
745
+ ...x
745
746
  }
746
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(Ea, n[Ea]) }, /* @__PURE__ */ e.createElement(
747
- N,
747
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(La, n[La]) }, /* @__PURE__ */ e.createElement(
748
+ w,
748
749
  {
749
750
  id: "categoryAxisTitleColor",
750
751
  view: "gradient",
751
- value: ((Me = a.categoryAxis[0].title) == null ? void 0 : Me.color) || "",
752
- onChange: Cn,
752
+ value: ((Re = a.categoryAxis[0].title) == null ? void 0 : Re.color) || "",
753
+ onChange: bn,
753
754
  fillMode: "outline"
754
755
  }
755
- )))), /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisLabelsFont", labelText: l.toLanguageString(ka, n[ka]) }, /* @__PURE__ */ e.createElement(
756
- E,
756
+ )))), /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Ea, n[Ea]) }, /* @__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(ka, n[ka]) }, /* @__PURE__ */ e.createElement(
757
+ L,
757
758
  {
758
759
  id: "categoryAxisLabelsFont",
759
- data: A,
760
+ data: E,
760
761
  textField: "text",
761
762
  dataItemKey: "value",
762
- placeholder: l.toLanguageString(pa, n[pa]),
763
- value: A.find((t) => {
764
- var r, d;
765
- return t.value === ((d = k(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
763
+ placeholder: l.toLanguageString(Aa, n[Aa]),
764
+ value: E.find((t) => {
765
+ var o, g;
766
+ return t.value === ((g = k(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
766
767
  }) || u,
767
768
  onChange: Sn,
768
- itemRender: V,
769
- ...h
769
+ itemRender: M,
770
+ ...x
770
771
  }
771
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(Fa, n[Fa]) }, /* @__PURE__ */ e.createElement(
772
- E,
772
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(pa, n[pa]) }, /* @__PURE__ */ e.createElement(
773
+ L,
773
774
  {
774
775
  id: "categoryAxisLabelsFontSize",
775
- data: p,
776
+ data: A,
776
777
  textField: "text",
777
778
  dataItemKey: "value",
778
- placeholder: l.toLanguageString(fa, n[fa]),
779
- value: p.find((t) => {
780
- var r, d;
781
- return t.value === ((d = k(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
779
+ placeholder: l.toLanguageString(ya, n[ya]),
780
+ value: A.find((t) => {
781
+ var o, g;
782
+ return t.value === ((g = k(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
782
783
  }) || u,
783
- onChange: bn,
784
- ...h
784
+ onChange: hn,
785
+ ...x
785
786
  }
786
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(za, n[za]) }, /* @__PURE__ */ e.createElement(
787
- N,
787
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(Ta, n[Ta]) }, /* @__PURE__ */ e.createElement(
788
+ w,
788
789
  {
789
790
  id: "categoryAxisLabelsColor",
790
791
  view: "gradient",
791
- value: ((Re = a.categoryAxis[0].labels) == null ? void 0 : Re.color) || "",
792
+ value: ((We = a.categoryAxis[0].labels) == null ? void 0 : We.color) || "",
792
793
  onChange: vn,
793
794
  fillMode: "outline"
794
795
  }
795
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(ya, n[ya]) }, /* @__PURE__ */ e.createElement(
796
- M,
796
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(Fa, n[Fa]) }, /* @__PURE__ */ e.createElement(
797
+ R,
797
798
  {
798
799
  id: "categoryAxisLabelsRotation",
799
- value: typeof ((De = a.categoryAxis[0].labels) == null ? void 0 : De.rotation) == "number" ? (Ke = a.categoryAxis[0].labels) == null ? void 0 : Ke.rotation : null,
800
- placeholder: l.toLanguageString(Ta, n[Ta]),
801
- onChange: Ln,
800
+ value: typeof ((Ke = a.categoryAxis[0].labels) == null ? void 0 : Ke.rotation) == "number" ? (De = a.categoryAxis[0].labels) == null ? void 0 : De.rotation : null,
801
+ placeholder: l.toLanguageString(Ia, n[Ia]),
802
+ onChange: fn,
802
803
  fillMode: "outline",
803
804
  min: -360,
804
805
  max: 360,
805
806
  step: 1
806
807
  }
807
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
808
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
808
809
  Ze,
809
810
  {
810
- label: l.toLanguageString(Wa, n[Wa]),
811
+ label: l.toLanguageString(Na, n[Na]),
811
812
  checked: a.categoryAxis[0].reverse || !1,
812
- onChange: En
813
+ onChange: Ln
813
814
  }
814
815
  )))))))
815
816
  ), m !== "pie" && /* @__PURE__ */ e.createElement(
816
817
  S,
817
818
  {
818
819
  style: { maxWidth: "576px" },
819
- title: m === "scatter" ? l.toLanguageString(Ia, n[Ia]) : l.toLanguageString(Na, n[Na]),
820
+ title: m === "scatter" ? l.toLanguageString(za, n[za]) : l.toLanguageString(wa, n[wa]),
820
821
  expanded: se,
821
822
  tabIndex: 0,
822
- onAction: Tl
823
+ onAction: Il
823
824
  },
824
- /* @__PURE__ */ e.createElement(L, null, se && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(wa, n[wa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
825
+ /* @__PURE__ */ e.createElement(f, null, se && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(z, { 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" }, /* @__PURE__ */ e.createElement(
825
826
  j,
826
827
  {
827
- placeholder: l.toLanguageString(Pa, n[Pa]),
828
+ placeholder: l.toLanguageString(Va, n[Va]),
828
829
  value: ((Xe = (Oe = a.valueAxis[0]) == null ? void 0 : Oe.title) == null ? void 0 : Xe.text) || "",
829
- onChange: An,
830
+ onChange: En,
830
831
  onKeyDown: (t) => t.stopPropagation()
831
832
  }
832
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Va, n[Va]) }, /* @__PURE__ */ e.createElement(
833
- E,
833
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Ma, n[Ma]) }, /* @__PURE__ */ e.createElement(
834
+ L,
834
835
  {
835
836
  id: "valueAxisTitleFont",
836
- data: A,
837
+ data: E,
837
838
  textField: "text",
838
839
  dataItemKey: "value",
839
- itemRender: V,
840
+ itemRender: M,
840
841
  placeholder: l.toLanguageString(Ba, n[Ba]),
841
- value: A.find((t) => {
842
- var r, d, x;
843
- return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
842
+ value: E.find((t) => {
843
+ var o, g, C;
844
+ return t.value === ((C = k(((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
844
845
  }) || u,
845
- onChange: pn,
846
- ...h
846
+ onChange: An,
847
+ ...x
847
848
  }
848
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Ma, n[Ma]) }, /* @__PURE__ */ e.createElement(
849
- E,
849
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Ra, n[Ra]) }, /* @__PURE__ */ e.createElement(
850
+ L,
850
851
  {
851
852
  id: "valueAxisTitleFontSize",
852
- data: p,
853
+ data: A,
853
854
  textField: "text",
854
855
  dataItemKey: "value",
855
- placeholder: l.toLanguageString(Ra, n[Ra]),
856
- value: p.find((t) => {
857
- var r, d, x;
858
- return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
856
+ placeholder: l.toLanguageString(Wa, n[Wa]),
857
+ value: A.find((t) => {
858
+ var o, g, C;
859
+ return t.value === ((C = k(((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
859
860
  }) || u,
860
861
  onChange: kn,
861
- ...h
862
+ ...x
862
863
  }
863
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
864
- N,
864
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Ka, n[Ka]) }, /* @__PURE__ */ e.createElement(
865
+ w,
865
866
  {
866
867
  id: "valueAxisTitleColor",
867
868
  view: "gradient",
868
869
  value: ((He = (Ge = a.valueAxis[0]) == null ? void 0 : Ge.title) == null ? void 0 : He.color) || "",
869
- onChange: Fn,
870
+ onChange: pn,
870
871
  fillMode: "outline"
871
872
  }
872
- )))), /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Ka, n[Ka]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisLabelsFormat", labelText: l.toLanguageString(Oa, n[Oa]) }, /* @__PURE__ */ e.createElement(
873
+ )))), /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Da, n[Da]) }, /* @__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(Oa, n[Oa]) }, /* @__PURE__ */ e.createElement(
873
874
  B,
874
875
  {
875
876
  id: "valueAxisLabelsFormat",
@@ -878,59 +879,59 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
878
879
  dataItemKey: "value",
879
880
  defaultItem: Q,
880
881
  value: Z.find((t) => {
881
- var r, d;
882
- return t.value === ((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.format);
882
+ var o, g;
883
+ return t.value === ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.format);
883
884
  }) || Q,
884
- onChange: Wn,
885
- ...h
885
+ onChange: Nn,
886
+ ...x
886
887
  }
887
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement(
888
- E,
888
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement(
889
+ L,
889
890
  {
890
891
  id: "valueAxisLabelsFont",
891
- data: A,
892
+ data: E,
892
893
  textField: "text",
893
894
  dataItemKey: "value",
894
895
  placeholder: l.toLanguageString(Ga, n[Ga]),
895
- value: A.find((t) => {
896
- var r, d, x;
897
- return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
896
+ value: E.find((t) => {
897
+ var o, g, C;
898
+ return t.value === ((C = k(((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
898
899
  }) || u,
899
- onChange: zn,
900
- itemRender: V,
901
- ...h
900
+ onChange: Tn,
901
+ itemRender: M,
902
+ ...x
902
903
  }
903
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ha, n[Ha]) }, /* @__PURE__ */ e.createElement(
904
- E,
904
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ha, n[Ha]) }, /* @__PURE__ */ e.createElement(
905
+ L,
905
906
  {
906
907
  id: "valueAxisLabelsFontSize",
907
- data: p,
908
+ data: A,
908
909
  textField: "text",
909
910
  dataItemKey: "value",
910
911
  placeholder: l.toLanguageString(Ya, n[Ya]),
911
- value: p.find((t) => {
912
- var r, d, x;
913
- return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
912
+ value: A.find((t) => {
913
+ var o, g, C;
914
+ return t.value === ((C = k(((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
914
915
  }) || u,
915
- onChange: fn,
916
- ...h
916
+ onChange: yn,
917
+ ...x
917
918
  }
918
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(ja, n[ja]) }, /* @__PURE__ */ e.createElement(
919
- N,
919
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(ja, n[ja]) }, /* @__PURE__ */ e.createElement(
920
+ w,
920
921
  {
921
922
  id: "valueAxisLabelsColor",
922
923
  view: "gradient",
923
924
  value: ((je = (Ye = a.valueAxis[0]) == null ? void 0 : Ye.labels) == null ? void 0 : je.color) || "",
924
- onChange: yn,
925
+ onChange: Fn,
925
926
  fillMode: "outline"
926
927
  }
927
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
928
- M,
928
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
929
+ R,
929
930
  {
930
931
  id: "valueAxisLabelsRotation",
931
932
  value: typeof ((qe = (Ue = a.valueAxis[0]) == null ? void 0 : Ue.labels) == null ? void 0 : qe.rotation) == "number" ? (Qe = (Je = a.valueAxis[0]) == null ? void 0 : Je.labels) == null ? void 0 : Qe.rotation : null,
932
933
  placeholder: l.toLanguageString(qa, n[qa]),
933
- onChange: Tn,
934
+ onChange: In,
934
935
  fillMode: "outline",
935
936
  min: -360,
936
937
  max: 360,
@@ -942,5 +943,5 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
942
943
  );
943
944
  };
944
945
  export {
945
- Dr as ChartWizard
946
+ Do as ChartWizard
946
947
  };