@progress/kendo-react-chart-wizard 8.3.0-develop.14 → 8.3.0-develop.16

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