@progress/kendo-react-chart-wizard 8.3.0-develop.1 → 8.3.0-develop.3

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 (8) hide show
  1. package/ChartWizard.js +1 -1
  2. package/ChartWizard.mjs +390 -390
  3. package/SeriesGrid.js +1 -1
  4. package/SeriesGrid.mjs +20 -20
  5. package/dist/cdn/js/kendo-react-chart-wizard.js +1 -1
  6. package/messages.js +1 -1
  7. package/messages.mjs +196 -196
  8. package/package.json +14 -14
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 k, parseFont as A, fontSizes as p } from "./chart-wizard-state.mjs";
21
- import { classNames as hr, IconWrap 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 kt, chartWizardChartColumnChartColumn as At, 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 ka, chartWizardFormatCategoryAxisLabelsFont as Aa, 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 kr } 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, { name: o.iconName, 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, ke, Ae, 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, kl] = e.useState(!0), Al = e.useCallback((t) => {
79
- kl(!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]), kn = e.useCallback((t) => {
188
+ }, [a]), En = e.useCallback((t) => {
189
189
  i(s(a, c.valueAxisTitleText, t.target.value));
190
+ }, [a]), kn = e.useCallback((t) => {
191
+ const o = t.target.value || u;
192
+ i(s(a, c.valueAxisTitleFontSize, o.value));
190
193
  }, [a]), An = e.useCallback((t) => {
191
- const r = t.target.value || u;
192
- i(s(a, c.valueAxisTitleFontSize, r.value));
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,51 +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
239
  icon: "export",
240
240
  onItemClick: Qa,
241
241
  items: [
242
- { svgIcon: Zn, icon: "file-pdf", exportHandler: Lr, text: l.toLanguageString(ut, n[ut]) },
243
- { svgIcon: _n, icon: "file", exportHandler: Er, text: l.toLanguageString(mt, n[mt]) },
244
- { svgIcon: $n, icon: "file-image", exportHandler: kr, 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]) }
245
245
  ]
246
246
  }
247
247
  )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(
248
- Nn,
248
+ wn,
249
249
  {
250
250
  style: { width: "100%", height: "100%" },
251
251
  transitions: !1,
252
252
  ref: O
253
253
  },
254
254
  /* @__PURE__ */ e.createElement(
255
- wn,
255
+ Pn,
256
256
  {
257
257
  text: (ue = a.title) == null ? void 0 : ue.text,
258
258
  font: (me = a.title) == null ? void 0 : me.font,
259
- color: ((he = a.title) == null ? void 0 : he.color) || "#000"
259
+ color: ((xe = a.title) == null ? void 0 : xe.color) || "#000"
260
260
  }
261
261
  ),
262
262
  /* @__PURE__ */ e.createElement(
263
- Pn,
263
+ Vn,
264
264
  {
265
- text: (xe = a.subtitle) == null ? void 0 : xe.text,
266
- font: (Ce = a.subtitle) == null ? void 0 : Ce.font,
267
- 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"
268
268
  }
269
269
  ),
270
- /* @__PURE__ */ e.createElement(Vn, { background: (Se = a.area) == null ? void 0 : Se.background, margin: W }),
271
- a.categoryAxis && /* @__PURE__ */ e.createElement(Bn, null, a.categoryAxis.map((t, r) => /* @__PURE__ */ e.createElement(
272
- 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,
273
273
  {
274
- key: r,
274
+ key: o,
275
275
  categories: t.categories,
276
276
  title: t.title && {
277
277
  text: t.title.text,
@@ -286,10 +286,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
286
286
  reverse: t.reverse
287
287
  }
288
288
  ))),
289
- a.valueAxis && /* @__PURE__ */ e.createElement(Rn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
290
- Dn,
289
+ a.valueAxis && /* @__PURE__ */ e.createElement(Wn, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
290
+ Kn,
291
291
  {
292
- key: r,
292
+ key: o,
293
293
  title: t.title && {
294
294
  text: t.title.text,
295
295
  font: t.title.font,
@@ -303,17 +303,17 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
303
303
  }
304
304
  }
305
305
  ))),
306
- /* @__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(
307
307
  On,
308
308
  {
309
- key: String(t.name) + r,
309
+ key: String(t.name) + o,
310
310
  ...t
311
311
  }
312
312
  ))),
313
- /* @__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(
314
314
  Gn,
315
315
  {
316
- key: r,
316
+ key: o,
317
317
  categories: t.categories,
318
318
  title: t.title && {
319
319
  text: t.title.text,
@@ -328,10 +328,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
328
328
  }
329
329
  }
330
330
  ))),
331
- /* @__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(
332
332
  Yn,
333
333
  {
334
- key: r,
334
+ key: o,
335
335
  title: t.title && {
336
336
  text: t.title.text,
337
337
  font: t.title.font,
@@ -349,77 +349,77 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
349
349
  jn,
350
350
  {
351
351
  visible: (ve = a.legend) == null ? void 0 : ve.visible,
352
- position: (Le = a.legend) == null ? void 0 : Le.position,
352
+ position: (fe = a.legend) == null ? void 0 : fe.position,
353
353
  labels: {
354
- color: ((ke = (Ee = a.legend) == null ? void 0 : Ee.labels) == null ? void 0 : ke.color) || void 0,
355
- font: ((pe = (Ae = a.legend) == null ? void 0 : Ae.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
356
356
  }
357
357
  }
358
358
  )
359
359
  ))),
360
- /* @__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(
361
361
  S,
362
362
  {
363
363
  style: { maxWidth: "576px" },
364
- title: l.toLanguageString(Ct, n[Ct]),
364
+ title: l.toLanguageString(bt, n[bt]),
365
365
  expanded: _,
366
366
  tabIndex: 0,
367
367
  onAction: il
368
368
  },
369
- /* @__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, iconName: "chart-bar-clustered" }, l.toLanguageString(bt, n[bt])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && G, onClick: Vl, icon: tr, iconName: "chart-bar-stacked" }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && H, onClick: Bl, icon: ar, iconName: "chart-bar-stacked100" }, 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])))))
370
370
  ), /* @__PURE__ */ e.createElement(
371
371
  S,
372
372
  {
373
373
  style: { maxWidth: "576px" },
374
- title: l.toLanguageString(Lt, n[Lt]),
374
+ title: l.toLanguageString(ft, n[ft]),
375
375
  expanded: $,
376
376
  tabIndex: 0,
377
377
  onAction: sl
378
378
  },
379
- /* @__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, iconName: "chart-pie" }, 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])))))
380
380
  ), /* @__PURE__ */ e.createElement(
381
381
  S,
382
382
  {
383
383
  style: { maxWidth: "576px" },
384
- title: l.toLanguageString(kt, n[kt]),
384
+ title: l.toLanguageString(Et, n[Et]),
385
385
  expanded: ee,
386
386
  tabIndex: 0,
387
- onAction: gl
387
+ onAction: dl
388
388
  },
389
- /* @__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, iconName: "chart-column-clustered" }, l.toLanguageString(At, n[At])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && G, onClick: Rl, icon: rr, iconName: "chart-column-stacked" }, l.toLanguageString(pt, n[pt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && H, onClick: Dl, icon: or, iconName: "chart-column-stacked100" }, 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])))))
390
390
  ), /* @__PURE__ */ e.createElement(
391
391
  S,
392
392
  {
393
393
  style: { maxWidth: "576px" },
394
- title: l.toLanguageString(ft, n[ft]),
394
+ title: l.toLanguageString(yt, n[yt]),
395
395
  expanded: te,
396
396
  tabIndex: 0,
397
397
  onAction: ml
398
398
  },
399
- /* @__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, iconName: "chart-line" }, l.toLanguageString(zt, n[zt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && G, onClick: Ol, icon: cr, iconName: "chart-line-stacked" }, l.toLanguageString(yt, n[yt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && H, onClick: Xl, icon: sr, iconName: "chart-line-stacked100" }, 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])))))
400
400
  ), /* @__PURE__ */ e.createElement(
401
401
  S,
402
402
  {
403
403
  style: { maxWidth: "576px" },
404
- title: l.toLanguageString(Wt, n[Wt]),
404
+ title: l.toLanguageString(Nt, n[Nt]),
405
405
  expanded: ae,
406
406
  tabIndex: 0,
407
- onAction: xl
407
+ onAction: Cl
408
408
  },
409
- /* @__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, iconName: "chart-scatter" }, l.toLanguageString(It, n[It])))))
410
- ))), /* @__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(
411
411
  S,
412
412
  {
413
413
  style: { maxWidth: "576px" },
414
- title: l.toLanguageString(wt, n[wt]),
414
+ title: l.toLanguageString(Pt, n[Pt]),
415
415
  expanded: le,
416
416
  tabIndex: 0,
417
- onAction: bl
417
+ onAction: hl
418
418
  },
419
- /* @__PURE__ */ e.createElement(L, null, le && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
420
- I,
419
+ /* @__PURE__ */ e.createElement(f, null, le && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(
420
+ z,
421
421
  {
422
- 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])
423
423
  },
424
424
  /* @__PURE__ */ e.createElement(
425
425
  B,
@@ -427,87 +427,87 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
427
427
  data: a.columns || [],
428
428
  value: a.categoryField,
429
429
  onChange: Yl,
430
- ...h
430
+ ...x
431
431
  }
432
432
  )
433
- ), _e(m) && /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Bt, n[Bt]) }, /* @__PURE__ */ e.createElement(
434
- gr,
433
+ ), _e(m) && /* @__PURE__ */ e.createElement(z, { legend: l.toLanguageString(Bt, n[Bt]) }, /* @__PURE__ */ e.createElement(
434
+ uo,
435
435
  {
436
436
  data: a.series,
437
437
  initialData: a.initialSeries,
438
438
  onChange: jl
439
439
  }
440
- )), 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(
441
441
  B,
442
442
  {
443
443
  data: a.columns || [],
444
444
  value: a.valueField || "",
445
- ...h,
445
+ ...x,
446
446
  onChange: Ul
447
447
  }
448
448
  )))))
449
- ))), /* @__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(
450
450
  S,
451
451
  {
452
452
  style: { maxWidth: "576px" },
453
- title: l.toLanguageString(Dt, n[Dt]),
453
+ title: l.toLanguageString(Kt, n[Kt]),
454
454
  expanded: ne,
455
455
  tabIndex: 0,
456
456
  onAction: vl
457
457
  },
458
- /* @__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(
459
- 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,
460
460
  {
461
461
  id: "left",
462
- value: W.left !== void 0 ? W.left : null,
462
+ value: N.left !== void 0 ? N.left : null,
463
463
  onChange: ql,
464
- placeholder: l.toLanguageString(w, n[w]),
464
+ placeholder: l.toLanguageString(P, n[P]),
465
465
  min: 0,
466
466
  max: 1e3,
467
467
  step: 1,
468
468
  fillMode: "outline"
469
469
  }
470
- )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Xt, n[Xt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
471
- M,
470
+ )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Xt, n[Xt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
471
+ R,
472
472
  {
473
473
  id: "right",
474
- value: W.right !== void 0 ? W.right : null,
474
+ value: N.right !== void 0 ? N.right : null,
475
475
  onChange: Jl,
476
- placeholder: l.toLanguageString(w, n[w]),
476
+ placeholder: l.toLanguageString(P, n[P]),
477
477
  min: 0,
478
478
  max: 1e3,
479
479
  step: 1,
480
480
  fillMode: "outline"
481
481
  }
482
- )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
483
- M,
482
+ )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
483
+ R,
484
484
  {
485
485
  id: "top",
486
- value: W.top !== void 0 ? W.top : null,
486
+ value: N.top !== void 0 ? N.top : null,
487
487
  onChange: Ql,
488
- placeholder: l.toLanguageString(w, n[w]),
488
+ placeholder: l.toLanguageString(P, n[P]),
489
489
  min: 0,
490
490
  max: 1e3,
491
491
  step: 1,
492
492
  fillMode: "outline"
493
493
  }
494
- )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Ht, n[Ht]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
495
- M,
494
+ )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Ht, n[Ht]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
495
+ R,
496
496
  {
497
497
  id: "bottom",
498
- value: W.bottom !== void 0 ? W.bottom : null,
498
+ value: N.bottom !== void 0 ? N.bottom : null,
499
499
  onChange: Zl,
500
- placeholder: l.toLanguageString(w, n[w]),
500
+ placeholder: l.toLanguageString(P, n[P]),
501
501
  min: 0,
502
502
  max: 1e3,
503
503
  step: 1,
504
504
  fillMode: "outline"
505
505
  }
506
- )))), /* @__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(
507
- 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,
508
508
  {
509
509
  id: "background",
510
- value: ((Fe = a.area) == null ? void 0 : Fe.background) || "",
510
+ value: ((pe = a.area) == null ? void 0 : pe.background) || "",
511
511
  onChange: _l,
512
512
  view: "gradient",
513
513
  fillMode: "outline"
@@ -518,61 +518,61 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
518
518
  {
519
519
  style: { maxWidth: "576px" },
520
520
  title: l.toLanguageString(Ut, n[Ut]),
521
- expanded: re,
521
+ expanded: oe,
522
522
  tabIndex: 0,
523
- onAction: El
523
+ onAction: Ll
524
524
  },
525
- /* @__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(
526
526
  B,
527
527
  {
528
528
  id: "apply-to-title",
529
- data: F,
529
+ data: p,
530
530
  textField: "text",
531
531
  dataItemKey: "value",
532
- value: F.find((t) => t.value === f.value),
532
+ value: p.find((t) => t.value === y.value),
533
533
  onChange: en,
534
- ...h
534
+ ...x
535
535
  }
536
- )), /* @__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(
537
537
  j,
538
538
  {
539
539
  id: "titleText",
540
- placeholder: f.value === F[0].value ? F[0].text : F[1].text,
541
- value: D.text,
540
+ placeholder: y.value === p[0].value ? p[0].text : p[1].text,
541
+ value: K.text,
542
542
  onChange: tn,
543
543
  onKeyDown: (t) => t.stopPropagation()
544
544
  }
545
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
546
- E,
545
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
546
+ L,
547
547
  {
548
548
  id: "titleFont",
549
- data: k,
549
+ data: E,
550
550
  textField: "text",
551
551
  dataItemKey: "value",
552
552
  placeholder: l.toLanguageString(Zt, n[Zt]),
553
- value: k.find((t) => t.value === A(D.font).name) || u,
553
+ value: E.find((t) => t.value === k(K.font).name) || u,
554
554
  onChange: an,
555
- itemRender: V,
556
- ...h
555
+ itemRender: M,
556
+ ...x
557
557
  }
558
- )), /* @__PURE__ */ e.createElement(g, { editorId: "titleFontSize", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
559
- E,
558
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "titleFontSize", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
559
+ L,
560
560
  {
561
561
  id: "titleFontSize",
562
- data: p,
562
+ data: A,
563
563
  textField: "text",
564
564
  dataItemKey: "value",
565
565
  placeholder: l.toLanguageString($t, n[$t]),
566
- value: p.find((t) => t.value === A(D.font).size) || u,
566
+ value: A.find((t) => t.value === k(K.font).size) || u,
567
567
  onChange: ln,
568
- itemRender: V,
569
- ...h
568
+ itemRender: M,
569
+ ...x
570
570
  }
571
- )), /* @__PURE__ */ e.createElement(g, { editorId: "titleColor", labelText: l.toLanguageString(ea, n[ea]) }, /* @__PURE__ */ e.createElement(
572
- N,
571
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "titleColor", labelText: l.toLanguageString(ea, n[ea]) }, /* @__PURE__ */ e.createElement(
572
+ w,
573
573
  {
574
574
  id: "titleColor",
575
- value: D.color || "",
575
+ value: K.color || "",
576
576
  onChange: nn,
577
577
  view: "gradient",
578
578
  fillMode: "outline"
@@ -583,104 +583,104 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
583
583
  {
584
584
  style: { maxWidth: "576px" },
585
585
  title: l.toLanguageString(ta, n[ta]),
586
- expanded: oe,
586
+ expanded: re,
587
587
  tabIndex: 0,
588
- onAction: Al
588
+ onAction: kl
589
589
  },
590
- /* @__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(
591
591
  B,
592
592
  {
593
593
  id: "apply-to-series",
594
594
  data: a.series,
595
595
  textField: "name",
596
596
  dataItemKey: "name",
597
- defaultItem: K,
597
+ defaultItem: D,
598
598
  disabled: !_e(m),
599
- value: a.series.find((t) => t.name === C) || K,
600
- onChange: wl,
601
- ...h
599
+ value: a.series.find((t) => t.name === b) || D,
600
+ onChange: Pl,
601
+ ...x
602
602
  }
603
- )), /* @__PURE__ */ e.createElement(g, { editorId: "seriesColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
604
- N,
603
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "seriesColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
604
+ w,
605
605
  {
606
606
  id: "seriesColor",
607
- value: C ? (fe = a.series.find((t) => t.name === C)) == null ? void 0 : fe.color : "",
608
- onChange: rn,
609
- disabled: !C,
607
+ value: b ? (ye = a.series.find((t) => t.name === b)) == null ? void 0 : ye.color : "",
608
+ onChange: on,
609
+ disabled: !b,
610
610
  view: "gradient",
611
611
  fillMode: "outline"
612
612
  }
613
- )), /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
613
+ )), /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
614
614
  Ze,
615
615
  {
616
616
  label: l.toLanguageString(na, n[na]),
617
- 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) => {
618
- var r;
619
- 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;
620
620
  }),
621
- onChange: on
621
+ onChange: rn
622
622
  }
623
623
  )))))
624
624
  ), /* @__PURE__ */ e.createElement(
625
625
  S,
626
626
  {
627
627
  style: { maxWidth: "576px" },
628
- title: l.toLanguageString(ra, n[ra]),
628
+ title: l.toLanguageString(oa, n[oa]),
629
629
  expanded: ie,
630
630
  tabIndex: 0,
631
- onAction: Fl
631
+ onAction: pl
632
632
  },
633
- /* @__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(
634
- 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,
635
635
  {
636
636
  id: "show-legend",
637
- checked: (Te = a.legend) == null ? void 0 : Te.visible,
637
+ checked: (Ie = a.legend) == null ? void 0 : Ie.visible,
638
638
  onChange: cn
639
639
  }
640
- ), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ia, n[ia]) }, /* @__PURE__ */ e.createElement(
641
- E,
640
+ ), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ia, n[ia]) }, /* @__PURE__ */ e.createElement(
641
+ L,
642
642
  {
643
643
  id: "legendLabelsFont",
644
- data: k,
644
+ data: E,
645
645
  textField: "text",
646
646
  dataItemKey: "value",
647
647
  placeholder: l.toLanguageString(ca, n[ca]),
648
- value: k.find((t) => {
649
- var r, d, x;
650
- return t.value === ((x = A(((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);
651
651
  }) || u,
652
- onChange: dn,
653
- itemRender: V,
654
- disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
655
- ...h
652
+ onChange: gn,
653
+ itemRender: M,
654
+ disabled: ((Ne = a.legend) == null ? void 0 : Ne.visible) === !1,
655
+ ...x
656
656
  }
657
- )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsSize", labelText: l.toLanguageString(sa, n[sa]) }, /* @__PURE__ */ e.createElement(
658
- E,
657
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsSize", labelText: l.toLanguageString(sa, n[sa]) }, /* @__PURE__ */ e.createElement(
658
+ L,
659
659
  {
660
660
  id: "legendLabelsSize",
661
- data: p,
661
+ data: A,
662
662
  textField: "text",
663
663
  dataItemKey: "value",
664
- placeholder: l.toLanguageString(da, n[da]),
665
- value: p.find((t) => {
666
- var r, d, x;
667
- return t.value === ((x = A(((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);
668
668
  }) || u,
669
669
  onChange: sn,
670
- disabled: ((Ie = a.legend) == null ? void 0 : Ie.visible) === !1,
671
- ...h
670
+ disabled: ((ze = a.legend) == null ? void 0 : ze.visible) === !1,
671
+ ...x
672
672
  }
673
- )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsColor", labelText: l.toLanguageString(ga, n[ga]) }, /* @__PURE__ */ e.createElement(
674
- N,
673
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsColor", labelText: l.toLanguageString(da, n[da]) }, /* @__PURE__ */ e.createElement(
674
+ w,
675
675
  {
676
676
  id: "legendLabelsColor",
677
- value: ((we = (Ne = a.legend) == null ? void 0 : Ne.labels) == null ? void 0 : we.color) || "",
678
- onChange: gn,
679
- 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,
680
680
  view: "gradient",
681
681
  fillMode: "outline"
682
682
  }
683
- )), /* @__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(
684
684
  B,
685
685
  {
686
686
  id: "legendPosition",
@@ -688,189 +688,189 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
688
688
  textField: "text",
689
689
  dataItemKey: "value",
690
690
  value: J.find((t) => {
691
- var r;
692
- 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);
693
693
  }),
694
694
  onChange: un,
695
- disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
696
- ...h
695
+ disabled: ((Me = a.legend) == null ? void 0 : Me.visible) === !1,
696
+ ...x
697
697
  }
698
698
  ))))))
699
699
  ), m !== "pie" && /* @__PURE__ */ e.createElement(
700
700
  S,
701
701
  {
702
702
  style: { maxWidth: "576px" },
703
- 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]),
704
704
  expanded: ce,
705
705
  tabIndex: 0,
706
- onAction: zl
706
+ onAction: Tl
707
707
  },
708
- /* @__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(
709
709
  j,
710
710
  {
711
- placeholder: l.toLanguageString(Ca, n[Ca]),
711
+ placeholder: l.toLanguageString(ba, n[ba]),
712
712
  value: ((Be = a.categoryAxis[0].title) == null ? void 0 : Be.text) || "",
713
713
  onChange: mn,
714
714
  onKeyDown: (t) => t.stopPropagation()
715
715
  }
716
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(ba, n[ba]) }, /* @__PURE__ */ e.createElement(
717
- E,
716
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(ha, n[ha]) }, /* @__PURE__ */ e.createElement(
717
+ L,
718
718
  {
719
719
  id: "categoryAxisTitleFont",
720
- data: k,
720
+ data: E,
721
721
  textField: "text",
722
722
  dataItemKey: "value",
723
- itemRender: V,
723
+ itemRender: M,
724
724
  placeholder: l.toLanguageString(Sa, n[Sa]),
725
- value: k.find((t) => {
726
- var r, d;
727
- return t.value === ((d = A(((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);
728
728
  }) || u,
729
- onChange: xn,
730
- ...h
729
+ onChange: Cn,
730
+ ...x
731
731
  }
732
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(va, n[va]) }, /* @__PURE__ */ e.createElement(
733
- E,
732
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(va, n[va]) }, /* @__PURE__ */ e.createElement(
733
+ L,
734
734
  {
735
735
  id: "categoryAxisTitleFontSize",
736
- data: p,
736
+ data: A,
737
737
  textField: "text",
738
738
  dataItemKey: "value",
739
- placeholder: l.toLanguageString(La, n[La]),
740
- value: p.find((t) => {
741
- var r, d;
742
- return t.value === ((d = A(((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);
743
743
  }) || u,
744
- onChange: hn,
745
- ...h
744
+ onChange: xn,
745
+ ...x
746
746
  }
747
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(Ea, n[Ea]) }, /* @__PURE__ */ e.createElement(
748
- N,
747
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(La, n[La]) }, /* @__PURE__ */ e.createElement(
748
+ w,
749
749
  {
750
750
  id: "categoryAxisTitleColor",
751
751
  view: "gradient",
752
- value: ((Me = a.categoryAxis[0].title) == null ? void 0 : Me.color) || "",
753
- onChange: Cn,
752
+ value: ((Re = a.categoryAxis[0].title) == null ? void 0 : Re.color) || "",
753
+ onChange: bn,
754
754
  fillMode: "outline"
755
755
  }
756
- )))), /* @__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: "categoryAxisLabelsFont", labelText: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement(
757
- 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,
758
758
  {
759
759
  id: "categoryAxisLabelsFont",
760
- data: k,
760
+ data: E,
761
761
  textField: "text",
762
762
  dataItemKey: "value",
763
- placeholder: l.toLanguageString(pa, n[pa]),
764
- value: k.find((t) => {
765
- var r, d;
766
- return t.value === ((d = A(((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);
767
767
  }) || u,
768
768
  onChange: Sn,
769
- itemRender: V,
770
- ...h
769
+ itemRender: M,
770
+ ...x
771
771
  }
772
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(Fa, n[Fa]) }, /* @__PURE__ */ e.createElement(
773
- E,
772
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(pa, n[pa]) }, /* @__PURE__ */ e.createElement(
773
+ L,
774
774
  {
775
775
  id: "categoryAxisLabelsFontSize",
776
- data: p,
776
+ data: A,
777
777
  textField: "text",
778
778
  dataItemKey: "value",
779
- placeholder: l.toLanguageString(fa, n[fa]),
780
- value: p.find((t) => {
781
- var r, d;
782
- return t.value === ((d = A(((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);
783
783
  }) || u,
784
- onChange: bn,
785
- ...h
784
+ onChange: hn,
785
+ ...x
786
786
  }
787
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(za, n[za]) }, /* @__PURE__ */ e.createElement(
788
- N,
787
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(Ta, n[Ta]) }, /* @__PURE__ */ e.createElement(
788
+ w,
789
789
  {
790
790
  id: "categoryAxisLabelsColor",
791
791
  view: "gradient",
792
- value: ((Re = a.categoryAxis[0].labels) == null ? void 0 : Re.color) || "",
792
+ value: ((We = a.categoryAxis[0].labels) == null ? void 0 : We.color) || "",
793
793
  onChange: vn,
794
794
  fillMode: "outline"
795
795
  }
796
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(ya, n[ya]) }, /* @__PURE__ */ e.createElement(
797
- M,
796
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(Fa, n[Fa]) }, /* @__PURE__ */ e.createElement(
797
+ R,
798
798
  {
799
799
  id: "categoryAxisLabelsRotation",
800
- value: typeof ((De = a.categoryAxis[0].labels) == null ? void 0 : De.rotation) == "number" ? (Ke = a.categoryAxis[0].labels) == null ? void 0 : Ke.rotation : null,
801
- placeholder: l.toLanguageString(Ta, n[Ta]),
802
- 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,
803
803
  fillMode: "outline",
804
804
  min: -360,
805
805
  max: 360,
806
806
  step: 1
807
807
  }
808
- )), /* @__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(
809
809
  Ze,
810
810
  {
811
- label: l.toLanguageString(Wa, n[Wa]),
811
+ label: l.toLanguageString(Na, n[Na]),
812
812
  checked: a.categoryAxis[0].reverse || !1,
813
- onChange: En
813
+ onChange: Ln
814
814
  }
815
815
  )))))))
816
816
  ), m !== "pie" && /* @__PURE__ */ e.createElement(
817
817
  S,
818
818
  {
819
819
  style: { maxWidth: "576px" },
820
- 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]),
821
821
  expanded: se,
822
822
  tabIndex: 0,
823
- onAction: Tl
823
+ onAction: Il
824
824
  },
825
- /* @__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(
826
826
  j,
827
827
  {
828
- placeholder: l.toLanguageString(Pa, n[Pa]),
828
+ placeholder: l.toLanguageString(Va, n[Va]),
829
829
  value: ((Xe = (Oe = a.valueAxis[0]) == null ? void 0 : Oe.title) == null ? void 0 : Xe.text) || "",
830
- onChange: kn,
830
+ onChange: En,
831
831
  onKeyDown: (t) => t.stopPropagation()
832
832
  }
833
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Va, n[Va]) }, /* @__PURE__ */ e.createElement(
834
- E,
833
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Ma, n[Ma]) }, /* @__PURE__ */ e.createElement(
834
+ L,
835
835
  {
836
836
  id: "valueAxisTitleFont",
837
- data: k,
837
+ data: E,
838
838
  textField: "text",
839
839
  dataItemKey: "value",
840
- itemRender: V,
840
+ itemRender: M,
841
841
  placeholder: l.toLanguageString(Ba, n[Ba]),
842
- value: k.find((t) => {
843
- var r, d, x;
844
- return t.value === ((x = A(((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);
845
845
  }) || u,
846
- onChange: pn,
847
- ...h
846
+ onChange: An,
847
+ ...x
848
848
  }
849
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Ma, n[Ma]) }, /* @__PURE__ */ e.createElement(
850
- E,
849
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Ra, n[Ra]) }, /* @__PURE__ */ e.createElement(
850
+ L,
851
851
  {
852
852
  id: "valueAxisTitleFontSize",
853
- data: p,
853
+ data: A,
854
854
  textField: "text",
855
855
  dataItemKey: "value",
856
- placeholder: l.toLanguageString(Ra, n[Ra]),
857
- value: p.find((t) => {
858
- var r, d, x;
859
- return t.value === ((x = A(((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);
860
860
  }) || u,
861
- onChange: An,
862
- ...h
861
+ onChange: kn,
862
+ ...x
863
863
  }
864
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
865
- N,
864
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Ka, n[Ka]) }, /* @__PURE__ */ e.createElement(
865
+ w,
866
866
  {
867
867
  id: "valueAxisTitleColor",
868
868
  view: "gradient",
869
869
  value: ((He = (Ge = a.valueAxis[0]) == null ? void 0 : Ge.title) == null ? void 0 : He.color) || "",
870
- onChange: Fn,
870
+ onChange: pn,
871
871
  fillMode: "outline"
872
872
  }
873
- )))), /* @__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(
874
874
  B,
875
875
  {
876
876
  id: "valueAxisLabelsFormat",
@@ -879,59 +879,59 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
879
879
  dataItemKey: "value",
880
880
  defaultItem: Q,
881
881
  value: Z.find((t) => {
882
- var r, d;
883
- 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);
884
884
  }) || Q,
885
- onChange: Wn,
886
- ...h
885
+ onChange: Nn,
886
+ ...x
887
887
  }
888
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement(
889
- E,
888
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement(
889
+ L,
890
890
  {
891
891
  id: "valueAxisLabelsFont",
892
- data: k,
892
+ data: E,
893
893
  textField: "text",
894
894
  dataItemKey: "value",
895
895
  placeholder: l.toLanguageString(Ga, n[Ga]),
896
- value: k.find((t) => {
897
- var r, d, x;
898
- return t.value === ((x = A(((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);
899
899
  }) || u,
900
- onChange: zn,
901
- itemRender: V,
902
- ...h
900
+ onChange: Tn,
901
+ itemRender: M,
902
+ ...x
903
903
  }
904
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ha, n[Ha]) }, /* @__PURE__ */ e.createElement(
905
- E,
904
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ha, n[Ha]) }, /* @__PURE__ */ e.createElement(
905
+ L,
906
906
  {
907
907
  id: "valueAxisLabelsFontSize",
908
- data: p,
908
+ data: A,
909
909
  textField: "text",
910
910
  dataItemKey: "value",
911
911
  placeholder: l.toLanguageString(Ya, n[Ya]),
912
- value: p.find((t) => {
913
- var r, d, x;
914
- return t.value === ((x = A(((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);
915
915
  }) || u,
916
- onChange: fn,
917
- ...h
916
+ onChange: yn,
917
+ ...x
918
918
  }
919
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(ja, n[ja]) }, /* @__PURE__ */ e.createElement(
920
- N,
919
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(ja, n[ja]) }, /* @__PURE__ */ e.createElement(
920
+ w,
921
921
  {
922
922
  id: "valueAxisLabelsColor",
923
923
  view: "gradient",
924
924
  value: ((je = (Ye = a.valueAxis[0]) == null ? void 0 : Ye.labels) == null ? void 0 : je.color) || "",
925
- onChange: yn,
925
+ onChange: Fn,
926
926
  fillMode: "outline"
927
927
  }
928
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
929
- M,
928
+ )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
929
+ R,
930
930
  {
931
931
  id: "valueAxisLabelsRotation",
932
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,
933
933
  placeholder: l.toLanguageString(qa, n[qa]),
934
- onChange: Tn,
934
+ onChange: In,
935
935
  fillMode: "outline",
936
936
  min: -360,
937
937
  max: 360,
@@ -943,5 +943,5 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
943
943
  );
944
944
  };
945
945
  export {
946
- Dr as ChartWizard
946
+ Do as ChartWizard
947
947
  };