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

package/ChartWizard.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const va=require("react"),Ea=require("@progress/kendo-react-dialogs"),p=require("@progress/kendo-react-charts"),g=require("@progress/kendo-react-layout"),Wa=require("@progress/kendo-react-buttons"),A=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-animation"),C=require("@progress/kendo-react-dropdowns"),Ta=require("./SeriesGrid.js"),u=require("@progress/kendo-react-inputs"),Ge=require("@progress/kendo-react-labels"),n=require("./chart-wizard-state.js"),Oe=require("@progress/kendo-react-common"),y=require("@progress/kendo-react-form"),ya=require("@progress/kendo-react-intl"),e=require("./messages.js"),P=require("./export.js");function ka(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const b in i)if(b!=="default"){const f=Object.getOwnPropertyDescriptor(i,b);Object.defineProperty(l,b,f.get?f:{enumerable:!0,get:()=>i[b]})}}return l.default=i,Object.freeze(l)}const t=ka(va),T=i=>t.createElement("fieldset",{className:"k-form-fieldset"},i.legend&&t.createElement("legend",{className:"k-form-legend"},i.legend),i.children),d=i=>t.createElement(y.FieldWrapper,{className:i.className},i.labelText&&i.editorId&&t.createElement(Ge.Label,{className:"k-form-label",editorId:i.editorId},i.labelText),t.createElement("div",{className:"k-form-field-wrap"},i.children)),m={value:null,text:""},k=(i,l)=>l.dataItem.style?t.cloneElement(i,i.props,t.createElement("span",{style:l.dataItem.style},i.props.children)):i,E=i=>t.createElement("div",{className:Oe.classNames("k-icon-text-wrapper",{"k-selected":i.selected}),onClick:i.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0},t.createElement(Oe.SvgIcon,{icon:i.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),i.children),x={fillMode:"outline",popupSettings:{animate:!1}},D={type:"normal"},K={type:"100%"},fa=i=>{var te,ae,re,ne,le,oe,ie,se,ce,de,ge,me,ue,he,Ce,xe,Se,be,pe,Ae,ze,Fe,Le,ve,Ee,We,Te,ye,ke,fe,Ie,Pe,Ne,we,Be,Ve,Re,Me,De,Ke,qe;const l=ya.useLocalization(),b=[{value:"chartTitle",text:l.toLanguageString(e.chartWizardFormatTitleChartTitle,e.messages[e.chartWizardFormatTitleChartTitle])},{value:"chartSubtitle",text:l.toLanguageString(e.chartWizardFormatTitleChartSubtitle,e.messages[e.chartWizardFormatTitleChartSubtitle])}],f=[{value:"top",text:l.toLanguageString(e.chartWizardFormatLegendPositionTop,e.messages[e.chartWizardFormatLegendPositionTop])},{value:"bottom",text:l.toLanguageString(e.chartWizardFormatLegendPositionBottom,e.messages[e.chartWizardFormatLegendPositionBottom])},{value:"left",text:l.toLanguageString(e.chartWizardFormatLegendPositionLeft,e.messages[e.chartWizardFormatLegendPositionLeft])},{value:"right",text:l.toLanguageString(e.chartWizardFormatLegendPositionRight,e.messages[e.chartWizardFormatLegendPositionRight])}],w={name:l.toLanguageString(e.chartWizardFormatSeriesAllSeries,e.messages[e.chartWizardFormatSeriesAllSeries])},q={text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatText,e.messages[e.chartWizardFormatValueAxisLabelsFormatText]),value:""},O=[{value:"n0",text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatNumber,e.messages[e.chartWizardFormatValueAxisLabelsFormatNumber])},{value:"c0",text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatCurrency,e.messages[e.chartWizardFormatValueAxisLabelsFormatCurrency])},{value:"p0",text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatPercent,e.messages[e.chartWizardFormatValueAxisLabelsFormatPercent])}],B=t.useRef(null),Xe=t.useCallback(a=>{var o;if(B.current){const c=new P.ExportEvent(B.current,P.resolveExportOptions(i.exportOptions));(o=i.onExport)==null||o.call(i,c),c.isDefaultPrevented()||a.item.exportHandler.call(void 0,c)}},[i.exportOptions]),[je,Ye]=t.useState({width:700,height:550}),[He,_e]=t.useState("DEFAULT"),Ue=t.useCallback(a=>{Ye({width:a.width,height:a.height})},[]),Je=t.useCallback(a=>{_e(a.state)},[]),[Qe,Ze]=t.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),$e=t.useCallback(a=>{Ze(a.newState)},[]),[G,et]=t.useState(!0),tt=t.useCallback(a=>{et(!a.expanded)},[]),[X,at]=t.useState(!0),rt=t.useCallback(a=>{at(!a.expanded)},[]),[j,nt]=t.useState(!0),lt=t.useCallback(a=>{nt(!a.expanded)},[]),[Y,ot]=t.useState(!0),it=t.useCallback(a=>{ot(!a.expanded)},[]),[H,st]=t.useState(!0),ct=t.useCallback(a=>{st(!a.expanded)},[]),[_,dt]=t.useState(!0),gt=t.useCallback(a=>{dt(!a.expanded)},[]),[U,mt]=t.useState(!0),ut=t.useCallback(a=>{mt(!a.expanded)},[]),[J,ht]=t.useState(!0),Ct=t.useCallback(a=>{ht(!a.expanded)},[]),[Q,xt]=t.useState(!0),St=t.useCallback(a=>{xt(!a.expanded)},[]),[Z,bt]=t.useState(!0),pt=t.useCallback(a=>{bt(!a.expanded)},[]),[$,At]=t.useState(!0),zt=t.useCallback(a=>{At(!a.expanded)},[]),[ee,Ft]=t.useState(!0),Lt=t.useCallback(a=>{Ft(!a.expanded)},[]),[vt,Et]=t.useState(0),Wt=t.useCallback(a=>{Et(a.selected)},[]),[r,s]=t.useState(n.createInitialState(i.data,"bar",i.defaultState)),[z,F]=t.useState(""),Tt=t.useCallback(a=>{const o=a.target.value.name;F(o===w.name?"":o)},[]),yt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"bar"))),F("")},[r,i.data]),kt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"bar"));s(n.updateState(a,n.ActionTypes.stacked,D)),F("")},[r,i.data]),ft=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"bar"));s(n.updateState(a,n.ActionTypes.stacked,K)),F("")},[r,i.data]),It=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"column"))),F("")},[r,i.data]),Pt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"column"));s(n.updateState(a,n.ActionTypes.stacked,D)),F("")},[r,i.data]),Nt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"column"));s(n.updateState(a,n.ActionTypes.stacked,K)),F("")},[r,i.data]),wt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"line"))),F("")},[r,i.data]),Bt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"line"));s(n.updateState(a,n.ActionTypes.stacked,D)),F("")},[r,i.data]),Vt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"line"));s(n.updateState(a,n.ActionTypes.stacked,K)),F("")},[r,i.data]),Rt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"pie"))),F("")},[r,i.data]),Mt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"scatter"))),F("")},[r,i.data]),Dt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisX,a.target.value))},[r]),Kt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.seriesChange,a))},[r]),qt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisY,a.target.value))},[r]),Ot=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginLeft,a.target.value))},[r]),Gt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginRight,a.target.value))},[r]),Xt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginTop,a.target.value))},[r]),jt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginBottom,a.target.value))},[r]),W=r.area.margin,Yt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaBackground,a.value))},[r]),[v,Ht]=t.useState(b[0]),_t=t.useCallback(a=>{Ht(a.target.value)},[]),Ut=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleText:n.ActionTypes.subtitleText;s(n.updateState(r,o,a.target.value))},[r,v]),Jt=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleFontName:n.ActionTypes.subtitleFontName,c=a.target.value||m;s(n.updateState(r,o,c.value))},[r,v]),Qt=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleFontSize:n.ActionTypes.subtitleFontSize,c=a.target.value||m;s(n.updateState(r,o,c.value))},[r,v]),Zt=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleColor:n.ActionTypes.subtitleColor;s(n.updateState(r,o,a.value))},[r,v]),N=(v.value===b[0].value?r.title:r.subtitle)||{text:"",font:"",color:""},$t=t.useCallback(a=>{z&&s(n.updateState(r,n.ActionTypes.seriesColor,{seriesName:z,color:a.value}))},[r,z]),ea=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.seriesLabel,{seriesName:z,all:!z,visible:a.value}))},[r,z]),ta=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.legendVisible,a.value))},[r]),aa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.legendFontSize,o.value))},[r]),ra=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.legendFontName,o.value))},[r]),na=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.legendColor,a.value))},[r]),la=t.useCallback(a=>{const o=a.target.value;s(n.updateState(r,n.ActionTypes.legendPosition,o.value))},[r]),oa=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisTitleText,a.target.value))},[r]),ia=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisTitleFontSize,o.value))},[r]),sa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisTitleFontName,o.value))},[r]),ca=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisTitleColor,a.value))},[r]),da=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisLabelsFontSize,o.value))},[r]),ga=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisLabelsFontName,o.value))},[r]),ma=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisLabelsColor,a.value))},[r]),ua=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisLabelsRotation,a.target.value))},[r]),ha=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisReverseOrder,a.value))},[r]),Ca=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisTitleText,a.target.value))},[r]),xa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisTitleFontSize,o.value))},[r]),Sa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisTitleFontName,o.value))},[r]),ba=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisTitleColor,a.value))},[r]),pa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisLabelsFontSize,o.value))},[r]),Aa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisLabelsFontName,o.value))},[r]),za=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisLabelsColor,a.value))},[r]),Fa=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisLabelsRotation,a.target.value))},[r]),La=t.useCallback(a=>{const o=a.target.value;s(n.updateState(r,n.ActionTypes.valueAxisLabelsFormat,o.value))},[r]),h=r.seriesType,I=typeof((te=r.series[0])==null?void 0:te.stack)=="object"?(ae=r.series[0])==null?void 0:ae.stack:!1,V=I===!1,R=I&&I.type==="normal",M=I&&I.type==="100%";return t.createElement(Ea.Window,{title:l.toLanguageString(e.chartWizardWindowTitle,e.messages[e.chartWizardWindowTitle]),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:i.onClose,onResize:Ue,stage:He,onStageChange:Je,...je},t.createElement(g.Splitter,{panes:Qe,onChange:$e,className:"k-chart-wizard-splitter"},t.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},t.createElement("div",{className:"k-preview-pane-header"},t.createElement(Wa.DropDownButton,{text:l.toLanguageString(e.chartWizardExportButton,e.messages[e.chartWizardExportButton]),fillMode:"flat",svgIcon:A.exportIcon,onItemClick:Xe,items:[{svgIcon:A.filePdfIcon,exportHandler:P.handlePDFExport,text:l.toLanguageString(e.chartWizardExportPDFButton,e.messages[e.chartWizardExportPDFButton])},{svgIcon:A.fileIcon,exportHandler:P.handleSVGExport,text:l.toLanguageString(e.chartWizardExportSVGButton,e.messages[e.chartWizardExportSVGButton])},{svgIcon:A.fileImageIcon,exportHandler:P.handleImageExport,text:l.toLanguageString(e.chartWizardExportPNGButton,e.messages[e.chartWizardExportPNGButton])}]})),t.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},t.createElement(p.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:B},t.createElement(p.ChartTitle,{text:(re=r.title)==null?void 0:re.text,font:(ne=r.title)==null?void 0:ne.font,color:((le=r.title)==null?void 0:le.color)||"#000"}),t.createElement(p.ChartSubtitle,{text:(oe=r.subtitle)==null?void 0:oe.text,font:(ie=r.subtitle)==null?void 0:ie.font,color:((se=r.subtitle)==null?void 0:se.color)||"#000"}),t.createElement(p.ChartArea,{background:(ce=r.area)==null?void 0:ce.background,margin:W}),r.categoryAxis&&t.createElement(p.ChartCategoryAxis,null,r.categoryAxis.map((a,o)=>t.createElement(p.ChartCategoryAxisItem,{key:o,categories:a.categories,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{font:a.labels.font,color:a.labels.color,rotation:a.labels.rotation},reverse:a.reverse}))),r.valueAxis&&t.createElement(p.ChartValueAxis,null,r.valueAxis.map((a,o)=>t.createElement(p.ChartValueAxisItem,{key:o,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{format:a.labels.format,font:a.labels.font,color:a.labels.color,rotation:a.labels.rotation}}))),t.createElement(p.ChartSeries,null,r.series.map((a,o)=>t.createElement(p.ChartSeriesItem,{key:String(a.name)+o,...a}))),t.createElement(p.ChartXAxis,null,r.categoryAxis.map((a,o)=>t.createElement(p.ChartXAxisItem,{key:o,categories:a.categories,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{font:a.labels.font,color:a.labels.color,format:a.labels.format,rotation:a.labels.rotation}}))),t.createElement(p.ChartYAxis,null,r.valueAxis.map((a,o)=>t.createElement(p.ChartYAxisItem,{key:o,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{format:a.labels.format,font:a.labels.font,color:a.labels.color,rotation:a.labels.rotation}}))),t.createElement(p.ChartLegend,{visible:(de=r.legend)==null?void 0:de.visible,position:(ge=r.legend)==null?void 0:ge.position,labels:{color:((ue=(me=r.legend)==null?void 0:me.labels)==null?void 0:ue.color)||void 0,font:((Ce=(he=r.legend)==null?void 0:he.labels)==null?void 0:Ce.font)||void 0}})))),t.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},t.createElement(g.TabStrip,{selected:vt,onSelect:Wt,animation:!1},t.createElement(g.TabStripTab,{title:l.toLanguageString(e.chartWizardTabChart,e.messages[e.chartWizardTabChart])},t.createElement("div",null,t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartBarChart,e.messages[e.chartWizardChartBarChart]),expanded:G,tabIndex:0,onAction:tt},t.createElement(L.Reveal,null,G&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="bar"&&V,onClick:yt,icon:A.chartBarClusteredIcon},l.toLanguageString(e.chartWizardChartBarChartBar,e.messages[e.chartWizardChartBarChartBar])),t.createElement(E,{selected:h==="bar"&&R,onClick:kt,icon:A.chartBarStackedIcon},l.toLanguageString(e.chartWizardChartBarChartStackedBar,e.messages[e.chartWizardChartBarChartStackedBar])),t.createElement(E,{selected:h==="bar"&&M,onClick:ft,icon:A.chartBarStacked100Icon},l.toLanguageString(e.chartWizardChartBarChart100StackedBar,e.messages[e.chartWizardChartBarChart100StackedBar])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartPieChart,e.messages[e.chartWizardChartPieChart]),expanded:X,tabIndex:0,onAction:rt},t.createElement(L.Reveal,null,X&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="pie",onClick:Rt,icon:A.chartPieIcon},l.toLanguageString(e.chartWizardChartPieChartPie,e.messages[e.chartWizardChartPieChartPie])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartColumnChart,e.messages[e.chartWizardChartColumnChart]),expanded:j,tabIndex:0,onAction:lt},t.createElement(L.Reveal,null,j&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="column"&&V,onClick:It,icon:A.chartColumnClusteredIcon},l.toLanguageString(e.chartWizardChartColumnChartColumn,e.messages[e.chartWizardChartColumnChartColumn])),t.createElement(E,{selected:h==="column"&&R,onClick:Pt,icon:A.chartColumnStackedIcon},l.toLanguageString(e.chartWizardChartColumnChartStackedColumn,e.messages[e.chartWizardChartColumnChartStackedColumn])),t.createElement(E,{selected:h==="column"&&M,onClick:Nt,icon:A.chartColumnStacked100Icon},l.toLanguageString(e.chartWizardChartColumnChart100StackedColumn,e.messages[e.chartWizardChartColumnChart100StackedColumn])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartLineChart,e.messages[e.chartWizardChartLineChart]),expanded:Y,tabIndex:0,onAction:it},t.createElement(L.Reveal,null,Y&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="line"&&V,onClick:wt,icon:A.chartLineIcon},l.toLanguageString(e.chartWizardChartLineChartLine,e.messages[e.chartWizardChartLineChartLine])),t.createElement(E,{selected:h==="line"&&R,onClick:Bt,icon:A.chartLineStackedIcon},l.toLanguageString(e.chartWizardChartLineChartStackedLine,e.messages[e.chartWizardChartLineChartStackedLine])),t.createElement(E,{selected:h==="line"&&M,onClick:Vt,icon:A.chartLineStacked100Icon},l.toLanguageString(e.chartWizardChartLineChart100StackedLine,e.messages[e.chartWizardChartLineChart100StackedLine])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartScatterChart,e.messages[e.chartWizardChartScatterChart]),expanded:H,tabIndex:0,onAction:ct},t.createElement(L.Reveal,null,H&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="scatter",onClick:Mt,icon:A.chartScatterIcon},l.toLanguageString(e.chartWizardChartScatterChartScatter,e.messages[e.chartWizardChartScatterChartScatter])))))))),t.createElement(g.TabStripTab,{title:l.toLanguageString(e.chartWizardTabData,e.messages[e.chartWizardTabData])},t.createElement("div",null,t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardDataConfiguration,e.messages[e.chartWizardDataConfiguration]),expanded:_,tabIndex:0,onAction:gt},t.createElement(L.Reveal,null,_&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement(T,{legend:h==="scatter"?l.toLanguageString(e.chartWizardDataConfigurationXAxis,e.messages[e.chartWizardDataConfigurationXAxis]):l.toLanguageString(e.chartWizardDataConfigurationCategoryAxis,e.messages[e.chartWizardDataConfigurationCategoryAxis])},t.createElement(C.DropDownList,{data:r.columns||[],value:r.categoryField,onChange:Dt,...x})),n.isCategorical(h)&&t.createElement(T,{legend:l.toLanguageString(e.chartWizardDataConfigurationSeries,e.messages[e.chartWizardDataConfigurationSeries])},t.createElement(Ta.SeriesGrid,{data:r.series,initialData:r.initialSeries,onChange:Kt})),h==="pie"&&t.createElement(T,{legend:l.toLanguageString(e.chartWizardDataConfigurationValueAxis,e.messages[e.chartWizardDataConfigurationValueAxis])},t.createElement(C.DropDownList,{data:r.columns||[],value:r.valueField||"",...x,onChange:qt})))))))),t.createElement(g.TabStripTab,{title:l.toLanguageString(e.chartWizardTabFormat,e.messages[e.chartWizardTabFormat])},t.createElement("div",null,t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatChartArea,e.messages[e.chartWizardFormatChartArea]),expanded:U,tabIndex:0,onAction:ut},t.createElement(L.Reveal,null,U&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement(T,{legend:l.toLanguageString(e.chartWizardFormatChartAreaMargins,e.messages[e.chartWizardFormatChartAreaMargins])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsLeft,e.messages[e.chartWizardFormatChartAreaMarginsLeft]),editorId:"left"},t.createElement(u.NumericTextBox,{id:"left",value:W.left!==void 0?W.left:null,onChange:Ot,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsRight,e.messages[e.chartWizardFormatChartAreaMarginsRight]),editorId:"right"},t.createElement(u.NumericTextBox,{id:"right",value:W.right!==void 0?W.right:null,onChange:Gt,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsTop,e.messages[e.chartWizardFormatChartAreaMarginsTop]),editorId:"top"},t.createElement(u.NumericTextBox,{id:"top",value:W.top!==void 0?W.top:null,onChange:Xt,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsBottom,e.messages[e.chartWizardFormatChartAreaMarginsBottom]),editorId:"bottom"},t.createElement(u.NumericTextBox,{id:"bottom",value:W.bottom!==void 0?W.bottom:null,onChange:jt,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement(T,{legend:l.toLanguageString(e.chartWizardFormatChartAreaBackground,e.messages[e.chartWizardFormatChartAreaBackground])},t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaBackgroundColor,e.messages[e.chartWizardFormatChartAreaBackgroundColor]),editorId:"background"},t.createElement(u.ColorPicker,{id:"background",value:((xe=r.area)==null?void 0:xe.background)||"",onChange:Yt,view:"gradient",fillMode:"outline"}))))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatTitle,e.messages[e.chartWizardFormatTitle]),expanded:J,tabIndex:0,onAction:Ct},t.createElement(L.Reveal,null,J&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2",editorId:"apply-to-title",labelText:l.toLanguageString(e.chartWizardFormatTitleApplyTo,e.messages[e.chartWizardFormatTitleApplyTo])},t.createElement(C.DropDownList,{id:"apply-to-title",data:b,textField:"text",dataItemKey:"value",value:b.find(a=>a.value===v.value),onChange:_t,...x})),t.createElement(d,{className:"k-col-span-2",editorId:"titleText",labelText:l.toLanguageString(e.chartWizardFormatTitleLabel,e.messages[e.chartWizardFormatTitleLabel])},t.createElement(u.Input,{id:"titleText",placeholder:v.value===b[0].value?b[0].text:b[1].text,value:N.text,onChange:Ut,onKeyDown:a=>a.stopPropagation()})),t.createElement(d,{className:"k-col-span-2",editorId:"titleFont",labelText:l.toLanguageString(e.chartWizardFormatTitleFont,e.messages[e.chartWizardFormatTitleFont])},t.createElement(C.ComboBox,{id:"titleFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatTitleFontPlaceholder,e.messages[e.chartWizardFormatTitleFontPlaceholder]),value:n.fontNames.find(a=>a.value===n.parseFont(N.font).name)||m,onChange:Jt,itemRender:k,...x})),t.createElement(d,{editorId:"titleFontSize",labelText:l.toLanguageString(e.chartWizardFormatTitleSize,e.messages[e.chartWizardFormatTitleSize])},t.createElement(C.ComboBox,{id:"titleFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatTitleSizePlaceholder,e.messages[e.chartWizardFormatTitleSizePlaceholder]),value:n.fontSizes.find(a=>a.value===n.parseFont(N.font).size)||m,onChange:Qt,itemRender:k,...x})),t.createElement(d,{editorId:"titleColor",labelText:l.toLanguageString(e.chartWizardFormatTitleColor,e.messages[e.chartWizardFormatTitleColor])},t.createElement(u.ColorPicker,{id:"titleColor",value:N.color||"",onChange:Zt,view:"gradient",fillMode:"outline"}))))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatSeries,e.messages[e.chartWizardFormatSeries]),expanded:Q,tabIndex:0,onAction:St},t.createElement(L.Reveal,null,Q&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement(d,{editorId:"apply-to-series",labelText:l.toLanguageString(e.chartWizardFormatSeriesApplyTo,e.messages[e.chartWizardFormatSeriesApplyTo])},t.createElement(C.DropDownList,{id:"apply-to-series",data:r.series,textField:"name",dataItemKey:"name",defaultItem:w,disabled:!n.isCategorical(h),value:r.series.find(a=>a.name===z)||w,onChange:Tt,...x})),t.createElement(d,{editorId:"seriesColor",labelText:l.toLanguageString(e.chartWizardFormatSeriesColor,e.messages[e.chartWizardFormatSeriesColor])},t.createElement(u.ColorPicker,{id:"seriesColor",value:z?(Se=r.series.find(a=>a.name===z))==null?void 0:Se.color:"",onChange:$t,disabled:!z,view:"gradient",fillMode:"outline"})),t.createElement(d,null,t.createElement(u.Checkbox,{label:l.toLanguageString(e.chartWizardFormatSeriesShowLabels,e.messages[e.chartWizardFormatSeriesShowLabels]),checked:z?(pe=(be=r.series.find(a=>a.name===z))==null?void 0:be.labels)==null?void 0:pe.visible:r.series.every(a=>{var o;return(o=a.labels)==null?void 0:o.visible}),onChange:ea})))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatLegend,e.messages[e.chartWizardFormatLegend]),expanded:Z,tabIndex:0,onAction:pt},t.createElement(L.Reveal,null,Z&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(Ge.Label,{editorId:"show-legend"},l.toLanguageString(e.chartWizardFormatLegendShowLegend,e.messages[e.chartWizardFormatLegendShowLegend])),t.createElement(u.Switch,{id:"show-legend",checked:(Ae=r.legend)==null?void 0:Ae.visible,onChange:ta}),t.createElement(d,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:l.toLanguageString(e.chartWizardFormatLegendFont,e.messages[e.chartWizardFormatLegendFont])},t.createElement(C.ComboBox,{id:"legendLabelsFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatLegendFontPlaceholder,e.messages[e.chartWizardFormatLegendFontPlaceholder]),value:n.fontNames.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.legend)==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.name)})||m,onChange:ra,itemRender:k,disabled:((ze=r.legend)==null?void 0:ze.visible)===!1,...x})),t.createElement(d,{editorId:"legendLabelsSize",labelText:l.toLanguageString(e.chartWizardFormatLegendSize,e.messages[e.chartWizardFormatLegendSize])},t.createElement(C.ComboBox,{id:"legendLabelsSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatLegendSizePlaceholder,e.messages[e.chartWizardFormatLegendSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.legend)==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.size)})||m,onChange:aa,disabled:((Fe=r.legend)==null?void 0:Fe.visible)===!1,...x})),t.createElement(d,{editorId:"legendLabelsColor",labelText:l.toLanguageString(e.chartWizardFormatLegendColor,e.messages[e.chartWizardFormatLegendColor])},t.createElement(u.ColorPicker,{id:"legendLabelsColor",value:((ve=(Le=r.legend)==null?void 0:Le.labels)==null?void 0:ve.color)||"",onChange:na,disabled:((Ee=r.legend)==null?void 0:Ee.visible)===!1,view:"gradient",fillMode:"outline"})),t.createElement(d,{className:"k-col-span-2",editorId:"legendPosition",labelText:l.toLanguageString(e.chartWizardFormatLegendPosition,e.messages[e.chartWizardFormatLegendPosition])},t.createElement(C.DropDownList,{id:"legendPosition",data:f,textField:"text",dataItemKey:"value",value:f.find(a=>{var o;return a.value===((o=r.legend)==null?void 0:o.position)}),onChange:la,disabled:((We=r.legend)==null?void 0:We.visible)===!1,...x}))))))),h!=="pie"&&t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:h==="scatter"?l.toLanguageString(e.chartWizardFormatXAxis,e.messages[e.chartWizardFormatXAxis]):l.toLanguageString(e.chartWizardFormatCategoryAxis,e.messages[e.chartWizardFormatCategoryAxis]),expanded:$,tabIndex:0,onAction:zt},t.createElement(L.Reveal,null,$&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement(T,{legend:l.toLanguageString(e.chartWizardFormatCategoryAxisTitle,e.messages[e.chartWizardFormatCategoryAxisTitle])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2"},t.createElement(u.Input,{placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisTitlePlaceholder,e.messages[e.chartWizardFormatCategoryAxisTitlePlaceholder]),value:((Te=r.categoryAxis[0].title)==null?void 0:Te.text)||"",onChange:oa,onKeyDown:a=>a.stopPropagation()})),t.createElement(d,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleFont,e.messages[e.chartWizardFormatCategoryAxisTitleFont])},t.createElement(C.ComboBox,{id:"categoryAxisTitleFont",data:n.fontNames,textField:"text",dataItemKey:"value",itemRender:k,placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleFontPlaceholder,e.messages[e.chartWizardFormatCategoryAxisTitleFontPlaceholder]),value:n.fontNames.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].title)==null?void 0:o.font)||""))==null?void 0:c.name)})||m,onChange:sa,...x})),t.createElement(d,{editorId:"categoryAxisTitleFontSize",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleSize,e.messages[e.chartWizardFormatCategoryAxisTitleSize])},t.createElement(C.ComboBox,{id:"categoryAxisTitleFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleSizePlaceholder,e.messages[e.chartWizardFormatCategoryAxisTitleSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].title)==null?void 0:o.font)||""))==null?void 0:c.size)})||m,onChange:ia,...x})),t.createElement(d,{editorId:"categoryAxisTitleColor",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleColor,e.messages[e.chartWizardFormatCategoryAxisTitleColor])},t.createElement(u.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:((ye=r.categoryAxis[0].title)==null?void 0:ye.color)||"",onChange:ca,fillMode:"outline"})))),t.createElement(T,{legend:l.toLanguageString(e.chartWizardFormatCategoryAxisLabels,e.messages[e.chartWizardFormatCategoryAxisLabels])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsFont,e.messages[e.chartWizardFormatCategoryAxisLabelsFont])},t.createElement(C.ComboBox,{id:"categoryAxisLabelsFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsFontPlaceholder,e.messages[e.chartWizardFormatCategoryAxisLabelsFontPlaceholder]),value:n.fontNames.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].labels)==null?void 0:o.font)||""))==null?void 0:c.name)})||m,onChange:ga,itemRender:k,...x})),t.createElement(d,{editorId:"categoryAxisLabelsFontSize",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsSize,e.messages[e.chartWizardFormatCategoryAxisLabelsSize])},t.createElement(C.ComboBox,{id:"categoryAxisLabelsFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsSizePlaceholder,e.messages[e.chartWizardFormatCategoryAxisLabelsSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].labels)==null?void 0:o.font)||""))==null?void 0:c.size)})||m,onChange:da,...x})),t.createElement(d,{editorId:"categoryAxisLabelsColor",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsColor,e.messages[e.chartWizardFormatCategoryAxisLabelsColor])},t.createElement(u.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:((ke=r.categoryAxis[0].labels)==null?void 0:ke.color)||"",onChange:ma,fillMode:"outline"})),t.createElement(d,{editorId:"categoryAxisLabelsRotation",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsRotation,e.messages[e.chartWizardFormatCategoryAxisLabelsRotation])},t.createElement(u.NumericTextBox,{id:"categoryAxisLabelsRotation",value:typeof((fe=r.categoryAxis[0].labels)==null?void 0:fe.rotation)=="number"?(Ie=r.categoryAxis[0].labels)==null?void 0:Ie.rotation:null,placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsRotationAuto,e.messages[e.chartWizardFormatCategoryAxisLabelsRotationAuto]),onChange:ua,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(d,{className:"k-col-span-2"},t.createElement(u.Checkbox,{label:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsReverseOrder,e.messages[e.chartWizardFormatCategoryAxisLabelsReverseOrder]),checked:r.categoryAxis[0].reverse||!1,onChange:ha})))))))),h!=="pie"&&t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:h==="scatter"?l.toLanguageString(e.chartWizardFormatYAxis,e.messages[e.chartWizardFormatYAxis]):l.toLanguageString(e.chartWizardFormatValueAxis,e.messages[e.chartWizardFormatValueAxis]),expanded:ee,tabIndex:0,onAction:Lt},t.createElement(L.Reveal,null,ee&&t.createElement(g.ExpansionPanelContent,null,t.createElement(y.FormElement,null,t.createElement(T,{legend:l.toLanguageString(e.chartWizardFormatValueAxisTitle,e.messages[e.chartWizardFormatValueAxisTitle])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2"},t.createElement(u.Input,{placeholder:l.toLanguageString(e.chartWizardFormatValueAxisTitlePlaceholder,e.messages[e.chartWizardFormatValueAxisTitlePlaceholder]),value:((Ne=(Pe=r.valueAxis[0])==null?void 0:Pe.title)==null?void 0:Ne.text)||"",onChange:Ca,onKeyDown:a=>a.stopPropagation()})),t.createElement(d,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:l.toLanguageString(e.chartWizardFormatValueAxisTitleFont,e.messages[e.chartWizardFormatValueAxisTitleFont])},t.createElement(C.ComboBox,{id:"valueAxisTitleFont",data:n.fontNames,textField:"text",dataItemKey:"value",itemRender:k,placeholder:l.toLanguageString(e.chartWizardFormatValueAxisTitleFontPlaceholder,e.messages[e.chartWizardFormatValueAxisTitleFontPlaceholder]),value:n.fontNames.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.title)==null?void 0:c.font)||""))==null?void 0:S.name)})||m,onChange:Sa,...x})),t.createElement(d,{editorId:"valueAxisTitleFontSize",labelText:l.toLanguageString(e.chartWizardFormatValueAxisTitleSize,e.messages[e.chartWizardFormatValueAxisTitleSize])},t.createElement(C.ComboBox,{id:"valueAxisTitleFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatValueAxisTitleSizePlaceholder,e.messages[e.chartWizardFormatValueAxisTitleSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.title)==null?void 0:c.font)||""))==null?void 0:S.size)})||m,onChange:xa,...x})),t.createElement(d,{editorId:"valueAxisTitleColor",labelText:l.toLanguageString(e.chartWizardFormatValueAxisTitleColor,e.messages[e.chartWizardFormatValueAxisTitleColor])},t.createElement(u.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:((Be=(we=r.valueAxis[0])==null?void 0:we.title)==null?void 0:Be.color)||"",onChange:ba,fillMode:"outline"})))),t.createElement(T,{legend:l.toLanguageString(e.chartWizardFormatValueAxisLabels,e.messages[e.chartWizardFormatValueAxisLabels])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormat,e.messages[e.chartWizardFormatValueAxisLabelsFormat])},t.createElement(C.DropDownList,{id:"valueAxisLabelsFormat",data:O,textField:"text",dataItemKey:"value",defaultItem:q,value:O.find(a=>{var o,c;return a.value===((c=(o=r.valueAxis[0])==null?void 0:o.labels)==null?void 0:c.format)})||q,onChange:La,...x})),t.createElement(d,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFont,e.messages[e.chartWizardFormatValueAxisLabelsFont])},t.createElement(C.ComboBox,{id:"valueAxisLabelsFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFontPlaceholder,e.messages[e.chartWizardFormatValueAxisLabelsFontPlaceholder]),value:n.fontNames.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.name)})||m,onChange:Aa,itemRender:k,...x})),t.createElement(d,{editorId:"valueAxisLabelsFontSize",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsSize,e.messages[e.chartWizardFormatValueAxisLabelsSize])},t.createElement(C.ComboBox,{id:"valueAxisLabelsFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatValueAxisLabelsSizePlaceholder,e.messages[e.chartWizardFormatValueAxisLabelsSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.size)})||m,onChange:pa,...x})),t.createElement(d,{editorId:"valueAxisLabelsColor",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsColor,e.messages[e.chartWizardFormatValueAxisLabelsColor])},t.createElement(u.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:((Re=(Ve=r.valueAxis[0])==null?void 0:Ve.labels)==null?void 0:Re.color)||"",onChange:za,fillMode:"outline"})),t.createElement(d,{editorId:"valueAxisLabelsRotation",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsRotation,e.messages[e.chartWizardFormatValueAxisLabelsRotation])},t.createElement(u.NumericTextBox,{id:"valueAxisLabelsRotation",value:typeof((De=(Me=r.valueAxis[0])==null?void 0:Me.labels)==null?void 0:De.rotation)=="number"?(qe=(Ke=r.valueAxis[0])==null?void 0:Ke.labels)==null?void 0:qe.rotation:null,placeholder:l.toLanguageString(e.chartWizardFormatValueAxisLabelsRotationAuto,e.messages[e.chartWizardFormatValueAxisLabelsRotationAuto]),onChange:Fa,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))};exports.ChartWizard=fa;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const va=require("react"),Ea=require("@progress/kendo-react-dialogs"),p=require("@progress/kendo-react-charts"),g=require("@progress/kendo-react-layout"),Wa=require("@progress/kendo-react-buttons"),A=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-animation"),C=require("@progress/kendo-react-dropdowns"),ka=require("./SeriesGrid.js"),u=require("@progress/kendo-react-inputs"),Ge=require("@progress/kendo-react-labels"),n=require("./chart-wizard-state.js"),Oe=require("@progress/kendo-react-common"),T=require("@progress/kendo-react-form"),Ta=require("@progress/kendo-react-intl"),e=require("./messages.js"),P=require("./export.js");function ya(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const b in i)if(b!=="default"){const f=Object.getOwnPropertyDescriptor(i,b);Object.defineProperty(l,b,f.get?f:{enumerable:!0,get:()=>i[b]})}}return l.default=i,Object.freeze(l)}const t=ya(va),k=i=>t.createElement("fieldset",{className:"k-form-fieldset"},i.legend&&t.createElement("legend",{className:"k-form-legend"},i.legend),i.children),d=i=>t.createElement(T.FieldWrapper,{className:i.className},i.labelText&&i.editorId&&t.createElement(Ge.Label,{className:"k-form-label",editorId:i.editorId},i.labelText),t.createElement("div",{className:"k-form-field-wrap"},i.children)),m={value:null,text:""},y=(i,l)=>l.dataItem.style?t.cloneElement(i,i.props,t.createElement("span",{style:l.dataItem.style},i.props.children)):i,E=i=>t.createElement("div",{className:Oe.classNames("k-icon-text-wrapper",{"k-selected":i.selected}),onClick:i.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0},t.createElement(Oe.IconWrap,{name:i.iconName,icon:i.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),i.children),x={fillMode:"outline",popupSettings:{animate:!1}},D={type:"normal"},K={type:"100%"},fa=i=>{var te,ae,re,ne,le,oe,ie,se,ce,de,ge,me,ue,he,Ce,xe,Se,be,pe,Ae,ze,Fe,Le,ve,Ee,We,ke,Te,ye,fe,Ie,Pe,Ne,we,Be,Ve,Re,Me,De,Ke,qe;const l=Ta.useLocalization(),b=[{value:"chartTitle",text:l.toLanguageString(e.chartWizardFormatTitleChartTitle,e.messages[e.chartWizardFormatTitleChartTitle])},{value:"chartSubtitle",text:l.toLanguageString(e.chartWizardFormatTitleChartSubtitle,e.messages[e.chartWizardFormatTitleChartSubtitle])}],f=[{value:"top",text:l.toLanguageString(e.chartWizardFormatLegendPositionTop,e.messages[e.chartWizardFormatLegendPositionTop])},{value:"bottom",text:l.toLanguageString(e.chartWizardFormatLegendPositionBottom,e.messages[e.chartWizardFormatLegendPositionBottom])},{value:"left",text:l.toLanguageString(e.chartWizardFormatLegendPositionLeft,e.messages[e.chartWizardFormatLegendPositionLeft])},{value:"right",text:l.toLanguageString(e.chartWizardFormatLegendPositionRight,e.messages[e.chartWizardFormatLegendPositionRight])}],w={name:l.toLanguageString(e.chartWizardFormatSeriesAllSeries,e.messages[e.chartWizardFormatSeriesAllSeries])},q={text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatText,e.messages[e.chartWizardFormatValueAxisLabelsFormatText]),value:""},O=[{value:"n0",text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatNumber,e.messages[e.chartWizardFormatValueAxisLabelsFormatNumber])},{value:"c0",text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatCurrency,e.messages[e.chartWizardFormatValueAxisLabelsFormatCurrency])},{value:"p0",text:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormatPercent,e.messages[e.chartWizardFormatValueAxisLabelsFormatPercent])}],B=t.useRef(null),Xe=t.useCallback(a=>{var o;if(B.current){const c=new P.ExportEvent(B.current,P.resolveExportOptions(i.exportOptions));(o=i.onExport)==null||o.call(i,c),c.isDefaultPrevented()||a.item.exportHandler.call(void 0,c)}},[i.exportOptions]),[je,Ye]=t.useState({width:700,height:550}),[He,_e]=t.useState("DEFAULT"),Ue=t.useCallback(a=>{Ye({width:a.width,height:a.height})},[]),Je=t.useCallback(a=>{_e(a.state)},[]),[Qe,Ze]=t.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),$e=t.useCallback(a=>{Ze(a.newState)},[]),[G,et]=t.useState(!0),tt=t.useCallback(a=>{et(!a.expanded)},[]),[X,at]=t.useState(!0),rt=t.useCallback(a=>{at(!a.expanded)},[]),[j,nt]=t.useState(!0),lt=t.useCallback(a=>{nt(!a.expanded)},[]),[Y,ot]=t.useState(!0),it=t.useCallback(a=>{ot(!a.expanded)},[]),[H,st]=t.useState(!0),ct=t.useCallback(a=>{st(!a.expanded)},[]),[_,dt]=t.useState(!0),gt=t.useCallback(a=>{dt(!a.expanded)},[]),[U,mt]=t.useState(!0),ut=t.useCallback(a=>{mt(!a.expanded)},[]),[J,ht]=t.useState(!0),Ct=t.useCallback(a=>{ht(!a.expanded)},[]),[Q,xt]=t.useState(!0),St=t.useCallback(a=>{xt(!a.expanded)},[]),[Z,bt]=t.useState(!0),pt=t.useCallback(a=>{bt(!a.expanded)},[]),[$,At]=t.useState(!0),zt=t.useCallback(a=>{At(!a.expanded)},[]),[ee,Ft]=t.useState(!0),Lt=t.useCallback(a=>{Ft(!a.expanded)},[]),[vt,Et]=t.useState(0),Wt=t.useCallback(a=>{Et(a.selected)},[]),[r,s]=t.useState(n.createInitialState(i.data,"bar",i.defaultState)),[z,F]=t.useState(""),kt=t.useCallback(a=>{const o=a.target.value.name;F(o===w.name?"":o)},[]),Tt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"bar"))),F("")},[r,i.data]),yt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"bar"));s(n.updateState(a,n.ActionTypes.stacked,D)),F("")},[r,i.data]),ft=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"bar"));s(n.updateState(a,n.ActionTypes.stacked,K)),F("")},[r,i.data]),It=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"column"))),F("")},[r,i.data]),Pt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"column"));s(n.updateState(a,n.ActionTypes.stacked,D)),F("")},[r,i.data]),Nt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"column"));s(n.updateState(a,n.ActionTypes.stacked,K)),F("")},[r,i.data]),wt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"line"))),F("")},[r,i.data]),Bt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"line"));s(n.updateState(a,n.ActionTypes.stacked,D)),F("")},[r,i.data]),Vt=t.useCallback(()=>{const a=n.mergeStates(r,n.createState(i.data,"line"));s(n.updateState(a,n.ActionTypes.stacked,K)),F("")},[r,i.data]),Rt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"pie"))),F("")},[r,i.data]),Mt=t.useCallback(()=>{s(n.mergeStates(r,n.createState(i.data,"scatter"))),F("")},[r,i.data]),Dt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisX,a.target.value))},[r]),Kt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.seriesChange,a))},[r]),qt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisY,a.target.value))},[r]),Ot=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginLeft,a.target.value))},[r]),Gt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginRight,a.target.value))},[r]),Xt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginTop,a.target.value))},[r]),jt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaMarginBottom,a.target.value))},[r]),W=r.area.margin,Yt=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.areaBackground,a.value))},[r]),[v,Ht]=t.useState(b[0]),_t=t.useCallback(a=>{Ht(a.target.value)},[]),Ut=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleText:n.ActionTypes.subtitleText;s(n.updateState(r,o,a.target.value))},[r,v]),Jt=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleFontName:n.ActionTypes.subtitleFontName,c=a.target.value||m;s(n.updateState(r,o,c.value))},[r,v]),Qt=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleFontSize:n.ActionTypes.subtitleFontSize,c=a.target.value||m;s(n.updateState(r,o,c.value))},[r,v]),Zt=t.useCallback(a=>{const o=v.value===b[0].value?n.ActionTypes.titleColor:n.ActionTypes.subtitleColor;s(n.updateState(r,o,a.value))},[r,v]),N=(v.value===b[0].value?r.title:r.subtitle)||{text:"",font:"",color:""},$t=t.useCallback(a=>{z&&s(n.updateState(r,n.ActionTypes.seriesColor,{seriesName:z,color:a.value}))},[r,z]),ea=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.seriesLabel,{seriesName:z,all:!z,visible:a.value}))},[r,z]),ta=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.legendVisible,a.value))},[r]),aa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.legendFontSize,o.value))},[r]),ra=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.legendFontName,o.value))},[r]),na=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.legendColor,a.value))},[r]),la=t.useCallback(a=>{const o=a.target.value;s(n.updateState(r,n.ActionTypes.legendPosition,o.value))},[r]),oa=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisTitleText,a.target.value))},[r]),ia=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisTitleFontSize,o.value))},[r]),sa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisTitleFontName,o.value))},[r]),ca=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisTitleColor,a.value))},[r]),da=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisLabelsFontSize,o.value))},[r]),ga=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.categoryAxisLabelsFontName,o.value))},[r]),ma=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisLabelsColor,a.value))},[r]),ua=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisLabelsRotation,a.target.value))},[r]),ha=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.categoryAxisReverseOrder,a.value))},[r]),Ca=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisTitleText,a.target.value))},[r]),xa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisTitleFontSize,o.value))},[r]),Sa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisTitleFontName,o.value))},[r]),ba=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisTitleColor,a.value))},[r]),pa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisLabelsFontSize,o.value))},[r]),Aa=t.useCallback(a=>{const o=a.target.value||m;s(n.updateState(r,n.ActionTypes.valueAxisLabelsFontName,o.value))},[r]),za=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisLabelsColor,a.value))},[r]),Fa=t.useCallback(a=>{s(n.updateState(r,n.ActionTypes.valueAxisLabelsRotation,a.target.value))},[r]),La=t.useCallback(a=>{const o=a.target.value;s(n.updateState(r,n.ActionTypes.valueAxisLabelsFormat,o.value))},[r]),h=r.seriesType,I=typeof((te=r.series[0])==null?void 0:te.stack)=="object"?(ae=r.series[0])==null?void 0:ae.stack:!1,V=I===!1,R=I&&I.type==="normal",M=I&&I.type==="100%";return t.createElement(Ea.Window,{title:l.toLanguageString(e.chartWizardWindowTitle,e.messages[e.chartWizardWindowTitle]),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:i.onClose,onResize:Ue,stage:He,onStageChange:Je,...je},t.createElement(g.Splitter,{panes:Qe,onChange:$e,className:"k-chart-wizard-splitter"},t.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},t.createElement("div",{className:"k-preview-pane-header"},t.createElement(Wa.DropDownButton,{text:l.toLanguageString(e.chartWizardExportButton,e.messages[e.chartWizardExportButton]),fillMode:"flat",svgIcon:A.exportIcon,icon:"export",onItemClick:Xe,items:[{svgIcon:A.filePdfIcon,icon:"file-pdf",exportHandler:P.handlePDFExport,text:l.toLanguageString(e.chartWizardExportPDFButton,e.messages[e.chartWizardExportPDFButton])},{svgIcon:A.fileIcon,icon:"file",exportHandler:P.handleSVGExport,text:l.toLanguageString(e.chartWizardExportSVGButton,e.messages[e.chartWizardExportSVGButton])},{svgIcon:A.fileImageIcon,icon:"file-image",exportHandler:P.handleImageExport,text:l.toLanguageString(e.chartWizardExportPNGButton,e.messages[e.chartWizardExportPNGButton])}]})),t.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},t.createElement(p.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:B},t.createElement(p.ChartTitle,{text:(re=r.title)==null?void 0:re.text,font:(ne=r.title)==null?void 0:ne.font,color:((le=r.title)==null?void 0:le.color)||"#000"}),t.createElement(p.ChartSubtitle,{text:(oe=r.subtitle)==null?void 0:oe.text,font:(ie=r.subtitle)==null?void 0:ie.font,color:((se=r.subtitle)==null?void 0:se.color)||"#000"}),t.createElement(p.ChartArea,{background:(ce=r.area)==null?void 0:ce.background,margin:W}),r.categoryAxis&&t.createElement(p.ChartCategoryAxis,null,r.categoryAxis.map((a,o)=>t.createElement(p.ChartCategoryAxisItem,{key:o,categories:a.categories,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{font:a.labels.font,color:a.labels.color,rotation:a.labels.rotation},reverse:a.reverse}))),r.valueAxis&&t.createElement(p.ChartValueAxis,null,r.valueAxis.map((a,o)=>t.createElement(p.ChartValueAxisItem,{key:o,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{format:a.labels.format,font:a.labels.font,color:a.labels.color,rotation:a.labels.rotation}}))),t.createElement(p.ChartSeries,null,r.series.map((a,o)=>t.createElement(p.ChartSeriesItem,{key:String(a.name)+o,...a}))),t.createElement(p.ChartXAxis,null,r.categoryAxis.map((a,o)=>t.createElement(p.ChartXAxisItem,{key:o,categories:a.categories,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{font:a.labels.font,color:a.labels.color,format:a.labels.format,rotation:a.labels.rotation}}))),t.createElement(p.ChartYAxis,null,r.valueAxis.map((a,o)=>t.createElement(p.ChartYAxisItem,{key:o,title:a.title&&{text:a.title.text,font:a.title.font,color:a.title.color},labels:a.labels&&{format:a.labels.format,font:a.labels.font,color:a.labels.color,rotation:a.labels.rotation}}))),t.createElement(p.ChartLegend,{visible:(de=r.legend)==null?void 0:de.visible,position:(ge=r.legend)==null?void 0:ge.position,labels:{color:((ue=(me=r.legend)==null?void 0:me.labels)==null?void 0:ue.color)||void 0,font:((Ce=(he=r.legend)==null?void 0:he.labels)==null?void 0:Ce.font)||void 0}})))),t.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},t.createElement(g.TabStrip,{selected:vt,onSelect:Wt,animation:!1},t.createElement(g.TabStripTab,{title:l.toLanguageString(e.chartWizardTabChart,e.messages[e.chartWizardTabChart])},t.createElement("div",null,t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartBarChart,e.messages[e.chartWizardChartBarChart]),expanded:G,tabIndex:0,onAction:tt},t.createElement(L.Reveal,null,G&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="bar"&&V,onClick:Tt,icon:A.chartBarClusteredIcon,iconName:"chart-bar-clustered"},l.toLanguageString(e.chartWizardChartBarChartBar,e.messages[e.chartWizardChartBarChartBar])),t.createElement(E,{selected:h==="bar"&&R,onClick:yt,icon:A.chartBarStackedIcon,iconName:"chart-bar-stacked"},l.toLanguageString(e.chartWizardChartBarChartStackedBar,e.messages[e.chartWizardChartBarChartStackedBar])),t.createElement(E,{selected:h==="bar"&&M,onClick:ft,icon:A.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},l.toLanguageString(e.chartWizardChartBarChart100StackedBar,e.messages[e.chartWizardChartBarChart100StackedBar])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartPieChart,e.messages[e.chartWizardChartPieChart]),expanded:X,tabIndex:0,onAction:rt},t.createElement(L.Reveal,null,X&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="pie",onClick:Rt,icon:A.chartPieIcon,iconName:"chart-pie"},l.toLanguageString(e.chartWizardChartPieChartPie,e.messages[e.chartWizardChartPieChartPie])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartColumnChart,e.messages[e.chartWizardChartColumnChart]),expanded:j,tabIndex:0,onAction:lt},t.createElement(L.Reveal,null,j&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="column"&&V,onClick:It,icon:A.chartColumnClusteredIcon,iconName:"chart-column-clustered"},l.toLanguageString(e.chartWizardChartColumnChartColumn,e.messages[e.chartWizardChartColumnChartColumn])),t.createElement(E,{selected:h==="column"&&R,onClick:Pt,icon:A.chartColumnStackedIcon,iconName:"chart-column-stacked"},l.toLanguageString(e.chartWizardChartColumnChartStackedColumn,e.messages[e.chartWizardChartColumnChartStackedColumn])),t.createElement(E,{selected:h==="column"&&M,onClick:Nt,icon:A.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},l.toLanguageString(e.chartWizardChartColumnChart100StackedColumn,e.messages[e.chartWizardChartColumnChart100StackedColumn])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartLineChart,e.messages[e.chartWizardChartLineChart]),expanded:Y,tabIndex:0,onAction:it},t.createElement(L.Reveal,null,Y&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="line"&&V,onClick:wt,icon:A.chartLineIcon,iconName:"chart-line"},l.toLanguageString(e.chartWizardChartLineChartLine,e.messages[e.chartWizardChartLineChartLine])),t.createElement(E,{selected:h==="line"&&R,onClick:Bt,icon:A.chartLineStackedIcon,iconName:"chart-line-stacked"},l.toLanguageString(e.chartWizardChartLineChartStackedLine,e.messages[e.chartWizardChartLineChartStackedLine])),t.createElement(E,{selected:h==="line"&&M,onClick:Vt,icon:A.chartLineStacked100Icon,iconName:"chart-line-stacked100"},l.toLanguageString(e.chartWizardChartLineChart100StackedLine,e.messages[e.chartWizardChartLineChart100StackedLine])))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardChartScatterChart,e.messages[e.chartWizardChartScatterChart]),expanded:H,tabIndex:0,onAction:ct},t.createElement(L.Reveal,null,H&&t.createElement(g.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(E,{selected:h==="scatter",onClick:Mt,icon:A.chartScatterIcon,iconName:"chart-scatter"},l.toLanguageString(e.chartWizardChartScatterChartScatter,e.messages[e.chartWizardChartScatterChartScatter])))))))),t.createElement(g.TabStripTab,{title:l.toLanguageString(e.chartWizardTabData,e.messages[e.chartWizardTabData])},t.createElement("div",null,t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardDataConfiguration,e.messages[e.chartWizardDataConfiguration]),expanded:_,tabIndex:0,onAction:gt},t.createElement(L.Reveal,null,_&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement(k,{legend:h==="scatter"?l.toLanguageString(e.chartWizardDataConfigurationXAxis,e.messages[e.chartWizardDataConfigurationXAxis]):l.toLanguageString(e.chartWizardDataConfigurationCategoryAxis,e.messages[e.chartWizardDataConfigurationCategoryAxis])},t.createElement(C.DropDownList,{data:r.columns||[],value:r.categoryField,onChange:Dt,...x})),n.isCategorical(h)&&t.createElement(k,{legend:l.toLanguageString(e.chartWizardDataConfigurationSeries,e.messages[e.chartWizardDataConfigurationSeries])},t.createElement(ka.SeriesGrid,{data:r.series,initialData:r.initialSeries,onChange:Kt})),h==="pie"&&t.createElement(k,{legend:l.toLanguageString(e.chartWizardDataConfigurationValueAxis,e.messages[e.chartWizardDataConfigurationValueAxis])},t.createElement(C.DropDownList,{data:r.columns||[],value:r.valueField||"",...x,onChange:qt})))))))),t.createElement(g.TabStripTab,{title:l.toLanguageString(e.chartWizardTabFormat,e.messages[e.chartWizardTabFormat])},t.createElement("div",null,t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatChartArea,e.messages[e.chartWizardFormatChartArea]),expanded:U,tabIndex:0,onAction:ut},t.createElement(L.Reveal,null,U&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement(k,{legend:l.toLanguageString(e.chartWizardFormatChartAreaMargins,e.messages[e.chartWizardFormatChartAreaMargins])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsLeft,e.messages[e.chartWizardFormatChartAreaMarginsLeft]),editorId:"left"},t.createElement(u.NumericTextBox,{id:"left",value:W.left!==void 0?W.left:null,onChange:Ot,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsRight,e.messages[e.chartWizardFormatChartAreaMarginsRight]),editorId:"right"},t.createElement(u.NumericTextBox,{id:"right",value:W.right!==void 0?W.right:null,onChange:Gt,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsTop,e.messages[e.chartWizardFormatChartAreaMarginsTop]),editorId:"top"},t.createElement(u.NumericTextBox,{id:"top",value:W.top!==void 0?W.top:null,onChange:Xt,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaMarginsBottom,e.messages[e.chartWizardFormatChartAreaMarginsBottom]),editorId:"bottom"},t.createElement(u.NumericTextBox,{id:"bottom",value:W.bottom!==void 0?W.bottom:null,onChange:jt,placeholder:l.toLanguageString(e.chartWizardFormatChartAreaMarginsAuto,e.messages[e.chartWizardFormatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement(k,{legend:l.toLanguageString(e.chartWizardFormatChartAreaBackground,e.messages[e.chartWizardFormatChartAreaBackground])},t.createElement(d,{labelText:l.toLanguageString(e.chartWizardFormatChartAreaBackgroundColor,e.messages[e.chartWizardFormatChartAreaBackgroundColor]),editorId:"background"},t.createElement(u.ColorPicker,{id:"background",value:((xe=r.area)==null?void 0:xe.background)||"",onChange:Yt,view:"gradient",fillMode:"outline"}))))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatTitle,e.messages[e.chartWizardFormatTitle]),expanded:J,tabIndex:0,onAction:Ct},t.createElement(L.Reveal,null,J&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2",editorId:"apply-to-title",labelText:l.toLanguageString(e.chartWizardFormatTitleApplyTo,e.messages[e.chartWizardFormatTitleApplyTo])},t.createElement(C.DropDownList,{id:"apply-to-title",data:b,textField:"text",dataItemKey:"value",value:b.find(a=>a.value===v.value),onChange:_t,...x})),t.createElement(d,{className:"k-col-span-2",editorId:"titleText",labelText:l.toLanguageString(e.chartWizardFormatTitleLabel,e.messages[e.chartWizardFormatTitleLabel])},t.createElement(u.Input,{id:"titleText",placeholder:v.value===b[0].value?b[0].text:b[1].text,value:N.text,onChange:Ut,onKeyDown:a=>a.stopPropagation()})),t.createElement(d,{className:"k-col-span-2",editorId:"titleFont",labelText:l.toLanguageString(e.chartWizardFormatTitleFont,e.messages[e.chartWizardFormatTitleFont])},t.createElement(C.ComboBox,{id:"titleFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatTitleFontPlaceholder,e.messages[e.chartWizardFormatTitleFontPlaceholder]),value:n.fontNames.find(a=>a.value===n.parseFont(N.font).name)||m,onChange:Jt,itemRender:y,...x})),t.createElement(d,{editorId:"titleFontSize",labelText:l.toLanguageString(e.chartWizardFormatTitleSize,e.messages[e.chartWizardFormatTitleSize])},t.createElement(C.ComboBox,{id:"titleFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatTitleSizePlaceholder,e.messages[e.chartWizardFormatTitleSizePlaceholder]),value:n.fontSizes.find(a=>a.value===n.parseFont(N.font).size)||m,onChange:Qt,itemRender:y,...x})),t.createElement(d,{editorId:"titleColor",labelText:l.toLanguageString(e.chartWizardFormatTitleColor,e.messages[e.chartWizardFormatTitleColor])},t.createElement(u.ColorPicker,{id:"titleColor",value:N.color||"",onChange:Zt,view:"gradient",fillMode:"outline"}))))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatSeries,e.messages[e.chartWizardFormatSeries]),expanded:Q,tabIndex:0,onAction:St},t.createElement(L.Reveal,null,Q&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement(d,{editorId:"apply-to-series",labelText:l.toLanguageString(e.chartWizardFormatSeriesApplyTo,e.messages[e.chartWizardFormatSeriesApplyTo])},t.createElement(C.DropDownList,{id:"apply-to-series",data:r.series,textField:"name",dataItemKey:"name",defaultItem:w,disabled:!n.isCategorical(h),value:r.series.find(a=>a.name===z)||w,onChange:kt,...x})),t.createElement(d,{editorId:"seriesColor",labelText:l.toLanguageString(e.chartWizardFormatSeriesColor,e.messages[e.chartWizardFormatSeriesColor])},t.createElement(u.ColorPicker,{id:"seriesColor",value:z?(Se=r.series.find(a=>a.name===z))==null?void 0:Se.color:"",onChange:$t,disabled:!z,view:"gradient",fillMode:"outline"})),t.createElement(d,null,t.createElement(u.Checkbox,{label:l.toLanguageString(e.chartWizardFormatSeriesShowLabels,e.messages[e.chartWizardFormatSeriesShowLabels]),checked:z?(pe=(be=r.series.find(a=>a.name===z))==null?void 0:be.labels)==null?void 0:pe.visible:r.series.every(a=>{var o;return(o=a.labels)==null?void 0:o.visible}),onChange:ea})))))),t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(e.chartWizardFormatLegend,e.messages[e.chartWizardFormatLegend]),expanded:Z,tabIndex:0,onAction:pt},t.createElement(L.Reveal,null,Z&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(Ge.Label,{editorId:"show-legend"},l.toLanguageString(e.chartWizardFormatLegendShowLegend,e.messages[e.chartWizardFormatLegendShowLegend])),t.createElement(u.Switch,{id:"show-legend",checked:(Ae=r.legend)==null?void 0:Ae.visible,onChange:ta}),t.createElement(d,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:l.toLanguageString(e.chartWizardFormatLegendFont,e.messages[e.chartWizardFormatLegendFont])},t.createElement(C.ComboBox,{id:"legendLabelsFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatLegendFontPlaceholder,e.messages[e.chartWizardFormatLegendFontPlaceholder]),value:n.fontNames.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.legend)==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.name)})||m,onChange:ra,itemRender:y,disabled:((ze=r.legend)==null?void 0:ze.visible)===!1,...x})),t.createElement(d,{editorId:"legendLabelsSize",labelText:l.toLanguageString(e.chartWizardFormatLegendSize,e.messages[e.chartWizardFormatLegendSize])},t.createElement(C.ComboBox,{id:"legendLabelsSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatLegendSizePlaceholder,e.messages[e.chartWizardFormatLegendSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.legend)==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.size)})||m,onChange:aa,disabled:((Fe=r.legend)==null?void 0:Fe.visible)===!1,...x})),t.createElement(d,{editorId:"legendLabelsColor",labelText:l.toLanguageString(e.chartWizardFormatLegendColor,e.messages[e.chartWizardFormatLegendColor])},t.createElement(u.ColorPicker,{id:"legendLabelsColor",value:((ve=(Le=r.legend)==null?void 0:Le.labels)==null?void 0:ve.color)||"",onChange:na,disabled:((Ee=r.legend)==null?void 0:Ee.visible)===!1,view:"gradient",fillMode:"outline"})),t.createElement(d,{className:"k-col-span-2",editorId:"legendPosition",labelText:l.toLanguageString(e.chartWizardFormatLegendPosition,e.messages[e.chartWizardFormatLegendPosition])},t.createElement(C.DropDownList,{id:"legendPosition",data:f,textField:"text",dataItemKey:"value",value:f.find(a=>{var o;return a.value===((o=r.legend)==null?void 0:o.position)}),onChange:la,disabled:((We=r.legend)==null?void 0:We.visible)===!1,...x}))))))),h!=="pie"&&t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:h==="scatter"?l.toLanguageString(e.chartWizardFormatXAxis,e.messages[e.chartWizardFormatXAxis]):l.toLanguageString(e.chartWizardFormatCategoryAxis,e.messages[e.chartWizardFormatCategoryAxis]),expanded:$,tabIndex:0,onAction:zt},t.createElement(L.Reveal,null,$&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement(k,{legend:l.toLanguageString(e.chartWizardFormatCategoryAxisTitle,e.messages[e.chartWizardFormatCategoryAxisTitle])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2"},t.createElement(u.Input,{placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisTitlePlaceholder,e.messages[e.chartWizardFormatCategoryAxisTitlePlaceholder]),value:((ke=r.categoryAxis[0].title)==null?void 0:ke.text)||"",onChange:oa,onKeyDown:a=>a.stopPropagation()})),t.createElement(d,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleFont,e.messages[e.chartWizardFormatCategoryAxisTitleFont])},t.createElement(C.ComboBox,{id:"categoryAxisTitleFont",data:n.fontNames,textField:"text",dataItemKey:"value",itemRender:y,placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleFontPlaceholder,e.messages[e.chartWizardFormatCategoryAxisTitleFontPlaceholder]),value:n.fontNames.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].title)==null?void 0:o.font)||""))==null?void 0:c.name)})||m,onChange:sa,...x})),t.createElement(d,{editorId:"categoryAxisTitleFontSize",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleSize,e.messages[e.chartWizardFormatCategoryAxisTitleSize])},t.createElement(C.ComboBox,{id:"categoryAxisTitleFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleSizePlaceholder,e.messages[e.chartWizardFormatCategoryAxisTitleSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].title)==null?void 0:o.font)||""))==null?void 0:c.size)})||m,onChange:ia,...x})),t.createElement(d,{editorId:"categoryAxisTitleColor",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisTitleColor,e.messages[e.chartWizardFormatCategoryAxisTitleColor])},t.createElement(u.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:((Te=r.categoryAxis[0].title)==null?void 0:Te.color)||"",onChange:ca,fillMode:"outline"})))),t.createElement(k,{legend:l.toLanguageString(e.chartWizardFormatCategoryAxisLabels,e.messages[e.chartWizardFormatCategoryAxisLabels])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsFont,e.messages[e.chartWizardFormatCategoryAxisLabelsFont])},t.createElement(C.ComboBox,{id:"categoryAxisLabelsFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsFontPlaceholder,e.messages[e.chartWizardFormatCategoryAxisLabelsFontPlaceholder]),value:n.fontNames.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].labels)==null?void 0:o.font)||""))==null?void 0:c.name)})||m,onChange:ga,itemRender:y,...x})),t.createElement(d,{editorId:"categoryAxisLabelsFontSize",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsSize,e.messages[e.chartWizardFormatCategoryAxisLabelsSize])},t.createElement(C.ComboBox,{id:"categoryAxisLabelsFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsSizePlaceholder,e.messages[e.chartWizardFormatCategoryAxisLabelsSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c;return a.value===((c=n.parseFont(((o=r.categoryAxis[0].labels)==null?void 0:o.font)||""))==null?void 0:c.size)})||m,onChange:da,...x})),t.createElement(d,{editorId:"categoryAxisLabelsColor",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsColor,e.messages[e.chartWizardFormatCategoryAxisLabelsColor])},t.createElement(u.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:((ye=r.categoryAxis[0].labels)==null?void 0:ye.color)||"",onChange:ma,fillMode:"outline"})),t.createElement(d,{editorId:"categoryAxisLabelsRotation",labelText:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsRotation,e.messages[e.chartWizardFormatCategoryAxisLabelsRotation])},t.createElement(u.NumericTextBox,{id:"categoryAxisLabelsRotation",value:typeof((fe=r.categoryAxis[0].labels)==null?void 0:fe.rotation)=="number"?(Ie=r.categoryAxis[0].labels)==null?void 0:Ie.rotation:null,placeholder:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsRotationAuto,e.messages[e.chartWizardFormatCategoryAxisLabelsRotationAuto]),onChange:ua,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(d,{className:"k-col-span-2"},t.createElement(u.Checkbox,{label:l.toLanguageString(e.chartWizardFormatCategoryAxisLabelsReverseOrder,e.messages[e.chartWizardFormatCategoryAxisLabelsReverseOrder]),checked:r.categoryAxis[0].reverse||!1,onChange:ha})))))))),h!=="pie"&&t.createElement(g.ExpansionPanel,{style:{maxWidth:"576px"},title:h==="scatter"?l.toLanguageString(e.chartWizardFormatYAxis,e.messages[e.chartWizardFormatYAxis]):l.toLanguageString(e.chartWizardFormatValueAxis,e.messages[e.chartWizardFormatValueAxis]),expanded:ee,tabIndex:0,onAction:Lt},t.createElement(L.Reveal,null,ee&&t.createElement(g.ExpansionPanelContent,null,t.createElement(T.FormElement,null,t.createElement(k,{legend:l.toLanguageString(e.chartWizardFormatValueAxisTitle,e.messages[e.chartWizardFormatValueAxisTitle])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2"},t.createElement(u.Input,{placeholder:l.toLanguageString(e.chartWizardFormatValueAxisTitlePlaceholder,e.messages[e.chartWizardFormatValueAxisTitlePlaceholder]),value:((Ne=(Pe=r.valueAxis[0])==null?void 0:Pe.title)==null?void 0:Ne.text)||"",onChange:Ca,onKeyDown:a=>a.stopPropagation()})),t.createElement(d,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:l.toLanguageString(e.chartWizardFormatValueAxisTitleFont,e.messages[e.chartWizardFormatValueAxisTitleFont])},t.createElement(C.ComboBox,{id:"valueAxisTitleFont",data:n.fontNames,textField:"text",dataItemKey:"value",itemRender:y,placeholder:l.toLanguageString(e.chartWizardFormatValueAxisTitleFontPlaceholder,e.messages[e.chartWizardFormatValueAxisTitleFontPlaceholder]),value:n.fontNames.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.title)==null?void 0:c.font)||""))==null?void 0:S.name)})||m,onChange:Sa,...x})),t.createElement(d,{editorId:"valueAxisTitleFontSize",labelText:l.toLanguageString(e.chartWizardFormatValueAxisTitleSize,e.messages[e.chartWizardFormatValueAxisTitleSize])},t.createElement(C.ComboBox,{id:"valueAxisTitleFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatValueAxisTitleSizePlaceholder,e.messages[e.chartWizardFormatValueAxisTitleSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.title)==null?void 0:c.font)||""))==null?void 0:S.size)})||m,onChange:xa,...x})),t.createElement(d,{editorId:"valueAxisTitleColor",labelText:l.toLanguageString(e.chartWizardFormatValueAxisTitleColor,e.messages[e.chartWizardFormatValueAxisTitleColor])},t.createElement(u.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:((Be=(we=r.valueAxis[0])==null?void 0:we.title)==null?void 0:Be.color)||"",onChange:ba,fillMode:"outline"})))),t.createElement(k,{legend:l.toLanguageString(e.chartWizardFormatValueAxisLabels,e.messages[e.chartWizardFormatValueAxisLabels])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(d,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFormat,e.messages[e.chartWizardFormatValueAxisLabelsFormat])},t.createElement(C.DropDownList,{id:"valueAxisLabelsFormat",data:O,textField:"text",dataItemKey:"value",defaultItem:q,value:O.find(a=>{var o,c;return a.value===((c=(o=r.valueAxis[0])==null?void 0:o.labels)==null?void 0:c.format)})||q,onChange:La,...x})),t.createElement(d,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFont,e.messages[e.chartWizardFormatValueAxisLabelsFont])},t.createElement(C.ComboBox,{id:"valueAxisLabelsFont",data:n.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatValueAxisLabelsFontPlaceholder,e.messages[e.chartWizardFormatValueAxisLabelsFontPlaceholder]),value:n.fontNames.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.name)})||m,onChange:Aa,itemRender:y,...x})),t.createElement(d,{editorId:"valueAxisLabelsFontSize",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsSize,e.messages[e.chartWizardFormatValueAxisLabelsSize])},t.createElement(C.ComboBox,{id:"valueAxisLabelsFontSize",data:n.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(e.chartWizardFormatValueAxisLabelsSizePlaceholder,e.messages[e.chartWizardFormatValueAxisLabelsSizePlaceholder]),value:n.fontSizes.find(a=>{var o,c,S;return a.value===((S=n.parseFont(((c=(o=r.valueAxis[0])==null?void 0:o.labels)==null?void 0:c.font)||""))==null?void 0:S.size)})||m,onChange:pa,...x})),t.createElement(d,{editorId:"valueAxisLabelsColor",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsColor,e.messages[e.chartWizardFormatValueAxisLabelsColor])},t.createElement(u.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:((Re=(Ve=r.valueAxis[0])==null?void 0:Ve.labels)==null?void 0:Re.color)||"",onChange:za,fillMode:"outline"})),t.createElement(d,{editorId:"valueAxisLabelsRotation",labelText:l.toLanguageString(e.chartWizardFormatValueAxisLabelsRotation,e.messages[e.chartWizardFormatValueAxisLabelsRotation])},t.createElement(u.NumericTextBox,{id:"valueAxisLabelsRotation",value:typeof((De=(Me=r.valueAxis[0])==null?void 0:Me.labels)==null?void 0:De.rotation)=="number"?(qe=(Ke=r.valueAxis[0])==null?void 0:Ke.labels)==null?void 0:qe.rotation:null,placeholder:l.toLanguageString(e.chartWizardFormatValueAxisLabelsRotationAuto,e.messages[e.chartWizardFormatValueAxisLabelsRotationAuto]),onChange:Fa,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))};exports.ChartWizard=fa;

package/ChartWizard.mjs

@@ -17,19 +17,19 @@ import { DropDownList as B, ComboBox as E } from "@progress/kendo-react-dropdown
 import { SeriesGrid as gr } from "./SeriesGrid.mjs";
 import { NumericTextBox as M, ColorPicker as N, Input as j, Checkbox as Ze, Switch as ur } from "@progress/kendo-react-inputs";
 import { Label as Ja } from "@progress/kendo-react-labels";
-import { createInitialState as mr, mergeStates as z, createState as y, updateState as s, ActionTypes as c, isCategorical as _e, fontNames as A, parseFont as k, fontSizes as p } from "./chart-wizard-state.mjs";
-import { classNames as hr, SvgIcon as xr } from "@progress/kendo-react-common";
+import { createInitialState as mr, mergeStates as z, createState as y, updateState as s, ActionTypes as c, isCategorical as _e, fontNames as k, parseFont as A, fontSizes as p } from "./chart-wizard-state.mjs";
+import { classNames as hr, IconWrap as xr } from "@progress/kendo-react-common";
 import { FormElement as P, FieldWrapper as Cr } from "@progress/kendo-react-form";
 import { useLocalization as br } from "@progress/kendo-react-intl";
-import { chartWizardFormatTitleChartTitle as $e, messages as n, chartWizardFormatTitleChartSubtitle as et, chartWizardFormatLegendPositionTop as tt, chartWizardFormatLegendPositionBottom as at, chartWizardFormatLegendPositionLeft as lt, chartWizardFormatLegendPositionRight as nt, chartWizardFormatSeriesAllSeries as rt, chartWizardFormatValueAxisLabelsFormatText as ot, chartWizardFormatValueAxisLabelsFormatNumber as it, chartWizardFormatValueAxisLabelsFormatCurrency as ct, chartWizardFormatValueAxisLabelsFormatPercent as st, chartWizardWindowTitle as dt, chartWizardExportButton as gt, chartWizardExportPDFButton as ut, chartWizardExportSVGButton as mt, chartWizardExportPNGButton as ht, chartWizardTabChart as xt, chartWizardChartBarChart as Ct, chartWizardChartBarChartBar as bt, chartWizardChartBarChartStackedBar as St, chartWizardChartBarChart100StackedBar as vt, chartWizardChartPieChart as Lt, chartWizardChartPieChartPie as Et, chartWizardChartColumnChart as At, chartWizardChartColumnChartColumn as kt, chartWizardChartColumnChartStackedColumn as pt, chartWizardChartColumnChart100StackedColumn as Ft, chartWizardChartLineChart as ft, chartWizardChartLineChartLine as zt, chartWizardChartLineChartStackedLine as yt, chartWizardChartLineChart100StackedLine as Tt, chartWizardChartScatterChart as Wt, chartWizardChartScatterChartScatter as It, chartWizardTabData as Nt, chartWizardDataConfiguration as wt, chartWizardDataConfigurationXAxis as Pt, chartWizardDataConfigurationCategoryAxis as Vt, chartWizardDataConfigurationSeries as Bt, chartWizardDataConfigurationValueAxis as Mt, chartWizardTabFormat as Rt, chartWizardFormatChartArea as Dt, chartWizardFormatChartAreaMargins as Kt, chartWizardFormatChartAreaMarginsLeft as Ot, chartWizardFormatChartAreaMarginsAuto as w, chartWizardFormatChartAreaMarginsRight as Xt, chartWizardFormatChartAreaMarginsTop as Gt, chartWizardFormatChartAreaMarginsBottom as Ht, chartWizardFormatChartAreaBackground as Yt, chartWizardFormatChartAreaBackgroundColor as jt, chartWizardFormatTitle as Ut, chartWizardFormatTitleApplyTo as qt, chartWizardFormatTitleLabel as Jt, chartWizardFormatTitleFont as Qt, chartWizardFormatTitleFontPlaceholder as Zt, chartWizardFormatTitleSize as _t, chartWizardFormatTitleSizePlaceholder as $t, chartWizardFormatTitleColor as ea, chartWizardFormatSeries as ta, chartWizardFormatSeriesApplyTo as aa, chartWizardFormatSeriesColor as la, chartWizardFormatSeriesShowLabels as na, chartWizardFormatLegend as ra, chartWizardFormatLegendShowLegend as oa, chartWizardFormatLegendFont as ia, chartWizardFormatLegendFontPlaceholder as ca, chartWizardFormatLegendSize as sa, chartWizardFormatLegendSizePlaceholder as da, chartWizardFormatLegendColor as ga, chartWizardFormatLegendPosition as ua, chartWizardFormatXAxis as ma, chartWizardFormatCategoryAxis as ha, chartWizardFormatCategoryAxisTitle as xa, chartWizardFormatCategoryAxisTitlePlaceholder as Ca, chartWizardFormatCategoryAxisTitleFont as ba, chartWizardFormatCategoryAxisTitleFontPlaceholder as Sa, chartWizardFormatCategoryAxisTitleSize as va, chartWizardFormatCategoryAxisTitleSizePlaceholder as La, chartWizardFormatCategoryAxisTitleColor as Ea, chartWizardFormatCategoryAxisLabels as Aa, chartWizardFormatCategoryAxisLabelsFont as ka, chartWizardFormatCategoryAxisLabelsFontPlaceholder as pa, chartWizardFormatCategoryAxisLabelsSize as Fa, chartWizardFormatCategoryAxisLabelsSizePlaceholder as fa, chartWizardFormatCategoryAxisLabelsColor as za, chartWizardFormatCategoryAxisLabelsRotation as ya, chartWizardFormatCategoryAxisLabelsRotationAuto as Ta, chartWizardFormatCategoryAxisLabelsReverseOrder as Wa, chartWizardFormatYAxis as Ia, chartWizardFormatValueAxis as Na, chartWizardFormatValueAxisTitle as wa, chartWizardFormatValueAxisTitlePlaceholder as Pa, chartWizardFormatValueAxisTitleFont as Va, chartWizardFormatValueAxisTitleFontPlaceholder as Ba, chartWizardFormatValueAxisTitleSize as Ma, chartWizardFormatValueAxisTitleSizePlaceholder as Ra, chartWizardFormatValueAxisTitleColor as Da, chartWizardFormatValueAxisLabels as Ka, chartWizardFormatValueAxisLabelsFormat as Oa, chartWizardFormatValueAxisLabelsFont as Xa, chartWizardFormatValueAxisLabelsFontPlaceholder as Ga, chartWizardFormatValueAxisLabelsSize as Ha, chartWizardFormatValueAxisLabelsSizePlaceholder as Ya, chartWizardFormatValueAxisLabelsColor as ja, chartWizardFormatValueAxisLabelsRotation as Ua, chartWizardFormatValueAxisLabelsRotationAuto as qa } from "./messages.mjs";
-import { ExportEvent as Sr, resolveExportOptions as vr, handlePDFExport as Lr, handleSVGExport as Er, handleImageExport as Ar } from "./export.mjs";
-const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, o.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, o.legend), o.children), g = (o) => /* @__PURE__ */ e.createElement(Cr, { className: o.className }, o.labelText && o.editorId && /* @__PURE__ */ e.createElement(Ja, { className: "k-form-label", editorId: o.editorId }, o.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, o.children)), u = { value: null, text: "" }, V = (o, l) => l.dataItem.style ? e.cloneElement(o, o.props, /* @__PURE__ */ e.createElement("span", { style: l.dataItem.style }, o.props.children)) : o, T = (o) => /* @__PURE__ */ e.createElement("div", { className: hr("k-icon-text-wrapper", { "k-selected": o.selected }), onClick: o.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0 }, /* @__PURE__ */ e.createElement(xr, { icon: o.icon, size: "xlarge", className: "k-svg-i-chart-bar-clustered" })), o.children), h = {
+import { chartWizardFormatTitleChartTitle as $e, messages as n, chartWizardFormatTitleChartSubtitle as et, chartWizardFormatLegendPositionTop as tt, chartWizardFormatLegendPositionBottom as at, chartWizardFormatLegendPositionLeft as lt, chartWizardFormatLegendPositionRight as nt, chartWizardFormatSeriesAllSeries as rt, chartWizardFormatValueAxisLabelsFormatText as ot, chartWizardFormatValueAxisLabelsFormatNumber as it, chartWizardFormatValueAxisLabelsFormatCurrency as ct, chartWizardFormatValueAxisLabelsFormatPercent as st, chartWizardWindowTitle as dt, chartWizardExportButton as gt, chartWizardExportPDFButton as ut, chartWizardExportSVGButton as mt, chartWizardExportPNGButton as ht, chartWizardTabChart as xt, chartWizardChartBarChart as Ct, chartWizardChartBarChartBar as bt, chartWizardChartBarChartStackedBar as St, chartWizardChartBarChart100StackedBar as vt, chartWizardChartPieChart as Lt, chartWizardChartPieChartPie as Et, chartWizardChartColumnChart as kt, chartWizardChartColumnChartColumn as At, chartWizardChartColumnChartStackedColumn as pt, chartWizardChartColumnChart100StackedColumn as Ft, chartWizardChartLineChart as ft, chartWizardChartLineChartLine as zt, chartWizardChartLineChartStackedLine as yt, chartWizardChartLineChart100StackedLine as Tt, chartWizardChartScatterChart as Wt, chartWizardChartScatterChartScatter as It, chartWizardTabData as Nt, chartWizardDataConfiguration as wt, chartWizardDataConfigurationXAxis as Pt, chartWizardDataConfigurationCategoryAxis as Vt, chartWizardDataConfigurationSeries as Bt, chartWizardDataConfigurationValueAxis as Mt, chartWizardTabFormat as Rt, chartWizardFormatChartArea as Dt, chartWizardFormatChartAreaMargins as Kt, chartWizardFormatChartAreaMarginsLeft as Ot, chartWizardFormatChartAreaMarginsAuto as w, chartWizardFormatChartAreaMarginsRight as Xt, chartWizardFormatChartAreaMarginsTop as Gt, chartWizardFormatChartAreaMarginsBottom as Ht, chartWizardFormatChartAreaBackground as Yt, chartWizardFormatChartAreaBackgroundColor as jt, chartWizardFormatTitle as Ut, chartWizardFormatTitleApplyTo as qt, chartWizardFormatTitleLabel as Jt, chartWizardFormatTitleFont as Qt, chartWizardFormatTitleFontPlaceholder as Zt, chartWizardFormatTitleSize as _t, chartWizardFormatTitleSizePlaceholder as $t, chartWizardFormatTitleColor as ea, chartWizardFormatSeries as ta, chartWizardFormatSeriesApplyTo as aa, chartWizardFormatSeriesColor as la, chartWizardFormatSeriesShowLabels as na, chartWizardFormatLegend as ra, chartWizardFormatLegendShowLegend as oa, chartWizardFormatLegendFont as ia, chartWizardFormatLegendFontPlaceholder as ca, chartWizardFormatLegendSize as sa, chartWizardFormatLegendSizePlaceholder as da, chartWizardFormatLegendColor as ga, chartWizardFormatLegendPosition as ua, chartWizardFormatXAxis as ma, chartWizardFormatCategoryAxis as ha, chartWizardFormatCategoryAxisTitle as xa, chartWizardFormatCategoryAxisTitlePlaceholder as Ca, chartWizardFormatCategoryAxisTitleFont as ba, chartWizardFormatCategoryAxisTitleFontPlaceholder as Sa, chartWizardFormatCategoryAxisTitleSize as va, chartWizardFormatCategoryAxisTitleSizePlaceholder as La, chartWizardFormatCategoryAxisTitleColor as Ea, chartWizardFormatCategoryAxisLabels as ka, chartWizardFormatCategoryAxisLabelsFont as Aa, chartWizardFormatCategoryAxisLabelsFontPlaceholder as pa, chartWizardFormatCategoryAxisLabelsSize as Fa, chartWizardFormatCategoryAxisLabelsSizePlaceholder as fa, chartWizardFormatCategoryAxisLabelsColor as za, chartWizardFormatCategoryAxisLabelsRotation as ya, chartWizardFormatCategoryAxisLabelsRotationAuto as Ta, chartWizardFormatCategoryAxisLabelsReverseOrder as Wa, chartWizardFormatYAxis as Ia, chartWizardFormatValueAxis as Na, chartWizardFormatValueAxisTitle as wa, chartWizardFormatValueAxisTitlePlaceholder as Pa, chartWizardFormatValueAxisTitleFont as Va, chartWizardFormatValueAxisTitleFontPlaceholder as Ba, chartWizardFormatValueAxisTitleSize as Ma, chartWizardFormatValueAxisTitleSizePlaceholder as Ra, chartWizardFormatValueAxisTitleColor as Da, chartWizardFormatValueAxisLabels as Ka, chartWizardFormatValueAxisLabelsFormat as Oa, chartWizardFormatValueAxisLabelsFont as Xa, chartWizardFormatValueAxisLabelsFontPlaceholder as Ga, chartWizardFormatValueAxisLabelsSize as Ha, chartWizardFormatValueAxisLabelsSizePlaceholder as Ya, chartWizardFormatValueAxisLabelsColor as ja, chartWizardFormatValueAxisLabelsRotation as Ua, chartWizardFormatValueAxisLabelsRotationAuto as qa } from "./messages.mjs";
+import { ExportEvent as Sr, resolveExportOptions as vr, handlePDFExport as Lr, handleSVGExport as Er, handleImageExport as kr } from "./export.mjs";
+const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, o.legend && /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, o.legend), o.children), g = (o) => /* @__PURE__ */ e.createElement(Cr, { className: o.className }, o.labelText && o.editorId && /* @__PURE__ */ e.createElement(Ja, { className: "k-form-label", editorId: o.editorId }, o.labelText), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, o.children)), u = { value: null, text: "" }, V = (o, l) => l.dataItem.style ? e.cloneElement(o, o.props, /* @__PURE__ */ e.createElement("span", { style: l.dataItem.style }, o.props.children)) : o, T = (o) => /* @__PURE__ */ e.createElement("div", { className: hr("k-icon-text-wrapper", { "k-selected": o.selected }), onClick: o.onClick }, /* @__PURE__ */ e.createElement("div", { className: "k-icon-background-area", tabIndex: 0 }, /* @__PURE__ */ e.createElement(xr, { name: o.iconName, icon: o.icon, size: "xlarge", className: "k-svg-i-chart-bar-clustered" })), o.children), h = {
   fillMode: "outline",
   popupSettings: {
     animate: !1
   }
 }, U = { type: "normal" }, q = { type: "100%" }, Dr = (o) => {
-  var de, ge, ue, me, he, xe, Ce, be, Se, ve, Le, Ee, Ae, ke, pe, Fe, fe, ze, ye, Te, We, Ie, Ne, we, Pe, Ve, Be, Me, Re, De, Ke, Oe, Xe, Ge, He, Ye, je, Ue, qe, Je, Qe;
+  var de, ge, ue, me, he, xe, Ce, be, Se, ve, Le, Ee, ke, Ae, pe, Fe, fe, ze, ye, Te, We, Ie, Ne, we, Pe, Ve, Be, Me, Re, De, Ke, Oe, Xe, Ge, He, Ye, je, Ue, qe, Je, Qe;
   const l = br(), F = [
     { value: "chartTitle", text: l.toLanguageString($e, n[$e]) },
     { value: "chartSubtitle", text: l.toLanguageString(et, n[et]) }
@@ -75,8 +75,8 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
     Sl(!t.expanded);
   }, []), [re, Ll] = e.useState(!0), El = e.useCallback((t) => {
     Ll(!t.expanded);
-  }, []), [oe, Al] = e.useState(!0), kl = e.useCallback((t) => {
-    Al(!t.expanded);
+  }, []), [oe, kl] = e.useState(!0), Al = e.useCallback((t) => {
+    kl(!t.expanded);
   }, []), [ie, pl] = e.useState(!0), Fl = e.useCallback((t) => {
     pl(!t.expanded);
   }, []), [ce, fl] = e.useState(!0), zl = e.useCallback((t) => {
@@ -185,9 +185,9 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
     i(s(a, c.categoryAxisLabelsRotation, t.target.value));
   }, [a]), En = e.useCallback((t) => {
     i(s(a, c.categoryAxisReverseOrder, t.value));
-  }, [a]), An = e.useCallback((t) => {
-    i(s(a, c.valueAxisTitleText, t.target.value));
   }, [a]), kn = e.useCallback((t) => {
+    i(s(a, c.valueAxisTitleText, t.target.value));
+  }, [a]), An = e.useCallback((t) => {
     const r = t.target.value || u;
     i(s(a, c.valueAxisTitleFontSize, r.value));
   }, [a]), pn = e.useCallback((t) => {
@@ -236,11 +236,12 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           text: l.toLanguageString(gt, n[gt]),
           fillMode: "flat",
           svgIcon: Qn,
+          icon: "export",
           onItemClick: Qa,
           items: [
-            { svgIcon: Zn, exportHandler: Lr, text: l.toLanguageString(ut, n[ut]) },
-            { svgIcon: _n, exportHandler: Er, text: l.toLanguageString(mt, n[mt]) },
-            { svgIcon: $n, exportHandler: Ar, text: l.toLanguageString(ht, n[ht]) }
+            { svgIcon: Zn, icon: "file-pdf", exportHandler: Lr, text: l.toLanguageString(ut, n[ut]) },
+            { svgIcon: _n, icon: "file", exportHandler: Er, text: l.toLanguageString(mt, n[mt]) },
+            { svgIcon: $n, icon: "file-image", exportHandler: kr, text: l.toLanguageString(ht, n[ht]) }
           ]
         }
       )), /* @__PURE__ */ e.createElement("div", { className: "k-preview-pane-content", style: { height: "calc(100% - 50px)" } }, /* @__PURE__ */ e.createElement(
@@ -350,8 +351,8 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             visible: (ve = a.legend) == null ? void 0 : ve.visible,
             position: (Le = a.legend) == null ? void 0 : Le.position,
             labels: {
-              color: ((Ae = (Ee = a.legend) == null ? void 0 : Ee.labels) == null ? void 0 : Ae.color) || void 0,
-              font: ((pe = (ke = a.legend) == null ? void 0 : ke.labels) == null ? void 0 : pe.font) || void 0
+              color: ((ke = (Ee = a.legend) == null ? void 0 : Ee.labels) == null ? void 0 : ke.color) || void 0,
+              font: ((pe = (Ae = a.legend) == null ? void 0 : Ae.labels) == null ? void 0 : pe.font) || void 0
             }
           }
         )
@@ -365,7 +366,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           tabIndex: 0,
           onAction: il
         },
-        /* @__PURE__ */ e.createElement(L, null, _ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && X, onClick: Pl, icon: er }, l.toLanguageString(bt, n[bt])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && G, onClick: Vl, icon: tr }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && H, onClick: Bl, icon: ar }, l.toLanguageString(vt, n[vt])))))
+        /* @__PURE__ */ e.createElement(L, null, _ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && X, onClick: Pl, icon: er, iconName: "chart-bar-clustered" }, l.toLanguageString(bt, n[bt])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && G, onClick: Vl, icon: tr, iconName: "chart-bar-stacked" }, l.toLanguageString(St, n[St])), /* @__PURE__ */ e.createElement(T, { selected: m === "bar" && H, onClick: Bl, icon: ar, iconName: "chart-bar-stacked100" }, l.toLanguageString(vt, n[vt])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
@@ -375,17 +376,17 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           tabIndex: 0,
           onAction: sl
         },
-        /* @__PURE__ */ e.createElement(L, null, $ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "pie", onClick: Gl, icon: lr }, l.toLanguageString(Et, n[Et])))))
+        /* @__PURE__ */ e.createElement(L, null, $ && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "pie", onClick: Gl, icon: lr, iconName: "chart-pie" }, l.toLanguageString(Et, n[Et])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
           style: { maxWidth: "576px" },
-          title: l.toLanguageString(At, n[At]),
+          title: l.toLanguageString(kt, n[kt]),
           expanded: ee,
           tabIndex: 0,
           onAction: gl
         },
-        /* @__PURE__ */ e.createElement(L, null, ee && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "column" && X, onClick: Ml, icon: nr }, l.toLanguageString(kt, n[kt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && G, onClick: Rl, icon: rr }, l.toLanguageString(pt, n[pt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && H, onClick: Dl, icon: or }, l.toLanguageString(Ft, n[Ft])))))
+        /* @__PURE__ */ e.createElement(L, null, ee && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "column" && X, onClick: Ml, icon: nr, iconName: "chart-column-clustered" }, l.toLanguageString(At, n[At])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && G, onClick: Rl, icon: rr, iconName: "chart-column-stacked" }, l.toLanguageString(pt, n[pt])), /* @__PURE__ */ e.createElement(T, { selected: m === "column" && H, onClick: Dl, icon: or, iconName: "chart-column-stacked100" }, l.toLanguageString(Ft, n[Ft])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
@@ -395,7 +396,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           tabIndex: 0,
           onAction: ml
         },
-        /* @__PURE__ */ e.createElement(L, null, te && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "line" && X, onClick: Kl, icon: ir }, l.toLanguageString(zt, n[zt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && G, onClick: Ol, icon: cr }, l.toLanguageString(yt, n[yt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && H, onClick: Xl, icon: sr }, l.toLanguageString(Tt, n[Tt])))))
+        /* @__PURE__ */ e.createElement(L, null, te && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "line" && X, onClick: Kl, icon: ir, iconName: "chart-line" }, l.toLanguageString(zt, n[zt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && G, onClick: Ol, icon: cr, iconName: "chart-line-stacked" }, l.toLanguageString(yt, n[yt])), /* @__PURE__ */ e.createElement(T, { selected: m === "line" && H, onClick: Xl, icon: sr, iconName: "chart-line-stacked100" }, l.toLanguageString(Tt, n[Tt])))))
       ), /* @__PURE__ */ e.createElement(
         S,
         {
@@ -405,7 +406,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           tabIndex: 0,
           onAction: xl
         },
-        /* @__PURE__ */ e.createElement(L, null, ae && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "scatter", onClick: Hl, icon: dr }, l.toLanguageString(It, n[It])))))
+        /* @__PURE__ */ e.createElement(L, null, ae && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("div", { className: "k-chart-types-wrapper" }, /* @__PURE__ */ e.createElement(T, { selected: m === "scatter", onClick: Hl, icon: dr, iconName: "chart-scatter" }, l.toLanguageString(It, n[It])))))
       ))), /* @__PURE__ */ e.createElement(Y, { title: l.toLanguageString(Nt, n[Nt]) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
         S,
         {
@@ -545,11 +546,11 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           E,
           {
             id: "titleFont",
-            data: A,
+            data: k,
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(Zt, n[Zt]),
-            value: A.find((t) => t.value === k(D.font).name) || u,
+            value: k.find((t) => t.value === A(D.font).name) || u,
             onChange: an,
             itemRender: V,
             ...h
@@ -562,7 +563,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString($t, n[$t]),
-            value: p.find((t) => t.value === k(D.font).size) || u,
+            value: p.find((t) => t.value === A(D.font).size) || u,
             onChange: ln,
             itemRender: V,
             ...h
@@ -584,7 +585,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           title: l.toLanguageString(ta, n[ta]),
           expanded: oe,
           tabIndex: 0,
-          onAction: kl
+          onAction: Al
         },
         /* @__PURE__ */ e.createElement(L, null, oe && /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(g, { editorId: "apply-to-series", labelText: l.toLanguageString(aa, n[aa]) }, /* @__PURE__ */ e.createElement(
           B,
@@ -640,13 +641,13 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           E,
           {
             id: "legendLabelsFont",
-            data: A,
+            data: k,
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(ca, n[ca]),
-            value: A.find((t) => {
+            value: k.find((t) => {
               var r, d, x;
-              return t.value === ((x = k(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
+              return t.value === ((x = A(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
             }) || u,
             onChange: dn,
             itemRender: V,
@@ -663,7 +664,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             placeholder: l.toLanguageString(da, n[da]),
             value: p.find((t) => {
               var r, d, x;
-              return t.value === ((x = k(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
+              return t.value === ((x = A(((d = (r = a.legend) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
             }) || u,
             onChange: sn,
             disabled: ((Ie = a.legend) == null ? void 0 : Ie.visible) === !1,
@@ -716,14 +717,14 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           E,
           {
             id: "categoryAxisTitleFont",
-            data: A,
+            data: k,
             textField: "text",
             dataItemKey: "value",
             itemRender: V,
             placeholder: l.toLanguageString(Sa, n[Sa]),
-            value: A.find((t) => {
+            value: k.find((t) => {
               var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
+              return t.value === ((d = A(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
             }) || u,
             onChange: xn,
             ...h
@@ -738,7 +739,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             placeholder: l.toLanguageString(La, n[La]),
             value: p.find((t) => {
               var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
+              return t.value === ((d = A(((r = a.categoryAxis[0].title) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
             }) || u,
             onChange: hn,
             ...h
@@ -752,17 +753,17 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             onChange: Cn,
             fillMode: "outline"
           }
-        )))), /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisLabelsFont", labelText: l.toLanguageString(ka, n[ka]) }, /* @__PURE__ */ e.createElement(
+        )))), /* @__PURE__ */ e.createElement(I, { legend: l.toLanguageString(ka, n[ka]) }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "categoryAxisLabelsFont", labelText: l.toLanguageString(Aa, n[Aa]) }, /* @__PURE__ */ e.createElement(
           E,
           {
             id: "categoryAxisLabelsFont",
-            data: A,
+            data: k,
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(pa, n[pa]),
-            value: A.find((t) => {
+            value: k.find((t) => {
               var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
+              return t.value === ((d = A(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.name);
             }) || u,
             onChange: Sn,
             itemRender: V,
@@ -778,7 +779,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             placeholder: l.toLanguageString(fa, n[fa]),
             value: p.find((t) => {
               var r, d;
-              return t.value === ((d = k(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
+              return t.value === ((d = A(((r = a.categoryAxis[0].labels) == null ? void 0 : r.font) || "")) == null ? void 0 : d.size);
             }) || u,
             onChange: bn,
             ...h
@@ -826,21 +827,21 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           {
             placeholder: l.toLanguageString(Pa, n[Pa]),
             value: ((Xe = (Oe = a.valueAxis[0]) == null ? void 0 : Oe.title) == null ? void 0 : Xe.text) || "",
-            onChange: An,
+            onChange: kn,
             onKeyDown: (t) => t.stopPropagation()
           }
         )), /* @__PURE__ */ e.createElement(g, { className: "k-col-span-2", editorId: "valueAxisTitleFont", labelText: l.toLanguageString(Va, n[Va]) }, /* @__PURE__ */ e.createElement(
           E,
           {
             id: "valueAxisTitleFont",
-            data: A,
+            data: k,
             textField: "text",
             dataItemKey: "value",
             itemRender: V,
             placeholder: l.toLanguageString(Ba, n[Ba]),
-            value: A.find((t) => {
+            value: k.find((t) => {
               var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
+              return t.value === ((x = A(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
             }) || u,
             onChange: pn,
             ...h
@@ -855,9 +856,9 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             placeholder: l.toLanguageString(Ra, n[Ra]),
             value: p.find((t) => {
               var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
+              return t.value === ((x = A(((d = (r = a.valueAxis[0]) == null ? void 0 : r.title) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
             }) || u,
-            onChange: kn,
+            onChange: An,
             ...h
           }
         )), /* @__PURE__ */ e.createElement(g, { editorId: "valueAxisTitleColor", labelText: l.toLanguageString(Da, n[Da]) }, /* @__PURE__ */ e.createElement(
@@ -888,13 +889,13 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
           E,
           {
             id: "valueAxisLabelsFont",
-            data: A,
+            data: k,
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(Ga, n[Ga]),
-            value: A.find((t) => {
+            value: k.find((t) => {
               var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
+              return t.value === ((x = A(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.name);
             }) || u,
             onChange: zn,
             itemRender: V,
@@ -910,7 +911,7 @@ const I = (o) => /* @__PURE__ */ e.createElement("fieldset", { className: "k-for
             placeholder: l.toLanguageString(Ya, n[Ya]),
             value: p.find((t) => {
               var r, d, x;
-              return t.value === ((x = k(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
+              return t.value === ((x = A(((d = (r = a.valueAxis[0]) == null ? void 0 : r.labels) == null ? void 0 : d.font) || "")) == null ? void 0 : x.size);
             }) || u,
             onChange: fn,
             ...h

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