@progress/kendo-react-chart-wizard 8.4.0-develop.2 → 8.4.0-develop.3

package/ChartWizard.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),D=require("@progress/kendo-react-dialogs"),g=require("@progress/kendo-react-layout"),N=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-svg-icons"),s=require("./utils.js"),O=require("@progress/kendo-react-intl"),n=require("./messages.js"),W=require("./types/export.js"),A=require("./components/panels/ConfigurationPanel.js"),F=require("./components/panels/ChartAreaPanel.js"),H=require("./components/panels/TitlePanel.js"),j=require("./components/panels/SeriesPanel.js"),G=require("./components/panels/LegendPanel.js"),V=require("./components/panels/CategoryAxisPanel.js"),_=require("./components/panels/ValueAxisPanel.js"),M=require("./components/panels/BarChartPanel.js"),U=require("./components/panels/ColumnChartPanel.js"),J=require("./components/panels/LineChartPanel.js"),K=require("./components/panels/ScatterChartPanel.js"),Q=require("./components/panels/PieChartPanel.js"),X=require("./components/ChartComponent.js");function Y(t){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(u,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return u.default=t,Object.freeze(u)}const e=Y(R),C=e.forwardRef((t,u)=>{const r=O.useLocalization(),l=e.useRef(null),f=e.useCallback(i=>{var S;if(l.current){const m=new W.ExportEvent(l.current,s.resolveExportOptions(t.exportOptions));(S=t.onExport)==null||S.call(void 0,m),m.isDefaultPrevented()||i.item.exportHandler.call(void 0,m)}},[t.onExport,t.exportOptions]),E=t.window||D.Window,[P,x]=e.useState({width:700,height:550}),[b,w]=e.useState("DEFAULT"),v=e.useCallback(i=>{x({width:i.width,height:i.height})},[]),k=e.useCallback(i=>{w(i.state)},[]),[q,T]=e.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),z=e.useCallback(i=>{T(i.newState)},[]),[I,y]=e.useState(0),L=e.useCallback(i=>{y(i.selected)},[]),[a,p]=e.useState(s.createInitialState(t.data,"bar",t.defaultState)),o=i=>{p(i)},c=e.useRef(a);c.current=a;const B=e.useCallback(()=>({get chart(){return l.current},get state(){return c.current}}),[]);e.useImperativeHandle(u,B),e.useEffect(()=>{c.current&&c.current.seriesType&&p(s.mergeStates(c.current,s.createState(t.data,c.current.seriesType)))},[t.data]);const h=a.seriesType;return e.createElement(E,{title:r.toLanguageString(n.windowTitle,n.messages.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:t.onClose,onResize:v,stage:b,onStageChange:k,...P},e.createElement(g.Splitter,{panes:q,onChange:z,className:"k-chart-wizard-splitter"},e.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},e.createElement("div",{className:"k-preview-pane-header"},e.createElement(N.DropDownButton,{text:r.toLanguageString(n.exportButton,n.messages.exportButton),fillMode:"flat",svgIcon:d.exportIcon,icon:"export",onItemClick:f,items:[{svgIcon:d.filePdfIcon,icon:"file-pdf",exportHandler:s.handlePDFExport,text:r.toLanguageString(n.exportPDFButton,n.messages.exportPDFButton)},{svgIcon:d.fileIcon,icon:"file",exportHandler:s.handleSVGExport,text:r.toLanguageString(n.exportSVGButton,n.messages.exportSVGButton)},{svgIcon:d.fileImageIcon,icon:"file-image",exportHandler:s.handleImageExport,text:r.toLanguageString(n.exportPNGButton,n.messages.exportPNGButton)}]})),e.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},e.createElement(X.ChartComponent,{ref:l,state:a}))),e.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},e.createElement(g.TabStrip,{selected:I,onSelect:L,animation:!1},e.createElement(g.TabStripTab,{title:r.toLanguageString(n.tabChart,n.messages.tabChart)},e.createElement("div",null,e.createElement(M.BarChartPanel,{state:a,onStateChange:o}),e.createElement(Q.PieChartPanel,{state:a,onStateChange:o}),e.createElement(U.ColumnChartPanel,{state:a,onStateChange:o}),e.createElement(J.LineChartPanel,{state:a,onStateChange:o}),e.createElement(K.ScatterChartPanel,{state:a,onStateChange:o}))),e.createElement(g.TabStripTab,{title:r.toLanguageString(n.tabData,n.messages.tabData)},e.createElement(A.ConfigurationPanel,{state:a,onStateChange:o})),e.createElement(g.TabStripTab,{title:r.toLanguageString(n.tabFormat,n.messages.tabFormat)},e.createElement("div",null,e.createElement(F.ChartAreaPanel,{state:a,onStateChange:o}),e.createElement(H.TitlePanel,{state:a,onStateChange:o}),e.createElement(j.SeriesPanel,{state:a,onStateChange:o}),e.createElement(G.LegendPanel,{state:a,onStateChange:o}),h!=="pie"&&e.createElement(V.CategoryAxisPanel,{state:a,onStateChange:o}),h!=="pie"&&e.createElement(_.ValueAxisPanel,{state:a,onStateChange:o})))))))});C.displayName="ChartWizard";exports.ChartWizard=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),W=require("@progress/kendo-react-dialogs"),d=require("@progress/kendo-react-layout"),A=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-svg-icons"),i=require("./utils.js"),F=require("@progress/kendo-react-intl"),r=require("./messages.js"),H=require("./types/export.js"),j=require("./components/panels/ConfigurationPanel.js"),G=require("./components/panels/ChartAreaPanel.js"),V=require("./components/panels/TitlePanel.js"),_=require("./components/panels/SeriesPanel.js"),M=require("./components/panels/LegendPanel.js"),U=require("./components/panels/CategoryAxisPanel.js"),J=require("./components/panels/ValueAxisPanel.js"),K=require("./components/panels/BarChartPanel.js"),Q=require("./components/panels/ColumnChartPanel.js"),X=require("./components/panels/LineChartPanel.js"),Y=require("./components/panels/ScatterChartPanel.js"),Z=require("./components/panels/PieChartPanel.js"),$=require("./components/ChartComponent.js");function ee(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const u=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(s,o,u.get?u:{enumerable:!0,get:()=>t[o]})}}return s.default=t,Object.freeze(s)}const e=ee(O),E=e.forwardRef((t,s)=>{const o=F.useLocalization(),u=e.useRef(null),m=e.useRef(null),P=e.useCallback(a=>{var c;if(m.current){const h=new H.ExportEvent(m.current,i.resolveExportOptions(t.exportOptions));(c=t.onExport)==null||c.call(void 0,h),h.isDefaultPrevented()||a.item.exportHandler.call(void 0,h)}},[t.onExport,t.exportOptions]),x=t.window||W.Window,[b,w]=e.useState({width:700,height:550}),[v,k]=e.useState("DEFAULT"),q=e.useCallback(a=>{w({width:a.width,height:a.height})},[]),T=e.useCallback(a=>{k(a.state)},[]),[z,R]=e.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),I=e.useCallback(a=>{R(a.newState)},[]),[y,L]=e.useState(0),B=e.useCallback(a=>{L(a.selected)},[]),[D,p]=e.useState(i.createInitialState(t.data||[],"bar",t.defaultState)),l=a=>{var c;(c=t.onStateChange)==null||c.call(void 0,a),t.state||p(a)},n=t.state||D,g=e.useRef(n);g.current=n;const S=e.useRef(t);S.current=t;const N=e.useCallback(()=>({get chart(){return m.current},get state(){return g.current}}),[]);e.useImperativeHandle(s,N),e.useEffect(()=>{var a;if(g.current.seriesType&&t.data){const c=i.mergeStates(g.current,i.createState(t.data,g.current.seriesType));(a=S.current.onStateChange)==null||a.call(void 0,c),S.current.state||p(c)}},[t.data]),e.useEffect(()=>{var a,c;(c=(a=u.current)==null?void 0:a.element)==null||c.focus()},[]);const C=n.seriesType;return e.createElement(x,{title:o.toLanguageString(r.windowTitle,r.messages.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:t.onClose,onResize:q,stage:v,onStageChange:T,...b},e.createElement(d.Splitter,{panes:z,onChange:I,className:"k-chart-wizard-splitter"},e.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},e.createElement("div",{className:"k-preview-pane-header"},e.createElement(A.DropDownButton,{ref:u,text:o.toLanguageString(r.exportButton,r.messages.exportButton),fillMode:"flat",svgIcon:f.exportIcon,icon:"export",onItemClick:P,items:[{svgIcon:f.filePdfIcon,icon:"file-pdf",exportHandler:i.handlePDFExport,text:o.toLanguageString(r.exportPDFButton,r.messages.exportPDFButton)},{svgIcon:f.fileIcon,icon:"file",exportHandler:i.handleSVGExport,text:o.toLanguageString(r.exportSVGButton,r.messages.exportSVGButton)},{svgIcon:f.fileImageIcon,icon:"file-image",exportHandler:i.handleImageExport,text:o.toLanguageString(r.exportPNGButton,r.messages.exportPNGButton)}]})),e.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},e.createElement($.ChartComponent,{ref:m,state:n}))),e.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},e.createElement(d.TabStrip,{selected:y,onSelect:B,animation:!1},e.createElement(d.TabStripTab,{title:o.toLanguageString(r.tabChart,r.messages.tabChart)},e.createElement("div",null,e.createElement(K.BarChartPanel,{state:n,onStateChange:l}),e.createElement(Z.PieChartPanel,{state:n,onStateChange:l}),e.createElement(Q.ColumnChartPanel,{state:n,onStateChange:l}),e.createElement(X.LineChartPanel,{state:n,onStateChange:l}),e.createElement(Y.ScatterChartPanel,{state:n,onStateChange:l}))),e.createElement(d.TabStripTab,{title:o.toLanguageString(r.tabData,r.messages.tabData)},e.createElement(j.ConfigurationPanel,{state:n,onStateChange:l})),e.createElement(d.TabStripTab,{title:o.toLanguageString(r.tabFormat,r.messages.tabFormat)},e.createElement("div",null,e.createElement(G.ChartAreaPanel,{state:n,onStateChange:l}),e.createElement(V.TitlePanel,{state:n,onStateChange:l}),e.createElement(_.SeriesPanel,{state:n,onStateChange:l}),e.createElement(M.LegendPanel,{state:n,onStateChange:l}),C!=="pie"&&e.createElement(U.CategoryAxisPanel,{state:n,onStateChange:l}),C!=="pie"&&e.createElement(J.ValueAxisPanel,{state:n,onStateChange:l})))))))});E.displayName="ChartWizard";exports.ChartWizard=E;

package/ChartWizard.mjs

@@ -7,116 +7,127 @@
  */
 "use client";
 import * as e from "react";
-import { Window as B } from "@progress/kendo-react-dialogs";
-import { Splitter as D, TabStrip as N, TabStripTab as s } from "@progress/kendo-react-layout";
-import { DropDownButton as y } from "@progress/kendo-react-buttons";
-import { exportIcon as R, filePdfIcon as W, fileIcon as F, fileImageIcon as H } from "@progress/kendo-svg-icons";
-import { resolveExportOptions as G, createInitialState as A, mergeStates as V, createState as O, handlePDFExport as M, handleSVGExport as U, handleImageExport as j } from "./utils.mjs";
-import { useLocalization as q } from "@progress/kendo-react-intl";
-import { windowTitle as J, messages as i, exportButton as K, exportPDFButton as Q, exportSVGButton as X, exportPNGButton as Y, tabChart as Z, tabData as _, tabFormat as $ } from "./messages.mjs";
-import { ExportEvent as ee } from "./types/export.mjs";
-import { ConfigurationPanel as te } from "./components/panels/ConfigurationPanel.mjs";
-import { ChartAreaPanel as ae } from "./components/panels/ChartAreaPanel.mjs";
-import { TitlePanel as ne } from "./components/panels/TitlePanel.mjs";
-import { SeriesPanel as re } from "./components/panels/SeriesPanel.mjs";
-import { LegendPanel as oe } from "./components/panels/LegendPanel.mjs";
-import { CategoryAxisPanel as ie } from "./components/panels/CategoryAxisPanel.mjs";
-import { ValueAxisPanel as le } from "./components/panels/ValueAxisPanel.mjs";
-import { BarChartPanel as ce } from "./components/panels/BarChartPanel.mjs";
-import { ColumnChartPanel as me } from "./components/panels/ColumnChartPanel.mjs";
-import { LineChartPanel as se } from "./components/panels/LineChartPanel.mjs";
+import { Window as N } from "@progress/kendo-react-dialogs";
+import { Splitter as y, TabStrip as W, TabStripTab as f } from "@progress/kendo-react-layout";
+import { DropDownButton as F } from "@progress/kendo-react-buttons";
+import { exportIcon as H, filePdfIcon as G, fileIcon as A, fileImageIcon as V } from "@progress/kendo-svg-icons";
+import { resolveExportOptions as O, createInitialState as M, mergeStates as U, createState as j, handlePDFExport as q, handleSVGExport as J, handleImageExport as K } from "./utils.mjs";
+import { useLocalization as Q } from "@progress/kendo-react-intl";
+import { windowTitle as X, messages as l, exportButton as Y, exportPDFButton as Z, exportSVGButton as _, exportPNGButton as $, tabChart as ee, tabData as te, tabFormat as ae } from "./messages.mjs";
+import { ExportEvent as ne } from "./types/export.mjs";
+import { ConfigurationPanel as re } from "./components/panels/ConfigurationPanel.mjs";
+import { ChartAreaPanel as oe } from "./components/panels/ChartAreaPanel.mjs";
+import { TitlePanel as ie } from "./components/panels/TitlePanel.mjs";
+import { SeriesPanel as le } from "./components/panels/SeriesPanel.mjs";
+import { LegendPanel as ce } from "./components/panels/LegendPanel.mjs";
+import { CategoryAxisPanel as se } from "./components/panels/CategoryAxisPanel.mjs";
+import { ValueAxisPanel as me } from "./components/panels/ValueAxisPanel.mjs";
+import { BarChartPanel as ue } from "./components/panels/BarChartPanel.mjs";
+import { ColumnChartPanel as fe } from "./components/panels/ColumnChartPanel.mjs";
+import { LineChartPanel as de } from "./components/panels/LineChartPanel.mjs";
 import { ScatterChartPanel as pe } from "./components/panels/ScatterChartPanel.mjs";
-import { PieChartPanel as ue } from "./components/panels/PieChartPanel.mjs";
-import { ChartComponent as de } from "./components/ChartComponent.mjs";
-const ge = e.forwardRef((r, g) => {
-  const o = q(), c = e.useRef(null), f = e.useCallback(
-    (n) => {
-      var d;
-      if (c.current) {
-        const m = new ee(c.current, G(r.exportOptions));
-        (d = r.onExport) == null || d.call(void 0, m), m.isDefaultPrevented() || n.item.exportHandler.call(void 0, m);
+import { PieChartPanel as ge } from "./components/panels/PieChartPanel.mjs";
+import { ChartComponent as he } from "./components/ChartComponent.mjs";
+const Se = e.forwardRef((a, h) => {
+  const i = Q(), d = e.useRef(null), s = e.useRef(null), S = e.useCallback(
+    (t) => {
+      var o;
+      if (s.current) {
+        const u = new ne(s.current, O(a.exportOptions));
+        (o = a.onExport) == null || o.call(void 0, u), u.isDefaultPrevented() || t.item.exportHandler.call(void 0, u);
       }
     },
-    [r.onExport, r.exportOptions]
-  ), h = r.window || B, [E, S] = e.useState({ width: 700, height: 550 }), [x, w] = e.useState("DEFAULT"), C = e.useCallback((n) => {
-    S({ width: n.width, height: n.height });
-  }, []), P = e.useCallback((n) => {
-    w(n.state);
-  }, []), [b, v] = e.useState([
+    [a.onExport, a.exportOptions]
+  ), E = a.window || N, [x, C] = e.useState({ width: 700, height: 550 }), [w, v] = e.useState("DEFAULT"), P = e.useCallback((t) => {
+    C({ width: t.width, height: t.height });
+  }, []), b = e.useCallback((t) => {
+    v(t.state);
+  }, []), [k, z] = e.useState([
     { collapsible: !1 },
     { size: "300px", collapsible: !1 }
-  ]), k = e.useCallback((n) => {
-    v(n.newState);
-  }, []), [z, I] = e.useState(0), T = e.useCallback((n) => {
-    I(n.selected);
-  }, []), [t, p] = e.useState(
-    A(r.data, "bar", r.defaultState)
-  ), a = (n) => {
-    p(n);
-  }, l = e.useRef(t);
-  l.current = t;
-  const L = e.useCallback(
+  ]), I = e.useCallback((t) => {
+    z(t.newState);
+  }, []), [T, B] = e.useState(0), L = e.useCallback((t) => {
+    B(t.selected);
+  }, []), [R, p] = e.useState(
+    M(a.data || [], "bar", a.defaultState)
+  ), r = (t) => {
+    var o;
+    (o = a.onStateChange) == null || o.call(void 0, t), a.state || p(t);
+  }, n = a.state || R, c = e.useRef(n);
+  c.current = n;
+  const m = e.useRef(a);
+  m.current = a;
+  const D = e.useCallback(
     () => ({
       get chart() {
-        return c.current;
+        return s.current;
       },
       get state() {
-        return l.current;
+        return c.current;
       }
     }),
     []
   );
-  e.useImperativeHandle(g, L), e.useEffect(() => {
-    l.current && l.current.seriesType && p(V(l.current, O(r.data, l.current.seriesType)));
-  }, [r.data]);
-  const u = t.seriesType;
+  e.useImperativeHandle(h, D), e.useEffect(() => {
+    var t;
+    if (c.current.seriesType && a.data) {
+      const o = U(c.current, j(a.data, c.current.seriesType));
+      (t = m.current.onStateChange) == null || t.call(void 0, o), m.current.state || p(o);
+    }
+  }, [a.data]), e.useEffect(() => {
+    var t, o;
+    (o = (t = d.current) == null ? void 0 : t.element) == null || o.focus();
+  }, []);
+  const g = n.seriesType;
   return /* @__PURE__ */ e.createElement(
-    h,
+    E,
     {
-      title: o.toLanguageString(J, i.windowTitle),
+      title: i.toLanguageString(X, l.windowTitle),
       className: "k-chart-wizard",
       modal: !0,
       resizable: !0,
       minimizeButton: () => null,
-      onClose: r.onClose,
-      onResize: C,
-      stage: x,
-      onStageChange: P,
-      ...E
+      onClose: a.onClose,
+      onResize: P,
+      stage: w,
+      onStageChange: b,
+      ...x
     },
-    /* @__PURE__ */ e.createElement(D, { panes: b, onChange: k, 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(
-      y,
+    /* @__PURE__ */ e.createElement(y, { panes: k, onChange: I, 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(
+      F,
       {
-        text: o.toLanguageString(K, i.exportButton),
+        ref: d,
+        text: i.toLanguageString(Y, l.exportButton),
         fillMode: "flat",
-        svgIcon: R,
+        svgIcon: H,
         icon: "export",
-        onItemClick: f,
+        onItemClick: S,
         items: [
           {
-            svgIcon: W,
+            svgIcon: G,
             icon: "file-pdf",
-            exportHandler: M,
-            text: o.toLanguageString(Q, i.exportPDFButton)
+            exportHandler: q,
+            text: i.toLanguageString(Z, l.exportPDFButton)
           },
           {
-            svgIcon: F,
+            svgIcon: A,
             icon: "file",
-            exportHandler: U,
-            text: o.toLanguageString(X, i.exportSVGButton)
+            exportHandler: J,
+            text: i.toLanguageString(_, l.exportSVGButton)
           },
           {
-            svgIcon: H,
+            svgIcon: V,
             icon: "file-image",
-            exportHandler: j,
-            text: o.toLanguageString(Y, i.exportPNGButton)
+            exportHandler: K,
+            text: i.toLanguageString($, l.exportPNGButton)
           }
         ]
       }
-    )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(de, { ref: c, state: t }))), /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(N, { selected: z, onSelect: T, animation: !1 }, /* @__PURE__ */ e.createElement(s, { title: o.toLanguageString(Z, i.tabChart) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ce, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(ue, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(me, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(se, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(pe, { state: t, onStateChange: a }))), /* @__PURE__ */ e.createElement(s, { title: o.toLanguageString(_, i.tabData) }, /* @__PURE__ */ e.createElement(te, { state: t, onStateChange: a })), /* @__PURE__ */ e.createElement(s, { title: o.toLanguageString($, i.tabFormat) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ae, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(ne, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(re, { state: t, onStateChange: a }), /* @__PURE__ */ e.createElement(oe, { state: t, onStateChange: a }), u !== "pie" && /* @__PURE__ */ e.createElement(ie, { state: t, onStateChange: a }), u !== "pie" && /* @__PURE__ */ e.createElement(le, { state: t, onStateChange: a }))))))
+    )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(he, { ref: s, state: n }))), /* @__PURE__ */ e.createElement("div", { className: "k-chart-wizard-property-pane k-pane k-pane-static" }, /* @__PURE__ */ e.createElement(W, { selected: T, onSelect: L, animation: !1 }, /* @__PURE__ */ e.createElement(f, { title: i.toLanguageString(ee, l.tabChart) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ue, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(ge, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(fe, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(de, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(pe, { state: n, onStateChange: r }))), /* @__PURE__ */ e.createElement(f, { title: i.toLanguageString(te, l.tabData) }, /* @__PURE__ */ e.createElement(re, { state: n, onStateChange: r })), /* @__PURE__ */ e.createElement(f, { title: i.toLanguageString(ae, l.tabFormat) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(oe, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(ie, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(le, { state: n, onStateChange: r }), /* @__PURE__ */ e.createElement(ce, { state: n, onStateChange: r }), g !== "pie" && /* @__PURE__ */ e.createElement(se, { state: n, onStateChange: r }), g !== "pie" && /* @__PURE__ */ e.createElement(me, { state: n, onStateChange: r }))))))
   );
 });
-ge.displayName = "ChartWizard";
+Se.displayName = "ChartWizard";
 export {
-  ge as ChartWizard
+  Se as ChartWizard
 };

package/dist/cdn/js/kendo-react-chart-wizard.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-charts"),require("@progress/kendo-react-charts"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-form"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-common"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-inputs")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-charts","@progress/kendo-react-charts","@progress/kendo-drawing","@progress/kendo-file-saver","@progress/kendo-react-intl","@progress/kendo-react-form","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-common","@progress/kendo-react-animation","@progress/kendo-react-labels","@progress/kendo-react-inputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoCharts,e.KendoReactCharts,e.KendoDrawing,e.KendoFileSaver,e.KendoReactIntl,e.KendoReactForm,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactCommon,e.KendoReactAnimation,e.KendoReactLabels,e.KendoReactInputs)}(this,(function(e,t,a,r,l,n,o,i,c,s,d,u,g,m,h,x,v,p){"use strict";function f(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var C=f(t);const b=e=>{e.stopPropagation()},S="chart",E={paperSize:"A4",margin:"1cm"},k={width:800,height:600},L=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportPDF(t,a.pdf).then((e=>s.saveAs(e,a.fileName+".pdf")))},A=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportSVG(t).then((e=>s.saveAs(e,a.fileName+".svg")))},z=e=>{const t=e.exportOptions,a=i.exportVisual(e.chart,t.image);a&&c.exportImage(a,t.image).then((e=>s.saveAs(e,t.fileName+".png")))},y={value:null,text:""},T=(e,t)=>t.dataItem.style?C.cloneElement(e,e.props,C.createElement("span",{style:t.dataItem.style},e.props.children)):e,W=/^\d+$/,I=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!W.test(e.text))return!1;e.value=e.text+"px"}return R.find((t=>t.value===e.value))||(R.push(e),R.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},F={fillMode:"outline",popupSettings:{animate:!1}},P={type:"normal"},N={type:"100%"},w=e=>{var t,a;const r="object"==typeof(null==(t=e.series[0])?void 0:t.stack)&&(null==(a=e.series[0])?void 0:a.stack);return{isStackFalse:!1===r,isStackNormal:r&&"normal"===r.type,isStack100:r&&"100%"===r.type}},R=o.ChartWizardCommon.fontSizes,D=o.ChartWizardCommon.fontNames,K=o.ChartWizardCommon.createInitialState,B=o.ChartWizardCommon.createState,M=o.ChartWizardCommon.updateState,V=o.ChartWizardCommon.mergeStates,q=o.ChartWizardCommon.isCategorical,O=o.ChartWizardCommon.parseFont,G=o.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:j}=o.ChartWizardCommon,H=o.ChartWizardCommon.messages,X="chartWizard.format.chartArea.margins.auto";class Y{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let U=class extends Y{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const $=e=>t.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&t.createElement("legend",{className:"k-form-legend"},e.legend),e.children),J=C.createContext({onRemove:e=>{},count:0}),Q=e=>{const{onRemove:t,count:a}=C.useContext(J);return C.createElement("td",{...e.tdProps},C.createElement(l.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},Z=C.createContext({reorder:()=>{},dragStart:()=>{}}),_=e=>{const t=C.useContext(Z);return C.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},C.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},C.createElement(h.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},ee=C.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),te=e=>{const{enterEdit:t}=C.useContext(ee);return C.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},ae=e=>"delete"===e.field?C.createElement(Q,{...e}):"reorder"===e.field?C.createElement(_,{...e}):"name"===e.field?C.createElement(te,{...e}):null,re=e=>{const t=C.useRef(null),{exitEdit:a}=C.useContext(ee);return C.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),C.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},le=()=>null,{messages:ne}=o.ChartWizardCommon,oe="inEdit",ie=e=>{const[a,r]=t.useState(null);return t.createElement(J.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(Z.Provider,{value:{reorder:t=>{if(a===t)return;const r=e.data.slice(),l=r.findIndex((e=>e===a)),n=r.findIndex((e=>e===t));r.splice(l,1),r.splice(n,0,a||r[0]),e.onChange.call(void 0,r)},dragStart:e=>{r(e)}}},t.createElement(ee.Provider,{value:{enterEdit:(t,a)=>{const r=e.data.map((e=>({...e,[oe]:e.id===t.id?a:void 0})));e.onChange.call(void 0,r)},exitEdit:()=>{const t=e.data.map((e=>({...e,[oe]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(m.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",r=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,r)},scrollable:"none",editField:oe,cells:{headerCell:le,data:ae,edit:{text:re,boolean:re,numeric:re,date:re}}},t.createElement(m.GridToolbar,null,t.createElement(l.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},d.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",ne.configurationSeriesAdd))),t.createElement(m.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(m.GridColumn,{field:"name",title:"Name"}),t.createElement(m.GridColumn,{field:"delete",width:"40px",editable:!1})))))},ce=e=>{const a=d.useLocalization(),l=e.state,n=l.seriesType,[o,i]=t.useState(!0),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(l,G.categoryAxisX,t.target.value))}),[l]),m=t.useCallback((t=>{e.onStateChange(M(l,G.seriesChange,t))}),[l]),h=t.useCallback((t=>{e.onStateChange(M(l,G.valueAxisY,t.target.value))}),[l]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString("chartWizard.data.configuration.expandText",H.configuration),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:"scatter"===n?a.toLanguageString("chartWizard.data.configuration.xAxis",H.configurationXAxis):a.toLanguageString("chartWizard.data.configuration.categoryAxis",H.configurationCategoryAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.categoryField,onChange:s,...F})),q(n)&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.series.title",H.configurationSeries)},t.createElement(ie,{data:l.series,initialData:l.initialSeries,onChange:m})),"pie"===n&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.valueAxis",H.configurationValueAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.valueField||"",...F,onChange:h}))))))},se=e=>t.createElement(u.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&t.createElement(v.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),t.createElement("div",{className:"k-form-field-wrap",onKeyDown:b},e.children)),de=e=>{var a;const l=d.useLocalization(),n=e.state,[o,i]=t.useState(!1),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginLeft,t.target.value))}),[n]),g=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginRight,t.target.value))}),[n]),m=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginTop,t.target.value))}),[n]),h=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginBottom,t.target.value))}),[n]),v=n.area.margin,f=t.useCallback((t=>{e.onStateChange(M(n,G.areaBackground,t.value))}),[n]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString("chartWizard.format.chartArea.expandText",H.formatChartArea),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.margins",H.formatChartAreaMargins)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.left",H.formatChartAreaMarginsLeft),editorId:"left"},t.createElement(p.NumericTextBox,{id:"left",value:void 0!==v.left?v.left:null,onChange:s,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.right",H.formatChartAreaMarginsRight),editorId:"right"},t.createElement(p.NumericTextBox,{id:"right",value:void 0!==v.right?v.right:null,onChange:g,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.top",H.formatChartAreaMarginsTop),editorId:"top"},t.createElement(p.NumericTextBox,{id:"top",value:void 0!==v.top?v.top:null,onChange:m,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.bottom",H.formatChartAreaMarginsBottom),editorId:"bottom"},t.createElement(p.NumericTextBox,{id:"bottom",value:void 0!==v.bottom?v.bottom:null,onChange:h,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.background",H.formatChartAreaBackground)},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.background.color",H.formatChartAreaBackgroundColor),editorId:"background"},t.createElement(p.ColorPicker,{id:"background",value:(null==(a=n.area)?void 0:a.background)||"",onChange:f,view:"gradient",fillMode:"outline"})))))))},ue=e=>{const t=d.useLocalization(),a=e.state,[l,n]=C.useState(!1),o=C.useCallback((e=>{n(!e.expanded)}),[]),i=[{value:"chartTitle",text:t.toLanguageString("chartWizard.format.title.chartTitle",H.formatTitleChartTitle)},{value:"chartSubtitle",text:t.toLanguageString("chartWizard.format.title.chartSubtitle",H.formatTitleChartSubtitle)}],[c,s]=C.useState(i[0]),m=C.useCallback((e=>{s(e.target.value)}),[]),h=(c.value===i[0].value?a.title:a.subtitle)||{text:"",font:"",color:""};return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.format.title.expandText",H.formatTitle),expanded:l,tabIndex:0,onAction:o},C.createElement(x.Reveal,null,l&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},C.createElement(se,{className:"k-col-span-2",editorId:"apply-to-title",labelText:t.toLanguageString("chartWizard.format.title.applyTo",H.formatTitleApplyTo)},C.createElement(g.DropDownList,{id:"apply-to-title",data:i,textField:"text",dataItemKey:"value",value:i.find((e=>e.value===c.value)),onChange:m,...F})),C.createElement(se,{className:"k-col-span-2",editorId:"titleText",labelText:t.toLanguageString("chartWizard.format.title.label",H.formatTitleLabel)},C.createElement(p.Input,{id:"titleText",placeholder:c.value===i[0].value?i[0].text:i[1].text,value:h.text,onChange:t=>{const r=c.value===i[0].value?G.titleText:G.subtitleText;e.onStateChange(M(a,r,t.target.value))}})),C.createElement(se,{className:"k-col-span-2",editorId:"titleFont",labelText:t.toLanguageString("chartWizard.format.title.font",H.formatTitleFont)},C.createElement(g.ComboBox,{id:"titleFont",data:D,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.fontPlaceholder",H.formatTitleFontPlaceholder),value:D.find((e=>e.value===O(h.font).name))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontName:G.subtitleFontName,l=t.target.value||y;e.onStateChange(M(a,r,l.value))},itemRender:T,...F})),C.createElement(se,{editorId:"titleFontSize",labelText:t.toLanguageString("chartWizard.format.title.size",H.formatTitleSize)},C.createElement(g.ComboBox,{id:"titleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.sizePlaceholder",H.formatTitleSizePlaceholder),value:R.find((e=>e.value===O(h.font).size))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontSize:G.subtitleFontSize,l=t.target.value||y;I(l)&&e.onStateChange(M(a,r,l.value))},itemRender:T,allowCustom:!0,...F})),C.createElement(se,{editorId:"titleColor",labelText:t.toLanguageString("chartWizard.format.title.color",H.formatTitleColor)},C.createElement(p.ColorPicker,{id:"titleColor",value:h.color||"",onChange:t=>{const r=c.value===i[0].value?G.titleColor:G.subtitleColor;e.onStateChange(M(a,r,t.value))},view:"gradient",fillMode:"outline"})))))))},ge=e=>{var a,l,n,o,i;const[c,s]=t.useState(""),m=d.useLocalization(),h=e.state,v=h.seriesType,f="object"==typeof(null==(a=h.series[0])?void 0:a.stack)&&(null==(l=h.series[0])?void 0:l.stack.type),[C,S]=t.useState(!1),E=t.useCallback((e=>{S(!e.expanded)}),[]),k={name:m.toLanguageString("chartWizard.format.series.allSeries",H.formatSeriesAllSeries)};return t.useEffect((()=>{s("")}),[v,f]),t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.series.expandText",H.formatSeries),expanded:C,tabIndex:0,onAction:E},t.createElement(x.Reveal,null,C&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement(se,{editorId:"apply-to-series",labelText:m.toLanguageString("chartWizard.format.series.applyTo",H.formatSeriesApplyTo)},t.createElement(g.DropDownList,{id:"apply-to-series",data:h.series,textField:"name",dataItemKey:"name",defaultItem:k,disabled:!q(v),value:h.series.find((e=>e.name===c))||k,onChange:e=>{const t=e.target.value.name;s(t===k.name?"":t)},...F})),t.createElement(se,{editorId:"seriesColor",labelText:m.toLanguageString("chartWizard.format.series.color",H.formatSeriesColor)},t.createElement(p.ColorPicker,{id:"seriesColor",value:c?null==(n=h.series.find((e=>e.name===c)))?void 0:n.color:"",onChange:t=>{c&&e.onStateChange(M(h,G.seriesColor,{seriesName:c,color:t.value}))},disabled:!c,view:"gradient",fillMode:"outline"})),t.createElement(se,null,t.createElement(p.Checkbox,{label:m.toLanguageString("chartWizard.format.series.showLabels",H.formatSeriesShowLabels),checked:c?null==(i=null==(o=h.series.find((e=>e.name===c)))?void 0:o.labels)?void 0:i.visible:h.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:t=>{e.onStateChange(M(h,G.seriesLabel,{seriesName:c,all:!c,visible:t.value}))}}))))))},me=e=>{var a,l,n,o,i,c,s;const m=d.useLocalization(),h=e.state,[f,C]=t.useState(!1),S=t.useCallback((e=>{C(!e.expanded)}),[]),E=[{value:"top",text:m.toLanguageString("chartWizard.format.legend.position.top",H.formatLegendPositionTop)},{value:"bottom",text:m.toLanguageString("chartWizard.format.legend.position.bottom",H.formatLegendPositionBottom)},{value:"left",text:m.toLanguageString("chartWizard.format.legend.position.left",H.formatLegendPositionLeft)},{value:"right",text:m.toLanguageString("chartWizard.format.legend.position.right",H.formatLegendPositionRight)}];return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.legend.expandText",H.formatLegend),expanded:f,tabIndex:0,onAction:S},t.createElement(x.Reveal,null,f&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(v.Label,{editorId:"show-legend"},m.toLanguageString("chartWizard.format.legend.showLegend",H.formatLegendShowLegend)),t.createElement(p.Switch,{id:"show-legend",checked:null==(a=h.legend)?void 0:a.visible,onChange:t=>{e.onStateChange(M(h,G.legendVisible,t.value))}}),t.createElement(se,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:m.toLanguageString("chartWizard.format.legend.font",H.formatLegendFont)},t.createElement(g.ComboBox,{id:"legendLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.fontPlaceholder",H.formatLegendFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(h,G.legendFontName,a.value))},itemRender:T,disabled:!1===(null==(l=h.legend)?void 0:l.visible),...F})),t.createElement(se,{editorId:"legendLabelsSize",labelText:m.toLanguageString("chartWizard.format.legend.size",H.formatLegendSize)},t.createElement(g.ComboBox,{id:"legendLabelsSize",data:R,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.sizePlaceholder",H.formatLegendSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(h,G.legendFontSize,a.value))},disabled:!1===(null==(n=h.legend)?void 0:n.visible),allowCustom:!0,...F})),t.createElement(se,{editorId:"legendLabelsColor",labelText:m.toLanguageString("chartWizard.format.legend.color",H.formatLegendColor)},t.createElement(p.ColorPicker,{id:"legendLabelsColor",value:(null==(i=null==(o=h.legend)?void 0:o.labels)?void 0:i.color)||"",onChange:t=>{e.onStateChange(M(h,G.legendColor,t.value))},disabled:!1===(null==(c=h.legend)?void 0:c.visible),view:"gradient",fillMode:"outline"})),t.createElement(se,{className:"k-col-span-2",editorId:"legendPosition",labelText:m.toLanguageString("chartWizard.format.legend.position",H.formatLegendPosition)},t.createElement(g.DropDownList,{id:"legendPosition",data:E,textField:"text",dataItemKey:"value",value:E.find((e=>{var t;return e.value===(null==(t=h.legend)?void 0:t.position)})),onChange:t=>{const a=t.target.value;e.onStateChange(M(h,G.legendPosition,a.value))},disabled:!1===(null==(s=h.legend)?void 0:s.visible),...F})))))))},he=e=>{var a,l,n,o,i;const c=d.useLocalization(),s=e.state,m=s.seriesType,[h,v]=t.useState(!1),f=t.useCallback((e=>{v(!e.expanded)}),[]),C=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleText,t.target.value))}),[s]),S=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisTitleFontSize,a.value))}),[s]),E=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisTitleFontName,a.value))}),[s]),k=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleColor,t.value))}),[s]),L=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisLabelsFontSize,a.value))}),[s]),A=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisLabelsFontName,a.value))}),[s]),z=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsColor,t.value))}),[s]),W=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsRotation,t.target.value))}),[s]),P=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisReverseOrder,t.value))}),[s]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===m?c.toLanguageString("chartWizard.format.xAxis.expandText",H.formatXAxis):c.toLanguageString("chartWizard.format.categoryAxis.expandText",H.formatCategoryAxis),expanded:h,tabIndex:0,onAction:f},t.createElement(x.Reveal,null,h&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.title.expandText",H.formatCategoryAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Input,{placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",H.formatCategoryAxisTitlePlaceholder),value:(null==(a=s.categoryAxis[0].title)?void 0:a.text)||"",onChange:C})),t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.font",H.formatCategoryAxisTitleFont)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",H.formatCategoryAxisTitleFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:E,...F})),t.createElement(se,{editorId:"categoryAxisTitleFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.size",H.formatCategoryAxisTitleSize)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",H.formatCategoryAxisTitleSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:S,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisTitleColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.color",H.formatCategoryAxisTitleColor)},t.createElement(p.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(l=s.categoryAxis[0].title)?void 0:l.color)||"",onChange:k,fillMode:"outline"})))),t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.labels.text",H.formatCategoryAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.font",H.formatCategoryAxisLabelsFont)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",H.formatCategoryAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:A,itemRender:T,...F})),t.createElement(se,{editorId:"categoryAxisLabelsFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.size",H.formatCategoryAxisLabelsSize)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",H.formatCategoryAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:L,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisLabelsColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.color",H.formatCategoryAxisLabelsColor)},t.createElement(p.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(n=s.categoryAxis[0].labels)?void 0:n.color)||"",onChange:z,fillMode:"outline"})),t.createElement(se,{editorId:"categoryAxisLabelsRotation",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",H.formatCategoryAxisLabelsRotation)},t.createElement(p.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(o=s.categoryAxis[0].labels)?void 0:o.rotation)?null==(i=s.categoryAxis[0].labels)?void 0:i.rotation:null,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",H.formatCategoryAxisLabelsRotationAuto),onChange:W,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Checkbox,{label:c.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",H.formatCategoryAxisLabelsReverseOrder),checked:s.categoryAxis[0].reverse||!1,onChange:P}))))))))},xe=e=>{var a,l,n,o,i,c,s,m,h,v;const f=d.useLocalization(),C=e.state,S=C.seriesType,E={text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",H.formatValueAxisLabelsFormatText),value:""},k=[{value:"n0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",H.formatValueAxisLabelsFormatNumber)},{value:"c0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",H.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",H.formatValueAxisLabelsFormatPercent)}],[L,A]=t.useState(!1),z=t.useCallback((e=>{A(!e.expanded)}),[]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===S?f.toLanguageString("chartWizard.format.yAxis.expandText",H.formatYAxis):f.toLanguageString("chartWizard.format.valueAxis.expandText",H.formatValueAxis),expanded:L,tabIndex:0,onAction:z},t.createElement(x.Reveal,null,L&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:f.toLanguageString("chartWizard.format.valueAxis.title.text",H.formatValueAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Input,{placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.placeholder",H.formatValueAxisTitlePlaceholder),value:(null==(l=null==(a=C.valueAxis[0])?void 0:a.title)?void 0:l.text)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleText,t.target.value))}})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.font",H.formatValueAxisTitleFont)},t.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",H.formatValueAxisTitleFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisTitleFontName,a.value))},...F})),t.createElement(se,{editorId:"valueAxisTitleFontSize",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.size",H.formatValueAxisTitleSize)},t.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",H.formatValueAxisTitleSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisTitleFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisTitleColor",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.color",H.formatValueAxisTitleColor)},t.createElement(p.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(o=null==(n=C.valueAxis[0])?void 0:n.title)?void 0:o.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleColor,t.value))},fillMode:"outline"})))),t.createElement($,{legend:f.toLanguageString("chartWizard.format.valueAxis.labels.text",H.formatValueAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:f.toLanguageString("chartWizard.format.valueAxis.labelFormat",H.formatValueAxisLabelsFormat)},t.createElement(g.DropDownList,{id:"valueAxisLabelsFormat",data:k,textField:"text",dataItemKey:"value",defaultItem:E,value:k.find((e=>{var t,a;return e.value===(null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||E,onChange:t=>{const a=t.target.value;e.onStateChange(M(C,G.valueAxisLabelsFormat,a.value))},...F})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.font",H.formatValueAxisLabelsFont)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",H.formatValueAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisLabelsFontName,a.value))},itemRender:T,...F})),t.createElement(se,{editorId:"valueAxisLabelsFontSize",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.size",H.formatValueAxisLabelsSize)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",H.formatValueAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisLabelsFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisLabelsColor",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.color",H.formatValueAxisLabelsColor)},t.createElement(p.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(c=null==(i=C.valueAxis[0])?void 0:i.labels)?void 0:c.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsColor,t.value))},fillMode:"outline"})),t.createElement(se,{editorId:"valueAxisLabelsRotation",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",H.formatValueAxisLabelsRotation)},t.createElement(p.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(m=null==(s=C.valueAxis[0])?void 0:s.labels)?void 0:m.rotation)?null==(v=null==(h=C.valueAxis[0])?void 0:h.labels)?void 0:v.rotation:null,placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",H.formatValueAxisLabelsRotationAuto),onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsRotation,t.target.value))},fillMode:"outline",min:-360,max:360,step:1}))))))))},ve=e=>t.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:b},e.children),pe=e=>{const a=t.useCallback((t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick.call(void 0))}),[e.onClick]);return t.createElement("div",{className:h.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:a},t.createElement(h.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},fe=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.barChart.expandText",H.barChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"bar"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"bar")))},icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},t.toLanguageString("chartWizard.chart.barChart.bar",H.barChartBar)),C.createElement(pe,{selected:"bar"===l&&i,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},t.toLanguageString("chartWizard.chart.barChart.stackedBar",H.barChartStackedBar)),C.createElement(pe,{selected:"bar"===l&&c,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},t.toLanguageString("chartWizard.chart.barChart.100%stackedBar",H.barChart100StackedBar))))))},Ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.columnChart.expandText",H.columnChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"column"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"column")))},icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},t.toLanguageString("chartWizard.chart.columnChart.column",H.columnChartColumn)),C.createElement(pe,{selected:"column"===l&&i,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},t.toLanguageString("chartWizard.chart.columnChart.stackedColumn",H.columnChartStackedColumn)),C.createElement(pe,{selected:"column"===l&&c,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},t.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",H.columnChart100StackedColumn))))))},be=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.lineChart.expandText",H.lineChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"line"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"line")))},icon:n.chartLineIcon,iconName:"chart-line"},t.toLanguageString("chartWizard.chart.lineChart.line",H.lineChartLine)),C.createElement(pe,{selected:"line"===l&&i,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},t.toLanguageString("chartWizard.chart.lineChart.stackedLine",H.lineChartStackedLine)),C.createElement(pe,{selected:"line"===l&&c,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},t.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",H.lineChart100StackedLine))))))},Se=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.scatterChart.expandText",H.scatterChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"scatter"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"scatter")))},icon:n.chartScatterIcon,iconName:"chart-scatter"},t.toLanguageString("chartWizard.chart.scatterChart.scatter",H.scatterChartScatter))))))},Ee=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.pieChart.expandText",H.pieChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"pie"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"pie")))},icon:n.chartPieIcon,iconName:"chart-pie"},t.toLanguageString("chartWizard.chart.pieChart.pie",H.pieChartPie))))))},ke=t.forwardRef(((e,a)=>{var r,l,n,o,c,s,d,u,g,m,h,x,v;const p=e.state;return t.createElement(i.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:a},t.createElement(i.ChartTitle,{text:null==(r=p.title)?void 0:r.text,font:null==(l=p.title)?void 0:l.font,color:(null==(n=p.title)?void 0:n.color)||"#000"}),t.createElement(i.ChartSubtitle,{text:null==(o=p.subtitle)?void 0:o.text,font:null==(c=p.subtitle)?void 0:c.font,color:(null==(s=p.subtitle)?void 0:s.color)||"#000"}),t.createElement(i.ChartArea,{background:null==(d=p.area)?void 0:d.background,margin:p.area.margin}),p.categoryAxis&&t.createElement(i.ChartCategoryAxis,null,p.categoryAxis.map(((e,a)=>t.createElement(i.ChartCategoryAxisItem,{key:a,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),p.valueAxis&&t.createElement(i.ChartValueAxis,null,p.valueAxis.map(((e,a)=>t.createElement(i.ChartValueAxisItem,{key:a,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),t.createElement(i.ChartSeries,null,p.series.map(((e,a)=>t.createElement(i.ChartSeriesItem,{key:String(e.name)+a,...e})))),t.createElement(i.ChartLegend,{visible:null==(u=p.legend)?void 0:u.visible,position:null==(g=p.legend)?void 0:g.position,labels:{color:(null==(h=null==(m=p.legend)?void 0:m.labels)?void 0:h.color)||void 0,font:(null==(v=null==(x=p.legend)?void 0:x.labels)?void 0:v.font)||void 0}}))}));ke.displayName="ChartComponent";const Le=C.forwardRef(((e,t)=>{const o=d.useLocalization(),i=C.useRef(null),c=C.useCallback((t=>{var a;if(i.current){const r=new U(i.current,((e={})=>({fileName:e.fileName||S,pdf:{...E,...e.pdf},image:{...k,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(void 0,r),r.isDefaultPrevented()||t.item.exportHandler.call(void 0,r)}}),[e.onExport,e.exportOptions]),s=e.window||a.Window,[u,g]=C.useState({width:700,height:550}),[m,h]=C.useState("DEFAULT"),x=C.useCallback((e=>{g({width:e.width,height:e.height})}),[]),v=C.useCallback((e=>{h(e.state)}),[]),[p,f]=C.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),b=C.useCallback((e=>{f(e.newState)}),[]),[y,T]=C.useState(0),W=C.useCallback((e=>{T(e.selected)}),[]),[I,F]=C.useState(K(e.data,"bar",e.defaultState)),P=e=>{F(e)},N=C.useRef(I);N.current=I;const w=C.useCallback((()=>({get chart(){return i.current},get state(){return N.current}})),[]);C.useImperativeHandle(t,w),C.useEffect((()=>{N.current&&N.current.seriesType&&F(V(N.current,B(e.data,N.current.seriesType)))}),[e.data]);const R=I.seriesType;return C.createElement(s,{title:o.toLanguageString("chartWizard.window.title",H.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:x,stage:m,onStageChange:v,...u},C.createElement(r.Splitter,{panes:p,onChange:b,className:"k-chart-wizard-splitter"},C.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},C.createElement("div",{className:"k-preview-pane-header"},C.createElement(l.DropDownButton,{text:o.toLanguageString("chartWizard.export.button",H.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:c,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:L,text:o.toLanguageString("chartWizard.exportPDF.button",H.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:A,text:o.toLanguageString("chartWizard.exportSVG.button",H.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:z,text:o.toLanguageString("chartWizard.exportPNG.button",H.exportPNGButton)}]})),C.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},C.createElement(ke,{ref:i,state:I}))),C.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},C.createElement(r.TabStrip,{selected:y,onSelect:W,animation:!1},C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.chart",H.tabChart)},C.createElement("div",null,C.createElement(fe,{state:I,onStateChange:P}),C.createElement(Ee,{state:I,onStateChange:P}),C.createElement(Ce,{state:I,onStateChange:P}),C.createElement(be,{state:I,onStateChange:P}),C.createElement(Se,{state:I,onStateChange:P}))),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.data",H.tabData)},C.createElement(ce,{state:I,onStateChange:P})),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.format",H.tabFormat)},C.createElement("div",null,C.createElement(de,{state:I,onStateChange:P}),C.createElement(ue,{state:I,onStateChange:P}),C.createElement(ge,{state:I,onStateChange:P}),C.createElement(me,{state:I,onStateChange:P}),"pie"!==R&&C.createElement(he,{state:I,onStateChange:P}),"pie"!==R&&C.createElement(xe,{state:I,onStateChange:P})))))))}));function Ae(e){const{grid:t,data:a,selectedState:r,dataItemKey:l}=e;if(!t)return[];const n=m.leafColumns(t.columns||[]),o=h.getter(l),i=h.getter("field"),c=h.getter("title"),s=new Map(a.map((e=>[String(o(e)),e]))),d=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),u=Object.keys(r).sort(((e,t)=>(d.get(e)||0)-(d.get(t)||0))),g=[];return u.forEach((e=>{let t=r[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const r=a.map((e=>({title:c(n[e]),field:i(n[e])})));g.push({dataItem:s.get(e),dataColumns:r})}})),g}Le.displayName="ChartWizard";const{getWizardDataFromDataRows:ze}=o.ChartWizardCommon;e.ChartWizard=Le,e.getGridSelectedRows=Ae,e.getWizardDataFromDataRows=j,e.getWizardDataFromGridSelection=e=>ze(Ae(e))}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-charts"),require("@progress/kendo-react-charts"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-form"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-common"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-inputs")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-charts","@progress/kendo-react-charts","@progress/kendo-drawing","@progress/kendo-file-saver","@progress/kendo-react-intl","@progress/kendo-react-form","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-common","@progress/kendo-react-animation","@progress/kendo-react-labels","@progress/kendo-react-inputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoCharts,e.KendoReactCharts,e.KendoDrawing,e.KendoFileSaver,e.KendoReactIntl,e.KendoReactForm,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactCommon,e.KendoReactAnimation,e.KendoReactLabels,e.KendoReactInputs)}(this,(function(e,t,a,r,l,n,o,i,c,s,d,u,g,m,h,x,v,f){"use strict";function p(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var C=p(t);const b=e=>{e.stopPropagation()},S="chart",E={paperSize:"A4",margin:"1cm"},k={width:800,height:600},L=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportPDF(t,a.pdf).then((e=>s.saveAs(e,a.fileName+".pdf")))},A=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportSVG(t).then((e=>s.saveAs(e,a.fileName+".svg")))},z=e=>{const t=e.exportOptions,a=i.exportVisual(e.chart,t.image);a&&c.exportImage(a,t.image).then((e=>s.saveAs(e,t.fileName+".png")))},y={value:null,text:""},T=(e,t)=>t.dataItem.style?C.cloneElement(e,e.props,C.createElement("span",{style:t.dataItem.style},e.props.children)):e,W=/^\d+$/,I=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!W.test(e.text))return!1;e.value=e.text+"px"}return R.find((t=>t.value===e.value))||(R.push(e),R.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},F={fillMode:"outline",popupSettings:{animate:!1}},P={type:"normal"},N={type:"100%"},w=e=>{var t,a;const r="object"==typeof(null==(t=e.series[0])?void 0:t.stack)&&(null==(a=e.series[0])?void 0:a.stack);return{isStackFalse:!1===r,isStackNormal:r&&"normal"===r.type,isStack100:r&&"100%"===r.type}},R=o.ChartWizardCommon.fontSizes,D=o.ChartWizardCommon.fontNames,K=o.ChartWizardCommon.createInitialState,B=(e,t)=>o.ChartWizardCommon.createState(e,t),M=o.ChartWizardCommon.updateState,V=o.ChartWizardCommon.mergeStates,q=o.ChartWizardCommon.isCategorical,O=o.ChartWizardCommon.parseFont,G=o.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:j}=o.ChartWizardCommon,H=o.ChartWizardCommon.messages,X="chartWizard.format.chartArea.margins.auto";class Y{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let U=class extends Y{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const $=e=>t.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&t.createElement("legend",{className:"k-form-legend"},e.legend),e.children),J=C.createContext({onRemove:e=>{},count:0}),Q=e=>{const{onRemove:t,count:a}=C.useContext(J);return C.createElement("td",{...e.tdProps},C.createElement(l.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},Z=C.createContext({reorder:()=>{},dragStart:()=>{}}),_=e=>{const t=C.useContext(Z);return C.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},C.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},C.createElement(h.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},ee=C.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),te=e=>{const{enterEdit:t}=C.useContext(ee);return C.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},ae=e=>"delete"===e.field?C.createElement(Q,{...e}):"reorder"===e.field?C.createElement(_,{...e}):"name"===e.field?C.createElement(te,{...e}):null,re=e=>{const t=C.useRef(null),{exitEdit:a}=C.useContext(ee);return C.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),C.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},le=()=>null,{messages:ne}=o.ChartWizardCommon,oe="inEdit",ie=e=>{const[a,r]=t.useState(null);return t.createElement(J.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(Z.Provider,{value:{reorder:t=>{if(a===t)return;const r=e.data.slice(),l=r.findIndex((e=>e===a)),n=r.findIndex((e=>e===t));r.splice(l,1),r.splice(n,0,a||r[0]),e.onChange.call(void 0,r)},dragStart:e=>{r(e)}}},t.createElement(ee.Provider,{value:{enterEdit:(t,a)=>{const r=e.data.map((e=>({...e,[oe]:e.id===t.id?a:void 0})));e.onChange.call(void 0,r)},exitEdit:()=>{const t=e.data.map((e=>({...e,[oe]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(m.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",r=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,r)},scrollable:"none",editField:oe,cells:{headerCell:le,data:ae,edit:{text:re,boolean:re,numeric:re,date:re}}},t.createElement(m.GridToolbar,null,t.createElement(l.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},d.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",ne.configurationSeriesAdd))),t.createElement(m.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(m.GridColumn,{field:"name",title:"Name"}),t.createElement(m.GridColumn,{field:"delete",width:"40px",editable:!1})))))},ce=e=>{const a=d.useLocalization(),l=e.state,n=l.seriesType,[o,i]=t.useState(!0),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(l,G.categoryAxisX,t.target.value))}),[l]),m=t.useCallback((t=>{e.onStateChange(M(l,G.seriesChange,t))}),[l]),h=t.useCallback((t=>{e.onStateChange(M(l,G.valueAxisY,t.target.value))}),[l]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString("chartWizard.data.configuration.expandText",H.configuration),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:"scatter"===n?a.toLanguageString("chartWizard.data.configuration.xAxis",H.configurationXAxis):a.toLanguageString("chartWizard.data.configuration.categoryAxis",H.configurationCategoryAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.categoryField,onChange:s,...F})),q(n)&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.series.title",H.configurationSeries)},t.createElement(ie,{data:l.series,initialData:l.initialSeries,onChange:m})),"pie"===n&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.valueAxis",H.configurationValueAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.valueField||"",...F,onChange:h}))))))},se=e=>t.createElement(u.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&t.createElement(v.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),t.createElement("div",{className:"k-form-field-wrap",onKeyDown:b},e.children)),de=e=>{var a;const l=d.useLocalization(),n=e.state,[o,i]=t.useState(!1),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginLeft,t.target.value))}),[n]),g=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginRight,t.target.value))}),[n]),m=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginTop,t.target.value))}),[n]),h=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginBottom,t.target.value))}),[n]),v=n.area.margin,p=t.useCallback((t=>{e.onStateChange(M(n,G.areaBackground,t.value))}),[n]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString("chartWizard.format.chartArea.expandText",H.formatChartArea),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.margins",H.formatChartAreaMargins)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.left",H.formatChartAreaMarginsLeft),editorId:"left"},t.createElement(f.NumericTextBox,{id:"left",value:void 0!==v.left?v.left:null,onChange:s,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.right",H.formatChartAreaMarginsRight),editorId:"right"},t.createElement(f.NumericTextBox,{id:"right",value:void 0!==v.right?v.right:null,onChange:g,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.top",H.formatChartAreaMarginsTop),editorId:"top"},t.createElement(f.NumericTextBox,{id:"top",value:void 0!==v.top?v.top:null,onChange:m,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.bottom",H.formatChartAreaMarginsBottom),editorId:"bottom"},t.createElement(f.NumericTextBox,{id:"bottom",value:void 0!==v.bottom?v.bottom:null,onChange:h,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.background",H.formatChartAreaBackground)},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.background.color",H.formatChartAreaBackgroundColor),editorId:"background"},t.createElement(f.ColorPicker,{id:"background",value:(null==(a=n.area)?void 0:a.background)||"",onChange:p,view:"gradient",fillMode:"outline"})))))))},ue=e=>{const t=d.useLocalization(),a=e.state,[l,n]=C.useState(!1),o=C.useCallback((e=>{n(!e.expanded)}),[]),i=[{value:"chartTitle",text:t.toLanguageString("chartWizard.format.title.chartTitle",H.formatTitleChartTitle)},{value:"chartSubtitle",text:t.toLanguageString("chartWizard.format.title.chartSubtitle",H.formatTitleChartSubtitle)}],[c,s]=C.useState(i[0]),m=C.useCallback((e=>{s(e.target.value)}),[]),h=(c.value===i[0].value?a.title:a.subtitle)||{text:"",font:"",color:""};return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.format.title.expandText",H.formatTitle),expanded:l,tabIndex:0,onAction:o},C.createElement(x.Reveal,null,l&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},C.createElement(se,{className:"k-col-span-2",editorId:"apply-to-title",labelText:t.toLanguageString("chartWizard.format.title.applyTo",H.formatTitleApplyTo)},C.createElement(g.DropDownList,{id:"apply-to-title",data:i,textField:"text",dataItemKey:"value",value:i.find((e=>e.value===c.value)),onChange:m,...F})),C.createElement(se,{className:"k-col-span-2",editorId:"titleText",labelText:t.toLanguageString("chartWizard.format.title.label",H.formatTitleLabel)},C.createElement(f.Input,{id:"titleText",placeholder:c.value===i[0].value?i[0].text:i[1].text,value:h.text,onChange:t=>{const r=c.value===i[0].value?G.titleText:G.subtitleText;e.onStateChange(M(a,r,t.target.value))}})),C.createElement(se,{className:"k-col-span-2",editorId:"titleFont",labelText:t.toLanguageString("chartWizard.format.title.font",H.formatTitleFont)},C.createElement(g.ComboBox,{id:"titleFont",data:D,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.fontPlaceholder",H.formatTitleFontPlaceholder),value:D.find((e=>e.value===O(h.font).name))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontName:G.subtitleFontName,l=t.target.value||y;e.onStateChange(M(a,r,l.value))},itemRender:T,...F})),C.createElement(se,{editorId:"titleFontSize",labelText:t.toLanguageString("chartWizard.format.title.size",H.formatTitleSize)},C.createElement(g.ComboBox,{id:"titleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.sizePlaceholder",H.formatTitleSizePlaceholder),value:R.find((e=>e.value===O(h.font).size))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontSize:G.subtitleFontSize,l=t.target.value||y;I(l)&&e.onStateChange(M(a,r,l.value))},itemRender:T,allowCustom:!0,...F})),C.createElement(se,{editorId:"titleColor",labelText:t.toLanguageString("chartWizard.format.title.color",H.formatTitleColor)},C.createElement(f.ColorPicker,{id:"titleColor",value:h.color||"",onChange:t=>{const r=c.value===i[0].value?G.titleColor:G.subtitleColor;e.onStateChange(M(a,r,t.value))},view:"gradient",fillMode:"outline"})))))))},ge=e=>{var a,l,n,o,i;const[c,s]=t.useState(""),m=d.useLocalization(),h=e.state,v=h.seriesType,p="object"==typeof(null==(a=h.series[0])?void 0:a.stack)&&(null==(l=h.series[0])?void 0:l.stack.type),[C,S]=t.useState(!1),E=t.useCallback((e=>{S(!e.expanded)}),[]),k={name:m.toLanguageString("chartWizard.format.series.allSeries",H.formatSeriesAllSeries)};return t.useEffect((()=>{s("")}),[v,p]),t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.series.expandText",H.formatSeries),expanded:C,tabIndex:0,onAction:E},t.createElement(x.Reveal,null,C&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement(se,{editorId:"apply-to-series",labelText:m.toLanguageString("chartWizard.format.series.applyTo",H.formatSeriesApplyTo)},t.createElement(g.DropDownList,{id:"apply-to-series",data:h.series,textField:"name",dataItemKey:"name",defaultItem:k,disabled:!q(v),value:h.series.find((e=>e.name===c))||k,onChange:e=>{const t=e.target.value.name;s(t===k.name?"":t)},...F})),t.createElement(se,{editorId:"seriesColor",labelText:m.toLanguageString("chartWizard.format.series.color",H.formatSeriesColor)},t.createElement(f.ColorPicker,{id:"seriesColor",value:c?null==(n=h.series.find((e=>e.name===c)))?void 0:n.color:"",onChange:t=>{c&&e.onStateChange(M(h,G.seriesColor,{seriesName:c,color:t.value}))},disabled:!c,view:"gradient",fillMode:"outline"})),t.createElement(se,null,t.createElement(f.Checkbox,{label:m.toLanguageString("chartWizard.format.series.showLabels",H.formatSeriesShowLabels),checked:c?null==(i=null==(o=h.series.find((e=>e.name===c)))?void 0:o.labels)?void 0:i.visible:h.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:t=>{e.onStateChange(M(h,G.seriesLabel,{seriesName:c,all:!c,visible:t.value}))}}))))))},me=e=>{var a,l,n,o,i,c,s;const m=d.useLocalization(),h=e.state,[p,C]=t.useState(!1),S=t.useCallback((e=>{C(!e.expanded)}),[]),E=[{value:"top",text:m.toLanguageString("chartWizard.format.legend.position.top",H.formatLegendPositionTop)},{value:"bottom",text:m.toLanguageString("chartWizard.format.legend.position.bottom",H.formatLegendPositionBottom)},{value:"left",text:m.toLanguageString("chartWizard.format.legend.position.left",H.formatLegendPositionLeft)},{value:"right",text:m.toLanguageString("chartWizard.format.legend.position.right",H.formatLegendPositionRight)}];return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.legend.expandText",H.formatLegend),expanded:p,tabIndex:0,onAction:S},t.createElement(x.Reveal,null,p&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(v.Label,{editorId:"show-legend"},m.toLanguageString("chartWizard.format.legend.showLegend",H.formatLegendShowLegend)),t.createElement(f.Switch,{id:"show-legend",checked:null==(a=h.legend)?void 0:a.visible,onChange:t=>{e.onStateChange(M(h,G.legendVisible,t.value))}}),t.createElement(se,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:m.toLanguageString("chartWizard.format.legend.font",H.formatLegendFont)},t.createElement(g.ComboBox,{id:"legendLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.fontPlaceholder",H.formatLegendFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(h,G.legendFontName,a.value))},itemRender:T,disabled:!1===(null==(l=h.legend)?void 0:l.visible),...F})),t.createElement(se,{editorId:"legendLabelsSize",labelText:m.toLanguageString("chartWizard.format.legend.size",H.formatLegendSize)},t.createElement(g.ComboBox,{id:"legendLabelsSize",data:R,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.sizePlaceholder",H.formatLegendSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(h,G.legendFontSize,a.value))},disabled:!1===(null==(n=h.legend)?void 0:n.visible),allowCustom:!0,...F})),t.createElement(se,{editorId:"legendLabelsColor",labelText:m.toLanguageString("chartWizard.format.legend.color",H.formatLegendColor)},t.createElement(f.ColorPicker,{id:"legendLabelsColor",value:(null==(i=null==(o=h.legend)?void 0:o.labels)?void 0:i.color)||"",onChange:t=>{e.onStateChange(M(h,G.legendColor,t.value))},disabled:!1===(null==(c=h.legend)?void 0:c.visible),view:"gradient",fillMode:"outline"})),t.createElement(se,{className:"k-col-span-2",editorId:"legendPosition",labelText:m.toLanguageString("chartWizard.format.legend.position",H.formatLegendPosition)},t.createElement(g.DropDownList,{id:"legendPosition",data:E,textField:"text",dataItemKey:"value",value:E.find((e=>{var t;return e.value===(null==(t=h.legend)?void 0:t.position)})),onChange:t=>{const a=t.target.value;e.onStateChange(M(h,G.legendPosition,a.value))},disabled:!1===(null==(s=h.legend)?void 0:s.visible),...F})))))))},he=e=>{var a,l,n,o,i;const c=d.useLocalization(),s=e.state,m=s.seriesType,[h,v]=t.useState(!1),p=t.useCallback((e=>{v(!e.expanded)}),[]),C=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleText,t.target.value))}),[s]),S=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisTitleFontSize,a.value))}),[s]),E=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisTitleFontName,a.value))}),[s]),k=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleColor,t.value))}),[s]),L=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisLabelsFontSize,a.value))}),[s]),A=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisLabelsFontName,a.value))}),[s]),z=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsColor,t.value))}),[s]),W=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsRotation,t.target.value))}),[s]),P=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisReverseOrder,t.value))}),[s]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===m?c.toLanguageString("chartWizard.format.xAxis.expandText",H.formatXAxis):c.toLanguageString("chartWizard.format.categoryAxis.expandText",H.formatCategoryAxis),expanded:h,tabIndex:0,onAction:p},t.createElement(x.Reveal,null,h&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.title.expandText",H.formatCategoryAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(f.Input,{placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",H.formatCategoryAxisTitlePlaceholder),value:(null==(a=s.categoryAxis[0].title)?void 0:a.text)||"",onChange:C})),t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.font",H.formatCategoryAxisTitleFont)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",H.formatCategoryAxisTitleFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:E,...F})),t.createElement(se,{editorId:"categoryAxisTitleFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.size",H.formatCategoryAxisTitleSize)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",H.formatCategoryAxisTitleSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:S,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisTitleColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.color",H.formatCategoryAxisTitleColor)},t.createElement(f.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(l=s.categoryAxis[0].title)?void 0:l.color)||"",onChange:k,fillMode:"outline"})))),t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.labels.text",H.formatCategoryAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.font",H.formatCategoryAxisLabelsFont)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",H.formatCategoryAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:A,itemRender:T,...F})),t.createElement(se,{editorId:"categoryAxisLabelsFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.size",H.formatCategoryAxisLabelsSize)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",H.formatCategoryAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:L,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisLabelsColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.color",H.formatCategoryAxisLabelsColor)},t.createElement(f.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(n=s.categoryAxis[0].labels)?void 0:n.color)||"",onChange:z,fillMode:"outline"})),t.createElement(se,{editorId:"categoryAxisLabelsRotation",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",H.formatCategoryAxisLabelsRotation)},t.createElement(f.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(o=s.categoryAxis[0].labels)?void 0:o.rotation)?null==(i=s.categoryAxis[0].labels)?void 0:i.rotation:null,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",H.formatCategoryAxisLabelsRotationAuto),onChange:W,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(se,{className:"k-col-span-2"},t.createElement(f.Checkbox,{label:c.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",H.formatCategoryAxisLabelsReverseOrder),checked:s.categoryAxis[0].reverse||!1,onChange:P}))))))))},xe=e=>{var a,l,n,o,i,c,s,m,h,v;const p=d.useLocalization(),C=e.state,S=C.seriesType,E={text:p.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",H.formatValueAxisLabelsFormatText),value:""},k=[{value:"n0",text:p.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",H.formatValueAxisLabelsFormatNumber)},{value:"c0",text:p.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",H.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:p.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",H.formatValueAxisLabelsFormatPercent)}],[L,A]=t.useState(!1),z=t.useCallback((e=>{A(!e.expanded)}),[]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===S?p.toLanguageString("chartWizard.format.yAxis.expandText",H.formatYAxis):p.toLanguageString("chartWizard.format.valueAxis.expandText",H.formatValueAxis),expanded:L,tabIndex:0,onAction:z},t.createElement(x.Reveal,null,L&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:p.toLanguageString("chartWizard.format.valueAxis.title.text",H.formatValueAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(f.Input,{placeholder:p.toLanguageString("chartWizard.format.valueAxis.title.placeholder",H.formatValueAxisTitlePlaceholder),value:(null==(l=null==(a=C.valueAxis[0])?void 0:a.title)?void 0:l.text)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleText,t.target.value))}})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:p.toLanguageString("chartWizard.format.valueAxis.title.font",H.formatValueAxisTitleFont)},t.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:p.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",H.formatValueAxisTitleFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisTitleFontName,a.value))},...F})),t.createElement(se,{editorId:"valueAxisTitleFontSize",labelText:p.toLanguageString("chartWizard.format.valueAxis.title.size",H.formatValueAxisTitleSize)},t.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:p.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",H.formatValueAxisTitleSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisTitleFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisTitleColor",labelText:p.toLanguageString("chartWizard.format.valueAxis.title.color",H.formatValueAxisTitleColor)},t.createElement(f.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(o=null==(n=C.valueAxis[0])?void 0:n.title)?void 0:o.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleColor,t.value))},fillMode:"outline"})))),t.createElement($,{legend:p.toLanguageString("chartWizard.format.valueAxis.labels.text",H.formatValueAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:p.toLanguageString("chartWizard.format.valueAxis.labelFormat",H.formatValueAxisLabelsFormat)},t.createElement(g.DropDownList,{id:"valueAxisLabelsFormat",data:k,textField:"text",dataItemKey:"value",defaultItem:E,value:k.find((e=>{var t,a;return e.value===(null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||E,onChange:t=>{const a=t.target.value;e.onStateChange(M(C,G.valueAxisLabelsFormat,a.value))},...F})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:p.toLanguageString("chartWizard.format.valueAxis.labels.font",H.formatValueAxisLabelsFont)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:p.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",H.formatValueAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisLabelsFontName,a.value))},itemRender:T,...F})),t.createElement(se,{editorId:"valueAxisLabelsFontSize",labelText:p.toLanguageString("chartWizard.format.valueAxis.labels.size",H.formatValueAxisLabelsSize)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:p.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",H.formatValueAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisLabelsFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisLabelsColor",labelText:p.toLanguageString("chartWizard.format.valueAxis.labels.color",H.formatValueAxisLabelsColor)},t.createElement(f.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(c=null==(i=C.valueAxis[0])?void 0:i.labels)?void 0:c.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsColor,t.value))},fillMode:"outline"})),t.createElement(se,{editorId:"valueAxisLabelsRotation",labelText:p.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",H.formatValueAxisLabelsRotation)},t.createElement(f.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(m=null==(s=C.valueAxis[0])?void 0:s.labels)?void 0:m.rotation)?null==(v=null==(h=C.valueAxis[0])?void 0:h.labels)?void 0:v.rotation:null,placeholder:p.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",H.formatValueAxisLabelsRotationAuto),onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsRotation,t.target.value))},fillMode:"outline",min:-360,max:360,step:1}))))))))},ve=e=>t.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:b},e.children),fe=e=>{const a=t.useCallback((t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick.call(void 0))}),[e.onClick]);return t.createElement("div",{className:h.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:a},t.createElement(h.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},pe=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.barChart.expandText",H.barChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"bar"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"bar")))},icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},t.toLanguageString("chartWizard.chart.barChart.bar",H.barChartBar)),C.createElement(fe,{selected:"bar"===l&&i,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},t.toLanguageString("chartWizard.chart.barChart.stackedBar",H.barChartStackedBar)),C.createElement(fe,{selected:"bar"===l&&c,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},t.toLanguageString("chartWizard.chart.barChart.100%stackedBar",H.barChart100StackedBar))))))},Ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.columnChart.expandText",H.columnChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"column"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"column")))},icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},t.toLanguageString("chartWizard.chart.columnChart.column",H.columnChartColumn)),C.createElement(fe,{selected:"column"===l&&i,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},t.toLanguageString("chartWizard.chart.columnChart.stackedColumn",H.columnChartStackedColumn)),C.createElement(fe,{selected:"column"===l&&c,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},t.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",H.columnChart100StackedColumn))))))},be=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.lineChart.expandText",H.lineChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"line"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"line")))},icon:n.chartLineIcon,iconName:"chart-line"},t.toLanguageString("chartWizard.chart.lineChart.line",H.lineChartLine)),C.createElement(fe,{selected:"line"===l&&i,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},t.toLanguageString("chartWizard.chart.lineChart.stackedLine",H.lineChartStackedLine)),C.createElement(fe,{selected:"line"===l&&c,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},t.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",H.lineChart100StackedLine))))))},Se=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.scatterChart.expandText",H.scatterChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"scatter"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"scatter")))},icon:n.chartScatterIcon,iconName:"chart-scatter"},t.toLanguageString("chartWizard.chart.scatterChart.scatter",H.scatterChartScatter))))))},Ee=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.pieChart.expandText",H.pieChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(fe,{selected:"pie"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"pie")))},icon:n.chartPieIcon,iconName:"chart-pie"},t.toLanguageString("chartWizard.chart.pieChart.pie",H.pieChartPie))))))},ke=t.forwardRef(((e,a)=>{var r,l,n,o,c,s,d,u,g,m,h,x,v;const f=e.state;return t.createElement(i.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:a},t.createElement(i.ChartTitle,{text:null==(r=f.title)?void 0:r.text,font:null==(l=f.title)?void 0:l.font,color:(null==(n=f.title)?void 0:n.color)||"#000"}),t.createElement(i.ChartSubtitle,{text:null==(o=f.subtitle)?void 0:o.text,font:null==(c=f.subtitle)?void 0:c.font,color:(null==(s=f.subtitle)?void 0:s.color)||"#000"}),t.createElement(i.ChartArea,{background:null==(d=f.area)?void 0:d.background,margin:f.area.margin}),f.categoryAxis&&t.createElement(i.ChartCategoryAxis,null,f.categoryAxis.map(((e,a)=>t.createElement(i.ChartCategoryAxisItem,{key:a,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),f.valueAxis&&t.createElement(i.ChartValueAxis,null,f.valueAxis.map(((e,a)=>t.createElement(i.ChartValueAxisItem,{key:a,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),t.createElement(i.ChartSeries,null,f.series.map(((e,a)=>t.createElement(i.ChartSeriesItem,{key:String(e.name)+a,...e})))),t.createElement(i.ChartLegend,{visible:null==(u=f.legend)?void 0:u.visible,position:null==(g=f.legend)?void 0:g.position,labels:{color:(null==(h=null==(m=f.legend)?void 0:m.labels)?void 0:h.color)||void 0,font:(null==(v=null==(x=f.legend)?void 0:x.labels)?void 0:v.font)||void 0}}))}));ke.displayName="ChartComponent";const Le=C.forwardRef(((e,t)=>{const o=d.useLocalization(),i=C.useRef(null),c=C.useRef(null),s=C.useCallback((t=>{var a;if(c.current){const r=new U(c.current,((e={})=>({fileName:e.fileName||S,pdf:{...E,...e.pdf},image:{...k,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(void 0,r),r.isDefaultPrevented()||t.item.exportHandler.call(void 0,r)}}),[e.onExport,e.exportOptions]),u=e.window||a.Window,[g,m]=C.useState({width:700,height:550}),[h,x]=C.useState("DEFAULT"),v=C.useCallback((e=>{m({width:e.width,height:e.height})}),[]),f=C.useCallback((e=>{x(e.state)}),[]),[p,b]=C.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),y=C.useCallback((e=>{b(e.newState)}),[]),[T,W]=C.useState(0),I=C.useCallback((e=>{W(e.selected)}),[]),[F,P]=C.useState(K(e.data||[],"bar",e.defaultState)),N=t=>{var a;null==(a=e.onStateChange)||a.call(void 0,t),e.state||P(t)},w=e.state||F,R=C.useRef(w);R.current=w;const D=C.useRef(e);D.current=e;const M=C.useCallback((()=>({get chart(){return c.current},get state(){return R.current}})),[]);C.useImperativeHandle(t,M),C.useEffect((()=>{var t;if(R.current.seriesType&&e.data){const a=V(R.current,B(e.data,R.current.seriesType));null==(t=D.current.onStateChange)||t.call(void 0,a),D.current.state||P(a)}}),[e.data]),C.useEffect((()=>{var e,t;null==(t=null==(e=i.current)?void 0:e.element)||t.focus()}),[]);const q=w.seriesType;return C.createElement(u,{title:o.toLanguageString("chartWizard.window.title",H.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:v,stage:h,onStageChange:f,...g},C.createElement(r.Splitter,{panes:p,onChange:y,className:"k-chart-wizard-splitter"},C.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},C.createElement("div",{className:"k-preview-pane-header"},C.createElement(l.DropDownButton,{ref:i,text:o.toLanguageString("chartWizard.export.button",H.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:s,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:L,text:o.toLanguageString("chartWizard.exportPDF.button",H.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:A,text:o.toLanguageString("chartWizard.exportSVG.button",H.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:z,text:o.toLanguageString("chartWizard.exportPNG.button",H.exportPNGButton)}]})),C.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},C.createElement(ke,{ref:c,state:w}))),C.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},C.createElement(r.TabStrip,{selected:T,onSelect:I,animation:!1},C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.chart",H.tabChart)},C.createElement("div",null,C.createElement(pe,{state:w,onStateChange:N}),C.createElement(Ee,{state:w,onStateChange:N}),C.createElement(Ce,{state:w,onStateChange:N}),C.createElement(be,{state:w,onStateChange:N}),C.createElement(Se,{state:w,onStateChange:N}))),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.data",H.tabData)},C.createElement(ce,{state:w,onStateChange:N})),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.format",H.tabFormat)},C.createElement("div",null,C.createElement(de,{state:w,onStateChange:N}),C.createElement(ue,{state:w,onStateChange:N}),C.createElement(ge,{state:w,onStateChange:N}),C.createElement(me,{state:w,onStateChange:N}),"pie"!==q&&C.createElement(he,{state:w,onStateChange:N}),"pie"!==q&&C.createElement(xe,{state:w,onStateChange:N})))))))}));function Ae(e){const{grid:t,data:a,selectedState:r,dataItemKey:l}=e;if(!t)return[];const n=m.leafColumns(t.columns||[]),o=h.getter(l),i=h.getter("field"),c=h.getter("title"),s=new Map(a.map((e=>[String(o(e)),e]))),d=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),u=Object.keys(r).sort(((e,t)=>(d.get(e)||0)-(d.get(t)||0))),g=[];return u.forEach((e=>{let t=r[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const r=a.map((e=>({title:c(n[e]),field:i(n[e])})));g.push({dataItem:s.get(e),dataColumns:r})}})),g}Le.displayName="ChartWizard";const{getWizardDataFromDataRows:ze}=o.ChartWizardCommon;e.ChartWizard=Le,e.createState=B,e.getGridSelectedRows=Ae,e.getWizardDataFromDataRows=j,e.getWizardDataFromGridSelection=e=>ze(Ae(e))}));

package/index.d.mts

@@ -6,10 +6,19 @@
  *-------------------------------------------------------------------------------------------
  */
 import { Chart } from '@progress/kendo-react-charts';
+import { ChartWizardArea } from '@progress/kendo-charts';
+import { ChartWizardCategoryAxisItem } from '@progress/kendo-charts';
 import { ChartWizardDataCell } from '@progress/kendo-charts';
 import { ChartWizardDataRow } from '@progress/kendo-charts';
 import { ChartWizardDefaultState } from '@progress/kendo-charts';
+import { ChartWizardLegend } from '@progress/kendo-charts';
+import { ChartWizardSeriesItem } from '@progress/kendo-charts';
+import { ChartWizardSeriesItemLabel } from '@progress/kendo-charts';
+import { ChartWizardSeriesStack } from '@progress/kendo-charts';
+import { ChartWizardSeriesType } from '@progress/kendo-charts';
 import { ChartWizardState } from '@progress/kendo-charts';
+import { ChartWizardTitle } from '@progress/kendo-charts';
+import { ChartWizardValueAxisItem } from '@progress/kendo-charts';
 import { DataColumn } from '@progress/kendo-charts';
 import { DataRow } from '@progress/kendo-charts';
 import { GridHandle } from '@progress/kendo-react-grid';
@@ -23,6 +32,10 @@ import { WindowProps } from '@progress/kendo-react-dialogs';
  */
 export declare const ChartWizard: React_2.ForwardRefExoticComponent<ChartWizardProps & React_2.RefAttributes<ChartWizardHandle | null>>;
 
+export { ChartWizardArea }
+
+export { ChartWizardCategoryAxisItem }
+
 export { ChartWizardDataCell }
 
 export { ChartWizardDataRow }
@@ -45,6 +58,8 @@ export declare interface ChartWizardHandle {
     state: ChartWizardState;
 }
 
+export { ChartWizardLegend }
+
 /**
  * The props of the KendoReact ChartWizard component.
  */
@@ -52,7 +67,7 @@ export declare interface ChartWizardProps {
     /**
      * The data to be visualized in the ChartWizard component.
      */
-    data: ChartWizardDataRow[];
+    data?: ChartWizardDataRow[];
     /**
      * The event that will be fired when the ChartWizard component is closed.
      */
@@ -73,8 +88,39 @@ export declare interface ChartWizardProps {
      * The component that will be used to render the ChartWizard window.
      */
     window?: React.ComponentType<WindowProps>;
+    /**
+     * Fires when the ChartWizard component state changes.
+     */
+    onStateChange?: (state: ChartWizardState) => void;
+    /**
+     * The state of the ChartWizard component.
+     */
+    state?: ChartWizardState;
 }
 
+export { ChartWizardSeriesItem }
+
+export { ChartWizardSeriesItemLabel }
+
+export { ChartWizardSeriesStack }
+
+export { ChartWizardSeriesType }
+
+export { ChartWizardState }
+
+export { ChartWizardTitle }
+
+export { ChartWizardValueAxisItem }
+
+/**
+ * Create a state object from the provided data and series type.
+ *
+ * @param data - The data to be visualized in the ChartWizard component.
+ * @param seriesType - The series type of the ChartWizard component.
+ * @returns The state object.
+ */
+export declare const createState: (data: ChartWizardDataRow[], seriesType: ChartWizardSeriesType) => ChartWizardState;
+
 export { DataColumn }
 
 export { DataRow }

package/index.d.ts

@@ -6,10 +6,19 @@
  *-------------------------------------------------------------------------------------------
  */
 import { Chart } from '@progress/kendo-react-charts';
+import { ChartWizardArea } from '@progress/kendo-charts';
+import { ChartWizardCategoryAxisItem } from '@progress/kendo-charts';
 import { ChartWizardDataCell } from '@progress/kendo-charts';
 import { ChartWizardDataRow } from '@progress/kendo-charts';
 import { ChartWizardDefaultState } from '@progress/kendo-charts';
+import { ChartWizardLegend } from '@progress/kendo-charts';
+import { ChartWizardSeriesItem } from '@progress/kendo-charts';
+import { ChartWizardSeriesItemLabel } from '@progress/kendo-charts';
+import { ChartWizardSeriesStack } from '@progress/kendo-charts';
+import { ChartWizardSeriesType } from '@progress/kendo-charts';
 import { ChartWizardState } from '@progress/kendo-charts';
+import { ChartWizardTitle } from '@progress/kendo-charts';
+import { ChartWizardValueAxisItem } from '@progress/kendo-charts';
 import { DataColumn } from '@progress/kendo-charts';
 import { DataRow } from '@progress/kendo-charts';
 import { GridHandle } from '@progress/kendo-react-grid';
@@ -23,6 +32,10 @@ import { WindowProps } from '@progress/kendo-react-dialogs';
  */
 export declare const ChartWizard: React_2.ForwardRefExoticComponent<ChartWizardProps & React_2.RefAttributes<ChartWizardHandle | null>>;
 
+export { ChartWizardArea }
+
+export { ChartWizardCategoryAxisItem }
+
 export { ChartWizardDataCell }
 
 export { ChartWizardDataRow }
@@ -45,6 +58,8 @@ export declare interface ChartWizardHandle {
     state: ChartWizardState;
 }
 
+export { ChartWizardLegend }
+
 /**
  * The props of the KendoReact ChartWizard component.
  */
@@ -52,7 +67,7 @@ export declare interface ChartWizardProps {
     /**
      * The data to be visualized in the ChartWizard component.
      */
-    data: ChartWizardDataRow[];
+    data?: ChartWizardDataRow[];
     /**
      * The event that will be fired when the ChartWizard component is closed.
      */
@@ -73,8 +88,39 @@ export declare interface ChartWizardProps {
      * The component that will be used to render the ChartWizard window.
      */
     window?: React.ComponentType<WindowProps>;
+    /**
+     * Fires when the ChartWizard component state changes.
+     */
+    onStateChange?: (state: ChartWizardState) => void;
+    /**
+     * The state of the ChartWizard component.
+     */
+    state?: ChartWizardState;
 }
 
+export { ChartWizardSeriesItem }
+
+export { ChartWizardSeriesItemLabel }
+
+export { ChartWizardSeriesStack }
+
+export { ChartWizardSeriesType }
+
+export { ChartWizardState }
+
+export { ChartWizardTitle }
+
+export { ChartWizardValueAxisItem }
+
+/**
+ * Create a state object from the provided data and series type.
+ *
+ * @param data - The data to be visualized in the ChartWizard component.
+ * @param seriesType - The series type of the ChartWizard component.
+ * @returns The state object.
+ */
+export declare const createState: (data: ChartWizardDataRow[], seriesType: ChartWizardSeriesType) => ChartWizardState;
+
 export { DataColumn }
 
 export { DataRow }

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChartWizard.js"),t=require("./utils.js"),r=require("./grid-integration/get-grid-selected-rows.js"),a=require("./grid-integration/get-wizard-data-from-grid-selection.js");exports.ChartWizard=e.ChartWizard;exports.getWizardDataFromDataRows=t.getWizardDataFromDataRows;exports.getGridSelectedRows=r.getGridSelectedRows;exports.getWizardDataFromGridSelection=a.getWizardDataFromGridSelection;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ChartWizard.js"),e=require("./utils.js"),r=require("./grid-integration/get-grid-selected-rows.js"),a=require("./grid-integration/get-wizard-data-from-grid-selection.js");exports.ChartWizard=t.ChartWizard;exports.createState=e.createState;exports.getWizardDataFromDataRows=e.getWizardDataFromDataRows;exports.getGridSelectedRows=r.getGridSelectedRows;exports.getWizardDataFromGridSelection=a.getWizardDataFromGridSelection;

package/index.mjs

@@ -7,12 +7,13 @@
  */
 "use client";
 import { ChartWizard as t } from "./ChartWizard.mjs";
-import { getWizardDataFromDataRows as a } from "./utils.mjs";
-import { getGridSelectedRows as d } from "./grid-integration/get-grid-selected-rows.mjs";
+import { createState as a, getWizardDataFromDataRows as i } from "./utils.mjs";
+import { getGridSelectedRows as m } from "./grid-integration/get-grid-selected-rows.mjs";
 import { getWizardDataFromGridSelection as f } from "./grid-integration/get-wizard-data-from-grid-selection.mjs";
 export {
   t as ChartWizard,
-  d as getGridSelectedRows,
-  a as getWizardDataFromDataRows,
+  a as createState,
+  m as getGridSelectedRows,
+  i as getWizardDataFromDataRows,
   f as getWizardDataFromGridSelection
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-chart-wizard",
-  "version": "8.4.0-develop.2",
+  "version": "8.4.0-develop.3",
   "description": "React Chart Wizard lets you create a chart using data from a Grid, another data-bound component, or an external source",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -18,25 +18,25 @@
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.4.0-develop.2",
-    "@progress/kendo-react-buttons": "8.4.0-develop.2",
-    "@progress/kendo-react-charts": "8.4.0-develop.2",
-    "@progress/kendo-react-common": "8.4.0-develop.2",
-    "@progress/kendo-react-dialogs": "8.4.0-develop.2",
-    "@progress/kendo-react-form": "8.4.0-develop.2",
-    "@progress/kendo-react-dropdowns": "8.4.0-develop.2",
-    "@progress/kendo-react-grid": "8.4.0-develop.2",
-    "@progress/kendo-react-inputs": "8.4.0-develop.2",
-    "@progress/kendo-react-intl": "8.4.0-develop.2",
-    "@progress/kendo-react-labels": "8.4.0-develop.2",
-    "@progress/kendo-react-layout": "8.4.0-develop.2",
-    "@progress/kendo-react-popup": "8.4.0-develop.2",
+    "@progress/kendo-react-animation": "8.4.0-develop.3",
+    "@progress/kendo-react-buttons": "8.4.0-develop.3",
+    "@progress/kendo-react-charts": "8.4.0-develop.3",
+    "@progress/kendo-react-common": "8.4.0-develop.3",
+    "@progress/kendo-react-dialogs": "8.4.0-develop.3",
+    "@progress/kendo-react-form": "8.4.0-develop.3",
+    "@progress/kendo-react-dropdowns": "8.4.0-develop.3",
+    "@progress/kendo-react-grid": "8.4.0-develop.3",
+    "@progress/kendo-react-inputs": "8.4.0-develop.3",
+    "@progress/kendo-react-intl": "8.4.0-develop.3",
+    "@progress/kendo-react-labels": "8.4.0-develop.3",
+    "@progress/kendo-react-layout": "8.4.0-develop.3",
+    "@progress/kendo-react-popup": "8.4.0-develop.3",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@progress/kendo-charts": "2.5.1",
+    "@progress/kendo-charts": "2.5.2",
     "prop-types": "^15.6.0"
   },
   "keywords": [

package/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),r=require("@progress/kendo-charts"),i=require("@progress/kendo-react-charts"),c=require("@progress/kendo-drawing"),p=require("@progress/kendo-file-saver");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const u=g(f),h=t=>{t.stopPropagation()},n={fileName:"chart",pdf:{paperSize:"A4",margin:"1cm"},image:{width:800,height:600}},C=(t={})=>({fileName:t.fileName||n.fileName,pdf:{...n.pdf,...t.pdf},image:{...n.image,...t.image}}),x=t=>{const e=i.exportVisual(t.chart),a=t.exportOptions;e&&c.exportPDF(e,a.pdf).then(o=>p.saveAs(o,a.fileName+".pdf"))},S=t=>{const e=i.exportVisual(t.chart),a=t.exportOptions;e&&c.exportSVG(e).then(o=>p.saveAs(o,a.fileName+".svg"))},k=t=>{const e=t.exportOptions,a=i.exportVisual(t.chart,e.image);a&&c.exportImage(a,e.image).then(o=>p.saveAs(o,e.fileName+".png"))},y={value:null,text:""},N=(t,e)=>e.dataItem.style?u.cloneElement(t,t.props,u.createElement("span",{style:e.dataItem.style},t.props.children)):t,v=/^\d+$/,E=t=>{if(t.text==="")return!0;if(t.value===void 0){if(!v.test(t.text))return!1;t.value=t.text+"px"}return s.find(a=>a.value===t.value)||(s.push(t),s.sort((a,o)=>parseInt(a.text,10)-parseInt(o.text,10))),!0},I={fillMode:"outline",popupSettings:{animate:!1}},W={type:"normal"},z={type:"100%"},V=t=>{var l,m;const e=typeof((l=t.series[0])==null?void 0:l.stack)=="object"?(m=t.series[0])==null?void 0:m.stack:!1,a=e===!1,o=e&&e.type==="normal",d=e&&e.type==="100%";return{isStackFalse:a,isStackNormal:o,isStack100:d}},s=r.ChartWizardCommon.fontSizes,b=r.ChartWizardCommon.fontNames,D=r.ChartWizardCommon.createInitialState,F=r.ChartWizardCommon.createState,O=r.ChartWizardCommon.updateState,P=r.ChartWizardCommon.mergeStates,R=r.ChartWizardCommon.isCategorical,w=r.ChartWizardCommon.parseFont,A=r.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:j}=r.ChartWizardCommon;exports.ActionTypes=A;exports.createInitialState=D;exports.createState=F;exports.dropdownlistCommonProps=I;exports.ensureValue=E;exports.fontNames=b;exports.fontSizes=s;exports.getWizardDataFromDataRows=j;exports.handleImageExport=k;exports.handlePDFExport=x;exports.handleSVGExport=S;exports.isCategorical=R;exports.itemRender=N;exports.mergeStates=P;exports.nullItem=y;exports.parseFont=w;exports.resolveExportOptions=C;exports.stack100=z;exports.stackNormal=W;exports.stackState=V;exports.stopPropagation=h;exports.updateState=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),r=require("@progress/kendo-charts"),i=require("@progress/kendo-react-charts"),c=require("@progress/kendo-drawing"),p=require("@progress/kendo-file-saver");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const u=g(f),h=t=>{t.stopPropagation()},n={fileName:"chart",pdf:{paperSize:"A4",margin:"1cm"},image:{width:800,height:600}},C=(t={})=>({fileName:t.fileName||n.fileName,pdf:{...n.pdf,...t.pdf},image:{...n.image,...t.image}}),x=t=>{const e=i.exportVisual(t.chart),a=t.exportOptions;e&&c.exportPDF(e,a.pdf).then(o=>p.saveAs(o,a.fileName+".pdf"))},S=t=>{const e=i.exportVisual(t.chart),a=t.exportOptions;e&&c.exportSVG(e).then(o=>p.saveAs(o,a.fileName+".svg"))},k=t=>{const e=t.exportOptions,a=i.exportVisual(t.chart,e.image);a&&c.exportImage(a,e.image).then(o=>p.saveAs(o,e.fileName+".png"))},y={value:null,text:""},N=(t,e)=>e.dataItem.style?u.cloneElement(t,t.props,u.createElement("span",{style:e.dataItem.style},t.props.children)):t,v=/^\d+$/,E=t=>{if(t.text==="")return!0;if(t.value===void 0){if(!v.test(t.text))return!1;t.value=t.text+"px"}return s.find(a=>a.value===t.value)||(s.push(t),s.sort((a,o)=>parseInt(a.text,10)-parseInt(o.text,10))),!0},I={fillMode:"outline",popupSettings:{animate:!1}},W={type:"normal"},z={type:"100%"},V=t=>{var l,m;const e=typeof((l=t.series[0])==null?void 0:l.stack)=="object"?(m=t.series[0])==null?void 0:m.stack:!1,a=e===!1,o=e&&e.type==="normal",d=e&&e.type==="100%";return{isStackFalse:a,isStackNormal:o,isStack100:d}},s=r.ChartWizardCommon.fontSizes,b=r.ChartWizardCommon.fontNames,D=r.ChartWizardCommon.createInitialState,F=(t,e)=>r.ChartWizardCommon.createState(t,e),O=r.ChartWizardCommon.updateState,P=r.ChartWizardCommon.mergeStates,R=r.ChartWizardCommon.isCategorical,w=r.ChartWizardCommon.parseFont,A=r.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:j}=r.ChartWizardCommon;exports.ActionTypes=A;exports.createInitialState=D;exports.createState=F;exports.dropdownlistCommonProps=I;exports.ensureValue=E;exports.fontNames=b;exports.fontSizes=s;exports.getWizardDataFromDataRows=j;exports.handleImageExport=k;exports.handlePDFExport=x;exports.handleSVGExport=S;exports.isCategorical=R;exports.itemRender=N;exports.mergeStates=P;exports.nullItem=y;exports.parseFont=w;exports.resolveExportOptions=C;exports.stack100=z;exports.stackNormal=W;exports.stackState=V;exports.stopPropagation=h;exports.updateState=O;

package/utils.mjs

@@ -9,7 +9,7 @@
 import * as l from "react";
 import { ChartWizardCommon as s } from "@progress/kendo-charts";
 import { exportVisual as c } from "@progress/kendo-react-charts";
-import { exportPDF as u, exportSVG as d, exportImage as g } from "@progress/kendo-drawing";
+import { exportPDF as f, exportSVG as d, exportImage as g } from "@progress/kendo-drawing";
 import { saveAs as i } from "@progress/kendo-file-saver";
 const k = (t) => {
   t.stopPropagation();
@@ -29,7 +29,7 @@ const k = (t) => {
   }
 }), E = (t) => {
   const e = c(t.chart), a = t.exportOptions;
-  e && u(e, a.pdf).then((o) => i(o, a.fileName + ".pdf"));
+  e && f(e, a.pdf).then((o) => i(o, a.fileName + ".pdf"));
 }, C = (t) => {
   const e = c(t.chart), a = t.exportOptions;
   e && d(e).then((o) => i(o, a.fileName + ".svg"));
@@ -52,9 +52,9 @@ const k = (t) => {
   }
 }, P = { type: "normal" }, R = { type: "100%" }, w = (t) => {
   var p, m;
-  const e = typeof ((p = t.series[0]) == null ? void 0 : p.stack) == "object" ? (m = t.series[0]) == null ? void 0 : m.stack : !1, a = e === !1, o = e && e.type === "normal", f = e && e.type === "100%";
-  return { isStackFalse: a, isStackNormal: o, isStack100: f };
-}, r = s.fontSizes, O = s.fontNames, b = s.createInitialState, G = s.createState, T = s.updateState, W = s.mergeStates, j = s.isCategorical, M = s.parseFont, $ = s.ActionTypes, { getWizardDataFromDataRows: q } = s;
+  const e = typeof ((p = t.series[0]) == null ? void 0 : p.stack) == "object" ? (m = t.series[0]) == null ? void 0 : m.stack : !1, a = e === !1, o = e && e.type === "normal", u = e && e.type === "100%";
+  return { isStackFalse: a, isStackNormal: o, isStack100: u };
+}, r = s.fontSizes, O = s.fontNames, b = s.createInitialState, G = (t, e) => s.createState(t, e), T = s.updateState, W = s.mergeStates, j = s.isCategorical, M = s.parseFont, $ = s.ActionTypes, { getWizardDataFromDataRows: q } = s;
 export {
   $ as ActionTypes,
   b as createInitialState,