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

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 (14) hide show
  1. package/ChartWizard.js +1 -1
  2. package/ChartWizard.mjs +550 -521
  3. package/SeriesGrid.js +1 -1
  4. package/SeriesGrid.mjs +20 -20
  5. package/chart-wizard-state.js +1 -1
  6. package/chart-wizard-state.mjs +117 -101
  7. package/dist/cdn/js/kendo-react-chart-wizard.js +1 -1
  8. package/grid-integration/get-grid-selected-rows.js +1 -1
  9. package/grid-integration/get-grid-selected-rows.mjs +18 -16
  10. package/index.d.mts +17 -1
  11. package/index.d.ts +17 -1
  12. package/messages.js +1 -1
  13. package/messages.mjs +196 -196
  14. package/package.json +15 -15
package/ChartWizard.mjs CHANGED
@@ -7,271 +7,296 @@
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";
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 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";
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 = {
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%" }, 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 = [
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
- ], K = {
42
- name: l.toLanguageString(rt, n[rt])
43
- }, Q = {
44
- text: l.toLanguageString(ot, n[ot]),
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) => {
51
- var r;
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);
57
+ }, _ = [
58
+ { value: "n0", text: l.toLanguageString(gt, n[gt]) },
59
+ { value: "c0", text: l.toLanguageString(dt, n[dt]) },
60
+ { value: "p0", text: l.toLanguageString(ut, n[ut]) }
61
+ ], H = e.useRef(null), _a = e.useCallback((t) => {
62
+ var o;
63
+ if (H.current) {
64
+ const g = new ko(H.current, Ao(r.exportOptions));
65
+ (o = r.onExport) == null || o.call(r, g), g.isDefaultPrevented() || t.item.exportHandler.call(void 0, g);
55
66
  }
56
- }, [o.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 }]), rl = e.useCallback((t) => {
61
- nl(t.newState);
62
- }, []), [_, ol] = e.useState(!0), il = e.useCallback((t) => {
63
- ol(!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, dl] = e.useState(!0), gl = e.useCallback((t) => {
75
+ }, []), [te, dl] = e.useState(!0), ul = e.useCallback((t) => {
67
76
  dl(!t.expanded);
68
- }, []), [te, ul] = e.useState(!0), ml = e.useCallback((t) => {
69
- ul(!t.expanded);
70
- }, []), [ae, hl] = e.useState(!0), xl = e.useCallback((t) => {
71
- hl(!t.expanded);
77
+ }, []), [ae, ml] = e.useState(!0), xl = e.useCallback((t) => {
78
+ ml(!t.expanded);
72
79
  }, []), [le, Cl] = e.useState(!0), bl = e.useCallback((t) => {
73
80
  Cl(!t.expanded);
74
- }, []), [ne, Sl] = e.useState(!0), vl = e.useCallback((t) => {
75
- Sl(!t.expanded);
76
- }, []), [re, Ll] = e.useState(!0), El = e.useCallback((t) => {
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) => {
77
86
  Ll(!t.expanded);
78
- }, []), [oe, kl] = e.useState(!0), Al = e.useCallback((t) => {
87
+ }, []), [ie, kl] = e.useState(!1), Al = e.useCallback((t) => {
79
88
  kl(!t.expanded);
80
- }, []), [ie, pl] = e.useState(!0), Fl = e.useCallback((t) => {
89
+ }, []), [se, pl] = e.useState(!1), yl = e.useCallback((t) => {
81
90
  pl(!t.expanded);
82
- }, []), [ce, fl] = e.useState(!0), zl = e.useCallback((t) => {
83
- fl(!t.expanded);
84
- }, []), [se, yl] = e.useState(!0), Tl = e.useCallback((t) => {
85
- 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) => {
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));
91
+ }, []), [ce, Tl] = e.useState(!1), Il = e.useCallback((t) => {
92
+ Tl(!t.expanded);
93
+ }, []), [ge, Fl] = e.useState(!1), Nl = e.useCallback((t) => {
94
+ Fl(!t.expanded);
95
+ }, []), [de, wl] = e.useState(!1), zl = e.useCallback((t) => {
96
+ wl(!t.expanded);
97
+ }, []), [Pl, Vl] = e.useState(0), Ml = e.useCallback((t) => {
98
+ Vl(t.selected);
99
+ }, []), [a, i] = e.useState(fo(r.data, "bar", r.defaultState)), ue = e.useRef(a);
100
+ ue.current = a;
101
+ const Rl = e.useCallback(
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) => {
114
+ const o = t.target.value.name;
115
+ v(o === X.name ? "" : o);
116
+ }, []), Wl = e.useCallback(() => {
117
+ i(T(a, I(r.data, "bar"))), v("");
118
+ }, [a, r.data]), Kl = e.useCallback(() => {
119
+ const t = T(a, I(r.data, "bar"));
120
+ i(c(t, s.stacked, q)), v("");
121
+ }, [a, r.data]), Dl = e.useCallback(() => {
122
+ const t = T(a, I(r.data, "bar"));
123
+ i(c(t, s.stacked, J)), v("");
124
+ }, [a, r.data]), Hl = e.useCallback(() => {
125
+ i(T(a, I(r.data, "column"))), v("");
126
+ }, [a, r.data]), Ol = e.useCallback(() => {
127
+ const t = T(a, I(r.data, "column"));
128
+ i(c(t, s.stacked, q)), v("");
129
+ }, [a, r.data]), Xl = e.useCallback(() => {
130
+ const t = T(a, I(r.data, "column"));
131
+ i(c(t, s.stacked, J)), v("");
132
+ }, [a, r.data]), Gl = e.useCallback(() => {
133
+ i(T(a, I(r.data, "line"))), v("");
134
+ }, [a, r.data]), Yl = e.useCallback(() => {
135
+ const t = T(a, I(r.data, "line"));
136
+ i(c(t, s.stacked, q)), v("");
137
+ }, [a, r.data]), jl = e.useCallback(() => {
138
+ const t = T(a, I(r.data, "line"));
139
+ i(c(t, s.stacked, J)), v("");
140
+ }, [a, r.data]), Ul = e.useCallback(() => {
141
+ i(T(a, I(r.data, "pie"))), v("");
142
+ }, [a, r.data]), $l = e.useCallback(() => {
143
+ i(T(a, I(r.data, "scatter"))), v("");
144
+ }, [a, r.data]), ql = e.useCallback((t) => {
145
+ i(c(a, s.categoryAxisX, t.target.value));
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]), W = a.area.margin, _l = e.useCallback((t) => {
134
- i(s(a, c.areaBackground, t.value));
135
- }, [a]), [f, $l] = e.useState(F[0]), en = e.useCallback((t) => {
136
- $l(t.target.value);
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) => {
154
- i(s(a, c.legendVisible, t.value));
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));
161
- }, [a]), gn = e.useCallback((t) => {
162
- i(s(a, c.legendColor, t.value));
163
- }, [a]), un = e.useCallback((t) => {
164
- const r = t.target.value;
165
- i(s(a, c.legendPosition, r.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));
168
- }, [a]), hn = e.useCallback((t) => {
169
- const r = t.target.value || u;
170
- i(s(a, c.categoryAxisTitleFontSize, r.value));
181
+ const o = t.target.value || u;
182
+ W(o) && i(c(a, s.legendFontSize, o.value));
171
183
  }, [a]), xn = e.useCallback((t) => {
172
- const r = t.target.value || u;
173
- i(s(a, c.categoryAxisTitleFontName, r.value));
184
+ const o = t.target.value || u;
185
+ i(c(a, s.legendFontName, o.value));
174
186
  }, [a]), Cn = e.useCallback((t) => {
175
- i(s(a, c.categoryAxisTitleColor, t.value));
187
+ i(c(a, s.legendColor, t.value));
176
188
  }, [a]), bn = e.useCallback((t) => {
177
- const r = t.target.value || u;
178
- i(s(a, c.categoryAxisLabelsFontSize, r.value));
179
- }, [a]), Sn = e.useCallback((t) => {
180
- const r = t.target.value || u;
181
- i(s(a, c.categoryAxisLabelsFontName, r.value));
189
+ const o = t.target.value;
190
+ i(c(a, s.legendPosition, o.value));
191
+ }, [a]), hn = e.useCallback((t) => {
192
+ i(c(a, s.categoryAxisTitleText, t.target.value));
193
+ }, [a]), fn = e.useCallback((t) => {
194
+ const o = t.target.value || u;
195
+ W(o) && i(c(a, s.categoryAxisTitleFontSize, o.value));
182
196
  }, [a]), vn = e.useCallback((t) => {
183
- i(s(a, c.categoryAxisLabelsColor, t.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));
184
201
  }, [a]), Ln = e.useCallback((t) => {
185
- i(s(a, c.categoryAxisLabelsRotation, t.target.value));
202
+ const o = t.target.value || u;
203
+ W(o) && i(c(a, s.categoryAxisLabelsFontSize, o.value));
186
204
  }, [a]), En = e.useCallback((t) => {
187
- i(s(a, c.categoryAxisReverseOrder, t.value));
205
+ const o = t.target.value || u;
206
+ i(c(a, s.categoryAxisLabelsFontName, o.value));
188
207
  }, [a]), kn = e.useCallback((t) => {
189
- i(s(a, c.valueAxisTitleText, t.target.value));
208
+ i(c(a, s.categoryAxisLabelsColor, t.value));
190
209
  }, [a]), An = e.useCallback((t) => {
191
- const r = t.target.value || u;
192
- i(s(a, c.valueAxisTitleFontSize, r.value));
210
+ i(c(a, s.categoryAxisLabelsRotation, t.target.value));
193
211
  }, [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
- 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));
212
+ i(c(a, s.categoryAxisReverseOrder, t.value));
204
213
  }, [a]), yn = e.useCallback((t) => {
205
- i(s(a, c.valueAxisLabelsColor, t.value));
214
+ i(c(a, s.valueAxisTitleText, t.target.value));
206
215
  }, [a]), Tn = e.useCallback((t) => {
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%";
216
+ const o = t.target.value || u;
217
+ W(o) && i(c(a, s.valueAxisTitleFontSize, o.value));
218
+ }, [a]), In = e.useCallback((t) => {
219
+ const o = t.target.value || u;
220
+ i(c(a, s.valueAxisTitleFontName, o.value));
221
+ }, [a]), Fn = e.useCallback((t) => {
222
+ i(c(a, s.valueAxisTitleColor, t.value));
223
+ }, [a]), Nn = e.useCallback((t) => {
224
+ const o = t.target.value || u;
225
+ W(o) && i(c(a, s.valueAxisLabelsFontSize, o.value));
226
+ }, [a]), wn = e.useCallback((t) => {
227
+ const o = t.target.value || u;
228
+ i(c(a, s.valueAxisLabelsFontName, o.value));
229
+ }, [a]), zn = e.useCallback((t) => {
230
+ i(c(a, s.valueAxisLabelsColor, t.value));
231
+ }, [a]), Pn = e.useCallback((t) => {
232
+ i(c(a, s.valueAxisLabelsRotation, t.target.value));
233
+ }, [a]), Vn = e.useCallback((t) => {
234
+ const o = t.target.value;
235
+ i(c(a, s.valueAxisLabelsFormat, o.value));
236
+ }, [a]), m = a.seriesType, D = typeof ((me = a.series[0]) == null ? void 0 : me.stack) == "object" ? (xe = a.series[0]) == null ? void 0 : xe.stack : !1, G = D === !1, Y = D && D.type === "normal", j = D && D.type === "100%";
212
237
  return /* @__PURE__ */ e.createElement(
213
- In,
238
+ Mn,
214
239
  {
215
- title: l.toLanguageString(dt, n[dt]),
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
- onClose: o.onClose,
221
- onResize: tl,
222
- stage: $a,
223
- onStageChange: al,
224
- ...Za
245
+ onClose: r.onClose,
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: rl,
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(gt, n[gt]),
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: 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]) }
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
- Nn,
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
- wn,
280
+ Bn,
256
281
  {
257
- text: (ue = a.title) == null ? void 0 : ue.text,
258
- font: (me = a.title) == null ? void 0 : me.font,
282
+ text: (Ce = a.title) == null ? void 0 : Ce.text,
283
+ font: (be = a.title) == null ? void 0 : be.font,
259
284
  color: ((he = a.title) == null ? void 0 : he.color) || "#000"
260
285
  }
261
286
  ),
262
287
  /* @__PURE__ */ e.createElement(
263
- Pn,
288
+ Wn,
264
289
  {
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"
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(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,
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
- key: r,
299
+ key: o,
275
300
  categories: t.categories,
276
301
  title: t.title && {
277
302
  text: t.title.text,
@@ -286,10 +311,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
286
311
  reverse: t.reverse
287
312
  }
288
313
  ))),
289
- a.valueAxis && /* @__PURE__ */ e.createElement(Rn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
290
- Dn,
314
+ a.valueAxis && /* @__PURE__ */ e.createElement(On, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
315
+ Xn,
291
316
  {
292
- key: r,
317
+ key: o,
293
318
  title: t.title && {
294
319
  text: t.title.text,
295
320
  font: t.title.font,
@@ -303,17 +328,17 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
303
328
  }
304
329
  }
305
330
  ))),
306
- /* @__PURE__ */ e.createElement(Kn, null, a.series.map((t, r) => /* @__PURE__ */ e.createElement(
307
- On,
331
+ /* @__PURE__ */ e.createElement(Gn, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(
332
+ Yn,
308
333
  {
309
- key: String(t.name) + r,
334
+ key: String(t.name) + o,
310
335
  ...t
311
336
  }
312
337
  ))),
313
- /* @__PURE__ */ e.createElement(Xn, null, a.categoryAxis.map((t, r) => /* @__PURE__ */ e.createElement(
314
- Gn,
338
+ /* @__PURE__ */ e.createElement(jn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
339
+ Un,
315
340
  {
316
- key: r,
341
+ key: o,
317
342
  categories: t.categories,
318
343
  title: t.title && {
319
344
  text: t.title.text,
@@ -328,10 +353,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
328
353
  }
329
354
  }
330
355
  ))),
331
- /* @__PURE__ */ e.createElement(Hn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
332
- Yn,
356
+ /* @__PURE__ */ e.createElement($n, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
357
+ qn,
333
358
  {
334
- key: r,
359
+ key: o,
335
360
  title: t.title && {
336
361
  text: t.title.text,
337
362
  font: t.title.font,
@@ -346,169 +371,169 @@ const I = (o) => /* @__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: (Le = a.legend) == null ? void 0 : Le.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: ((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
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: Wl, onSelect: Nl, animation: !1 }, /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(xt, n[xt]) }, /* @__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(Ct, n[Ct]),
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(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])))))
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(Lt, n[Lt]),
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(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])))))
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(kt, n[kt]),
385
- expanded: ee,
409
+ title: l.toLanguageString(pt, n[pt]),
410
+ expanded: ae,
386
411
  tabIndex: 0,
387
- onAction: gl
412
+ onAction: xl
388
413
  },
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])))))
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(ft, n[ft]),
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(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])))))
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(Wt, n[Wt]),
405
- expanded: ae,
429
+ title: l.toLanguageString(Pt, n[Pt]),
430
+ expanded: ne,
406
431
  tabIndex: 0,
407
- onAction: xl
432
+ onAction: fl
408
433
  },
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(
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(wt, n[wt]),
415
- expanded: le,
439
+ title: l.toLanguageString(Rt, n[Rt]),
440
+ expanded: oe,
416
441
  tabIndex: 0,
417
- onAction: bl
442
+ onAction: Sl
418
443
  },
419
- /* @__PURE__ */ e.createElement(L, null, le && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
420
- I,
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(Pt, n[Pt]) : l.toLanguageString(Vt, n[Vt])
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,
430
- ...h
454
+ onChange: ql,
455
+ ...x
431
456
  }
432
457
  )
433
- ), _e(m) && /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Bt, n[Bt]) }, /* @__PURE__ */ e.createElement(
434
- gr,
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(I, { legend: l.toLanguageString(Mt, n[Mt]) }, /* @__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
- ...h,
446
- onChange: Ul
470
+ ...x,
471
+ onChange: Ql
447
472
  }
448
473
  )))))
449
- ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Rt, n[Rt]) }, /* @__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(Dt, n[Dt]),
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(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,
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
- value: W.left !== void 0 ? W.left : null,
463
- onChange: ql,
464
- placeholder: l.toLanguageString(w, n[w]),
487
+ value: N.left !== void 0 ? N.left : null,
488
+ onChange: Zl,
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(g, { labelText: l.toLanguageString(Xt, n[Xt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
471
- M,
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
- value: W.right !== void 0 ? W.right : null,
475
- onChange: Jl,
476
- placeholder: l.toLanguageString(w, n[w]),
499
+ value: N.right !== void 0 ? N.right : null,
500
+ onChange: _l,
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(g, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
483
- M,
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
- value: W.top !== void 0 ? W.top : null,
487
- onChange: Ql,
488
- placeholder: l.toLanguageString(w, n[w]),
511
+ value: N.top !== void 0 ? N.top : null,
512
+ onChange: en,
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(g, { labelText: l.toLanguageString(Ht, n[Ht]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
495
- M,
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
- value: W.bottom !== void 0 ? W.bottom : null,
499
- onChange: Zl,
500
- placeholder: l.toLanguageString(w, n[w]),
523
+ value: N.bottom !== void 0 ? N.bottom : null,
524
+ onChange: tn,
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(I, { legend: l.toLanguageString(Yt, n[Yt]) }, /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(jt, n[jt]), editorId: "background" }, /* @__PURE__ */ e.createElement(
507
- N,
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: ((Fe = a.area) == null ? void 0 : Fe.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 I = (o) => /* @__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: re,
545
+ title: l.toLanguageString(Jt, n[Jt]),
546
+ expanded: ie,
522
547
  tabIndex: 0,
523
- onAction: El
548
+ onAction: Al
524
549
  },
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(
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: F,
554
+ data: h,
530
555
  textField: "text",
531
556
  dataItemKey: "value",
532
- value: F.find((t) => t.value === f.value),
533
- onChange: en,
534
- ...h
557
+ value: h.find((t) => t.value === y.value),
558
+ onChange: nn,
559
+ ...x
535
560
  }
536
- )), /* @__PURE__ */ e.createElement(g, { 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: f.value === F[0].value ? F[0].text : F[1].text,
541
- value: D.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(g, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
546
- E,
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: k,
573
+ data: A,
550
574
  textField: "text",
551
575
  dataItemKey: "value",
552
- placeholder: l.toLanguageString(Zt, n[Zt]),
553
- value: k.find((t) => t.value === A(D.font).name) || u,
554
- onChange: an,
555
- itemRender: V,
556
- ...h
576
+ placeholder: l.toLanguageString(ea, n[ea]),
577
+ value: A.find((t) => t.value === p(O.font).name) || u,
578
+ onChange: rn,
579
+ itemRender: M,
580
+ ...x
557
581
  }
558
- )), /* @__PURE__ */ e.createElement(g, { editorId: "titleFontSize", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
559
- E,
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: p,
586
+ data: b,
563
587
  textField: "text",
564
588
  dataItemKey: "value",
565
- placeholder: l.toLanguageString($t, n[$t]),
566
- value: p.find((t) => t.value === A(D.font).size) || u,
567
- onChange: ln,
568
- itemRender: V,
569
- ...h
589
+ placeholder: l.toLanguageString(aa, n[aa]),
590
+ value: b.find((t) => t.value === p(O.font).size) || u,
591
+ onChange: sn,
592
+ itemRender: M,
593
+ allowCustom: !0,
594
+ ...x
570
595
  }
571
- )), /* @__PURE__ */ e.createElement(g, { editorId: "titleColor", labelText: l.toLanguageString(ea, n[ea]) }, /* @__PURE__ */ e.createElement(
572
- N,
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: D.color || "",
576
- onChange: nn,
600
+ value: O.color || "",
601
+ onChange: cn,
577
602
  view: "gradient",
578
603
  fillMode: "outline"
579
604
  }
@@ -582,356 +607,359 @@ const I = (o) => /* @__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: oe,
610
+ title: l.toLanguageString(na, n[na]),
611
+ expanded: se,
587
612
  tabIndex: 0,
588
- onAction: Al
613
+ onAction: yl
589
614
  },
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(
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: K,
598
- disabled: !_e(m),
599
- value: a.series.find((t) => t.name === C) || K,
600
- onChange: wl,
601
- ...h
622
+ defaultItem: X,
623
+ disabled: !tt(m),
624
+ value: a.series.find((t) => t.name === f) || X,
625
+ onChange: Bl,
626
+ ...x
602
627
  }
603
- )), /* @__PURE__ */ e.createElement(g, { editorId: "seriesColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
604
- N,
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: C ? (fe = a.series.find((t) => t.name === C)) == null ? void 0 : fe.color : "",
608
- onChange: rn,
609
- disabled: !C,
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
- )), /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
614
- Ze,
638
+ )), /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
639
+ et,
615
640
  {
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;
641
+ label: l.toLanguageString(ia, n[ia]),
642
+ checked: f ? (we = (Ne = a.series.find((t) => t.name === f)) == null ? void 0 : Ne.labels) == null ? void 0 : we.visible : a.series.every((t) => {
643
+ var o;
644
+ return (o = t.labels) == null ? void 0 : o.visible;
620
645
  }),
621
- onChange: on
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(ra, n[ra]),
629
- expanded: ie,
653
+ title: l.toLanguageString(sa, n[sa]),
654
+ expanded: ce,
630
655
  tabIndex: 0,
631
- onAction: Fl
656
+ onAction: Il
632
657
  },
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,
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: (Te = a.legend) == null ? void 0 : Te.visible,
638
- onChange: cn
662
+ checked: (ze = a.legend) == null ? void 0 : ze.visible,
663
+ onChange: un
639
664
  }
640
- ), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ia, n[ia]) }, /* @__PURE__ */ e.createElement(
641
- E,
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: k,
669
+ data: A,
645
670
  textField: "text",
646
671
  dataItemKey: "value",
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);
672
+ placeholder: l.toLanguageString(da, n[da]),
673
+ value: A.find((t) => {
674
+ var o, g, C;
675
+ return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
651
676
  }) || u,
652
- onChange: dn,
653
- itemRender: V,
654
- disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
655
- ...h
677
+ onChange: xn,
678
+ itemRender: M,
679
+ disabled: ((Pe = a.legend) == null ? void 0 : Pe.visible) === !1,
680
+ ...x
656
681
  }
657
- )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsSize", labelText: l.toLanguageString(sa, n[sa]) }, /* @__PURE__ */ e.createElement(
658
- E,
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: p,
686
+ data: b,
662
687
  textField: "text",
663
688
  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);
689
+ placeholder: l.toLanguageString(ma, n[ma]),
690
+ value: b.find((t) => {
691
+ var o, g, C;
692
+ return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
668
693
  }) || u,
669
- onChange: sn,
670
- disabled: ((Ie = a.legend) == null ? void 0 : Ie.visible) === !1,
671
- ...h
694
+ onChange: mn,
695
+ disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
696
+ allowCustom: !0,
697
+ ...x
672
698
  }
673
- )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsColor", labelText: l.toLanguageString(ga, n[ga]) }, /* @__PURE__ */ e.createElement(
674
- N,
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: ((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,
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(g, { 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) => {
691
- var r;
692
- return t.value === ((r = a.legend) == null ? void 0 : r.position);
716
+ value: Q.find((t) => {
717
+ var o;
718
+ return t.value === ((o = a.legend) == null ? void 0 : o.position);
693
719
  }),
694
- onChange: un,
695
- disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
696
- ...h
720
+ onChange: bn,
721
+ disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
722
+ ...x
697
723
  }
698
724
  ))))))
699
725
  ), m !== "pie" && /* @__PURE__ */ e.createElement(
700
726
  S,
701
727
  {
702
728
  style: { maxWidth: "576px" },
703
- title: m === "scatter" ? l.toLanguageString(ma, n[ma]) : l.toLanguageString(ha, n[ha]),
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: zl
732
+ onAction: Nl
707
733
  },
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(
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(Ca, n[Ca]),
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(g, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(ba, n[ba]) }, /* @__PURE__ */ e.createElement(
717
- E,
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: k,
745
+ data: A,
721
746
  textField: "text",
722
747
  dataItemKey: "value",
723
- itemRender: V,
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);
748
+ itemRender: M,
749
+ placeholder: l.toLanguageString(La, n[La]),
750
+ value: A.find((t) => {
751
+ var o, g;
752
+ return t.value === ((g = p(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
728
753
  }) || u,
729
- onChange: xn,
730
- ...h
754
+ onChange: vn,
755
+ ...x
731
756
  }
732
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(va, n[va]) }, /* @__PURE__ */ e.createElement(
733
- E,
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: p,
761
+ data: b,
737
762
  textField: "text",
738
763
  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);
764
+ placeholder: l.toLanguageString(ka, n[ka]),
765
+ value: b.find((t) => {
766
+ var o, g;
767
+ return t.value === ((g = p(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
743
768
  }) || u,
744
- onChange: hn,
745
- ...h
769
+ onChange: fn,
770
+ allowCustom: !0,
771
+ ...x
746
772
  }
747
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(Ea, n[Ea]) }, /* @__PURE__ */ e.createElement(
748
- N,
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: ((Me = a.categoryAxis[0].title) == null ? void 0 : Me.color) || "",
753
- onChange: Cn,
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(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,
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: k,
786
+ data: A,
761
787
  textField: "text",
762
788
  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);
789
+ placeholder: l.toLanguageString(Ta, n[Ta]),
790
+ value: A.find((t) => {
791
+ var o, g;
792
+ return t.value === ((g = p(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
767
793
  }) || u,
768
- onChange: Sn,
769
- itemRender: V,
770
- ...h
794
+ onChange: En,
795
+ itemRender: M,
796
+ ...x
771
797
  }
772
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(Fa, n[Fa]) }, /* @__PURE__ */ e.createElement(
773
- E,
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: p,
802
+ data: b,
777
803
  textField: "text",
778
804
  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);
805
+ placeholder: l.toLanguageString(Fa, n[Fa]),
806
+ value: b.find((t) => {
807
+ var o, g;
808
+ return t.value === ((g = p(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
783
809
  }) || u,
784
- onChange: bn,
785
- ...h
810
+ onChange: Ln,
811
+ allowCustom: !0,
812
+ ...x
786
813
  }
787
- )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(za, n[za]) }, /* @__PURE__ */ e.createElement(
788
- N,
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: ((Re = a.categoryAxis[0].labels) == null ? void 0 : Re.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(g, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(ya, n[ya]) }, /* @__PURE__ */ e.createElement(
797
- M,
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 ((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,
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
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
809
- Ze,
835
+ )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
836
+ et,
810
837
  {
811
- label: l.toLanguageString(Wa, n[Wa]),
838
+ label: l.toLanguageString(Pa, n[Pa]),
812
839
  checked: a.categoryAxis[0].reverse || !1,
813
- onChange: En
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(Ia, n[Ia]) : l.toLanguageString(Na, n[Na]),
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: Tl
850
+ onAction: zl
824
851
  },
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(
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(Pa, n[Pa]),
829
- value: ((Xe = (Oe = a.valueAxis[0]) == null ? void 0 : Oe.title) == null ? void 0 : Xe.text) || "",
830
- onChange: kn,
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(g, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Va, n[Va]) }, /* @__PURE__ */ e.createElement(
834
- E,
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: k,
863
+ data: A,
838
864
  textField: "text",
839
865
  dataItemKey: "value",
840
- itemRender: V,
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);
866
+ itemRender: M,
867
+ placeholder: l.toLanguageString(Ka, n[Ka]),
868
+ value: A.find((t) => {
869
+ var o, g, C;
870
+ return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
845
871
  }) || u,
846
- onChange: pn,
847
- ...h
872
+ onChange: In,
873
+ ...x
848
874
  }
849
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Ma, n[Ma]) }, /* @__PURE__ */ e.createElement(
850
- E,
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: p,
879
+ data: b,
854
880
  textField: "text",
855
881
  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);
882
+ placeholder: l.toLanguageString(Ha, n[Ha]),
883
+ value: b.find((t) => {
884
+ var o, g, C;
885
+ return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.title) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
860
886
  }) || u,
861
- onChange: An,
862
- ...h
887
+ onChange: Tn,
888
+ allowCustom: !0,
889
+ ...x
863
890
  }
864
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
865
- N,
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) || "",
896
+ value: ((Ue = (je = a.valueAxis[0]) == null ? void 0 : je.title) == null ? void 0 : Ue.color) || "",
870
897
  onChange: Fn,
871
898
  fillMode: "outline"
872
899
  }
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(
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) => {
882
- var r, d;
883
- return t.value === ((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.format);
884
- }) || Q,
885
- onChange: Wn,
886
- ...h
907
+ defaultItem: Z,
908
+ value: _.find((t) => {
909
+ var o, g;
910
+ return t.value === ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.format);
911
+ }) || Z,
912
+ onChange: Vn,
913
+ ...x
887
914
  }
888
- )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement(
889
- E,
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: k,
919
+ data: A,
893
920
  textField: "text",
894
921
  dataItemKey: "value",
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);
922
+ placeholder: l.toLanguageString(ja, n[ja]),
923
+ value: A.find((t) => {
924
+ var o, g, C;
925
+ return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
899
926
  }) || u,
900
- onChange: zn,
901
- itemRender: V,
902
- ...h
927
+ onChange: wn,
928
+ itemRender: M,
929
+ ...x
903
930
  }
904
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ha, n[Ha]) }, /* @__PURE__ */ e.createElement(
905
- E,
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: p,
935
+ data: b,
909
936
  textField: "text",
910
937
  dataItemKey: "value",
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);
938
+ placeholder: l.toLanguageString($a, n[$a]),
939
+ value: b.find((t) => {
940
+ var o, g, C;
941
+ return t.value === ((C = p(((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
915
942
  }) || u,
916
- onChange: fn,
917
- ...h
943
+ onChange: Nn,
944
+ allowCustom: !0,
945
+ ...x
918
946
  }
919
- )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(ja, n[ja]) }, /* @__PURE__ */ e.createElement(
920
- N,
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: yn,
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(g, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
929
- M,
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: Tn,
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 I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
941
969
  )))))
942
970
  )
943
971
  );
944
- };
972
+ });
973
+ No.displayName = "ChartWizard";
945
974
  export {
946
- Dr as ChartWizard
975
+ No as ChartWizard
947
976
  };