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

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