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

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"),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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ia=require("react"),Na=require("@progress/kendo-react-dialogs"),p=require("@progress/kendo-react-charts"),m=require("@progress/kendo-react-layout"),Pa=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-animation"),C=require("@progress/kendo-react-dropdowns"),za=require("./SeriesGrid.js"),d=require("@progress/kendo-react-inputs"),He=require("@progress/kendo-react-labels"),l=require("./chart-wizard-state.js"),je=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-form"),wa=require("@progress/kendo-react-intl"),e=require("./messages.js"),w=require("./export.js");function Va(r){const y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const b=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(y,o,b.get?b:{enumerable:!0,get:()=>r[o]})}}return y.default=r,Object.freeze(y)}const t=Va(Ia),F=r=>t.createElement("fieldset",{className:"k-form-fieldset"},r.legend&&t.createElement("legend",{className:"k-form-legend"},r.legend),r.children),Ra=r=>{r.stopPropagation()},g=r=>t.createElement(I.FieldWrapper,{className:r.className},r.labelText&&r.editorId&&t.createElement(He.Label,{className:"k-form-label",editorId:r.editorId},r.labelText),t.createElement("div",{className:"k-form-field-wrap",onKeyDown:Ra},r.children)),u={value:null,text:""},Ba=/^\d+$/,N=(r,y)=>y.dataItem.style?t.cloneElement(r,r.props,t.createElement("span",{style:y.dataItem.style},r.props.children)):r,P=r=>{if(r.text==="")return!0;if(r.value===void 0){if(!Ba.test(r.text))return!1;r.value=r.text+"px"}return l.fontSizes.find(o=>o.value===r.value)||(l.fontSizes.push(r),l.fontSizes.sort((o,b)=>parseInt(o.text,10)-parseInt(b.text,10))),!0},k=r=>t.createElement("div",{className:je.classNames("k-icon-text-wrapper",{"k-selected":r.selected}),onClick:r.onClick},t.createElement("div",{className:"k-icon-background-area",tabIndex:0},t.createElement(je.IconWrap,{name:r.iconName,icon:r.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),r.children),S={fillMode:"outline",popupSettings:{animate:!1}},q={type:"normal"},K={type:"100%"},Ye=t.forwardRef((r,y)=>{var le,oe,se,re,ie,ce,ge,me,ue,de,xe,Ce,Se,fe,be,pe,he,Ae,ve,Le,Ee,ke,ye,Te,Fe,Ie,Ne,Pe,ze,we,Ve,Re,Be,Me,De,We,qe,Ke,Oe,Ge,Xe;const o=wa.useLocalization(),b=[{value:"chartTitle",text:o.toLanguageString(e.formatTitleChartTitle,e.messages[e.formatTitleChartTitle])},{value:"chartSubtitle",text:o.toLanguageString(e.formatTitleChartSubtitle,e.messages[e.formatTitleChartSubtitle])}],O=[{value:"top",text:o.toLanguageString(e.formatLegendPositionTop,e.messages[e.formatLegendPositionTop])},{value:"bottom",text:o.toLanguageString(e.formatLegendPositionBottom,e.messages[e.formatLegendPositionBottom])},{value:"left",text:o.toLanguageString(e.formatLegendPositionLeft,e.messages[e.formatLegendPositionLeft])},{value:"right",text:o.toLanguageString(e.formatLegendPositionRight,e.messages[e.formatLegendPositionRight])}],B={name:o.toLanguageString(e.formatSeriesAllSeries,e.messages[e.formatSeriesAllSeries])},G={text:o.toLanguageString(e.formatValueAxisLabelsFormatText,e.messages[e.formatValueAxisLabelsFormatText]),value:""},X=[{value:"n0",text:o.toLanguageString(e.formatValueAxisLabelsFormatNumber,e.messages[e.formatValueAxisLabelsFormatNumber])},{value:"c0",text:o.toLanguageString(e.formatValueAxisLabelsFormatCurrency,e.messages[e.formatValueAxisLabelsFormatCurrency])},{value:"p0",text:o.toLanguageString(e.formatValueAxisLabelsFormatPercent,e.messages[e.formatValueAxisLabelsFormatPercent])}],V=t.useRef(null),_e=t.useCallback(a=>{var s;if(V.current){const c=new w.ExportEvent(V.current,w.resolveExportOptions(r.exportOptions));(s=r.onExport)==null||s.call(r,c),c.isDefaultPrevented()||a.item.exportHandler.call(void 0,c)}},[r.exportOptions]),[Ue,$e]=t.useState({width:700,height:550}),[Je,Qe]=t.useState("DEFAULT"),Ze=t.useCallback(a=>{$e({width:a.width,height:a.height})},[]),et=t.useCallback(a=>{Qe(a.state)},[]),[tt,at]=t.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),nt=t.useCallback(a=>{at(a.newState)},[]),[j,lt]=t.useState(!0),ot=t.useCallback(a=>{lt(!a.expanded)},[]),[H,st]=t.useState(!0),rt=t.useCallback(a=>{st(!a.expanded)},[]),[Y,it]=t.useState(!0),ct=t.useCallback(a=>{it(!a.expanded)},[]),[_,gt]=t.useState(!0),mt=t.useCallback(a=>{gt(!a.expanded)},[]),[U,ut]=t.useState(!0),dt=t.useCallback(a=>{ut(!a.expanded)},[]),[$,xt]=t.useState(!0),Ct=t.useCallback(a=>{xt(!a.expanded)},[]),[J,St]=t.useState(!1),ft=t.useCallback(a=>{St(!a.expanded)},[]),[Q,bt]=t.useState(!1),pt=t.useCallback(a=>{bt(!a.expanded)},[]),[Z,ht]=t.useState(!1),At=t.useCallback(a=>{ht(!a.expanded)},[]),[ee,vt]=t.useState(!1),Lt=t.useCallback(a=>{vt(!a.expanded)},[]),[te,Et]=t.useState(!1),kt=t.useCallback(a=>{Et(!a.expanded)},[]),[ae,yt]=t.useState(!1),Tt=t.useCallback(a=>{yt(!a.expanded)},[]),[Ft,It]=t.useState(0),Nt=t.useCallback(a=>{It(a.selected)},[]),[n,i]=t.useState(l.createInitialState(r.data,"bar",r.defaultState)),ne=t.useRef(n);ne.current=n;const Pt=t.useCallback(()=>({get chart(){return V.current},get state(){return ne.current}}),[]);t.useImperativeHandle(y,Pt);const[A,v]=t.useState(""),zt=t.useCallback(a=>{const s=a.target.value.name;v(s===B.name?"":s)},[]),wt=t.useCallback(()=>{i(l.mergeStates(n,l.createState(r.data,"bar"))),v("")},[n,r.data]),Vt=t.useCallback(()=>{const a=l.mergeStates(n,l.createState(r.data,"bar"));i(l.updateState(a,l.ActionTypes.stacked,q)),v("")},[n,r.data]),Rt=t.useCallback(()=>{const a=l.mergeStates(n,l.createState(r.data,"bar"));i(l.updateState(a,l.ActionTypes.stacked,K)),v("")},[n,r.data]),Bt=t.useCallback(()=>{i(l.mergeStates(n,l.createState(r.data,"column"))),v("")},[n,r.data]),Mt=t.useCallback(()=>{const a=l.mergeStates(n,l.createState(r.data,"column"));i(l.updateState(a,l.ActionTypes.stacked,q)),v("")},[n,r.data]),Dt=t.useCallback(()=>{const a=l.mergeStates(n,l.createState(r.data,"column"));i(l.updateState(a,l.ActionTypes.stacked,K)),v("")},[n,r.data]),Wt=t.useCallback(()=>{i(l.mergeStates(n,l.createState(r.data,"line"))),v("")},[n,r.data]),qt=t.useCallback(()=>{const a=l.mergeStates(n,l.createState(r.data,"line"));i(l.updateState(a,l.ActionTypes.stacked,q)),v("")},[n,r.data]),Kt=t.useCallback(()=>{const a=l.mergeStates(n,l.createState(r.data,"line"));i(l.updateState(a,l.ActionTypes.stacked,K)),v("")},[n,r.data]),Ot=t.useCallback(()=>{i(l.mergeStates(n,l.createState(r.data,"pie"))),v("")},[n,r.data]),Gt=t.useCallback(()=>{i(l.mergeStates(n,l.createState(r.data,"scatter"))),v("")},[n,r.data]),Xt=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.categoryAxisX,a.target.value))},[n]),jt=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.seriesChange,a))},[n]),Ht=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.valueAxisY,a.target.value))},[n]),Yt=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.areaMarginLeft,a.target.value))},[n]),_t=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.areaMarginRight,a.target.value))},[n]),Ut=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.areaMarginTop,a.target.value))},[n]),$t=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.areaMarginBottom,a.target.value))},[n]),T=n.area.margin,Jt=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.areaBackground,a.value))},[n]),[E,Qt]=t.useState(b[0]),Zt=t.useCallback(a=>{Qt(a.target.value)},[]),ea=t.useCallback(a=>{const s=E.value===b[0].value?l.ActionTypes.titleText:l.ActionTypes.subtitleText;i(l.updateState(n,s,a.target.value))},[n,E]),ta=t.useCallback(a=>{const s=E.value===b[0].value?l.ActionTypes.titleFontName:l.ActionTypes.subtitleFontName,c=a.target.value||u;i(l.updateState(n,s,c.value))},[n,E]),aa=t.useCallback(a=>{const s=E.value===b[0].value?l.ActionTypes.titleFontSize:l.ActionTypes.subtitleFontSize,c=a.target.value||u;P(c)&&i(l.updateState(n,s,c.value))},[n,E]),na=t.useCallback(a=>{const s=E.value===b[0].value?l.ActionTypes.titleColor:l.ActionTypes.subtitleColor;i(l.updateState(n,s,a.value))},[n,E]),R=(E.value===b[0].value?n.title:n.subtitle)||{text:"",font:"",color:""},la=t.useCallback(a=>{A&&i(l.updateState(n,l.ActionTypes.seriesColor,{seriesName:A,color:a.value}))},[n,A]),oa=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.seriesLabel,{seriesName:A,all:!A,visible:a.value}))},[n,A]),sa=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.legendVisible,a.value))},[n]),ra=t.useCallback(a=>{const s=a.target.value||u;P(s)&&i(l.updateState(n,l.ActionTypes.legendFontSize,s.value))},[n]),ia=t.useCallback(a=>{const s=a.target.value||u;i(l.updateState(n,l.ActionTypes.legendFontName,s.value))},[n]),ca=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.legendColor,a.value))},[n]),ga=t.useCallback(a=>{const s=a.target.value;i(l.updateState(n,l.ActionTypes.legendPosition,s.value))},[n]),ma=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.categoryAxisTitleText,a.target.value))},[n]),ua=t.useCallback(a=>{const s=a.target.value||u;P(s)&&i(l.updateState(n,l.ActionTypes.categoryAxisTitleFontSize,s.value))},[n]),da=t.useCallback(a=>{const s=a.target.value||u;i(l.updateState(n,l.ActionTypes.categoryAxisTitleFontName,s.value))},[n]),xa=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.categoryAxisTitleColor,a.value))},[n]),Ca=t.useCallback(a=>{const s=a.target.value||u;P(s)&&i(l.updateState(n,l.ActionTypes.categoryAxisLabelsFontSize,s.value))},[n]),Sa=t.useCallback(a=>{const s=a.target.value||u;i(l.updateState(n,l.ActionTypes.categoryAxisLabelsFontName,s.value))},[n]),fa=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.categoryAxisLabelsColor,a.value))},[n]),ba=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.categoryAxisLabelsRotation,a.target.value))},[n]),pa=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.categoryAxisReverseOrder,a.value))},[n]),ha=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.valueAxisTitleText,a.target.value))},[n]),Aa=t.useCallback(a=>{const s=a.target.value||u;P(s)&&i(l.updateState(n,l.ActionTypes.valueAxisTitleFontSize,s.value))},[n]),va=t.useCallback(a=>{const s=a.target.value||u;i(l.updateState(n,l.ActionTypes.valueAxisTitleFontName,s.value))},[n]),La=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.valueAxisTitleColor,a.value))},[n]),Ea=t.useCallback(a=>{const s=a.target.value||u;P(s)&&i(l.updateState(n,l.ActionTypes.valueAxisLabelsFontSize,s.value))},[n]),ka=t.useCallback(a=>{const s=a.target.value||u;i(l.updateState(n,l.ActionTypes.valueAxisLabelsFontName,s.value))},[n]),ya=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.valueAxisLabelsColor,a.value))},[n]),Ta=t.useCallback(a=>{i(l.updateState(n,l.ActionTypes.valueAxisLabelsRotation,a.target.value))},[n]),Fa=t.useCallback(a=>{const s=a.target.value;i(l.updateState(n,l.ActionTypes.valueAxisLabelsFormat,s.value))},[n]),x=n.seriesType,z=typeof((le=n.series[0])==null?void 0:le.stack)=="object"?(oe=n.series[0])==null?void 0:oe.stack:!1,M=z===!1,D=z&&z.type==="normal",W=z&&z.type==="100%";return t.createElement(Na.Window,{title:o.toLanguageString(e.windowTitle,e.messages[e.windowTitle]),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:r.onClose,onResize:Ze,stage:Je,onStageChange:et,...Ue},t.createElement(m.Splitter,{panes:tt,onChange:nt,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(Pa.DropDownButton,{text:o.toLanguageString(e.exportButton,e.messages[e.exportButton]),fillMode:"flat",svgIcon:h.exportIcon,icon:"export",onItemClick:_e,items:[{svgIcon:h.filePdfIcon,icon:"file-pdf",exportHandler:w.handlePDFExport,text:o.toLanguageString(e.exportPDFButton,e.messages[e.exportPDFButton])},{svgIcon:h.fileIcon,icon:"file",exportHandler:w.handleSVGExport,text:o.toLanguageString(e.exportSVGButton,e.messages[e.exportSVGButton])},{svgIcon:h.fileImageIcon,icon:"file-image",exportHandler:w.handleImageExport,text:o.toLanguageString(e.exportPNGButton,e.messages[e.exportPNGButton])}]})),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:V},t.createElement(p.ChartTitle,{text:(se=n.title)==null?void 0:se.text,font:(re=n.title)==null?void 0:re.font,color:((ie=n.title)==null?void 0:ie.color)||"#000"}),t.createElement(p.ChartSubtitle,{text:(ce=n.subtitle)==null?void 0:ce.text,font:(ge=n.subtitle)==null?void 0:ge.font,color:((me=n.subtitle)==null?void 0:me.color)||"#000"}),t.createElement(p.ChartArea,{background:(ue=n.area)==null?void 0:ue.background,margin:T}),n.categoryAxis&&t.createElement(p.ChartCategoryAxis,null,n.categoryAxis.map((a,s)=>t.createElement(p.ChartCategoryAxisItem,{key:s,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}))),n.valueAxis&&t.createElement(p.ChartValueAxis,null,n.valueAxis.map((a,s)=>t.createElement(p.ChartValueAxisItem,{key:s,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,n.series.map((a,s)=>t.createElement(p.ChartSeriesItem,{key:String(a.name)+s,...a}))),t.createElement(p.ChartXAxis,null,n.categoryAxis.map((a,s)=>t.createElement(p.ChartXAxisItem,{key:s,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,n.valueAxis.map((a,s)=>t.createElement(p.ChartYAxisItem,{key:s,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=n.legend)==null?void 0:de.visible,position:(xe=n.legend)==null?void 0:xe.position,labels:{color:((Se=(Ce=n.legend)==null?void 0:Ce.labels)==null?void 0:Se.color)||void 0,font:((be=(fe=n.legend)==null?void 0:fe.labels)==null?void 0:be.font)||void 0}})))),t.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},t.createElement(m.TabStrip,{selected:Ft,onSelect:Nt,animation:!1},t.createElement(m.TabStripTab,{title:o.toLanguageString(e.tabChart,e.messages[e.tabChart])},t.createElement("div",null,t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.barChart,e.messages[e.barChart]),expanded:j,tabIndex:0,onAction:ot},t.createElement(L.Reveal,null,j&&t.createElement(m.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(k,{selected:x==="bar"&&M,onClick:wt,icon:h.chartBarClusteredIcon,iconName:"chart-bar-clustered"},o.toLanguageString(e.barChartBar,e.messages[e.barChartBar])),t.createElement(k,{selected:x==="bar"&&D,onClick:Vt,icon:h.chartBarStackedIcon,iconName:"chart-bar-stacked"},o.toLanguageString(e.barChartStackedBar,e.messages[e.barChartStackedBar])),t.createElement(k,{selected:x==="bar"&&W,onClick:Rt,icon:h.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},o.toLanguageString(e.barChart100StackedBar,e.messages[e.barChart100StackedBar])))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.pieChart,e.messages[e.pieChart]),expanded:H,tabIndex:0,onAction:rt},t.createElement(L.Reveal,null,H&&t.createElement(m.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(k,{selected:x==="pie",onClick:Ot,icon:h.chartPieIcon,iconName:"chart-pie"},o.toLanguageString(e.pieChartPie,e.messages[e.pieChartPie])))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.columnChart,e.messages[e.columnChart]),expanded:Y,tabIndex:0,onAction:ct},t.createElement(L.Reveal,null,Y&&t.createElement(m.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(k,{selected:x==="column"&&M,onClick:Bt,icon:h.chartColumnClusteredIcon,iconName:"chart-column-clustered"},o.toLanguageString(e.columnChartColumn,e.messages[e.columnChartColumn])),t.createElement(k,{selected:x==="column"&&D,onClick:Mt,icon:h.chartColumnStackedIcon,iconName:"chart-column-stacked"},o.toLanguageString(e.columnChartStackedColumn,e.messages[e.columnChartStackedColumn])),t.createElement(k,{selected:x==="column"&&W,onClick:Dt,icon:h.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},o.toLanguageString(e.columnChart100StackedColumn,e.messages[e.columnChart100StackedColumn])))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.lineChart,e.messages[e.lineChart]),expanded:_,tabIndex:0,onAction:mt},t.createElement(L.Reveal,null,_&&t.createElement(m.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(k,{selected:x==="line"&&M,onClick:Wt,icon:h.chartLineIcon,iconName:"chart-line"},o.toLanguageString(e.lineChartLine,e.messages[e.lineChartLine])),t.createElement(k,{selected:x==="line"&&D,onClick:qt,icon:h.chartLineStackedIcon,iconName:"chart-line-stacked"},o.toLanguageString(e.lineChartStackedLine,e.messages[e.lineChartStackedLine])),t.createElement(k,{selected:x==="line"&&W,onClick:Kt,icon:h.chartLineStacked100Icon,iconName:"chart-line-stacked100"},o.toLanguageString(e.lineChart100StackedLine,e.messages[e.lineChart100StackedLine])))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.scatterChart,e.messages[e.scatterChart]),expanded:U,tabIndex:0,onAction:dt},t.createElement(L.Reveal,null,U&&t.createElement(m.ExpansionPanelContent,null,t.createElement("div",{className:"k-chart-types-wrapper"},t.createElement(k,{selected:x==="scatter",onClick:Gt,icon:h.chartScatterIcon,iconName:"chart-scatter"},o.toLanguageString(e.scatterChartScatter,e.messages[e.scatterChartScatter])))))))),t.createElement(m.TabStripTab,{title:o.toLanguageString(e.tabData,e.messages[e.tabData])},t.createElement("div",null,t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.configuration,e.messages[e.configuration]),expanded:$,tabIndex:0,onAction:Ct},t.createElement(L.Reveal,null,$&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement(F,{legend:x==="scatter"?o.toLanguageString(e.configurationXAxis,e.messages[e.configurationXAxis]):o.toLanguageString(e.configurationCategoryAxis,e.messages[e.configurationCategoryAxis])},t.createElement(C.DropDownList,{data:n.columns||[],value:n.categoryField,onChange:Xt,...S})),l.isCategorical(x)&&t.createElement(F,{legend:o.toLanguageString(e.configurationSeries,e.messages[e.configurationSeries])},t.createElement(za.SeriesGrid,{data:n.series,initialData:n.initialSeries,onChange:jt})),x==="pie"&&t.createElement(F,{legend:o.toLanguageString(e.configurationValueAxis,e.messages[e.configurationValueAxis])},t.createElement(C.DropDownList,{data:n.columns||[],value:n.valueField||"",...S,onChange:Ht})))))))),t.createElement(m.TabStripTab,{title:o.toLanguageString(e.tabFormat,e.messages[e.tabFormat])},t.createElement("div",null,t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.formatChartArea,e.messages[e.formatChartArea]),expanded:J,tabIndex:0,onAction:ft},t.createElement(L.Reveal,null,J&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement(F,{legend:o.toLanguageString(e.formatChartAreaMargins,e.messages[e.formatChartAreaMargins])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g,{labelText:o.toLanguageString(e.formatChartAreaMarginsLeft,e.messages[e.formatChartAreaMarginsLeft]),editorId:"left"},t.createElement(d.NumericTextBox,{id:"left",value:T.left!==void 0?T.left:null,onChange:Yt,placeholder:o.toLanguageString(e.formatChartAreaMarginsAuto,e.messages[e.formatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(g,{labelText:o.toLanguageString(e.formatChartAreaMarginsRight,e.messages[e.formatChartAreaMarginsRight]),editorId:"right"},t.createElement(d.NumericTextBox,{id:"right",value:T.right!==void 0?T.right:null,onChange:_t,placeholder:o.toLanguageString(e.formatChartAreaMarginsAuto,e.messages[e.formatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(g,{labelText:o.toLanguageString(e.formatChartAreaMarginsTop,e.messages[e.formatChartAreaMarginsTop]),editorId:"top"},t.createElement(d.NumericTextBox,{id:"top",value:T.top!==void 0?T.top:null,onChange:Ut,placeholder:o.toLanguageString(e.formatChartAreaMarginsAuto,e.messages[e.formatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})),t.createElement(g,{labelText:o.toLanguageString(e.formatChartAreaMarginsBottom,e.messages[e.formatChartAreaMarginsBottom]),editorId:"bottom"},t.createElement(d.NumericTextBox,{id:"bottom",value:T.bottom!==void 0?T.bottom:null,onChange:$t,placeholder:o.toLanguageString(e.formatChartAreaMarginsAuto,e.messages[e.formatChartAreaMarginsAuto]),min:0,max:1e3,step:1,fillMode:"outline"})))),t.createElement(F,{legend:o.toLanguageString(e.formatChartAreaBackground,e.messages[e.formatChartAreaBackground])},t.createElement(g,{labelText:o.toLanguageString(e.formatChartAreaBackgroundColor,e.messages[e.formatChartAreaBackgroundColor]),editorId:"background"},t.createElement(d.ColorPicker,{id:"background",value:((pe=n.area)==null?void 0:pe.background)||"",onChange:Jt,view:"gradient",fillMode:"outline"}))))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.formatTitle,e.messages[e.formatTitle]),expanded:Q,tabIndex:0,onAction:pt},t.createElement(L.Reveal,null,Q&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g,{className:"k-col-span-2",editorId:"apply-to-title",labelText:o.toLanguageString(e.formatTitleApplyTo,e.messages[e.formatTitleApplyTo])},t.createElement(C.DropDownList,{id:"apply-to-title",data:b,textField:"text",dataItemKey:"value",value:b.find(a=>a.value===E.value),onChange:Zt,...S})),t.createElement(g,{className:"k-col-span-2",editorId:"titleText",labelText:o.toLanguageString(e.formatTitleLabel,e.messages[e.formatTitleLabel])},t.createElement(d.Input,{id:"titleText",placeholder:E.value===b[0].value?b[0].text:b[1].text,value:R.text,onChange:ea})),t.createElement(g,{className:"k-col-span-2",editorId:"titleFont",labelText:o.toLanguageString(e.formatTitleFont,e.messages[e.formatTitleFont])},t.createElement(C.ComboBox,{id:"titleFont",data:l.fontNames,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatTitleFontPlaceholder,e.messages[e.formatTitleFontPlaceholder]),value:l.fontNames.find(a=>a.value===l.parseFont(R.font).name)||u,onChange:ta,itemRender:N,...S})),t.createElement(g,{editorId:"titleFontSize",labelText:o.toLanguageString(e.formatTitleSize,e.messages[e.formatTitleSize])},t.createElement(C.ComboBox,{id:"titleFontSize",data:l.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatTitleSizePlaceholder,e.messages[e.formatTitleSizePlaceholder]),value:l.fontSizes.find(a=>a.value===l.parseFont(R.font).size)||u,onChange:aa,itemRender:N,allowCustom:!0,...S})),t.createElement(g,{editorId:"titleColor",labelText:o.toLanguageString(e.formatTitleColor,e.messages[e.formatTitleColor])},t.createElement(d.ColorPicker,{id:"titleColor",value:R.color||"",onChange:na,view:"gradient",fillMode:"outline"}))))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.formatSeries,e.messages[e.formatSeries]),expanded:Z,tabIndex:0,onAction:At},t.createElement(L.Reveal,null,Z&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement(g,{editorId:"apply-to-series",labelText:o.toLanguageString(e.formatSeriesApplyTo,e.messages[e.formatSeriesApplyTo])},t.createElement(C.DropDownList,{id:"apply-to-series",data:n.series,textField:"name",dataItemKey:"name",defaultItem:B,disabled:!l.isCategorical(x),value:n.series.find(a=>a.name===A)||B,onChange:zt,...S})),t.createElement(g,{editorId:"seriesColor",labelText:o.toLanguageString(e.formatSeriesColor,e.messages[e.formatSeriesColor])},t.createElement(d.ColorPicker,{id:"seriesColor",value:A?(he=n.series.find(a=>a.name===A))==null?void 0:he.color:"",onChange:la,disabled:!A,view:"gradient",fillMode:"outline"})),t.createElement(g,null,t.createElement(d.Checkbox,{label:o.toLanguageString(e.formatSeriesShowLabels,e.messages[e.formatSeriesShowLabels]),checked:A?(ve=(Ae=n.series.find(a=>a.name===A))==null?void 0:Ae.labels)==null?void 0:ve.visible:n.series.every(a=>{var s;return(s=a.labels)==null?void 0:s.visible}),onChange:oa})))))),t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:o.toLanguageString(e.formatLegend,e.messages[e.formatLegend]),expanded:ee,tabIndex:0,onAction:Lt},t.createElement(L.Reveal,null,ee&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(He.Label,{editorId:"show-legend"},o.toLanguageString(e.formatLegendShowLegend,e.messages[e.formatLegendShowLegend])),t.createElement(d.Switch,{id:"show-legend",checked:(Le=n.legend)==null?void 0:Le.visible,onChange:sa}),t.createElement(g,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:o.toLanguageString(e.formatLegendFont,e.messages[e.formatLegendFont])},t.createElement(C.ComboBox,{id:"legendLabelsFont",data:l.fontNames,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatLegendFontPlaceholder,e.messages[e.formatLegendFontPlaceholder]),value:l.fontNames.find(a=>{var s,c,f;return a.value===((f=l.parseFont(((c=(s=n.legend)==null?void 0:s.labels)==null?void 0:c.font)||""))==null?void 0:f.name)})||u,onChange:ia,itemRender:N,disabled:((Ee=n.legend)==null?void 0:Ee.visible)===!1,...S})),t.createElement(g,{editorId:"legendLabelsSize",labelText:o.toLanguageString(e.formatLegendSize,e.messages[e.formatLegendSize])},t.createElement(C.ComboBox,{id:"legendLabelsSize",data:l.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatLegendSizePlaceholder,e.messages[e.formatLegendSizePlaceholder]),value:l.fontSizes.find(a=>{var s,c,f;return a.value===((f=l.parseFont(((c=(s=n.legend)==null?void 0:s.labels)==null?void 0:c.font)||""))==null?void 0:f.size)})||u,onChange:ra,disabled:((ke=n.legend)==null?void 0:ke.visible)===!1,allowCustom:!0,...S})),t.createElement(g,{editorId:"legendLabelsColor",labelText:o.toLanguageString(e.formatLegendColor,e.messages[e.formatLegendColor])},t.createElement(d.ColorPicker,{id:"legendLabelsColor",value:((Te=(ye=n.legend)==null?void 0:ye.labels)==null?void 0:Te.color)||"",onChange:ca,disabled:((Fe=n.legend)==null?void 0:Fe.visible)===!1,view:"gradient",fillMode:"outline"})),t.createElement(g,{className:"k-col-span-2",editorId:"legendPosition",labelText:o.toLanguageString(e.formatLegendPosition,e.messages[e.formatLegendPosition])},t.createElement(C.DropDownList,{id:"legendPosition",data:O,textField:"text",dataItemKey:"value",value:O.find(a=>{var s;return a.value===((s=n.legend)==null?void 0:s.position)}),onChange:ga,disabled:((Ie=n.legend)==null?void 0:Ie.visible)===!1,...S}))))))),x!=="pie"&&t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:x==="scatter"?o.toLanguageString(e.formatXAxis,e.messages[e.formatXAxis]):o.toLanguageString(e.formatCategoryAxis,e.messages[e.formatCategoryAxis]),expanded:te,tabIndex:0,onAction:kt},t.createElement(L.Reveal,null,te&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement(F,{legend:o.toLanguageString(e.formatCategoryAxisTitle,e.messages[e.formatCategoryAxisTitle])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g,{className:"k-col-span-2"},t.createElement(d.Input,{placeholder:o.toLanguageString(e.formatCategoryAxisTitlePlaceholder,e.messages[e.formatCategoryAxisTitlePlaceholder]),value:((Ne=n.categoryAxis[0].title)==null?void 0:Ne.text)||"",onChange:ma})),t.createElement(g,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:o.toLanguageString(e.formatCategoryAxisTitleFont,e.messages[e.formatCategoryAxisTitleFont])},t.createElement(C.ComboBox,{id:"categoryAxisTitleFont",data:l.fontNames,textField:"text",dataItemKey:"value",itemRender:N,placeholder:o.toLanguageString(e.formatCategoryAxisTitleFontPlaceholder,e.messages[e.formatCategoryAxisTitleFontPlaceholder]),value:l.fontNames.find(a=>{var s,c;return a.value===((c=l.parseFont(((s=n.categoryAxis[0].title)==null?void 0:s.font)||""))==null?void 0:c.name)})||u,onChange:da,...S})),t.createElement(g,{editorId:"categoryAxisTitleFontSize",labelText:o.toLanguageString(e.formatCategoryAxisTitleSize,e.messages[e.formatCategoryAxisTitleSize])},t.createElement(C.ComboBox,{id:"categoryAxisTitleFontSize",data:l.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatCategoryAxisTitleSizePlaceholder,e.messages[e.formatCategoryAxisTitleSizePlaceholder]),value:l.fontSizes.find(a=>{var s,c;return a.value===((c=l.parseFont(((s=n.categoryAxis[0].title)==null?void 0:s.font)||""))==null?void 0:c.size)})||u,onChange:ua,allowCustom:!0,...S})),t.createElement(g,{editorId:"categoryAxisTitleColor",labelText:o.toLanguageString(e.formatCategoryAxisTitleColor,e.messages[e.formatCategoryAxisTitleColor])},t.createElement(d.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:((Pe=n.categoryAxis[0].title)==null?void 0:Pe.color)||"",onChange:xa,fillMode:"outline"})))),t.createElement(F,{legend:o.toLanguageString(e.formatCategoryAxisLabels,e.messages[e.formatCategoryAxisLabels])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:o.toLanguageString(e.formatCategoryAxisLabelsFont,e.messages[e.formatCategoryAxisLabelsFont])},t.createElement(C.ComboBox,{id:"categoryAxisLabelsFont",data:l.fontNames,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatCategoryAxisLabelsFontPlaceholder,e.messages[e.formatCategoryAxisLabelsFontPlaceholder]),value:l.fontNames.find(a=>{var s,c;return a.value===((c=l.parseFont(((s=n.categoryAxis[0].labels)==null?void 0:s.font)||""))==null?void 0:c.name)})||u,onChange:Sa,itemRender:N,...S})),t.createElement(g,{editorId:"categoryAxisLabelsFontSize",labelText:o.toLanguageString(e.formatCategoryAxisLabelsSize,e.messages[e.formatCategoryAxisLabelsSize])},t.createElement(C.ComboBox,{id:"categoryAxisLabelsFontSize",data:l.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatCategoryAxisLabelsSizePlaceholder,e.messages[e.formatCategoryAxisLabelsSizePlaceholder]),value:l.fontSizes.find(a=>{var s,c;return a.value===((c=l.parseFont(((s=n.categoryAxis[0].labels)==null?void 0:s.font)||""))==null?void 0:c.size)})||u,onChange:Ca,allowCustom:!0,...S})),t.createElement(g,{editorId:"categoryAxisLabelsColor",labelText:o.toLanguageString(e.formatCategoryAxisLabelsColor,e.messages[e.formatCategoryAxisLabelsColor])},t.createElement(d.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:((ze=n.categoryAxis[0].labels)==null?void 0:ze.color)||"",onChange:fa,fillMode:"outline"})),t.createElement(g,{editorId:"categoryAxisLabelsRotation",labelText:o.toLanguageString(e.formatCategoryAxisLabelsRotation,e.messages[e.formatCategoryAxisLabelsRotation])},t.createElement(d.NumericTextBox,{id:"categoryAxisLabelsRotation",value:typeof((we=n.categoryAxis[0].labels)==null?void 0:we.rotation)=="number"?(Ve=n.categoryAxis[0].labels)==null?void 0:Ve.rotation:null,placeholder:o.toLanguageString(e.formatCategoryAxisLabelsRotationAuto,e.messages[e.formatCategoryAxisLabelsRotationAuto]),onChange:ba,fillMode:"outline",min:-360,max:360,step:1})),t.createElement(g,{className:"k-col-span-2"},t.createElement(d.Checkbox,{label:o.toLanguageString(e.formatCategoryAxisLabelsReverseOrder,e.messages[e.formatCategoryAxisLabelsReverseOrder]),checked:n.categoryAxis[0].reverse||!1,onChange:pa})))))))),x!=="pie"&&t.createElement(m.ExpansionPanel,{style:{maxWidth:"576px"},title:x==="scatter"?o.toLanguageString(e.formatYAxis,e.messages[e.formatYAxis]):o.toLanguageString(e.formatValueAxis,e.messages[e.formatValueAxis]),expanded:ae,tabIndex:0,onAction:Tt},t.createElement(L.Reveal,null,ae&&t.createElement(m.ExpansionPanelContent,null,t.createElement(I.FormElement,null,t.createElement(F,{legend:o.toLanguageString(e.formatValueAxisTitle,e.messages[e.formatValueAxisTitle])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g,{className:"k-col-span-2"},t.createElement(d.Input,{placeholder:o.toLanguageString(e.formatValueAxisTitlePlaceholder,e.messages[e.formatValueAxisTitlePlaceholder]),value:((Be=(Re=n.valueAxis[0])==null?void 0:Re.title)==null?void 0:Be.text)||"",onChange:ha})),t.createElement(g,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:o.toLanguageString(e.formatValueAxisTitleFont,e.messages[e.formatValueAxisTitleFont])},t.createElement(C.ComboBox,{id:"valueAxisTitleFont",data:l.fontNames,textField:"text",dataItemKey:"value",itemRender:N,placeholder:o.toLanguageString(e.formatValueAxisTitleFontPlaceholder,e.messages[e.formatValueAxisTitleFontPlaceholder]),value:l.fontNames.find(a=>{var s,c,f;return a.value===((f=l.parseFont(((c=(s=n.valueAxis[0])==null?void 0:s.title)==null?void 0:c.font)||""))==null?void 0:f.name)})||u,onChange:va,...S})),t.createElement(g,{editorId:"valueAxisTitleFontSize",labelText:o.toLanguageString(e.formatValueAxisTitleSize,e.messages[e.formatValueAxisTitleSize])},t.createElement(C.ComboBox,{id:"valueAxisTitleFontSize",data:l.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatValueAxisTitleSizePlaceholder,e.messages[e.formatValueAxisTitleSizePlaceholder]),value:l.fontSizes.find(a=>{var s,c,f;return a.value===((f=l.parseFont(((c=(s=n.valueAxis[0])==null?void 0:s.title)==null?void 0:c.font)||""))==null?void 0:f.size)})||u,onChange:Aa,allowCustom:!0,...S})),t.createElement(g,{editorId:"valueAxisTitleColor",labelText:o.toLanguageString(e.formatValueAxisTitleColor,e.messages[e.formatValueAxisTitleColor])},t.createElement(d.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:((De=(Me=n.valueAxis[0])==null?void 0:Me.title)==null?void 0:De.color)||"",onChange:La,fillMode:"outline"})))),t.createElement(F,{legend:o.toLanguageString(e.formatValueAxisLabels,e.messages[e.formatValueAxisLabels])},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},t.createElement(g,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:o.toLanguageString(e.formatValueAxisLabelsFormat,e.messages[e.formatValueAxisLabelsFormat])},t.createElement(C.DropDownList,{id:"valueAxisLabelsFormat",data:X,textField:"text",dataItemKey:"value",defaultItem:G,value:X.find(a=>{var s,c;return a.value===((c=(s=n.valueAxis[0])==null?void 0:s.labels)==null?void 0:c.format)})||G,onChange:Fa,...S})),t.createElement(g,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:o.toLanguageString(e.formatValueAxisLabelsFont,e.messages[e.formatValueAxisLabelsFont])},t.createElement(C.ComboBox,{id:"valueAxisLabelsFont",data:l.fontNames,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatValueAxisLabelsFontPlaceholder,e.messages[e.formatValueAxisLabelsFontPlaceholder]),value:l.fontNames.find(a=>{var s,c,f;return a.value===((f=l.parseFont(((c=(s=n.valueAxis[0])==null?void 0:s.labels)==null?void 0:c.font)||""))==null?void 0:f.name)})||u,onChange:ka,itemRender:N,...S})),t.createElement(g,{editorId:"valueAxisLabelsFontSize",labelText:o.toLanguageString(e.formatValueAxisLabelsSize,e.messages[e.formatValueAxisLabelsSize])},t.createElement(C.ComboBox,{id:"valueAxisLabelsFontSize",data:l.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(e.formatValueAxisLabelsSizePlaceholder,e.messages[e.formatValueAxisLabelsSizePlaceholder]),value:l.fontSizes.find(a=>{var s,c,f;return a.value===((f=l.parseFont(((c=(s=n.valueAxis[0])==null?void 0:s.labels)==null?void 0:c.font)||""))==null?void 0:f.size)})||u,onChange:Ea,allowCustom:!0,...S})),t.createElement(g,{editorId:"valueAxisLabelsColor",labelText:o.toLanguageString(e.formatValueAxisLabelsColor,e.messages[e.formatValueAxisLabelsColor])},t.createElement(d.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:((qe=(We=n.valueAxis[0])==null?void 0:We.labels)==null?void 0:qe.color)||"",onChange:ya,fillMode:"outline"})),t.createElement(g,{editorId:"valueAxisLabelsRotation",labelText:o.toLanguageString(e.formatValueAxisLabelsRotation,e.messages[e.formatValueAxisLabelsRotation])},t.createElement(d.NumericTextBox,{id:"valueAxisLabelsRotation",value:typeof((Oe=(Ke=n.valueAxis[0])==null?void 0:Ke.labels)==null?void 0:Oe.rotation)=="number"?(Xe=(Ge=n.valueAxis[0])==null?void 0:Ge.labels)==null?void 0:Xe.rotation:null,placeholder:o.toLanguageString(e.formatValueAxisLabelsRotationAuto,e.messages[e.formatValueAxisLabelsRotationAuto]),onChange:Ta,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))});Ye.displayName="ChartWizard";exports.ChartWizard=Ye;