@progress/kendo-react-chart-wizard 8.3.0-develop.13 → 8.3.0-develop.14

package/ChartWizard.mjs

@@ -7,268 +7,276 @@
  */
 "use client";
 import * as e from "react";
-import { Window as Ka } from "@progress/kendo-react-dialogs";
-import { Chart as Da, ChartTitle as Ga, ChartSubtitle as Ha, ChartArea as Oa, ChartCategoryAxis as Xa, ChartCategoryAxisItem as Ya, ChartValueAxis as ja, ChartValueAxisItem as Ua, ChartSeries as $a, ChartSeriesItem as qa, ChartLegend as Ja } from "@progress/kendo-react-charts";
-import { Splitter as Qa, TabStrip as Za, TabStripTab as U, ExpansionPanel as v, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
-import { DropDownButton as _a } from "@progress/kendo-react-buttons";
-import { exportIcon as el, filePdfIcon as tl, fileIcon as al, fileImageIcon as ll, chartBarClusteredIcon as nl, chartBarStackedIcon as ol, chartBarStacked100Icon as rl, chartPieIcon as il, chartColumnClusteredIcon as sl, chartColumnStackedIcon as cl, chartColumnStacked100Icon as gl, chartLineIcon as ul, chartLineStackedIcon as dl, chartLineStacked100Icon as ml, chartScatterIcon as xl } 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 Cl } from "./SeriesGrid.mjs";
-import { NumericTextBox as M, ColorPicker as w, Input as $, Checkbox as et, Switch as fl } from "@progress/kendo-react-inputs";
-import { Label as at } from "@progress/kendo-react-labels";
-import { createInitialState as bl, mergeStates as T, createState as F, updateState as c, ActionTypes as s, isCategorical as tt, fontNames as k, parseFont as p, fontSizes as f } from "./chart-wizard-state.mjs";
-import { classNames as hl, IconWrap as Sl } from "@progress/kendo-react-common";
-import { FormElement as P, FieldWrapper as vl } from "@progress/kendo-react-form";
-import { useLocalization as Al } from "@progress/kendo-react-intl";
-import { formatTitleChartTitle as Ll, messages as n, formatTitleChartSubtitle as El, formatLegendPositionTop as kl, formatLegendPositionBottom as pl, formatLegendPositionLeft as yl, formatLegendPositionRight as Tl, formatSeriesAllSeries as Fl, formatValueAxisLabelsFormatText as Il, formatValueAxisLabelsFormatNumber as Nl, formatValueAxisLabelsFormatCurrency as zl, formatValueAxisLabelsFormatPercent as wl, windowTitle as Pl, exportButton as Vl, exportPDFButton as Bl, exportSVGButton as Ml, exportPNGButton as Rl, tabChart as Wl, barChart as Kl, barChartBar as Dl, barChartStackedBar as Gl, barChart100StackedBar as Hl, pieChart as Ol, pieChartPie as Xl, columnChart as Yl, columnChartColumn as jl, columnChartStackedColumn as Ul, columnChart100StackedColumn as $l, lineChart as ql, lineChartLine as Jl, lineChartStackedLine as Ql, lineChart100StackedLine as Zl, scatterChart as _l, scatterChartScatter as en, tabData as tn, configuration as an, configurationXAxis as ln, configurationCategoryAxis as nn, configurationSeries as on, configurationValueAxis as rn, tabFormat as sn, formatChartArea as cn, formatChartAreaMargins as gn, formatChartAreaMarginsLeft as un, formatChartAreaMarginsAuto as H, formatChartAreaMarginsRight as dn, formatChartAreaMarginsTop as mn, formatChartAreaMarginsBottom as xn, formatChartAreaBackground as Cn, formatChartAreaBackgroundColor as fn, formatTitle as bn, formatTitleApplyTo as hn, formatTitleLabel as Sn, formatTitleFont as vn, formatTitleFontPlaceholder as An, formatTitleSize as Ln, formatTitleSizePlaceholder as En, formatTitleColor as kn, formatSeries as pn, formatSeriesApplyTo as yn, formatSeriesColor as Tn, formatSeriesShowLabels as Fn, formatLegend as In, formatLegendShowLegend as Nn, formatLegendFont as zn, formatLegendFontPlaceholder as wn, formatLegendSize as Pn, formatLegendSizePlaceholder as Vn, formatLegendColor as Bn, formatLegendPosition as Mn, formatXAxis as Rn, formatCategoryAxis as Wn, formatCategoryAxisTitle as Kn, formatCategoryAxisTitlePlaceholder as Dn, formatCategoryAxisTitleFont as Gn, formatCategoryAxisTitleFontPlaceholder as Hn, formatCategoryAxisTitleSize as On, formatCategoryAxisTitleSizePlaceholder as Xn, formatCategoryAxisTitleColor as Yn, formatCategoryAxisLabels as jn, formatCategoryAxisLabelsFont as Un, formatCategoryAxisLabelsFontPlaceholder as $n, formatCategoryAxisLabelsSize as qn, formatCategoryAxisLabelsSizePlaceholder as Jn, formatCategoryAxisLabelsColor as Qn, formatCategoryAxisLabelsRotation as Zn, formatCategoryAxisLabelsRotationAuto as _n, formatCategoryAxisLabelsReverseOrder as eo, formatYAxis as to, formatValueAxis as ao, formatValueAxisTitle as lo, formatValueAxisTitlePlaceholder as no, formatValueAxisTitleFont as oo, formatValueAxisTitleFontPlaceholder as ro, formatValueAxisTitleSize as io, formatValueAxisTitleSizePlaceholder as so, formatValueAxisTitleColor as co, formatValueAxisLabels as go, formatValueAxisLabelsFormat as uo, formatValueAxisLabelsFont as mo, formatValueAxisLabelsFontPlaceholder as xo, formatValueAxisLabelsSize as Co, formatValueAxisLabelsSizePlaceholder as fo, formatValueAxisLabelsColor as bo, formatValueAxisLabelsRotation as ho, formatValueAxisLabelsRotationAuto as So } from "./messages.mjs";
-import { ExportEvent as vo, resolveExportOptions as Ao, handlePDFExport as Lo, handleSVGExport as Eo, handleImageExport as ko } from "./export.mjs";
-const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, r.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.legend), r.children), po = (r) => {
+import { Window as Ga } from "@progress/kendo-react-dialogs";
+import { Chart as Ha, ChartTitle as Oa, ChartSubtitle as Xa, ChartArea as Ya, ChartCategoryAxis as ja, ChartCategoryAxisItem as Ua, ChartValueAxis as $a, ChartValueAxisItem as qa, ChartSeries as Ja, ChartSeriesItem as Qa, ChartLegend as Za } from "@progress/kendo-react-charts";
+import { Splitter as _a, TabStrip as el, TabStripTab as q, ExpansionPanel as A, ExpansionPanelContent as L } from "@progress/kendo-react-layout";
+import { DropDownButton as tl } from "@progress/kendo-react-buttons";
+import { exportIcon as al, filePdfIcon as ll, fileIcon as nl, fileImageIcon as ol, chartBarClusteredIcon as rl, chartBarStackedIcon as il, chartBarStacked100Icon as sl, chartPieIcon as cl, chartColumnClusteredIcon as gl, chartColumnStackedIcon as ul, chartColumnStacked100Icon as dl, chartLineIcon as ml, chartLineStackedIcon as xl, chartLineStacked100Icon as Cl, chartScatterIcon as fl } from "@progress/kendo-svg-icons";
+import { Reveal as v } from "@progress/kendo-react-animation";
+import { DropDownList as R, ComboBox as E } from "@progress/kendo-react-dropdowns";
+import { SeriesGrid as bl } from "./SeriesGrid.mjs";
+import { NumericTextBox as K, ColorPicker as P, Input as J, Checkbox as at, Switch as hl } from "@progress/kendo-react-inputs";
+import { Label as nt } from "@progress/kendo-react-labels";
+import { createInitialState as Sl, mergeStates as T, createState as F, updateState as c, ActionTypes as s, isCategorical as lt, fontNames as k, parseFont as p, fontSizes as f } from "./chart-wizard-state.mjs";
+import { classNames as Al, IconWrap as Ll } from "@progress/kendo-react-common";
+import { FormElement as B, FieldWrapper as vl } from "@progress/kendo-react-form";
+import { useLocalization as El } from "@progress/kendo-react-intl";
+import { formatTitleChartTitle as kl, messages as n, formatTitleChartSubtitle as pl, formatLegendPositionTop as yl, formatLegendPositionBottom as Tl, formatLegendPositionLeft as Fl, formatLegendPositionRight as Il, formatSeriesAllSeries as Nl, formatValueAxisLabelsFormatText as wl, formatValueAxisLabelsFormatNumber as zl, formatValueAxisLabelsFormatCurrency as Pl, formatValueAxisLabelsFormatPercent as Vl, windowTitle as Bl, exportButton as Ml, exportPDFButton as Rl, exportSVGButton as Kl, exportPNGButton as Dl, tabChart as Wl, barChart as Gl, barChartBar as Hl, barChartStackedBar as Ol, barChart100StackedBar as Xl, pieChart as Yl, pieChartPie as jl, columnChart as Ul, columnChartColumn as $l, columnChartStackedColumn as ql, columnChart100StackedColumn as Jl, lineChart as Ql, lineChartLine as Zl, lineChartStackedLine as _l, lineChart100StackedLine as en, scatterChart as tn, scatterChartScatter as an, tabData as ln, configuration as nn, configurationXAxis as on, configurationCategoryAxis as rn, configurationSeries as sn, configurationValueAxis as cn, tabFormat as gn, formatChartArea as un, formatChartAreaMargins as dn, formatChartAreaMarginsLeft as mn, formatChartAreaMarginsAuto as X, formatChartAreaMarginsRight as xn, formatChartAreaMarginsTop as Cn, formatChartAreaMarginsBottom as fn, formatChartAreaBackground as bn, formatChartAreaBackgroundColor as hn, formatTitle as Sn, formatTitleApplyTo as An, formatTitleLabel as Ln, formatTitleFont as vn, formatTitleFontPlaceholder as En, formatTitleSize as kn, formatTitleSizePlaceholder as pn, formatTitleColor as yn, formatSeries as Tn, formatSeriesApplyTo as Fn, formatSeriesColor as In, formatSeriesShowLabels as Nn, formatLegend as wn, formatLegendShowLegend as zn, formatLegendFont as Pn, formatLegendFontPlaceholder as Vn, formatLegendSize as Bn, formatLegendSizePlaceholder as Mn, formatLegendColor as Rn, formatLegendPosition as Kn, formatXAxis as Dn, formatCategoryAxis as Wn, formatCategoryAxisTitle as Gn, formatCategoryAxisTitlePlaceholder as Hn, formatCategoryAxisTitleFont as On, formatCategoryAxisTitleFontPlaceholder as Xn, formatCategoryAxisTitleSize as Yn, formatCategoryAxisTitleSizePlaceholder as jn, formatCategoryAxisTitleColor as Un, formatCategoryAxisLabels as $n, formatCategoryAxisLabelsFont as qn, formatCategoryAxisLabelsFontPlaceholder as Jn, formatCategoryAxisLabelsSize as Qn, formatCategoryAxisLabelsSizePlaceholder as Zn, formatCategoryAxisLabelsColor as _n, formatCategoryAxisLabelsRotation as eo, formatCategoryAxisLabelsRotationAuto as to, formatCategoryAxisLabelsReverseOrder as ao, formatYAxis as lo, formatValueAxis as no, formatValueAxisTitle as oo, formatValueAxisTitlePlaceholder as ro, formatValueAxisTitleFont as io, formatValueAxisTitleFontPlaceholder as so, formatValueAxisTitleSize as co, formatValueAxisTitleSizePlaceholder as go, formatValueAxisTitleColor as uo, formatValueAxisLabels as mo, formatValueAxisLabelsFormat as xo, formatValueAxisLabelsFont as Co, formatValueAxisLabelsFontPlaceholder as fo, formatValueAxisLabelsSize as bo, formatValueAxisLabelsSizePlaceholder as ho, formatValueAxisLabelsColor as So, formatValueAxisLabelsRotation as Ao, formatValueAxisLabelsRotationAuto as Lo } from "./messages.mjs";
+import { ExportEvent as vo, resolveExportOptions as Eo, handlePDFExport as ko, handleSVGExport as po, handleImageExport as yo } 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), z = (r) => {
   r.stopPropagation();
-}, u = (r) => /* @__PURE__ */ e.createElement(vl, { className: r.className }, r.labelText && r.editorId && /* @__PURE__ */ e.createElement(at, { className: "k-form-label", editorId: r.editorId }, r.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap", onKeyDown: po }, r.children)), d = { value: null, text: "" }, yo = /^\d+$/, V = (r, W) => W.dataItem.style ? e.cloneElement(r, r.props, /* @__PURE__ */ e.createElement("span", { style: W.dataItem.style }, r.props.children)) : r, R = (r) => {
+}, u = (r) => /* @__PURE__ */ e.createElement(vl, { className: r.className }, r.labelText && r.editorId && /* @__PURE__ */ e.createElement(nt, { className: "k-form-label", editorId: r.editorId }, r.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap", onKeyDown: z }, r.children)), d = { value: null, text: "" }, To = /^\d+$/, M = (r, V) => V.dataItem.style ? e.cloneElement(r, r.props, /* @__PURE__ */ e.createElement("span", { style: V.dataItem.style }, r.props.children)) : r, D = (r) => {
   if (r.text === "")
     return !0;
   if (r.value === void 0) {
-    if (!yo.test(r.text))
+    if (!To.test(r.text))
       return !1;
     r.value = r.text + "px";
   }
   return f.find((l) => l.value === r.value) || (f.push(r), f.sort((l, b) => parseInt(l.text, 10) - parseInt(b.text, 10))), !0;
-}, I = (r) => /* @__PURE__ */ e.createElement("div", { className: hl("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(
-  Sl,
-  {
-    name: r.iconName,
-    icon: r.icon,
-    size: "xlarge",
-    className: "k-svg-i-chart-bar-clustered"
-  }
-)), r.children), x = {
+}, I = (r) => {
+  const V = e.useCallback(
+    (l) => {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), r.onClick());
+    },
+    [r.onClick]
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: Al("k-icon-text-wrapper", { "k-selected": r.selected }), onClick: r.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0, onKeyDown: V }, /* @__PURE__ */ e.createElement(
+    Ll,
+    {
+      name: r.iconName,
+      icon: r.icon,
+      size: "xlarge",
+      className: "k-svg-i-chart-bar-clustered"
+    }
+  )), r.children);
+}, G = (r) => /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper", onKeyDown: z }, r.children), x = {
   fillMode: "outline",
   popupSettings: {
     animate: !1
   }
-}, q = { type: "normal" }, J = { type: "100%" }, To = e.forwardRef((r, W) => {
-  var me, xe, Ce, fe, be, he, Se, ve, Ae, Le, Ee, ke, pe, ye, Te, Fe, Ie, Ne, ze, we, Pe, Ve, Be, Me, Re, We, Ke, De, Ge, He, Oe, Xe, Ye, je, Ue, $e, qe, Je, Qe, Ze, _e;
-  const l = Al(), b = [
+}, Q = { type: "normal" }, Z = { type: "100%" }, Fo = e.forwardRef((r, V) => {
+  var Ce, fe, be, he, Se, Ae, Le, ve, Ee, ke, pe, ye, Te, Fe, Ie, Ne, we, ze, Pe, Ve, Be, Me, Re, Ke, De, We, Ge, He, Oe, Xe, Ye, je, Ue, $e, qe, Je, Qe, Ze, _e, et, tt;
+  const l = El(), b = [
     {
       value: "chartTitle",
-      text: l.toLanguageString(Ll, n.formatTitleChartTitle)
+      text: l.toLanguageString(kl, n.formatTitleChartTitle)
     },
     {
       value: "chartSubtitle",
-      text: l.toLanguageString(El, n.formatTitleChartSubtitle)
+      text: l.toLanguageString(pl, n.formatTitleChartSubtitle)
     }
-  ], Q = [
+  ], _ = [
     {
       value: "top",
-      text: l.toLanguageString(kl, n.formatLegendPositionTop)
+      text: l.toLanguageString(yl, n.formatLegendPositionTop)
     },
     {
       value: "bottom",
-      text: l.toLanguageString(pl, n.formatLegendPositionBottom)
+      text: l.toLanguageString(Tl, n.formatLegendPositionBottom)
     },
     {
       value: "left",
-      text: l.toLanguageString(yl, n.formatLegendPositionLeft)
+      text: l.toLanguageString(Fl, n.formatLegendPositionLeft)
     },
     {
       value: "right",
-      text: l.toLanguageString(Tl, n.formatLegendPositionRight)
+      text: l.toLanguageString(Il, n.formatLegendPositionRight)
     }
-  ], O = {
-    name: l.toLanguageString(Fl, n.formatSeriesAllSeries)
-  }, Z = {
-    text: l.toLanguageString(Il, n.formatValueAxisLabelsFormatText),
+  ], Y = {
+    name: l.toLanguageString(Nl, n.formatSeriesAllSeries)
+  }, ee = {
+    text: l.toLanguageString(wl, n.formatValueAxisLabelsFormatText),
     value: ""
-  }, _ = [
+  }, te = [
     {
       value: "n0",
       text: l.toLanguageString(
-        Nl,
+        zl,
         n.formatValueAxisLabelsFormatNumber
       )
     },
     {
       value: "c0",
       text: l.toLanguageString(
-        zl,
+        Pl,
         n.formatValueAxisLabelsFormatCurrency
       )
     },
     {
       value: "p0",
       text: l.toLanguageString(
-        wl,
+        Vl,
         n.formatValueAxisLabelsFormatPercent
       )
     }
-  ], D = e.useRef(null), lt = e.useCallback(
+  ], H = e.useRef(null), ot = e.useCallback(
     (t) => {
       var o;
-      if (D.current) {
-        const g = new vo(D.current, Ao(r.exportOptions));
+      if (H.current) {
+        const g = new vo(H.current, Eo(r.exportOptions));
         (o = r.onExport) == null || o.call(r, g), g.isDefaultPrevented() || t.item.exportHandler.call(void 0, g);
       }
     },
     [r.exportOptions]
-  ), nt = r.window || Ka, [ot, rt] = e.useState({ width: 700, height: 550 }), [it, st] = e.useState("DEFAULT"), ct = e.useCallback((t) => {
-    rt({ width: t.width, height: t.height });
-  }, []), gt = e.useCallback((t) => {
-    st(t.state);
-  }, []), [ut, dt] = e.useState([
+  ), rt = r.window || Ga, [it, st] = e.useState({ width: 700, height: 550 }), [ct, gt] = e.useState("DEFAULT"), ut = e.useCallback((t) => {
+    st({ width: t.width, height: t.height });
+  }, []), dt = e.useCallback((t) => {
+    gt(t.state);
+  }, []), [mt, xt] = e.useState([
     { collapsible: !1 },
     { size: "300px", collapsible: !1 }
-  ]), mt = e.useCallback((t) => {
-    dt(t.newState);
-  }, []), [ee, xt] = e.useState(!0), Ct = e.useCallback((t) => {
-    xt(!t.expanded);
-  }, []), [te, ft] = e.useState(!0), bt = e.useCallback((t) => {
+  ]), Ct = e.useCallback((t) => {
+    xt(t.newState);
+  }, []), [ae, ft] = e.useState(!0), bt = e.useCallback((t) => {
     ft(!t.expanded);
-  }, []), [ae, ht] = e.useState(!0), St = e.useCallback((t) => {
+  }, []), [le, ht] = e.useState(!0), St = e.useCallback((t) => {
     ht(!t.expanded);
-  }, []), [le, vt] = e.useState(!0), At = e.useCallback((t) => {
+  }, []), [ne, At] = e.useState(!0), Lt = e.useCallback((t) => {
+    At(!t.expanded);
+  }, []), [oe, vt] = e.useState(!0), Et = e.useCallback((t) => {
     vt(!t.expanded);
-  }, []), [ne, Lt] = e.useState(!0), Et = e.useCallback((t) => {
-    Lt(!t.expanded);
-  }, []), [oe, kt] = e.useState(!0), pt = e.useCallback((t) => {
+  }, []), [re, kt] = e.useState(!0), pt = e.useCallback((t) => {
     kt(!t.expanded);
-  }, []), [re, yt] = e.useState(!1), Tt = e.useCallback((t) => {
+  }, []), [ie, yt] = e.useState(!0), Tt = e.useCallback((t) => {
     yt(!t.expanded);
-  }, []), [ie, Ft] = e.useState(!1), It = e.useCallback((t) => {
+  }, []), [se, Ft] = e.useState(!1), It = e.useCallback((t) => {
     Ft(!t.expanded);
-  }, []), [se, Nt] = e.useState(!1), zt = e.useCallback((t) => {
+  }, []), [ce, Nt] = e.useState(!1), wt = e.useCallback((t) => {
     Nt(!t.expanded);
-  }, []), [ce, wt] = e.useState(!1), Pt = e.useCallback((t) => {
-    wt(!t.expanded);
-  }, []), [ge, Vt] = e.useState(!1), Bt = e.useCallback((t) => {
+  }, []), [ge, zt] = e.useState(!1), Pt = e.useCallback((t) => {
+    zt(!t.expanded);
+  }, []), [ue, Vt] = e.useState(!1), Bt = e.useCallback((t) => {
     Vt(!t.expanded);
-  }, []), [ue, Mt] = e.useState(!1), Rt = e.useCallback((t) => {
+  }, []), [de, Mt] = e.useState(!1), Rt = e.useCallback((t) => {
     Mt(!t.expanded);
-  }, []), [Wt, Kt] = e.useState(0), Dt = e.useCallback((t) => {
-    Kt(t.selected);
+  }, []), [me, Kt] = e.useState(!1), Dt = e.useCallback((t) => {
+    Kt(!t.expanded);
+  }, []), [Wt, Gt] = e.useState(0), Ht = e.useCallback((t) => {
+    Gt(t.selected);
   }, []), [a, i] = e.useState(
-    bl(r.data, "bar", r.defaultState)
-  ), de = e.useRef(a);
-  de.current = a;
-  const Gt = e.useCallback(
+    Sl(r.data, "bar", r.defaultState)
+  ), xe = e.useRef(a);
+  xe.current = a;
+  const Ot = e.useCallback(
     () => ({
       get chart() {
-        return D.current;
+        return H.current;
       },
       get state() {
-        return de.current;
+        return xe.current;
       }
     }),
     []
   );
-  e.useImperativeHandle(W, Gt);
-  const [h, S] = e.useState(""), Ht = e.useCallback((t) => {
+  e.useImperativeHandle(V, Ot);
+  const [h, S] = e.useState(""), Xt = e.useCallback((t) => {
     const o = t.target.value.name;
-    S(o === O.name ? "" : o);
-  }, []), Ot = e.useCallback(() => {
+    S(o === Y.name ? "" : o);
+  }, []), Yt = e.useCallback(() => {
     i(T(a, F(r.data, "bar"))), S("");
-  }, [a, r.data]), Xt = e.useCallback(() => {
+  }, [a, r.data]), jt = e.useCallback(() => {
     const t = T(a, F(r.data, "bar"));
-    i(c(t, s.stacked, q)), S("");
-  }, [a, r.data]), Yt = e.useCallback(() => {
+    i(c(t, s.stacked, Q)), S("");
+  }, [a, r.data]), Ut = e.useCallback(() => {
     const t = T(a, F(r.data, "bar"));
-    i(c(t, s.stacked, J)), S("");
-  }, [a, r.data]), jt = e.useCallback(() => {
+    i(c(t, s.stacked, Z)), S("");
+  }, [a, r.data]), $t = e.useCallback(() => {
     i(T(a, F(r.data, "column"))), S("");
-  }, [a, r.data]), Ut = e.useCallback(() => {
+  }, [a, r.data]), qt = e.useCallback(() => {
     const t = T(a, F(r.data, "column"));
-    i(c(t, s.stacked, q)), S("");
-  }, [a, r.data]), $t = e.useCallback(() => {
+    i(c(t, s.stacked, Q)), S("");
+  }, [a, r.data]), Jt = e.useCallback(() => {
     const t = T(a, F(r.data, "column"));
-    i(c(t, s.stacked, J)), S("");
-  }, [a, r.data]), qt = e.useCallback(() => {
+    i(c(t, s.stacked, Z)), S("");
+  }, [a, r.data]), Qt = e.useCallback(() => {
     i(T(a, F(r.data, "line"))), S("");
-  }, [a, r.data]), Jt = e.useCallback(() => {
+  }, [a, r.data]), Zt = e.useCallback(() => {
     const t = T(a, F(r.data, "line"));
-    i(c(t, s.stacked, q)), S("");
-  }, [a, r.data]), Qt = e.useCallback(() => {
+    i(c(t, s.stacked, Q)), S("");
+  }, [a, r.data]), _t = e.useCallback(() => {
     const t = T(a, F(r.data, "line"));
-    i(c(t, s.stacked, J)), S("");
-  }, [a, r.data]), Zt = e.useCallback(() => {
+    i(c(t, s.stacked, Z)), S("");
+  }, [a, r.data]), ea = e.useCallback(() => {
     i(T(a, F(r.data, "pie"))), S("");
-  }, [a, r.data]), _t = e.useCallback(() => {
+  }, [a, r.data]), ta = e.useCallback(() => {
     i(T(a, F(r.data, "scatter"))), S("");
-  }, [a, r.data]), ea = e.useCallback(
+  }, [a, r.data]), aa = e.useCallback(
     (t) => {
       i(c(a, s.categoryAxisX, t.target.value));
     },
     [a]
-  ), ta = e.useCallback(
+  ), la = e.useCallback(
     (t) => {
       i(c(a, s.seriesChange, t));
     },
     [a]
-  ), aa = e.useCallback(
+  ), na = e.useCallback(
     (t) => {
       i(c(a, s.valueAxisY, t.target.value));
     },
     [a]
-  ), la = e.useCallback(
+  ), oa = e.useCallback(
     (t) => {
       i(c(a, s.areaMarginLeft, t.target.value));
     },
     [a]
-  ), na = e.useCallback(
+  ), ra = e.useCallback(
     (t) => {
       i(c(a, s.areaMarginRight, t.target.value));
     },
     [a]
-  ), oa = e.useCallback(
+  ), ia = e.useCallback(
     (t) => {
       i(c(a, s.areaMarginTop, t.target.value));
     },
     [a]
-  ), ra = e.useCallback(
+  ), sa = e.useCallback(
     (t) => {
       i(c(a, s.areaMarginBottom, t.target.value));
     },
     [a]
-  ), N = a.area.margin, ia = e.useCallback(
+  ), N = a.area.margin, ca = e.useCallback(
     (t) => {
       i(c(a, s.areaBackground, t.value));
     },
     [a]
-  ), [y, sa] = e.useState(b[0]), ca = e.useCallback((t) => {
-    sa(t.target.value);
-  }, []), ga = e.useCallback(
+  ), [y, ga] = e.useState(b[0]), ua = e.useCallback((t) => {
+    ga(t.target.value);
+  }, []), da = e.useCallback(
     (t) => {
       const o = y.value === b[0].value ? s.titleText : s.subtitleText;
       i(c(a, o, t.target.value));
     },
     [a, y]
-  ), ua = e.useCallback(
+  ), ma = e.useCallback(
     (t) => {
       const o = y.value === b[0].value ? s.titleFontName : s.subtitleFontName, g = t.target.value || d;
       i(c(a, o, g.value));
     },
     [a, y]
-  ), da = e.useCallback(
+  ), xa = e.useCallback(
     (t) => {
       const o = y.value === b[0].value ? s.titleFontSize : s.subtitleFontSize, g = t.target.value || d;
-      R(g) && i(c(a, o, g.value));
+      D(g) && i(c(a, o, g.value));
     },
     [a, y]
-  ), ma = e.useCallback(
+  ), Ca = e.useCallback(
     (t) => {
       const o = y.value === b[0].value ? s.titleColor : s.subtitleColor;
       i(c(a, o, t.value));
     },
     [a, y]
-  ), G = (y.value === b[0].value ? a.title : a.subtitle) || {
+  ), O = (y.value === b[0].value ? a.title : a.subtitle) || {
     text: "",
     font: "",
     color: ""
-  }, xa = e.useCallback(
+  }, fa = e.useCallback(
     (t) => {
       h && i(c(a, s.seriesColor, { seriesName: h, color: t.value }));
     },
     [a, h]
-  ), Ca = e.useCallback(
+  ), ba = e.useCallback(
     (t) => {
       i(
         c(a, s.seriesLabel, {
@@ -279,24 +287,24 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
       );
     },
     [a, h]
-  ), fa = e.useCallback(
+  ), ha = e.useCallback(
     (t) => {
       i(c(a, s.legendVisible, t.value));
     },
     [a]
-  ), ba = e.useCallback(
+  ), Sa = e.useCallback(
     (t) => {
       const o = t.target.value || d;
-      R(o) && i(c(a, s.legendFontSize, o.value));
+      D(o) && i(c(a, s.legendFontSize, o.value));
     },
     [a]
-  ), ha = e.useCallback(
+  ), Aa = e.useCallback(
     (t) => {
       const o = t.target.value || d;
       i(c(a, s.legendFontName, o.value));
     },
     [a]
-  ), Sa = e.useCallback(
+  ), La = e.useCallback(
     (t) => {
       i(c(a, s.legendColor, t.value));
     },
@@ -307,95 +315,95 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
       i(c(a, s.legendPosition, o.value));
     },
     [a]
-  ), Aa = e.useCallback(
+  ), Ea = e.useCallback(
     (t) => {
       i(c(a, s.categoryAxisTitleText, t.target.value));
     },
     [a]
-  ), La = e.useCallback(
+  ), ka = e.useCallback(
     (t) => {
       const o = t.target.value || d;
-      R(o) && i(c(a, s.categoryAxisTitleFontSize, o.value));
+      D(o) && i(c(a, s.categoryAxisTitleFontSize, o.value));
     },
     [a]
-  ), Ea = e.useCallback(
+  ), pa = e.useCallback(
     (t) => {
       const o = t.target.value || d;
       i(c(a, s.categoryAxisTitleFontName, o.value));
     },
     [a]
-  ), ka = e.useCallback(
+  ), ya = e.useCallback(
     (t) => {
       i(c(a, s.categoryAxisTitleColor, t.value));
     },
     [a]
-  ), pa = e.useCallback(
+  ), Ta = e.useCallback(
     (t) => {
       const o = t.target.value || d;
-      R(o) && i(c(a, s.categoryAxisLabelsFontSize, o.value));
+      D(o) && i(c(a, s.categoryAxisLabelsFontSize, o.value));
     },
     [a]
-  ), ya = e.useCallback(
+  ), Fa = e.useCallback(
     (t) => {
       const o = t.target.value || d;
       i(c(a, s.categoryAxisLabelsFontName, o.value));
     },
     [a]
-  ), Ta = e.useCallback(
+  ), Ia = e.useCallback(
     (t) => {
       i(c(a, s.categoryAxisLabelsColor, t.value));
     },
     [a]
-  ), Fa = e.useCallback(
+  ), Na = e.useCallback(
     (t) => {
       i(c(a, s.categoryAxisLabelsRotation, t.target.value));
     },
     [a]
-  ), Ia = e.useCallback(
+  ), wa = e.useCallback(
     (t) => {
       i(c(a, s.categoryAxisReverseOrder, t.value));
     },
     [a]
-  ), Na = e.useCallback(
+  ), za = e.useCallback(
     (t) => {
       i(c(a, s.valueAxisTitleText, t.target.value));
     },
     [a]
-  ), za = e.useCallback(
+  ), Pa = e.useCallback(
     (t) => {
       const o = t.target.value || d;
-      R(o) && i(c(a, s.valueAxisTitleFontSize, o.value));
+      D(o) && i(c(a, s.valueAxisTitleFontSize, o.value));
     },
     [a]
-  ), wa = e.useCallback(
+  ), Va = e.useCallback(
     (t) => {
       const o = t.target.value || d;
       i(c(a, s.valueAxisTitleFontName, o.value));
     },
     [a]
-  ), Pa = e.useCallback(
+  ), Ba = e.useCallback(
     (t) => {
       i(c(a, s.valueAxisTitleColor, t.value));
     },
     [a]
-  ), Va = e.useCallback(
+  ), Ma = e.useCallback(
     (t) => {
       const o = t.target.value || d;
-      R(o) && i(c(a, s.valueAxisLabelsFontSize, o.value));
+      D(o) && i(c(a, s.valueAxisLabelsFontSize, o.value));
     },
     [a]
-  ), Ba = e.useCallback(
+  ), Ra = e.useCallback(
     (t) => {
       const o = t.target.value || d;
       i(c(a, s.valueAxisLabelsFontName, o.value));
     },
     [a]
-  ), Ma = e.useCallback(
+  ), Ka = e.useCallback(
     (t) => {
       i(c(a, s.valueAxisLabelsColor, t.value));
     },
     [a]
-  ), Ra = e.useCallback(
+  ), Da = e.useCallback(
     (t) => {
       i(c(a, s.valueAxisLabelsRotation, t.target.value));
     },
@@ -406,66 +414,66 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
       i(c(a, s.valueAxisLabelsFormat, o.value));
     },
     [a]
-  ), m = a.seriesType, K = typeof ((me = a.series[0]) == null ? void 0 : me.stack) == "object" ? (xe = a.series[0]) == null ? void 0 : xe.stack : !1, X = K === !1, Y = K && K.type === "normal", j = K && K.type === "100%";
+  ), m = a.seriesType, W = typeof ((Ce = a.series[0]) == null ? void 0 : Ce.stack) == "object" ? (fe = a.series[0]) == null ? void 0 : fe.stack : !1, j = W === !1, U = W && W.type === "normal", $ = W && W.type === "100%";
   return /* @__PURE__ */ e.createElement(
-    nt,
+    rt,
     {
-      title: l.toLanguageString(Pl, n.windowTitle),
+      title: l.toLanguageString(Bl, n.windowTitle),
       className: "k-chart-wizard",
       modal: !0,
       resizable: !0,
       minimizeButton: () => null,
       onClose: r.onClose,
-      onResize: ct,
-      stage: it,
-      onStageChange: gt,
-      ...ot
+      onResize: ut,
+      stage: ct,
+      onStageChange: dt,
+      ...it
     },
-    /* @__PURE__ */ e.createElement(Qa, { panes: ut, onChange: mt, 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(
-      _a,
+    /* @__PURE__ */ e.createElement(_a, { panes: mt, onChange: Ct, 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(
+      tl,
       {
-        text: l.toLanguageString(Vl, n.exportButton),
+        text: l.toLanguageString(Ml, n.exportButton),
         fillMode: "flat",
-        svgIcon: el,
+        svgIcon: al,
         icon: "export",
-        onItemClick: lt,
+        onItemClick: ot,
         items: [
           {
-            svgIcon: tl,
+            svgIcon: ll,
             icon: "file-pdf",
-            exportHandler: Lo,
-            text: l.toLanguageString(Bl, n.exportPDFButton)
+            exportHandler: ko,
+            text: l.toLanguageString(Rl, n.exportPDFButton)
           },
           {
-            svgIcon: al,
+            svgIcon: nl,
             icon: "file",
-            exportHandler: Eo,
-            text: l.toLanguageString(Ml, n.exportSVGButton)
+            exportHandler: po,
+            text: l.toLanguageString(Kl, n.exportSVGButton)
           },
           {
-            svgIcon: ll,
+            svgIcon: ol,
             icon: "file-image",
-            exportHandler: ko,
-            text: l.toLanguageString(Rl, n.exportPNGButton)
+            exportHandler: yo,
+            text: l.toLanguageString(Dl, n.exportPNGButton)
           }
         ]
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(Da, { style: { width: "100%", height: "100%" }, transitions: !1, ref: D }, /* @__PURE__ */ e.createElement(
-      Ga,
+    )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(Ha, { style: { width: "100%", height: "100%" }, transitions: !1, ref: H }, /* @__PURE__ */ e.createElement(
+      Oa,
       {
-        text: (Ce = a.title) == null ? void 0 : Ce.text,
-        font: (fe = a.title) == null ? void 0 : fe.font,
-        color: ((be = a.title) == null ? void 0 : be.color) || "#000"
+        text: (be = a.title) == null ? void 0 : be.text,
+        font: (he = a.title) == null ? void 0 : he.font,
+        color: ((Se = a.title) == null ? void 0 : Se.color) || "#000"
       }
     ), /* @__PURE__ */ e.createElement(
-      Ha,
+      Xa,
       {
-        text: (he = a.subtitle) == null ? void 0 : he.text,
-        font: (Se = a.subtitle) == null ? void 0 : Se.font,
+        text: (Ae = a.subtitle) == null ? void 0 : Ae.text,
+        font: (Le = a.subtitle) == null ? void 0 : Le.font,
         color: ((ve = a.subtitle) == null ? void 0 : ve.color) || "#000"
       }
-    ), /* @__PURE__ */ e.createElement(Oa, { background: (Ae = a.area) == null ? void 0 : Ae.background, margin: N }), a.categoryAxis && /* @__PURE__ */ e.createElement(Xa, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
-      Ya,
+    ), /* @__PURE__ */ e.createElement(Ya, { background: (Ee = a.area) == null ? void 0 : Ee.background, margin: N }), a.categoryAxis && /* @__PURE__ */ e.createElement(ja, null, a.categoryAxis.map((t, o) => /* @__PURE__ */ e.createElement(
+      Ua,
       {
         key: o,
         categories: t.categories,
@@ -481,8 +489,8 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         },
         reverse: t.reverse
       }
-    ))), a.valueAxis && /* @__PURE__ */ e.createElement(ja, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
-      Ua,
+    ))), a.valueAxis && /* @__PURE__ */ e.createElement($a, null, a.valueAxis.map((t, o) => /* @__PURE__ */ e.createElement(
+      qa,
       {
         key: o,
         title: t.title && {
@@ -497,275 +505,275 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           rotation: t.labels.rotation
         }
       }
-    ))), /* @__PURE__ */ e.createElement($a, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(qa, { key: String(t.name) + o, ...t }))), /* @__PURE__ */ e.createElement(
-      Ja,
+    ))), /* @__PURE__ */ e.createElement(Ja, null, a.series.map((t, o) => /* @__PURE__ */ e.createElement(Qa, { key: String(t.name) + o, ...t }))), /* @__PURE__ */ e.createElement(
+      Za,
       {
-        visible: (Le = a.legend) == null ? void 0 : Le.visible,
-        position: (Ee = a.legend) == null ? void 0 : Ee.position,
+        visible: (ke = a.legend) == null ? void 0 : ke.visible,
+        position: (pe = a.legend) == null ? void 0 : pe.position,
         labels: {
-          color: ((pe = (ke = a.legend) == null ? void 0 : ke.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
+          color: ((Te = (ye = a.legend) == null ? void 0 : ye.labels) == null ? void 0 : Te.color) || void 0,
+          font: ((Ie = (Fe = a.legend) == null ? void 0 : Fe.labels) == null ? void 0 : Ie.font) || void 0
         }
       }
-    )))), /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(Za, { selected: Wt, onSelect: Dt, animation: !1 }, /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(Wl, n.tabChart) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-      v,
+    )))), /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(el, { selected: Wt, onSelect: Ht, animation: !1 }, /* @__PURE__ */ e.createElement(q, { title: l.toLanguageString(Wl, n.tabChart) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(Kl, n.barChart),
-        expanded: ee,
+        title: l.toLanguageString(Gl, n.barChart),
+        expanded: ae,
         tabIndex: 0,
-        onAction: Ct
+        onAction: bt
       },
-      /* @__PURE__ */ e.createElement(L, null, ee && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(v, null, ae && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "bar" && X,
-          onClick: Ot,
-          icon: nl,
+          selected: m === "bar" && j,
+          onClick: Yt,
+          icon: rl,
           iconName: "chart-bar-clustered"
         },
         l.toLanguageString(
-          Dl,
+          Hl,
           n.barChartBar
         )
       ), /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "bar" && Y,
-          onClick: Xt,
-          icon: ol,
+          selected: m === "bar" && U,
+          onClick: jt,
+          icon: il,
           iconName: "chart-bar-stacked"
         },
         l.toLanguageString(
-          Gl,
+          Ol,
           n.barChartStackedBar
         )
       ), /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "bar" && j,
-          onClick: Yt,
-          icon: rl,
+          selected: m === "bar" && $,
+          onClick: Ut,
+          icon: sl,
           iconName: "chart-bar-stacked100"
         },
         l.toLanguageString(
-          Hl,
+          Xl,
           n.barChart100StackedBar
         )
       ))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(Ol, n.pieChart),
-        expanded: te,
+        title: l.toLanguageString(Yl, n.pieChart),
+        expanded: le,
         tabIndex: 0,
-        onAction: bt
+        onAction: St
       },
-      /* @__PURE__ */ e.createElement(L, null, te && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(v, null, le && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(
         I,
         {
           selected: m === "pie",
-          onClick: Zt,
-          icon: il,
+          onClick: ea,
+          icon: cl,
           iconName: "chart-pie"
         },
         l.toLanguageString(
-          Xl,
+          jl,
           n.pieChartPie
         )
       ))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(Yl, n.columnChart),
-        expanded: ae,
+        title: l.toLanguageString(Ul, n.columnChart),
+        expanded: ne,
         tabIndex: 0,
-        onAction: St
+        onAction: Lt
       },
-      /* @__PURE__ */ e.createElement(L, null, ae && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(v, null, ne && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "column" && X,
-          onClick: jt,
-          icon: sl,
+          selected: m === "column" && j,
+          onClick: $t,
+          icon: gl,
           iconName: "chart-column-clustered"
         },
         l.toLanguageString(
-          jl,
+          $l,
           n.columnChartColumn
         )
       ), /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "column" && Y,
-          onClick: Ut,
-          icon: cl,
+          selected: m === "column" && U,
+          onClick: qt,
+          icon: ul,
           iconName: "chart-column-stacked"
         },
         l.toLanguageString(
-          Ul,
+          ql,
           n.columnChartStackedColumn
         )
       ), /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "column" && j,
-          onClick: $t,
-          icon: gl,
+          selected: m === "column" && $,
+          onClick: Jt,
+          icon: dl,
           iconName: "chart-column-stacked100"
         },
         l.toLanguageString(
-          $l,
+          Jl,
           n.columnChart100StackedColumn
         )
       ))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(ql, n.lineChart),
-        expanded: le,
+        title: l.toLanguageString(Ql, n.lineChart),
+        expanded: oe,
         tabIndex: 0,
-        onAction: At
+        onAction: Et
       },
-      /* @__PURE__ */ e.createElement(L, null, le && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(v, null, oe && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "line" && X,
-          onClick: qt,
-          icon: ul,
+          selected: m === "line" && j,
+          onClick: Qt,
+          icon: ml,
           iconName: "chart-line"
         },
         l.toLanguageString(
-          Jl,
+          Zl,
           n.lineChartLine
         )
       ), /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "line" && Y,
-          onClick: Jt,
-          icon: dl,
+          selected: m === "line" && U,
+          onClick: Zt,
+          icon: xl,
           iconName: "chart-line-stacked"
         },
         l.toLanguageString(
-          Ql,
+          _l,
           n.lineChartStackedLine
         )
       ), /* @__PURE__ */ e.createElement(
         I,
         {
-          selected: m === "line" && j,
-          onClick: Qt,
-          icon: ml,
+          selected: m === "line" && $,
+          onClick: _t,
+          icon: Cl,
           iconName: "chart-line-stacked100"
         },
         l.toLanguageString(
-          Zl,
+          en,
           n.lineChart100StackedLine
         )
       ))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(_l, n.scatterChart),
-        expanded: ne,
+        title: l.toLanguageString(tn, n.scatterChart),
+        expanded: re,
         tabIndex: 0,
-        onAction: Et
+        onAction: pt
       },
-      /* @__PURE__ */ e.createElement(L, null, ne && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(v, null, re && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(G, null, /* @__PURE__ */ e.createElement(
         I,
         {
           selected: m === "scatter",
-          onClick: _t,
-          icon: xl,
+          onClick: ta,
+          icon: fl,
           iconName: "chart-scatter"
         },
         l.toLanguageString(
-          en,
+          an,
           n.scatterChartScatter
         )
       ))))
-    ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(tn, n.tabData) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-      v,
+    ))), /* @__PURE__ */ e.createElement(q, { title: l.toLanguageString(ln, n.tabData) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(an, n.configuration),
-        expanded: oe,
+        title: l.toLanguageString(nn, n.configuration),
+        expanded: ie,
         tabIndex: 0,
-        onAction: pt
+        onAction: Tt
       },
-      /* @__PURE__ */ e.createElement(L, null, oe && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
-        z,
+      /* @__PURE__ */ e.createElement(v, null, ie && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement(
+        w,
         {
           legend: m === "scatter" ? l.toLanguageString(
-            ln,
+            on,
             n.configurationXAxis
           ) : l.toLanguageString(
-            nn,
+            rn,
             n.configurationCategoryAxis
           )
         },
         /* @__PURE__ */ e.createElement(
-          B,
+          R,
           {
             data: a.columns || [],
             value: a.categoryField,
-            onChange: ea,
+            onChange: aa,
             ...x
           }
         )
-      ), tt(m) && /* @__PURE__ */ e.createElement(
-        z,
+      ), lt(m) && /* @__PURE__ */ e.createElement(
+        w,
         {
           legend: l.toLanguageString(
-            on,
+            sn,
             n.configurationSeries
           )
         },
         /* @__PURE__ */ e.createElement(
-          Cl,
+          bl,
           {
             data: a.series,
             initialData: a.initialSeries,
-            onChange: ta
+            onChange: la
           }
         )
       ), m === "pie" && /* @__PURE__ */ e.createElement(
-        z,
+        w,
         {
           legend: l.toLanguageString(
-            rn,
+            cn,
             n.configurationValueAxis
           )
         },
         /* @__PURE__ */ e.createElement(
-          B,
+          R,
           {
             data: a.columns || [],
             value: a.valueField || "",
             ...x,
-            onChange: aa
+            onChange: na
           }
         )
       ))))
-    ))), /* @__PURE__ */ e.createElement(U, { title: l.toLanguageString(sn, n.tabFormat) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-      v,
+    ))), /* @__PURE__ */ e.createElement(q, { title: l.toLanguageString(gn, n.tabFormat) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(cn, n.formatChartArea),
-        expanded: re,
+        title: l.toLanguageString(un, n.formatChartArea),
+        expanded: se,
         tabIndex: 0,
-        onAction: Tt
+        onAction: It
       },
-      /* @__PURE__ */ e.createElement(L, null, re && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
-        z,
+      /* @__PURE__ */ e.createElement(v, null, se && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement(
+        w,
         {
           legend: l.toLanguageString(
-            gn,
+            dn,
             n.formatChartAreaMargins
           )
         },
@@ -773,19 +781,19 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           u,
           {
             labelText: l.toLanguageString(
-              un,
+              mn,
               n.formatChartAreaMarginsLeft
             ),
             editorId: "left"
           },
           /* @__PURE__ */ e.createElement(
-            M,
+            K,
             {
               id: "left",
               value: N.left !== void 0 ? N.left : null,
-              onChange: la,
+              onChange: oa,
               placeholder: l.toLanguageString(
-                H,
+                X,
                 n.formatChartAreaMarginsAuto
               ),
               min: 0,
@@ -798,19 +806,19 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           u,
           {
             labelText: l.toLanguageString(
-              dn,
+              xn,
               n.formatChartAreaMarginsRight
             ),
             editorId: "right"
           },
           /* @__PURE__ */ e.createElement(
-            M,
+            K,
             {
               id: "right",
               value: N.right !== void 0 ? N.right : null,
-              onChange: na,
+              onChange: ra,
               placeholder: l.toLanguageString(
-                H,
+                X,
                 n.formatChartAreaMarginsAuto
               ),
               min: 0,
@@ -823,19 +831,19 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           u,
           {
             labelText: l.toLanguageString(
-              mn,
+              Cn,
               n.formatChartAreaMarginsTop
             ),
             editorId: "top"
           },
           /* @__PURE__ */ e.createElement(
-            M,
+            K,
             {
               id: "top",
               value: N.top !== void 0 ? N.top : null,
-              onChange: oa,
+              onChange: ia,
               placeholder: l.toLanguageString(
-                H,
+                X,
                 n.formatChartAreaMarginsAuto
               ),
               min: 0,
@@ -848,19 +856,19 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           u,
           {
             labelText: l.toLanguageString(
-              xn,
+              fn,
               n.formatChartAreaMarginsBottom
             ),
             editorId: "bottom"
           },
           /* @__PURE__ */ e.createElement(
-            M,
+            K,
             {
               id: "bottom",
               value: N.bottom !== void 0 ? N.bottom : null,
-              onChange: ra,
+              onChange: sa,
               placeholder: l.toLanguageString(
-                H,
+                X,
                 n.formatChartAreaMarginsAuto
               ),
               min: 0,
@@ -871,10 +879,10 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           )
         ))
       ), /* @__PURE__ */ e.createElement(
-        z,
+        w,
         {
           legend: l.toLanguageString(
-            Cn,
+            bn,
             n.formatChartAreaBackground
           )
         },
@@ -882,17 +890,17 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           u,
           {
             labelText: l.toLanguageString(
-              fn,
+              hn,
               n.formatChartAreaBackgroundColor
             ),
             editorId: "background"
           },
           /* @__PURE__ */ e.createElement(
-            w,
+            P,
             {
               id: "background",
-              value: ((Fe = a.area) == null ? void 0 : Fe.background) || "",
-              onChange: ia,
+              value: ((Ne = a.area) == null ? void 0 : Ne.background) || "",
+              onChange: ca,
               view: "gradient",
               fillMode: "outline"
             }
@@ -900,26 +908,26 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         )
       ))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(bn, n.formatTitle),
-        expanded: ie,
+        title: l.toLanguageString(Sn, n.formatTitle),
+        expanded: ce,
         tabIndex: 0,
-        onAction: It
+        onAction: wt
       },
-      /* @__PURE__ */ e.createElement(L, null, ie && /* @__PURE__ */ e.createElement(A, 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(
+      /* @__PURE__ */ e.createElement(v, null, ce && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(
         u,
         {
           className: "k-col-span-2",
           editorId: "apply-to-title",
           labelText: l.toLanguageString(
-            hn,
+            An,
             n.formatTitleApplyTo
           )
         },
         /* @__PURE__ */ e.createElement(
-          B,
+          R,
           {
             id: "apply-to-title",
             data: b,
@@ -928,7 +936,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             value: b.find(
               (t) => t.value === y.value
             ),
-            onChange: ca,
+            onChange: ua,
             ...x
           }
         )
@@ -938,17 +946,17 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           className: "k-col-span-2",
           editorId: "titleText",
           labelText: l.toLanguageString(
-            Sn,
+            Ln,
             n.formatTitleLabel
           )
         },
         /* @__PURE__ */ e.createElement(
-          $,
+          J,
           {
             id: "titleText",
             placeholder: y.value === b[0].value ? b[0].text : b[1].text,
-            value: G.text,
-            onChange: ga
+            value: O.text,
+            onChange: da
           }
         )
       ), /* @__PURE__ */ e.createElement(
@@ -969,14 +977,14 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(
-              An,
+              En,
               n.formatTitleFontPlaceholder
             ),
             value: k.find(
-              (t) => t.value === p(G.font).name
+              (t) => t.value === p(O.font).name
             ) || d,
-            onChange: ua,
-            itemRender: V,
+            onChange: ma,
+            itemRender: M,
             ...x
           }
         )
@@ -985,7 +993,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         {
           editorId: "titleFontSize",
           labelText: l.toLanguageString(
-            Ln,
+            kn,
             n.formatTitleSize
           )
         },
@@ -997,14 +1005,14 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(
-              En,
+              pn,
               n.formatTitleSizePlaceholder
             ),
             value: f.find(
-              (t) => t.value === p(G.font).size
+              (t) => t.value === p(O.font).size
             ) || d,
-            onChange: da,
-            itemRender: V,
+            onChange: xa,
+            itemRender: M,
             allowCustom: !0,
             ...x
           }
@@ -1014,50 +1022,50 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         {
           editorId: "titleColor",
           labelText: l.toLanguageString(
-            kn,
+            yn,
             n.formatTitleColor
           )
         },
         /* @__PURE__ */ e.createElement(
-          w,
+          P,
           {
             id: "titleColor",
-            value: G.color || "",
-            onChange: ma,
+            value: O.color || "",
+            onChange: Ca,
             view: "gradient",
             fillMode: "outline"
           }
         )
       )))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(pn, n.formatSeries),
-        expanded: se,
+        title: l.toLanguageString(Tn, n.formatSeries),
+        expanded: ge,
         tabIndex: 0,
-        onAction: zt
+        onAction: Pt
       },
-      /* @__PURE__ */ e.createElement(L, null, se && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(v, null, ge && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement(
         u,
         {
           editorId: "apply-to-series",
           labelText: l.toLanguageString(
-            yn,
+            Fn,
             n.formatSeriesApplyTo
           )
         },
         /* @__PURE__ */ e.createElement(
-          B,
+          R,
           {
             id: "apply-to-series",
             data: a.series,
             textField: "name",
             dataItemKey: "name",
-            defaultItem: O,
-            disabled: !tt(m),
-            value: a.series.find((t) => t.name === h) || O,
-            onChange: Ht,
+            defaultItem: Y,
+            disabled: !lt(m),
+            value: a.series.find((t) => t.name === h) || Y,
+            onChange: Xt,
             ...x
           }
         )
@@ -1066,53 +1074,53 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         {
           editorId: "seriesColor",
           labelText: l.toLanguageString(
-            Tn,
+            In,
             n.formatSeriesColor
           )
         },
         /* @__PURE__ */ e.createElement(
-          w,
+          P,
           {
             id: "seriesColor",
-            value: h ? (Ie = a.series.find((t) => t.name === h)) == null ? void 0 : Ie.color : "",
-            onChange: xa,
+            value: h ? (we = a.series.find((t) => t.name === h)) == null ? void 0 : we.color : "",
+            onChange: fa,
             disabled: !h,
             view: "gradient",
             fillMode: "outline"
           }
         )
       ), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
-        et,
+        at,
         {
           label: l.toLanguageString(
-            Fn,
+            Nn,
             n.formatSeriesShowLabels
           ),
-          checked: h ? (ze = (Ne = a.series.find((t) => t.name === h)) == null ? void 0 : Ne.labels) == null ? void 0 : ze.visible : a.series.every((t) => {
+          checked: h ? (Pe = (ze = a.series.find((t) => t.name === h)) == null ? void 0 : ze.labels) == null ? void 0 : Pe.visible : a.series.every((t) => {
             var o;
             return (o = t.labels) == null ? void 0 : o.visible;
           }),
-          onChange: Ca
+          onChange: ba
         }
       )))))
     ), /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: l.toLanguageString(In, n.formatLegend),
-        expanded: ce,
+        title: l.toLanguageString(wn, n.formatLegend),
+        expanded: ue,
         tabIndex: 0,
-        onAction: Pt
+        onAction: Bt
       },
-      /* @__PURE__ */ e.createElement(L, null, ce && /* @__PURE__ */ e.createElement(A, 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(at, { editorId: "show-legend" }, l.toLanguageString(
-        Nn,
+      /* @__PURE__ */ e.createElement(v, null, ue && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(nt, { editorId: "show-legend" }, l.toLanguageString(
+        zn,
         n.formatLegendShowLegend
       )), /* @__PURE__ */ e.createElement(
-        fl,
+        hl,
         {
           id: "show-legend",
-          checked: (we = a.legend) == null ? void 0 : we.visible,
-          onChange: fa
+          checked: (Ve = a.legend) == null ? void 0 : Ve.visible,
+          onChange: ha
         }
       ), /* @__PURE__ */ e.createElement(
         u,
@@ -1120,7 +1128,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           className: "k-col-span-2",
           editorId: "legendLabelsFont",
           labelText: l.toLanguageString(
-            zn,
+            Pn,
             n.formatLegendFont
           )
         },
@@ -1132,7 +1140,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(
-              wn,
+              Vn,
               n.formatLegendFontPlaceholder
             ),
             value: k.find(
@@ -1141,9 +1149,9 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                 return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.name);
               }
             ) || d,
-            onChange: ha,
-            itemRender: V,
-            disabled: ((Pe = a.legend) == null ? void 0 : Pe.visible) === !1,
+            onChange: Aa,
+            itemRender: M,
+            disabled: ((Be = a.legend) == null ? void 0 : Be.visible) === !1,
             ...x
           }
         )
@@ -1152,7 +1160,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         {
           editorId: "legendLabelsSize",
           labelText: l.toLanguageString(
-            Pn,
+            Bn,
             n.formatLegendSize
           )
         },
@@ -1164,7 +1172,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(
-              Vn,
+              Mn,
               n.formatLegendSizePlaceholder
             ),
             value: f.find(
@@ -1173,8 +1181,8 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                 return t.value === ((C = p(((g = (o = a.legend) == null ? void 0 : o.labels) == null ? void 0 : g.font) || "")) == null ? void 0 : C.size);
               }
             ) || d,
-            onChange: ba,
-            disabled: ((Ve = a.legend) == null ? void 0 : Ve.visible) === !1,
+            onChange: Sa,
+            disabled: ((Me = a.legend) == null ? void 0 : Me.visible) === !1,
             allowCustom: !0,
             ...x
           }
@@ -1184,17 +1192,17 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         {
           editorId: "legendLabelsColor",
           labelText: l.toLanguageString(
-            Bn,
+            Rn,
             n.formatLegendColor
           )
         },
         /* @__PURE__ */ e.createElement(
-          w,
+          P,
           {
             id: "legendLabelsColor",
-            value: ((Me = (Be = a.legend) == null ? void 0 : Be.labels) == null ? void 0 : Me.color) || "",
-            onChange: Sa,
-            disabled: ((Re = a.legend) == null ? void 0 : Re.visible) === !1,
+            value: ((Ke = (Re = a.legend) == null ? void 0 : Re.labels) == null ? void 0 : Ke.color) || "",
+            onChange: La,
+            disabled: ((De = a.legend) == null ? void 0 : De.visible) === !1,
             view: "gradient",
             fillMode: "outline"
           }
@@ -1205,18 +1213,18 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           className: "k-col-span-2",
           editorId: "legendPosition",
           labelText: l.toLanguageString(
-            Mn,
+            Kn,
             n.formatLegendPosition
           )
         },
         /* @__PURE__ */ e.createElement(
-          B,
+          R,
           {
             id: "legendPosition",
-            data: Q,
+            data: _,
             textField: "text",
             dataItemKey: "value",
-            value: Q.find(
+            value: _.find(
               (t) => {
                 var o;
                 return t.value === ((o = a.legend) == null ? void 0 : o.position);
@@ -1229,34 +1237,34 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
         )
       )))))
     ), m !== "pie" && /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: m === "scatter" ? l.toLanguageString(Rn, n.formatXAxis) : l.toLanguageString(
+        title: m === "scatter" ? l.toLanguageString(Dn, n.formatXAxis) : l.toLanguageString(
           Wn,
           n.formatCategoryAxis
         ),
-        expanded: ge,
+        expanded: de,
         tabIndex: 0,
-        onAction: Bt
+        onAction: Rt
       },
-      /* @__PURE__ */ e.createElement(L, null, ge && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
-        z,
+      /* @__PURE__ */ e.createElement(v, null, de && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement(
+        w,
         {
           legend: l.toLanguageString(
-            Kn,
+            Gn,
             n.formatCategoryAxisTitle
           )
         },
         /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
-          $,
+          J,
           {
             placeholder: l.toLanguageString(
-              Dn,
+              Hn,
               n.formatCategoryAxisTitlePlaceholder
             ),
-            value: ((Ke = a.categoryAxis[0].title) == null ? void 0 : Ke.text) || "",
-            onChange: Aa
+            value: ((Ge = a.categoryAxis[0].title) == null ? void 0 : Ge.text) || "",
+            onChange: Ea
           }
         )), /* @__PURE__ */ e.createElement(
           u,
@@ -1264,7 +1272,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             className: "k-col-span-2",
             editorId: "categoryAxisTitleFont",
             labelText: l.toLanguageString(
-              Gn,
+              On,
               n.formatCategoryAxisTitleFont
             )
           },
@@ -1275,9 +1283,9 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               data: k,
               textField: "text",
               dataItemKey: "value",
-              itemRender: V,
+              itemRender: M,
               placeholder: l.toLanguageString(
-                Hn,
+                Xn,
                 n.formatCategoryAxisTitleFontPlaceholder
               ),
               value: k.find(
@@ -1288,7 +1296,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : g.name);
                 }
               ) || d,
-              onChange: Ea,
+              onChange: pa,
               ...x
             }
           )
@@ -1297,7 +1305,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "categoryAxisTitleFontSize",
             labelText: l.toLanguageString(
-              On,
+              Yn,
               n.formatCategoryAxisTitleSize
             )
           },
@@ -1309,7 +1317,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               textField: "text",
               dataItemKey: "value",
               placeholder: l.toLanguageString(
-                Xn,
+                jn,
                 n.formatCategoryAxisTitleSizePlaceholder
               ),
               value: f.find(
@@ -1320,7 +1328,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : g.size);
                 }
               ) || d,
-              onChange: La,
+              onChange: ka,
               allowCustom: !0,
               ...x
             }
@@ -1330,26 +1338,26 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "categoryAxisTitleColor",
             labelText: l.toLanguageString(
-              Yn,
+              Un,
               n.formatCategoryAxisTitleColor
             )
           },
           /* @__PURE__ */ e.createElement(
-            w,
+            P,
             {
               id: "categoryAxisTitleColor",
               view: "gradient",
-              value: ((De = a.categoryAxis[0].title) == null ? void 0 : De.color) || "",
-              onChange: ka,
+              value: ((He = a.categoryAxis[0].title) == null ? void 0 : He.color) || "",
+              onChange: ya,
               fillMode: "outline"
             }
           )
         ))
       ), /* @__PURE__ */ e.createElement(
-        z,
+        w,
         {
           legend: l.toLanguageString(
-            jn,
+            $n,
             n.formatCategoryAxisLabels
           )
         },
@@ -1359,7 +1367,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             className: "k-col-span-2",
             editorId: "categoryAxisLabelsFont",
             labelText: l.toLanguageString(
-              Un,
+              qn,
               n.formatCategoryAxisLabelsFont
             )
           },
@@ -1371,7 +1379,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               textField: "text",
               dataItemKey: "value",
               placeholder: l.toLanguageString(
-                $n,
+                Jn,
                 n.formatCategoryAxisLabelsFontPlaceholder
               ),
               value: k.find(
@@ -1382,8 +1390,8 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : g.name);
                 }
               ) || d,
-              onChange: ya,
-              itemRender: V,
+              onChange: Fa,
+              itemRender: M,
               ...x
             }
           )
@@ -1392,7 +1400,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "categoryAxisLabelsFontSize",
             labelText: l.toLanguageString(
-              qn,
+              Qn,
               n.formatCategoryAxisLabelsSize
             )
           },
@@ -1404,7 +1412,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               textField: "text",
               dataItemKey: "value",
               placeholder: l.toLanguageString(
-                Jn,
+                Zn,
                 n.formatCategoryAxisLabelsSizePlaceholder
               ),
               value: f.find(
@@ -1415,7 +1423,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : g.size);
                 }
               ) || d,
-              onChange: pa,
+              onChange: Ta,
               allowCustom: !0,
               ...x
             }
@@ -1425,17 +1433,17 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "categoryAxisLabelsColor",
             labelText: l.toLanguageString(
-              Qn,
+              _n,
               n.formatCategoryAxisLabelsColor
             )
           },
           /* @__PURE__ */ e.createElement(
-            w,
+            P,
             {
               id: "categoryAxisLabelsColor",
               view: "gradient",
-              value: ((Ge = a.categoryAxis[0].labels) == null ? void 0 : Ge.color) || "",
-              onChange: Ta,
+              value: ((Oe = a.categoryAxis[0].labels) == null ? void 0 : Oe.color) || "",
+              onChange: Ia,
               fillMode: "outline"
             }
           )
@@ -1444,20 +1452,20 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "categoryAxisLabelsRotation",
             labelText: l.toLanguageString(
-              Zn,
+              eo,
               n.formatCategoryAxisLabelsRotation
             )
           },
           /* @__PURE__ */ e.createElement(
-            M,
+            K,
             {
               id: "categoryAxisLabelsRotation",
-              value: typeof ((He = a.categoryAxis[0].labels) == null ? void 0 : He.rotation) == "number" ? (Oe = a.categoryAxis[0].labels) == null ? void 0 : Oe.rotation : null,
+              value: typeof ((Xe = a.categoryAxis[0].labels) == null ? void 0 : Xe.rotation) == "number" ? (Ye = a.categoryAxis[0].labels) == null ? void 0 : Ye.rotation : null,
               placeholder: l.toLanguageString(
-                _n,
+                to,
                 n.formatCategoryAxisLabelsRotationAuto
               ),
-              onChange: Fa,
+              onChange: Na,
               fillMode: "outline",
               min: -360,
               max: 360,
@@ -1465,46 +1473,46 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             }
           )
         ), /* @__PURE__ */ e.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
-          et,
+          at,
           {
             label: l.toLanguageString(
-              eo,
+              ao,
               n.formatCategoryAxisLabelsReverseOrder
             ),
             checked: a.categoryAxis[0].reverse || !1,
-            onChange: Ia
+            onChange: wa
           }
         )))
       ))))
     ), m !== "pie" && /* @__PURE__ */ e.createElement(
-      v,
+      A,
       {
         style: { maxWidth: "576px" },
-        title: m === "scatter" ? l.toLanguageString(to, n.formatYAxis) : l.toLanguageString(
-          ao,
+        title: m === "scatter" ? l.toLanguageString(lo, n.formatYAxis) : l.toLanguageString(
+          no,
           n.formatValueAxis
         ),
-        expanded: ue,
+        expanded: me,
         tabIndex: 0,
-        onAction: Rt
+        onAction: Dt
       },
-      /* @__PURE__ */ e.createElement(L, null, ue && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
-        z,
+      /* @__PURE__ */ e.createElement(v, null, me && /* @__PURE__ */ e.createElement(L, null, /* @__PURE__ */ e.createElement(B, { onKeyDown: z }, /* @__PURE__ */ e.createElement(
+        w,
         {
           legend: l.toLanguageString(
-            lo,
+            oo,
             n.formatValueAxisTitle
           )
         },
         /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ e.createElement(
-          $,
+          J,
           {
             placeholder: l.toLanguageString(
-              no,
+              ro,
               n.formatValueAxisTitlePlaceholder
             ),
-            value: ((Ye = (Xe = a.valueAxis[0]) == null ? void 0 : Xe.title) == null ? void 0 : Ye.text) || "",
-            onChange: Na
+            value: ((Ue = (je = a.valueAxis[0]) == null ? void 0 : je.title) == null ? void 0 : Ue.text) || "",
+            onChange: za
           }
         )), /* @__PURE__ */ e.createElement(
           u,
@@ -1512,7 +1520,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             className: "k-col-span-2",
             editorId: "valueAxisTitleFont",
             labelText: l.toLanguageString(
-              oo,
+              io,
               n.formatValueAxisTitleFont
             )
           },
@@ -1523,9 +1531,9 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               data: k,
               textField: "text",
               dataItemKey: "value",
-              itemRender: V,
+              itemRender: M,
               placeholder: l.toLanguageString(
-                ro,
+                so,
                 n.formatValueAxisTitleFontPlaceholder
               ),
               value: k.find(
@@ -1536,7 +1544,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : C.name);
                 }
               ) || d,
-              onChange: wa,
+              onChange: Va,
               ...x
             }
           )
@@ -1545,7 +1553,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "valueAxisTitleFontSize",
             labelText: l.toLanguageString(
-              io,
+              co,
               n.formatValueAxisTitleSize
             )
           },
@@ -1557,7 +1565,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               textField: "text",
               dataItemKey: "value",
               placeholder: l.toLanguageString(
-                so,
+                go,
                 n.formatValueAxisTitleSizePlaceholder
               ),
               value: f.find(
@@ -1568,7 +1576,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : C.size);
                 }
               ) || d,
-              onChange: za,
+              onChange: Pa,
               allowCustom: !0,
               ...x
             }
@@ -1578,26 +1586,26 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "valueAxisTitleColor",
             labelText: l.toLanguageString(
-              co,
+              uo,
               n.formatValueAxisTitleColor
             )
           },
           /* @__PURE__ */ e.createElement(
-            w,
+            P,
             {
               id: "valueAxisTitleColor",
               view: "gradient",
-              value: ((Ue = (je = a.valueAxis[0]) == null ? void 0 : je.title) == null ? void 0 : Ue.color) || "",
-              onChange: Pa,
+              value: ((qe = ($e = a.valueAxis[0]) == null ? void 0 : $e.title) == null ? void 0 : qe.color) || "",
+              onChange: Ba,
               fillMode: "outline"
             }
           )
         ))
       ), /* @__PURE__ */ e.createElement(
-        z,
+        w,
         {
           legend: l.toLanguageString(
-            go,
+            mo,
             n.formatValueAxisLabels
           )
         },
@@ -1607,24 +1615,24 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             className: "k-col-span-2",
             editorId: "valueAxisLabelsFormat",
             labelText: l.toLanguageString(
-              uo,
+              xo,
               n.formatValueAxisLabelsFormat
             )
           },
           /* @__PURE__ */ e.createElement(
-            B,
+            R,
             {
               id: "valueAxisLabelsFormat",
-              data: _,
+              data: te,
               textField: "text",
               dataItemKey: "value",
-              defaultItem: Z,
-              value: _.find(
+              defaultItem: ee,
+              value: te.find(
                 (t) => {
                   var o, g;
                   return t.value === ((g = (o = a.valueAxis[0]) == null ? void 0 : o.labels) == null ? void 0 : g.format);
                 }
-              ) || Z,
+              ) || ee,
               onChange: Wa,
               ...x
             }
@@ -1635,7 +1643,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             className: "k-col-span-2",
             editorId: "valueAxisLabelsFont",
             labelText: l.toLanguageString(
-              mo,
+              Co,
               n.formatValueAxisLabelsFont
             )
           },
@@ -1647,7 +1655,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               textField: "text",
               dataItemKey: "value",
               placeholder: l.toLanguageString(
-                xo,
+                fo,
                 n.formatValueAxisLabelsFontPlaceholder
               ),
               value: k.find(
@@ -1658,8 +1666,8 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : C.name);
                 }
               ) || d,
-              onChange: Ba,
-              itemRender: V,
+              onChange: Ra,
+              itemRender: M,
               ...x
             }
           )
@@ -1668,7 +1676,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "valueAxisLabelsFontSize",
             labelText: l.toLanguageString(
-              Co,
+              bo,
               n.formatValueAxisLabelsSize
             )
           },
@@ -1680,7 +1688,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
               textField: "text",
               dataItemKey: "value",
               placeholder: l.toLanguageString(
-                fo,
+                ho,
                 n.formatValueAxisLabelsSizePlaceholder
               ),
               value: f.find(
@@ -1691,7 +1699,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
                   )) == null ? void 0 : C.size);
                 }
               ) || d,
-              onChange: Va,
+              onChange: Ma,
               allowCustom: !0,
               ...x
             }
@@ -1701,17 +1709,17 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "valueAxisLabelsColor",
             labelText: l.toLanguageString(
-              bo,
+              So,
               n.formatValueAxisLabelsColor
             )
           },
           /* @__PURE__ */ e.createElement(
-            w,
+            P,
             {
               id: "valueAxisLabelsColor",
               view: "gradient",
-              value: ((qe = ($e = a.valueAxis[0]) == null ? void 0 : $e.labels) == null ? void 0 : qe.color) || "",
-              onChange: Ma,
+              value: ((Qe = (Je = a.valueAxis[0]) == null ? void 0 : Je.labels) == null ? void 0 : Qe.color) || "",
+              onChange: Ka,
               fillMode: "outline"
             }
           )
@@ -1720,20 +1728,20 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             editorId: "valueAxisLabelsRotation",
             labelText: l.toLanguageString(
-              ho,
+              Ao,
               n.formatValueAxisLabelsRotation
             )
           },
           /* @__PURE__ */ e.createElement(
-            M,
+            K,
             {
               id: "valueAxisLabelsRotation",
-              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,
+              value: typeof ((_e = (Ze = a.valueAxis[0]) == null ? void 0 : Ze.labels) == null ? void 0 : _e.rotation) == "number" ? (tt = (et = a.valueAxis[0]) == null ? void 0 : et.labels) == null ? void 0 : tt.rotation : null,
               placeholder: l.toLanguageString(
-                So,
+                Lo,
                 n.formatValueAxisLabelsRotationAuto
               ),
-              onChange: Ra,
+              onChange: Da,
               fillMode: "outline",
               min: -360,
               max: 360,
@@ -1745,7 +1753,7 @@ const z = (r) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
     ))))))
   );
 });
-To.displayName = "ChartWizard";
+Fo.displayName = "ChartWizard";
 export {
-  To as ChartWizard
+  Fo as ChartWizard
 };