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

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-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,x,v,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",w="chartWizard.tab.chart",P="chartWizard.tab.data",R="chartWizard.tab.format",B="chartWizard.chart.barChart.expandText",M="chartWizard.chart.barChart.bar",D="chartWizard.chart.barChart.stackedBar",K="chartWizard.chart.barChart.100%stackedBar",O="chartWizard.chart.pieChart.expandText",G="chartWizard.chart.pieChart.pie",q="chartWizard.chart.columnChart.expandText",V="chartWizard.chart.columnChart.column",H="chartWizard.chart.columnChart.stackedColumn",j="chartWizard.chart.columnChart.100%stackedColumn",X="chartWizard.chart.lineChart.expandText",Y="chartWizard.chart.lineChart.line",$="chartWizard.chart.lineChart.stackedLine",U="chartWizard.chart.lineChart.100%stackedLine",J="chartWizard.chart.scatterChart.expandText",Q="chartWizard.chart.scatterChart.scatter",Z="chartWizard.data.configuration.expandText",_="chartWizard.data.configuration.categoryAxis",ee="chartWizard.data.configuration.xAxis",te="chartWizard.data.configuration.valueAxis",ae="chartWizard.data.configuration.series.title",le="chartWizard.data.configuration.series.add",re="chartWizard.format.chartArea.expandText",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.expandText",xe="chartWizard.format.title.applyTo",ve="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.expandText",ke="chartWizard.format.series.applyTo",Se="chartWizard.format.series.allSeries",Le="chartWizard.format.series.color",ze="chartWizard.format.series.showLabels",Te="chartWizard.format.legend.expandText",Fe="chartWizard.format.legend.showLegend",Ie="chartWizard.format.legend.font",We="chartWizard.format.legend.fontPlaceholder",Ne="chartWizard.format.legend.size",we="chartWizard.format.legend.sizePlaceholder",Pe="chartWizard.format.legend.color",Re="chartWizard.format.legend.position",Be="chartWizard.format.legend.position.top",Me="chartWizard.format.legend.position.bottom",De="chartWizard.format.legend.position.left",Ke="chartWizard.format.legend.position.right",Oe="chartWizard.format.categoryAxis.expandText",Ge="chartWizard.format.xAxis.expandText",qe="chartWizard.format.categoryAxis.title.expandText",Ve="chartWizard.format.categoryAxis.title.placeholder",He="chartWizard.format.categoryAxis.title.font",je="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.text",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.text",at="chartWizard.format.categoryAxis.labels.rotation.auto",lt="chartWizard.format.categoryAxis.labels.reverseOrder",rt="chartWizard.format.valueAxis.expandText",nt="chartWizard.format.yAxis.expandText",ot="chartWizard.format.valueAxis.title.text",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.text",xt="chartWizard.format.valueAxis.labelFormat",vt="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.text",St="chartWizard.format.valueAxis.labels.rotation.auto",Lt={[T]:"Chart Preview",[F]:"Export",[I]:"PDF File",[W]:"SVG File",[N]:"PNG File",[w]:"Chart",[P]:"Data",[R]:"Format",[B]:"Bar Chart",[M]:"Bar",[D]:"Stacked Bar",[K]:"100% Stacked Bar",[O]:"Pie Chart",[G]:"Pie",[q]:"Column Chart",[V]:"Column",[H]:"Stacked Column",[j]:"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",[xe]:"Apply to",[ve]:"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",[we]:"px",[Pe]:"Color",[Re]:"Position",[Be]:"Top",[Me]:"Bottom",[De]:"Left",[Ke]:"Right",[Oe]:"Category Axis",[Ge]:"X Axis",[qe]:"Title",[Ve]:"Axis Title",[He]:"Font",[je]:"(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",[xt]:"Label Format",[vt]:"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:"8",value:"8px"},{text:"10",value:"10px"},{text:"12",value:"12px"},{text:"14",value:"14px"},{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",wt="scatter",Pt=["column","bar",Nt,wt],Rt={type:Nt,width:0},Bt=e=>e&&Pt.includes(e),Mt=["string","date","number"],Dt=["number"],Kt={bar:[{axisType:"category",types:Mt},{axisType:"value",types:Dt}],column:[{axisType:"category",types:Mt},{axisType:"value",types:Dt}],line:[{axisType:"category",types:Mt},{axisType:"value",types:Dt}],pie:[{axisType:"category",types:Mt},{axisType:"value",types:Dt,count:1}],scatter:[{axisType:"category",types:Mt},{axisType:"value",types:Dt}]},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):""},Ht=e=>null!=e,jt=e=>{const t=structuredClone(e[0]);return t.forEach(((t,a)=>{if(!Ht(t.value))for(let l=0;l<e.length;l++){const r=e[l][a].value;if(Ht(r)){t.value=r;break}}})),t},Xt=(e,t)=>{const a=[],l=jt(e);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)},Yt=(e,t)=>{const a=[],l=jt(e);return t.forEach((e=>{e.types.forEach((e=>{l.forEach(((t,l)=>{typeof t.value===e&&a.push(l)}))}))})),a},$t=()=>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}),Ut=(e,t,a)=>{const l=$t();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):Xt(e,o));const s=r.filter((e=>"value"===e.axisType));let c=Yt(e,s);c.includes(i)&&(c.length>1?c=c.filter((e=>e!==i)):i=-1);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===wt?Rt:{}})}));const u=i>-1?e.map((e=>String(Ht(e[i].value)?e[i].value:" "))):[];return d.length&&(l.series=d.map(((e,t)=>({...e,id:t}))),l.initialSeries=structuredClone(l.series)),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=$t();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):Xt(e,o));const s=r.filter((e=>"value"===e.axisType));let c=[];c=null!=a&&a.valueAxis?[n.indexOf(a.valueAxis)]:Yt(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||0,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},Qt=(e,t,a)=>{const l=Zt(e,(null==a?void 0:a.seriesType)||t);return void 0!==(null==a?void 0:a.stack)?ea(l,1,a.stack):l},Zt=(e,t)=>(Bt(t)?Ut: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}))&&Bt(t.seriesType)&&Bt(e.seriesType)&&t.series.forEach((e=>{e.labels=e.labels||{},e.labels.visible=!0})),t},ea=(e,t,a)=>{var l,r,n,o,i,s,c,d,u,g,m,x,v,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 Zt(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=Ut(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: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==(x=B.legend)?void 0:x.labels,font:Vt(a,Wt[0].value,null==(p=null==(v=B.legend)?void 0:v.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=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: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==(w=B.valueAxis)?void 0:w.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==(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 ta{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let aa=class extends ta{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const la="chart",ra={paperSize:"A4",margin:"1cm"},na={width:800,height:600},oa=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportPDF(t,a.pdf).then((e=>p.saveAs(e,a.fileName+".pdf")))},ia=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportSVG(t).then((e=>p.saveAs(e,a.fileName+".svg")))},sa=e=>{const t=e.exportOptions,a=l.exportVisual(e.chart,t.image);a&&v.exportImage(a,t.image).then((e=>p.saveAs(e,t.fileName+".png")))},ca=e=>h.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&h.createElement("legend",{className:"k-form-legend"},e.legend),e.children),da=e=>{e.stopPropagation()},ua=e=>h.createElement(x.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",onKeyDown:da},e.children)),ga={value:null,text:""},ma=/^\d+$/,xa=(e,t)=>t.dataItem.style?h.cloneElement(e,e.props,h.createElement("span",{style:t.dataItem.style},e.props.children)):e,va=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!ma.test(e.text))return!1;e.value=e.text+"px"}return It.find((t=>t.value===e.value))||(It.push(e),It.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},pa=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),ba={fillMode:"outline",popupSettings:{animate:!1}},ha={type:"normal"},fa={type:"100%"},Ca=h.forwardRef(((e,t)=>{var c,u,v,p,b,f,C,y,A,E,k,S,L,z,le,zt,Nt,wt,Pt,Rt,Mt,Dt,Kt,Ot,qt,Vt,Ht,jt,Xt,Yt,$t,Ut,Jt,ta,da,ma,Ca,ya,Aa,Ea,ka;const Sa=d.useLocalization(),La=[{value:"chartTitle",text:Sa.toLanguageString(ve,Lt[ve])},{value:"chartSubtitle",text:Sa.toLanguageString(pe,Lt[pe])}],za=[{value:"top",text:Sa.toLanguageString(Be,Lt[Be])},{value:"bottom",text:Sa.toLanguageString(Me,Lt[Me])},{value:"left",text:Sa.toLanguageString(De,Lt[De])},{value:"right",text:Sa.toLanguageString(Ke,Lt[Ke])}],Ta={name:Sa.toLanguageString(Se,Lt[Se])},Fa={text:Sa.toLanguageString(vt,Lt[vt]),value:""},Ia=[{value:"n0",text:Sa.toLanguageString(pt,Lt[pt])},{value:"c0",text:Sa.toLanguageString(bt,Lt[bt])},{value:"p0",text:Sa.toLanguageString(ht,Lt[ht])}],Wa=h.useRef(null),Na=h.useCallback((t=>{var a;if(Wa.current){const l=new aa(Wa.current,((e={})=>({fileName:e.fileName||la,pdf:{...ra,...e.pdf},image:{...na,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(e,l),l.isDefaultPrevented()||t.item.exportHandler.call(void 0,l)}}),[e.exportOptions]),[wa,Pa]=h.useState({width:700,height:550}),[Ra,Ba]=h.useState("DEFAULT"),Ma=h.useCallback((e=>{Pa({width:e.width,height:e.height})}),[]),Da=h.useCallback((e=>{Ba(e.state)}),[]),[Ka,Oa]=h.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),Ga=h.useCallback((e=>{Oa(e.newState)}),[]),[qa,Va]=h.useState(!0),Ha=h.useCallback((e=>{Va(!e.expanded)}),[]),[ja,Xa]=h.useState(!0),Ya=h.useCallback((e=>{Xa(!e.expanded)}),[]),[$a,Ua]=h.useState(!0),Ja=h.useCallback((e=>{Ua(!e.expanded)}),[]),[Qa,Za]=h.useState(!0),_a=h.useCallback((e=>{Za(!e.expanded)}),[]),[el,tl]=h.useState(!0),al=h.useCallback((e=>{tl(!e.expanded)}),[]),[ll,rl]=h.useState(!0),nl=h.useCallback((e=>{rl(!e.expanded)}),[]),[ol,il]=h.useState(!1),sl=h.useCallback((e=>{il(!e.expanded)}),[]),[cl,dl]=h.useState(!1),ul=h.useCallback((e=>{dl(!e.expanded)}),[]),[gl,ml]=h.useState(!1),xl=h.useCallback((e=>{ml(!e.expanded)}),[]),[vl,pl]=h.useState(!1),bl=h.useCallback((e=>{pl(!e.expanded)}),[]),[hl,fl]=h.useState(!1),Cl=h.useCallback((e=>{fl(!e.expanded)}),[]),[yl,Al]=h.useState(!1),El=h.useCallback((e=>{Al(!e.expanded)}),[]),[kl,Sl]=h.useState(0),Ll=h.useCallback((e=>{Sl(e.selected)}),[]),[zl,Tl]=h.useState(Qt(e.data,"bar",e.defaultState)),Fl=h.useRef(zl);Fl.current=zl;const Il=h.useCallback((()=>({get chart(){return Wa.current},get state(){return Fl.current}})),[]);h.useImperativeHandle(t,Il);const[Wl,Nl]=h.useState(""),wl=h.useCallback((e=>{const t=e.target.value.name;Nl(t===Ta.name?"":t)}),[]),Pl=h.useCallback((()=>{Tl(_t(zl,Zt(e.data,"bar"))),Nl("")}),[zl,e.data]),Rl=h.useCallback((()=>{const t=_t(zl,Zt(e.data,"bar"));Tl(ea(t,Ft.stacked,ha)),Nl("")}),[zl,e.data]),Bl=h.useCallback((()=>{const t=_t(zl,Zt(e.data,"bar"));Tl(ea(t,Ft.stacked,fa)),Nl("")}),[zl,e.data]),Ml=h.useCallback((()=>{Tl(_t(zl,Zt(e.data,"column"))),Nl("")}),[zl,e.data]),Dl=h.useCallback((()=>{const t=_t(zl,Zt(e.data,"column"));Tl(ea(t,Ft.stacked,ha)),Nl("")}),[zl,e.data]),Kl=h.useCallback((()=>{const t=_t(zl,Zt(e.data,"column"));Tl(ea(t,Ft.stacked,fa)),Nl("")}),[zl,e.data]),Ol=h.useCallback((()=>{Tl(_t(zl,Zt(e.data,"line"))),Nl("")}),[zl,e.data]),Gl=h.useCallback((()=>{const t=_t(zl,Zt(e.data,"line"));Tl(ea(t,Ft.stacked,ha)),Nl("")}),[zl,e.data]),ql=h.useCallback((()=>{const t=_t(zl,Zt(e.data,"line"));Tl(ea(t,Ft.stacked,fa)),Nl("")}),[zl,e.data]),Vl=h.useCallback((()=>{Tl(_t(zl,Zt(e.data,"pie"))),Nl("")}),[zl,e.data]),Hl=h.useCallback((()=>{Tl(_t(zl,Zt(e.data,"scatter"))),Nl("")}),[zl,e.data]),jl=h.useCallback((e=>{Tl(ea(zl,Ft.categoryAxisX,e.target.value))}),[zl]),Xl=h.useCallback((e=>{Tl(ea(zl,Ft.seriesChange,e))}),[zl]),Yl=h.useCallback((e=>{Tl(ea(zl,Ft.valueAxisY,e.target.value))}),[zl]),$l=h.useCallback((e=>{Tl(ea(zl,Ft.areaMarginLeft,e.target.value))}),[zl]),Ul=h.useCallback((e=>{Tl(ea(zl,Ft.areaMarginRight,e.target.value))}),[zl]),Jl=h.useCallback((e=>{Tl(ea(zl,Ft.areaMarginTop,e.target.value))}),[zl]),Ql=h.useCallback((e=>{Tl(ea(zl,Ft.areaMarginBottom,e.target.value))}),[zl]),Zl=zl.area.margin,_l=h.useCallback((e=>{Tl(ea(zl,Ft.areaBackground,e.value))}),[zl]),[er,tr]=h.useState(La[0]),ar=h.useCallback((e=>{tr(e.target.value)}),[]),lr=h.useCallback((e=>{const t=er.value===La[0].value?Ft.titleText:Ft.subtitleText;Tl(ea(zl,t,e.target.value))}),[zl,er]),rr=h.useCallback((e=>{const t=er.value===La[0].value?Ft.titleFontName:Ft.subtitleFontName,a=e.target.value||ga;Tl(ea(zl,t,a.value))}),[zl,er]),nr=h.useCallback((e=>{const t=er.value===La[0].value?Ft.titleFontSize:Ft.subtitleFontSize,a=e.target.value||ga;va(a)&&Tl(ea(zl,t,a.value))}),[zl,er]),or=h.useCallback((e=>{const t=er.value===La[0].value?Ft.titleColor:Ft.subtitleColor;Tl(ea(zl,t,e.value))}),[zl,er]),ir=(er.value===La[0].value?zl.title:zl.subtitle)||{text:"",font:"",color:""},sr=h.useCallback((e=>{Wl&&Tl(ea(zl,Ft.seriesColor,{seriesName:Wl,color:e.value}))}),[zl,Wl]),cr=h.useCallback((e=>{Tl(ea(zl,Ft.seriesLabel,{seriesName:Wl,all:!Wl,visible:e.value}))}),[zl,Wl]),dr=h.useCallback((e=>{Tl(ea(zl,Ft.legendVisible,e.value))}),[zl]),ur=h.useCallback((e=>{const t=e.target.value||ga;va(t)&&Tl(ea(zl,Ft.legendFontSize,t.value))}),[zl]),gr=h.useCallback((e=>{const t=e.target.value||ga;Tl(ea(zl,Ft.legendFontName,t.value))}),[zl]),mr=h.useCallback((e=>{Tl(ea(zl,Ft.legendColor,e.value))}),[zl]),xr=h.useCallback((e=>{const t=e.target.value;Tl(ea(zl,Ft.legendPosition,t.value))}),[zl]),vr=h.useCallback((e=>{Tl(ea(zl,Ft.categoryAxisTitleText,e.target.value))}),[zl]),pr=h.useCallback((e=>{const t=e.target.value||ga;va(t)&&Tl(ea(zl,Ft.categoryAxisTitleFontSize,t.value))}),[zl]),br=h.useCallback((e=>{const t=e.target.value||ga;Tl(ea(zl,Ft.categoryAxisTitleFontName,t.value))}),[zl]),hr=h.useCallback((e=>{Tl(ea(zl,Ft.categoryAxisTitleColor,e.value))}),[zl]),fr=h.useCallback((e=>{const t=e.target.value||ga;va(t)&&Tl(ea(zl,Ft.categoryAxisLabelsFontSize,t.value))}),[zl]),Cr=h.useCallback((e=>{const t=e.target.value||ga;Tl(ea(zl,Ft.categoryAxisLabelsFontName,t.value))}),[zl]),yr=h.useCallback((e=>{Tl(ea(zl,Ft.categoryAxisLabelsColor,e.value))}),[zl]),Ar=h.useCallback((e=>{Tl(ea(zl,Ft.categoryAxisLabelsRotation,e.target.value))}),[zl]),Er=h.useCallback((e=>{Tl(ea(zl,Ft.categoryAxisReverseOrder,e.value))}),[zl]),kr=h.useCallback((e=>{Tl(ea(zl,Ft.valueAxisTitleText,e.target.value))}),[zl]),Sr=h.useCallback((e=>{const t=e.target.value||ga;va(t)&&Tl(ea(zl,Ft.valueAxisTitleFontSize,t.value))}),[zl]),Lr=h.useCallback((e=>{const t=e.target.value||ga;Tl(ea(zl,Ft.valueAxisTitleFontName,t.value))}),[zl]),zr=h.useCallback((e=>{Tl(ea(zl,Ft.valueAxisTitleColor,e.value))}),[zl]),Tr=h.useCallback((e=>{const t=e.target.value||ga;va(t)&&Tl(ea(zl,Ft.valueAxisLabelsFontSize,t.value))}),[zl]),Fr=h.useCallback((e=>{const t=e.target.value||ga;Tl(ea(zl,Ft.valueAxisLabelsFontName,t.value))}),[zl]),Ir=h.useCallback((e=>{Tl(ea(zl,Ft.valueAxisLabelsColor,e.value))}),[zl]),Wr=h.useCallback((e=>{Tl(ea(zl,Ft.valueAxisLabelsRotation,e.target.value))}),[zl]),Nr=h.useCallback((e=>{const t=e.target.value;Tl(ea(zl,Ft.valueAxisLabelsFormat,t.value))}),[zl]),wr=zl.seriesType,Pr="object"==typeof(null==(c=zl.series[0])?void 0:c.stack)&&(null==(u=zl.series[0])?void 0:u.stack),Rr=!1===Pr,Br=Pr&&"normal"===Pr.type,Mr=Pr&&"100%"===Pr.type;return h.createElement(a.Window,{title:Sa.toLanguageString(T,Lt[T]),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:Ma,stage:Ra,onStageChange:Da,...wa},h.createElement(r.Splitter,{panes:Ka,onChange:Ga,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:Sa.toLanguageString(F,Lt[F]),fillMode:"flat",svgIcon:o.exportIcon,icon:"export",onItemClick:Na,items:[{svgIcon:o.filePdfIcon,icon:"file-pdf",exportHandler:oa,text:Sa.toLanguageString(I,Lt[I])},{svgIcon:o.fileIcon,icon:"file",exportHandler:ia,text:Sa.toLanguageString(W,Lt[W])},{svgIcon:o.fileImageIcon,icon:"file-image",exportHandler:sa,text:Sa.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:Wa},h.createElement(l.ChartTitle,{text:null==(v=zl.title)?void 0:v.text,font:null==(p=zl.title)?void 0:p.font,color:(null==(b=zl.title)?void 0:b.color)||"#000"}),h.createElement(l.ChartSubtitle,{text:null==(f=zl.subtitle)?void 0:f.text,font:null==(C=zl.subtitle)?void 0:C.font,color:(null==(y=zl.subtitle)?void 0:y.color)||"#000"}),h.createElement(l.ChartArea,{background:null==(A=zl.area)?void 0:A.background,margin:Zl}),zl.categoryAxis&&h.createElement(l.ChartCategoryAxis,null,zl.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})))),zl.valueAxis&&h.createElement(l.ChartValueAxis,null,zl.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,zl.series.map(((e,t)=>h.createElement(l.ChartSeriesItem,{key:String(e.name)+t,...e})))),h.createElement(l.ChartXAxis,null,zl.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,zl.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==(E=zl.legend)?void 0:E.visible,position:null==(k=zl.legend)?void 0:k.position,labels:{color:(null==(L=null==(S=zl.legend)?void 0:S.labels)?void 0:L.color)||void 0,font:(null==(le=null==(z=zl.legend)?void 0:z.labels)?void 0:le.font)||void 0}})))),h.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},h.createElement(r.TabStrip,{selected:kl,onSelect:Ll,animation:!1},h.createElement(r.TabStripTab,{title:Sa.toLanguageString(w,Lt[w])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(B,Lt[B]),expanded:qa,tabIndex:0,onAction:Ha},h.createElement(i.Reveal,null,qa&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(pa,{selected:"bar"===wr&&Rr,onClick:Pl,icon:o.chartBarClusteredIcon,iconName:"chart-bar-clustered"},Sa.toLanguageString(M,Lt[M])),h.createElement(pa,{selected:"bar"===wr&&Br,onClick:Rl,icon:o.chartBarStackedIcon,iconName:"chart-bar-stacked"},Sa.toLanguageString(D,Lt[D])),h.createElement(pa,{selected:"bar"===wr&&Mr,onClick:Bl,icon:o.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},Sa.toLanguageString(K,Lt[K])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(O,Lt[O]),expanded:ja,tabIndex:0,onAction:Ya},h.createElement(i.Reveal,null,ja&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(pa,{selected:"pie"===wr,onClick:Vl,icon:o.chartPieIcon,iconName:"chart-pie"},Sa.toLanguageString(G,Lt[G])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(q,Lt[q]),expanded:$a,tabIndex:0,onAction:Ja},h.createElement(i.Reveal,null,$a&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(pa,{selected:"column"===wr&&Rr,onClick:Ml,icon:o.chartColumnClusteredIcon,iconName:"chart-column-clustered"},Sa.toLanguageString(V,Lt[V])),h.createElement(pa,{selected:"column"===wr&&Br,onClick:Dl,icon:o.chartColumnStackedIcon,iconName:"chart-column-stacked"},Sa.toLanguageString(H,Lt[H])),h.createElement(pa,{selected:"column"===wr&&Mr,onClick:Kl,icon:o.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},Sa.toLanguageString(j,Lt[j])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(X,Lt[X]),expanded:Qa,tabIndex:0,onAction:_a},h.createElement(i.Reveal,null,Qa&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(pa,{selected:"line"===wr&&Rr,onClick:Ol,icon:o.chartLineIcon,iconName:"chart-line"},Sa.toLanguageString(Y,Lt[Y])),h.createElement(pa,{selected:"line"===wr&&Br,onClick:Gl,icon:o.chartLineStackedIcon,iconName:"chart-line-stacked"},Sa.toLanguageString($,Lt[$])),h.createElement(pa,{selected:"line"===wr&&Mr,onClick:ql,icon:o.chartLineStacked100Icon,iconName:"chart-line-stacked100"},Sa.toLanguageString(U,Lt[U])))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(J,Lt[J]),expanded:el,tabIndex:0,onAction:al},h.createElement(i.Reveal,null,el&&h.createElement(r.ExpansionPanelContent,null,h.createElement("div",{className:"k-chart-types-wrapper"},h.createElement(pa,{selected:"scatter"===wr,onClick:Hl,icon:o.chartScatterIcon,iconName:"chart-scatter"},Sa.toLanguageString(Q,Lt[Q])))))))),h.createElement(r.TabStripTab,{title:Sa.toLanguageString(P,Lt[P])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(Z,Lt[Z]),expanded:ll,tabIndex:0,onAction:nl},h.createElement(i.Reveal,null,ll&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.FormElement,null,h.createElement(ca,{legend:"scatter"===wr?Sa.toLanguageString(ee,Lt[ee]):Sa.toLanguageString(_,Lt[_])},h.createElement(s.DropDownList,{data:zl.columns||[],value:zl.categoryField,onChange:jl,...ba})),Bt(wr)&&h.createElement(ca,{legend:Sa.toLanguageString(ae,Lt[ae])},h.createElement(Tt,{data:zl.series,initialData:zl.initialSeries,onChange:Xl})),"pie"===wr&&h.createElement(ca,{legend:Sa.toLanguageString(te,Lt[te])},h.createElement(s.DropDownList,{data:zl.columns||[],value:zl.valueField||"",...ba,onChange:Yl})))))))),h.createElement(r.TabStripTab,{title:Sa.toLanguageString(R,Lt[R])},h.createElement("div",null,h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(re,Lt[re]),expanded:ol,tabIndex:0,onAction:sl},h.createElement(i.Reveal,null,ol&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.FormElement,null,h.createElement(ca,{legend:Sa.toLanguageString(ne,Lt[ne])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ua,{labelText:Sa.toLanguageString(ie,Lt[ie]),editorId:"left"},h.createElement(g.NumericTextBox,{id:"left",value:void 0!==Zl.left?Zl.left:null,onChange:$l,placeholder:Sa.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(ua,{labelText:Sa.toLanguageString(se,Lt[se]),editorId:"right"},h.createElement(g.NumericTextBox,{id:"right",value:void 0!==Zl.right?Zl.right:null,onChange:Ul,placeholder:Sa.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(ua,{labelText:Sa.toLanguageString(ce,Lt[ce]),editorId:"top"},h.createElement(g.NumericTextBox,{id:"top",value:void 0!==Zl.top?Zl.top:null,onChange:Jl,placeholder:Sa.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})),h.createElement(ua,{labelText:Sa.toLanguageString(de,Lt[de]),editorId:"bottom"},h.createElement(g.NumericTextBox,{id:"bottom",value:void 0!==Zl.bottom?Zl.bottom:null,onChange:Ql,placeholder:Sa.toLanguageString(oe,Lt[oe]),min:0,max:1e3,step:1,fillMode:"outline"})))),h.createElement(ca,{legend:Sa.toLanguageString(ue,Lt[ue])},h.createElement(ua,{labelText:Sa.toLanguageString(ge,Lt[ge]),editorId:"background"},h.createElement(g.ColorPicker,{id:"background",value:(null==(zt=zl.area)?void 0:zt.background)||"",onChange:_l,view:"gradient",fillMode:"outline"}))))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(me,Lt[me]),expanded:cl,tabIndex:0,onAction:ul},h.createElement(i.Reveal,null,cl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.FormElement,null,h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ua,{className:"k-col-span-2",editorId:"apply-to-title",labelText:Sa.toLanguageString(xe,Lt[xe])},h.createElement(s.DropDownList,{id:"apply-to-title",data:La,textField:"text",dataItemKey:"value",value:La.find((e=>e.value===er.value)),onChange:ar,...ba})),h.createElement(ua,{className:"k-col-span-2",editorId:"titleText",labelText:Sa.toLanguageString(be,Lt[be])},h.createElement(g.Input,{id:"titleText",placeholder:er.value===La[0].value?La[0].text:La[1].text,value:ir.text,onChange:lr})),h.createElement(ua,{className:"k-col-span-2",editorId:"titleFont",labelText:Sa.toLanguageString(he,Lt[he])},h.createElement(s.ComboBox,{id:"titleFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(fe,Lt[fe]),value:Wt.find((e=>e.value===Gt(ir.font).name))||ga,onChange:rr,itemRender:xa,...ba})),h.createElement(ua,{editorId:"titleFontSize",labelText:Sa.toLanguageString(Ce,Lt[Ce])},h.createElement(s.ComboBox,{id:"titleFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(ye,Lt[ye]),value:It.find((e=>e.value===Gt(ir.font).size))||ga,onChange:nr,itemRender:xa,allowCustom:!0,...ba})),h.createElement(ua,{editorId:"titleColor",labelText:Sa.toLanguageString(Ae,Lt[Ae])},h.createElement(g.ColorPicker,{id:"titleColor",value:ir.color||"",onChange:or,view:"gradient",fillMode:"outline"}))))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(Ee,Lt[Ee]),expanded:gl,tabIndex:0,onAction:xl},h.createElement(i.Reveal,null,gl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.FormElement,null,h.createElement(ua,{editorId:"apply-to-series",labelText:Sa.toLanguageString(ke,Lt[ke])},h.createElement(s.DropDownList,{id:"apply-to-series",data:zl.series,textField:"name",dataItemKey:"name",defaultItem:Ta,disabled:!Bt(wr),value:zl.series.find((e=>e.name===Wl))||Ta,onChange:wl,...ba})),h.createElement(ua,{editorId:"seriesColor",labelText:Sa.toLanguageString(Le,Lt[Le])},h.createElement(g.ColorPicker,{id:"seriesColor",value:Wl?null==(Nt=zl.series.find((e=>e.name===Wl)))?void 0:Nt.color:"",onChange:sr,disabled:!Wl,view:"gradient",fillMode:"outline"})),h.createElement(ua,null,h.createElement(g.Checkbox,{label:Sa.toLanguageString(ze,Lt[ze]),checked:Wl?null==(Pt=null==(wt=zl.series.find((e=>e.name===Wl)))?void 0:wt.labels)?void 0:Pt.visible:zl.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:cr})))))),h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Sa.toLanguageString(Te,Lt[Te]),expanded:vl,tabIndex:0,onAction:bl},h.createElement(i.Reveal,null,vl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.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"},Sa.toLanguageString(Fe,Lt[Fe])),h.createElement(g.Switch,{id:"show-legend",checked:null==(Rt=zl.legend)?void 0:Rt.visible,onChange:dr}),h.createElement(ua,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:Sa.toLanguageString(Ie,Lt[Ie])},h.createElement(s.ComboBox,{id:"legendLabelsFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(We,Lt[We]),value:Wt.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=zl.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ga,onChange:gr,itemRender:xa,disabled:!1===(null==(Mt=zl.legend)?void 0:Mt.visible),...ba})),h.createElement(ua,{editorId:"legendLabelsSize",labelText:Sa.toLanguageString(Ne,Lt[Ne])},h.createElement(s.ComboBox,{id:"legendLabelsSize",data:It,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(we,Lt[we]),value:It.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=zl.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ga,onChange:ur,disabled:!1===(null==(Dt=zl.legend)?void 0:Dt.visible),allowCustom:!0,...ba})),h.createElement(ua,{editorId:"legendLabelsColor",labelText:Sa.toLanguageString(Pe,Lt[Pe])},h.createElement(g.ColorPicker,{id:"legendLabelsColor",value:(null==(Ot=null==(Kt=zl.legend)?void 0:Kt.labels)?void 0:Ot.color)||"",onChange:mr,disabled:!1===(null==(qt=zl.legend)?void 0:qt.visible),view:"gradient",fillMode:"outline"})),h.createElement(ua,{className:"k-col-span-2",editorId:"legendPosition",labelText:Sa.toLanguageString(Re,Lt[Re])},h.createElement(s.DropDownList,{id:"legendPosition",data:za,textField:"text",dataItemKey:"value",value:za.find((e=>{var t;return e.value===(null==(t=zl.legend)?void 0:t.position)})),onChange:xr,disabled:!1===(null==(Vt=zl.legend)?void 0:Vt.visible),...ba}))))))),"pie"!==wr&&h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===wr?Sa.toLanguageString(Ge,Lt[Ge]):Sa.toLanguageString(Oe,Lt[Oe]),expanded:hl,tabIndex:0,onAction:Cl},h.createElement(i.Reveal,null,hl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.FormElement,null,h.createElement(ca,{legend:Sa.toLanguageString(qe,Lt[qe])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ua,{className:"k-col-span-2"},h.createElement(g.Input,{placeholder:Sa.toLanguageString(Ve,Lt[Ve]),value:(null==(Ht=zl.categoryAxis[0].title)?void 0:Ht.text)||"",onChange:vr})),h.createElement(ua,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:Sa.toLanguageString(He,Lt[He])},h.createElement(s.ComboBox,{id:"categoryAxisTitleFont",data:Wt,textField:"text",dataItemKey:"value",itemRender:xa,placeholder:Sa.toLanguageString(je,Lt[je]),value:Wt.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=zl.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||ga,onChange:br,...ba})),h.createElement(ua,{editorId:"categoryAxisTitleFontSize",labelText:Sa.toLanguageString(Xe,Lt[Xe])},h.createElement(s.ComboBox,{id:"categoryAxisTitleFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(Ye,Lt[Ye]),value:It.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=zl.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||ga,onChange:pr,allowCustom:!0,...ba})),h.createElement(ua,{editorId:"categoryAxisTitleColor",labelText:Sa.toLanguageString($e,Lt[$e])},h.createElement(g.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(jt=zl.categoryAxis[0].title)?void 0:jt.color)||"",onChange:hr,fillMode:"outline"})))),h.createElement(ca,{legend:Sa.toLanguageString(Ue,Lt[Ue])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ua,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:Sa.toLanguageString(Je,Lt[Je])},h.createElement(s.ComboBox,{id:"categoryAxisLabelsFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(Qe,Lt[Qe]),value:Wt.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=zl.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||ga,onChange:Cr,itemRender:xa,...ba})),h.createElement(ua,{editorId:"categoryAxisLabelsFontSize",labelText:Sa.toLanguageString(Ze,Lt[Ze])},h.createElement(s.ComboBox,{id:"categoryAxisLabelsFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(_e,Lt[_e]),value:It.find((e=>{var t,a;return e.value===(null==(a=Gt((null==(t=zl.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||ga,onChange:fr,allowCustom:!0,...ba})),h.createElement(ua,{editorId:"categoryAxisLabelsColor",labelText:Sa.toLanguageString(et,Lt[et])},h.createElement(g.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(Xt=zl.categoryAxis[0].labels)?void 0:Xt.color)||"",onChange:yr,fillMode:"outline"})),h.createElement(ua,{editorId:"categoryAxisLabelsRotation",labelText:Sa.toLanguageString(tt,Lt[tt])},h.createElement(g.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(Yt=zl.categoryAxis[0].labels)?void 0:Yt.rotation)?null==($t=zl.categoryAxis[0].labels)?void 0:$t.rotation:null,placeholder:Sa.toLanguageString(at,Lt[at]),onChange:Ar,fillMode:"outline",min:-360,max:360,step:1})),h.createElement(ua,{className:"k-col-span-2"},h.createElement(g.Checkbox,{label:Sa.toLanguageString(lt,Lt[lt]),checked:zl.categoryAxis[0].reverse||!1,onChange:Er})))))))),"pie"!==wr&&h.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===wr?Sa.toLanguageString(nt,Lt[nt]):Sa.toLanguageString(rt,Lt[rt]),expanded:yl,tabIndex:0,onAction:El},h.createElement(i.Reveal,null,yl&&h.createElement(r.ExpansionPanelContent,null,h.createElement(x.FormElement,null,h.createElement(ca,{legend:Sa.toLanguageString(ot,Lt[ot])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ua,{className:"k-col-span-2"},h.createElement(g.Input,{placeholder:Sa.toLanguageString(it,Lt[it]),value:(null==(Jt=null==(Ut=zl.valueAxis[0])?void 0:Ut.title)?void 0:Jt.text)||"",onChange:kr})),h.createElement(ua,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:Sa.toLanguageString(st,Lt[st])},h.createElement(s.ComboBox,{id:"valueAxisTitleFont",data:Wt,textField:"text",dataItemKey:"value",itemRender:xa,placeholder:Sa.toLanguageString(ct,Lt[ct]),value:Wt.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=zl.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.name)}))||ga,onChange:Lr,...ba})),h.createElement(ua,{editorId:"valueAxisTitleFontSize",labelText:Sa.toLanguageString(dt,Lt[dt])},h.createElement(s.ComboBox,{id:"valueAxisTitleFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(ut,Lt[ut]),value:It.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=zl.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.size)}))||ga,onChange:Sr,allowCustom:!0,...ba})),h.createElement(ua,{editorId:"valueAxisTitleColor",labelText:Sa.toLanguageString(gt,Lt[gt])},h.createElement(g.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(da=null==(ta=zl.valueAxis[0])?void 0:ta.title)?void 0:da.color)||"",onChange:zr,fillMode:"outline"})))),h.createElement(ca,{legend:Sa.toLanguageString(mt,Lt[mt])},h.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},h.createElement(ua,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:Sa.toLanguageString(xt,Lt[xt])},h.createElement(s.DropDownList,{id:"valueAxisLabelsFormat",data:Ia,textField:"text",dataItemKey:"value",defaultItem:Fa,value:Ia.find((e=>{var t,a;return e.value===(null==(a=null==(t=zl.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||Fa,onChange:Nr,...ba})),h.createElement(ua,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:Sa.toLanguageString(ft,Lt[ft])},h.createElement(s.ComboBox,{id:"valueAxisLabelsFont",data:Wt,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(Ct,Lt[Ct]),value:Wt.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=zl.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ga,onChange:Fr,itemRender:xa,...ba})),h.createElement(ua,{editorId:"valueAxisLabelsFontSize",labelText:Sa.toLanguageString(yt,Lt[yt])},h.createElement(s.ComboBox,{id:"valueAxisLabelsFontSize",data:It,textField:"text",dataItemKey:"value",placeholder:Sa.toLanguageString(At,Lt[At]),value:It.find((e=>{var t,a,l;return e.value===(null==(l=Gt((null==(a=null==(t=zl.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ga,onChange:Tr,allowCustom:!0,...ba})),h.createElement(ua,{editorId:"valueAxisLabelsColor",labelText:Sa.toLanguageString(Et,Lt[Et])},h.createElement(g.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(Ca=null==(ma=zl.valueAxis[0])?void 0:ma.labels)?void 0:Ca.color)||"",onChange:Ir,fillMode:"outline"})),h.createElement(ua,{editorId:"valueAxisLabelsRotation",labelText:Sa.toLanguageString(kt,Lt[kt])},h.createElement(g.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(Aa=null==(ya=zl.valueAxis[0])?void 0:ya.labels)?void 0:Aa.rotation)?null==(ka=null==(Ea=zl.valueAxis[0])?void 0:Ea.labels)?void 0:ka.rotation:null,placeholder:Sa.toLanguageString(St,Lt[St]),onChange:Wr,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))}));function ya(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))),x=[];return m.forEach((e=>{let t=l[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const l=a.map((e=>({title:s(n[e]),field:i(n[e])})));x.push({dataItem:d.get(e),dataColumns:l})}})),x}function Aa(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}Ca.displayName="ChartWizard";e.ActionTypes=Ft,e.ChartWizard=Ca,e.createInitialState=Qt,e.createState=Zt,e.fontNames=Wt,e.fontSizes=It,e.getGridSelectedRows=ya,e.getWizardDataFromDataRows=Aa,e.getWizardDataFromGridSelection=e=>Aa(ya(e)),e.isCategorical=Bt,e.mergeStates=_t,e.parseFont=Gt,e.updateState=ea}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-charts"),require("@progress/kendo-react-charts"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-form"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-common"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-inputs")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-charts","@progress/kendo-react-charts","@progress/kendo-drawing","@progress/kendo-file-saver","@progress/kendo-react-intl","@progress/kendo-react-form","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-common","@progress/kendo-react-animation","@progress/kendo-react-labels","@progress/kendo-react-inputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoCharts,e.KendoReactCharts,e.KendoDrawing,e.KendoFileSaver,e.KendoReactIntl,e.KendoReactForm,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactCommon,e.KendoReactAnimation,e.KendoReactLabels,e.KendoReactInputs)}(this,(function(e,t,a,r,l,n,o,i,c,s,d,u,g,m,h,x,v,p){"use strict";function f(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var C=f(t);const b=e=>{e.stopPropagation()},S="chart",E={paperSize:"A4",margin:"1cm"},k={width:800,height:600},L=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportPDF(t,a.pdf).then((e=>s.saveAs(e,a.fileName+".pdf")))},A=e=>{const t=i.exportVisual(e.chart),a=e.exportOptions;t&&c.exportSVG(t).then((e=>s.saveAs(e,a.fileName+".svg")))},z=e=>{const t=e.exportOptions,a=i.exportVisual(e.chart,t.image);a&&c.exportImage(a,t.image).then((e=>s.saveAs(e,t.fileName+".png")))},y={value:null,text:""},T=(e,t)=>t.dataItem.style?C.cloneElement(e,e.props,C.createElement("span",{style:t.dataItem.style},e.props.children)):e,W=/^\d+$/,I=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!W.test(e.text))return!1;e.value=e.text+"px"}return R.find((t=>t.value===e.value))||(R.push(e),R.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},F={fillMode:"outline",popupSettings:{animate:!1}},P={type:"normal"},N={type:"100%"},w=e=>{var t,a;const r="object"==typeof(null==(t=e.series[0])?void 0:t.stack)&&(null==(a=e.series[0])?void 0:a.stack);return{isStackFalse:!1===r,isStackNormal:r&&"normal"===r.type,isStack100:r&&"100%"===r.type}},R=o.ChartWizardCommon.fontSizes,D=o.ChartWizardCommon.fontNames,K=o.ChartWizardCommon.createInitialState,B=o.ChartWizardCommon.createState,M=o.ChartWizardCommon.updateState,V=o.ChartWizardCommon.mergeStates,q=o.ChartWizardCommon.isCategorical,O=o.ChartWizardCommon.parseFont,G=o.ChartWizardCommon.ActionTypes,{getWizardDataFromDataRows:j}=o.ChartWizardCommon,H=o.ChartWizardCommon.messages,X="chartWizard.format.chartArea.margins.auto";class Y{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let U=class extends Y{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const $=e=>t.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&t.createElement("legend",{className:"k-form-legend"},e.legend),e.children),J=C.createContext({onRemove:e=>{},count:0}),Q=e=>{const{onRemove:t,count:a}=C.useContext(J);return C.createElement("td",{...e.tdProps},C.createElement(l.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},Z=C.createContext({reorder:()=>{},dragStart:()=>{}}),_=e=>{const t=C.useContext(Z);return C.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},C.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},C.createElement(h.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},ee=C.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),te=e=>{const{enterEdit:t}=C.useContext(ee);return C.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},ae=e=>"delete"===e.field?C.createElement(Q,{...e}):"reorder"===e.field?C.createElement(_,{...e}):"name"===e.field?C.createElement(te,{...e}):null,re=e=>{const t=C.useRef(null),{exitEdit:a}=C.useContext(ee);return C.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),C.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},le=()=>null,{messages:ne}=o.ChartWizardCommon,oe="inEdit",ie=e=>{const[a,r]=t.useState(null);return t.createElement(J.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(Z.Provider,{value:{reorder:t=>{if(a===t)return;const r=e.data.slice(),l=r.findIndex((e=>e===a)),n=r.findIndex((e=>e===t));r.splice(l,1),r.splice(n,0,a||r[0]),e.onChange.call(void 0,r)},dragStart:e=>{r(e)}}},t.createElement(ee.Provider,{value:{enterEdit:(t,a)=>{const r=e.data.map((e=>({...e,[oe]:e.id===t.id?a:void 0})));e.onChange.call(void 0,r)},exitEdit:()=>{const t=e.data.map((e=>({...e,[oe]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(m.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",r=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,r)},scrollable:"none",editField:oe,cells:{headerCell:le,data:ae,edit:{text:re,boolean:re,numeric:re,date:re}}},t.createElement(m.GridToolbar,null,t.createElement(l.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},d.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",ne.configurationSeriesAdd))),t.createElement(m.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(m.GridColumn,{field:"name",title:"Name"}),t.createElement(m.GridColumn,{field:"delete",width:"40px",editable:!1})))))},ce=e=>{const a=d.useLocalization(),l=e.state,n=l.seriesType,[o,i]=t.useState(!0),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(l,G.categoryAxisX,t.target.value))}),[l]),m=t.useCallback((t=>{e.onStateChange(M(l,G.seriesChange,t))}),[l]),h=t.useCallback((t=>{e.onStateChange(M(l,G.valueAxisY,t.target.value))}),[l]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:a.toLanguageString("chartWizard.data.configuration.expandText",H.configuration),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:"scatter"===n?a.toLanguageString("chartWizard.data.configuration.xAxis",H.configurationXAxis):a.toLanguageString("chartWizard.data.configuration.categoryAxis",H.configurationCategoryAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.categoryField,onChange:s,...F})),q(n)&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.series.title",H.configurationSeries)},t.createElement(ie,{data:l.series,initialData:l.initialSeries,onChange:m})),"pie"===n&&t.createElement($,{legend:a.toLanguageString("chartWizard.data.configuration.valueAxis",H.configurationValueAxis)},t.createElement(g.DropDownList,{data:l.columns||[],value:l.valueField||"",...F,onChange:h}))))))},se=e=>t.createElement(u.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&t.createElement(v.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),t.createElement("div",{className:"k-form-field-wrap",onKeyDown:b},e.children)),de=e=>{var a;const l=d.useLocalization(),n=e.state,[o,i]=t.useState(!1),c=t.useCallback((e=>{i(!e.expanded)}),[]),s=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginLeft,t.target.value))}),[n]),g=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginRight,t.target.value))}),[n]),m=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginTop,t.target.value))}),[n]),h=t.useCallback((t=>{e.onStateChange(M(n,G.areaMarginBottom,t.target.value))}),[n]),v=n.area.margin,f=t.useCallback((t=>{e.onStateChange(M(n,G.areaBackground,t.value))}),[n]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString("chartWizard.format.chartArea.expandText",H.formatChartArea),expanded:o,tabIndex:0,onAction:c},t.createElement(x.Reveal,null,o&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.margins",H.formatChartAreaMargins)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.left",H.formatChartAreaMarginsLeft),editorId:"left"},t.createElement(p.NumericTextBox,{id:"left",value:void 0!==v.left?v.left:null,onChange:s,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.right",H.formatChartAreaMarginsRight),editorId:"right"},t.createElement(p.NumericTextBox,{id:"right",value:void 0!==v.right?v.right:null,onChange:g,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.top",H.formatChartAreaMarginsTop),editorId:"top"},t.createElement(p.NumericTextBox,{id:"top",value:void 0!==v.top?v.top:null,onChange:m,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.margins.bottom",H.formatChartAreaMarginsBottom),editorId:"bottom"},t.createElement(p.NumericTextBox,{id:"bottom",value:void 0!==v.bottom?v.bottom:null,onChange:h,placeholder:l.toLanguageString(X,H.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement($,{legend:l.toLanguageString("chartWizard.format.chartArea.background",H.formatChartAreaBackground)},t.createElement(se,{labelText:l.toLanguageString("chartWizard.format.chartArea.background.color",H.formatChartAreaBackgroundColor),editorId:"background"},t.createElement(p.ColorPicker,{id:"background",value:(null==(a=n.area)?void 0:a.background)||"",onChange:f,view:"gradient",fillMode:"outline"})))))))},ue=e=>{const t=d.useLocalization(),a=e.state,[l,n]=C.useState(!1),o=C.useCallback((e=>{n(!e.expanded)}),[]),i=[{value:"chartTitle",text:t.toLanguageString("chartWizard.format.title.chartTitle",H.formatTitleChartTitle)},{value:"chartSubtitle",text:t.toLanguageString("chartWizard.format.title.chartSubtitle",H.formatTitleChartSubtitle)}],[c,s]=C.useState(i[0]),m=C.useCallback((e=>{s(e.target.value)}),[]),h=(c.value===i[0].value?a.title:a.subtitle)||{text:"",font:"",color:""};return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.format.title.expandText",H.formatTitle),expanded:l,tabIndex:0,onAction:o},C.createElement(x.Reveal,null,l&&C.createElement(r.ExpansionPanelContent,null,C.createElement(u.FormElement,{onKeyDown:b},C.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},C.createElement(se,{className:"k-col-span-2",editorId:"apply-to-title",labelText:t.toLanguageString("chartWizard.format.title.applyTo",H.formatTitleApplyTo)},C.createElement(g.DropDownList,{id:"apply-to-title",data:i,textField:"text",dataItemKey:"value",value:i.find((e=>e.value===c.value)),onChange:m,...F})),C.createElement(se,{className:"k-col-span-2",editorId:"titleText",labelText:t.toLanguageString("chartWizard.format.title.label",H.formatTitleLabel)},C.createElement(p.Input,{id:"titleText",placeholder:c.value===i[0].value?i[0].text:i[1].text,value:h.text,onChange:t=>{const r=c.value===i[0].value?G.titleText:G.subtitleText;e.onStateChange(M(a,r,t.target.value))}})),C.createElement(se,{className:"k-col-span-2",editorId:"titleFont",labelText:t.toLanguageString("chartWizard.format.title.font",H.formatTitleFont)},C.createElement(g.ComboBox,{id:"titleFont",data:D,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.fontPlaceholder",H.formatTitleFontPlaceholder),value:D.find((e=>e.value===O(h.font).name))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontName:G.subtitleFontName,l=t.target.value||y;e.onStateChange(M(a,r,l.value))},itemRender:T,...F})),C.createElement(se,{editorId:"titleFontSize",labelText:t.toLanguageString("chartWizard.format.title.size",H.formatTitleSize)},C.createElement(g.ComboBox,{id:"titleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:t.toLanguageString("chartWizard.format.title.sizePlaceholder",H.formatTitleSizePlaceholder),value:R.find((e=>e.value===O(h.font).size))||y,onChange:t=>{const r=c.value===i[0].value?G.titleFontSize:G.subtitleFontSize,l=t.target.value||y;I(l)&&e.onStateChange(M(a,r,l.value))},itemRender:T,allowCustom:!0,...F})),C.createElement(se,{editorId:"titleColor",labelText:t.toLanguageString("chartWizard.format.title.color",H.formatTitleColor)},C.createElement(p.ColorPicker,{id:"titleColor",value:h.color||"",onChange:t=>{const r=c.value===i[0].value?G.titleColor:G.subtitleColor;e.onStateChange(M(a,r,t.value))},view:"gradient",fillMode:"outline"})))))))},ge=e=>{var a,l,n,o,i;const[c,s]=t.useState(""),m=d.useLocalization(),h=e.state,v=h.seriesType,f="object"==typeof(null==(a=h.series[0])?void 0:a.stack)&&(null==(l=h.series[0])?void 0:l.stack.type),[C,S]=t.useState(!1),E=t.useCallback((e=>{S(!e.expanded)}),[]),k={name:m.toLanguageString("chartWizard.format.series.allSeries",H.formatSeriesAllSeries)};return t.useEffect((()=>{s("")}),[v,f]),t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.series.expandText",H.formatSeries),expanded:C,tabIndex:0,onAction:E},t.createElement(x.Reveal,null,C&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement(se,{editorId:"apply-to-series",labelText:m.toLanguageString("chartWizard.format.series.applyTo",H.formatSeriesApplyTo)},t.createElement(g.DropDownList,{id:"apply-to-series",data:h.series,textField:"name",dataItemKey:"name",defaultItem:k,disabled:!q(v),value:h.series.find((e=>e.name===c))||k,onChange:e=>{const t=e.target.value.name;s(t===k.name?"":t)},...F})),t.createElement(se,{editorId:"seriesColor",labelText:m.toLanguageString("chartWizard.format.series.color",H.formatSeriesColor)},t.createElement(p.ColorPicker,{id:"seriesColor",value:c?null==(n=h.series.find((e=>e.name===c)))?void 0:n.color:"",onChange:t=>{c&&e.onStateChange(M(h,G.seriesColor,{seriesName:c,color:t.value}))},disabled:!c,view:"gradient",fillMode:"outline"})),t.createElement(se,null,t.createElement(p.Checkbox,{label:m.toLanguageString("chartWizard.format.series.showLabels",H.formatSeriesShowLabels),checked:c?null==(i=null==(o=h.series.find((e=>e.name===c)))?void 0:o.labels)?void 0:i.visible:h.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:t=>{e.onStateChange(M(h,G.seriesLabel,{seriesName:c,all:!c,visible:t.value}))}}))))))},me=e=>{var a,l,n,o,i,c,s;const m=d.useLocalization(),h=e.state,[f,C]=t.useState(!1),S=t.useCallback((e=>{C(!e.expanded)}),[]),E=[{value:"top",text:m.toLanguageString("chartWizard.format.legend.position.top",H.formatLegendPositionTop)},{value:"bottom",text:m.toLanguageString("chartWizard.format.legend.position.bottom",H.formatLegendPositionBottom)},{value:"left",text:m.toLanguageString("chartWizard.format.legend.position.left",H.formatLegendPositionLeft)},{value:"right",text:m.toLanguageString("chartWizard.format.legend.position.right",H.formatLegendPositionRight)}];return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:m.toLanguageString("chartWizard.format.legend.expandText",H.formatLegend),expanded:f,tabIndex:0,onAction:S},t.createElement(x.Reveal,null,f&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(v.Label,{editorId:"show-legend"},m.toLanguageString("chartWizard.format.legend.showLegend",H.formatLegendShowLegend)),t.createElement(p.Switch,{id:"show-legend",checked:null==(a=h.legend)?void 0:a.visible,onChange:t=>{e.onStateChange(M(h,G.legendVisible,t.value))}}),t.createElement(se,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:m.toLanguageString("chartWizard.format.legend.font",H.formatLegendFont)},t.createElement(g.ComboBox,{id:"legendLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.fontPlaceholder",H.formatLegendFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(h,G.legendFontName,a.value))},itemRender:T,disabled:!1===(null==(l=h.legend)?void 0:l.visible),...F})),t.createElement(se,{editorId:"legendLabelsSize",labelText:m.toLanguageString("chartWizard.format.legend.size",H.formatLegendSize)},t.createElement(g.ComboBox,{id:"legendLabelsSize",data:R,textField:"text",dataItemKey:"value",placeholder:m.toLanguageString("chartWizard.format.legend.sizePlaceholder",H.formatLegendSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=h.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(h,G.legendFontSize,a.value))},disabled:!1===(null==(n=h.legend)?void 0:n.visible),allowCustom:!0,...F})),t.createElement(se,{editorId:"legendLabelsColor",labelText:m.toLanguageString("chartWizard.format.legend.color",H.formatLegendColor)},t.createElement(p.ColorPicker,{id:"legendLabelsColor",value:(null==(i=null==(o=h.legend)?void 0:o.labels)?void 0:i.color)||"",onChange:t=>{e.onStateChange(M(h,G.legendColor,t.value))},disabled:!1===(null==(c=h.legend)?void 0:c.visible),view:"gradient",fillMode:"outline"})),t.createElement(se,{className:"k-col-span-2",editorId:"legendPosition",labelText:m.toLanguageString("chartWizard.format.legend.position",H.formatLegendPosition)},t.createElement(g.DropDownList,{id:"legendPosition",data:E,textField:"text",dataItemKey:"value",value:E.find((e=>{var t;return e.value===(null==(t=h.legend)?void 0:t.position)})),onChange:t=>{const a=t.target.value;e.onStateChange(M(h,G.legendPosition,a.value))},disabled:!1===(null==(s=h.legend)?void 0:s.visible),...F})))))))},he=e=>{var a,l,n,o,i;const c=d.useLocalization(),s=e.state,m=s.seriesType,[h,v]=t.useState(!1),f=t.useCallback((e=>{v(!e.expanded)}),[]),C=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleText,t.target.value))}),[s]),S=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisTitleFontSize,a.value))}),[s]),E=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisTitleFontName,a.value))}),[s]),k=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisTitleColor,t.value))}),[s]),L=t.useCallback((t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(s,G.categoryAxisLabelsFontSize,a.value))}),[s]),A=t.useCallback((t=>{const a=t.target.value||y;e.onStateChange(M(s,G.categoryAxisLabelsFontName,a.value))}),[s]),z=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsColor,t.value))}),[s]),W=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisLabelsRotation,t.target.value))}),[s]),P=t.useCallback((t=>{e.onStateChange(M(s,G.categoryAxisReverseOrder,t.value))}),[s]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===m?c.toLanguageString("chartWizard.format.xAxis.expandText",H.formatXAxis):c.toLanguageString("chartWizard.format.categoryAxis.expandText",H.formatCategoryAxis),expanded:h,tabIndex:0,onAction:f},t.createElement(x.Reveal,null,h&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.title.expandText",H.formatCategoryAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Input,{placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",H.formatCategoryAxisTitlePlaceholder),value:(null==(a=s.categoryAxis[0].title)?void 0:a.text)||"",onChange:C})),t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.font",H.formatCategoryAxisTitleFont)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",H.formatCategoryAxisTitleFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:E,...F})),t.createElement(se,{editorId:"categoryAxisTitleFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.size",H.formatCategoryAxisTitleSize)},t.createElement(g.ComboBox,{id:"categoryAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",H.formatCategoryAxisTitleSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:S,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisTitleColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.title.color",H.formatCategoryAxisTitleColor)},t.createElement(p.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(l=s.categoryAxis[0].title)?void 0:l.color)||"",onChange:k,fillMode:"outline"})))),t.createElement($,{legend:c.toLanguageString("chartWizard.format.categoryAxis.labels.text",H.formatCategoryAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.font",H.formatCategoryAxisLabelsFont)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",H.formatCategoryAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||y,onChange:A,itemRender:T,...F})),t.createElement(se,{editorId:"categoryAxisLabelsFontSize",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.size",H.formatCategoryAxisLabelsSize)},t.createElement(g.ComboBox,{id:"categoryAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",H.formatCategoryAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=O((null==(t=s.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||y,onChange:L,allowCustom:!0,...F})),t.createElement(se,{editorId:"categoryAxisLabelsColor",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.color",H.formatCategoryAxisLabelsColor)},t.createElement(p.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(n=s.categoryAxis[0].labels)?void 0:n.color)||"",onChange:z,fillMode:"outline"})),t.createElement(se,{editorId:"categoryAxisLabelsRotation",labelText:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",H.formatCategoryAxisLabelsRotation)},t.createElement(p.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(o=s.categoryAxis[0].labels)?void 0:o.rotation)?null==(i=s.categoryAxis[0].labels)?void 0:i.rotation:null,placeholder:c.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",H.formatCategoryAxisLabelsRotationAuto),onChange:W,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Checkbox,{label:c.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",H.formatCategoryAxisLabelsReverseOrder),checked:s.categoryAxis[0].reverse||!1,onChange:P}))))))))},xe=e=>{var a,l,n,o,i,c,s,m,h,v;const f=d.useLocalization(),C=e.state,S=C.seriesType,E={text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",H.formatValueAxisLabelsFormatText),value:""},k=[{value:"n0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",H.formatValueAxisLabelsFormatNumber)},{value:"c0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",H.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:f.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",H.formatValueAxisLabelsFormatPercent)}],[L,A]=t.useState(!1),z=t.useCallback((e=>{A(!e.expanded)}),[]);return t.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===S?f.toLanguageString("chartWizard.format.yAxis.expandText",H.formatYAxis):f.toLanguageString("chartWizard.format.valueAxis.expandText",H.formatValueAxis),expanded:L,tabIndex:0,onAction:z},t.createElement(x.Reveal,null,L&&t.createElement(r.ExpansionPanelContent,null,t.createElement(u.FormElement,{onKeyDown:b},t.createElement($,{legend:f.toLanguageString("chartWizard.format.valueAxis.title.text",H.formatValueAxisTitle)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2"},t.createElement(p.Input,{placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.placeholder",H.formatValueAxisTitlePlaceholder),value:(null==(l=null==(a=C.valueAxis[0])?void 0:a.title)?void 0:l.text)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleText,t.target.value))}})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.font",H.formatValueAxisTitleFont)},t.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:D,textField:"text",dataItemKey:"value",itemRender:T,placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",H.formatValueAxisTitleFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisTitleFontName,a.value))},...F})),t.createElement(se,{editorId:"valueAxisTitleFontSize",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.size",H.formatValueAxisTitleSize)},t.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",H.formatValueAxisTitleSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisTitleFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisTitleColor",labelText:f.toLanguageString("chartWizard.format.valueAxis.title.color",H.formatValueAxisTitleColor)},t.createElement(p.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(o=null==(n=C.valueAxis[0])?void 0:n.title)?void 0:o.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisTitleColor,t.value))},fillMode:"outline"})))),t.createElement($,{legend:f.toLanguageString("chartWizard.format.valueAxis.labels.text",H.formatValueAxisLabels)},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:f.toLanguageString("chartWizard.format.valueAxis.labelFormat",H.formatValueAxisLabelsFormat)},t.createElement(g.DropDownList,{id:"valueAxisLabelsFormat",data:k,textField:"text",dataItemKey:"value",defaultItem:E,value:k.find((e=>{var t,a;return e.value===(null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||E,onChange:t=>{const a=t.target.value;e.onStateChange(M(C,G.valueAxisLabelsFormat,a.value))},...F})),t.createElement(se,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.font",H.formatValueAxisLabelsFont)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:D,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",H.formatValueAxisLabelsFontPlaceholder),value:D.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.name)}))||y,onChange:t=>{const a=t.target.value||y;e.onStateChange(M(C,G.valueAxisLabelsFontName,a.value))},itemRender:T,...F})),t.createElement(se,{editorId:"valueAxisLabelsFontSize",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.size",H.formatValueAxisLabelsSize)},t.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:R,textField:"text",dataItemKey:"value",placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",H.formatValueAxisLabelsSizePlaceholder),value:R.find((e=>{var t,a,r;return e.value===(null==(r=O((null==(a=null==(t=C.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:r.size)}))||y,onChange:t=>{const a=t.target.value||y;I(a)&&e.onStateChange(M(C,G.valueAxisLabelsFontSize,a.value))},allowCustom:!0,...F})),t.createElement(se,{editorId:"valueAxisLabelsColor",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.color",H.formatValueAxisLabelsColor)},t.createElement(p.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(c=null==(i=C.valueAxis[0])?void 0:i.labels)?void 0:c.color)||"",onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsColor,t.value))},fillMode:"outline"})),t.createElement(se,{editorId:"valueAxisLabelsRotation",labelText:f.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",H.formatValueAxisLabelsRotation)},t.createElement(p.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(m=null==(s=C.valueAxis[0])?void 0:s.labels)?void 0:m.rotation)?null==(v=null==(h=C.valueAxis[0])?void 0:h.labels)?void 0:v.rotation:null,placeholder:f.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",H.formatValueAxisLabelsRotationAuto),onChange:t=>{e.onStateChange(M(C,G.valueAxisLabelsRotation,t.target.value))},fillMode:"outline",min:-360,max:360,step:1}))))))))},ve=e=>t.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:b},e.children),pe=e=>{const a=t.useCallback((t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick.call(void 0))}),[e.onClick]);return t.createElement("div",{className:h.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:a},t.createElement(h.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},fe=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.barChart.expandText",H.barChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"bar"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"bar")))},icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},t.toLanguageString("chartWizard.chart.barChart.bar",H.barChartBar)),C.createElement(pe,{selected:"bar"===l&&i,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},t.toLanguageString("chartWizard.chart.barChart.stackedBar",H.barChartStackedBar)),C.createElement(pe,{selected:"bar"===l&&c,onClick:()=>{const t=V(a,B(a.data,"bar"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},t.toLanguageString("chartWizard.chart.barChart.100%stackedBar",H.barChart100StackedBar))))))},Ce=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.columnChart.expandText",H.columnChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"column"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"column")))},icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},t.toLanguageString("chartWizard.chart.columnChart.column",H.columnChartColumn)),C.createElement(pe,{selected:"column"===l&&i,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},t.toLanguageString("chartWizard.chart.columnChart.stackedColumn",H.columnChartStackedColumn)),C.createElement(pe,{selected:"column"===l&&c,onClick:()=>{const t=V(a,B(a.data,"column"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},t.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",H.columnChart100StackedColumn))))))},be=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,{isStackFalse:o,isStackNormal:i,isStack100:c}=w(a),[s,u]=C.useState(!0),g=C.useCallback((e=>{u(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.lineChart.expandText",H.lineChart),expanded:s,tabIndex:0,onAction:g},C.createElement(x.Reveal,null,s&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"line"===l&&o,onClick:()=>{e.onStateChange(V(a,B(a.data,"line")))},icon:n.chartLineIcon,iconName:"chart-line"},t.toLanguageString("chartWizard.chart.lineChart.line",H.lineChartLine)),C.createElement(pe,{selected:"line"===l&&i,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,P))},icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},t.toLanguageString("chartWizard.chart.lineChart.stackedLine",H.lineChartStackedLine)),C.createElement(pe,{selected:"line"===l&&c,onClick:()=>{const t=V(a,B(a.data,"line"));e.onStateChange(M(t,G.stacked,N))},icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},t.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",H.lineChart100StackedLine))))))},Se=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.scatterChart.expandText",H.scatterChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"scatter"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"scatter")))},icon:n.chartScatterIcon,iconName:"chart-scatter"},t.toLanguageString("chartWizard.chart.scatterChart.scatter",H.scatterChartScatter))))))},Ee=e=>{const t=d.useLocalization(),a=e.state,l=a.seriesType,[o,i]=C.useState(!0),c=C.useCallback((e=>{i(!e.expanded)}),[]);return C.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:t.toLanguageString("chartWizard.chart.pieChart.expandText",H.pieChart),expanded:o,tabIndex:0,onAction:c},C.createElement(x.Reveal,null,o&&C.createElement(r.ExpansionPanelContent,null,C.createElement(ve,null,C.createElement(pe,{selected:"pie"===l,onClick:()=>{e.onStateChange(V(a,B(a.data,"pie")))},icon:n.chartPieIcon,iconName:"chart-pie"},t.toLanguageString("chartWizard.chart.pieChart.pie",H.pieChartPie))))))},ke=t.forwardRef(((e,a)=>{var r,l,n,o,c,s,d,u,g,m,h,x,v;const p=e.state;return t.createElement(i.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:a},t.createElement(i.ChartTitle,{text:null==(r=p.title)?void 0:r.text,font:null==(l=p.title)?void 0:l.font,color:(null==(n=p.title)?void 0:n.color)||"#000"}),t.createElement(i.ChartSubtitle,{text:null==(o=p.subtitle)?void 0:o.text,font:null==(c=p.subtitle)?void 0:c.font,color:(null==(s=p.subtitle)?void 0:s.color)||"#000"}),t.createElement(i.ChartArea,{background:null==(d=p.area)?void 0:d.background,margin:p.area.margin}),p.categoryAxis&&t.createElement(i.ChartCategoryAxis,null,p.categoryAxis.map(((e,a)=>t.createElement(i.ChartCategoryAxisItem,{key:a,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),p.valueAxis&&t.createElement(i.ChartValueAxis,null,p.valueAxis.map(((e,a)=>t.createElement(i.ChartValueAxisItem,{key:a,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),t.createElement(i.ChartSeries,null,p.series.map(((e,a)=>t.createElement(i.ChartSeriesItem,{key:String(e.name)+a,...e})))),t.createElement(i.ChartLegend,{visible:null==(u=p.legend)?void 0:u.visible,position:null==(g=p.legend)?void 0:g.position,labels:{color:(null==(h=null==(m=p.legend)?void 0:m.labels)?void 0:h.color)||void 0,font:(null==(v=null==(x=p.legend)?void 0:x.labels)?void 0:v.font)||void 0}}))}));ke.displayName="ChartComponent";const Le=C.forwardRef(((e,t)=>{const o=d.useLocalization(),i=C.useRef(null),c=C.useCallback((t=>{var a;if(i.current){const r=new U(i.current,((e={})=>({fileName:e.fileName||S,pdf:{...E,...e.pdf},image:{...k,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(void 0,r),r.isDefaultPrevented()||t.item.exportHandler.call(void 0,r)}}),[e.onExport,e.exportOptions]),s=e.window||a.Window,[u,g]=C.useState({width:700,height:550}),[m,h]=C.useState("DEFAULT"),x=C.useCallback((e=>{g({width:e.width,height:e.height})}),[]),v=C.useCallback((e=>{h(e.state)}),[]),[p,f]=C.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),b=C.useCallback((e=>{f(e.newState)}),[]),[y,T]=C.useState(0),W=C.useCallback((e=>{T(e.selected)}),[]),[I,F]=C.useState(K(e.data,"bar",e.defaultState)),P=e=>{F(e)},N=C.useRef(I);N.current=I;const w=C.useCallback((()=>({get chart(){return i.current},get state(){return N.current}})),[]);C.useImperativeHandle(t,w),C.useEffect((()=>{N.current&&N.current.seriesType&&F(V(N.current,B(e.data,N.current.seriesType)))}),[e.data]);const R=I.seriesType;return C.createElement(s,{title:o.toLanguageString("chartWizard.window.title",H.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:x,stage:m,onStageChange:v,...u},C.createElement(r.Splitter,{panes:p,onChange:b,className:"k-chart-wizard-splitter"},C.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},C.createElement("div",{className:"k-preview-pane-header"},C.createElement(l.DropDownButton,{text:o.toLanguageString("chartWizard.export.button",H.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:c,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:L,text:o.toLanguageString("chartWizard.exportPDF.button",H.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:A,text:o.toLanguageString("chartWizard.exportSVG.button",H.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:z,text:o.toLanguageString("chartWizard.exportPNG.button",H.exportPNGButton)}]})),C.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},C.createElement(ke,{ref:i,state:I}))),C.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},C.createElement(r.TabStrip,{selected:y,onSelect:W,animation:!1},C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.chart",H.tabChart)},C.createElement("div",null,C.createElement(fe,{state:I,onStateChange:P}),C.createElement(Ee,{state:I,onStateChange:P}),C.createElement(Ce,{state:I,onStateChange:P}),C.createElement(be,{state:I,onStateChange:P}),C.createElement(Se,{state:I,onStateChange:P}))),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.data",H.tabData)},C.createElement(ce,{state:I,onStateChange:P})),C.createElement(r.TabStripTab,{title:o.toLanguageString("chartWizard.tab.format",H.tabFormat)},C.createElement("div",null,C.createElement(de,{state:I,onStateChange:P}),C.createElement(ue,{state:I,onStateChange:P}),C.createElement(ge,{state:I,onStateChange:P}),C.createElement(me,{state:I,onStateChange:P}),"pie"!==R&&C.createElement(he,{state:I,onStateChange:P}),"pie"!==R&&C.createElement(xe,{state:I,onStateChange:P})))))))}));function Ae(e){const{grid:t,data:a,selectedState:r,dataItemKey:l}=e;if(!t)return[];const n=m.leafColumns(t.columns||[]),o=h.getter(l),i=h.getter("field"),c=h.getter("title"),s=new Map(a.map((e=>[String(o(e)),e]))),d=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),u=Object.keys(r).sort(((e,t)=>(d.get(e)||0)-(d.get(t)||0))),g=[];return u.forEach((e=>{let t=r[e];if(t){!0===t&&(t=Array.from({length:n.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const r=a.map((e=>({title:c(n[e]),field:i(n[e])})));g.push({dataItem:s.get(e),dataColumns:r})}})),g}Le.displayName="ChartWizard";const{getWizardDataFromDataRows:ze}=o.ChartWizardCommon;e.ChartWizard=Le,e.getGridSelectedRows=Ae,e.getWizardDataFromDataRows=j,e.getWizardDataFromGridSelection=e=>ze(Ae(e))}));

package/grid-integration/get-wizard-data-from-grid-selection.js

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

package/grid-integration/get-wizard-data-from-grid-selection.mjs

@@ -6,9 +6,9 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { getGridSelectedRows as e } from "./get-grid-selected-rows.mjs";
-import { getWizardDataFromDataRows as o } from "../common/get-wizard-data-from-data-rows.mjs";
-const i = (t) => o(e(t));
+import { getGridSelectedRows as o } from "./get-grid-selected-rows.mjs";
+import { ChartWizardCommon as r } from "@progress/kendo-charts";
+const { getWizardDataFromDataRows: e } = r, m = (t) => e(o(t));
 export {
-  i as getWizardDataFromGridSelection
+  m as getWizardDataFromGridSelection
 };

package/index.d.mts

@@ -6,100 +6,28 @@
  *-------------------------------------------------------------------------------------------
  */
 import { Chart } from '@progress/kendo-react-charts';
-import { ChartAreaProps } from '@progress/kendo-react-charts';
-import { ChartCategoryAxisItemProps } from '@progress/kendo-react-charts';
-import { ChartLegendProps } from '@progress/kendo-react-charts';
-import { ChartSeriesItemProps } from '@progress/kendo-react-charts';
-import { ChartSubtitleProps } from '@progress/kendo-react-charts';
-import { ChartTitleProps } from '@progress/kendo-react-charts';
-import { ChartValueAxisItemProps } from '@progress/kendo-react-charts';
-import { ChartXAxisItemProps } from '@progress/kendo-react-charts';
-import { ChartYAxisItemProps } from '@progress/kendo-react-charts';
+import { ChartWizardDataCell } from '@progress/kendo-charts';
+import { ChartWizardDataRow } from '@progress/kendo-charts';
+import { ChartWizardDefaultState } from '@progress/kendo-charts';
+import { ChartWizardState } from '@progress/kendo-charts';
+import { DataColumn } from '@progress/kendo-charts';
+import { DataRow } from '@progress/kendo-charts';
 import { GridHandle } from '@progress/kendo-react-grid';
 import { ImageExportOptions } from '@progress/kendo-drawing';
 import { PDFOptions } from '@progress/kendo-drawing/pdf';
 import * as React_2 from 'react';
-import { SeriesStack } from '@progress/kendo-react-charts';
-import { SeriesType } from '@progress/kendo-react-charts';
-
-/**
- * @hidden
- */
-export declare enum ActionTypes {
-    seriesType = 0,
-    stacked = 1,
-    categoryAxisX = 2,
-    valueAxisY = 3,
-    seriesChange = 4,
-    areaMarginLeft = 5,
-    areaMarginRight = 6,
-    areaMarginTop = 7,
-    areaMarginBottom = 8,
-    areaBackground = 9,
-    titleText = 10,
-    titleFontName = 11,
-    titleFontSize = 12,
-    titleColor = 13,
-    subtitleText = 14,
-    subtitleFontName = 15,
-    subtitleFontSize = 16,
-    subtitleColor = 17,
-    seriesColor = 18,
-    seriesLabel = 19,
-    legendVisible = 20,
-    legendFontName = 21,
-    legendFontSize = 22,
-    legendColor = 23,
-    legendPosition = 24,
-    categoryAxisTitleText = 25,
-    categoryAxisTitleFontName = 26,
-    categoryAxisTitleFontSize = 27,
-    categoryAxisTitleColor = 28,
-    categoryAxisLabelsFontName = 29,
-    categoryAxisLabelsFontSize = 30,
-    categoryAxisLabelsColor = 31,
-    categoryAxisLabelsRotation = 32,
-    categoryAxisReverseOrder = 33,
-    valueAxisTitleText = 34,
-    valueAxisTitleFontName = 35,
-    valueAxisTitleFontSize = 36,
-    valueAxisTitleColor = 37,
-    valueAxisLabelsFormat = 38,
-    valueAxisLabelsFontName = 39,
-    valueAxisLabelsFontSize = 40,
-    valueAxisLabelsColor = 41,
-    valueAxisLabelsRotation = 42
-}
+import { WindowProps } from '@progress/kendo-react-dialogs';
 
 /**
  * The KendoReact ChartWizard component.
  */
 export declare const ChartWizard: React_2.ForwardRefExoticComponent<ChartWizardProps & React_2.RefAttributes<ChartWizardHandle | null>>;
 
-/**
- * Describes a single data cell for the Chart Wizard.
- */
-export declare interface ChartWizardDataCell {
-    /**
-     * The field name of the data cell.
-     */
-    field: string;
-    /**
-     * The value of the data cell.
-     */
-    value: any;
-}
+export { ChartWizardDataCell }
 
-/**
- * Describes a data row for the Chart Wizard.
- */
-export declare type ChartWizardDataRow = ChartWizardDataCell[];
+export { ChartWizardDataRow }
 
-/**
- * The default state of the ChartWizard component.
- */
-export declare interface ChartWizardDefaultState extends Pick<ChartWizardState, 'stack' | 'seriesType'> {
-}
+export { ChartWizardDefaultState }
 
 /**
  * Represents the `ref` object of the `ChartWizard` component.
@@ -141,68 +69,15 @@ export declare interface ChartWizardProps {
      * The default state of the ChartWizard component.
      */
     defaultState?: ChartWizardDefaultState;
-}
-
-/**
- * @hidden
- */
-export declare interface ChartWizardState {
-    title?: ChartTitleProps;
-    subtitle?: ChartSubtitleProps;
-    area: ChartAreaProps;
-    categoryAxis: ChartCategoryAxisItemProps[];
-    valueAxis: ChartValueAxisItemProps[];
-    series: SeriesItem[];
-    initialSeries: SeriesItem[];
-    xAxis?: ChartXAxisItemProps[];
-    yAxis?: ChartYAxisItemProps[];
-    legend?: ChartLegendProps;
-    columns: string[];
-    data: ChartWizardDataRow[];
     /**
-     * The series type of the chart.
-     *
-     * The supported series types are:
-     * - `'column'`
-     * - `'bar'`
-     * - `'line'`
-     * - `'pie'`
-     * - `'scatter'`
+     * The component that will be used to render the ChartWizard window.
      */
-    seriesType?: SeriesType;
-    categoryField?: string;
-    valueField?: string;
-    /**
-     * The stack configuration of the series.
-     */
-    stack?: SeriesStack | false;
+    window?: React.ComponentType<WindowProps>;
 }
 
-/**
- * @hidden
- */
-export declare const createInitialState: (data: ChartWizardDataRow[], seriesType: SeriesType, defaultState?: ChartWizardDefaultState) => ChartWizardState;
-
-/**
- * @hidden
- */
-export declare const createState: (data: any[], seriesType: SeriesType) => ChartWizardState;
-
-/**
- * Represents a data column from a grid component or similar.
- */
-export declare interface DataColumn {
-    field: string;
-    title: string;
-}
+export { DataColumn }
 
-/**
- * Represents a data row from a grid component or similar.
- */
-export declare interface DataRow {
-    dataItem: any;
-    dataColumns: DataColumn[];
-}
+export { DataRow }
 
 /**
  * Arguments for the `export` event on the Chart Wizard.
@@ -228,25 +103,6 @@ export declare interface ExportOptions {
     image?: ImageExportOptions;
 }
 
-/**
- * @hidden
- */
-export declare const fontNames: {
-    text: string;
-    value: string;
-    style: {
-        fontFamily: string;
-    };
-}[];
-
-/**
- * @hidden
- */
-export declare const fontSizes: {
-    text: string;
-    value: string;
-}[];
-
 /**
  * Maps the Grid selectedState to a more general DataRows type to be displayed in the Chart Wizard.
  *
@@ -263,12 +119,7 @@ export declare function getGridSelectedRows(args: {
     dataItemKey: string;
 }): DataRow[];
 
-/**
- * Maps data rows to the Chart Wizard data format.
- *
- * @returns collection that can be used as Chart Wizard.
- */
-export declare function getWizardDataFromDataRows(dataRows: DataRow[]): ChartWizardDataRow[];
+export declare const getWizardDataFromDataRows: (dataRows: DataRow[]) => ChartWizardDataRow[];
 
 /**
  * Maps the Grid selectedState to data to be displayed in the Chart Wizard.
@@ -286,24 +137,6 @@ export declare const getWizardDataFromGridSelection: (args: {
     dataItemKey: string;
 }) => ChartWizardDataRow[];
 
-/**
- * @hidden
- */
-export declare const isCategorical: (type?: SeriesType) => boolean | undefined;
-
-/**
- * @hidden
- */
-export declare const mergeStates: (state: ChartWizardState, newState: ChartWizardState) => ChartWizardState;
-
-/**
- * @hidden
- */
-export declare const parseFont: (font?: string) => {
-    size: string | undefined;
-    name: string | undefined;
-};
-
 /**
  * @hidden
  */
@@ -323,16 +156,4 @@ declare abstract class PreventableEvent {
     isDefaultPrevented(): boolean;
 }
 
-/**
- * @hidden
- */
-export declare interface SeriesItem extends ChartSeriesItemProps {
-    id: number;
-}
-
-/**
- * @hidden
- */
-export declare const updateState: (currentState: ChartWizardState, action: ActionTypes, value: any) => ChartWizardState;
-
 export { }