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

package/ChartWizard.mjs

@@ -7,270 +7,296 @@
  */
 "use client";
 import * as e from "react";
-import { Window as In } from "@progress/kendo-react-dialogs";
-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";
-import { Splitter as Un, TabStrip as qn, TabStripTab as Y, ExpansionPanel as S, ExpansionPanelContent as v } from "@progress/kendo-react-layout";
-import { DropDownButton as Jn } from "@progress/kendo-react-buttons";
-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";
-import { Reveal as L } from "@progress/kendo-react-animation";
-import { DropDownList as B, ComboBox as E } from "@progress/kendo-react-dropdowns";
-import { SeriesGrid as gr } from "./SeriesGrid.mjs";
-import { NumericTextBox as M, ColorPicker as N, Input as j, Checkbox as Ze, Switch as ur } from "@progress/kendo-react-inputs";
-import { Label as Ja } from "@progress/kendo-react-labels";
-import { createInitialState as mr, mergeStates as z, createState as y, updateState as s, ActionTypes as c, isCategorical as _e, fontNames as A, parseFont as k, fontSizes as p } from "./chart-wizard-state.mjs";
-import { classNames as hr, SvgIcon as xr } from "@progress/kendo-react-common";
-import { FormElement as P, FieldWrapper as Cr } from "@progress/kendo-react-form";
-import { useLocalization as br } from "@progress/kendo-react-intl";
-import { chartWizardFormatTitleChartTitle as $e, messages as n, chartWizardFormatTitleChartSubtitle as et, chartWizardFormatLegendPositionTop as tt, chartWizardFormatLegendPositionBottom as at, chartWizardFormatLegendPositionLeft as lt, chartWizardFormatLegendPositionRight as nt, chartWizardFormatSeriesAllSeries as rt, chartWizardFormatValueAxisLabelsFormatText as ot, chartWizardFormatValueAxisLabelsFormatNumber as it, chartWizardFormatValueAxisLabelsFormatCurrency as ct, chartWizardFormatValueAxisLabelsFormatPercent as st, chartWizardWindowTitle as dt, chartWizardExportButton as gt, chartWizardExportPDFButton as ut, chartWizardExportSVGButton as mt, chartWizardExportPNGButton as ht, chartWizardTabChart as xt, chartWizardChartBarChart as Ct, chartWizardChartBarChartBar as bt, chartWizardChartBarChartStackedBar as St, chartWizardChartBarChart100StackedBar as vt, chartWizardChartPieChart as Lt, chartWizardChartPieChartPie as Et, chartWizardChartColumnChart as At, chartWizardChartColumnChartColumn as kt, chartWizardChartColumnChartStackedColumn as pt, chartWizardChartColumnChart100StackedColumn as Ft, chartWizardChartLineChart as ft, chartWizardChartLineChartLine as zt, chartWizardChartLineChartStackedLine as yt, chartWizardChartLineChart100StackedLine as Tt, chartWizardChartScatterChart as Wt, chartWizardChartScatterChartScatter as It, chartWizardTabData as Nt, chartWizardDataConfiguration as wt, chartWizardDataConfigurationXAxis as Pt, chartWizardDataConfigurationCategoryAxis as Vt, chartWizardDataConfigurationSeries as Bt, chartWizardDataConfigurationValueAxis as Mt, chartWizardTabFormat as Rt, chartWizardFormatChartArea as Dt, chartWizardFormatChartAreaMargins as Kt, chartWizardFormatChartAreaMarginsLeft as Ot, chartWizardFormatChartAreaMarginsAuto as w, chartWizardFormatChartAreaMarginsRight as Xt, chartWizardFormatChartAreaMarginsTop as Gt, chartWizardFormatChartAreaMarginsBottom as Ht, chartWizardFormatChartAreaBackground as Yt, chartWizardFormatChartAreaBackgroundColor as jt, chartWizardFormatTitle as Ut, chartWizardFormatTitleApplyTo as qt, chartWizardFormatTitleLabel as Jt, chartWizardFormatTitleFont as Qt, chartWizardFormatTitleFontPlaceholder as Zt, chartWizardFormatTitleSize as _t, chartWizardFormatTitleSizePlaceholder as $t, chartWizardFormatTitleColor as ea, chartWizardFormatSeries as ta, chartWizardFormatSeriesApplyTo as aa, chartWizardFormatSeriesColor as la, chartWizardFormatSeriesShowLabels as na, chartWizardFormatLegend as ra, chartWizardFormatLegendShowLegend as oa, chartWizardFormatLegendFont as ia, chartWizardFormatLegendFontPlaceholder as ca, chartWizardFormatLegendSize as sa, chartWizardFormatLegendSizePlaceholder as da, chartWizardFormatLegendColor as ga, chartWizardFormatLegendPosition as ua, chartWizardFormatXAxis as ma, chartWizardFormatCategoryAxis as ha, chartWizardFormatCategoryAxisTitle as xa, chartWizardFormatCategoryAxisTitlePlaceholder as Ca, chartWizardFormatCategoryAxisTitleFont as ba, chartWizardFormatCategoryAxisTitleFontPlaceholder as Sa, chartWizardFormatCategoryAxisTitleSize as va, chartWizardFormatCategoryAxisTitleSizePlaceholder as La, chartWizardFormatCategoryAxisTitleColor as Ea, chartWizardFormatCategoryAxisLabels as Aa, chartWizardFormatCategoryAxisLabelsFont as ka, chartWizardFormatCategoryAxisLabelsFontPlaceholder as pa, chartWizardFormatCategoryAxisLabelsSize as Fa, chartWizardFormatCategoryAxisLabelsSizePlaceholder as fa, chartWizardFormatCategoryAxisLabelsColor as za, chartWizardFormatCategoryAxisLabelsRotation as ya, chartWizardFormatCategoryAxisLabelsRotationAuto as Ta, chartWizardFormatCategoryAxisLabelsReverseOrder as Wa, chartWizardFormatYAxis as Ia, chartWizardFormatValueAxis as Na, chartWizardFormatValueAxisTitle as wa, chartWizardFormatValueAxisTitlePlaceholder as Pa, chartWizardFormatValueAxisTitleFont as Va, chartWizardFormatValueAxisTitleFontPlaceholder as Ba, chartWizardFormatValueAxisTitleSize as Ma, chartWizardFormatValueAxisTitleSizePlaceholder as Ra, chartWizardFormatValueAxisTitleColor as Da, chartWizardFormatValueAxisLabels as Ka, chartWizardFormatValueAxisLabelsFormat as Oa, chartWizardFormatValueAxisLabelsFont as Xa, chartWizardFormatValueAxisLabelsFontPlaceholder as Ga, chartWizardFormatValueAxisLabelsSize as Ha, chartWizardFormatValueAxisLabelsSizePlaceholder as Ya, chartWizardFormatValueAxisLabelsColor as ja, chartWizardFormatValueAxisLabelsRotation as Ua, chartWizardFormatValueAxisLabelsRotationAuto as qa } from "./messages.mjs";
-import { ExportEvent as Sr, resolveExportOptions as vr, handlePDFExport as Lr, handleSVGExport as Er, handleImageExport as Ar } from "./export.mjs";
-const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, o.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, o.legend), o.children), g = (o) => /* @__PURE__ */ e.createElement(Cr, { className: o.className }, o.labelText && o.editorId && /* @__PURE__ */ e.createElement(Ja, { className: "k-form-label", editorId: o.editorId }, o.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, o.children)), u = { value: null, text: "" }, V = (o, l) => l.dataItem.style ? e.cloneElement(o, o.props, /* @__PURE__ */ e.createElement("span", { style: l.dataItem.style }, o.props.children)) : o, T = (o) => /* @__PURE__ */ e.createElement("div", { className: hr("k-icon-text-wrapper", { "k-selected": o.selected }), onClick: o.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0 }, /* @__PURE__ */ e.createElement(xr, { icon: o.icon, size: "xlarge", className: "k-svg-i-chart-bar-clustered" })), o.children), h = {
+import { Window as Mn } from "@progress/kendo-react-dialogs";
+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";
+import { Splitter as Qn, TabStrip as Zn, TabStripTab as U, ExpansionPanel as S, ExpansionPanelContent as L } from "@progress/kendo-react-layout";
+import { DropDownButton as _n } from "@progress/kendo-react-buttons";
+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";
+import { Reveal as E } from "@progress/kendo-react-animation";
+import { DropDownList as R, ComboBox as k } from "@progress/kendo-react-dropdowns";
+import { SeriesGrid as bo } from "./SeriesGrid.mjs";
+import { NumericTextBox as B, ColorPicker as z, Input as $, Checkbox as et, Switch as ho } from "@progress/kendo-react-inputs";
+import { Label as Za } from "@progress/kendo-react-labels";
+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";
+import { classNames as vo, IconWrap as So } from "@progress/kendo-react-common";
+import { FormElement as V, FieldWrapper as Lo } from "@progress/kendo-react-form";
+import { useLocalization as Eo } from "@progress/kendo-react-intl";
+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";
+import { ExportEvent as ko, resolveExportOptions as Ao, handlePDFExport as po, handleSVGExport as yo, handleImageExport as To } from "./export.mjs";
+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) => {
+  r.stopPropagation();
+}, 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) => {
+  if (r.text === "")
+    return !0;
+  if (r.value === void 0) {
+    if (!Fo.test(r.text))
+      return !1;
+    r.value = r.text + "px";
+  }
+  return b.find((l) => l.value === r.value) || (b.push(r), b.sort((l, h) => parseInt(l.text, 10) - parseInt(h.text, 10))), !0;
+}, 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 = {
   fillMode: "outline",
   popupSettings: {
     animate: !1
   }
-}, U = { type: "normal" }, q = { type: "100%" }, Dr = (o) => {
-  var de, ge, ue, me, he, xe, Ce, be, Se, ve, Le, Ee, Ae, ke, pe, Fe, fe, ze, ye, Te, We, Ie, Ne, we, Pe, Ve, Be, Me, Re, De, Ke, Oe, Xe, Ge, He, Ye, je, Ue, qe, Je, Qe;
-  const l = br(), F = [
-    { value: "chartTitle", text: l.toLanguageString($e, n[$e]) },
-    { value: "chartSubtitle", text: l.toLanguageString(et, n[et]) }
-  ], J = [
-    { value: "top", text: l.toLanguageString(tt, n[tt]) },
-    { value: "bottom", text: l.toLanguageString(at, n[at]) },
-    { value: "left", text: l.toLanguageString(lt, n[lt]) },
-    { value: "right", text: l.toLanguageString(nt, n[nt]) }
-  ], K = {
-    name: l.toLanguageString(rt, n[rt])
-  }, Q = {
-    text: l.toLanguageString(ot, n[ot]),
+}, q = { type: "normal" }, J = { type: "100%" }, No = e.forwardRef((r, K) => {
+  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;
+  const l = Eo(), h = [
+    { value: "chartTitle", text: l.toLanguageString(at, n[at]) },
+    { value: "chartSubtitle", text: l.toLanguageString(lt, n[lt]) }
+  ], Q = [
+    { value: "top", text: l.toLanguageString(nt, n[nt]) },
+    { value: "bottom", text: l.toLanguageString(ot, n[ot]) },
+    { value: "left", text: l.toLanguageString(rt, n[rt]) },
+    { value: "right", text: l.toLanguageString(it, n[it]) }
+  ], X = {
+    name: l.toLanguageString(st, n[st])
+  }, Z = {
+    text: l.toLanguageString(ct, n[ct]),
     value: ""
-  }, Z = [
-    { value: "n0", text: l.toLanguageString(it, n[it]) },
-    { value: "c0", text: l.toLanguageString(ct, n[ct]) },
-    { value: "p0", text: l.toLanguageString(st, n[st]) }
-  ], O = e.useRef(null), Qa = e.useCallback((t) => {
-    var r;
-    if (O.current) {
-      const d = new Sr(O.current, vr(o.exportOptions));
-      (r = o.onExport) == null || r.call(o, d), d.isDefaultPrevented() || t.item.exportHandler.call(void 0, d);
+  }, _ = [
+    { value: "n0", text: l.toLanguageString(gt, n[gt]) },
+    { value: "c0", text: l.toLanguageString(dt, n[dt]) },
+    { value: "p0", text: l.toLanguageString(ut, n[ut]) }
+  ], H = e.useRef(null), _a = e.useCallback((t) => {
+    var o;
+    if (H.current) {
+      const g = new ko(H.current, Ao(r.exportOptions));
+      (o = r.onExport) == null || o.call(r, g), g.isDefaultPrevented() || t.item.exportHandler.call(void 0, g);
     }
-  }, [o.exportOptions]), [Za, _a] = e.useState({ width: 700, height: 550 }), [$a, el] = e.useState("DEFAULT"), tl = e.useCallback((t) => {
-    _a({ width: t.width, height: t.height });
-  }, []), al = e.useCallback((t) => {
-    el(t.state);
-  }, []), [ll, nl] = e.useState([{ collapsible: !1 }, { size: "300px", collapsible: !1 }]), rl = e.useCallback((t) => {
-    nl(t.newState);
-  }, []), [_, ol] = e.useState(!0), il = e.useCallback((t) => {
-    ol(!t.expanded);
-  }, []), [$, cl] = e.useState(!0), sl = e.useCallback((t) => {
+  }, [r.exportOptions]), [el, tl] = e.useState({ width: 700, height: 550 }), [al, ll] = e.useState("DEFAULT"), nl = e.useCallback((t) => {
+    tl({ width: t.width, height: t.height });
+  }, []), ol = e.useCallback((t) => {
+    ll(t.state);
+  }, []), [rl, il] = e.useState([{ collapsible: !1 }, { size: "300px", collapsible: !1 }]), sl = e.useCallback((t) => {
+    il(t.newState);
+  }, []), [ee, cl] = e.useState(!0), gl = e.useCallback((t) => {
     cl(!t.expanded);
-  }, []), [ee, dl] = e.useState(!0), gl = e.useCallback((t) => {
+  }, []), [te, dl] = e.useState(!0), ul = e.useCallback((t) => {
     dl(!t.expanded);
-  }, []), [te, ul] = e.useState(!0), ml = e.useCallback((t) => {
-    ul(!t.expanded);
-  }, []), [ae, hl] = e.useState(!0), xl = e.useCallback((t) => {
-    hl(!t.expanded);
+  }, []), [ae, ml] = e.useState(!0), xl = e.useCallback((t) => {
+    ml(!t.expanded);
   }, []), [le, Cl] = e.useState(!0), bl = e.useCallback((t) => {
     Cl(!t.expanded);
-  }, []), [ne, Sl] = e.useState(!0), vl = e.useCallback((t) => {
-    Sl(!t.expanded);
-  }, []), [re, Ll] = e.useState(!0), El = e.useCallback((t) => {
+  }, []), [ne, hl] = e.useState(!0), fl = e.useCallback((t) => {
+    hl(!t.expanded);
+  }, []), [oe, vl] = e.useState(!0), Sl = e.useCallback((t) => {
+    vl(!t.expanded);
+  }, []), [re, Ll] = e.useState(!1), El = e.useCallback((t) => {
     Ll(!t.expanded);
-  }, []), [oe, Al] = e.useState(!0), kl = e.useCallback((t) => {
-    Al(!t.expanded);
-  }, []), [ie, pl] = e.useState(!0), Fl = e.useCallback((t) => {
+  }, []), [ie, kl] = e.useState(!1), Al = e.useCallback((t) => {
+    kl(!t.expanded);
+  }, []), [se, pl] = e.useState(!1), yl = e.useCallback((t) => {
     pl(!t.expanded);
-  }, []), [ce, fl] = e.useState(!0), zl = e.useCallback((t) => {
-    fl(!t.expanded);
-  }, []), [se, yl] = e.useState(!0), Tl = e.useCallback((t) => {
-    yl(!t.expanded);
-  }, []), [Wl, Il] = e.useState(0), Nl = e.useCallback((t) => {
-    Il(t.selected);
-  }, []), [a, i] = e.useState(mr(o.data, "bar", o.defaultState)), [C, b] = e.useState(""), wl = e.useCallback((t) => {
-    const r = t.target.value.name;
-    b(r === K.name ? "" : r);
-  }, []), Pl = e.useCallback(() => {
-    i(z(a, y(o.data, "bar"))), b("");
-  }, [a, o.data]), Vl = e.useCallback(() => {
-    const t = z(a, y(o.data, "bar"));
-    i(s(t, c.stacked, U)), b("");
-  }, [a, o.data]), Bl = e.useCallback(() => {
-    const t = z(a, y(o.data, "bar"));
-    i(s(t, c.stacked, q)), b("");
-  }, [a, o.data]), Ml = e.useCallback(() => {
-    i(z(a, y(o.data, "column"))), b("");
-  }, [a, o.data]), Rl = e.useCallback(() => {
-    const t = z(a, y(o.data, "column"));
-    i(s(t, c.stacked, U)), b("");
-  }, [a, o.data]), Dl = e.useCallback(() => {
-    const t = z(a, y(o.data, "column"));
-    i(s(t, c.stacked, q)), b("");
-  }, [a, o.data]), Kl = e.useCallback(() => {
-    i(z(a, y(o.data, "line"))), b("");
-  }, [a, o.data]), Ol = e.useCallback(() => {
-    const t = z(a, y(o.data, "line"));
-    i(s(t, c.stacked, U)), b("");
-  }, [a, o.data]), Xl = e.useCallback(() => {
-    const t = z(a, y(o.data, "line"));
-    i(s(t, c.stacked, q)), b("");
-  }, [a, o.data]), Gl = e.useCallback(() => {
-    i(z(a, y(o.data, "pie"))), b("");
-  }, [a, o.data]), Hl = e.useCallback(() => {
-    i(z(a, y(o.data, "scatter"))), b("");
-  }, [a, o.data]), Yl = e.useCallback((t) => {
-    i(s(a, c.categoryAxisX, t.target.value));
-  }, [a]), jl = e.useCallback((t) => {
-    i(s(a, c.seriesChange, t));
-  }, [a]), Ul = e.useCallback((t) => {
-    i(s(a, c.valueAxisY, t.target.value));
-  }, [a]), ql = e.useCallback((t) => {
-    i(s(a, c.areaMarginLeft, t.target.value));
+  }, []), [ce, Tl] = e.useState(!1), Il = e.useCallback((t) => {
+    Tl(!t.expanded);
+  }, []), [ge, Fl] = e.useState(!1), Nl = e.useCallback((t) => {
+    Fl(!t.expanded);
+  }, []), [de, wl] = e.useState(!1), zl = e.useCallback((t) => {
+    wl(!t.expanded);
+  }, []), [Pl, Vl] = e.useState(0), Ml = e.useCallback((t) => {
+    Vl(t.selected);
+  }, []), [a, i] = e.useState(fo(r.data, "bar", r.defaultState)), ue = e.useRef(a);
+  ue.current = a;
+  const Rl = e.useCallback(
+    () => ({
+      get chart() {
+        return H.current;
+      },
+      get state() {
+        return ue.current;
+      }
+    }),
+    []
+  );
+  e.useImperativeHandle(K, Rl);
+  const [f, v] = e.useState(""), Bl = e.useCallback((t) => {
+    const o = t.target.value.name;
+    v(o === X.name ? "" : o);
+  }, []), Wl = e.useCallback(() => {
+    i(T(a, I(r.data, "bar"))), v("");
+  }, [a, r.data]), Kl = e.useCallback(() => {
+    const t = T(a, I(r.data, "bar"));
+    i(c(t, s.stacked, q)), v("");
+  }, [a, r.data]), Dl = e.useCallback(() => {
+    const t = T(a, I(r.data, "bar"));
+    i(c(t, s.stacked, J)), v("");
+  }, [a, r.data]), Hl = e.useCallback(() => {
+    i(T(a, I(r.data, "column"))), v("");
+  }, [a, r.data]), Ol = e.useCallback(() => {
+    const t = T(a, I(r.data, "column"));
+    i(c(t, s.stacked, q)), v("");
+  }, [a, r.data]), Xl = e.useCallback(() => {
+    const t = T(a, I(r.data, "column"));
+    i(c(t, s.stacked, J)), v("");
+  }, [a, r.data]), Gl = e.useCallback(() => {
+    i(T(a, I(r.data, "line"))), v("");
+  }, [a, r.data]), Yl = e.useCallback(() => {
+    const t = T(a, I(r.data, "line"));
+    i(c(t, s.stacked, q)), v("");
+  }, [a, r.data]), jl = e.useCallback(() => {
+    const t = T(a, I(r.data, "line"));
+    i(c(t, s.stacked, J)), v("");
+  }, [a, r.data]), Ul = e.useCallback(() => {
+    i(T(a, I(r.data, "pie"))), v("");
+  }, [a, r.data]), $l = e.useCallback(() => {
+    i(T(a, I(r.data, "scatter"))), v("");
+  }, [a, r.data]), ql = e.useCallback((t) => {
+    i(c(a, s.categoryAxisX, t.target.value));
   }, [a]), Jl = e.useCallback((t) => {
-    i(s(a, c.areaMarginRight, t.target.value));
+    i(c(a, s.seriesChange, t));
   }, [a]), Ql = e.useCallback((t) => {
-    i(s(a, c.areaMarginTop, t.target.value));
+    i(c(a, s.valueAxisY, t.target.value));
   }, [a]), Zl = e.useCallback((t) => {
-    i(s(a, c.areaMarginBottom, t.target.value));
-  }, [a]), W = a.area.margin, _l = e.useCallback((t) => {
-    i(s(a, c.areaBackground, t.value));
-  }, [a]), [f, $l] = e.useState(F[0]), en = e.useCallback((t) => {
-    $l(t.target.value);
-  }, []), tn = e.useCallback((t) => {
-    const r = f.value === F[0].value ? c.titleText : c.subtitleText;
-    i(s(a, r, t.target.value));
-  }, [a, f]), an = e.useCallback((t) => {
-    const r = f.value === F[0].value ? c.titleFontName : c.subtitleFontName, d = t.target.value || u;
-    i(s(a, r, d.value));
-  }, [a, f]), ln = e.useCallback((t) => {
-    const r = f.value === F[0].value ? c.titleFontSize : c.subtitleFontSize, d = t.target.value || u;
-    i(s(a, r, d.value));
-  }, [a, f]), nn = e.useCallback((t) => {
-    const r = f.value === F[0].value ? c.titleColor : c.subtitleColor;
-    i(s(a, r, t.value));
-  }, [a, f]), D = (f.value === F[0].value ? a.title : a.subtitle) || { text: "", font: "", color: "" }, rn = e.useCallback((t) => {
-    C && i(s(a, c.seriesColor, { seriesName: C, color: t.value }));
-  }, [a, C]), on = e.useCallback((t) => {
-    i(s(a, c.seriesLabel, { seriesName: C, all: !C, visible: t.value }));
-  }, [a, C]), cn = e.useCallback((t) => {
-    i(s(a, c.legendVisible, t.value));
-  }, [a]), sn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.legendFontSize, r.value));
-  }, [a]), dn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.legendFontName, r.value));
-  }, [a]), gn = e.useCallback((t) => {
-    i(s(a, c.legendColor, t.value));
-  }, [a]), un = e.useCallback((t) => {
-    const r = t.target.value;
-    i(s(a, c.legendPosition, r.value));
+    i(c(a, s.areaMarginLeft, t.target.value));
+  }, [a]), _l = e.useCallback((t) => {
+    i(c(a, s.areaMarginRight, t.target.value));
+  }, [a]), en = e.useCallback((t) => {
+    i(c(a, s.areaMarginTop, t.target.value));
+  }, [a]), tn = e.useCallback((t) => {
+    i(c(a, s.areaMarginBottom, t.target.value));
+  }, [a]), N = a.area.margin, an = e.useCallback((t) => {
+    i(c(a, s.areaBackground, t.value));
+  }, [a]), [y, ln] = e.useState(h[0]), nn = e.useCallback((t) => {
+    ln(t.target.value);
+  }, []), on = e.useCallback((t) => {
+    const o = y.value === h[0].value ? s.titleText : s.subtitleText;
+    i(c(a, o, t.target.value));
+  }, [a, y]), rn = e.useCallback((t) => {
+    const o = y.value === h[0].value ? s.titleFontName : s.subtitleFontName, g = t.target.value || u;
+    i(c(a, o, g.value));
+  }, [a, y]), sn = e.useCallback((t) => {
+    const o = y.value === h[0].value ? s.titleFontSize : s.subtitleFontSize, g = t.target.value || u;
+    W(g) && i(c(a, o, g.value));
+  }, [a, y]), cn = e.useCallback((t) => {
+    const o = y.value === h[0].value ? s.titleColor : s.subtitleColor;
+    i(c(a, o, t.value));
+  }, [a, y]), O = (y.value === h[0].value ? a.title : a.subtitle) || { text: "", font: "", color: "" }, gn = e.useCallback((t) => {
+    f && i(c(a, s.seriesColor, { seriesName: f, color: t.value }));
+  }, [a, f]), dn = e.useCallback((t) => {
+    i(c(a, s.seriesLabel, { seriesName: f, all: !f, visible: t.value }));
+  }, [a, f]), un = e.useCallback((t) => {
+    i(c(a, s.legendVisible, t.value));
   }, [a]), mn = e.useCallback((t) => {
-    i(s(a, c.categoryAxisTitleText, t.target.value));
-  }, [a]), hn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.categoryAxisTitleFontSize, r.value));
+    const o = t.target.value || u;
+    W(o) && i(c(a, s.legendFontSize, o.value));
   }, [a]), xn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.categoryAxisTitleFontName, r.value));
+    const o = t.target.value || u;
+    i(c(a, s.legendFontName, o.value));
   }, [a]), Cn = e.useCallback((t) => {
-    i(s(a, c.categoryAxisTitleColor, t.value));
+    i(c(a, s.legendColor, t.value));
   }, [a]), bn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.categoryAxisLabelsFontSize, r.value));
-  }, [a]), Sn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.categoryAxisLabelsFontName, r.value));
+    const o = t.target.value;
+    i(c(a, s.legendPosition, o.value));
+  }, [a]), hn = e.useCallback((t) => {
+    i(c(a, s.categoryAxisTitleText, t.target.value));
+  }, [a]), fn = e.useCallback((t) => {
+    const o = t.target.value || u;
+    W(o) && i(c(a, s.categoryAxisTitleFontSize, o.value));
   }, [a]), vn = e.useCallback((t) => {
-    i(s(a, c.categoryAxisLabelsColor, t.value));
+    const o = t.target.value || u;
+    i(c(a, s.categoryAxisTitleFontName, o.value));
+  }, [a]), Sn = e.useCallback((t) => {
+    i(c(a, s.categoryAxisTitleColor, t.value));
   }, [a]), Ln = e.useCallback((t) => {
-    i(s(a, c.categoryAxisLabelsRotation, t.target.value));
+    const o = t.target.value || u;
+    W(o) && i(c(a, s.categoryAxisLabelsFontSize, o.value));
   }, [a]), En = e.useCallback((t) => {
-    i(s(a, c.categoryAxisReverseOrder, t.value));
-  }, [a]), An = e.useCallback((t) => {
-    i(s(a, c.valueAxisTitleText, t.target.value));
+    const o = t.target.value || u;
+    i(c(a, s.categoryAxisLabelsFontName, o.value));
   }, [a]), kn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.valueAxisTitleFontSize, r.value));
+    i(c(a, s.categoryAxisLabelsColor, t.value));
+  }, [a]), An = e.useCallback((t) => {
+    i(c(a, s.categoryAxisLabelsRotation, t.target.value));
   }, [a]), pn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.valueAxisTitleFontName, r.value));
-  }, [a]), Fn = e.useCallback((t) => {
-    i(s(a, c.valueAxisTitleColor, t.value));
-  }, [a]), fn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.valueAxisLabelsFontSize, r.value));
-  }, [a]), zn = e.useCallback((t) => {
-    const r = t.target.value || u;
-    i(s(a, c.valueAxisLabelsFontName, r.value));
+    i(c(a, s.categoryAxisReverseOrder, t.value));
   }, [a]), yn = e.useCallback((t) => {
-    i(s(a, c.valueAxisLabelsColor, t.value));
+    i(c(a, s.valueAxisTitleText, t.target.value));
   }, [a]), Tn = e.useCallback((t) => {
-    i(s(a, c.valueAxisLabelsRotation, t.target.value));
-  }, [a]), Wn = e.useCallback((t) => {
-    const r = t.target.value;
-    i(s(a, c.valueAxisLabelsFormat, r.value));
-  }, [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%";
+    const o = t.target.value || u;
+    W(o) && i(c(a, s.valueAxisTitleFontSize, o.value));
+  }, [a]), In = e.useCallback((t) => {
+    const o = t.target.value || u;
+    i(c(a, s.valueAxisTitleFontName, o.value));
+  }, [a]), Fn = e.useCallback((t) => {
+    i(c(a, s.valueAxisTitleColor, t.value));
+  }, [a]), Nn = e.useCallback((t) => {
+    const o = t.target.value || u;
+    W(o) && i(c(a, s.valueAxisLabelsFontSize, o.value));
+  }, [a]), wn = e.useCallback((t) => {
+    const o = t.target.value || u;
+    i(c(a, s.valueAxisLabelsFontName, o.value));
+  }, [a]), zn = e.useCallback((t) => {
+    i(c(a, s.valueAxisLabelsColor, t.value));
+  }, [a]), Pn = e.useCallback((t) => {
+    i(c(a, s.valueAxisLabelsRotation, t.target.value));
+  }, [a]), Vn = e.useCallback((t) => {
+    const o = t.target.value;
+    i(c(a, s.valueAxisLabelsFormat, o.value));
+  }, [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%";
   return /* @__PURE__ */ e.createElement(
-    In,
+    Mn,
     {
-      title: l.toLanguageString(dt, n[dt]),
+      title: l.toLanguageString(mt, n[mt]),
       className: "k-chart-wizard",
       modal: !0,
       resizable: !0,
       minimizeButton: () => null,
-      onClose: o.onClose,
-      onResize: tl,
-      stage: $a,
-      onStageChange: al,
-      ...Za
+      onClose: r.onClose,
+      onResize: nl,
+      stage: al,
+      onStageChange: ol,
+      ...el
     },
     /* @__PURE__ */ e.createElement(
-      Un,
+      Qn,
       {
-        panes: ll,
-        onChange: rl,
+        panes: rl,
+        onChange: sl,
         className: "k-chart-wizard-splitter"
       },
       /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-preview-pane k-pane" }, /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-header" }, /* @__PURE__ */ e.createElement(
-        Jn,
+        _n,
         {
-          text: l.toLanguageString(gt, n[gt]),
+          text: l.toLanguageString(xt, n[xt]),
           fillMode: "flat",
-          svgIcon: Qn,
-          onItemClick: Qa,
+          svgIcon: eo,
+          icon: "export",
+          onItemClick: _a,
           items: [
-            { svgIcon: Zn, exportHandler: Lr, text: l.toLanguageString(ut, n[ut]) },
-            { svgIcon: _n, exportHandler: Er, text: l.toLanguageString(mt, n[mt]) },
-            { svgIcon: $n, exportHandler: Ar, text: l.toLanguageString(ht, n[ht]) }
+            { svgIcon: to, icon: "file-pdf", exportHandler: po, text: l.toLanguageString(Ct, n[Ct]) },
+            { svgIcon: ao, icon: "file", exportHandler: yo, text: l.toLanguageString(bt, n[bt]) },
+            { svgIcon: lo, icon: "file-image", exportHandler: To, text: l.toLanguageString(ht, n[ht]) }
           ]
         }
       )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(
-        Nn,
+        Rn,
         {
           style: { width: "100%", height: "100%" },
           transitions: !1,
-          ref: O
+          ref: H
         },
         /* @__PURE__ */ e.createElement(
-          wn,
+          Bn,
           {
-            text: (ue = a.title) == null ? void 0 : ue.text,
-            font: (me = a.title) == null ? void 0 : me.font,
+            text: (Ce = a.title) == null ? void 0 : Ce.text,
+            font: (be = a.title) == null ? void 0 : be.font,
             color: ((he = a.title) == null ? void 0 : he.color) || "#000"
           }
         ),
         /* @__PURE__ */ e.createElement(
-          Pn,
+          Wn,
           {
-            text: (xe = a.subtitle) == null ? void 0 : xe.text,
-            font: (Ce = a.subtitle) == null ? void 0 : Ce.font,
-            color: ((be = a.subtitle) == null ? void 0 : be.color) || "#000"
+            text: (fe = a.subtitle) == null ? void 0 : fe.text,
+            font: (ve = a.subtitle) == null ? void 0 : ve.font,
+            color: ((Se = a.subtitle) == null ? void 0 : Se.color) || "#000"
           }
         ),
-        /* @__PURE__ */ e.createElement(Vn, { background: (Se = a.area) == null ? void 0 : Se.background, margin: W }),
-        a.categoryAxis && /* @__PURE__ */ e.createElement(Bn, null, a.categoryAxis.map((t, r) => /* @__PURE__ */ e.createElement(
-          Mn,
+        /* @__PURE__ */ e.createElement(Kn, { background: (Le = a.area) == null ? void 0 : Le.background, margin: N }),
+        a.categoryAxis && /* @__PURE__ */ e.createElement(Dn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
+          Hn,
           {
-            key: r,
+            key: o,
             categories: t.categories,
             title: t.title && {
               text: t.title.text,
@@ -285,10 +311,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             reverse: t.reverse
           }
         ))),
-        a.valueAxis && /* @__PURE__ */ e.createElement(Rn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
-          Dn,
+        a.valueAxis && /* @__PURE__ */ e.createElement(On, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
+          Xn,
           {
-            key: r,
+            key: o,
             title: t.title && {
               text: t.title.text,
               font: t.title.font,
@@ -302,17 +328,17 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             }
           }
         ))),
-        /* @__PURE__ */ e.createElement(Kn, null, a.series.map((t, r) => /* @__PURE__ */ e.createElement(
-          On,
+        /* @__PURE__ */ e.createElement(Gn, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(
+          Yn,
           {
-            key: String(t.name) + r,
+            key: String(t.name) + o,
             ...t
           }
         ))),
-        /* @__PURE__ */ e.createElement(Xn, null, a.categoryAxis.map((t, r) => /* @__PURE__ */ e.createElement(
-          Gn,
+        /* @__PURE__ */ e.createElement(jn, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
+          Un,
           {
-            key: r,
+            key: o,
             categories: t.categories,
             title: t.title && {
               text: t.title.text,
@@ -327,10 +353,10 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             }
           }
         ))),
-        /* @__PURE__ */ e.createElement(Hn, null, a.valueAxis.map((t, r) => /* @__PURE__ */ e.createElement(
-          Yn,
+        /* @__PURE__ */ e.createElement($n, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
+          qn,
           {
-            key: r,
+            key: o,
             title: t.title && {
               text: t.title.text,
               font: t.title.font,
@@ -345,169 +371,169 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           }
         ))),
         /* @__PURE__ */ e.createElement(
-          jn,
+          Jn,
           {
-            visible: (ve = a.legend) == null ? void 0 : ve.visible,
-            position: (Le = a.legend) == null ? void 0 : Le.position,
+            visible: (Ee = a.legend) == null ? void 0 : Ee.visible,
+            position: (ke = a.legend) == null ? void 0 : ke.position,
             labels: {
-              color: ((Ae = (Ee = a.legend) == null ? void 0 : Ee.labels) == null ? void 0 : Ae.color) || void 0,
-              font: ((pe = (ke = a.legend) == null ? void 0 : ke.labels) == null ? void 0 : pe.font) || void 0
+              color: ((pe = (Ae = a.legend) == null ? void 0 : Ae.labels) == null ? void 0 : pe.color) || void 0,
+              font: ((Te = (ye = a.legend) == null ? void 0 : ye.labels) == null ? void 0 : Te.font) || void 0
             }
           }
         )
       ))),
-      /* @__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(
+      /* @__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(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(Ct, n[Ct]),
-          expanded: _,
+          title: l.toLanguageString(vt, n[vt]),
+          expanded: ee,
           tabIndex: 0,
-          onAction: il
+          onAction: gl
         },
-        /* @__PURE__ */ e.createElement(L, null, _ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && X, onClick: Pl, icon: er }, l.toLanguageString(bt, n[bt])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && G, onClick: Vl, icon: tr }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && H, onClick: Bl, icon: ar }, l.toLanguageString(vt, n[vt])))))
+        /* @__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])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(Lt, n[Lt]),
-          expanded: $,
+          title: l.toLanguageString(kt, n[kt]),
+          expanded: te,
           tabIndex: 0,
-          onAction: sl
+          onAction: ul
         },
-        /* @__PURE__ */ e.createElement(L, null, $ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "pie", onClick: Gl, icon: lr }, l.toLanguageString(Et, n[Et])))))
+        /* @__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])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(At, n[At]),
-          expanded: ee,
+          title: l.toLanguageString(pt, n[pt]),
+          expanded: ae,
           tabIndex: 0,
-          onAction: gl
+          onAction: xl
         },
-        /* @__PURE__ */ e.createElement(L, null, ee && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "column" && X, onClick: Ml, icon: nr }, l.toLanguageString(kt, n[kt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && G, onClick: Rl, icon: rr }, l.toLanguageString(pt, n[pt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && H, onClick: Dl, icon: or }, l.toLanguageString(Ft, n[Ft])))))
+        /* @__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])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(ft, n[ft]),
-          expanded: te,
+          title: l.toLanguageString(Ft, n[Ft]),
+          expanded: le,
           tabIndex: 0,
-          onAction: ml
+          onAction: bl
         },
-        /* @__PURE__ */ e.createElement(L, null, te && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "line" && X, onClick: Kl, icon: ir }, l.toLanguageString(zt, n[zt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && G, onClick: Ol, icon: cr }, l.toLanguageString(yt, n[yt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && H, onClick: Xl, icon: sr }, l.toLanguageString(Tt, n[Tt])))))
+        /* @__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])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(Wt, n[Wt]),
-          expanded: ae,
+          title: l.toLanguageString(Pt, n[Pt]),
+          expanded: ne,
           tabIndex: 0,
-          onAction: xl
+          onAction: fl
         },
-        /* @__PURE__ */ e.createElement(L, null, ae && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "scatter", onClick: Hl, icon: dr }, l.toLanguageString(It, n[It])))))
-      ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Nt, n[Nt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+        /* @__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])))))
+      ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(Mt, n[Mt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(wt, n[wt]),
-          expanded: le,
+          title: l.toLanguageString(Rt, n[Rt]),
+          expanded: oe,
           tabIndex: 0,
-          onAction: bl
+          onAction: Sl
         },
-        /* @__PURE__ */ e.createElement(L, null, le && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
-          I,
+        /* @__PURE__ */ e.createElement(E, null, oe && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(
+          w,
           {
-            legend: m === "scatter" ? l.toLanguageString(Pt, n[Pt]) : l.toLanguageString(Vt, n[Vt])
+            legend: m === "scatter" ? l.toLanguageString(Bt, n[Bt]) : l.toLanguageString(Wt, n[Wt])
           },
           /* @__PURE__ */ e.createElement(
-            B,
+            R,
             {
               data: a.columns || [],
               value: a.categoryField,
-              onChange: Yl,
-              ...h
+              onChange: ql,
+              ...x
             }
           )
-        ), _e(m) && /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Bt, n[Bt]) }, /* @__PURE__ */ e.createElement(
-          gr,
+        ), tt(m) && /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Kt, n[Kt]) }, /* @__PURE__ */ e.createElement(
+          bo,
           {
             data: a.series,
             initialData: a.initialSeries,
-            onChange: jl
+            onChange: Jl
           }
-        )), m === "pie" && /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Mt, n[Mt]) }, /* @__PURE__ */ e.createElement(
-          B,
+        )), m === "pie" && /* @__PURE__ */ e.createElement(w, { legend: l.toLanguageString(Dt, n[Dt]) }, /* @__PURE__ */ e.createElement(
+          R,
           {
             data: a.columns || [],
             value: a.valueField || "",
-            ...h,
-            onChange: Ul
+            ...x,
+            onChange: Ql
           }
         )))))
-      ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Rt, n[Rt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+      ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(Ht, n[Ht]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(Dt, n[Dt]),
-          expanded: ne,
+          title: l.toLanguageString(Ot, n[Ot]),
+          expanded: re,
           tabIndex: 0,
-          onAction: vl
+          onAction: El
         },
-        /* @__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(
-          M,
+        /* @__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(
+          B,
           {
             id: "left",
-            value: W.left !== void 0 ? W.left : null,
-            onChange: ql,
-            placeholder: l.toLanguageString(w, n[w]),
+            value: N.left !== void 0 ? N.left : null,
+            onChange: Zl,
+            placeholder: l.toLanguageString(P, n[P]),
             min: 0,
             max: 1e3,
             step: 1,
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Xt, n[Xt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
-          M,
+        )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Yt, n[Yt]), editorId: "right" }, /* @__PURE__ */ e.createElement(
+          B,
           {
             id: "right",
-            value: W.right !== void 0 ? W.right : null,
-            onChange: Jl,
-            placeholder: l.toLanguageString(w, n[w]),
+            value: N.right !== void 0 ? N.right : null,
+            onChange: _l,
+            placeholder: l.toLanguageString(P, n[P]),
             min: 0,
             max: 1e3,
             step: 1,
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Gt, n[Gt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
-          M,
+        )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(jt, n[jt]), editorId: "top" }, /* @__PURE__ */ e.createElement(
+          B,
           {
             id: "top",
-            value: W.top !== void 0 ? W.top : null,
-            onChange: Ql,
-            placeholder: l.toLanguageString(w, n[w]),
+            value: N.top !== void 0 ? N.top : null,
+            onChange: en,
+            placeholder: l.toLanguageString(P, n[P]),
             min: 0,
             max: 1e3,
             step: 1,
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, { labelText: l.toLanguageString(Ht, n[Ht]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
-          M,
+        )), /* @__PURE__ */ e.createElement(d, { labelText: l.toLanguageString(Ut, n[Ut]), editorId: "bottom" }, /* @__PURE__ */ e.createElement(
+          B,
           {
             id: "bottom",
-            value: W.bottom !== void 0 ? W.bottom : null,
-            onChange: Zl,
-            placeholder: l.toLanguageString(w, n[w]),
+            value: N.bottom !== void 0 ? N.bottom : null,
+            onChange: tn,
+            placeholder: l.toLanguageString(P, n[P]),
             min: 0,
             max: 1e3,
             step: 1,
             fillMode: "outline"
           }
-        )))), /* @__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(
-          N,
+        )))), /* @__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(
+          z,
           {
             id: "background",
-            value: ((Fe = a.area) == null ? void 0 : Fe.background) || "",
-            onChange: _l,
+            value: ((Ie = a.area) == null ? void 0 : Ie.background) || "",
+            onChange: an,
             view: "gradient",
             fillMode: "outline"
           }
@@ -516,63 +542,63 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(Ut, n[Ut]),
-          expanded: re,
+          title: l.toLanguageString(Jt, n[Jt]),
+          expanded: ie,
           tabIndex: 0,
-          onAction: El
+          onAction: Al
         },
-        /* @__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(
-          B,
+        /* @__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(
+          R,
           {
             id: "apply-to-title",
-            data: F,
+            data: h,
             textField: "text",
             dataItemKey: "value",
-            value: F.find((t) => t.value === f.value),
-            onChange: en,
-            ...h
+            value: h.find((t) => t.value === y.value),
+            onChange: nn,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "titleText", labelText: l.toLanguageString(Jt, n[Jt]) }, /* @__PURE__ */ e.createElement(
-          j,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleText", labelText: l.toLanguageString(Zt, n[Zt]) }, /* @__PURE__ */ e.createElement(
+          $,
           {
             id: "titleText",
-            placeholder: f.value === F[0].value ? F[0].text : F[1].text,
-            value: D.text,
-            onChange: tn,
-            onKeyDown: (t) => t.stopPropagation()
+            placeholder: y.value === h[0].value ? h[0].text : h[1].text,
+            value: O.text,
+            onChange: on
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(Qt, n[Qt]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "titleFont", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "titleFont",
             data: A,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(Zt, n[Zt]),
-            value: A.find((t) => t.value === k(D.font).name) || u,
-            onChange: an,
-            itemRender: V,
-            ...h
+            placeholder: l.toLanguageString(ea, n[ea]),
+            value: A.find((t) => t.value === p(O.font).name) || u,
+            onChange: rn,
+            itemRender: M,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "titleFontSize", labelText: l.toLanguageString(_t, n[_t]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "titleFontSize", labelText: l.toLanguageString(ta, n[ta]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "titleFontSize",
-            data: p,
+            data: b,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString($t, n[$t]),
-            value: p.find((t) => t.value === k(D.font).size) || u,
-            onChange: ln,
-            itemRender: V,
-            ...h
+            placeholder: l.toLanguageString(aa, n[aa]),
+            value: b.find((t) => t.value === p(O.font).size) || u,
+            onChange: sn,
+            itemRender: M,
+            allowCustom: !0,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "titleColor", labelText: l.toLanguageString(ea, n[ea]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "titleColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "titleColor",
-            value: D.color || "",
-            onChange: nn,
+            value: O.color || "",
+            onChange: cn,
             view: "gradient",
             fillMode: "outline"
           }
@@ -581,356 +607,359 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(ta, n[ta]),
-          expanded: oe,
+          title: l.toLanguageString(na, n[na]),
+          expanded: se,
           tabIndex: 0,
-          onAction: kl
+          onAction: yl
         },
-        /* @__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(
-          B,
+        /* @__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(
+          R,
           {
             id: "apply-to-series",
             data: a.series,
             textField: "name",
             dataItemKey: "name",
-            defaultItem: K,
-            disabled: !_e(m),
-            value: a.series.find((t) => t.name === C) || K,
-            onChange: wl,
-            ...h
+            defaultItem: X,
+            disabled: !tt(m),
+            value: a.series.find((t) => t.name === f) || X,
+            onChange: Bl,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "seriesColor", labelText: l.toLanguageString(la, n[la]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "seriesColor", labelText: l.toLanguageString(ra, n[ra]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "seriesColor",
-            value: C ? (fe = a.series.find((t) => t.name === C)) == null ? void 0 : fe.color : "",
-            onChange: rn,
-            disabled: !C,
+            value: f ? (Fe = a.series.find((t) => t.name === f)) == null ? void 0 : Fe.color : "",
+            onChange: gn,
+            disabled: !f,
             view: "gradient",
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(
-          Ze,
+        )), /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
+          et,
           {
-            label: l.toLanguageString(na, n[na]),
-            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) => {
-              var r;
-              return (r = t.labels) == null ? void 0 : r.visible;
+            label: l.toLanguageString(ia, n[ia]),
+            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) => {
+              var o;
+              return (o = t.labels) == null ? void 0 : o.visible;
             }),
-            onChange: on
+            onChange: dn
           }
         )))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(ra, n[ra]),
-          expanded: ie,
+          title: l.toLanguageString(sa, n[sa]),
+          expanded: ce,
           tabIndex: 0,
-          onAction: Fl
+          onAction: Il
         },
-        /* @__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(
-          ur,
+        /* @__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(
+          ho,
           {
             id: "show-legend",
-            checked: (Te = a.legend) == null ? void 0 : Te.visible,
-            onChange: cn
+            checked: (ze = a.legend) == null ? void 0 : ze.visible,
+            onChange: un
           }
-        ), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ia, n[ia]) }, /* @__PURE__ */ e.createElement(
-          E,
+        ), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendLabelsFont", labelText: l.toLanguageString(ga, n[ga]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "legendLabelsFont",
             data: A,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(ca, n[ca]),
+            placeholder: l.toLanguageString(da, n[da]),
             value: A.find((t) => {
-              var r, d, x;
-              return t.value === ((x = k(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
+              var o, g, C;
+              return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
             }) || u,
-            onChange: dn,
-            itemRender: V,
-            disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
-            ...h
+            onChange: xn,
+            itemRender: M,
+            disabled: ((Pe = a.legend) == null ? void 0 : Pe.visible) === !1,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsSize", labelText: l.toLanguageString(sa, n[sa]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsSize", labelText: l.toLanguageString(ua, n[ua]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "legendLabelsSize",
-            data: p,
+            data: b,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(da, n[da]),
-            value: p.find((t) => {
-              var r, d, x;
-              return t.value === ((x = k(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
+            placeholder: l.toLanguageString(ma, n[ma]),
+            value: b.find((t) => {
+              var o, g, C;
+              return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
             }) || u,
-            onChange: sn,
-            disabled: ((Ie = a.legend) == null ? void 0 : Ie.visible) === !1,
-            ...h
+            onChange: mn,
+            disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
+            allowCustom: !0,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "legendLabelsColor", labelText: l.toLanguageString(ga, n[ga]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "legendLabelsColor", labelText: l.toLanguageString(xa, n[xa]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "legendLabelsColor",
-            value: ((we = (Ne = a.legend) == null ? void 0 : Ne.labels) == null ? void 0 : we.color) || "",
-            onChange: gn,
-            disabled: ((Pe = a.legend) == null ? void 0 : Pe.visible) === !1,
+            value: ((Re = (Me = a.legend) == null ? void 0 : Me.labels) == null ? void 0 : Re.color) || "",
+            onChange: Cn,
+            disabled: ((Be = a.legend) == null ? void 0 : Be.visible) === !1,
             view: "gradient",
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "legendPosition", labelText: l.toLanguageString(ua, n[ua]) }, /* @__PURE__ */ e.createElement(
-          B,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "legendPosition", labelText: l.toLanguageString(Ca, n[Ca]) }, /* @__PURE__ */ e.createElement(
+          R,
           {
             id: "legendPosition",
-            data: J,
+            data: Q,
             textField: "text",
             dataItemKey: "value",
-            value: J.find((t) => {
-              var r;
-              return t.value === ((r = a.legend) == null ? void 0 : r.position);
+            value: Q.find((t) => {
+              var o;
+              return t.value === ((o = a.legend) == null ? void 0 : o.position);
             }),
-            onChange: un,
-            disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
-            ...h
+            onChange: bn,
+            disabled: ((We = a.legend) == null ? void 0 : We.visible) === !1,
+            ...x
           }
         ))))))
       ), m !== "pie" && /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: m === "scatter" ? l.toLanguageString(ma, n[ma]) : l.toLanguageString(ha, n[ha]),
-          expanded: ce,
+          title: m === "scatter" ? l.toLanguageString(ba, n[ba]) : l.toLanguageString(ha, n[ha]),
+          expanded: ge,
           tabIndex: 0,
-          onAction: zl
+          onAction: Nl
         },
-        /* @__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(
-          j,
+        /* @__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(
+          $,
           {
-            placeholder: l.toLanguageString(Ca, n[Ca]),
-            value: ((Be = a.categoryAxis[0].title) == null ? void 0 : Be.text) || "",
-            onChange: mn,
-            onKeyDown: (t) => t.stopPropagation()
+            placeholder: l.toLanguageString(va, n[va]),
+            value: ((Ke = a.categoryAxis[0].title) == null ? void 0 : Ke.text) || "",
+            onChange: hn
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(ba, n[ba]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "categoryAxisTitleFont", labelText: l.toLanguageString(Sa, n[Sa]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "categoryAxisTitleFont",
             data: A,
             textField: "text",
             dataItemKey: "value",
-            itemRender: V,
-            placeholder: l.toLanguageString(Sa, n[Sa]),
+            itemRender: M,
+            placeholder: l.toLanguageString(La, n[La]),
             value: A.find((t) => {
-              var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
+              var o, g;
+              return t.value === ((g = p(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
             }) || u,
-            onChange: xn,
-            ...h
+            onChange: vn,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(va, n[va]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleFontSize", labelText: l.toLanguageString(Ea, n[Ea]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "categoryAxisTitleFontSize",
-            data: p,
+            data: b,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(La, n[La]),
-            value: p.find((t) => {
-              var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
+            placeholder: l.toLanguageString(ka, n[ka]),
+            value: b.find((t) => {
+              var o, g;
+              return t.value === ((g = p(((o = a.categoryAxis[0].title) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
             }) || u,
-            onChange: hn,
-            ...h
+            onChange: fn,
+            allowCustom: !0,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(Ea, n[Ea]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisTitleColor", labelText: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "categoryAxisTitleColor",
             view: "gradient",
-            value: ((Me = a.categoryAxis[0].title) == null ? void 0 : Me.color) || "",
-            onChange: Cn,
+            value: ((De = a.categoryAxis[0].title) == null ? void 0 : De.color) || "",
+            onChange: Sn,
             fillMode: "outline"
           }
-        )))), /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisLabelsFont", labelText: l.toLanguageString(ka, n[ka]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )))), /* @__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(
+          k,
           {
             id: "categoryAxisLabelsFont",
             data: A,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(pa, n[pa]),
+            placeholder: l.toLanguageString(Ta, n[Ta]),
             value: A.find((t) => {
-              var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
+              var o, g;
+              return t.value === ((g = p(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.name);
             }) || u,
-            onChange: Sn,
-            itemRender: V,
-            ...h
+            onChange: En,
+            itemRender: M,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(Fa, n[Fa]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsFontSize", labelText: l.toLanguageString(Ia, n[Ia]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "categoryAxisLabelsFontSize",
-            data: p,
+            data: b,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(fa, n[fa]),
-            value: p.find((t) => {
-              var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
+            placeholder: l.toLanguageString(Fa, n[Fa]),
+            value: b.find((t) => {
+              var o, g;
+              return t.value === ((g = p(((o = a.categoryAxis[0].labels) == null ? void 0 : o.font) || "")) == null ? void 0 : g.size);
             }) || u,
-            onChange: bn,
-            ...h
+            onChange: Ln,
+            allowCustom: !0,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(za, n[za]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsColor", labelText: l.toLanguageString(Na, n[Na]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "categoryAxisLabelsColor",
             view: "gradient",
-            value: ((Re = a.categoryAxis[0].labels) == null ? void 0 : Re.color) || "",
-            onChange: vn,
+            value: ((He = a.categoryAxis[0].labels) == null ? void 0 : He.color) || "",
+            onChange: kn,
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(ya, n[ya]) }, /* @__PURE__ */ e.createElement(
-          M,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "categoryAxisLabelsRotation", labelText: l.toLanguageString(wa, n[wa]) }, /* @__PURE__ */ e.createElement(
+          B,
           {
             id: "categoryAxisLabelsRotation",
-            value: typeof ((De = a.categoryAxis[0].labels) == null ? void 0 : De.rotation) == "number" ? (Ke = a.categoryAxis[0].labels) == null ? void 0 : Ke.rotation : null,
-            placeholder: l.toLanguageString(Ta, n[Ta]),
-            onChange: Ln,
+            value: typeof ((Oe = a.categoryAxis[0].labels) == null ? void 0 : Oe.rotation) == "number" ? (Xe = a.categoryAxis[0].labels) == null ? void 0 : Xe.rotation : null,
+            placeholder: l.toLanguageString(za, n[za]),
+            onChange: An,
             fillMode: "outline",
             min: -360,
             max: 360,
             step: 1
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
-          Ze,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
+          et,
           {
-            label: l.toLanguageString(Wa, n[Wa]),
+            label: l.toLanguageString(Pa, n[Pa]),
             checked: a.categoryAxis[0].reverse || !1,
-            onChange: En
+            onChange: pn
           }
         )))))))
       ), m !== "pie" && /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: m === "scatter" ? l.toLanguageString(Ia, n[Ia]) : l.toLanguageString(Na, n[Na]),
-          expanded: se,
+          title: m === "scatter" ? l.toLanguageString(Va, n[Va]) : l.toLanguageString(Ma, n[Ma]),
+          expanded: de,
           tabIndex: 0,
-          onAction: Tl
+          onAction: zl
         },
-        /* @__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(
-          j,
+        /* @__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(
+          $,
           {
-            placeholder: l.toLanguageString(Pa, n[Pa]),
-            value: ((Xe = (Oe = a.valueAxis[0]) == null ? void 0 : Oe.title) == null ? void 0 : Xe.text) || "",
-            onChange: An,
-            onKeyDown: (t) => t.stopPropagation()
+            placeholder: l.toLanguageString(Ba, n[Ba]),
+            value: ((Ye = (Ge = a.valueAxis[0]) == null ? void 0 : Ge.title) == null ? void 0 : Ye.text) || "",
+            onChange: yn
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Va, n[Va]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Wa, n[Wa]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "valueAxisTitleFont",
             data: A,
             textField: "text",
             dataItemKey: "value",
-            itemRender: V,
-            placeholder: l.toLanguageString(Ba, n[Ba]),
+            itemRender: M,
+            placeholder: l.toLanguageString(Ka, n[Ka]),
             value: A.find((t) => {
-              var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
+              var o, g, C;
+              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);
             }) || u,
-            onChange: pn,
-            ...h
+            onChange: In,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Ma, n[Ma]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleFontSize", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "valueAxisTitleFontSize",
-            data: p,
+            data: b,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(Ra, n[Ra]),
-            value: p.find((t) => {
-              var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
+            placeholder: l.toLanguageString(Ha, n[Ha]),
+            value: b.find((t) => {
+              var o, g, C;
+              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);
             }) || u,
-            onChange: kn,
-            ...h
+            onChange: Tn,
+            allowCustom: !0,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Oa, n[Oa]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "valueAxisTitleColor",
             view: "gradient",
-            value: ((He = (Ge = a.valueAxis[0]) == null ? void 0 : Ge.title) == null ? void 0 : He.color) || "",
+            value: ((Ue = (je = a.valueAxis[0]) == null ? void 0 : je.title) == null ? void 0 : Ue.color) || "",
             onChange: Fn,
             fillMode: "outline"
           }
-        )))), /* @__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(
-          B,
+        )))), /* @__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(
+          R,
           {
             id: "valueAxisLabelsFormat",
-            data: Z,
+            data: _,
             textField: "text",
             dataItemKey: "value",
-            defaultItem: Q,
-            value: Z.find((t) => {
-              var r, d;
-              return t.value === ((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.format);
-            }) || Q,
-            onChange: Wn,
-            ...h
+            defaultItem: Z,
+            value: _.find((t) => {
+              var o, g;
+              return t.value === ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.format);
+            }) || Z,
+            onChange: Vn,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Xa, n[Xa]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { className: "k-col-span-2", editorId: "valueAxisLabelsFont", labelText: l.toLanguageString(Ya, n[Ya]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "valueAxisLabelsFont",
             data: A,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(Ga, n[Ga]),
+            placeholder: l.toLanguageString(ja, n[ja]),
             value: A.find((t) => {
-              var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
+              var o, g, C;
+              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);
             }) || u,
-            onChange: zn,
-            itemRender: V,
-            ...h
+            onChange: wn,
+            itemRender: M,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ha, n[Ha]) }, /* @__PURE__ */ e.createElement(
-          E,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsFontSize", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
+          k,
           {
             id: "valueAxisLabelsFontSize",
-            data: p,
+            data: b,
             textField: "text",
             dataItemKey: "value",
-            placeholder: l.toLanguageString(Ya, n[Ya]),
-            value: p.find((t) => {
-              var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
+            placeholder: l.toLanguageString($a, n[$a]),
+            value: b.find((t) => {
+              var o, g, C;
+              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);
             }) || u,
-            onChange: fn,
-            ...h
+            onChange: Nn,
+            allowCustom: !0,
+            ...x
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(ja, n[ja]) }, /* @__PURE__ */ e.createElement(
-          N,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsColor", labelText: l.toLanguageString(qa, n[qa]) }, /* @__PURE__ */ e.createElement(
+          z,
           {
             id: "valueAxisLabelsColor",
             view: "gradient",
-            value: ((je = (Ye = a.valueAxis[0]) == null ? void 0 : Ye.labels) == null ? void 0 : je.color) || "",
-            onChange: yn,
+            value: ((qe = ($e = a.valueAxis[0]) == null ? void 0 : $e.labels) == null ? void 0 : qe.color) || "",
+            onChange: zn,
             fillMode: "outline"
           }
-        )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ua, n[Ua]) }, /* @__PURE__ */ e.createElement(
-          M,
+        )), /* @__PURE__ */ e.createElement(d, { editorId: "valueAxisLabelsRotation", labelText: l.toLanguageString(Ja, n[Ja]) }, /* @__PURE__ */ e.createElement(
+          B,
           {
             id: "valueAxisLabelsRotation",
-            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,
-            placeholder: l.toLanguageString(qa, n[qa]),
-            onChange: Tn,
+            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,
+            placeholder: l.toLanguageString(Qa, n[Qa]),
+            onChange: Pn,
             fillMode: "outline",
             min: -360,
             max: 360,
@@ -940,7 +969,8 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
       )))))
     )
   );
-};
+});
+No.displayName = "ChartWizard";
 export {
-  Dr as ChartWizard
+  No as ChartWizard
 };