@progress/kendo-react-chart-wizard 8.3.0-develop.13 → 8.3.0-develop.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ChartWizard.js +1 -1
- package/ChartWizard.mjs +471 -463
- package/dist/cdn/js/kendo-react-chart-wizard.js +1 -1
- package/package.json +14 -14
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-charts"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-charts","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-animation","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-drawing","@progress/kendo-file-saver"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactCharts,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactAnimation,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactIntl,e.KendoReactCommon,e.KendoCharts,e.KendoReactInputs,e.KendoReactLabels,e.KendoReactForm,e.KendoDrawing,e.KendoFileSaver)}(this,(function(e,t,a,l,r,o,n,i,c,d,s,u,g,m,x,h,v,p){"use strict";function f(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var b=f(t);const C=b.createContext({onRemove:e=>{},count:0}),E=e=>{const{onRemove:t,count:a}=b.useContext(C);return b.createElement("td",{...e.tdProps},b.createElement(o.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},k=b.createContext({reorder:()=>{},dragStart:()=>{}}),S=e=>{const t=b.useContext(k);return b.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},b.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},b.createElement(u.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},A=b.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),L=e=>{const{enterEdit:t}=b.useContext(A);return b.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},z=e=>"delete"===e.field?b.createElement(E,{...e}):"reorder"===e.field?b.createElement(S,{...e}):"name"===e.field?b.createElement(L,{...e}):null,y=e=>{const t=b.useRef(null),{exitEdit:a}=b.useContext(A);return b.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),b.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},W=()=>null,T=g.ChartWizardCommon.messages,I="chartWizard.format.chartArea.margins.auto",{messages:F}=g.ChartWizardCommon,P="inEdit",N=e=>{const[a,l]=t.useState(null);return t.createElement(C.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(k.Provider,{value:{reorder:t=>{if(a===t)return;const l=e.data.slice(),r=l.findIndex((e=>e===a)),o=l.findIndex((e=>e===t));l.splice(r,1),l.splice(o,0,a||l[0]),e.onChange.call(void 0,l)},dragStart:e=>{l(e)}}},t.createElement(A.Provider,{value:{enterEdit:(t,a)=>{const l=e.data.map((e=>({...e,[P]:e.id===t.id?a:void 0})));e.onChange.call(void 0,l)},exitEdit:()=>{const t=e.data.map((e=>({...e,[P]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(d.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",l=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,l)},scrollable:"none",editField:P,cells:{headerCell:W,data:z,edit:{text:y,boolean:y,numeric:y,date:y}}},t.createElement(d.GridToolbar,null,t.createElement(o.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},s.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",F.configurationSeriesAdd))),t.createElement(d.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(d.GridColumn,{field:"name",title:"Name"}),t.createElement(d.GridColumn,{field:"delete",width:"40px",editable:!1})))))},w=g.ChartWizardCommon.fontSizes,R=g.ChartWizardCommon.fontNames,B=g.ChartWizardCommon.createInitialState,D=g.ChartWizardCommon.createState,K=g.ChartWizardCommon.updateState,M=g.ChartWizardCommon.mergeStates,V=g.ChartWizardCommon.isCategorical,q=g.ChartWizardCommon.parseFont,O=g.ChartWizardCommon.ActionTypes;class G{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let j=class extends G{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const H="chart",X={paperSize:"A4",margin:"1cm"},Y={width:800,height:600},U=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportPDF(t,a.pdf).then((e=>p.saveAs(e,a.fileName+".pdf")))},$=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportSVG(t).then((e=>p.saveAs(e,a.fileName+".svg")))},J=e=>{const t=e.exportOptions,a=l.exportVisual(e.chart,t.image);a&&v.exportImage(a,t.image).then((e=>p.saveAs(e,t.fileName+".png")))},Q=e=>b.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&b.createElement("legend",{className:"k-form-legend"},e.legend),e.children),Z=e=>{e.stopPropagation()},_=e=>b.createElement(h.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&b.createElement(x.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),b.createElement("div",{className:"k-form-field-wrap",onKeyDown:Z},e.children)),ee={value:null,text:""},te=/^\d+$/,ae=(e,t)=>t.dataItem.style?b.cloneElement(e,e.props,b.createElement("span",{style:t.dataItem.style},e.props.children)):e,le=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!te.test(e.text))return!1;e.value=e.text+"px"}return w.find((t=>t.value===e.value))||(w.push(e),w.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},re=e=>b.createElement("div",{className:u.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},b.createElement("div",{className:"k-icon-background-area",tabIndex:0},b.createElement(u.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children),oe={fillMode:"outline",popupSettings:{animate:!1}},ne={type:"normal"},ie={type:"100%"},ce=b.forwardRef(((e,t)=>{var d,u,g,v,p,f,C,E,k,S,A,L,z,y,W,F,P,G,Z,te,ce,de,se,ue,ge,me,xe,he,ve,pe,fe,be,Ce,Ee,ke,Se,Ae,Le,ze,ye,We;const Te=s.useLocalization(),Ie=[{value:"chartTitle",text:Te.toLanguageString("chartWizard.format.title.chartTitle",T.formatTitleChartTitle)},{value:"chartSubtitle",text:Te.toLanguageString("chartWizard.format.title.chartSubtitle",T.formatTitleChartSubtitle)}],Fe=[{value:"top",text:Te.toLanguageString("chartWizard.format.legend.position.top",T.formatLegendPositionTop)},{value:"bottom",text:Te.toLanguageString("chartWizard.format.legend.position.bottom",T.formatLegendPositionBottom)},{value:"left",text:Te.toLanguageString("chartWizard.format.legend.position.left",T.formatLegendPositionLeft)},{value:"right",text:Te.toLanguageString("chartWizard.format.legend.position.right",T.formatLegendPositionRight)}],Pe={name:Te.toLanguageString("chartWizard.format.series.allSeries",T.formatSeriesAllSeries)},Ne={text:Te.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",T.formatValueAxisLabelsFormatText),value:""},we=[{value:"n0",text:Te.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",T.formatValueAxisLabelsFormatNumber)},{value:"c0",text:Te.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",T.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:Te.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",T.formatValueAxisLabelsFormatPercent)}],Re=b.useRef(null),Be=b.useCallback((t=>{var a;if(Re.current){const l=new j(Re.current,((e={})=>({fileName:e.fileName||H,pdf:{...X,...e.pdf},image:{...Y,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(e,l),l.isDefaultPrevented()||t.item.exportHandler.call(void 0,l)}}),[e.exportOptions]),De=e.window||a.Window,[Ke,Me]=b.useState({width:700,height:550}),[Ve,qe]=b.useState("DEFAULT"),Oe=b.useCallback((e=>{Me({width:e.width,height:e.height})}),[]),Ge=b.useCallback((e=>{qe(e.state)}),[]),[je,He]=b.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),Xe=b.useCallback((e=>{He(e.newState)}),[]),[Ye,Ue]=b.useState(!0),$e=b.useCallback((e=>{Ue(!e.expanded)}),[]),[Je,Qe]=b.useState(!0),Ze=b.useCallback((e=>{Qe(!e.expanded)}),[]),[_e,et]=b.useState(!0),tt=b.useCallback((e=>{et(!e.expanded)}),[]),[at,lt]=b.useState(!0),rt=b.useCallback((e=>{lt(!e.expanded)}),[]),[ot,nt]=b.useState(!0),it=b.useCallback((e=>{nt(!e.expanded)}),[]),[ct,dt]=b.useState(!0),st=b.useCallback((e=>{dt(!e.expanded)}),[]),[ut,gt]=b.useState(!1),mt=b.useCallback((e=>{gt(!e.expanded)}),[]),[xt,ht]=b.useState(!1),vt=b.useCallback((e=>{ht(!e.expanded)}),[]),[pt,ft]=b.useState(!1),bt=b.useCallback((e=>{ft(!e.expanded)}),[]),[Ct,Et]=b.useState(!1),kt=b.useCallback((e=>{Et(!e.expanded)}),[]),[St,At]=b.useState(!1),Lt=b.useCallback((e=>{At(!e.expanded)}),[]),[zt,yt]=b.useState(!1),Wt=b.useCallback((e=>{yt(!e.expanded)}),[]),[Tt,It]=b.useState(0),Ft=b.useCallback((e=>{It(e.selected)}),[]),[Pt,Nt]=b.useState(B(e.data,"bar",e.defaultState)),wt=b.useRef(Pt);wt.current=Pt;const Rt=b.useCallback((()=>({get chart(){return Re.current},get state(){return wt.current}})),[]);b.useImperativeHandle(t,Rt);const[Bt,Dt]=b.useState(""),Kt=b.useCallback((e=>{const t=e.target.value.name;Dt(t===Pe.name?"":t)}),[]),Mt=b.useCallback((()=>{Nt(M(Pt,D(e.data,"bar"))),Dt("")}),[Pt,e.data]),Vt=b.useCallback((()=>{const t=M(Pt,D(e.data,"bar"));Nt(K(t,O.stacked,ne)),Dt("")}),[Pt,e.data]),qt=b.useCallback((()=>{const t=M(Pt,D(e.data,"bar"));Nt(K(t,O.stacked,ie)),Dt("")}),[Pt,e.data]),Ot=b.useCallback((()=>{Nt(M(Pt,D(e.data,"column"))),Dt("")}),[Pt,e.data]),Gt=b.useCallback((()=>{const t=M(Pt,D(e.data,"column"));Nt(K(t,O.stacked,ne)),Dt("")}),[Pt,e.data]),jt=b.useCallback((()=>{const t=M(Pt,D(e.data,"column"));Nt(K(t,O.stacked,ie)),Dt("")}),[Pt,e.data]),Ht=b.useCallback((()=>{Nt(M(Pt,D(e.data,"line"))),Dt("")}),[Pt,e.data]),Xt=b.useCallback((()=>{const t=M(Pt,D(e.data,"line"));Nt(K(t,O.stacked,ne)),Dt("")}),[Pt,e.data]),Yt=b.useCallback((()=>{const t=M(Pt,D(e.data,"line"));Nt(K(t,O.stacked,ie)),Dt("")}),[Pt,e.data]),Ut=b.useCallback((()=>{Nt(M(Pt,D(e.data,"pie"))),Dt("")}),[Pt,e.data]),$t=b.useCallback((()=>{Nt(M(Pt,D(e.data,"scatter"))),Dt("")}),[Pt,e.data]),Jt=b.useCallback((e=>{Nt(K(Pt,O.categoryAxisX,e.target.value))}),[Pt]),Qt=b.useCallback((e=>{Nt(K(Pt,O.seriesChange,e))}),[Pt]),Zt=b.useCallback((e=>{Nt(K(Pt,O.valueAxisY,e.target.value))}),[Pt]),_t=b.useCallback((e=>{Nt(K(Pt,O.areaMarginLeft,e.target.value))}),[Pt]),ea=b.useCallback((e=>{Nt(K(Pt,O.areaMarginRight,e.target.value))}),[Pt]),ta=b.useCallback((e=>{Nt(K(Pt,O.areaMarginTop,e.target.value))}),[Pt]),aa=b.useCallback((e=>{Nt(K(Pt,O.areaMarginBottom,e.target.value))}),[Pt]),la=Pt.area.margin,ra=b.useCallback((e=>{Nt(K(Pt,O.areaBackground,e.value))}),[Pt]),[oa,na]=b.useState(Ie[0]),ia=b.useCallback((e=>{na(e.target.value)}),[]),ca=b.useCallback((e=>{const t=oa.value===Ie[0].value?O.titleText:O.subtitleText;Nt(K(Pt,t,e.target.value))}),[Pt,oa]),da=b.useCallback((e=>{const t=oa.value===Ie[0].value?O.titleFontName:O.subtitleFontName,a=e.target.value||ee;Nt(K(Pt,t,a.value))}),[Pt,oa]),sa=b.useCallback((e=>{const t=oa.value===Ie[0].value?O.titleFontSize:O.subtitleFontSize,a=e.target.value||ee;le(a)&&Nt(K(Pt,t,a.value))}),[Pt,oa]),ua=b.useCallback((e=>{const t=oa.value===Ie[0].value?O.titleColor:O.subtitleColor;Nt(K(Pt,t,e.value))}),[Pt,oa]),ga=(oa.value===Ie[0].value?Pt.title:Pt.subtitle)||{text:"",font:"",color:""},ma=b.useCallback((e=>{Bt&&Nt(K(Pt,O.seriesColor,{seriesName:Bt,color:e.value}))}),[Pt,Bt]),xa=b.useCallback((e=>{Nt(K(Pt,O.seriesLabel,{seriesName:Bt,all:!Bt,visible:e.value}))}),[Pt,Bt]),ha=b.useCallback((e=>{Nt(K(Pt,O.legendVisible,e.value))}),[Pt]),va=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Nt(K(Pt,O.legendFontSize,t.value))}),[Pt]),pa=b.useCallback((e=>{const t=e.target.value||ee;Nt(K(Pt,O.legendFontName,t.value))}),[Pt]),fa=b.useCallback((e=>{Nt(K(Pt,O.legendColor,e.value))}),[Pt]),ba=b.useCallback((e=>{const t=e.target.value;Nt(K(Pt,O.legendPosition,t.value))}),[Pt]),Ca=b.useCallback((e=>{Nt(K(Pt,O.categoryAxisTitleText,e.target.value))}),[Pt]),Ea=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Nt(K(Pt,O.categoryAxisTitleFontSize,t.value))}),[Pt]),ka=b.useCallback((e=>{const t=e.target.value||ee;Nt(K(Pt,O.categoryAxisTitleFontName,t.value))}),[Pt]),Sa=b.useCallback((e=>{Nt(K(Pt,O.categoryAxisTitleColor,e.value))}),[Pt]),Aa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Nt(K(Pt,O.categoryAxisLabelsFontSize,t.value))}),[Pt]),La=b.useCallback((e=>{const t=e.target.value||ee;Nt(K(Pt,O.categoryAxisLabelsFontName,t.value))}),[Pt]),za=b.useCallback((e=>{Nt(K(Pt,O.categoryAxisLabelsColor,e.value))}),[Pt]),ya=b.useCallback((e=>{Nt(K(Pt,O.categoryAxisLabelsRotation,e.target.value))}),[Pt]),Wa=b.useCallback((e=>{Nt(K(Pt,O.categoryAxisReverseOrder,e.value))}),[Pt]),Ta=b.useCallback((e=>{Nt(K(Pt,O.valueAxisTitleText,e.target.value))}),[Pt]),Ia=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Nt(K(Pt,O.valueAxisTitleFontSize,t.value))}),[Pt]),Fa=b.useCallback((e=>{const t=e.target.value||ee;Nt(K(Pt,O.valueAxisTitleFontName,t.value))}),[Pt]),Pa=b.useCallback((e=>{Nt(K(Pt,O.valueAxisTitleColor,e.value))}),[Pt]),Na=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Nt(K(Pt,O.valueAxisLabelsFontSize,t.value))}),[Pt]),wa=b.useCallback((e=>{const t=e.target.value||ee;Nt(K(Pt,O.valueAxisLabelsFontName,t.value))}),[Pt]),Ra=b.useCallback((e=>{Nt(K(Pt,O.valueAxisLabelsColor,e.value))}),[Pt]),Ba=b.useCallback((e=>{Nt(K(Pt,O.valueAxisLabelsRotation,e.target.value))}),[Pt]),Da=b.useCallback((e=>{const t=e.target.value;Nt(K(Pt,O.valueAxisLabelsFormat,t.value))}),[Pt]),Ka=Pt.seriesType,Ma="object"==typeof(null==(d=Pt.series[0])?void 0:d.stack)&&(null==(u=Pt.series[0])?void 0:u.stack),Va=!1===Ma,qa=Ma&&"normal"===Ma.type,Oa=Ma&&"100%"===Ma.type;return b.createElement(De,{title:Te.toLanguageString("chartWizard.window.title",T.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:Oe,stage:Ve,onStageChange:Ge,...Ke},b.createElement(r.Splitter,{panes:je,onChange:Xe,className:"k-chart-wizard-splitter"},b.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},b.createElement("div",{className:"k-preview-pane-header"},b.createElement(o.DropDownButton,{text:Te.toLanguageString("chartWizard.export.button",T.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:Be,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:U,text:Te.toLanguageString("chartWizard.exportPDF.button",T.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:$,text:Te.toLanguageString("chartWizard.exportSVG.button",T.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:J,text:Te.toLanguageString("chartWizard.exportPNG.button",T.exportPNGButton)}]})),b.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},b.createElement(l.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:Re},b.createElement(l.ChartTitle,{text:null==(g=Pt.title)?void 0:g.text,font:null==(v=Pt.title)?void 0:v.font,color:(null==(p=Pt.title)?void 0:p.color)||"#000"}),b.createElement(l.ChartSubtitle,{text:null==(f=Pt.subtitle)?void 0:f.text,font:null==(C=Pt.subtitle)?void 0:C.font,color:(null==(E=Pt.subtitle)?void 0:E.color)||"#000"}),b.createElement(l.ChartArea,{background:null==(k=Pt.area)?void 0:k.background,margin:la}),Pt.categoryAxis&&b.createElement(l.ChartCategoryAxis,null,Pt.categoryAxis.map(((e,t)=>b.createElement(l.ChartCategoryAxisItem,{key:t,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),Pt.valueAxis&&b.createElement(l.ChartValueAxis,null,Pt.valueAxis.map(((e,t)=>b.createElement(l.ChartValueAxisItem,{key:t,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),b.createElement(l.ChartSeries,null,Pt.series.map(((e,t)=>b.createElement(l.ChartSeriesItem,{key:String(e.name)+t,...e})))),b.createElement(l.ChartLegend,{visible:null==(S=Pt.legend)?void 0:S.visible,position:null==(A=Pt.legend)?void 0:A.position,labels:{color:(null==(z=null==(L=Pt.legend)?void 0:L.labels)?void 0:z.color)||void 0,font:(null==(W=null==(y=Pt.legend)?void 0:y.labels)?void 0:W.font)||void 0}})))),b.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},b.createElement(r.TabStrip,{selected:Tt,onSelect:Ft,animation:!1},b.createElement(r.TabStripTab,{title:Te.toLanguageString("chartWizard.tab.chart",T.tabChart)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.chart.barChart.expandText",T.barChart),expanded:Ye,tabIndex:0,onAction:$e},b.createElement(i.Reveal,null,Ye&&b.createElement(r.ExpansionPanelContent,null,b.createElement("div",{className:"k-chart-types-wrapper"},b.createElement(re,{selected:"bar"===Ka&&Va,onClick:Mt,icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},Te.toLanguageString("chartWizard.chart.barChart.bar",T.barChartBar)),b.createElement(re,{selected:"bar"===Ka&&qa,onClick:Vt,icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},Te.toLanguageString("chartWizard.chart.barChart.stackedBar",T.barChartStackedBar)),b.createElement(re,{selected:"bar"===Ka&&Oa,onClick:qt,icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},Te.toLanguageString("chartWizard.chart.barChart.100%stackedBar",T.barChart100StackedBar)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.chart.pieChart.expandText",T.pieChart),expanded:Je,tabIndex:0,onAction:Ze},b.createElement(i.Reveal,null,Je&&b.createElement(r.ExpansionPanelContent,null,b.createElement("div",{className:"k-chart-types-wrapper"},b.createElement(re,{selected:"pie"===Ka,onClick:Ut,icon:n.chartPieIcon,iconName:"chart-pie"},Te.toLanguageString("chartWizard.chart.pieChart.pie",T.pieChartPie)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.chart.columnChart.expandText",T.columnChart),expanded:_e,tabIndex:0,onAction:tt},b.createElement(i.Reveal,null,_e&&b.createElement(r.ExpansionPanelContent,null,b.createElement("div",{className:"k-chart-types-wrapper"},b.createElement(re,{selected:"column"===Ka&&Va,onClick:Ot,icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},Te.toLanguageString("chartWizard.chart.columnChart.column",T.columnChartColumn)),b.createElement(re,{selected:"column"===Ka&&qa,onClick:Gt,icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},Te.toLanguageString("chartWizard.chart.columnChart.stackedColumn",T.columnChartStackedColumn)),b.createElement(re,{selected:"column"===Ka&&Oa,onClick:jt,icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},Te.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",T.columnChart100StackedColumn)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.chart.lineChart.expandText",T.lineChart),expanded:at,tabIndex:0,onAction:rt},b.createElement(i.Reveal,null,at&&b.createElement(r.ExpansionPanelContent,null,b.createElement("div",{className:"k-chart-types-wrapper"},b.createElement(re,{selected:"line"===Ka&&Va,onClick:Ht,icon:n.chartLineIcon,iconName:"chart-line"},Te.toLanguageString("chartWizard.chart.lineChart.line",T.lineChartLine)),b.createElement(re,{selected:"line"===Ka&&qa,onClick:Xt,icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},Te.toLanguageString("chartWizard.chart.lineChart.stackedLine",T.lineChartStackedLine)),b.createElement(re,{selected:"line"===Ka&&Oa,onClick:Yt,icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},Te.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",T.lineChart100StackedLine)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.chart.scatterChart.expandText",T.scatterChart),expanded:ot,tabIndex:0,onAction:it},b.createElement(i.Reveal,null,ot&&b.createElement(r.ExpansionPanelContent,null,b.createElement("div",{className:"k-chart-types-wrapper"},b.createElement(re,{selected:"scatter"===Ka,onClick:$t,icon:n.chartScatterIcon,iconName:"chart-scatter"},Te.toLanguageString("chartWizard.chart.scatterChart.scatter",T.scatterChartScatter)))))))),b.createElement(r.TabStripTab,{title:Te.toLanguageString("chartWizard.tab.data",T.tabData)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.data.configuration.expandText",T.configuration),expanded:ct,tabIndex:0,onAction:st},b.createElement(i.Reveal,null,ct&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement(Q,{legend:"scatter"===Ka?Te.toLanguageString("chartWizard.data.configuration.xAxis",T.configurationXAxis):Te.toLanguageString("chartWizard.data.configuration.categoryAxis",T.configurationCategoryAxis)},b.createElement(c.DropDownList,{data:Pt.columns||[],value:Pt.categoryField,onChange:Jt,...oe})),V(Ka)&&b.createElement(Q,{legend:Te.toLanguageString("chartWizard.data.configuration.series.title",T.configurationSeries)},b.createElement(N,{data:Pt.series,initialData:Pt.initialSeries,onChange:Qt})),"pie"===Ka&&b.createElement(Q,{legend:Te.toLanguageString("chartWizard.data.configuration.valueAxis",T.configurationValueAxis)},b.createElement(c.DropDownList,{data:Pt.columns||[],value:Pt.valueField||"",...oe,onChange:Zt})))))))),b.createElement(r.TabStripTab,{title:Te.toLanguageString("chartWizard.tab.format",T.tabFormat)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.format.chartArea.expandText",T.formatChartArea),expanded:ut,tabIndex:0,onAction:mt},b.createElement(i.Reveal,null,ut&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement(Q,{legend:Te.toLanguageString("chartWizard.format.chartArea.margins",T.formatChartAreaMargins)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{labelText:Te.toLanguageString("chartWizard.format.chartArea.margins.left",T.formatChartAreaMarginsLeft),editorId:"left"},b.createElement(m.NumericTextBox,{id:"left",value:void 0!==la.left?la.left:null,onChange:_t,placeholder:Te.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Te.toLanguageString("chartWizard.format.chartArea.margins.right",T.formatChartAreaMarginsRight),editorId:"right"},b.createElement(m.NumericTextBox,{id:"right",value:void 0!==la.right?la.right:null,onChange:ea,placeholder:Te.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Te.toLanguageString("chartWizard.format.chartArea.margins.top",T.formatChartAreaMarginsTop),editorId:"top"},b.createElement(m.NumericTextBox,{id:"top",value:void 0!==la.top?la.top:null,onChange:ta,placeholder:Te.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Te.toLanguageString("chartWizard.format.chartArea.margins.bottom",T.formatChartAreaMarginsBottom),editorId:"bottom"},b.createElement(m.NumericTextBox,{id:"bottom",value:void 0!==la.bottom?la.bottom:null,onChange:aa,placeholder:Te.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),b.createElement(Q,{legend:Te.toLanguageString("chartWizard.format.chartArea.background",T.formatChartAreaBackground)},b.createElement(_,{labelText:Te.toLanguageString("chartWizard.format.chartArea.background.color",T.formatChartAreaBackgroundColor),editorId:"background"},b.createElement(m.ColorPicker,{id:"background",value:(null==(F=Pt.area)?void 0:F.background)||"",onChange:ra,view:"gradient",fillMode:"outline"}))))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.format.title.expandText",T.formatTitle),expanded:xt,tabIndex:0,onAction:vt},b.createElement(i.Reveal,null,xt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"apply-to-title",labelText:Te.toLanguageString("chartWizard.format.title.applyTo",T.formatTitleApplyTo)},b.createElement(c.DropDownList,{id:"apply-to-title",data:Ie,textField:"text",dataItemKey:"value",value:Ie.find((e=>e.value===oa.value)),onChange:ia,...oe})),b.createElement(_,{className:"k-col-span-2",editorId:"titleText",labelText:Te.toLanguageString("chartWizard.format.title.label",T.formatTitleLabel)},b.createElement(m.Input,{id:"titleText",placeholder:oa.value===Ie[0].value?Ie[0].text:Ie[1].text,value:ga.text,onChange:ca})),b.createElement(_,{className:"k-col-span-2",editorId:"titleFont",labelText:Te.toLanguageString("chartWizard.format.title.font",T.formatTitleFont)},b.createElement(c.ComboBox,{id:"titleFont",data:R,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.title.fontPlaceholder",T.formatTitleFontPlaceholder),value:R.find((e=>e.value===q(ga.font).name))||ee,onChange:da,itemRender:ae,...oe})),b.createElement(_,{editorId:"titleFontSize",labelText:Te.toLanguageString("chartWizard.format.title.size",T.formatTitleSize)},b.createElement(c.ComboBox,{id:"titleFontSize",data:w,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.title.sizePlaceholder",T.formatTitleSizePlaceholder),value:w.find((e=>e.value===q(ga.font).size))||ee,onChange:sa,itemRender:ae,allowCustom:!0,...oe})),b.createElement(_,{editorId:"titleColor",labelText:Te.toLanguageString("chartWizard.format.title.color",T.formatTitleColor)},b.createElement(m.ColorPicker,{id:"titleColor",value:ga.color||"",onChange:ua,view:"gradient",fillMode:"outline"}))))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.format.series.expandText",T.formatSeries),expanded:pt,tabIndex:0,onAction:bt},b.createElement(i.Reveal,null,pt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement(_,{editorId:"apply-to-series",labelText:Te.toLanguageString("chartWizard.format.series.applyTo",T.formatSeriesApplyTo)},b.createElement(c.DropDownList,{id:"apply-to-series",data:Pt.series,textField:"name",dataItemKey:"name",defaultItem:Pe,disabled:!V(Ka),value:Pt.series.find((e=>e.name===Bt))||Pe,onChange:Kt,...oe})),b.createElement(_,{editorId:"seriesColor",labelText:Te.toLanguageString("chartWizard.format.series.color",T.formatSeriesColor)},b.createElement(m.ColorPicker,{id:"seriesColor",value:Bt?null==(P=Pt.series.find((e=>e.name===Bt)))?void 0:P.color:"",onChange:ma,disabled:!Bt,view:"gradient",fillMode:"outline"})),b.createElement(_,null,b.createElement(m.Checkbox,{label:Te.toLanguageString("chartWizard.format.series.showLabels",T.formatSeriesShowLabels),checked:Bt?null==(Z=null==(G=Pt.series.find((e=>e.name===Bt)))?void 0:G.labels)?void 0:Z.visible:Pt.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:xa})))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Te.toLanguageString("chartWizard.format.legend.expandText",T.formatLegend),expanded:Ct,tabIndex:0,onAction:kt},b.createElement(i.Reveal,null,Ct&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(x.Label,{editorId:"show-legend"},Te.toLanguageString("chartWizard.format.legend.showLegend",T.formatLegendShowLegend)),b.createElement(m.Switch,{id:"show-legend",checked:null==(te=Pt.legend)?void 0:te.visible,onChange:ha}),b.createElement(_,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:Te.toLanguageString("chartWizard.format.legend.font",T.formatLegendFont)},b.createElement(c.ComboBox,{id:"legendLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.legend.fontPlaceholder",T.formatLegendFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Pt.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:pa,itemRender:ae,disabled:!1===(null==(ce=Pt.legend)?void 0:ce.visible),...oe})),b.createElement(_,{editorId:"legendLabelsSize",labelText:Te.toLanguageString("chartWizard.format.legend.size",T.formatLegendSize)},b.createElement(c.ComboBox,{id:"legendLabelsSize",data:w,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.legend.sizePlaceholder",T.formatLegendSizePlaceholder),value:w.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Pt.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:va,disabled:!1===(null==(de=Pt.legend)?void 0:de.visible),allowCustom:!0,...oe})),b.createElement(_,{editorId:"legendLabelsColor",labelText:Te.toLanguageString("chartWizard.format.legend.color",T.formatLegendColor)},b.createElement(m.ColorPicker,{id:"legendLabelsColor",value:(null==(ue=null==(se=Pt.legend)?void 0:se.labels)?void 0:ue.color)||"",onChange:fa,disabled:!1===(null==(ge=Pt.legend)?void 0:ge.visible),view:"gradient",fillMode:"outline"})),b.createElement(_,{className:"k-col-span-2",editorId:"legendPosition",labelText:Te.toLanguageString("chartWizard.format.legend.position",T.formatLegendPosition)},b.createElement(c.DropDownList,{id:"legendPosition",data:Fe,textField:"text",dataItemKey:"value",value:Fe.find((e=>{var t;return e.value===(null==(t=Pt.legend)?void 0:t.position)})),onChange:ba,disabled:!1===(null==(me=Pt.legend)?void 0:me.visible),...oe}))))))),"pie"!==Ka&&b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Ka?Te.toLanguageString("chartWizard.format.xAxis.expandText",T.formatXAxis):Te.toLanguageString("chartWizard.format.categoryAxis.expandText",T.formatCategoryAxis),expanded:St,tabIndex:0,onAction:Lt},b.createElement(i.Reveal,null,St&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement(Q,{legend:Te.toLanguageString("chartWizard.format.categoryAxis.title.expandText",T.formatCategoryAxisTitle)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Input,{placeholder:Te.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",T.formatCategoryAxisTitlePlaceholder),value:(null==(xe=Pt.categoryAxis[0].title)?void 0:xe.text)||"",onChange:Ca})),b.createElement(_,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.title.font",T.formatCategoryAxisTitleFont)},b.createElement(c.ComboBox,{id:"categoryAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:ae,placeholder:Te.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",T.formatCategoryAxisTitleFontPlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Pt.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||ee,onChange:ka,...oe})),b.createElement(_,{editorId:"categoryAxisTitleFontSize",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.title.size",T.formatCategoryAxisTitleSize)},b.createElement(c.ComboBox,{id:"categoryAxisTitleFontSize",data:w,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",T.formatCategoryAxisTitleSizePlaceholder),value:w.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Pt.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||ee,onChange:Ea,allowCustom:!0,...oe})),b.createElement(_,{editorId:"categoryAxisTitleColor",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.title.color",T.formatCategoryAxisTitleColor)},b.createElement(m.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(he=Pt.categoryAxis[0].title)?void 0:he.color)||"",onChange:Sa,fillMode:"outline"})))),b.createElement(Q,{legend:Te.toLanguageString("chartWizard.format.categoryAxis.labels.text",T.formatCategoryAxisLabels)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.labels.font",T.formatCategoryAxisLabelsFont)},b.createElement(c.ComboBox,{id:"categoryAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",T.formatCategoryAxisLabelsFontPlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Pt.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||ee,onChange:La,itemRender:ae,...oe})),b.createElement(_,{editorId:"categoryAxisLabelsFontSize",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.labels.size",T.formatCategoryAxisLabelsSize)},b.createElement(c.ComboBox,{id:"categoryAxisLabelsFontSize",data:w,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",T.formatCategoryAxisLabelsSizePlaceholder),value:w.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Pt.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||ee,onChange:Aa,allowCustom:!0,...oe})),b.createElement(_,{editorId:"categoryAxisLabelsColor",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.labels.color",T.formatCategoryAxisLabelsColor)},b.createElement(m.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(ve=Pt.categoryAxis[0].labels)?void 0:ve.color)||"",onChange:za,fillMode:"outline"})),b.createElement(_,{editorId:"categoryAxisLabelsRotation",labelText:Te.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",T.formatCategoryAxisLabelsRotation)},b.createElement(m.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(pe=Pt.categoryAxis[0].labels)?void 0:pe.rotation)?null==(fe=Pt.categoryAxis[0].labels)?void 0:fe.rotation:null,placeholder:Te.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",T.formatCategoryAxisLabelsRotationAuto),onChange:ya,fillMode:"outline",min:-360,max:360,step:1})),b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Checkbox,{label:Te.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",T.formatCategoryAxisLabelsReverseOrder),checked:Pt.categoryAxis[0].reverse||!1,onChange:Wa})))))))),"pie"!==Ka&&b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Ka?Te.toLanguageString("chartWizard.format.yAxis.expandText",T.formatYAxis):Te.toLanguageString("chartWizard.format.valueAxis.expandText",T.formatValueAxis),expanded:zt,tabIndex:0,onAction:Wt},b.createElement(i.Reveal,null,zt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,null,b.createElement(Q,{legend:Te.toLanguageString("chartWizard.format.valueAxis.title.text",T.formatValueAxisTitle)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Input,{placeholder:Te.toLanguageString("chartWizard.format.valueAxis.title.placeholder",T.formatValueAxisTitlePlaceholder),value:(null==(Ce=null==(be=Pt.valueAxis[0])?void 0:be.title)?void 0:Ce.text)||"",onChange:Ta})),b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:Te.toLanguageString("chartWizard.format.valueAxis.title.font",T.formatValueAxisTitleFont)},b.createElement(c.ComboBox,{id:"valueAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:ae,placeholder:Te.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",T.formatValueAxisTitleFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Pt.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:Fa,...oe})),b.createElement(_,{editorId:"valueAxisTitleFontSize",labelText:Te.toLanguageString("chartWizard.format.valueAxis.title.size",T.formatValueAxisTitleSize)},b.createElement(c.ComboBox,{id:"valueAxisTitleFontSize",data:w,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",T.formatValueAxisTitleSizePlaceholder),value:w.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Pt.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:Ia,allowCustom:!0,...oe})),b.createElement(_,{editorId:"valueAxisTitleColor",labelText:Te.toLanguageString("chartWizard.format.valueAxis.title.color",T.formatValueAxisTitleColor)},b.createElement(m.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(ke=null==(Ee=Pt.valueAxis[0])?void 0:Ee.title)?void 0:ke.color)||"",onChange:Pa,fillMode:"outline"})))),b.createElement(Q,{legend:Te.toLanguageString("chartWizard.format.valueAxis.labels.text",T.formatValueAxisLabels)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:Te.toLanguageString("chartWizard.format.valueAxis.labelFormat",T.formatValueAxisLabelsFormat)},b.createElement(c.DropDownList,{id:"valueAxisLabelsFormat",data:we,textField:"text",dataItemKey:"value",defaultItem:Ne,value:we.find((e=>{var t,a;return e.value===(null==(a=null==(t=Pt.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||Ne,onChange:Da,...oe})),b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:Te.toLanguageString("chartWizard.format.valueAxis.labels.font",T.formatValueAxisLabelsFont)},b.createElement(c.ComboBox,{id:"valueAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",T.formatValueAxisLabelsFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Pt.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:wa,itemRender:ae,...oe})),b.createElement(_,{editorId:"valueAxisLabelsFontSize",labelText:Te.toLanguageString("chartWizard.format.valueAxis.labels.size",T.formatValueAxisLabelsSize)},b.createElement(c.ComboBox,{id:"valueAxisLabelsFontSize",data:w,textField:"text",dataItemKey:"value",placeholder:Te.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",T.formatValueAxisLabelsSizePlaceholder),value:w.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Pt.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:Na,allowCustom:!0,...oe})),b.createElement(_,{editorId:"valueAxisLabelsColor",labelText:Te.toLanguageString("chartWizard.format.valueAxis.labels.color",T.formatValueAxisLabelsColor)},b.createElement(m.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(Ae=null==(Se=Pt.valueAxis[0])?void 0:Se.labels)?void 0:Ae.color)||"",onChange:Ra,fillMode:"outline"})),b.createElement(_,{editorId:"valueAxisLabelsRotation",labelText:Te.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",T.formatValueAxisLabelsRotation)},b.createElement(m.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(ze=null==(Le=Pt.valueAxis[0])?void 0:Le.labels)?void 0:ze.rotation)?null==(We=null==(ye=Pt.valueAxis[0])?void 0:ye.labels)?void 0:We.rotation:null,placeholder:Te.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",T.formatValueAxisLabelsRotationAuto),onChange:Ba,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))}));function de(e){const{grid:t,data:a,selectedState:l,dataItemKey:r}=e;if(!t)return[];const o=d.leafColumns(t.columns||[]),n=u.getter(r),i=u.getter("field"),c=u.getter("title"),s=new Map(a.map((e=>[String(n(e)),e]))),g=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),m=Object.keys(l).sort(((e,t)=>(g.get(e)||0)-(g.get(t)||0))),x=[];return m.forEach((e=>{let t=l[e];if(t){!0===t&&(t=Array.from({length:o.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const l=a.map((e=>({title:c(o[e]),field:i(o[e])})));x.push({dataItem:s.get(e),dataColumns:l})}})),x}ce.displayName="ChartWizard";const{getWizardDataFromDataRows:se}=g.ChartWizardCommon,{getWizardDataFromDataRows:ue}=g.ChartWizardCommon;e.ChartWizard=ce,e.getGridSelectedRows=de,e.getWizardDataFromDataRows=ue,e.getWizardDataFromGridSelection=e=>se(de(e))}));
|
|
8
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-charts"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-animation"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-grid"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-dialogs","@progress/kendo-react-charts","@progress/kendo-react-layout","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-animation","@progress/kendo-react-dropdowns","@progress/kendo-react-grid","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-drawing","@progress/kendo-file-saver"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactChartWizard={},e.React,e.KendoReactDialogs,e.KendoReactCharts,e.KendoReactLayout,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactAnimation,e.KendoReactDropdowns,e.KendoReactGrid,e.KendoReactIntl,e.KendoReactCommon,e.KendoCharts,e.KendoReactInputs,e.KendoReactLabels,e.KendoReactForm,e.KendoDrawing,e.KendoFileSaver)}(this,(function(e,t,a,l,r,o,n,i,c,d,s,u,g,m,x,h,v,f){"use strict";function p(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var b=p(t);const C=b.createContext({onRemove:e=>{},count:0}),E=e=>{const{onRemove:t,count:a}=b.useContext(C);return b.createElement("td",{...e.tdProps},b.createElement(o.Button,{type:"button",onClick:()=>{t.call(void 0,e.dataItem.id)},icon:"trash",svgIcon:n.trashIcon,fillMode:"flat",disabled:a<2}))},k=b.createContext({reorder:()=>{},dragStart:()=>{}}),S=e=>{const t=b.useContext(k);return b.createElement("td",{...e.tdProps,onDragOver:a=>{t.reorder.call(void 0,e.dataItem),a.preventDefault(),a.dataTransfer.dropEffect="copy"}},b.createElement("span",{draggable:!0,style:{cursor:"move"},onDragStart:a=>{t.dragStart.call(void 0,e.dataItem),a.dataTransfer.setData("dragging","")}},b.createElement(u.IconWrap,{icon:n.reorderIcon,name:"reorder"})))},A=b.createContext({enterEdit:(e,t)=>{},exitEdit:(e,t)=>{}}),L=e=>{const{enterEdit:t}=b.useContext(A);return b.createElement("td",{...e.tdProps,onClick:()=>{t(e.dataItem,e.field)}},e.children)},z=e=>"delete"===e.field?b.createElement(E,{...e}):"reorder"===e.field?b.createElement(S,{...e}):"name"===e.field?b.createElement(L,{...e}):null,y=e=>{const t=b.useRef(null),{exitEdit:a}=b.useContext(A);return b.useEffect((()=>{var e;const a=null==(e=t.current)?void 0:e.querySelector("input");null==a||a.focus()}),[]),b.createElement("td",{...e.tdProps,ref:t,onBlur:()=>{a(e.dataItem,e.field)},onKeyDown:t=>{"Enter"===t.key||"Escape"===t.key?(t.stopPropagation(),a(e.dataItem,e.field)):" "===t.key&&t.stopPropagation()}},e.children)},W=()=>null,T=g.ChartWizardCommon.messages,I="chartWizard.format.chartArea.margins.auto",{messages:F}=g.ChartWizardCommon,P="inEdit",w=e=>{const[a,l]=t.useState(null);return t.createElement(C.Provider,{value:{onRemove:t=>{const a=e.data.filter((e=>e.id!==t));e.onChange.call(void 0,a)},count:e.data.length}},t.createElement(k.Provider,{value:{reorder:t=>{if(a===t)return;const l=e.data.slice(),r=l.findIndex((e=>e===a)),o=l.findIndex((e=>e===t));l.splice(r,1),l.splice(o,0,a||l[0]),e.onChange.call(void 0,l)},dragStart:e=>{l(e)}}},t.createElement(A.Provider,{value:{enterEdit:(t,a)=>{const l=e.data.map((e=>({...e,[P]:e.id===t.id?a:void 0})));e.onChange.call(void 0,l)},exitEdit:()=>{const t=e.data.map((e=>({...e,[P]:void 0})));e.onChange.call(void 0,t)}}},t.createElement(d.Grid,{className:"k-series-grid",style:{width:"100%"},size:"medium",data:e.data,dataItemKey:"id",onItemChange:t=>{const a=t.field||"",l=e.data.map((e=>e.id===t.dataItem.id?{...e,[a]:t.value}:e));e.onChange.call(void 0,l)},scrollable:"none",editField:P,cells:{headerCell:W,data:z,edit:{text:y,boolean:y,numeric:y,date:y}}},t.createElement(d.GridToolbar,null,t.createElement(o.Button,{type:"button",className:"k-toolbar-button",fillMode:"flat",onClick:()=>{const t=e.initialData.find((t=>!e.data.find((e=>e.id===t.id))));t&&e.onChange.call(void 0,[...e.data,t])},disabled:e.data.length===e.initialData.length,svgIcon:n.plusIcon,icon:"plus"},s.useLocalization().toLanguageString("chartWizard.data.configuration.series.add",F.configurationSeriesAdd))),t.createElement(d.GridColumn,{field:"reorder",width:"40px",editable:!1}),t.createElement(d.GridColumn,{field:"name",title:"Name"}),t.createElement(d.GridColumn,{field:"delete",width:"40px",editable:!1})))))},N=g.ChartWizardCommon.fontSizes,R=g.ChartWizardCommon.fontNames,D=g.ChartWizardCommon.createInitialState,K=g.ChartWizardCommon.createState,B=g.ChartWizardCommon.updateState,M=g.ChartWizardCommon.mergeStates,V=g.ChartWizardCommon.isCategorical,q=g.ChartWizardCommon.parseFont,O=g.ChartWizardCommon.ActionTypes;class G{constructor(){this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}let j=class extends G{constructor(e,t){super(),this.chart=e,this.exportOptions=t}};const H="chart",X={paperSize:"A4",margin:"1cm"},Y={width:800,height:600},U=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportPDF(t,a.pdf).then((e=>f.saveAs(e,a.fileName+".pdf")))},$=e=>{const t=l.exportVisual(e.chart),a=e.exportOptions;t&&v.exportSVG(t).then((e=>f.saveAs(e,a.fileName+".svg")))},J=e=>{const t=e.exportOptions,a=l.exportVisual(e.chart,t.image);a&&v.exportImage(a,t.image).then((e=>f.saveAs(e,t.fileName+".png")))},Q=e=>b.createElement("fieldset",{className:"k-form-fieldset"},e.legend&&b.createElement("legend",{className:"k-form-legend"},e.legend),e.children),Z=e=>{e.stopPropagation()},_=e=>b.createElement(h.FieldWrapper,{className:e.className},e.labelText&&e.editorId&&b.createElement(x.Label,{className:"k-form-label",editorId:e.editorId},e.labelText),b.createElement("div",{className:"k-form-field-wrap",onKeyDown:Z},e.children)),ee={value:null,text:""},te=/^\d+$/,ae=(e,t)=>t.dataItem.style?b.cloneElement(e,e.props,b.createElement("span",{style:t.dataItem.style},e.props.children)):e,le=e=>{if(""===e.text)return!0;if(void 0===e.value){if(!te.test(e.text))return!1;e.value=e.text+"px"}return N.find((t=>t.value===e.value))||(N.push(e),N.sort(((e,t)=>parseInt(e.text,10)-parseInt(t.text,10)))),!0},re=e=>{const t=b.useCallback((t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.onClick())}),[e.onClick]);return b.createElement("div",{className:u.classNames("k-icon-text-wrapper",{"k-selected":e.selected}),onClick:e.onClick},b.createElement("div",{className:"k-icon-background-area",tabIndex:0,onKeyDown:t},b.createElement(u.IconWrap,{name:e.iconName,icon:e.icon,size:"xlarge",className:"k-svg-i-chart-bar-clustered"})),e.children)},oe=e=>b.createElement("div",{className:"k-chart-types-wrapper",onKeyDown:Z},e.children),ne={fillMode:"outline",popupSettings:{animate:!1}},ie={type:"normal"},ce={type:"100%"},de=b.forwardRef(((e,t)=>{var d,u,g,v,f,p,C,E,k,S,A,L,z,y,W,F,P,G,te,de,se,ue,ge,me,xe,he,ve,fe,pe,be,Ce,Ee,ke,Se,Ae,Le,ze,ye,We,Te,Ie;const Fe=s.useLocalization(),Pe=[{value:"chartTitle",text:Fe.toLanguageString("chartWizard.format.title.chartTitle",T.formatTitleChartTitle)},{value:"chartSubtitle",text:Fe.toLanguageString("chartWizard.format.title.chartSubtitle",T.formatTitleChartSubtitle)}],we=[{value:"top",text:Fe.toLanguageString("chartWizard.format.legend.position.top",T.formatLegendPositionTop)},{value:"bottom",text:Fe.toLanguageString("chartWizard.format.legend.position.bottom",T.formatLegendPositionBottom)},{value:"left",text:Fe.toLanguageString("chartWizard.format.legend.position.left",T.formatLegendPositionLeft)},{value:"right",text:Fe.toLanguageString("chartWizard.format.legend.position.right",T.formatLegendPositionRight)}],Ne={name:Fe.toLanguageString("chartWizard.format.series.allSeries",T.formatSeriesAllSeries)},Re={text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.text",T.formatValueAxisLabelsFormatText),value:""},De=[{value:"n0",text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.number",T.formatValueAxisLabelsFormatNumber)},{value:"c0",text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.currency",T.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat.percent",T.formatValueAxisLabelsFormatPercent)}],Ke=b.useRef(null),Be=b.useCallback((t=>{var a;if(Ke.current){const l=new j(Ke.current,((e={})=>({fileName:e.fileName||H,pdf:{...X,...e.pdf},image:{...Y,...e.image}}))(e.exportOptions));null==(a=e.onExport)||a.call(e,l),l.isDefaultPrevented()||t.item.exportHandler.call(void 0,l)}}),[e.exportOptions]),Me=e.window||a.Window,[Ve,qe]=b.useState({width:700,height:550}),[Oe,Ge]=b.useState("DEFAULT"),je=b.useCallback((e=>{qe({width:e.width,height:e.height})}),[]),He=b.useCallback((e=>{Ge(e.state)}),[]),[Xe,Ye]=b.useState([{collapsible:!1},{size:"300px",collapsible:!1}]),Ue=b.useCallback((e=>{Ye(e.newState)}),[]),[$e,Je]=b.useState(!0),Qe=b.useCallback((e=>{Je(!e.expanded)}),[]),[Ze,_e]=b.useState(!0),et=b.useCallback((e=>{_e(!e.expanded)}),[]),[tt,at]=b.useState(!0),lt=b.useCallback((e=>{at(!e.expanded)}),[]),[rt,ot]=b.useState(!0),nt=b.useCallback((e=>{ot(!e.expanded)}),[]),[it,ct]=b.useState(!0),dt=b.useCallback((e=>{ct(!e.expanded)}),[]),[st,ut]=b.useState(!0),gt=b.useCallback((e=>{ut(!e.expanded)}),[]),[mt,xt]=b.useState(!1),ht=b.useCallback((e=>{xt(!e.expanded)}),[]),[vt,ft]=b.useState(!1),pt=b.useCallback((e=>{ft(!e.expanded)}),[]),[bt,Ct]=b.useState(!1),Et=b.useCallback((e=>{Ct(!e.expanded)}),[]),[kt,St]=b.useState(!1),At=b.useCallback((e=>{St(!e.expanded)}),[]),[Lt,zt]=b.useState(!1),yt=b.useCallback((e=>{zt(!e.expanded)}),[]),[Wt,Tt]=b.useState(!1),It=b.useCallback((e=>{Tt(!e.expanded)}),[]),[Ft,Pt]=b.useState(0),wt=b.useCallback((e=>{Pt(e.selected)}),[]),[Nt,Rt]=b.useState(D(e.data,"bar",e.defaultState)),Dt=b.useRef(Nt);Dt.current=Nt;const Kt=b.useCallback((()=>({get chart(){return Ke.current},get state(){return Dt.current}})),[]);b.useImperativeHandle(t,Kt);const[Bt,Mt]=b.useState(""),Vt=b.useCallback((e=>{const t=e.target.value.name;Mt(t===Ne.name?"":t)}),[]),qt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"bar"))),Mt("")}),[Nt,e.data]),Ot=b.useCallback((()=>{const t=M(Nt,K(e.data,"bar"));Rt(B(t,O.stacked,ie)),Mt("")}),[Nt,e.data]),Gt=b.useCallback((()=>{const t=M(Nt,K(e.data,"bar"));Rt(B(t,O.stacked,ce)),Mt("")}),[Nt,e.data]),jt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"column"))),Mt("")}),[Nt,e.data]),Ht=b.useCallback((()=>{const t=M(Nt,K(e.data,"column"));Rt(B(t,O.stacked,ie)),Mt("")}),[Nt,e.data]),Xt=b.useCallback((()=>{const t=M(Nt,K(e.data,"column"));Rt(B(t,O.stacked,ce)),Mt("")}),[Nt,e.data]),Yt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"line"))),Mt("")}),[Nt,e.data]),Ut=b.useCallback((()=>{const t=M(Nt,K(e.data,"line"));Rt(B(t,O.stacked,ie)),Mt("")}),[Nt,e.data]),$t=b.useCallback((()=>{const t=M(Nt,K(e.data,"line"));Rt(B(t,O.stacked,ce)),Mt("")}),[Nt,e.data]),Jt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"pie"))),Mt("")}),[Nt,e.data]),Qt=b.useCallback((()=>{Rt(M(Nt,K(e.data,"scatter"))),Mt("")}),[Nt,e.data]),Zt=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisX,e.target.value))}),[Nt]),_t=b.useCallback((e=>{Rt(B(Nt,O.seriesChange,e))}),[Nt]),ea=b.useCallback((e=>{Rt(B(Nt,O.valueAxisY,e.target.value))}),[Nt]),ta=b.useCallback((e=>{Rt(B(Nt,O.areaMarginLeft,e.target.value))}),[Nt]),aa=b.useCallback((e=>{Rt(B(Nt,O.areaMarginRight,e.target.value))}),[Nt]),la=b.useCallback((e=>{Rt(B(Nt,O.areaMarginTop,e.target.value))}),[Nt]),ra=b.useCallback((e=>{Rt(B(Nt,O.areaMarginBottom,e.target.value))}),[Nt]),oa=Nt.area.margin,na=b.useCallback((e=>{Rt(B(Nt,O.areaBackground,e.value))}),[Nt]),[ia,ca]=b.useState(Pe[0]),da=b.useCallback((e=>{ca(e.target.value)}),[]),sa=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleText:O.subtitleText;Rt(B(Nt,t,e.target.value))}),[Nt,ia]),ua=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleFontName:O.subtitleFontName,a=e.target.value||ee;Rt(B(Nt,t,a.value))}),[Nt,ia]),ga=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleFontSize:O.subtitleFontSize,a=e.target.value||ee;le(a)&&Rt(B(Nt,t,a.value))}),[Nt,ia]),ma=b.useCallback((e=>{const t=ia.value===Pe[0].value?O.titleColor:O.subtitleColor;Rt(B(Nt,t,e.value))}),[Nt,ia]),xa=(ia.value===Pe[0].value?Nt.title:Nt.subtitle)||{text:"",font:"",color:""},ha=b.useCallback((e=>{Bt&&Rt(B(Nt,O.seriesColor,{seriesName:Bt,color:e.value}))}),[Nt,Bt]),va=b.useCallback((e=>{Rt(B(Nt,O.seriesLabel,{seriesName:Bt,all:!Bt,visible:e.value}))}),[Nt,Bt]),fa=b.useCallback((e=>{Rt(B(Nt,O.legendVisible,e.value))}),[Nt]),pa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.legendFontSize,t.value))}),[Nt]),ba=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.legendFontName,t.value))}),[Nt]),Ca=b.useCallback((e=>{Rt(B(Nt,O.legendColor,e.value))}),[Nt]),Ea=b.useCallback((e=>{const t=e.target.value;Rt(B(Nt,O.legendPosition,t.value))}),[Nt]),ka=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisTitleText,e.target.value))}),[Nt]),Sa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.categoryAxisTitleFontSize,t.value))}),[Nt]),Aa=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.categoryAxisTitleFontName,t.value))}),[Nt]),La=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisTitleColor,e.value))}),[Nt]),za=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.categoryAxisLabelsFontSize,t.value))}),[Nt]),ya=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.categoryAxisLabelsFontName,t.value))}),[Nt]),Wa=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisLabelsColor,e.value))}),[Nt]),Ta=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisLabelsRotation,e.target.value))}),[Nt]),Ia=b.useCallback((e=>{Rt(B(Nt,O.categoryAxisReverseOrder,e.value))}),[Nt]),Fa=b.useCallback((e=>{Rt(B(Nt,O.valueAxisTitleText,e.target.value))}),[Nt]),Pa=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.valueAxisTitleFontSize,t.value))}),[Nt]),wa=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.valueAxisTitleFontName,t.value))}),[Nt]),Na=b.useCallback((e=>{Rt(B(Nt,O.valueAxisTitleColor,e.value))}),[Nt]),Ra=b.useCallback((e=>{const t=e.target.value||ee;le(t)&&Rt(B(Nt,O.valueAxisLabelsFontSize,t.value))}),[Nt]),Da=b.useCallback((e=>{const t=e.target.value||ee;Rt(B(Nt,O.valueAxisLabelsFontName,t.value))}),[Nt]),Ka=b.useCallback((e=>{Rt(B(Nt,O.valueAxisLabelsColor,e.value))}),[Nt]),Ba=b.useCallback((e=>{Rt(B(Nt,O.valueAxisLabelsRotation,e.target.value))}),[Nt]),Ma=b.useCallback((e=>{const t=e.target.value;Rt(B(Nt,O.valueAxisLabelsFormat,t.value))}),[Nt]),Va=Nt.seriesType,qa="object"==typeof(null==(d=Nt.series[0])?void 0:d.stack)&&(null==(u=Nt.series[0])?void 0:u.stack),Oa=!1===qa,Ga=qa&&"normal"===qa.type,ja=qa&&"100%"===qa.type;return b.createElement(Me,{title:Fe.toLanguageString("chartWizard.window.title",T.windowTitle),className:"k-chart-wizard",modal:!0,resizable:!0,minimizeButton:()=>null,onClose:e.onClose,onResize:je,stage:Oe,onStageChange:He,...Ve},b.createElement(r.Splitter,{panes:Xe,onChange:Ue,className:"k-chart-wizard-splitter"},b.createElement("div",{className:"k-chart-wizard-preview-pane k-pane"},b.createElement("div",{className:"k-preview-pane-header"},b.createElement(o.DropDownButton,{text:Fe.toLanguageString("chartWizard.export.button",T.exportButton),fillMode:"flat",svgIcon:n.exportIcon,icon:"export",onItemClick:Be,items:[{svgIcon:n.filePdfIcon,icon:"file-pdf",exportHandler:U,text:Fe.toLanguageString("chartWizard.exportPDF.button",T.exportPDFButton)},{svgIcon:n.fileIcon,icon:"file",exportHandler:$,text:Fe.toLanguageString("chartWizard.exportSVG.button",T.exportSVGButton)},{svgIcon:n.fileImageIcon,icon:"file-image",exportHandler:J,text:Fe.toLanguageString("chartWizard.exportPNG.button",T.exportPNGButton)}]})),b.createElement("div",{className:"k-preview-pane-content",style:{height:"calc(100% - 50px)"}},b.createElement(l.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:Ke},b.createElement(l.ChartTitle,{text:null==(g=Nt.title)?void 0:g.text,font:null==(v=Nt.title)?void 0:v.font,color:(null==(f=Nt.title)?void 0:f.color)||"#000"}),b.createElement(l.ChartSubtitle,{text:null==(p=Nt.subtitle)?void 0:p.text,font:null==(C=Nt.subtitle)?void 0:C.font,color:(null==(E=Nt.subtitle)?void 0:E.color)||"#000"}),b.createElement(l.ChartArea,{background:null==(k=Nt.area)?void 0:k.background,margin:oa}),Nt.categoryAxis&&b.createElement(l.ChartCategoryAxis,null,Nt.categoryAxis.map(((e,t)=>b.createElement(l.ChartCategoryAxisItem,{key:t,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse})))),Nt.valueAxis&&b.createElement(l.ChartValueAxis,null,Nt.valueAxis.map(((e,t)=>b.createElement(l.ChartValueAxisItem,{key:t,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}})))),b.createElement(l.ChartSeries,null,Nt.series.map(((e,t)=>b.createElement(l.ChartSeriesItem,{key:String(e.name)+t,...e})))),b.createElement(l.ChartLegend,{visible:null==(S=Nt.legend)?void 0:S.visible,position:null==(A=Nt.legend)?void 0:A.position,labels:{color:(null==(z=null==(L=Nt.legend)?void 0:L.labels)?void 0:z.color)||void 0,font:(null==(W=null==(y=Nt.legend)?void 0:y.labels)?void 0:W.font)||void 0}})))),b.createElement("div",{className:"k-chart-wizard-property-pane k-pane k-pane-static"},b.createElement(r.TabStrip,{selected:Ft,onSelect:wt,animation:!1},b.createElement(r.TabStripTab,{title:Fe.toLanguageString("chartWizard.tab.chart",T.tabChart)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.barChart.expandText",T.barChart),expanded:$e,tabIndex:0,onAction:Qe},b.createElement(i.Reveal,null,$e&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"bar"===Va&&Oa,onClick:qt,icon:n.chartBarClusteredIcon,iconName:"chart-bar-clustered"},Fe.toLanguageString("chartWizard.chart.barChart.bar",T.barChartBar)),b.createElement(re,{selected:"bar"===Va&&Ga,onClick:Ot,icon:n.chartBarStackedIcon,iconName:"chart-bar-stacked"},Fe.toLanguageString("chartWizard.chart.barChart.stackedBar",T.barChartStackedBar)),b.createElement(re,{selected:"bar"===Va&&ja,onClick:Gt,icon:n.chartBarStacked100Icon,iconName:"chart-bar-stacked100"},Fe.toLanguageString("chartWizard.chart.barChart.100%stackedBar",T.barChart100StackedBar)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.pieChart.expandText",T.pieChart),expanded:Ze,tabIndex:0,onAction:et},b.createElement(i.Reveal,null,Ze&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"pie"===Va,onClick:Jt,icon:n.chartPieIcon,iconName:"chart-pie"},Fe.toLanguageString("chartWizard.chart.pieChart.pie",T.pieChartPie)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.columnChart.expandText",T.columnChart),expanded:tt,tabIndex:0,onAction:lt},b.createElement(i.Reveal,null,tt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"column"===Va&&Oa,onClick:jt,icon:n.chartColumnClusteredIcon,iconName:"chart-column-clustered"},Fe.toLanguageString("chartWizard.chart.columnChart.column",T.columnChartColumn)),b.createElement(re,{selected:"column"===Va&&Ga,onClick:Ht,icon:n.chartColumnStackedIcon,iconName:"chart-column-stacked"},Fe.toLanguageString("chartWizard.chart.columnChart.stackedColumn",T.columnChartStackedColumn)),b.createElement(re,{selected:"column"===Va&&ja,onClick:Xt,icon:n.chartColumnStacked100Icon,iconName:"chart-column-stacked100"},Fe.toLanguageString("chartWizard.chart.columnChart.100%stackedColumn",T.columnChart100StackedColumn)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.lineChart.expandText",T.lineChart),expanded:rt,tabIndex:0,onAction:nt},b.createElement(i.Reveal,null,rt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"line"===Va&&Oa,onClick:Yt,icon:n.chartLineIcon,iconName:"chart-line"},Fe.toLanguageString("chartWizard.chart.lineChart.line",T.lineChartLine)),b.createElement(re,{selected:"line"===Va&&Ga,onClick:Ut,icon:n.chartLineStackedIcon,iconName:"chart-line-stacked"},Fe.toLanguageString("chartWizard.chart.lineChart.stackedLine",T.lineChartStackedLine)),b.createElement(re,{selected:"line"===Va&&ja,onClick:$t,icon:n.chartLineStacked100Icon,iconName:"chart-line-stacked100"},Fe.toLanguageString("chartWizard.chart.lineChart.100%stackedLine",T.lineChart100StackedLine)))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.chart.scatterChart.expandText",T.scatterChart),expanded:it,tabIndex:0,onAction:dt},b.createElement(i.Reveal,null,it&&b.createElement(r.ExpansionPanelContent,null,b.createElement(oe,null,b.createElement(re,{selected:"scatter"===Va,onClick:Qt,icon:n.chartScatterIcon,iconName:"chart-scatter"},Fe.toLanguageString("chartWizard.chart.scatterChart.scatter",T.scatterChartScatter)))))))),b.createElement(r.TabStripTab,{title:Fe.toLanguageString("chartWizard.tab.data",T.tabData)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.data.configuration.expandText",T.configuration),expanded:st,tabIndex:0,onAction:gt},b.createElement(i.Reveal,null,st&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:"scatter"===Va?Fe.toLanguageString("chartWizard.data.configuration.xAxis",T.configurationXAxis):Fe.toLanguageString("chartWizard.data.configuration.categoryAxis",T.configurationCategoryAxis)},b.createElement(c.DropDownList,{data:Nt.columns||[],value:Nt.categoryField,onChange:Zt,...ne})),V(Va)&&b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.data.configuration.series.title",T.configurationSeries)},b.createElement(w,{data:Nt.series,initialData:Nt.initialSeries,onChange:_t})),"pie"===Va&&b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.data.configuration.valueAxis",T.configurationValueAxis)},b.createElement(c.DropDownList,{data:Nt.columns||[],value:Nt.valueField||"",...ne,onChange:ea})))))))),b.createElement(r.TabStripTab,{title:Fe.toLanguageString("chartWizard.tab.format",T.tabFormat)},b.createElement("div",null,b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.chartArea.expandText",T.formatChartArea),expanded:mt,tabIndex:0,onAction:ht},b.createElement(i.Reveal,null,mt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.chartArea.margins",T.formatChartAreaMargins)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.left",T.formatChartAreaMarginsLeft),editorId:"left"},b.createElement(m.NumericTextBox,{id:"left",value:void 0!==oa.left?oa.left:null,onChange:ta,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.right",T.formatChartAreaMarginsRight),editorId:"right"},b.createElement(m.NumericTextBox,{id:"right",value:void 0!==oa.right?oa.right:null,onChange:aa,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.top",T.formatChartAreaMarginsTop),editorId:"top"},b.createElement(m.NumericTextBox,{id:"top",value:void 0!==oa.top?oa.top:null,onChange:la,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})),b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.margins.bottom",T.formatChartAreaMarginsBottom),editorId:"bottom"},b.createElement(m.NumericTextBox,{id:"bottom",value:void 0!==oa.bottom?oa.bottom:null,onChange:ra,placeholder:Fe.toLanguageString(I,T.formatChartAreaMarginsAuto),min:0,max:1e3,step:1,fillMode:"outline"})))),b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.chartArea.background",T.formatChartAreaBackground)},b.createElement(_,{labelText:Fe.toLanguageString("chartWizard.format.chartArea.background.color",T.formatChartAreaBackgroundColor),editorId:"background"},b.createElement(m.ColorPicker,{id:"background",value:(null==(F=Nt.area)?void 0:F.background)||"",onChange:na,view:"gradient",fillMode:"outline"}))))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.title.expandText",T.formatTitle),expanded:vt,tabIndex:0,onAction:pt},b.createElement(i.Reveal,null,vt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"apply-to-title",labelText:Fe.toLanguageString("chartWizard.format.title.applyTo",T.formatTitleApplyTo)},b.createElement(c.DropDownList,{id:"apply-to-title",data:Pe,textField:"text",dataItemKey:"value",value:Pe.find((e=>e.value===ia.value)),onChange:da,...ne})),b.createElement(_,{className:"k-col-span-2",editorId:"titleText",labelText:Fe.toLanguageString("chartWizard.format.title.label",T.formatTitleLabel)},b.createElement(m.Input,{id:"titleText",placeholder:ia.value===Pe[0].value?Pe[0].text:Pe[1].text,value:xa.text,onChange:sa})),b.createElement(_,{className:"k-col-span-2",editorId:"titleFont",labelText:Fe.toLanguageString("chartWizard.format.title.font",T.formatTitleFont)},b.createElement(c.ComboBox,{id:"titleFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.title.fontPlaceholder",T.formatTitleFontPlaceholder),value:R.find((e=>e.value===q(xa.font).name))||ee,onChange:ua,itemRender:ae,...ne})),b.createElement(_,{editorId:"titleFontSize",labelText:Fe.toLanguageString("chartWizard.format.title.size",T.formatTitleSize)},b.createElement(c.ComboBox,{id:"titleFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.title.sizePlaceholder",T.formatTitleSizePlaceholder),value:N.find((e=>e.value===q(xa.font).size))||ee,onChange:ga,itemRender:ae,allowCustom:!0,...ne})),b.createElement(_,{editorId:"titleColor",labelText:Fe.toLanguageString("chartWizard.format.title.color",T.formatTitleColor)},b.createElement(m.ColorPicker,{id:"titleColor",value:xa.color||"",onChange:ma,view:"gradient",fillMode:"outline"}))))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.series.expandText",T.formatSeries),expanded:bt,tabIndex:0,onAction:Et},b.createElement(i.Reveal,null,bt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(_,{editorId:"apply-to-series",labelText:Fe.toLanguageString("chartWizard.format.series.applyTo",T.formatSeriesApplyTo)},b.createElement(c.DropDownList,{id:"apply-to-series",data:Nt.series,textField:"name",dataItemKey:"name",defaultItem:Ne,disabled:!V(Va),value:Nt.series.find((e=>e.name===Bt))||Ne,onChange:Vt,...ne})),b.createElement(_,{editorId:"seriesColor",labelText:Fe.toLanguageString("chartWizard.format.series.color",T.formatSeriesColor)},b.createElement(m.ColorPicker,{id:"seriesColor",value:Bt?null==(P=Nt.series.find((e=>e.name===Bt)))?void 0:P.color:"",onChange:ha,disabled:!Bt,view:"gradient",fillMode:"outline"})),b.createElement(_,null,b.createElement(m.Checkbox,{label:Fe.toLanguageString("chartWizard.format.series.showLabels",T.formatSeriesShowLabels),checked:Bt?null==(te=null==(G=Nt.series.find((e=>e.name===Bt)))?void 0:G.labels)?void 0:te.visible:Nt.series.every((e=>{var t;return null==(t=e.labels)?void 0:t.visible})),onChange:va})))))),b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:Fe.toLanguageString("chartWizard.format.legend.expandText",T.formatLegend),expanded:kt,tabIndex:0,onAction:At},b.createElement(i.Reveal,null,kt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(x.Label,{editorId:"show-legend"},Fe.toLanguageString("chartWizard.format.legend.showLegend",T.formatLegendShowLegend)),b.createElement(m.Switch,{id:"show-legend",checked:null==(de=Nt.legend)?void 0:de.visible,onChange:fa}),b.createElement(_,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:Fe.toLanguageString("chartWizard.format.legend.font",T.formatLegendFont)},b.createElement(c.ComboBox,{id:"legendLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.legend.fontPlaceholder",T.formatLegendFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:ba,itemRender:ae,disabled:!1===(null==(se=Nt.legend)?void 0:se.visible),...ne})),b.createElement(_,{editorId:"legendLabelsSize",labelText:Fe.toLanguageString("chartWizard.format.legend.size",T.formatLegendSize)},b.createElement(c.ComboBox,{id:"legendLabelsSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.legend.sizePlaceholder",T.formatLegendSizePlaceholder),value:N.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.legend)?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:pa,disabled:!1===(null==(ue=Nt.legend)?void 0:ue.visible),allowCustom:!0,...ne})),b.createElement(_,{editorId:"legendLabelsColor",labelText:Fe.toLanguageString("chartWizard.format.legend.color",T.formatLegendColor)},b.createElement(m.ColorPicker,{id:"legendLabelsColor",value:(null==(me=null==(ge=Nt.legend)?void 0:ge.labels)?void 0:me.color)||"",onChange:Ca,disabled:!1===(null==(xe=Nt.legend)?void 0:xe.visible),view:"gradient",fillMode:"outline"})),b.createElement(_,{className:"k-col-span-2",editorId:"legendPosition",labelText:Fe.toLanguageString("chartWizard.format.legend.position",T.formatLegendPosition)},b.createElement(c.DropDownList,{id:"legendPosition",data:we,textField:"text",dataItemKey:"value",value:we.find((e=>{var t;return e.value===(null==(t=Nt.legend)?void 0:t.position)})),onChange:Ea,disabled:!1===(null==(he=Nt.legend)?void 0:he.visible),...ne}))))))),"pie"!==Va&&b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Va?Fe.toLanguageString("chartWizard.format.xAxis.expandText",T.formatXAxis):Fe.toLanguageString("chartWizard.format.categoryAxis.expandText",T.formatCategoryAxis),expanded:Lt,tabIndex:0,onAction:yt},b.createElement(i.Reveal,null,Lt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.categoryAxis.title.expandText",T.formatCategoryAxisTitle)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Input,{placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.title.placeholder",T.formatCategoryAxisTitlePlaceholder),value:(null==(ve=Nt.categoryAxis[0].title)?void 0:ve.text)||"",onChange:ka})),b.createElement(_,{className:"k-col-span-2",editorId:"categoryAxisTitleFont",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.title.font",T.formatCategoryAxisTitleFont)},b.createElement(c.ComboBox,{id:"categoryAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:ae,placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.title.fontPlaceholder",T.formatCategoryAxisTitleFontPlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.name)}))||ee,onChange:Aa,...ne})),b.createElement(_,{editorId:"categoryAxisTitleFontSize",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.title.size",T.formatCategoryAxisTitleSize)},b.createElement(c.ComboBox,{id:"categoryAxisTitleFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.title.sizePlaceholder",T.formatCategoryAxisTitleSizePlaceholder),value:N.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].title)?void 0:t.font)||""))?void 0:a.size)}))||ee,onChange:Sa,allowCustom:!0,...ne})),b.createElement(_,{editorId:"categoryAxisTitleColor",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.title.color",T.formatCategoryAxisTitleColor)},b.createElement(m.ColorPicker,{id:"categoryAxisTitleColor",view:"gradient",value:(null==(fe=Nt.categoryAxis[0].title)?void 0:fe.color)||"",onChange:La,fillMode:"outline"})))),b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.text",T.formatCategoryAxisLabels)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"categoryAxisLabelsFont",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.font",T.formatCategoryAxisLabelsFont)},b.createElement(c.ComboBox,{id:"categoryAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.fontPlaceholder",T.formatCategoryAxisLabelsFontPlaceholder),value:R.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.name)}))||ee,onChange:ya,itemRender:ae,...ne})),b.createElement(_,{editorId:"categoryAxisLabelsFontSize",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.size",T.formatCategoryAxisLabelsSize)},b.createElement(c.ComboBox,{id:"categoryAxisLabelsFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.sizePlaceholder",T.formatCategoryAxisLabelsSizePlaceholder),value:N.find((e=>{var t,a;return e.value===(null==(a=q((null==(t=Nt.categoryAxis[0].labels)?void 0:t.font)||""))?void 0:a.size)}))||ee,onChange:za,allowCustom:!0,...ne})),b.createElement(_,{editorId:"categoryAxisLabelsColor",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.color",T.formatCategoryAxisLabelsColor)},b.createElement(m.ColorPicker,{id:"categoryAxisLabelsColor",view:"gradient",value:(null==(pe=Nt.categoryAxis[0].labels)?void 0:pe.color)||"",onChange:Wa,fillMode:"outline"})),b.createElement(_,{editorId:"categoryAxisLabelsRotation",labelText:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.text",T.formatCategoryAxisLabelsRotation)},b.createElement(m.NumericTextBox,{id:"categoryAxisLabelsRotation",value:"number"==typeof(null==(be=Nt.categoryAxis[0].labels)?void 0:be.rotation)?null==(Ce=Nt.categoryAxis[0].labels)?void 0:Ce.rotation:null,placeholder:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.rotation.auto",T.formatCategoryAxisLabelsRotationAuto),onChange:Ta,fillMode:"outline",min:-360,max:360,step:1})),b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Checkbox,{label:Fe.toLanguageString("chartWizard.format.categoryAxis.labels.reverseOrder",T.formatCategoryAxisLabelsReverseOrder),checked:Nt.categoryAxis[0].reverse||!1,onChange:Ia})))))))),"pie"!==Va&&b.createElement(r.ExpansionPanel,{style:{maxWidth:"576px"},title:"scatter"===Va?Fe.toLanguageString("chartWizard.format.yAxis.expandText",T.formatYAxis):Fe.toLanguageString("chartWizard.format.valueAxis.expandText",T.formatValueAxis),expanded:Wt,tabIndex:0,onAction:It},b.createElement(i.Reveal,null,Wt&&b.createElement(r.ExpansionPanelContent,null,b.createElement(h.FormElement,{onKeyDown:Z},b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.valueAxis.title.text",T.formatValueAxisTitle)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2"},b.createElement(m.Input,{placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.title.placeholder",T.formatValueAxisTitlePlaceholder),value:(null==(ke=null==(Ee=Nt.valueAxis[0])?void 0:Ee.title)?void 0:ke.text)||"",onChange:Fa})),b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.title.font",T.formatValueAxisTitleFont)},b.createElement(c.ComboBox,{id:"valueAxisTitleFont",data:R,textField:"text",dataItemKey:"value",itemRender:ae,placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.title.fontPlaceholder",T.formatValueAxisTitleFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:wa,...ne})),b.createElement(_,{editorId:"valueAxisTitleFontSize",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.title.size",T.formatValueAxisTitleSize)},b.createElement(c.ComboBox,{id:"valueAxisTitleFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.title.sizePlaceholder",T.formatValueAxisTitleSizePlaceholder),value:N.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.title)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:Pa,allowCustom:!0,...ne})),b.createElement(_,{editorId:"valueAxisTitleColor",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.title.color",T.formatValueAxisTitleColor)},b.createElement(m.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:(null==(Ae=null==(Se=Nt.valueAxis[0])?void 0:Se.title)?void 0:Ae.color)||"",onChange:Na,fillMode:"outline"})))),b.createElement(Q,{legend:Fe.toLanguageString("chartWizard.format.valueAxis.labels.text",T.formatValueAxisLabels)},b.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labelFormat",T.formatValueAxisLabelsFormat)},b.createElement(c.DropDownList,{id:"valueAxisLabelsFormat",data:De,textField:"text",dataItemKey:"value",defaultItem:Re,value:De.find((e=>{var t,a;return e.value===(null==(a=null==(t=Nt.valueAxis[0])?void 0:t.labels)?void 0:a.format)}))||Re,onChange:Ma,...ne})),b.createElement(_,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.font",T.formatValueAxisLabelsFont)},b.createElement(c.ComboBox,{id:"valueAxisLabelsFont",data:R,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.labels.fontPlaceholder",T.formatValueAxisLabelsFontPlaceholder),value:R.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.name)}))||ee,onChange:Da,itemRender:ae,...ne})),b.createElement(_,{editorId:"valueAxisLabelsFontSize",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.size",T.formatValueAxisLabelsSize)},b.createElement(c.ComboBox,{id:"valueAxisLabelsFontSize",data:N,textField:"text",dataItemKey:"value",placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.labels.sizePlaceholder",T.formatValueAxisLabelsSizePlaceholder),value:N.find((e=>{var t,a,l;return e.value===(null==(l=q((null==(a=null==(t=Nt.valueAxis[0])?void 0:t.labels)?void 0:a.font)||""))?void 0:l.size)}))||ee,onChange:Ra,allowCustom:!0,...ne})),b.createElement(_,{editorId:"valueAxisLabelsColor",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.color",T.formatValueAxisLabelsColor)},b.createElement(m.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:(null==(ze=null==(Le=Nt.valueAxis[0])?void 0:Le.labels)?void 0:ze.color)||"",onChange:Ka,fillMode:"outline"})),b.createElement(_,{editorId:"valueAxisLabelsRotation",labelText:Fe.toLanguageString("chartWizard.format.valueAxis.labels.rotation.text",T.formatValueAxisLabelsRotation)},b.createElement(m.NumericTextBox,{id:"valueAxisLabelsRotation",value:"number"==typeof(null==(We=null==(ye=Nt.valueAxis[0])?void 0:ye.labels)?void 0:We.rotation)?null==(Ie=null==(Te=Nt.valueAxis[0])?void 0:Te.labels)?void 0:Ie.rotation:null,placeholder:Fe.toLanguageString("chartWizard.format.valueAxis.labels.rotation.auto",T.formatValueAxisLabelsRotationAuto),onChange:Ba,fillMode:"outline",min:-360,max:360,step:1}))))))))))))))}));function se(e){const{grid:t,data:a,selectedState:l,dataItemKey:r}=e;if(!t)return[];const o=d.leafColumns(t.columns||[]),n=u.getter(r),i=u.getter("field"),c=u.getter("title"),s=new Map(a.map((e=>[String(n(e)),e]))),g=new Map(Array.from(s.keys()).map(((e,t)=>[e,t]))),m=Object.keys(l).sort(((e,t)=>(g.get(e)||0)-(g.get(t)||0))),x=[];return m.forEach((e=>{let t=l[e];if(t){!0===t&&(t=Array.from({length:o.length},((e,t)=>t)));const a=t.slice();a.sort(((e,t)=>e-t));const l=a.map((e=>({title:c(o[e]),field:i(o[e])})));x.push({dataItem:s.get(e),dataColumns:l})}})),x}de.displayName="ChartWizard";const{getWizardDataFromDataRows:ue}=g.ChartWizardCommon,{getWizardDataFromDataRows:ge}=g.ChartWizardCommon;e.ChartWizard=de,e.getGridSelectedRows=se,e.getWizardDataFromDataRows=ge,e.getWizardDataFromGridSelection=e=>ue(se(e))}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-chart-wizard",
|
|
3
|
-
"version": "8.3.0-develop.
|
|
3
|
+
"version": "8.3.0-develop.14",
|
|
4
4
|
"description": "React Chart Wizard lets you create a chart using data from a Grid, another data-bound component, or an external source",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -18,19 +18,19 @@
|
|
|
18
18
|
"@progress/kendo-drawing": "^1.20.1",
|
|
19
19
|
"@progress/kendo-file-saver": "^1.0.1",
|
|
20
20
|
"@progress/kendo-licensing": "^1.3.4",
|
|
21
|
-
"@progress/kendo-react-animation": "8.3.0-develop.
|
|
22
|
-
"@progress/kendo-react-buttons": "8.3.0-develop.
|
|
23
|
-
"@progress/kendo-react-charts": "8.3.0-develop.
|
|
24
|
-
"@progress/kendo-react-common": "8.3.0-develop.
|
|
25
|
-
"@progress/kendo-react-dialogs": "8.3.0-develop.
|
|
26
|
-
"@progress/kendo-react-form": "8.3.0-develop.
|
|
27
|
-
"@progress/kendo-react-dropdowns": "8.3.0-develop.
|
|
28
|
-
"@progress/kendo-react-grid": "8.3.0-develop.
|
|
29
|
-
"@progress/kendo-react-inputs": "8.3.0-develop.
|
|
30
|
-
"@progress/kendo-react-intl": "8.3.0-develop.
|
|
31
|
-
"@progress/kendo-react-labels": "8.3.0-develop.
|
|
32
|
-
"@progress/kendo-react-layout": "8.3.0-develop.
|
|
33
|
-
"@progress/kendo-react-popup": "8.3.0-develop.
|
|
21
|
+
"@progress/kendo-react-animation": "8.3.0-develop.14",
|
|
22
|
+
"@progress/kendo-react-buttons": "8.3.0-develop.14",
|
|
23
|
+
"@progress/kendo-react-charts": "8.3.0-develop.14",
|
|
24
|
+
"@progress/kendo-react-common": "8.3.0-develop.14",
|
|
25
|
+
"@progress/kendo-react-dialogs": "8.3.0-develop.14",
|
|
26
|
+
"@progress/kendo-react-form": "8.3.0-develop.14",
|
|
27
|
+
"@progress/kendo-react-dropdowns": "8.3.0-develop.14",
|
|
28
|
+
"@progress/kendo-react-grid": "8.3.0-develop.14",
|
|
29
|
+
"@progress/kendo-react-inputs": "8.3.0-develop.14",
|
|
30
|
+
"@progress/kendo-react-intl": "8.3.0-develop.14",
|
|
31
|
+
"@progress/kendo-react-labels": "8.3.0-develop.14",
|
|
32
|
+
"@progress/kendo-react-layout": "8.3.0-develop.14",
|
|
33
|
+
"@progress/kendo-react-popup": "8.3.0-develop.14",
|
|
34
34
|
"@progress/kendo-svg-icons": "^3.0.0",
|
|
35
35
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
36
36
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|