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

package/SeriesGrid.mjs

@@ -6,135 +6,80 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import n from "react";
-import { Button as I } from "@progress/kendo-react-buttons";
-import { SvgIcon as S } from "@progress/kendo-react-common";
-import { Grid as b, GridToolbar as k, GridColumn as C } from "@progress/kendo-react-grid";
-import { useLocalization as y } from "@progress/kendo-react-intl";
-import { plusIcon as w, reorderIcon as R } from "@progress/kendo-svg-icons";
-import { RemoveSeriesContext as N, DeleteCell as P } from "./DeleteCell.mjs";
-import { chartWizardDataConfigurationSeriesAdd as v, messages as F } from "./messages.mjs";
-const x = n.createContext({
-  reorder: () => {
-  },
-  dragStart: () => {
-  }
-}), T = (e) => {
-  const o = n.useContext(x);
-  return /* @__PURE__ */ n.createElement(
-    "td",
-    {
-      onDragOver: (d) => {
-        o.reorder.call(void 0, e.dataItem), d.preventDefault(), d.dataTransfer.dropEffect = "copy";
-      },
-      "aria-colindex": e.ariaColumnIndex,
-      className: e.className,
-      colSpan: e.colSpan,
-      id: e.id
-    },
-    /* @__PURE__ */ n.createElement(
-      "span",
-      {
-        className: "k-icon k-i-reorder",
-        draggable: !0,
-        style: { cursor: "move" },
-        onDragStart: (d) => {
-          o.dragStart.call(void 0, e.dataItem), d.dataTransfer.setData("dragging", "");
-        }
-      },
-      /* @__PURE__ */ n.createElement(S, { icon: R })
-    )
-  );
-}, s = "inEdit", A = (e) => {
-  const o = e.originalProps.dataItem, d = e.originalProps.field, u = o[e.editField || ""], f = d && d === u ? {
-    ref: (i) => {
-      const l = i && i.querySelector("input"), m = (l && l.ownerDocument || document).activeElement;
-      !l || !m || l === m || !m.contains(l) || (l.type === "checkbox" ? l.focus() : l.select());
-    },
-    onKeyDown: (i) => {
-      i.target.matches("input") && (i.key === "Enter" || i.key === "Escape") && (i.stopPropagation(), e.exitEdit());
-    },
-    onBlur: (i) => {
-      i.target.matches("input") && e.exitEdit();
-    }
-  } : {
-    onClick: () => {
-      e.enterEdit(o, d);
-    }
-  }, g = { ...e.td.props, ...f };
-  return n.cloneElement(
-    e.td,
-    g,
-    e.td.props.children
-  );
-}, M = (e) => {
-  const [o, d] = n.useState(null), u = (t) => {
+import i from "react";
+import { Button as D } from "@progress/kendo-react-buttons";
+import { Grid as I, GridToolbar as S, GridColumn as c } from "@progress/kendo-react-grid";
+import { useLocalization as b } from "@progress/kendo-react-intl";
+import { plusIcon as w } from "@progress/kendo-svg-icons";
+import { RemoveSeriesContext as A, ReorderContext as G, SeriesEditContext as R, SeriesHeaderCell as k, SeriesDataCell as y, SeriesDataEditCell as l } from "./SeriesGridCells.mjs";
+import { chartWizardDataConfigurationSeriesAdd as s, messages as z } from "./messages.mjs";
+const m = "inEdit", H = (e) => {
+  const [o, f] = i.useState(null), u = (t) => {
     if (o === t)
       return;
-    const a = e.data.slice(), r = a.findIndex((E) => E === o), c = a.findIndex((E) => E === t);
-    a.splice(r, 1), a.splice(c, 0, o || a[0]), e.onChange.call(void 0, a);
-  }, f = (t) => {
-    d(t);
-  }, g = () => {
-    const t = e.initialData.find((a) => !e.data.find((r) => r.id === a.id));
+    const a = e.data.slice(), n = a.findIndex((r) => r === o), d = a.findIndex((r) => r === t);
+    a.splice(n, 1), a.splice(d, 0, o || a[0]), e.onChange.call(void 0, a);
+  }, g = (t) => {
+    f(t);
+  }, v = () => {
+    const t = e.initialData.find((a) => !e.data.find((n) => n.id === a.id));
     t && e.onChange.call(void 0, [...e.data, t]);
-  }, i = (t, a) => {
-    const r = e.data.map((c) => ({
-      ...c,
-      [s]: c.id === t.id ? a : void 0
+  }, C = (t, a) => {
+    const n = e.data.map((d) => ({
+      ...d,
+      [m]: d.id === t.id ? a : void 0
     }));
-    e.onChange.call(void 0, r);
-  }, l = () => {
-    const t = e.data.map((a) => ({ ...a, [s]: void 0 }));
+    e.onChange.call(void 0, n);
+  }, h = () => {
+    const t = e.data.map((a) => ({ ...a, [m]: void 0 }));
     e.onChange.call(void 0, t);
-  }, h = (t) => {
-    const a = t.field || "", r = e.data.map((c) => c.id === t.dataItem.id ? { ...c, [a]: t.value } : c);
-    e.onChange.call(void 0, r);
-  }, m = (t) => {
-    const a = e.data.filter((r) => r.id !== t);
+  }, E = (t) => {
+    const a = t.field || "", n = e.data.map((d) => d.id === t.dataItem.id ? { ...d, [a]: t.value } : d);
+    e.onChange.call(void 0, n);
+  }, x = (t) => {
+    const a = e.data.filter((n) => n.id !== t);
     e.onChange.call(void 0, a);
-  }, D = (t, a) => /* @__PURE__ */ n.createElement(
-    A,
-    {
-      originalProps: a,
-      td: t,
-      enterEdit: i,
-      exitEdit: l,
-      editField: s
-    }
-  );
-  return /* @__PURE__ */ n.createElement(N.Provider, { value: { onRemove: m, count: e.data.length } }, /* @__PURE__ */ n.createElement(x.Provider, { value: { reorder: u, dragStart: f } }, /* @__PURE__ */ n.createElement(
-    b,
+  };
+  return /* @__PURE__ */ i.createElement(A.Provider, { value: { onRemove: x, count: e.data.length } }, /* @__PURE__ */ i.createElement(G.Provider, { value: { reorder: u, dragStart: g } }, /* @__PURE__ */ i.createElement(R.Provider, { value: { enterEdit: C, exitEdit: h } }, /* @__PURE__ */ i.createElement(
+    I,
     {
       className: "k-series-grid",
       style: { width: "100%" },
       size: "medium",
       data: e.data,
       dataItemKey: "id",
-      cellRender: D,
-      onItemChange: h,
+      onItemChange: E,
       scrollable: "none",
-      editField: s,
-      headerCellRender: () => null,
-      headerClassName: "k-hidden"
+      editField: m,
+      cells: {
+        headerCell: k,
+        data: y,
+        edit: {
+          text: l,
+          boolean: l,
+          numeric: l,
+          date: l
+        }
+      }
     },
-    /* @__PURE__ */ n.createElement(k, null, /* @__PURE__ */ n.createElement(
-      I,
+    /* @__PURE__ */ i.createElement(S, null, /* @__PURE__ */ i.createElement(
+      D,
       {
         type: "button",
         className: "k-toolbar-button",
         fillMode: "flat",
-        onClick: g,
+        onClick: v,
         disabled: e.data.length === e.initialData.length,
-        svgIcon: w
+        svgIcon: w,
+        icon: "plus"
       },
-      y().toLanguageString(v, F[v])
+      b().toLanguageString(s, z[s])
     )),
-    /* @__PURE__ */ n.createElement(C, { title: "", width: "40px", cell: T, editable: !1 }),
-    /* @__PURE__ */ n.createElement(C, { field: "name", title: "Name" }),
-    /* @__PURE__ */ n.createElement(C, { field: "", width: "40px", cell: P, editable: !1 })
-  )));
+    /* @__PURE__ */ i.createElement(c, { field: "reorder", width: "40px", editable: !1 }),
+    /* @__PURE__ */ i.createElement(c, { field: "name", title: "Name" }),
+    /* @__PURE__ */ i.createElement(c, { field: "delete", width: "40px", editable: !1 })
+  ))));
 };
 export {
-  M as SeriesGrid
+  H as SeriesGrid
 };

package/SeriesGridCells.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 s=require("react"),u=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-svg-icons"),f=require("@progress/kendo-react-common");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=m(s),d=t.createContext({onRemove:e=>{},count:0}),C=e=>{const{onRemove:r,count:n}=t.useContext(d),a=()=>{r.call(void 0,e.dataItem.id)};return t.createElement("td",{...e.tdProps},t.createElement(u.Button,{type:"button",onClick:a,icon:"trash",svgIcon:c.trashIcon,fillMode:"flat",disabled:n<2}))},i=t.createContext({reorder:()=>{},dragStart:()=>{}}),E=e=>{const r=t.useContext(i);return t.createElement("td",{...e.tdProps,onDragOver:n=>{r.reorder.call(void 0,e.dataItem),n.preventDefault(),n.dataTransfer.dropEffect="copy"}},t.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:n=>{r.dragStart.call(void 0,e.dataItem),n.dataTransfer.setData("dragging","")}},t.createElement(f.IconWrap,{icon:c.reorderIcon,name:"reorder"})))},o=t.createContext({enterEdit:(e,r)=>{},exitEdit:(e,r)=>{}}),g=e=>{const{enterEdit:r}=t.useContext(o);return t.createElement("td",{...e.tdProps,onClick:()=>{r(e.dataItem,e.field)}},e.children)},S=e=>e.field==="delete"?t.createElement(C,{...e}):e.field==="reorder"?t.createElement(E,{...e}):e.field==="name"?t.createElement(g,{...e}):null,x=e=>{const r=t.useRef(null),{exitEdit:n}=t.useContext(o);return t.useEffect(()=>{var l;const a=(l=r.current)==null?void 0:l.querySelector("input");a==null||a.focus()},[]),t.createElement("td",{...e.tdProps,ref:r,onBlur:()=>{n(e.dataItem,e.field)},onKeyDown:a=>{a.key==="Enter"||a.key==="Escape"?(a.stopPropagation(),n(e.dataItem,e.field)):a.key===" "&&a.stopPropagation()}},e.children)},D=()=>null;exports.RemoveSeriesContext=d;exports.ReorderContext=i;exports.SeriesDataCell=S;exports.SeriesDataEditCell=x;exports.SeriesEditContext=o;exports.SeriesHeaderCell=D;

package/SeriesGridCells.mjs

@@ -0,0 +1,104 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { Button as d } from "@progress/kendo-react-buttons";
+import { trashIcon as c, reorderIcon as i } from "@progress/kendo-svg-icons";
+import { IconWrap as s } from "@progress/kendo-react-common";
+const m = t.createContext({
+  onRemove: (e) => {
+  },
+  count: 0
+}), f = (e) => {
+  const { onRemove: r, count: a } = t.useContext(m), n = () => {
+    r.call(void 0, e.dataItem.id);
+  };
+  return /* @__PURE__ */ t.createElement("td", { ...e.tdProps }, /* @__PURE__ */ t.createElement(
+    d,
+    {
+      type: "button",
+      onClick: n,
+      icon: "trash",
+      svgIcon: c,
+      fillMode: "flat",
+      disabled: a < 2
+    }
+  ));
+}, u = t.createContext({
+  reorder: () => {
+  },
+  dragStart: () => {
+  }
+}), E = (e) => {
+  const r = t.useContext(u);
+  return /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ...e.tdProps,
+      onDragOver: (a) => {
+        r.reorder.call(void 0, e.dataItem), a.preventDefault(), a.dataTransfer.dropEffect = "copy";
+      }
+    },
+    /* @__PURE__ */ t.createElement(
+      "span",
+      {
+        draggable: !0,
+        style: { cursor: "move" },
+        onDragStart: (a) => {
+          r.dragStart.call(void 0, e.dataItem), a.dataTransfer.setData("dragging", "");
+        }
+      },
+      /* @__PURE__ */ t.createElement(s, { icon: i, name: "reorder" })
+    )
+  );
+}, l = t.createContext({
+  enterEdit: (e, r) => {
+  },
+  exitEdit: (e, r) => {
+  }
+}), C = (e) => {
+  const { enterEdit: r } = t.useContext(l);
+  return /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ...e.tdProps,
+      onClick: () => {
+        r(e.dataItem, e.field);
+      }
+    },
+    e.children
+  );
+}, D = (e) => e.field === "delete" ? /* @__PURE__ */ t.createElement(f, { ...e }) : e.field === "reorder" ? /* @__PURE__ */ t.createElement(E, { ...e }) : e.field === "name" ? /* @__PURE__ */ t.createElement(C, { ...e }) : null, S = (e) => {
+  const r = t.useRef(null), { exitEdit: a } = t.useContext(l);
+  return t.useEffect(() => {
+    var o;
+    const n = (o = r.current) == null ? void 0 : o.querySelector("input");
+    n == null || n.focus();
+  }, []), /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ...e.tdProps,
+      ref: r,
+      onBlur: () => {
+        a(e.dataItem, e.field);
+      },
+      onKeyDown: (n) => {
+        n.key === "Enter" || n.key === "Escape" ? (n.stopPropagation(), a(e.dataItem, e.field)) : n.key === " " && n.stopPropagation();
+      }
+    },
+    e.children
+  );
+}, y = () => null;
+export {
+  m as RemoveSeriesContext,
+  u as ReorderContext,
+  D as SeriesDataCell,
+  S as SeriesDataEditCell,
+  l as SeriesEditContext,
+  y as SeriesHeaderCell
+};

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-charts"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-common"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-charts","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-animation","@progress/kendo-react-dropdowns","@progress/kendo-react-common","@progress/kendo-react-grid","@progress/kendo-react-intl","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-drawing","@progress/kendo-file-saver"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactCharts,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactAnimation,e.KendoReactDropdowns,e.KendoReactCommon,e.KendoReactGrid,e.KendoReactIntl,e.KendoReactInputs,e.KendoReactLabels,e.KendoReactForm,e.KendoDrawing,e.KendoFileSaver)}(this,(function(e,t,a,l,r,n,o,i,s,c,d,u,g,m,v,x,p){"use strict";function b(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=b(t);const f=h.createContext({onRemove:e=>{},count:0}),C=e=>{const{ariaColumnIndex:t,dataItem:a,selectionChange:l,columnIndex:r,columnsCount:i,rowType:s,expanded:c,dataIndex:d,isSelected:u,render:g,...m}=e,{onRemove:v,count:x}=h.useContext(f);return h.createElement("td",{...m},h.createElement(n.Button,{type:"button",onClick:()=>{v.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:o.trashIcon,fillMode:"flat",disabled:x<2}))},y="chartWizard.window.title",A="chartWizard.export.button",E="chartWizard.exportPDF.button",k="chartWizard.exportSVG.button",S="chartWizard.exportPNG.button",L="chartWizard.tab.chart",z="chartWizard.tab.data",T="chartWizard.tab.format",F="chartWizard.chart.barChart",I="chartWizard.chart.barChart.bar",W="chartWizard.chart.barChart.stackedBar",N="chartWizard.chart.barChart.100%stackedBar",w="chartWizard.chart.pieChart",P="chartWizard.chart.pieChart.pie",R="chartWizard.chart.columnChart",B="chartWizard.chart.columnChart.column",D="chartWizard.chart.columnChart.stackedColumn",M="chartWizard.chart.columnChart.100%stackedColumn",K="chartWizard.chart.lineChart",O="chartWizard.chart.lineChart.line",G="chartWizard.chart.lineChart.stackedLine",q="chartWizard.chart.lineChart.100%stackedLine",V="chartWizard.chart.scatterChart",j="chartWizard.chart.scatterChart.scatter",H="chartWizard.data.configuration",X="chartWizard.data.configuration.categoryAxis",Y="chartWizard.data.configuration.xAxis",$="chartWizard.data.configuration.valueAxis",U="chartWizard.data.configuration.series",J="chartWizard.data.configuration.series.add",Q="chartWizard.format.chartArea",Z="chartWizard.format.chartArea.margins",_="chartWizard.format.chartArea.margins.auto",ee="chartWizard.format.chartArea.margins.left",te="chartWizard.format.chartArea.margins.right",ae="chartWizard.format.chartArea.margins.top",le="chartWizard.format.chartArea.margins.bottom",re="chartWizard.format.chartArea.background",ne="chartWizard.format.chartArea.background.color",oe="chartWizard.format.title",ie="chartWizard.format.title.applyTo",se="chartWizard.format.title.chartTitle",ce="chartWizard.format.title.chartSubtitle",de="chartWizard.format.title.label",ue="chartWizard.format.title.font",ge="chartWizard.format.title.fontPlaceholder",me="chartWizard.format.title.size",ve="chartWizard.format.title.sizePlaceholder",xe="chartWizard.format.title.color",pe="chartWizard.format.series",be="chartWizard.format.series.applyTo",he="chartWizard.format.series.allSeries",fe="chartWizard.format.series.color",Ce="chartWizard.format.series.showLabels",ye="chartWizard.format.legend",Ae="chartWizard.format.legend.showLegend",Ee="chartWizard.format.legend.font",ke="chartWizard.format.legend.fontPlaceholder",Se="chartWizard.format.legend.size",Le="chartWizard.format.legend.sizePlaceholder",ze="chartWizard.format.legend.color",Te="chartWizard.format.legend.position",Fe="chartWizard.format.legend.position.top",Ie="chartWizard.format.legend.position.bottom",We="chartWizard.format.legend.position.left",Ne="chartWizard.format.legend.position.right",we="chartWizard.format.categoryAxis",Pe="chartWizard.format.xAxis",Re="chartWizard.format.categoryAxis.title",Be="chartWizard.format.categoryAxis.title.placeholder",De="chartWizard.format.categoryAxis.title.font",Me="chartWizard.format.categoryAxis.title.fontPlaceholder",Ke="chartWizard.format.categoryAxis.title.size",Oe="chartWizard.format.categoryAxis.title.sizePlaceholder",Ge="chartWizard.format.categoryAxis.title.color",qe="chartWizard.format.categoryAxis.labels",Ve="chartWizard.format.categoryAxis.labels.font",je="chartWizard.format.categoryAxis.labels.fontPlaceholder",He="chartWizard.format.categoryAxis.labels.size",Xe="chartWizard.format.categoryAxis.labels.sizePlaceholder",Ye="chartWizard.format.categoryAxis.labels.color",$e="chartWizard.format.categoryAxis.labels.rotation",Ue="chartWizard.format.categoryAxis.labels.rotation.auto",Je="chartWizard.format.categoryAxis.labels.reverseOrder",Qe="chartWizard.format.valueAxis",Ze="chartWizard.format.yAxis",_e="chartWizard.format.valueAxis.title",et="chartWizard.format.valueAxis.title.placeholder",tt="chartWizard.format.valueAxis.title.font",at="chartWizard.format.valueAxis.title.fontPlaceholder",lt="chartWizard.format.valueAxis.title.size",rt="chartWizard.format.valueAxis.title.sizePlaceholder",nt="chartWizard.format.valueAxis.title.color",ot="chartWizard.format.valueAxis.labels",it="chartWizard.format.valueAxis.labelFormat",st="chartWizard.format.valueAxis.labelFormat.text",ct="chartWizard.format.valueAxis.labelFormat.number",dt="chartWizard.format.valueAxis.labelFormat.currency",ut="chartWizard.format.valueAxis.labelFormat.percent",gt="chartWizard.format.valueAxis.labels.font",mt="chartWizard.format.valueAxis.labels.fontPlaceholder",vt="chartWizard.format.valueAxis.labels.size",xt="chartWizard.format.valueAxis.labels.sizePlaceholder",pt="chartWizard.format.valueAxis.labels.color",bt="chartWizard.format.valueAxis.labels.rotation",ht="chartWizard.format.valueAxis.labels.rotation.auto",ft={[y]:"Chart Preview",[A]:"Export",[E]:"PDF File",[k]:"SVG File",[S]:"PNG File",[L]:"Chart",[z]:"Data",[T]:"Format",[F]:"Bar Chart",[I]:"Bar",[W]:"Stacked Bar",[N]:"100% Stacked Bar",[w]:"Pie Chart",[P]:"Pie",[R]:"Column Chart",[B]:"Column",[D]:"Stacked Column",[M]:"100% Stacked Column",[K]:"Line Chart",[O]:"Line",[G]:"Stacked Line",[q]:"100% Stacked Line",[V]:"Scatter Chart",[j]:"Scatter",[H]:"Configuration",[X]:"Category Axis",[Y]:"X Axis",[$]:"Value Axis",[U]:"Series",[J]:"Add",[Q]:"Chart Area",[Z]:"Margins",[_]:"Auto",[ee]:"Left",[te]:"Right",[ae]:"Top",[le]:"Bottom",[re]:"Background",[ne]:"Color",[oe]:"Title",[ie]:"Apply to",[se]:"Chart Title",[ce]:"Chart Subtitle",[de]:"Title",[ue]:"Font",[ge]:"(inherited font)",[me]:"Size",[ve]:"px",[xe]:"Color",[pe]:"Series",[be]:"Apply to",[he]:"All Series",[fe]:"Color",[Ce]:"Show Labels",[ye]:"Legend",[Ae]:"Show Legend",[Ee]:"Font",[ke]:"(inherited font)",[Se]:"Size",[Le]:"px",[ze]:"Color",[Te]:"Position",[Fe]:"Top",[Ie]:"Bottom",[We]:"Left",[Ne]:"Right",[we]:"Category Axis",[Pe]:"X Axis",[Re]:"Title",[Be]:"Axis Title",[De]:"Font",[Me]:"(inherited font)",[Ke]:"Size",[Oe]:"px",[Ge]:"Color",[qe]:"Labels",[Ve]:"Font",[je]:"(inherited font)",[He]:"Size",[Xe]:"px",[Ye]:"Color",[$e]:"Rotation",[Ue]:"Auto",[Je]:"Reverse Order",[Qe]:"Value Axis",[Ze]:"Y Axis",[_e]:"Title",[et]:"Axis Title",[tt]:"Font",[at]:"(inherited font)",[lt]:"Size",[rt]:"px",[nt]:"Color",[ot]:"Labels",[it]:"Label Format",[st]:"Text",[ct]:"Number",[dt]:"Currency",[ut]:"Percent",[gt]:"Font",[mt]:"(inherited font)",[vt]:"Size",[xt]:"px",[pt]:"Color",[bt]:"Rotation",[ht]:"Auto"},Ct=t.createContext({reorder:()=>{},dragStart:()=>{}}),yt=e=>{const a=t.useContext(Ct);return t.createElement("td",{onDragOver:t=>{a.reorder.call(void 0,e.dataItem),t.preventDefault(),t.dataTransfer.dropEffect="copy"},"aria-colindex":e.ariaColumnIndex,className:e.className,colSpan:e.colSpan,id:e.id},t.createElement("span",{className:"k-icon k-i-reorder",draggable:!0,style:{cursor:"move"},onDragStart:t=>{a.dragStart.call(void 0,e.dataItem),t.dataTransfer.setData("dragging","")}},t.createElement(c.SvgIcon,{icon:o.reorderIcon})))},At="inEdit",Et=e=>{const a=e.originalProps.dataItem,l=e.originalProps.field,r=a[e.editField||""],n=l&&l===r?{ref:e=>{const t=e&&e.querySelector("input"),a=(t&&t.ownerDocument||document).activeElement;!t||!a||t===a||!a.contains(t)||("checkbox"===t.type?t.focus():t.select())},onKeyDown:t=>{t.target.matches("input")&&("Enter"===t.key||"Escape"===t.key)&&(t.stopPropagation(),e.exitEdit())},onBlur:t=>{t.target.matches("input")&&e.exitEdit()}}:{onClick:()=>{e.enterEdit(a,l)}},o={...e.td.props,...n};return t.cloneElement(e.td,o,e.td.props.children)},kt=e=>{const[a,l]=t.useState(null),r=(t,a)=>{const l=e.data.map((e=>({...e,[At]:e.id===t.id?a:void 0})));e.onChange.call(void 0,l)},i=()=>{const t=e.data.map((e=>({...e,[At]:void 0})));e.onChange.call(void 0,t)};return t.createElement(f.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(Ct.Provider,{value:{reorder:t=>{if(a===t)return;const l=e.data.slice(),r=l.findIndex((e=>e===a)),n=l.findIndex((e=>e===t));l.splice(r,1),l.splice(n,0,a||l[0]),e.onChange.call(void 0,l)},dragStart:e=>{l(e)}}},t.createElement(d.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",cellRender:(e,a)=>t.createElement(Et,{originalProps:a,td:e,enterEdit:r,exitEdit:i,editField:At}),onItemChange:t=>{const a=t.field||"",l=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,l)},scrollable:"none",editField:At,headerCellRender:()=>null,headerClassName:"k-hidden"},t.createElement(d.GridToolbar,null,t.createElement(n.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:o.plusIcon},u.useLocalization().toLanguageString(J,ft[J]))),t.createElement(d.GridColumn,{title:"",width:"40px",cell:yt,editable:!1}),t.createElement(d.GridColumn,{field:"name",title:"Name"}),t.createElement(d.GridColumn,{field:"",width:"40px",cell:C,editable:!1}))))};var St=(e=>(e[e.seriesType=0]="seriesType",e[e.stacked=1]="stacked",e[e.categoryAxisX=2]="categoryAxisX",e[e.valueAxisY=3]="valueAxisY",e[e.seriesChange=4]="seriesChange",e[e.areaMarginLeft=5]="areaMarginLeft",e[e.areaMarginRight=6]="areaMarginRight",e[e.areaMarginTop=7]="areaMarginTop",e[e.areaMarginBottom=8]="areaMarginBottom",e[e.areaBackground=9]="areaBackground",e[e.titleText=10]="titleText",e[e.titleFontName=11]="titleFontName",e[e.titleFontSize=12]="titleFontSize",e[e.titleColor=13]="titleColor",e[e.subtitleText=14]="subtitleText",e[e.subtitleFontName=15]="subtitleFontName",e[e.subtitleFontSize=16]="subtitleFontSize",e[e.subtitleColor=17]="subtitleColor",e[e.seriesColor=18]="seriesColor",e[e.seriesLabel=19]="seriesLabel",e[e.legendVisible=20]="legendVisible",e[e.legendFontName=21]="legendFontName",e[e.legendFontSize=22]="legendFontSize",e[e.legendColor=23]="legendColor",e[e.legendPosition=24]="legendPosition",e[e.categoryAxisTitleText=25]="categoryAxisTitleText",e[e.categoryAxisTitleFontName=26]="categoryAxisTitleFontName",e[e.categoryAxisTitleFontSize=27]="categoryAxisTitleFontSize",e[e.categoryAxisTitleColor=28]="categoryAxisTitleColor",e[e.categoryAxisLabelsFontName=29]="categoryAxisLabelsFontName",e[e.categoryAxisLabelsFontSize=30]="categoryAxisLabelsFontSize",e[e.categoryAxisLabelsColor=31]="categoryAxisLabelsColor",e[e.categoryAxisLabelsRotation=32]="categoryAxisLabelsRotation",e[e.categoryAxisReverseOrder=33]="categoryAxisReverseOrder",e[e.valueAxisTitleText=34]="valueAxisTitleText",e[e.valueAxisTitleFontName=35]="valueAxisTitleFontName",e[e.valueAxisTitleFontSize=36]="valueAxisTitleFontSize",e[e.valueAxisTitleColor=37]="valueAxisTitleColor",e[e.valueAxisLabelsFormat=38]="valueAxisLabelsFormat",e[e.valueAxisLabelsFontName=39]="valueAxisLabelsFontName",e[e.valueAxisLabelsFontSize=40]="valueAxisLabelsFontSize",e[e.valueAxisLabelsColor=41]="valueAxisLabelsColor",e[e.valueAxisLabelsRotation=42]="valueAxisLabelsRotation",e))(St||{});const Lt=[{text:"16",value:"16px"},{text:"20",value:"20px"},{text:"24",value:"24px"},{text:"48",value:"48px"},{text:"60",value:"60px"},{text:"96",value:"96px"}],zt=[{text:"Arial",value:"Arial, Helvetica, sans-serif",style:{fontFamily:"Arial, Helvetica, sans-serif"}},{text:"Courier New",value:"'Courier New', Courier, monospace",style:{fontFamily:"'Courier New', Courier, monospace"}},{text:"Georgia",value:"Georgia, serif",style:{fontFamily:"Georgia, serif"}},{text:"Impact",value:"Impact, Charcoal, sans-serif",style:{fontFamily:"Impact, Charcoal, sans-serif"}},{text:"Lucida Console",value:"'Lucida Console', Monaco, monospace",style:{fontFamily:"'Lucida Console', Monaco, monospace"}},{text:"Tahoma",value:"Tahoma, Geneva, sans-serif",style:{fontFamily:"Tahoma, Geneva, sans-serif"}},{text:"Times New Roman",value:"'Times New Roman', Times,serif",style:{fontFamily:"'Times New Roman', Times,serif"}},{text:"Trebuchet MS",value:"'Trebuchet MS', Helvetica, sans-serif",style:{fontFamily:"'Trebuchet MS', Helvetica, sans-serif"}},{text:"Verdana",value:"Verdana, Geneva, sans-serif",style:{fontFamily:"Verdana, Geneva, sans-serif"}}],Tt="line",Ft="scatter",It=["column","bar",Tt,Ft],Wt={type:Tt,width:0},Nt=e=>e&&It.includes(e),wt=["string","date","number"],Pt=["number"],Rt={bar:[{axisType:"category",types:wt},{axisType:"value",types:Pt}],column:[{axisType:"category",types:wt},{axisType:"value",types:Pt}],line:[{axisType:"category",types:wt},{axisType:"value",types:Pt}],pie:[{axisType:"category",types:wt},{axisType:"value",types:Pt,count:1}],scatter:[{axisType:"category",types:wt},{axisType:"value",types:Pt}]},Bt=(e,t)=>`${t||""} ${e||""}`.trim(),Dt=e=>{const t=(e||"").indexOf(" ");return{size:null==e?void 0:e.substring(0,t),name:null==e?void 0:e.substring(t+1)}},Mt=(e,t,a)=>{const{size:l}=Dt(a);return e?Bt(e,l||t):""},Kt=(e,t,a)=>{const{name:l}=Dt(a);return e?Bt(l||t,e):""},Ot=(e,t)=>{const a=[],l=e[0].slice();t.types.forEach((e=>{l.forEach(((t,l)=>{typeof t.value===e&&a.push(l)}))}));const r=a.findIndex((t=>{const a=e.map((e=>e[t].value));return new Set(a).size===a.length}));return Math.max(r,0)},Gt=(e,t)=>{const a=[],l=e[0].slice();return t.forEach((e=>{e.types.forEach((e=>{l.forEach(((t,l)=>{typeof t.value===e&&a.push(l)}))}))})),a},qt=()=>structuredClone({columns:[],data:[],series:[],initialSeries:[],categoryAxis:[],valueAxis:[{labels:{visible:!0}}],area:{margin:{left:void 0,right:void 0,top:void 0,bottom:void 0}},stack:!1}),Vt=(e,t,a)=>{const l=qt();l.seriesType=t,l.data=e;const r=Rt[t];if(!r)return l;const n=e[0].slice();l.columns=e[0].map((e=>String(e.field)));const o=r.find((e=>"category"===e.axisType));let i=-1;o&&(i=null!=a&&a.categoryAxis?l.columns.indexOf(null==a?void 0:a.categoryAxis):Ot(e,o));const s=r.filter((e=>"value"===e.axisType));let c=Gt(e,s);c.includes(i)&&(c=c.filter((e=>e!==i)));const d=[];c.forEach((a=>{const l=n[a],r=[];e.forEach((e=>{r.push(e[a].value)})),d.push({name:l.field,type:t,data:r,stack:!1,labels:{visible:!1},...t===Ft?Wt:{}})}));const u=i>-1?e.map((e=>String(e[i].value))):[];return d.length&&(l.series=d.map(((e,t)=>({...e,id:t}))),l.initialSeries=structuredClone(l.series)),u.length&&(l.categoryAxis=[{categories:u,labels:{visible:!0,rotation:"auto"}}],l.categoryField=l.columns[i]),l.legend={visible:!0},l.title={text:void 0},l.subtitle={text:void 0},l},jt=(e,t,a)=>{const l=qt();l.seriesType=t,l.data=e;const r=Rt[t];if(!r)return l;const n=e[0].map((e=>e.field)),o=r.find((e=>"category"===e.axisType));let i=-1;o&&(i=null!=a&&a.categoryAxis?n.indexOf(null==a?void 0:a.categoryAxis):Ot(e,o));const s=r.filter((e=>"value"===e.axisType));let c=[];c=null!=a&&a.valueAxis?[n.indexOf(a.valueAxis)]:Gt(e,s),c.includes(i)&&c.length>1&&(c=c.filter((e=>e!==i))),"number"==typeof s[0].count&&(c=c.slice(0,s[0].count));const d=i>-1?e.map((e=>String(e[i].value))):[],u=[];return e.forEach((e=>{const t={};c.forEach((a=>{const l=e[a];t[l.field]=l.value,t[e[i].field]=e[i].value})),u.push(t)})),l.columns=n,l.categoryAxis=[{categories:d,title:{text:""}}],l.series=[{id:0,data:u,type:t,name:n[i],labels:{visible:!0},categoryField:n[i],field:n[c[0]]}],l.categoryField=n[i],l.valueField=n[c[0]],l.initialSeries=structuredClone(l.series),l},Ht=e=>null!=e,Xt=(e,t,a)=>{const l=Yt(e,(null==a?void 0:a.seriesType)||t);return void 0!==(null==a?void 0:a.stack)?Ut(l,1,a.stack):l},Yt=(e,t)=>(Nt(t)?Vt:jt)(e,t),$t=(e,t)=>{if(t.legend=e.legend,t.area=e.area,t.title=e.title,t.subtitle=e.subtitle,t.series.length===e.series.length)for(let a=0;a<t.series.length;a++)t.series[a].color=e.series[a].color,t.series[a].labels=e.series[a].labels;return e.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible}))&&Nt(t.seriesType)&&Nt(e.seriesType)&&t.series.forEach((e=>{e.labels=e.labels||{},e.labels.visible=!0})),t},Ut=(e,t,a)=>{var l,r,n,o,i,s,c,d,u,g,m,v,x,p,b,h,f,C,y,A,E,k,S,L,z,T,F,I,W,N,w,P,R;const B={...e};switch(t){case 0:return Yt(B.data,a);case 1:return B.series=B.series.map((e=>({...e,stack:a}))),B;case 2:if(B.seriesType&&Nt(B.seriesType)){const e=Vt(B.data,B.seriesType,{categoryAxis:a});return $t(B,e)}if("pie"===B.seriesType){const e=jt(B.data,B.seriesType,{categoryAxis:a});return $t(B,e)}return B;case 3:if("pie"===B.seriesType){const e=jt(B.data,B.seriesType,{categoryAxis:B.categoryField,valueAxis:a});return $t(B,e)}return B;case 4:return B.series=a,B;case 5:return B.area={...B.area,margin:{...(null==(l=B.area)?void 0:l.margin)||{},left:a}},B;case 6:return B.area={...B.area,margin:{...(null==(r=B.area)?void 0:r.margin)||{},right:a}},B;case 7:return B.area={...B.area,margin:{...(null==(n=B.area)?void 0:n.margin)||{},top:a}},B;case 8:return B.area={...B.area,margin:{...(null==(o=B.area)?void 0:o.margin)||{},bottom:a}},B;case 9:return B.area={...B.area,background:a},B;case 10:return B.title={...B.title,text:a},B;case 11:return B.title={...B.title,font:Mt(a,Lt[0].value,null==(i=B.title)?void 0:i.font)},B;case 12:return B.title={...B.title,font:Kt(a,zt[0].value,null==(s=B.title)?void 0:s.font)},B;case 13:return B.title={...B.title,color:a},B;case 14:return B.subtitle={...B.subtitle,text:a},B;case 15:return B.subtitle={...B.subtitle,font:Mt(a,Lt[0].value,null==(c=B.subtitle)?void 0:c.font)},B;case 16:return B.subtitle={...B.subtitle,font:Kt(a,zt[0].value,null==(d=B.subtitle)?void 0:d.font)},B;case 17:return B.subtitle={...B.subtitle,color:a},B;case 18:return B.series=B.series.map((e=>({...e,color:a.seriesName===e.name?a.color:e.color}))),B;case 19:return B.series=B.series.map((e=>a.all||a.seriesName===e.name?{...e,labels:{visible:a.visible}}:e)),B;case 20:return B.legend={...B.legend,visible:a},B;case 21:return B.legend={...B.legend,labels:{...null==(u=B.legend)?void 0:u.labels,font:Mt(a,Lt[0].value,null==(m=null==(g=B.legend)?void 0:g.labels)?void 0:m.font)}},B;case 22:return B.legend={...B.legend,labels:{...null==(v=B.legend)?void 0:v.labels,font:Kt(a,zt[0].value,null==(p=null==(x=B.legend)?void 0:x.labels)?void 0:p.font)}},B;case 23:return B.legend={...B.legend,labels:{...null==(b=B.legend)?void 0:b.labels,color:a}},B;case 24:return B.legend={...B.legend,position:a},B;case 25:return B.categoryAxis=null==(h=B.categoryAxis)?void 0:h.map((e=>({...e,title:{...e.title,text:a}}))),B;case 26:return B.categoryAxis=null==(f=B.categoryAxis)?void 0:f.map((e=>{var t;return{...e,title:{...e.title,font:Mt(a,Lt[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 27:return B.categoryAxis=null==(C=B.categoryAxis)?void 0:C.map((e=>{var t;return{...e,title:{...e.title,font:Kt(a,zt[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 28:return B.categoryAxis=null==(y=B.categoryAxis)?void 0:y.map((e=>({...e,title:{...e.title,color:a}}))),B;case 29:return B.categoryAxis=null==(A=B.categoryAxis)?void 0:A.map((e=>{var t;return{...e,labels:{...e.labels,font:Mt(a,Lt[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 30:return B.categoryAxis=null==(E=B.categoryAxis)?void 0:E.map((e=>{var t;return{...e,labels:{...e.labels,font:Kt(a,zt[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 31:return B.categoryAxis=null==(k=B.categoryAxis)?void 0:k.map((e=>({...e,labels:{...e.labels,color:a}}))),B;case 32:{const e=Ht(a)?a:"auto";return B.categoryAxis=null==(S=B.categoryAxis)?void 0:S.map((t=>({...t,labels:{...t.labels,rotation:e}}))),B}case 33:return B.categoryAxis=null==(L=B.categoryAxis)?void 0:L.map((e=>({...e,reverse:a}))),B;case 34:return B.valueAxis&&0!==B.valueAxis.length?B.valueAxis=null==(z=B.valueAxis)?void 0:z.map((e=>({...e,title:{...e.title,text:a}}))):B.valueAxis=[{title:{text:a}}],B;case 35:return B.valueAxis=null==(T=B.valueAxis)?void 0:T.map((e=>{var t;return{...e,title:{...e.title,font:Mt(a,Lt[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 36:return B.valueAxis=null==(F=B.valueAxis)?void 0:F.map((e=>{var t;return{...e,title:{...e.title,font:Kt(a,zt[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 37:return B.valueAxis=null==(I=B.valueAxis)?void 0:I.map((e=>({...e,title:{...e.title,color:a}}))),B;case 38:return B.valueAxis=null==(W=B.valueAxis)?void 0:W.map((e=>({...e,labels:{...e.labels,format:a}}))),B;case 39:return B.valueAxis=null==(N=B.valueAxis)?void 0:N.map((e=>{var t;return{...e,labels:{...e.labels,font:Mt(a,Lt[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 40:return B.valueAxis=null==(w=B.valueAxis)?void 0:w.map((e=>{var t;return{...e,labels:{...e.labels,font:Kt(a,zt[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 41:return B.valueAxis=null==(P=B.valueAxis)?void 0:P.map((e=>({...e,labels:{...e.labels,color:a}}))),B;case 42:{const e=Ht(a)?a:"auto";return B.valueAxis=null==(R=B.valueAxis)?void 0:R.map((t=>({...t,labels:{...t.labels,rotation:e}}))),B}default:return B}};class Jt{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}class Qt extends Jt{constructor(e,t){super(),this.chart=e,this.exportOptions=t}}const Zt="chart",_t={paperSize:"A4",margin:"1cm"},ea={width:800,height:600},ta=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&x.exportPDF(t,a.pdf).then((e=>p.saveAs(e,a.fileName+".pdf")))},aa=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&x.exportSVG(t).then((e=>p.saveAs(e,a.fileName+".svg")))},la=e=>{const t=e.exportOptions,a=l.exportVisual(e.chart,t.image);a&&x.exportImage(a,t.image).then((e=>p.saveAs(e,t.fileName+".png")))},ra=e=>h.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&h.createElement("legend",{className:"k-form-legend"},e.legend),e.children),na=e=>h.createElement(v.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&h.createElement(m.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),h.createElement("div",{className:"k-form-field-wrap"},e.children)),oa={value:null,text:""},ia=(e,t)=>t.dataItem.style?h.cloneElement(e,e.props,h.createElement("span",{style:t.dataItem.style},e.props.children)):e,sa=e=>h.createElement("div",{className:c.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},h.createElement("div",{className:"k-icon-background-area",tabIndex:0},h.createElement(c.SvgIcon,{icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children),ca={fillMode:"outline",popupSettings:{animate:!1}},da={type:"normal"},ua={type:"100%"};function ga(e){const{grid:t,data:a,selectedState:l,dataItemKey:r}=e;if(!t)return[];const n=d.leafColumns(t.columns||[]),o=c.getter(r),i=c.getter("field"),s=c.getter("title"),u=new Map(a.map((e=>[String(o(e)),e]))),g=new Map(Array.from(u.keys()).map(((e,t)=>[e,t]))),m=Object.keys(l).sort(((e,t)=>(g.get(e)||0)-(g.get(t)||0))),v=[];return m.forEach((e=>{let t=l[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.map((e=>({title:s(n[e]),field:i(n[e])})));v.push({dataItem:u.get(e),dataColumns:a})}})),v}function ma(e){const t=[];return e.forEach((e=>{const{dataItem:a,dataColumns:l}=e,r=[];l.forEach((e=>{r.push({field:e.title||e.field,value:c.getter(e.field)(a)})})),t.push(r)})),t}e.ActionTypes=St,e.ChartWizard=e=>{var t,c,d,x,p,b,f,C,J,Ct,yt,At,Et,Tt,Ft,It,Wt,wt,Pt,Rt,Bt,Mt,Kt,Ot,Gt,qt,Vt,jt,Ht,Jt,ga,ma,va,xa,pa,ba,ha,fa,Ca,ya,Aa;const Ea=u.useLocalization(),ka=[{value:"chartTitle",text:Ea.toLanguageString(se,ft[se])},{value:"chartSubtitle",text:Ea.toLanguageString(ce,ft[ce])}],Sa=[{value:"top",text:Ea.toLanguageString(Fe,ft[Fe])},{value:"bottom",text:Ea.toLanguageString(Ie,ft[Ie])},{value:"left",text:Ea.toLanguageString(We,ft[We])},{value:"right",text:Ea.toLanguageString(Ne,ft[Ne])}],La={name:Ea.toLanguageString(he,ft[he])},za={text:Ea.toLanguageString(st,ft[st]),value:""},Ta=[{value:"n0",text:Ea.toLanguageString(ct,ft[ct])},{value:"c0",text:Ea.toLanguageString(dt,ft[dt])},{value:"p0",text:Ea.toLanguageString(ut,ft[ut])}],Fa=h.useRef(null),Ia=h.useCallback((t=>{var a;if(Fa.current){const l=new Qt(Fa.current,((e={})=>({fileName:e.fileName||Zt,pdf:{..._t,...e.pdf},image:{...ea,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(e,l),l.isDefaultPrevented()||t.item.exportHandler.call(void 0,l)}}),[e.exportOptions]),[Wa,Na]=h.useState({width:700,height:550}),[wa,Pa]=h.useState("DEFAULT"),Ra=h.useCallback((e=>{Na({width:e.width,height:e.height})}),[]),Ba=h.useCallback((e=>{Pa(e.state)}),[]),[Da,Ma]=h.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),Ka=h.useCallback((e=>{Ma(e.newState)}),[]),[Oa,Ga]=h.useState(!0),qa=h.useCallback((e=>{Ga(!e.expanded)}),[]),[Va,ja]=h.useState(!0),Ha=h.useCallback((e=>{ja(!e.expanded)}),[]),[Xa,Ya]=h.useState(!0),$a=h.useCallback((e=>{Ya(!e.expanded)}),[]),[Ua,Ja]=h.useState(!0),Qa=h.useCallback((e=>{Ja(!e.expanded)}),[]),[Za,_a]=h.useState(!0),el=h.useCallback((e=>{_a(!e.expanded)}),[]),[tl,al]=h.useState(!0),ll=h.useCallback((e=>{al(!e.expanded)}),[]),[rl,nl]=h.useState(!0),ol=h.useCallback((e=>{nl(!e.expanded)}),[]),[il,sl]=h.useState(!0),cl=h.useCallback((e=>{sl(!e.expanded)}),[]),[dl,ul]=h.useState(!0),gl=h.useCallback((e=>{ul(!e.expanded)}),[]),[ml,vl]=h.useState(!0),xl=h.useCallback((e=>{vl(!e.expanded)}),[]),[pl,bl]=h.useState(!0),hl=h.useCallback((e=>{bl(!e.expanded)}),[]),[fl,Cl]=h.useState(!0),yl=h.useCallback((e=>{Cl(!e.expanded)}),[]),[Al,El]=h.useState(0),kl=h.useCallback((e=>{El(e.selected)}),[]),[Sl,Ll]=h.useState(Xt(e.data,"bar",e.defaultState)),[zl,Tl]=h.useState(""),Fl=h.useCallback((e=>{const t=e.target.value.name;Tl(t===La.name?"":t)}),[]),Il=h.useCallback((()=>{Ll($t(Sl,Yt(e.data,"bar"))),Tl("")}),[Sl,e.data]),Wl=h.useCallback((()=>{const t=$t(Sl,Yt(e.data,"bar"));Ll(Ut(t,St.stacked,da)),Tl("")}),[Sl,e.data]),Nl=h.useCallback((()=>{const t=$t(Sl,Yt(e.data,"bar"));Ll(Ut(t,St.stacked,ua)),Tl("")}),[Sl,e.data]),wl=h.useCallback((()=>{Ll($t(Sl,Yt(e.data,"column"))),Tl("")}),[Sl,e.data]),Pl=h.useCallback((()=>{const t=$t(Sl,Yt(e.data,"column"));Ll(Ut(t,St.stacked,da)),Tl("")}),[Sl,e.data]),Rl=h.useCallback((()=>{const t=$t(Sl,Yt(e.data,"column"));Ll(Ut(t,St.stacked,ua)),Tl("")}),[Sl,e.data]),Bl=h.useCallback((()=>{Ll($t(Sl,Yt(e.data,"line"))),Tl("")}),[Sl,e.data]),Dl=h.useCallback((()=>{const t=$t(Sl,Yt(e.data,"line"));Ll(Ut(t,St.stacked,da)),Tl("")}),[Sl,e.data]),Ml=h.useCallback((()=>{const t=$t(Sl,Yt(e.data,"line"));Ll(Ut(t,St.stacked,ua)),Tl("")}),[Sl,e.data]),Kl=h.useCallback((()=>{Ll($t(Sl,Yt(e.data,"pie"))),Tl("")}),[Sl,e.data]),Ol=h.useCallback((()=>{Ll($t(Sl,Yt(e.data,"scatter"))),Tl("")}),[Sl,e.data]),Gl=h.useCallback((e=>{Ll(Ut(Sl,St.categoryAxisX,e.target.value))}),[Sl]),ql=h.useCallback((e=>{Ll(Ut(Sl,St.seriesChange,e))}),[Sl]),Vl=h.useCallback((e=>{Ll(Ut(Sl,St.valueAxisY,e.target.value))}),[Sl]),jl=h.useCallback((e=>{Ll(Ut(Sl,St.areaMarginLeft,e.target.value))}),[Sl]),Hl=h.useCallback((e=>{Ll(Ut(Sl,St.areaMarginRight,e.target.value))}),[Sl]),Xl=h.useCallback((e=>{Ll(Ut(Sl,St.areaMarginTop,e.target.value))}),[Sl]),Yl=h.useCallback((e=>{Ll(Ut(Sl,St.areaMarginBottom,e.target.value))}),[Sl]),$l=Sl.area.margin,Ul=h.useCallback((e=>{Ll(Ut(Sl,St.areaBackground,e.value))}),[Sl]),[Jl,Ql]=h.useState(ka[0]),Zl=h.useCallback((e=>{Ql(e.target.value)}),[]),_l=h.useCallback((e=>{const t=Jl.value===ka[0].value?St.titleText:St.subtitleText;Ll(Ut(Sl,t,e.target.value))}),[Sl,Jl]),er=h.useCallback((e=>{const t=Jl.value===ka[0].value?St.titleFontName:St.subtitleFontName,a=e.target.value||oa;Ll(Ut(Sl,t,a.value))}),[Sl,Jl]),tr=h.useCallback((e=>{const t=Jl.value===ka[0].value?St.titleFontSize:St.subtitleFontSize,a=e.target.value||oa;Ll(Ut(Sl,t,a.value))}),[Sl,Jl]),ar=h.useCallback((e=>{const t=Jl.value===ka[0].value?St.titleColor:St.subtitleColor;Ll(Ut(Sl,t,e.value))}),[Sl,Jl]),lr=(Jl.value===ka[0].value?Sl.title:Sl.subtitle)||{text:"",font:"",color:""},rr=h.useCallback((e=>{zl&&Ll(Ut(Sl,St.seriesColor,{seriesName:zl,color:e.value}))}),[Sl,zl]),nr=h.useCallback((e=>{Ll(Ut(Sl,St.seriesLabel,{seriesName:zl,all:!zl,visible:e.value}))}),[Sl,zl]),or=h.useCallback((e=>{Ll(Ut(Sl,St.legendVisible,e.value))}),[Sl]),ir=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.legendFontSize,t.value))}),[Sl]),sr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.legendFontName,t.value))}),[Sl]),cr=h.useCallback((e=>{Ll(Ut(Sl,St.legendColor,e.value))}),[Sl]),dr=h.useCallback((e=>{const t=e.target.value;Ll(Ut(Sl,St.legendPosition,t.value))}),[Sl]),ur=h.useCallback((e=>{Ll(Ut(Sl,St.categoryAxisTitleText,e.target.value))}),[Sl]),gr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.categoryAxisTitleFontSize,t.value))}),[Sl]),mr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.categoryAxisTitleFontName,t.value))}),[Sl]),vr=h.useCallback((e=>{Ll(Ut(Sl,St.categoryAxisTitleColor,e.value))}),[Sl]),xr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.categoryAxisLabelsFontSize,t.value))}),[Sl]),pr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.categoryAxisLabelsFontName,t.value))}),[Sl]),br=h.useCallback((e=>{Ll(Ut(Sl,St.categoryAxisLabelsColor,e.value))}),[Sl]),hr=h.useCallback((e=>{Ll(Ut(Sl,St.categoryAxisLabelsRotation,e.target.value))}),[Sl]),fr=h.useCallback((e=>{Ll(Ut(Sl,St.categoryAxisReverseOrder,e.value))}),[Sl]),Cr=h.useCallback((e=>{Ll(Ut(Sl,St.valueAxisTitleText,e.target.value))}),[Sl]),yr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.valueAxisTitleFontSize,t.value))}),[Sl]),Ar=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.valueAxisTitleFontName,t.value))}),[Sl]),Er=h.useCallback((e=>{Ll(Ut(Sl,St.valueAxisTitleColor,e.value))}),[Sl]),kr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.valueAxisLabelsFontSize,t.value))}),[Sl]),Sr=h.useCallback((e=>{const t=e.target.value||oa;Ll(Ut(Sl,St.valueAxisLabelsFontName,t.value))}),[Sl]),Lr=h.useCallback((e=>{Ll(Ut(Sl,St.valueAxisLabelsColor,e.value))}),[Sl]),zr=h.useCallback((e=>{Ll(Ut(Sl,St.valueAxisLabelsRotation,e.target.value))}),[Sl]),Tr=h.useCallback((e=>{const t=e.target.value;Ll(Ut(Sl,St.valueAxisLabelsFormat,t.value))}),[Sl]),Fr=Sl.seriesType,Ir="object"==typeof(null==(t=Sl.series[0])?void 0:t.stack)&&(null==(c=Sl.series[0])?void 0:c.stack),Wr=!1===Ir,Nr=Ir&&"normal"===Ir.type,wr=Ir&&"100%"===Ir.type;return h.createElement(a.Window,{title:Ea.toLanguageString(y,ft[y]),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:Ra,stage:wa,onStageChange:Ba,...Wa},h.createElement(r.Splitter,{panes:Da,onChange:Ka,className:"k-chart-wizard-splitter"},h.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},h.createElement("div",{className:"k-preview-pane-header"},h.createElement(n.DropDownButton,{text:Ea.toLanguageString(A,ft[A]),fillMode:"flat",svgIcon:o.exportIcon,onItemClick:Ia,items:[{svgIcon:o.filePdfIcon,exportHandler:ta,text:Ea.toLanguageString(E,ft[E])},{svgIcon:o.fileIcon,exportHandler:aa,text:Ea.toLanguageString(k,ft[k])},{svgIcon:o.fileImageIcon,exportHandler:la,text:Ea.toLanguageString(S,ft[S])}]})),h.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},h.createElement(l.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:Fa},h.createElement(l.ChartTitle,{text:null==(d=Sl.title)?void 0:d.text,font:null==(x=Sl.title)?void 0:x.font,color:(null==(p=Sl.title)?void 0:p.color)||"#000"}),h.createElement(l.ChartSubtitle,{text:null==(b=Sl.subtitle)?void 0:b.text,font:null==(f=Sl.subtitle)?void 0:f.font,color:(null==(C=Sl.subtitle)?void 0:C.color)||"#000"}),h.createElement(l.ChartArea,{background:null==(J=Sl.area)?void 0:J.background,margin:$l}),Sl.categoryAxis&&h.createElement(l.ChartCategoryAxis,null,Sl.categoryAxis.map(((e,t)=>h.createElement(l.ChartCategoryAxisItem,{key:t,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})))),Sl.valueAxis&&h.createElement(l.ChartValueAxis,null,Sl.valueAxis.map(((e,t)=>h.createElement(l.ChartValueAxisItem,{key:t,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}})))),h.createElement(l.ChartSeries,null,Sl.series.map(((e,t)=>h.createElement(l.ChartSeriesItem,{key:String(e.name)+t,...e})))),h.createElement(l.ChartXAxis,null,Sl.categoryAxis.map(((e,t)=>h.createElement(l.ChartXAxisItem,{key:t,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,format:e.labels.format,rotation:e.labels.rotation}})))),h.createElement(l.ChartYAxis,null,Sl.valueAxis.map(((e,t)=>h.createElement(l.ChartYAxisItem,{key:t,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}})))),h.createElement(l.ChartLegend,{visible:null==(Ct=Sl.legend)?void 0:Ct.visible,position:null==(yt=Sl.legend)?void 0:yt.position,labels:{color:(null==(Et=null==(At=Sl.legend)?void 0:At.labels)?void 0:Et.color)||void 0,font:(null==(Ft=null==(Tt=Sl.legend)?void 0:Tt.labels)?void 0:Ft.font)||void 0}})))),h.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},h.createElement(r.TabStrip,{selected:Al,onSelect:kl,animation:!1},h.createElement(r.TabStripTab,{title:Ea.toLanguageString(L,ft[L])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(F,ft[F]),expanded:Oa,tabIndex:0,onAction:qa},h.createElement(i.Reveal,null,Oa&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(sa,{selected:"bar"===Fr&&Wr,onClick:Il,icon:o.chartBarClusteredIcon},Ea.toLanguageString(I,ft[I])),h.createElement(sa,{selected:"bar"===Fr&&Nr,onClick:Wl,icon:o.chartBarStackedIcon},Ea.toLanguageString(W,ft[W])),h.createElement(sa,{selected:"bar"===Fr&&wr,onClick:Nl,icon:o.chartBarStacked100Icon},Ea.toLanguageString(N,ft[N])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(w,ft[w]),expanded:Va,tabIndex:0,onAction:Ha},h.createElement(i.Reveal,null,Va&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(sa,{selected:"pie"===Fr,onClick:Kl,icon:o.chartPieIcon},Ea.toLanguageString(P,ft[P])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(R,ft[R]),expanded:Xa,tabIndex:0,onAction:$a},h.createElement(i.Reveal,null,Xa&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(sa,{selected:"column"===Fr&&Wr,onClick:wl,icon:o.chartColumnClusteredIcon},Ea.toLanguageString(B,ft[B])),h.createElement(sa,{selected:"column"===Fr&&Nr,onClick:Pl,icon:o.chartColumnStackedIcon},Ea.toLanguageString(D,ft[D])),h.createElement(sa,{selected:"column"===Fr&&wr,onClick:Rl,icon:o.chartColumnStacked100Icon},Ea.toLanguageString(M,ft[M])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(K,ft[K]),expanded:Ua,tabIndex:0,onAction:Qa},h.createElement(i.Reveal,null,Ua&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(sa,{selected:"line"===Fr&&Wr,onClick:Bl,icon:o.chartLineIcon},Ea.toLanguageString(O,ft[O])),h.createElement(sa,{selected:"line"===Fr&&Nr,onClick:Dl,icon:o.chartLineStackedIcon},Ea.toLanguageString(G,ft[G])),h.createElement(sa,{selected:"line"===Fr&&wr,onClick:Ml,icon:o.chartLineStacked100Icon},Ea.toLanguageString(q,ft[q])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(V,ft[V]),expanded:Za,tabIndex:0,onAction:el},h.createElement(i.Reveal,null,Za&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(sa,{selected:"scatter"===Fr,onClick:Ol,icon:o.chartScatterIcon},Ea.toLanguageString(j,ft[j])))))))),h.createElement(r.TabStripTab,{title:Ea.toLanguageString(z,ft[z])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(H,ft[H]),expanded:tl,tabIndex:0,onAction:ll},h.createElement(i.Reveal,null,tl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(ra,{legend:"scatter"===Fr?Ea.toLanguageString(Y,ft[Y]):Ea.toLanguageString(X,ft[X])},h.createElement(s.DropDownList,{data:Sl.columns||[],value:Sl.categoryField,onChange:Gl,...ca})),Nt(Fr)&&h.createElement(ra,{legend:Ea.toLanguageString(U,ft[U])},h.createElement(kt,{data:Sl.series,initialData:Sl.initialSeries,onChange:ql})),"pie"===Fr&&h.createElement(ra,{legend:Ea.toLanguageString($,ft[$])},h.createElement(s.DropDownList,{data:Sl.columns||[],value:Sl.valueField||"",...ca,onChange:Vl})))))))),h.createElement(r.TabStripTab,{title:Ea.toLanguageString(T,ft[T])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(Q,ft[Q]),expanded:rl,tabIndex:0,onAction:ol},h.createElement(i.Reveal,null,rl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(ra,{legend:Ea.toLanguageString(Z,ft[Z])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(na,{labelText:Ea.toLanguageString(ee,ft[ee]),editorId:"left"},h.createElement(g.NumericTextBox,{id:"left",value:void 0!==$l.left?$l.left:null,onChange:jl,placeholder:Ea.toLanguageString(_,ft[_]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(na,{labelText:Ea.toLanguageString(te,ft[te]),editorId:"right"},h.createElement(g.NumericTextBox,{id:"right",value:void 0!==$l.right?$l.right:null,onChange:Hl,placeholder:Ea.toLanguageString(_,ft[_]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(na,{labelText:Ea.toLanguageString(ae,ft[ae]),editorId:"top"},h.createElement(g.NumericTextBox,{id:"top",value:void 0!==$l.top?$l.top:null,onChange:Xl,placeholder:Ea.toLanguageString(_,ft[_]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(na,{labelText:Ea.toLanguageString(le,ft[le]),editorId:"bottom"},h.createElement(g.NumericTextBox,{id:"bottom",value:void 0!==$l.bottom?$l.bottom:null,onChange:Yl,placeholder:Ea.toLanguageString(_,ft[_]),min:0,max:1e3,step:1,fillMode:"outline"})))),h.createElement(ra,{legend:Ea.toLanguageString(re,ft[re])},h.createElement(na,{labelText:Ea.toLanguageString(ne,ft[ne]),editorId:"background"},h.createElement(g.ColorPicker,{id:"background",value:(null==(It=Sl.area)?void 0:It.background)||"",onChange:Ul,view:"gradient",fillMode:"outline"}))))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(oe,ft[oe]),expanded:il,tabIndex:0,onAction:cl},h.createElement(i.Reveal,null,il&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(na,{className:"k-col-span-2",editorId:"apply-to-title",labelText:Ea.toLanguageString(ie,ft[ie])},h.createElement(s.DropDownList,{id:"apply-to-title",data:ka,textField:"text",dataItemKey:"value",value:ka.find((e=>e.value===Jl.value)),onChange:Zl,...ca})),h.createElement(na,{className:"k-col-span-2",editorId:"titleText",labelText:Ea.toLanguageString(de,ft[de])},h.createElement(g.Input,{id:"titleText",placeholder:Jl.value===ka[0].value?ka[0].text:ka[1].text,value:lr.text,onChange:_l,onKeyDown:e=>e.stopPropagation()})),h.createElement(na,{className:"k-col-span-2",editorId:"titleFont",labelText:Ea.toLanguageString(ue,ft[ue])},h.createElement(s.ComboBox,{id:"titleFont",data:zt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(ge,ft[ge]),value:zt.find((e=>e.value===Dt(lr.font).name))||oa,onChange:er,itemRender:ia,...ca})),h.createElement(na,{editorId:"titleFontSize",labelText:Ea.toLanguageString(me,ft[me])},h.createElement(s.ComboBox,{id:"titleFontSize",data:Lt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(ve,ft[ve]),value:Lt.find((e=>e.value===Dt(lr.font).size))||oa,onChange:tr,itemRender:ia,...ca})),h.createElement(na,{editorId:"titleColor",labelText:Ea.toLanguageString(xe,ft[xe])},h.createElement(g.ColorPicker,{id:"titleColor",value:lr.color||"",onChange:ar,view:"gradient",fillMode:"outline"}))))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(pe,ft[pe]),expanded:dl,tabIndex:0,onAction:gl},h.createElement(i.Reveal,null,dl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(na,{editorId:"apply-to-series",labelText:Ea.toLanguageString(be,ft[be])},h.createElement(s.DropDownList,{id:"apply-to-series",data:Sl.series,textField:"name",dataItemKey:"name",defaultItem:La,disabled:!Nt(Fr),value:Sl.series.find((e=>e.name===zl))||La,onChange:Fl,...ca})),h.createElement(na,{editorId:"seriesColor",labelText:Ea.toLanguageString(fe,ft[fe])},h.createElement(g.ColorPicker,{id:"seriesColor",value:zl?null==(Wt=Sl.series.find((e=>e.name===zl)))?void 0:Wt.color:"",onChange:rr,disabled:!zl,view:"gradient",fillMode:"outline"})),h.createElement(na,null,h.createElement(g.Checkbox,{label:Ea.toLanguageString(Ce,ft[Ce]),checked:zl?null==(Pt=null==(wt=Sl.series.find((e=>e.name===zl)))?void 0:wt.labels)?void 0:Pt.visible:Sl.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:nr})))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(ye,ft[ye]),expanded:ml,tabIndex:0,onAction:xl},h.createElement(i.Reveal,null,ml&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(m.Label,{editorId:"show-legend"},Ea.toLanguageString(Ae,ft[Ae])),h.createElement(g.Switch,{id:"show-legend",checked:null==(Rt=Sl.legend)?void 0:Rt.visible,onChange:or}),h.createElement(na,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:Ea.toLanguageString(Ee,ft[Ee])},h.createElement(s.ComboBox,{id:"legendLabelsFont",data:zt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(ke,ft[ke]),value:zt.find((e=>{var t,a,l;return e.value===(null==(l=Dt((null==(a=null==(t=Sl.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||oa,onChange:sr,itemRender:ia,disabled:!1===(null==(Bt=Sl.legend)?void 0:Bt.visible),...ca})),h.createElement(na,{editorId:"legendLabelsSize",labelText:Ea.toLanguageString(Se,ft[Se])},h.createElement(s.ComboBox,{id:"legendLabelsSize",data:Lt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Le,ft[Le]),value:Lt.find((e=>{var t,a,l;return e.value===(null==(l=Dt((null==(a=null==(t=Sl.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||oa,onChange:ir,disabled:!1===(null==(Mt=Sl.legend)?void 0:Mt.visible),...ca})),h.createElement(na,{editorId:"legendLabelsColor",labelText:Ea.toLanguageString(ze,ft[ze])},h.createElement(g.ColorPicker,{id:"legendLabelsColor",value:(null==(Ot=null==(Kt=Sl.legend)?void 0:Kt.labels)?void 0:Ot.color)||"",onChange:cr,disabled:!1===(null==(Gt=Sl.legend)?void 0:Gt.visible),view:"gradient",fillMode:"outline"})),h.createElement(na,{className:"k-col-span-2",editorId:"legendPosition",labelText:Ea.toLanguageString(Te,ft[Te])},h.createElement(s.DropDownList,{id:"legendPosition",data:Sa,textField:"text",dataItemKey:"value",value:Sa.find((e=>{var t;return e.value===(null==(t=Sl.legend)?void 0:t.position)})),onChange:dr,disabled:!1===(null==(qt=Sl.legend)?void 0:qt.visible),...ca}))))))),"pie"!==Fr&&h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Fr?Ea.toLanguageString(Pe,ft[Pe]):Ea.toLanguageString(we,ft[we]),expanded:pl,tabIndex:0,onAction:hl},h.createElement(i.Reveal,null,pl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(ra,{legend:Ea.toLanguageString(Re,ft[Re])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(na,{className:"k-col-span-2"},h.createElement(g.Input,{placeholder:Ea.toLanguageString(Be,ft[Be]),value:(null==(Vt=Sl.categoryAxis[0].title)?void 0:Vt.text)||"",onChange:ur,onKeyDown:e=>e.stopPropagation()})),h.createElement(na,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:Ea.toLanguageString(De,ft[De])},h.createElement(s.ComboBox,{id:"categoryAxisTitleFont",data:zt,textField:"text",dataItemKey:"value",itemRender:ia,placeholder:Ea.toLanguageString(Me,ft[Me]),value:zt.find((e=>{var t,a;return e.value===(null==(a=Dt((null==(t=Sl.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||oa,onChange:mr,...ca})),h.createElement(na,{editorId:"categoryAxisTitleFontSize",labelText:Ea.toLanguageString(Ke,ft[Ke])},h.createElement(s.ComboBox,{id:"categoryAxisTitleFontSize",data:Lt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Oe,ft[Oe]),value:Lt.find((e=>{var t,a;return e.value===(null==(a=Dt((null==(t=Sl.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||oa,onChange:gr,...ca})),h.createElement(na,{editorId:"categoryAxisTitleColor",labelText:Ea.toLanguageString(Ge,ft[Ge])},h.createElement(g.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(jt=Sl.categoryAxis[0].title)?void 0:jt.color)||"",onChange:vr,fillMode:"outline"})))),h.createElement(ra,{legend:Ea.toLanguageString(qe,ft[qe])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(na,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:Ea.toLanguageString(Ve,ft[Ve])},h.createElement(s.ComboBox,{id:"categoryAxisLabelsFont",data:zt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(je,ft[je]),value:zt.find((e=>{var t,a;return e.value===(null==(a=Dt((null==(t=Sl.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||oa,onChange:pr,itemRender:ia,...ca})),h.createElement(na,{editorId:"categoryAxisLabelsFontSize",labelText:Ea.toLanguageString(He,ft[He])},h.createElement(s.ComboBox,{id:"categoryAxisLabelsFontSize",data:Lt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Xe,ft[Xe]),value:Lt.find((e=>{var t,a;return e.value===(null==(a=Dt((null==(t=Sl.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||oa,onChange:xr,...ca})),h.createElement(na,{editorId:"categoryAxisLabelsColor",labelText:Ea.toLanguageString(Ye,ft[Ye])},h.createElement(g.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(Ht=Sl.categoryAxis[0].labels)?void 0:Ht.color)||"",onChange:br,fillMode:"outline"})),h.createElement(na,{editorId:"categoryAxisLabelsRotation",labelText:Ea.toLanguageString($e,ft[$e])},h.createElement(g.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(Jt=Sl.categoryAxis[0].labels)?void 0:Jt.rotation)?null==(ga=Sl.categoryAxis[0].labels)?void 0:ga.rotation:null,placeholder:Ea.toLanguageString(Ue,ft[Ue]),onChange:hr,fillMode:"outline",min:-360,max:360,step:1})),h.createElement(na,{className:"k-col-span-2"},h.createElement(g.Checkbox,{label:Ea.toLanguageString(Je,ft[Je]),checked:Sl.categoryAxis[0].reverse||!1,onChange:fr})))))))),"pie"!==Fr&&h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Fr?Ea.toLanguageString(Ze,ft[Ze]):Ea.toLanguageString(Qe,ft[Qe]),expanded:fl,tabIndex:0,onAction:yl},h.createElement(i.Reveal,null,fl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(ra,{legend:Ea.toLanguageString(_e,ft[_e])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(na,{className:"k-col-span-2"},h.createElement(g.Input,{placeholder:Ea.toLanguageString(et,ft[et]),value:(null==(va=null==(ma=Sl.valueAxis[0])?void 0:ma.title)?void 0:va.text)||"",onChange:Cr,onKeyDown:e=>e.stopPropagation()})),h.createElement(na,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:Ea.toLanguageString(tt,ft[tt])},h.createElement(s.ComboBox,{id:"valueAxisTitleFont",data:zt,textField:"text",dataItemKey:"value",itemRender:ia,placeholder:Ea.toLanguageString(at,ft[at]),value:zt.find((e=>{var t,a,l;return e.value===(null==(l=Dt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.name)}))||oa,onChange:Ar,...ca})),h.createElement(na,{editorId:"valueAxisTitleFontSize",labelText:Ea.toLanguageString(lt,ft[lt])},h.createElement(s.ComboBox,{id:"valueAxisTitleFontSize",data:Lt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(rt,ft[rt]),value:Lt.find((e=>{var t,a,l;return e.value===(null==(l=Dt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.size)}))||oa,onChange:yr,...ca})),h.createElement(na,{editorId:"valueAxisTitleColor",labelText:Ea.toLanguageString(nt,ft[nt])},h.createElement(g.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(pa=null==(xa=Sl.valueAxis[0])?void 0:xa.title)?void 0:pa.color)||"",onChange:Er,fillMode:"outline"})))),h.createElement(ra,{legend:Ea.toLanguageString(ot,ft[ot])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(na,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:Ea.toLanguageString(it,ft[it])},h.createElement(s.DropDownList,{id:"valueAxisLabelsFormat",data:Ta,textField:"text",dataItemKey:"value",defaultItem:za,value:Ta.find((e=>{var t,a;return e.value===(null==(a=null==(t=Sl.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||za,onChange:Tr,...ca})),h.createElement(na,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:Ea.toLanguageString(gt,ft[gt])},h.createElement(s.ComboBox,{id:"valueAxisLabelsFont",data:zt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(mt,ft[mt]),value:zt.find((e=>{var t,a,l;return e.value===(null==(l=Dt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||oa,onChange:Sr,itemRender:ia,...ca})),h.createElement(na,{editorId:"valueAxisLabelsFontSize",labelText:Ea.toLanguageString(vt,ft[vt])},h.createElement(s.ComboBox,{id:"valueAxisLabelsFontSize",data:Lt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(xt,ft[xt]),value:Lt.find((e=>{var t,a,l;return e.value===(null==(l=Dt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||oa,onChange:kr,...ca})),h.createElement(na,{editorId:"valueAxisLabelsColor",labelText:Ea.toLanguageString(pt,ft[pt])},h.createElement(g.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(ha=null==(ba=Sl.valueAxis[0])?void 0:ba.labels)?void 0:ha.color)||"",onChange:Lr,fillMode:"outline"})),h.createElement(na,{editorId:"valueAxisLabelsRotation",labelText:Ea.toLanguageString(bt,ft[bt])},h.createElement(g.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(Ca=null==(fa=Sl.valueAxis[0])?void 0:fa.labels)?void 0:Ca.rotation)?null==(Aa=null==(ya=Sl.valueAxis[0])?void 0:ya.labels)?void 0:Aa.rotation:null,placeholder:Ea.toLanguageString(ht,ft[ht]),onChange:zr,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))},e.createInitialState=Xt,e.createState=Yt,e.fontNames=zt,e.fontSizes=Lt,e.getGridSelectedRows=ga,e.getWizardDataFromDataRows=ma,e.getWizardDataFromGridSelection=e=>ma(ga(e)),e.isCategorical=Nt,e.mergeStates=$t,e.parseFont=Dt,e.updateState=Ut}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-charts"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-charts","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-animation","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-drawing","@progress/kendo-file-saver"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactCharts,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactAnimation,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactIntl,e.KendoReactCommon,e.KendoReactInputs,e.KendoReactLabels,e.KendoReactForm,e.KendoDrawing,e.KendoFileSaver)}(this,(function(e,t,a,l,r,n,o,i,s,c,d,u,g,m,v,x,p){"use strict";function b(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=b(t);const f=h.createContext({onRemove:e=>{},count:0}),C=e=>{const{onRemove:t,count:a}=h.useContext(f);return h.createElement("td",{...e.tdProps},h.createElement(n.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:o.trashIcon,fillMode:"flat",disabled:a<2}))},y=h.createContext({reorder:()=>{},dragStart:()=>{}}),A=e=>{const t=h.useContext(y);return h.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},h.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},h.createElement(u.IconWrap,{icon:o.reorderIcon,name:"reorder"})))},E=h.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),k=e=>{const{enterEdit:t}=h.useContext(E);return h.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},S=e=>"delete"===e.field?h.createElement(C,{...e}):"reorder"===e.field?h.createElement(A,{...e}):"name"===e.field?h.createElement(k,{...e}):null,L=e=>{const t=h.useRef(null),{exitEdit:a}=h.useContext(E);return h.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),h.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)},z=()=>null,T="chartWizard.window.title",F="chartWizard.export.button",I="chartWizard.exportPDF.button",W="chartWizard.exportSVG.button",N="chartWizard.exportPNG.button",P="chartWizard.tab.chart",w="chartWizard.tab.data",R="chartWizard.tab.format",B="chartWizard.chart.barChart",D="chartWizard.chart.barChart.bar",M="chartWizard.chart.barChart.stackedBar",K="chartWizard.chart.barChart.100%stackedBar",O="chartWizard.chart.pieChart",G="chartWizard.chart.pieChart.pie",q="chartWizard.chart.columnChart",V="chartWizard.chart.columnChart.column",j="chartWizard.chart.columnChart.stackedColumn",H="chartWizard.chart.columnChart.100%stackedColumn",X="chartWizard.chart.lineChart",Y="chartWizard.chart.lineChart.line",$="chartWizard.chart.lineChart.stackedLine",U="chartWizard.chart.lineChart.100%stackedLine",J="chartWizard.chart.scatterChart",Q="chartWizard.chart.scatterChart.scatter",Z="chartWizard.data.configuration",_="chartWizard.data.configuration.categoryAxis",ee="chartWizard.data.configuration.xAxis",te="chartWizard.data.configuration.valueAxis",ae="chartWizard.data.configuration.series",le="chartWizard.data.configuration.series.add",re="chartWizard.format.chartArea",ne="chartWizard.format.chartArea.margins",oe="chartWizard.format.chartArea.margins.auto",ie="chartWizard.format.chartArea.margins.left",se="chartWizard.format.chartArea.margins.right",ce="chartWizard.format.chartArea.margins.top",de="chartWizard.format.chartArea.margins.bottom",ue="chartWizard.format.chartArea.background",ge="chartWizard.format.chartArea.background.color",me="chartWizard.format.title",ve="chartWizard.format.title.applyTo",xe="chartWizard.format.title.chartTitle",pe="chartWizard.format.title.chartSubtitle",be="chartWizard.format.title.label",he="chartWizard.format.title.font",fe="chartWizard.format.title.fontPlaceholder",Ce="chartWizard.format.title.size",ye="chartWizard.format.title.sizePlaceholder",Ae="chartWizard.format.title.color",Ee="chartWizard.format.series",ke="chartWizard.format.series.applyTo",Se="chartWizard.format.series.allSeries",Le="chartWizard.format.series.color",ze="chartWizard.format.series.showLabels",Te="chartWizard.format.legend",Fe="chartWizard.format.legend.showLegend",Ie="chartWizard.format.legend.font",We="chartWizard.format.legend.fontPlaceholder",Ne="chartWizard.format.legend.size",Pe="chartWizard.format.legend.sizePlaceholder",we="chartWizard.format.legend.color",Re="chartWizard.format.legend.position",Be="chartWizard.format.legend.position.top",De="chartWizard.format.legend.position.bottom",Me="chartWizard.format.legend.position.left",Ke="chartWizard.format.legend.position.right",Oe="chartWizard.format.categoryAxis",Ge="chartWizard.format.xAxis",qe="chartWizard.format.categoryAxis.title",Ve="chartWizard.format.categoryAxis.title.placeholder",je="chartWizard.format.categoryAxis.title.font",He="chartWizard.format.categoryAxis.title.fontPlaceholder",Xe="chartWizard.format.categoryAxis.title.size",Ye="chartWizard.format.categoryAxis.title.sizePlaceholder",$e="chartWizard.format.categoryAxis.title.color",Ue="chartWizard.format.categoryAxis.labels",Je="chartWizard.format.categoryAxis.labels.font",Qe="chartWizard.format.categoryAxis.labels.fontPlaceholder",Ze="chartWizard.format.categoryAxis.labels.size",_e="chartWizard.format.categoryAxis.labels.sizePlaceholder",et="chartWizard.format.categoryAxis.labels.color",tt="chartWizard.format.categoryAxis.labels.rotation",at="chartWizard.format.categoryAxis.labels.rotation.auto",lt="chartWizard.format.categoryAxis.labels.reverseOrder",rt="chartWizard.format.valueAxis",nt="chartWizard.format.yAxis",ot="chartWizard.format.valueAxis.title",it="chartWizard.format.valueAxis.title.placeholder",st="chartWizard.format.valueAxis.title.font",ct="chartWizard.format.valueAxis.title.fontPlaceholder",dt="chartWizard.format.valueAxis.title.size",ut="chartWizard.format.valueAxis.title.sizePlaceholder",gt="chartWizard.format.valueAxis.title.color",mt="chartWizard.format.valueAxis.labels",vt="chartWizard.format.valueAxis.labelFormat",xt="chartWizard.format.valueAxis.labelFormat.text",pt="chartWizard.format.valueAxis.labelFormat.number",bt="chartWizard.format.valueAxis.labelFormat.currency",ht="chartWizard.format.valueAxis.labelFormat.percent",ft="chartWizard.format.valueAxis.labels.font",Ct="chartWizard.format.valueAxis.labels.fontPlaceholder",yt="chartWizard.format.valueAxis.labels.size",At="chartWizard.format.valueAxis.labels.sizePlaceholder",Et="chartWizard.format.valueAxis.labels.color",kt="chartWizard.format.valueAxis.labels.rotation",St="chartWizard.format.valueAxis.labels.rotation.auto",Lt={[T]:"Chart Preview",[F]:"Export",[I]:"PDF File",[W]:"SVG File",[N]:"PNG File",[P]:"Chart",[w]:"Data",[R]:"Format",[B]:"Bar Chart",[D]:"Bar",[M]:"Stacked Bar",[K]:"100% Stacked Bar",[O]:"Pie Chart",[G]:"Pie",[q]:"Column Chart",[V]:"Column",[j]:"Stacked Column",[H]:"100% Stacked Column",[X]:"Line Chart",[Y]:"Line",[$]:"Stacked Line",[U]:"100% Stacked Line",[J]:"Scatter Chart",[Q]:"Scatter",[Z]:"Configuration",[_]:"Category Axis",[ee]:"X Axis",[te]:"Value Axis",[ae]:"Series",[le]:"Add",[re]:"Chart Area",[ne]:"Margins",[oe]:"Auto",[ie]:"Left",[se]:"Right",[ce]:"Top",[de]:"Bottom",[ue]:"Background",[ge]:"Color",[me]:"Title",[ve]:"Apply to",[xe]:"Chart Title",[pe]:"Chart Subtitle",[be]:"Title",[he]:"Font",[fe]:"(inherited font)",[Ce]:"Size",[ye]:"px",[Ae]:"Color",[Ee]:"Series",[ke]:"Apply to",[Se]:"All Series",[Le]:"Color",[ze]:"Show Labels",[Te]:"Legend",[Fe]:"Show Legend",[Ie]:"Font",[We]:"(inherited font)",[Ne]:"Size",[Pe]:"px",[we]:"Color",[Re]:"Position",[Be]:"Top",[De]:"Bottom",[Me]:"Left",[Ke]:"Right",[Oe]:"Category Axis",[Ge]:"X Axis",[qe]:"Title",[Ve]:"Axis Title",[je]:"Font",[He]:"(inherited font)",[Xe]:"Size",[Ye]:"px",[$e]:"Color",[Ue]:"Labels",[Je]:"Font",[Qe]:"(inherited font)",[Ze]:"Size",[_e]:"px",[et]:"Color",[tt]:"Rotation",[at]:"Auto",[lt]:"Reverse Order",[rt]:"Value Axis",[nt]:"Y Axis",[ot]:"Title",[it]:"Axis Title",[st]:"Font",[ct]:"(inherited font)",[dt]:"Size",[ut]:"px",[gt]:"Color",[mt]:"Labels",[vt]:"Label Format",[xt]:"Text",[pt]:"Number",[bt]:"Currency",[ht]:"Percent",[ft]:"Font",[Ct]:"(inherited font)",[yt]:"Size",[At]:"px",[Et]:"Color",[kt]:"Rotation",[St]:"Auto"},zt="inEdit",Tt=e=>{const[a,l]=t.useState(null);return t.createElement(f.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(y.Provider,{value:{reorder:t=>{if(a===t)return;const l=e.data.slice(),r=l.findIndex((e=>e===a)),n=l.findIndex((e=>e===t));l.splice(r,1),l.splice(n,0,a||l[0]),e.onChange.call(void 0,l)},dragStart:e=>{l(e)}}},t.createElement(E.Provider,{value:{enterEdit:(t,a)=>{const l=e.data.map((e=>({...e,[zt]:e.id===t.id?a:void 0})));e.onChange.call(void 0,l)},exitEdit:()=>{const t=e.data.map((e=>({...e,[zt]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(c.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",l=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,l)},scrollable:"none",editField:zt,cells:{headerCell:z,data:S,edit:{text:L,boolean:L,numeric:L,date:L}}},t.createElement(c.GridToolbar,null,t.createElement(n.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:o.plusIcon,icon:"plus"},d.useLocalization().toLanguageString(le,Lt[le]))),t.createElement(c.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(c.GridColumn,{field:"name",title:"Name"}),t.createElement(c.GridColumn,{field:"delete",width:"40px",editable:!1})))))};var Ft=(e=>(e[e.seriesType=0]="seriesType",e[e.stacked=1]="stacked",e[e.categoryAxisX=2]="categoryAxisX",e[e.valueAxisY=3]="valueAxisY",e[e.seriesChange=4]="seriesChange",e[e.areaMarginLeft=5]="areaMarginLeft",e[e.areaMarginRight=6]="areaMarginRight",e[e.areaMarginTop=7]="areaMarginTop",e[e.areaMarginBottom=8]="areaMarginBottom",e[e.areaBackground=9]="areaBackground",e[e.titleText=10]="titleText",e[e.titleFontName=11]="titleFontName",e[e.titleFontSize=12]="titleFontSize",e[e.titleColor=13]="titleColor",e[e.subtitleText=14]="subtitleText",e[e.subtitleFontName=15]="subtitleFontName",e[e.subtitleFontSize=16]="subtitleFontSize",e[e.subtitleColor=17]="subtitleColor",e[e.seriesColor=18]="seriesColor",e[e.seriesLabel=19]="seriesLabel",e[e.legendVisible=20]="legendVisible",e[e.legendFontName=21]="legendFontName",e[e.legendFontSize=22]="legendFontSize",e[e.legendColor=23]="legendColor",e[e.legendPosition=24]="legendPosition",e[e.categoryAxisTitleText=25]="categoryAxisTitleText",e[e.categoryAxisTitleFontName=26]="categoryAxisTitleFontName",e[e.categoryAxisTitleFontSize=27]="categoryAxisTitleFontSize",e[e.categoryAxisTitleColor=28]="categoryAxisTitleColor",e[e.categoryAxisLabelsFontName=29]="categoryAxisLabelsFontName",e[e.categoryAxisLabelsFontSize=30]="categoryAxisLabelsFontSize",e[e.categoryAxisLabelsColor=31]="categoryAxisLabelsColor",e[e.categoryAxisLabelsRotation=32]="categoryAxisLabelsRotation",e[e.categoryAxisReverseOrder=33]="categoryAxisReverseOrder",e[e.valueAxisTitleText=34]="valueAxisTitleText",e[e.valueAxisTitleFontName=35]="valueAxisTitleFontName",e[e.valueAxisTitleFontSize=36]="valueAxisTitleFontSize",e[e.valueAxisTitleColor=37]="valueAxisTitleColor",e[e.valueAxisLabelsFormat=38]="valueAxisLabelsFormat",e[e.valueAxisLabelsFontName=39]="valueAxisLabelsFontName",e[e.valueAxisLabelsFontSize=40]="valueAxisLabelsFontSize",e[e.valueAxisLabelsColor=41]="valueAxisLabelsColor",e[e.valueAxisLabelsRotation=42]="valueAxisLabelsRotation",e))(Ft||{});const It=[{text:"16",value:"16px"},{text:"20",value:"20px"},{text:"24",value:"24px"},{text:"48",value:"48px"},{text:"60",value:"60px"},{text:"96",value:"96px"}],Wt=[{text:"Arial",value:"Arial, Helvetica, sans-serif",style:{fontFamily:"Arial, Helvetica, sans-serif"}},{text:"Courier New",value:"'Courier New', Courier, monospace",style:{fontFamily:"'Courier New', Courier, monospace"}},{text:"Georgia",value:"Georgia, serif",style:{fontFamily:"Georgia, serif"}},{text:"Impact",value:"Impact, Charcoal, sans-serif",style:{fontFamily:"Impact, Charcoal, sans-serif"}},{text:"Lucida Console",value:"'Lucida Console', Monaco, monospace",style:{fontFamily:"'Lucida Console', Monaco, monospace"}},{text:"Tahoma",value:"Tahoma, Geneva, sans-serif",style:{fontFamily:"Tahoma, Geneva, sans-serif"}},{text:"Times New Roman",value:"'Times New Roman', Times,serif",style:{fontFamily:"'Times New Roman', Times,serif"}},{text:"Trebuchet MS",value:"'Trebuchet MS', Helvetica, sans-serif",style:{fontFamily:"'Trebuchet MS', Helvetica, sans-serif"}},{text:"Verdana",value:"Verdana, Geneva, sans-serif",style:{fontFamily:"Verdana, Geneva, sans-serif"}}],Nt="line",Pt="scatter",wt=["column","bar",Nt,Pt],Rt={type:Nt,width:0},Bt=e=>e&&wt.includes(e),Dt=["string","date","number"],Mt=["number"],Kt={bar:[{axisType:"category",types:Dt},{axisType:"value",types:Mt}],column:[{axisType:"category",types:Dt},{axisType:"value",types:Mt}],line:[{axisType:"category",types:Dt},{axisType:"value",types:Mt}],pie:[{axisType:"category",types:Dt},{axisType:"value",types:Mt,count:1}],scatter:[{axisType:"category",types:Dt},{axisType:"value",types:Mt}]},Ot=(e,t)=>`${t||""} ${e||""}`.trim(),Gt=e=>{const t=(e||"").indexOf(" ");return{size:null==e?void 0:e.substring(0,t),name:null==e?void 0:e.substring(t+1)}},qt=(e,t,a)=>{const{size:l}=Gt(a);return e?Ot(e,l||t):""},Vt=(e,t,a)=>{const{name:l}=Gt(a);return e?Ot(l||t,e):""},jt=(e,t)=>{const a=[],l=e[0].slice();t.types.forEach((e=>{l.forEach(((t,l)=>{typeof t.value===e&&a.push(l)}))}));const r=a.findIndex((t=>{const a=e.map((e=>e[t].value));return new Set(a).size===a.length}));return Math.max(r,0)},Ht=(e,t)=>{const a=[],l=e[0].slice();return t.forEach((e=>{e.types.forEach((e=>{l.forEach(((t,l)=>{typeof t.value===e&&a.push(l)}))}))})),a},Xt=()=>structuredClone({columns:[],data:[],series:[],initialSeries:[],categoryAxis:[],valueAxis:[{labels:{visible:!0}}],area:{margin:{left:void 0,right:void 0,top:void 0,bottom:void 0}},stack:!1}),Yt=(e,t,a)=>{const l=Xt();l.seriesType=t,l.data=e;const r=Kt[t];if(!r)return l;const n=e[0].slice();l.columns=e[0].map((e=>String(e.field)));const o=r.find((e=>"category"===e.axisType));let i=-1;o&&(i=null!=a&&a.categoryAxis?l.columns.indexOf(null==a?void 0:a.categoryAxis):jt(e,o));const s=r.filter((e=>"value"===e.axisType));let c=Ht(e,s);c.includes(i)&&(c=c.filter((e=>e!==i)));const d=[];c.forEach((a=>{const l=n[a],r=[];e.forEach((e=>{r.push(e[a].value)})),d.push({name:l.field,type:t,data:r,stack:!1,labels:{visible:!1},...t===Pt?Rt:{}})}));const u=i>-1?e.map((e=>String(e[i].value))):[];return d.length&&(l.series=d.map(((e,t)=>({...e,id:t}))),l.initialSeries=structuredClone(l.series)),u.length&&(l.categoryAxis=[{categories:u,labels:{visible:!0,rotation:"auto"}}],l.categoryField=l.columns[i]),l.legend={visible:!0},l.title={text:void 0},l.subtitle={text:void 0},l},$t=(e,t,a)=>{const l=Xt();l.seriesType=t,l.data=e;const r=Kt[t];if(!r)return l;const n=e[0].map((e=>e.field)),o=r.find((e=>"category"===e.axisType));let i=-1;o&&(i=null!=a&&a.categoryAxis?n.indexOf(null==a?void 0:a.categoryAxis):jt(e,o));const s=r.filter((e=>"value"===e.axisType));let c=[];c=null!=a&&a.valueAxis?[n.indexOf(a.valueAxis)]:Ht(e,s),c.includes(i)&&c.length>1&&(c=c.filter((e=>e!==i))),"number"==typeof s[0].count&&(c=c.slice(0,s[0].count));const d=i>-1?e.map((e=>String(e[i].value))):[],u=[];return e.forEach((e=>{const t={};c.forEach((a=>{const l=e[a];t[l.field]=l.value,t[e[i].field]=e[i].value})),u.push(t)})),l.columns=n,l.categoryAxis=[{categories:d,title:{text:""}}],l.series=[{id:0,data:u,type:t,name:n[i],labels:{visible:!0},categoryField:n[i],field:n[c[0]]}],l.categoryField=n[i],l.valueField=n[c[0]],l.initialSeries=structuredClone(l.series),l},Ut=e=>null!=e,Jt=(e,t,a)=>{const l=Qt(e,(null==a?void 0:a.seriesType)||t);return void 0!==(null==a?void 0:a.stack)?_t(l,1,a.stack):l},Qt=(e,t)=>(Bt(t)?Yt:$t)(e,t),Zt=(e,t)=>{if(t.legend=e.legend,t.area=e.area,t.title=e.title,t.subtitle=e.subtitle,t.series.length===e.series.length)for(let a=0;a<t.series.length;a++)t.series[a].color=e.series[a].color,t.series[a].labels=e.series[a].labels;return e.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible}))&&Bt(t.seriesType)&&Bt(e.seriesType)&&t.series.forEach((e=>{e.labels=e.labels||{},e.labels.visible=!0})),t},_t=(e,t,a)=>{var l,r,n,o,i,s,c,d,u,g,m,v,x,p,b,h,f,C,y,A,E,k,S,L,z,T,F,I,W,N,P,w,R;const B={...e};switch(t){case 0:return Qt(B.data,a);case 1:return B.series=B.series.map((e=>({...e,stack:a}))),B;case 2:if(B.seriesType&&Bt(B.seriesType)){const e=Yt(B.data,B.seriesType,{categoryAxis:a});return Zt(B,e)}if("pie"===B.seriesType){const e=$t(B.data,B.seriesType,{categoryAxis:a});return Zt(B,e)}return B;case 3:if("pie"===B.seriesType){const e=$t(B.data,B.seriesType,{categoryAxis:B.categoryField,valueAxis:a});return Zt(B,e)}return B;case 4:return B.series=a,B;case 5:return B.area={...B.area,margin:{...(null==(l=B.area)?void 0:l.margin)||{},left:a}},B;case 6:return B.area={...B.area,margin:{...(null==(r=B.area)?void 0:r.margin)||{},right:a}},B;case 7:return B.area={...B.area,margin:{...(null==(n=B.area)?void 0:n.margin)||{},top:a}},B;case 8:return B.area={...B.area,margin:{...(null==(o=B.area)?void 0:o.margin)||{},bottom:a}},B;case 9:return B.area={...B.area,background:a},B;case 10:return B.title={...B.title,text:a},B;case 11:return B.title={...B.title,font:qt(a,It[0].value,null==(i=B.title)?void 0:i.font)},B;case 12:return B.title={...B.title,font:Vt(a,Wt[0].value,null==(s=B.title)?void 0:s.font)},B;case 13:return B.title={...B.title,color:a},B;case 14:return B.subtitle={...B.subtitle,text:a},B;case 15:return B.subtitle={...B.subtitle,font:qt(a,It[0].value,null==(c=B.subtitle)?void 0:c.font)},B;case 16:return B.subtitle={...B.subtitle,font:Vt(a,Wt[0].value,null==(d=B.subtitle)?void 0:d.font)},B;case 17:return B.subtitle={...B.subtitle,color:a},B;case 18:return B.series=B.series.map((e=>({...e,color:a.seriesName===e.name?a.color:e.color}))),B;case 19:return B.series=B.series.map((e=>a.all||a.seriesName===e.name?{...e,labels:{visible:a.visible}}:e)),B;case 20:return B.legend={...B.legend,visible:a},B;case 21:return B.legend={...B.legend,labels:{...null==(u=B.legend)?void 0:u.labels,font:qt(a,It[0].value,null==(m=null==(g=B.legend)?void 0:g.labels)?void 0:m.font)}},B;case 22:return B.legend={...B.legend,labels:{...null==(v=B.legend)?void 0:v.labels,font:Vt(a,Wt[0].value,null==(p=null==(x=B.legend)?void 0:x.labels)?void 0:p.font)}},B;case 23:return B.legend={...B.legend,labels:{...null==(b=B.legend)?void 0:b.labels,color:a}},B;case 24:return B.legend={...B.legend,position:a},B;case 25:return B.categoryAxis=null==(h=B.categoryAxis)?void 0:h.map((e=>({...e,title:{...e.title,text:a}}))),B;case 26:return B.categoryAxis=null==(f=B.categoryAxis)?void 0:f.map((e=>{var t;return{...e,title:{...e.title,font:qt(a,It[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 27:return B.categoryAxis=null==(C=B.categoryAxis)?void 0:C.map((e=>{var t;return{...e,title:{...e.title,font:Vt(a,Wt[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 28:return B.categoryAxis=null==(y=B.categoryAxis)?void 0:y.map((e=>({...e,title:{...e.title,color:a}}))),B;case 29:return B.categoryAxis=null==(A=B.categoryAxis)?void 0:A.map((e=>{var t;return{...e,labels:{...e.labels,font:qt(a,It[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 30:return B.categoryAxis=null==(E=B.categoryAxis)?void 0:E.map((e=>{var t;return{...e,labels:{...e.labels,font:Vt(a,Wt[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 31:return B.categoryAxis=null==(k=B.categoryAxis)?void 0:k.map((e=>({...e,labels:{...e.labels,color:a}}))),B;case 32:{const e=Ut(a)?a:"auto";return B.categoryAxis=null==(S=B.categoryAxis)?void 0:S.map((t=>({...t,labels:{...t.labels,rotation:e}}))),B}case 33:return B.categoryAxis=null==(L=B.categoryAxis)?void 0:L.map((e=>({...e,reverse:a}))),B;case 34:return B.valueAxis&&0!==B.valueAxis.length?B.valueAxis=null==(z=B.valueAxis)?void 0:z.map((e=>({...e,title:{...e.title,text:a}}))):B.valueAxis=[{title:{text:a}}],B;case 35:return B.valueAxis=null==(T=B.valueAxis)?void 0:T.map((e=>{var t;return{...e,title:{...e.title,font:qt(a,It[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 36:return B.valueAxis=null==(F=B.valueAxis)?void 0:F.map((e=>{var t;return{...e,title:{...e.title,font:Vt(a,Wt[0].value,null==(t=e.title)?void 0:t.font)}}})),B;case 37:return B.valueAxis=null==(I=B.valueAxis)?void 0:I.map((e=>({...e,title:{...e.title,color:a}}))),B;case 38:return B.valueAxis=null==(W=B.valueAxis)?void 0:W.map((e=>({...e,labels:{...e.labels,format:a}}))),B;case 39:return B.valueAxis=null==(N=B.valueAxis)?void 0:N.map((e=>{var t;return{...e,labels:{...e.labels,font:qt(a,It[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 40:return B.valueAxis=null==(P=B.valueAxis)?void 0:P.map((e=>{var t;return{...e,labels:{...e.labels,font:Vt(a,Wt[0].value,null==(t=e.labels)?void 0:t.font)}}})),B;case 41:return B.valueAxis=null==(w=B.valueAxis)?void 0:w.map((e=>({...e,labels:{...e.labels,color:a}}))),B;case 42:{const e=Ut(a)?a:"auto";return B.valueAxis=null==(R=B.valueAxis)?void 0:R.map((t=>({...t,labels:{...t.labels,rotation:e}}))),B}default:return B}};class ea{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}class ta extends ea{constructor(e,t){super(),this.chart=e,this.exportOptions=t}}const aa="chart",la={paperSize:"A4",margin:"1cm"},ra={width:800,height:600},na=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&x.exportPDF(t,a.pdf).then((e=>p.saveAs(e,a.fileName+".pdf")))},oa=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&x.exportSVG(t).then((e=>p.saveAs(e,a.fileName+".svg")))},ia=e=>{const t=e.exportOptions,a=l.exportVisual(e.chart,t.image);a&&x.exportImage(a,t.image).then((e=>p.saveAs(e,t.fileName+".png")))},sa=e=>h.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&h.createElement("legend",{className:"k-form-legend"},e.legend),e.children),ca=e=>h.createElement(v.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&h.createElement(m.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),h.createElement("div",{className:"k-form-field-wrap"},e.children)),da={value:null,text:""},ua=(e,t)=>t.dataItem.style?h.cloneElement(e,e.props,h.createElement("span",{style:t.dataItem.style},e.props.children)):e,ga=e=>h.createElement("div",{className:u.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},h.createElement("div",{className:"k-icon-background-area",tabIndex:0},h.createElement(u.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children),ma={fillMode:"outline",popupSettings:{animate:!1}},va={type:"normal"},xa={type:"100%"};function pa(e){const{grid:t,data:a,selectedState:l,dataItemKey:r}=e;if(!t)return[];const n=c.leafColumns(t.columns||[]),o=u.getter(r),i=u.getter("field"),s=u.getter("title"),d=new Map(a.map((e=>[String(o(e)),e]))),g=new Map(Array.from(d.keys()).map(((e,t)=>[e,t]))),m=Object.keys(l).sort(((e,t)=>(g.get(e)||0)-(g.get(t)||0))),v=[];return m.forEach((e=>{let t=l[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.map((e=>({title:s(n[e]),field:i(n[e])})));v.push({dataItem:d.get(e),dataColumns:a})}})),v}function ba(e){const t=[];return e.forEach((e=>{const{dataItem:a,dataColumns:l}=e,r=[];l.forEach((e=>{r.push({field:e.title||e.field,value:u.getter(e.field)(a)})})),t.push(r)})),t}e.ActionTypes=Ft,e.ChartWizard=e=>{var t,c,u,x,p,b,f,C,y,A,E,k,S,L,z,le,zt,Nt,Pt,wt,Rt,Dt,Mt,Kt,Ot,qt,Vt,jt,Ht,Xt,Yt,$t,Ut,ea,pa,ba,ha,fa,Ca,ya,Aa;const Ea=d.useLocalization(),ka=[{value:"chartTitle",text:Ea.toLanguageString(xe,Lt[xe])},{value:"chartSubtitle",text:Ea.toLanguageString(pe,Lt[pe])}],Sa=[{value:"top",text:Ea.toLanguageString(Be,Lt[Be])},{value:"bottom",text:Ea.toLanguageString(De,Lt[De])},{value:"left",text:Ea.toLanguageString(Me,Lt[Me])},{value:"right",text:Ea.toLanguageString(Ke,Lt[Ke])}],La={name:Ea.toLanguageString(Se,Lt[Se])},za={text:Ea.toLanguageString(xt,Lt[xt]),value:""},Ta=[{value:"n0",text:Ea.toLanguageString(pt,Lt[pt])},{value:"c0",text:Ea.toLanguageString(bt,Lt[bt])},{value:"p0",text:Ea.toLanguageString(ht,Lt[ht])}],Fa=h.useRef(null),Ia=h.useCallback((t=>{var a;if(Fa.current){const l=new ta(Fa.current,((e={})=>({fileName:e.fileName||aa,pdf:{...la,...e.pdf},image:{...ra,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(e,l),l.isDefaultPrevented()||t.item.exportHandler.call(void 0,l)}}),[e.exportOptions]),[Wa,Na]=h.useState({width:700,height:550}),[Pa,wa]=h.useState("DEFAULT"),Ra=h.useCallback((e=>{Na({width:e.width,height:e.height})}),[]),Ba=h.useCallback((e=>{wa(e.state)}),[]),[Da,Ma]=h.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),Ka=h.useCallback((e=>{Ma(e.newState)}),[]),[Oa,Ga]=h.useState(!0),qa=h.useCallback((e=>{Ga(!e.expanded)}),[]),[Va,ja]=h.useState(!0),Ha=h.useCallback((e=>{ja(!e.expanded)}),[]),[Xa,Ya]=h.useState(!0),$a=h.useCallback((e=>{Ya(!e.expanded)}),[]),[Ua,Ja]=h.useState(!0),Qa=h.useCallback((e=>{Ja(!e.expanded)}),[]),[Za,_a]=h.useState(!0),el=h.useCallback((e=>{_a(!e.expanded)}),[]),[tl,al]=h.useState(!0),ll=h.useCallback((e=>{al(!e.expanded)}),[]),[rl,nl]=h.useState(!0),ol=h.useCallback((e=>{nl(!e.expanded)}),[]),[il,sl]=h.useState(!0),cl=h.useCallback((e=>{sl(!e.expanded)}),[]),[dl,ul]=h.useState(!0),gl=h.useCallback((e=>{ul(!e.expanded)}),[]),[ml,vl]=h.useState(!0),xl=h.useCallback((e=>{vl(!e.expanded)}),[]),[pl,bl]=h.useState(!0),hl=h.useCallback((e=>{bl(!e.expanded)}),[]),[fl,Cl]=h.useState(!0),yl=h.useCallback((e=>{Cl(!e.expanded)}),[]),[Al,El]=h.useState(0),kl=h.useCallback((e=>{El(e.selected)}),[]),[Sl,Ll]=h.useState(Jt(e.data,"bar",e.defaultState)),[zl,Tl]=h.useState(""),Fl=h.useCallback((e=>{const t=e.target.value.name;Tl(t===La.name?"":t)}),[]),Il=h.useCallback((()=>{Ll(Zt(Sl,Qt(e.data,"bar"))),Tl("")}),[Sl,e.data]),Wl=h.useCallback((()=>{const t=Zt(Sl,Qt(e.data,"bar"));Ll(_t(t,Ft.stacked,va)),Tl("")}),[Sl,e.data]),Nl=h.useCallback((()=>{const t=Zt(Sl,Qt(e.data,"bar"));Ll(_t(t,Ft.stacked,xa)),Tl("")}),[Sl,e.data]),Pl=h.useCallback((()=>{Ll(Zt(Sl,Qt(e.data,"column"))),Tl("")}),[Sl,e.data]),wl=h.useCallback((()=>{const t=Zt(Sl,Qt(e.data,"column"));Ll(_t(t,Ft.stacked,va)),Tl("")}),[Sl,e.data]),Rl=h.useCallback((()=>{const t=Zt(Sl,Qt(e.data,"column"));Ll(_t(t,Ft.stacked,xa)),Tl("")}),[Sl,e.data]),Bl=h.useCallback((()=>{Ll(Zt(Sl,Qt(e.data,"line"))),Tl("")}),[Sl,e.data]),Dl=h.useCallback((()=>{const t=Zt(Sl,Qt(e.data,"line"));Ll(_t(t,Ft.stacked,va)),Tl("")}),[Sl,e.data]),Ml=h.useCallback((()=>{const t=Zt(Sl,Qt(e.data,"line"));Ll(_t(t,Ft.stacked,xa)),Tl("")}),[Sl,e.data]),Kl=h.useCallback((()=>{Ll(Zt(Sl,Qt(e.data,"pie"))),Tl("")}),[Sl,e.data]),Ol=h.useCallback((()=>{Ll(Zt(Sl,Qt(e.data,"scatter"))),Tl("")}),[Sl,e.data]),Gl=h.useCallback((e=>{Ll(_t(Sl,Ft.categoryAxisX,e.target.value))}),[Sl]),ql=h.useCallback((e=>{Ll(_t(Sl,Ft.seriesChange,e))}),[Sl]),Vl=h.useCallback((e=>{Ll(_t(Sl,Ft.valueAxisY,e.target.value))}),[Sl]),jl=h.useCallback((e=>{Ll(_t(Sl,Ft.areaMarginLeft,e.target.value))}),[Sl]),Hl=h.useCallback((e=>{Ll(_t(Sl,Ft.areaMarginRight,e.target.value))}),[Sl]),Xl=h.useCallback((e=>{Ll(_t(Sl,Ft.areaMarginTop,e.target.value))}),[Sl]),Yl=h.useCallback((e=>{Ll(_t(Sl,Ft.areaMarginBottom,e.target.value))}),[Sl]),$l=Sl.area.margin,Ul=h.useCallback((e=>{Ll(_t(Sl,Ft.areaBackground,e.value))}),[Sl]),[Jl,Ql]=h.useState(ka[0]),Zl=h.useCallback((e=>{Ql(e.target.value)}),[]),_l=h.useCallback((e=>{const t=Jl.value===ka[0].value?Ft.titleText:Ft.subtitleText;Ll(_t(Sl,t,e.target.value))}),[Sl,Jl]),er=h.useCallback((e=>{const t=Jl.value===ka[0].value?Ft.titleFontName:Ft.subtitleFontName,a=e.target.value||da;Ll(_t(Sl,t,a.value))}),[Sl,Jl]),tr=h.useCallback((e=>{const t=Jl.value===ka[0].value?Ft.titleFontSize:Ft.subtitleFontSize,a=e.target.value||da;Ll(_t(Sl,t,a.value))}),[Sl,Jl]),ar=h.useCallback((e=>{const t=Jl.value===ka[0].value?Ft.titleColor:Ft.subtitleColor;Ll(_t(Sl,t,e.value))}),[Sl,Jl]),lr=(Jl.value===ka[0].value?Sl.title:Sl.subtitle)||{text:"",font:"",color:""},rr=h.useCallback((e=>{zl&&Ll(_t(Sl,Ft.seriesColor,{seriesName:zl,color:e.value}))}),[Sl,zl]),nr=h.useCallback((e=>{Ll(_t(Sl,Ft.seriesLabel,{seriesName:zl,all:!zl,visible:e.value}))}),[Sl,zl]),or=h.useCallback((e=>{Ll(_t(Sl,Ft.legendVisible,e.value))}),[Sl]),ir=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.legendFontSize,t.value))}),[Sl]),sr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.legendFontName,t.value))}),[Sl]),cr=h.useCallback((e=>{Ll(_t(Sl,Ft.legendColor,e.value))}),[Sl]),dr=h.useCallback((e=>{const t=e.target.value;Ll(_t(Sl,Ft.legendPosition,t.value))}),[Sl]),ur=h.useCallback((e=>{Ll(_t(Sl,Ft.categoryAxisTitleText,e.target.value))}),[Sl]),gr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.categoryAxisTitleFontSize,t.value))}),[Sl]),mr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.categoryAxisTitleFontName,t.value))}),[Sl]),vr=h.useCallback((e=>{Ll(_t(Sl,Ft.categoryAxisTitleColor,e.value))}),[Sl]),xr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.categoryAxisLabelsFontSize,t.value))}),[Sl]),pr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.categoryAxisLabelsFontName,t.value))}),[Sl]),br=h.useCallback((e=>{Ll(_t(Sl,Ft.categoryAxisLabelsColor,e.value))}),[Sl]),hr=h.useCallback((e=>{Ll(_t(Sl,Ft.categoryAxisLabelsRotation,e.target.value))}),[Sl]),fr=h.useCallback((e=>{Ll(_t(Sl,Ft.categoryAxisReverseOrder,e.value))}),[Sl]),Cr=h.useCallback((e=>{Ll(_t(Sl,Ft.valueAxisTitleText,e.target.value))}),[Sl]),yr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.valueAxisTitleFontSize,t.value))}),[Sl]),Ar=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.valueAxisTitleFontName,t.value))}),[Sl]),Er=h.useCallback((e=>{Ll(_t(Sl,Ft.valueAxisTitleColor,e.value))}),[Sl]),kr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.valueAxisLabelsFontSize,t.value))}),[Sl]),Sr=h.useCallback((e=>{const t=e.target.value||da;Ll(_t(Sl,Ft.valueAxisLabelsFontName,t.value))}),[Sl]),Lr=h.useCallback((e=>{Ll(_t(Sl,Ft.valueAxisLabelsColor,e.value))}),[Sl]),zr=h.useCallback((e=>{Ll(_t(Sl,Ft.valueAxisLabelsRotation,e.target.value))}),[Sl]),Tr=h.useCallback((e=>{const t=e.target.value;Ll(_t(Sl,Ft.valueAxisLabelsFormat,t.value))}),[Sl]),Fr=Sl.seriesType,Ir="object"==typeof(null==(t=Sl.series[0])?void 0:t.stack)&&(null==(c=Sl.series[0])?void 0:c.stack),Wr=!1===Ir,Nr=Ir&&"normal"===Ir.type,Pr=Ir&&"100%"===Ir.type;return h.createElement(a.Window,{title:Ea.toLanguageString(T,Lt[T]),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:Ra,stage:Pa,onStageChange:Ba,...Wa},h.createElement(r.Splitter,{panes:Da,onChange:Ka,className:"k-chart-wizard-splitter"},h.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},h.createElement("div",{className:"k-preview-pane-header"},h.createElement(n.DropDownButton,{text:Ea.toLanguageString(F,Lt[F]),fillMode:"flat",svgIcon:o.exportIcon,icon:"export",onItemClick:Ia,items:[{svgIcon:o.filePdfIcon,icon:"file-pdf",exportHandler:na,text:Ea.toLanguageString(I,Lt[I])},{svgIcon:o.fileIcon,icon:"file",exportHandler:oa,text:Ea.toLanguageString(W,Lt[W])},{svgIcon:o.fileImageIcon,icon:"file-image",exportHandler:ia,text:Ea.toLanguageString(N,Lt[N])}]})),h.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},h.createElement(l.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:Fa},h.createElement(l.ChartTitle,{text:null==(u=Sl.title)?void 0:u.text,font:null==(x=Sl.title)?void 0:x.font,color:(null==(p=Sl.title)?void 0:p.color)||"#000"}),h.createElement(l.ChartSubtitle,{text:null==(b=Sl.subtitle)?void 0:b.text,font:null==(f=Sl.subtitle)?void 0:f.font,color:(null==(C=Sl.subtitle)?void 0:C.color)||"#000"}),h.createElement(l.ChartArea,{background:null==(y=Sl.area)?void 0:y.background,margin:$l}),Sl.categoryAxis&&h.createElement(l.ChartCategoryAxis,null,Sl.categoryAxis.map(((e,t)=>h.createElement(l.ChartCategoryAxisItem,{key:t,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})))),Sl.valueAxis&&h.createElement(l.ChartValueAxis,null,Sl.valueAxis.map(((e,t)=>h.createElement(l.ChartValueAxisItem,{key:t,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}})))),h.createElement(l.ChartSeries,null,Sl.series.map(((e,t)=>h.createElement(l.ChartSeriesItem,{key:String(e.name)+t,...e})))),h.createElement(l.ChartXAxis,null,Sl.categoryAxis.map(((e,t)=>h.createElement(l.ChartXAxisItem,{key:t,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,format:e.labels.format,rotation:e.labels.rotation}})))),h.createElement(l.ChartYAxis,null,Sl.valueAxis.map(((e,t)=>h.createElement(l.ChartYAxisItem,{key:t,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}})))),h.createElement(l.ChartLegend,{visible:null==(A=Sl.legend)?void 0:A.visible,position:null==(E=Sl.legend)?void 0:E.position,labels:{color:(null==(S=null==(k=Sl.legend)?void 0:k.labels)?void 0:S.color)||void 0,font:(null==(z=null==(L=Sl.legend)?void 0:L.labels)?void 0:z.font)||void 0}})))),h.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},h.createElement(r.TabStrip,{selected:Al,onSelect:kl,animation:!1},h.createElement(r.TabStripTab,{title:Ea.toLanguageString(P,Lt[P])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(B,Lt[B]),expanded:Oa,tabIndex:0,onAction:qa},h.createElement(i.Reveal,null,Oa&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(ga,{selected:"bar"===Fr&&Wr,onClick:Il,icon:o.chartBarClusteredIcon,iconName:"chart-bar-clustered"},Ea.toLanguageString(D,Lt[D])),h.createElement(ga,{selected:"bar"===Fr&&Nr,onClick:Wl,icon:o.chartBarStackedIcon,iconName:"chart-bar-stacked"},Ea.toLanguageString(M,Lt[M])),h.createElement(ga,{selected:"bar"===Fr&&Pr,onClick:Nl,icon:o.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},Ea.toLanguageString(K,Lt[K])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(O,Lt[O]),expanded:Va,tabIndex:0,onAction:Ha},h.createElement(i.Reveal,null,Va&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(ga,{selected:"pie"===Fr,onClick:Kl,icon:o.chartPieIcon,iconName:"chart-pie"},Ea.toLanguageString(G,Lt[G])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(q,Lt[q]),expanded:Xa,tabIndex:0,onAction:$a},h.createElement(i.Reveal,null,Xa&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(ga,{selected:"column"===Fr&&Wr,onClick:Pl,icon:o.chartColumnClusteredIcon,iconName:"chart-column-clustered"},Ea.toLanguageString(V,Lt[V])),h.createElement(ga,{selected:"column"===Fr&&Nr,onClick:wl,icon:o.chartColumnStackedIcon,iconName:"chart-column-stacked"},Ea.toLanguageString(j,Lt[j])),h.createElement(ga,{selected:"column"===Fr&&Pr,onClick:Rl,icon:o.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},Ea.toLanguageString(H,Lt[H])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(X,Lt[X]),expanded:Ua,tabIndex:0,onAction:Qa},h.createElement(i.Reveal,null,Ua&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(ga,{selected:"line"===Fr&&Wr,onClick:Bl,icon:o.chartLineIcon,iconName:"chart-line"},Ea.toLanguageString(Y,Lt[Y])),h.createElement(ga,{selected:"line"===Fr&&Nr,onClick:Dl,icon:o.chartLineStackedIcon,iconName:"chart-line-stacked"},Ea.toLanguageString($,Lt[$])),h.createElement(ga,{selected:"line"===Fr&&Pr,onClick:Ml,icon:o.chartLineStacked100Icon,iconName:"chart-line-stacked100"},Ea.toLanguageString(U,Lt[U])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(J,Lt[J]),expanded:Za,tabIndex:0,onAction:el},h.createElement(i.Reveal,null,Za&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(ga,{selected:"scatter"===Fr,onClick:Ol,icon:o.chartScatterIcon,iconName:"chart-scatter"},Ea.toLanguageString(Q,Lt[Q])))))))),h.createElement(r.TabStripTab,{title:Ea.toLanguageString(w,Lt[w])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(Z,Lt[Z]),expanded:tl,tabIndex:0,onAction:ll},h.createElement(i.Reveal,null,tl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(sa,{legend:"scatter"===Fr?Ea.toLanguageString(ee,Lt[ee]):Ea.toLanguageString(_,Lt[_])},h.createElement(s.DropDownList,{data:Sl.columns||[],value:Sl.categoryField,onChange:Gl,...ma})),Bt(Fr)&&h.createElement(sa,{legend:Ea.toLanguageString(ae,Lt[ae])},h.createElement(Tt,{data:Sl.series,initialData:Sl.initialSeries,onChange:ql})),"pie"===Fr&&h.createElement(sa,{legend:Ea.toLanguageString(te,Lt[te])},h.createElement(s.DropDownList,{data:Sl.columns||[],value:Sl.valueField||"",...ma,onChange:Vl})))))))),h.createElement(r.TabStripTab,{title:Ea.toLanguageString(R,Lt[R])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(re,Lt[re]),expanded:rl,tabIndex:0,onAction:ol},h.createElement(i.Reveal,null,rl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(sa,{legend:Ea.toLanguageString(ne,Lt[ne])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ca,{labelText:Ea.toLanguageString(ie,Lt[ie]),editorId:"left"},h.createElement(g.NumericTextBox,{id:"left",value:void 0!==$l.left?$l.left:null,onChange:jl,placeholder:Ea.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(ca,{labelText:Ea.toLanguageString(se,Lt[se]),editorId:"right"},h.createElement(g.NumericTextBox,{id:"right",value:void 0!==$l.right?$l.right:null,onChange:Hl,placeholder:Ea.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(ca,{labelText:Ea.toLanguageString(ce,Lt[ce]),editorId:"top"},h.createElement(g.NumericTextBox,{id:"top",value:void 0!==$l.top?$l.top:null,onChange:Xl,placeholder:Ea.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(ca,{labelText:Ea.toLanguageString(de,Lt[de]),editorId:"bottom"},h.createElement(g.NumericTextBox,{id:"bottom",value:void 0!==$l.bottom?$l.bottom:null,onChange:Yl,placeholder:Ea.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})))),h.createElement(sa,{legend:Ea.toLanguageString(ue,Lt[ue])},h.createElement(ca,{labelText:Ea.toLanguageString(ge,Lt[ge]),editorId:"background"},h.createElement(g.ColorPicker,{id:"background",value:(null==(le=Sl.area)?void 0:le.background)||"",onChange:Ul,view:"gradient",fillMode:"outline"}))))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(me,Lt[me]),expanded:il,tabIndex:0,onAction:cl},h.createElement(i.Reveal,null,il&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ca,{className:"k-col-span-2",editorId:"apply-to-title",labelText:Ea.toLanguageString(ve,Lt[ve])},h.createElement(s.DropDownList,{id:"apply-to-title",data:ka,textField:"text",dataItemKey:"value",value:ka.find((e=>e.value===Jl.value)),onChange:Zl,...ma})),h.createElement(ca,{className:"k-col-span-2",editorId:"titleText",labelText:Ea.toLanguageString(be,Lt[be])},h.createElement(g.Input,{id:"titleText",placeholder:Jl.value===ka[0].value?ka[0].text:ka[1].text,value:lr.text,onChange:_l,onKeyDown:e=>e.stopPropagation()})),h.createElement(ca,{className:"k-col-span-2",editorId:"titleFont",labelText:Ea.toLanguageString(he,Lt[he])},h.createElement(s.ComboBox,{id:"titleFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(fe,Lt[fe]),value:Wt.find((e=>e.value===Gt(lr.font).name))||da,onChange:er,itemRender:ua,...ma})),h.createElement(ca,{editorId:"titleFontSize",labelText:Ea.toLanguageString(Ce,Lt[Ce])},h.createElement(s.ComboBox,{id:"titleFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(ye,Lt[ye]),value:It.find((e=>e.value===Gt(lr.font).size))||da,onChange:tr,itemRender:ua,...ma})),h.createElement(ca,{editorId:"titleColor",labelText:Ea.toLanguageString(Ae,Lt[Ae])},h.createElement(g.ColorPicker,{id:"titleColor",value:lr.color||"",onChange:ar,view:"gradient",fillMode:"outline"}))))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(Ee,Lt[Ee]),expanded:dl,tabIndex:0,onAction:gl},h.createElement(i.Reveal,null,dl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(ca,{editorId:"apply-to-series",labelText:Ea.toLanguageString(ke,Lt[ke])},h.createElement(s.DropDownList,{id:"apply-to-series",data:Sl.series,textField:"name",dataItemKey:"name",defaultItem:La,disabled:!Bt(Fr),value:Sl.series.find((e=>e.name===zl))||La,onChange:Fl,...ma})),h.createElement(ca,{editorId:"seriesColor",labelText:Ea.toLanguageString(Le,Lt[Le])},h.createElement(g.ColorPicker,{id:"seriesColor",value:zl?null==(zt=Sl.series.find((e=>e.name===zl)))?void 0:zt.color:"",onChange:rr,disabled:!zl,view:"gradient",fillMode:"outline"})),h.createElement(ca,null,h.createElement(g.Checkbox,{label:Ea.toLanguageString(ze,Lt[ze]),checked:zl?null==(Pt=null==(Nt=Sl.series.find((e=>e.name===zl)))?void 0:Nt.labels)?void 0:Pt.visible:Sl.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:nr})))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Ea.toLanguageString(Te,Lt[Te]),expanded:ml,tabIndex:0,onAction:xl},h.createElement(i.Reveal,null,ml&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(m.Label,{editorId:"show-legend"},Ea.toLanguageString(Fe,Lt[Fe])),h.createElement(g.Switch,{id:"show-legend",checked:null==(wt=Sl.legend)?void 0:wt.visible,onChange:or}),h.createElement(ca,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:Ea.toLanguageString(Ie,Lt[Ie])},h.createElement(s.ComboBox,{id:"legendLabelsFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(We,Lt[We]),value:Wt.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=Sl.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||da,onChange:sr,itemRender:ua,disabled:!1===(null==(Rt=Sl.legend)?void 0:Rt.visible),...ma})),h.createElement(ca,{editorId:"legendLabelsSize",labelText:Ea.toLanguageString(Ne,Lt[Ne])},h.createElement(s.ComboBox,{id:"legendLabelsSize",data:It,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Pe,Lt[Pe]),value:It.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=Sl.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||da,onChange:ir,disabled:!1===(null==(Dt=Sl.legend)?void 0:Dt.visible),...ma})),h.createElement(ca,{editorId:"legendLabelsColor",labelText:Ea.toLanguageString(we,Lt[we])},h.createElement(g.ColorPicker,{id:"legendLabelsColor",value:(null==(Kt=null==(Mt=Sl.legend)?void 0:Mt.labels)?void 0:Kt.color)||"",onChange:cr,disabled:!1===(null==(Ot=Sl.legend)?void 0:Ot.visible),view:"gradient",fillMode:"outline"})),h.createElement(ca,{className:"k-col-span-2",editorId:"legendPosition",labelText:Ea.toLanguageString(Re,Lt[Re])},h.createElement(s.DropDownList,{id:"legendPosition",data:Sa,textField:"text",dataItemKey:"value",value:Sa.find((e=>{var t;return e.value===(null==(t=Sl.legend)?void 0:t.position)})),onChange:dr,disabled:!1===(null==(qt=Sl.legend)?void 0:qt.visible),...ma}))))))),"pie"!==Fr&&h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Fr?Ea.toLanguageString(Ge,Lt[Ge]):Ea.toLanguageString(Oe,Lt[Oe]),expanded:pl,tabIndex:0,onAction:hl},h.createElement(i.Reveal,null,pl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(sa,{legend:Ea.toLanguageString(qe,Lt[qe])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ca,{className:"k-col-span-2"},h.createElement(g.Input,{placeholder:Ea.toLanguageString(Ve,Lt[Ve]),value:(null==(Vt=Sl.categoryAxis[0].title)?void 0:Vt.text)||"",onChange:ur,onKeyDown:e=>e.stopPropagation()})),h.createElement(ca,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:Ea.toLanguageString(je,Lt[je])},h.createElement(s.ComboBox,{id:"categoryAxisTitleFont",data:Wt,textField:"text",dataItemKey:"value",itemRender:ua,placeholder:Ea.toLanguageString(He,Lt[He]),value:Wt.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=Sl.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||da,onChange:mr,...ma})),h.createElement(ca,{editorId:"categoryAxisTitleFontSize",labelText:Ea.toLanguageString(Xe,Lt[Xe])},h.createElement(s.ComboBox,{id:"categoryAxisTitleFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Ye,Lt[Ye]),value:It.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=Sl.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||da,onChange:gr,...ma})),h.createElement(ca,{editorId:"categoryAxisTitleColor",labelText:Ea.toLanguageString($e,Lt[$e])},h.createElement(g.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(jt=Sl.categoryAxis[0].title)?void 0:jt.color)||"",onChange:vr,fillMode:"outline"})))),h.createElement(sa,{legend:Ea.toLanguageString(Ue,Lt[Ue])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ca,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:Ea.toLanguageString(Je,Lt[Je])},h.createElement(s.ComboBox,{id:"categoryAxisLabelsFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Qe,Lt[Qe]),value:Wt.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=Sl.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||da,onChange:pr,itemRender:ua,...ma})),h.createElement(ca,{editorId:"categoryAxisLabelsFontSize",labelText:Ea.toLanguageString(Ze,Lt[Ze])},h.createElement(s.ComboBox,{id:"categoryAxisLabelsFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(_e,Lt[_e]),value:It.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=Sl.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||da,onChange:xr,...ma})),h.createElement(ca,{editorId:"categoryAxisLabelsColor",labelText:Ea.toLanguageString(et,Lt[et])},h.createElement(g.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(Ht=Sl.categoryAxis[0].labels)?void 0:Ht.color)||"",onChange:br,fillMode:"outline"})),h.createElement(ca,{editorId:"categoryAxisLabelsRotation",labelText:Ea.toLanguageString(tt,Lt[tt])},h.createElement(g.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(Xt=Sl.categoryAxis[0].labels)?void 0:Xt.rotation)?null==(Yt=Sl.categoryAxis[0].labels)?void 0:Yt.rotation:null,placeholder:Ea.toLanguageString(at,Lt[at]),onChange:hr,fillMode:"outline",min:-360,max:360,step:1})),h.createElement(ca,{className:"k-col-span-2"},h.createElement(g.Checkbox,{label:Ea.toLanguageString(lt,Lt[lt]),checked:Sl.categoryAxis[0].reverse||!1,onChange:fr})))))))),"pie"!==Fr&&h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Fr?Ea.toLanguageString(nt,Lt[nt]):Ea.toLanguageString(rt,Lt[rt]),expanded:fl,tabIndex:0,onAction:yl},h.createElement(i.Reveal,null,fl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(v.FormElement,null,h.createElement(sa,{legend:Ea.toLanguageString(ot,Lt[ot])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ca,{className:"k-col-span-2"},h.createElement(g.Input,{placeholder:Ea.toLanguageString(it,Lt[it]),value:(null==(Ut=null==($t=Sl.valueAxis[0])?void 0:$t.title)?void 0:Ut.text)||"",onChange:Cr,onKeyDown:e=>e.stopPropagation()})),h.createElement(ca,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:Ea.toLanguageString(st,Lt[st])},h.createElement(s.ComboBox,{id:"valueAxisTitleFont",data:Wt,textField:"text",dataItemKey:"value",itemRender:ua,placeholder:Ea.toLanguageString(ct,Lt[ct]),value:Wt.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.name)}))||da,onChange:Ar,...ma})),h.createElement(ca,{editorId:"valueAxisTitleFontSize",labelText:Ea.toLanguageString(dt,Lt[dt])},h.createElement(s.ComboBox,{id:"valueAxisTitleFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(ut,Lt[ut]),value:It.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.size)}))||da,onChange:yr,...ma})),h.createElement(ca,{editorId:"valueAxisTitleColor",labelText:Ea.toLanguageString(gt,Lt[gt])},h.createElement(g.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(pa=null==(ea=Sl.valueAxis[0])?void 0:ea.title)?void 0:pa.color)||"",onChange:Er,fillMode:"outline"})))),h.createElement(sa,{legend:Ea.toLanguageString(mt,Lt[mt])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ca,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:Ea.toLanguageString(vt,Lt[vt])},h.createElement(s.DropDownList,{id:"valueAxisLabelsFormat",data:Ta,textField:"text",dataItemKey:"value",defaultItem:za,value:Ta.find((e=>{var t,a;return e.value===(null==(a=null==(t=Sl.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||za,onChange:Tr,...ma})),h.createElement(ca,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:Ea.toLanguageString(ft,Lt[ft])},h.createElement(s.ComboBox,{id:"valueAxisLabelsFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(Ct,Lt[Ct]),value:Wt.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||da,onChange:Sr,itemRender:ua,...ma})),h.createElement(ca,{editorId:"valueAxisLabelsFontSize",labelText:Ea.toLanguageString(yt,Lt[yt])},h.createElement(s.ComboBox,{id:"valueAxisLabelsFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Ea.toLanguageString(At,Lt[At]),value:It.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=Sl.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||da,onChange:kr,...ma})),h.createElement(ca,{editorId:"valueAxisLabelsColor",labelText:Ea.toLanguageString(Et,Lt[Et])},h.createElement(g.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(ha=null==(ba=Sl.valueAxis[0])?void 0:ba.labels)?void 0:ha.color)||"",onChange:Lr,fillMode:"outline"})),h.createElement(ca,{editorId:"valueAxisLabelsRotation",labelText:Ea.toLanguageString(kt,Lt[kt])},h.createElement(g.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(Ca=null==(fa=Sl.valueAxis[0])?void 0:fa.labels)?void 0:Ca.rotation)?null==(Aa=null==(ya=Sl.valueAxis[0])?void 0:ya.labels)?void 0:Aa.rotation:null,placeholder:Ea.toLanguageString(St,Lt[St]),onChange:zr,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))},e.createInitialState=Jt,e.createState=Qt,e.fontNames=Wt,e.fontSizes=It,e.getGridSelectedRows=pa,e.getWizardDataFromDataRows=ba,e.getWizardDataFromGridSelection=e=>ba(pa(e)),e.isCategorical=Bt,e.mergeStates=Zt,e.parseFont=Gt,e.updateState=_t}));