/*!
*  filename: ej2-grid-chart.umd.min.js
*  version : 33.2.3
*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
*  Use of this code is subject to the terms of our license.
*  A copy of the current license can be obtained at any time by e-mailing
*  licensing@syncfusion.com. Any infringement will be prosecuted under
*  applicable laws. 
*/
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-navigations"),require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-grids"),require("@syncfusion/ej2-charts"),require("@syncfusion/ej2-popups")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-buttons","@syncfusion/ej2-navigations","@syncfusion/ej2-dropdowns","@syncfusion/ej2-inputs","@syncfusion/ej2-grids","@syncfusion/ej2-charts","@syncfusion/ej2-popups"],e):e((t=t||self).ej={},t.ej2Base,t.ej2Buttons,t.ej2Navigations,t.ej2Dropdowns,t.ej2Inputs,t.ej2Grids,t.ej2Charts,t.ej2Popups)}(this,function(t,c,n,m,o,l,e,s,h){"use strict";i.prototype.initProperties=function(){this.defaultExportMenuItems=[{text:this.gridChart.getLocaleText("Print"),id:this.generateID("Print"),iconCss:"e-grid-chart-print e-icons"},{text:this.gridChart.getLocaleText("JPEG"),id:this.generateID("JPEG"),iconCss:"e-grid-chart-jpeg e-icons"},{text:this.gridChart.getLocaleText("PNG"),id:this.generateID("PNG"),iconCss:"e-grid-chart-png e-icons"},{text:this.gridChart.getLocaleText("SVG"),id:this.generateID("SVG"),iconCss:"e-grid-chart-svg e-icons"},{text:this.gridChart.getLocaleText("PDF"),id:this.generateID("PDF"),iconCss:"e-grid-chart-pdf e-icons"},{text:this.gridChart.getLocaleText("XLSX"),id:this.generateID("XLSX"),iconCss:"e-grid-chart-xlsx e-icons"},{text:this.gridChart.getLocaleText("CSV"),id:this.generateID("CSV"),iconCss:"e-grid-chart-csv e-icons"}]},i.prototype.addExportButton=function(){var e=this,i=(this.exportButtonElement=c.createElement("button",{id:"e-grid-chart-export-btn"}),this.gridChart.exportContainer.append(this.exportButtonElement),this.exportButton=new n.Button({iconCss:"e-grid-chart-export-icon e-icons",content:this.gridChart.getLocaleText("Export"),cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.exportButton.appendTo(this.exportButtonElement),this.exportButton.element.setAttribute("title",this.gridChart.getLocaleText("ExportTitle")),this.exportMenuElement=c.createElement("ul"),this.gridChart.exportContainer.append(this.exportMenuElement),[]);if(this.gridChart.chartSettings.chartExportItems.length)for(var a=this,t=0,r=this.gridChart.chartSettings.chartExportItems;t<r.length;t++)!function(e){var t=a.defaultExportMenuItems.find(function(t){return t.text===e});t&&i.push(t)}(r[t]);else i=this.defaultExportMenuItems;this.exportMenu=new m.ContextMenu({items:i,select:function(t){"Print"===e.getKeyFromId(t.item.id)?e.gridChart.currentChart.print():e.gridChart.currentChart.exportModule.export(e.getKeyFromId(t.item.id),"Chart")},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl,target:"#e-grid-chart-export-btn",beforeOpen:function(t){t&&t.event&&2===t.event.button&&(t.cancel=!0)}}),this.exportMenu.appendTo(this.exportMenuElement),this.boundOpenExportMenu=this.openExportMenu.bind(this),this.exportButton.element.addEventListener("click",this.boundOpenExportMenu)},i.prototype.openExportMenu=function(t){this.exportMenu.open(t.pageY,t.pageX,t.target)},i.prototype.generateID=function(t){return this.menuId+t},i.prototype.getKeyFromId=function(t){return t.replace(this.menuId,"")},i.prototype.destroy=function(){this.exportMenu.destroy(),this.exportMenu=null,this.exportMenuElement.remove(),this.exportMenuElement=null,this.exportButton.element.removeEventListener("click",this.boundOpenExportMenu),this.boundOpenExportMenu=null,this.exportButton.destroy(),this.exportButton=null,this.exportButtonElement.remove(),this.exportButtonElement=null};var r=i;function i(t){return this.menuId="e_grid_chart_export_cmenu_",this.gridChart=t,this.initProperties(),this}a.prototype.tabRenderer=function(){this.chartTab(),this.dataTab(),this.formatTab()},a.prototype.initializeLayout=function(){this.tabElement=c.createElement("div"),this.gridChart.tabContainer.append(this.tabElement),this.chartTabElement=c.createElement("div"),this.dataTabElement=c.createElement("div",{className:"e-grid-dialog-data-tab-container"}),this.formatTabElement=c.createElement("div",{className:"e-grid-dialog-format-tab-container"}),this.addTab()},a.prototype.addTab=function(){var e=this;this.tab=new m.Tab({height:"100%",items:[{header:{text:this.gridChart.getLocaleText("Chart")},content:this.chartTabElement},{header:{text:this.gridChart.getLocaleText("Data")},content:this.dataTabElement},{header:{text:this.gridChart.getLocaleText("Format")},content:this.formatTabElement}],selected:function(t){1===t.selectedIndex&&e.dataTabInformation.seriesGrid&&e.dataTabInformation.seriesGrid.freezeRefresh()},loadOn:"Init",cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.tab.appendTo(this.tabElement)},a.prototype.getChartList=function(){return[].slice.call(this.chartListAccordion.element.querySelectorAll(".e-grid-chart-list"))},a.prototype.getCustomMenuItems=function(t){for(var e=[],i=0,a=t;i<a.length;i++){var r,n=a[i];n.items&&n.items.length?e=e.concat(this.getCustomMenuItems(n.items)):n&&n.id&&(r=n.id.replace(this.parent.element.id+"_cmenu_",""),-1!==this.defaultMenuItems.indexOf(r))&&e.push(n)}return e},a.prototype.getOrderedChartItems=function(t){for(var e=[],i={LineChart:[],AreaChart:[],ColumnChart:[],BarChart:[],ScatterChart:[],PieChart:[]},a=0;a<t.length;a++){var r,n=t[a];(r=this.chartTypeMap[n.id.replace(this.parent.element.id+"_cmenu_","")])&&i[r].push(n)}for(r in i)0<i[r].length&&e.push(n={id:r,items:i[r]});return e},a.prototype.chartTab=function(){var o=this,l=this.parent.contextMenuModule;if(this.gridChart.chartType)if(this.chartListAccordion)(r=this.getChartList()).find(function(t){return t.classList.contains("e-grid-chart-list-selected")}).classList.remove("e-grid-chart-list-selected"),r.find(function(t){return t.getAttribute("chartType")===o.gridChart.chartType}).classList.add("e-grid-chart-list-selected");else{this.boundChangeChartType=function(t){var t=t.target.classList.contains("e-grid-chart-list")?t.target:c.closest(t.target,".e-grid-chart-list"),e=(o.gridChart.previousChartType=o.gridChart.chartType,o.gridChart.chartType=t.getAttribute("charttype"),{});if(o.gridChart.isChart()){e.series=o.gridChart.chart.series.slice();for(var i=0;i<e.series.length;i++)e.series[parseInt(i.toString(),10)].type=o.gridChart.chartType}var a={};if(o.gridChart.isAccumulationChart()){a.series=o.gridChart.accumulationChart.series.slice();for(i=0;i<a.series.length;i++)a.series[parseInt(i.toString(),10)].type=o.gridChart.chartType}o.gridChart.refresh({chart:e,accumulationChart:a})};var t=this.getCustomMenuItems(l.contextMenu.items),s=this.getOrderedChartItems(t);this.chartListElement=c.createElement("div"),this.chartTabElement.append(this.chartListElement),this.chartListAccordion=new m.Accordion({expanding:function(t){var e=t.content.firstChild;if(!e.querySelector(".e-grid-chart-list")){var i=e.innerText,t=(e.innerHTML="",s.find(function(t){return l.getKeyFromId(t.id)===i}));if(t.items.length)for(var a=0,r=t.items;a<r.length;a++){var n=r[a];o.createChartList(n,e)}else o.createChartList(t,e)}},locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl});for(var e=0,i=s;e<i.length;e++){var a=i[e],a=l.getKeyFromId(a.id);this.chartListAccordion.items.push({header:this.gridChart.getLocaleText("Pie"===a?"PieChart":"Scatter"===a?"ScatterChart":a),content:a,cssClass:this.gridChart.chartSettings.cssClass,expanded:!0})}this.chartListAccordion.appendTo(this.chartListElement)}else if(this.chartListAccordion){for(var r=this.getChartList(),n=0;n<r.length;n++){var h=r[parseInt(n.toString(),10)];h.removeEventListener("click",this.boundChangeChartType),h.remove(),h=null}this.boundChangeChartType=null,this.chartListAccordion.destroy(),this.chartListAccordion=null,this.chartListElement.remove(),this.chartListElement=null}},a.prototype.createChartList=function(t,e){var i=this.parent.contextMenuModule.getKeyFromId(t.id),a=c.createElement("div",{className:"e-grid-chart-list",attrs:{charttype:i}}),t=(a.addEventListener("click",this.boundChangeChartType),c.createElement("span",{className:t.iconCss})),r=c.createElement("span",{className:"e-grid-chart-text"});r.innerText=this.gridChart.getLocaleText(i),a.append(t),a.append(r),e.append(a),this.gridChart.chartType===i&&a.classList.add("e-grid-chart-list-selected")},a.prototype.dataTab=function(){var r=this;this.gridChart.chartType?this.dataTabInformation.categoryAxisDataStyle||(this.dataTabInformation.categoryAxisDataStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.dataTabInformation.categoryAxisDataStyle.innerText=this.gridChart.getLocaleText("CategoryAxis"),this.dataTabElement.append(this.dataTabInformation.categoryAxisDataStyle)):this.dataTabInformation.categoryAxisDataStyle&&(this.dataTabInformation.categoryAxisDataStyle.remove(),this.dataTabInformation.categoryAxisDataStyle=null),this.gridChart.chartType?this.dataTabInformation.categoryAxisDropDownListObject?(this.dataTabInformation.categoryAxisDropDownListObject.value=this.gridChart.currentChart.series.length?this.gridChart.currentChart.series[0].xName:null,this.dataTabInformation.categoryAxisDropDownListObject.refresh()):(this.dataTabInformation.categoryAxisElement=c.createElement("input"),this.dataTabElement.append(this.dataTabInformation.categoryAxisElement),this.dataTabInformation.categoryAxisDropDownListObject=new o.DropDownList({cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",dataSource:this.gridChart.category,value:this.gridChart.currentChart.series.length?this.gridChart.currentChart.series[0].xName:null,change:function(t){for(var e={series:r.gridChart.chart.series.slice()},i=0;i<e.series.length;i++)e.series[parseInt(i.toString(),10)].xName=t.value;for(var a={series:r.gridChart.accumulationChart.series.slice()},i=0;i<a.series.length;i++)a.series[parseInt(i.toString(),10)].xName=t.value;r.gridChart.refresh({chart:e,accumulationChart:a})},locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.dataTabInformation.categoryAxisDropDownListObject.appendTo(this.dataTabInformation.categoryAxisElement)):this.dataTabInformation.categoryAxisDropDownListObject&&(this.dataTabInformation.categoryAxisDropDownListObject.destroy(),this.dataTabInformation.categoryAxisDropDownListObject=null,this.dataTabInformation.categoryAxisElement.remove(),this.dataTabInformation.categoryAxisElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.dataTabInformation.seriesGridDataStyle||(this.dataTabInformation.seriesGridDataStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.dataTabInformation.seriesGridDataStyle.innerText=this.gridChart.getLocaleText("Series"),this.dataTabElement.append(this.dataTabInformation.seriesGridDataStyle)):this.dataTabInformation.seriesGridDataStyle&&(this.dataTabInformation.seriesGridDataStyle.remove(),this.dataTabInformation.seriesGridDataStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.dataTabInformation.seriesGrid?(this.dataTabInformation.seriesGrid.dataSource=this.gridChart.currentChart.series.map(function(t){return{Series:t.yName}}),this.setSeriesGridAction(),this.dataTabInformation.seriesGrid.freezeRefresh()):(this.dataTabInformation.seriesGridElement=c.createElement("div",{id:"series_grid"}),this.dataTabElement.append(this.dataTabInformation.seriesGridElement),e.Grid.Inject(e.Edit,e.Toolbar,e.CommandColumn,e.RowDD),this.dataTabInformation.seriesGrid=new e.Grid({allowRowDragAndDrop:!0,toolbar:["Add"],dataBound:function(){r.dataTabInformation.seriesGrid.getHeaderTable().classList.add("e-hide")},allowKeyboard:!1,actionComplete:function(i){"delete"===i.requestType&&setTimeout(function(){var t=r.gridChart.currentChart.series.slice(),e=t.findIndex(function(t){return t.yName===i.data[0].Series}),e=t.splice(e,1)[0],e=(r.deletedSeries.push(e),r.setSeriesGridAction(),r.dataTabInformation.seriesGrid.freezeRefresh(),{series:t});r.gridChart.refresh({chart:e,accumulationChart:{}})},0)},toolbarClick:function(t){"series_grid_add"===t.item.id&&(t.cancel=!0,setTimeout(function(){var t=r.gridChart.currentChart.series.slice(),t=(r.deletedSeries[0].type=r.gridChart.chartType,t.push(r.deletedSeries[0]),r.deletedSeries.shift(),r.dataTabInformation.seriesGrid.dataSource=t.map(function(t){return{Series:t.yName}}),r.setSeriesGridAction(),r.dataTabInformation.seriesGrid.freezeRefresh(),{series:t});r.gridChart.refresh({chart:t,accumulationChart:{}})},0))},rowDrop:function(i){i.fromIndex!==i.dropIndex&&setTimeout(function(){var t=r.gridChart.currentChart.series.slice(),e=t.splice(i.fromIndex,1)[0];t.splice(i.dropIndex,0,e),r.gridChart.refresh({chart:{series:t},accumulationChart:{}})},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.dataTabInformation.seriesGrid.dataSource=this.gridChart.currentChart.series.map(function(t){return{Series:t.yName}}),this.setSeriesGridAction(),this.dataTabInformation.seriesGrid.appendTo(this.dataTabInformation.seriesGridElement)):this.dataTabInformation.seriesGrid&&(this.dataTabInformation.seriesGrid.destroy(),this.dataTabInformation.seriesGrid=null,this.dataTabInformation.seriesGridElement.remove(),this.dataTabInformation.seriesGridElement=null),this.gridChart.chartType&&"Pie"===this.gridChart.chartType?this.dataTabInformation.accumulationValueAxisDataStyle||(this.dataTabInformation.accumulationValueAxisDataStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.dataTabInformation.accumulationValueAxisDataStyle.innerText=this.gridChart.getLocaleText("ValueAxis"),this.dataTabElement.append(this.dataTabInformation.accumulationValueAxisDataStyle)):this.dataTabInformation.accumulationValueAxisDataStyle&&(this.dataTabInformation.accumulationValueAxisDataStyle.remove(),this.dataTabInformation.accumulationValueAxisDataStyle=null),this.gridChart.chartType&&"Pie"===this.gridChart.chartType?this.dataTabInformation.accumulationValueAxisDropDown?(this.dataTabInformation.accumulationValueAxisDropDown.value=this.gridChart.currentChart.series.length?this.gridChart.currentChart.series[0].yName:null,this.dataTabInformation.accumulationValueAxisDropDown.refresh()):(this.dataTabInformation.accumulationValueAxisElement=c.createElement("input"),this.dataTabElement.append(this.dataTabInformation.accumulationValueAxisElement),this.dataTabInformation.accumulationValueAxisDropDown=new o.DropDownList({dataSource:this.gridChart.series,value:this.gridChart.currentChart.series.length?this.gridChart.currentChart.series[0].yName:null,change:function(t){for(var e={series:r.gridChart.currentChart.series.slice()},i=0;i<e.series.length;i++)e.series[parseInt(i.toString(),10)].yName=t.value;r.gridChart.refresh({chart:{},accumulationChart:e})},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.dataTabInformation.accumulationValueAxisDropDown.appendTo(this.dataTabInformation.accumulationValueAxisElement)):this.dataTabInformation.accumulationValueAxisDropDown&&(this.dataTabInformation.accumulationValueAxisDropDown.destroy(),this.dataTabInformation.accumulationValueAxisDropDown=null,this.dataTabInformation.accumulationValueAxisElement.remove(),this.dataTabInformation.accumulationValueAxisElement=null)},a.prototype.setSeriesGridAction=function(){var t=[{field:"Series",isPrimaryKey:!0}];this.dataTabInformation.seriesGrid.editSettings={allowAdding:!!this.deletedSeries.length,allowDeleting:!1},1<this.dataTabInformation.seriesGrid.dataSource.length&&(this.dataTabInformation.seriesGrid.editSettings.allowDeleting=!0,t.push({commands:[{type:"Delete",buttonOption:{cssClass:"e-flat",iconCss:"e-delete e-icons"}}]})),this.dataTabInformation.seriesGrid.columns=t},a.prototype.formatTab=function(){var e=this;this.gridChart.chartType?this.formatTabInformation.chartStyleAccordion?this.renderChartStyleList():(this.formatTabInformation.chartStyleElement=c.createElement("div"),this.formatTabElement.append(this.formatTabInformation.chartStyleElement),this.formatTabInformation.chartStyleAccordion=new m.Accordion({expanding:function(t){t=t.content.firstChild;e.formatTabInformation.chartStyleContainer||(t.innerHTML="",e.formatTabInformation.chartStyleContainer=c.createElement("div"),t.append(e.formatTabInformation.chartStyleContainer),e.renderChartStyleList())},items:[{header:this.gridChart.getLocaleText("ChartStyle"),content:"Chart Style",cssClass:this.gridChart.chartSettings.cssClass,expanded:!0}],locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.formatTabInformation.chartStyleAccordion.appendTo(this.formatTabInformation.chartStyleElement)):this.formatTabInformation.chartStyleAccordion&&(this.renderChartStyleList(),this.formatTabInformation.chartStyleContainer&&(this.formatTabInformation.chartStyleContainer.remove(),this.formatTabInformation.chartStyleContainer=null),this.formatTabInformation.chartStyleAccordion.destroy(),this.formatTabInformation.chartStyleAccordion=null,this.formatTabInformation.chartStyleElement.remove(),this.formatTabInformation.chartStyleElement=null),this.gridChart.chartType?this.formatTabInformation.titleStyleAccordion?this.renderTitleStyleList():(this.formatTabInformation.titleStyleElement=c.createElement("div"),this.formatTabElement.append(this.formatTabInformation.titleStyleElement),this.formatTabInformation.titleStyleAccordion=new m.Accordion({expanding:function(t){t=t.content.firstChild;e.formatTabInformation.titleStyleContainer||(t.innerHTML="",e.formatTabInformation.titleStyleContainer=c.createElement("div"),t.append(e.formatTabInformation.titleStyleContainer),e.renderTitleStyleList())},items:[{header:this.gridChart.getLocaleText("TitleStyle"),content:"Title Style",cssClass:this.gridChart.chartSettings.cssClass,expanded:!0}],locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.formatTabInformation.titleStyleAccordion.appendTo(this.formatTabInformation.titleStyleElement)):this.formatTabInformation.titleStyleAccordion&&(this.renderTitleStyleList(),this.formatTabInformation.titleStyleContainer&&(this.formatTabInformation.titleStyleContainer.remove(),this.formatTabInformation.titleStyleContainer=null),this.formatTabInformation.titleStyleAccordion.destroy(),this.formatTabInformation.titleStyleAccordion=null,this.formatTabInformation.titleStyleElement.remove(),this.formatTabInformation.titleStyleElement=null),this.gridChart.chartType?this.formatTabInformation.legendStyleAccordion?this.renderLegendStyleList():(this.formatTabInformation.legendStyleElement=c.createElement("div"),this.formatTabElement.append(this.formatTabInformation.legendStyleElement),this.formatTabInformation.legendStyleAccordion=new m.Accordion({expanding:function(t){t=t.content.firstChild;e.formatTabInformation.legendStyleContainer||(t.innerHTML="",e.formatTabInformation.legendStyleContainer=c.createElement("div"),t.append(e.formatTabInformation.legendStyleContainer),e.renderLegendStyleList())},items:[{header:this.gridChart.getLocaleText("Legend"),content:"Legend",cssClass:this.gridChart.chartSettings.cssClass,expanded:!0}],locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.formatTabInformation.legendStyleAccordion.appendTo(this.formatTabInformation.legendStyleElement)):this.formatTabInformation.legendStyleAccordion&&(this.renderLegendStyleList(),this.formatTabInformation.legendStyleContainer&&(this.formatTabInformation.legendStyleContainer.remove(),this.formatTabInformation.legendStyleContainer=null),this.formatTabInformation.legendStyleAccordion.destroy(),this.formatTabInformation.legendStyleAccordion=null,this.formatTabInformation.legendStyleElement.remove(),this.formatTabInformation.legendStyleElement=null),this.gridChart.chartType?this.formatTabInformation.seriesStyleAccordion?this.renderSeriesStyleList():(this.formatTabInformation.seriesStyleElement=c.createElement("div"),this.formatTabElement.append(this.formatTabInformation.seriesStyleElement),this.formatTabInformation.seriesStyleAccordion=new m.Accordion({expanding:function(t){t=t.content.firstChild;e.formatTabInformation.seriesStyleContainer||(t.innerHTML="",e.formatTabInformation.seriesStyleContainer=c.createElement("div"),t.append(e.formatTabInformation.seriesStyleContainer),e.renderSeriesStyleList())},items:[{header:this.gridChart.getLocaleText("Series"),content:"Series",cssClass:this.gridChart.chartSettings.cssClass,expanded:!0}],locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.formatTabInformation.seriesStyleAccordion.appendTo(this.formatTabInformation.seriesStyleElement)):this.formatTabInformation.seriesStyleAccordion&&(this.renderSeriesStyleList(),this.formatTabInformation.seriesStyleContainer&&(this.formatTabInformation.seriesStyleContainer.remove(),this.formatTabInformation.seriesStyleContainer=null),this.formatTabInformation.seriesStyleAccordion.destroy(),this.formatTabInformation.seriesStyleAccordion=null,this.formatTabInformation.seriesStyleElement.remove(),this.formatTabInformation.seriesStyleElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.formatTabInformation.axesStyleAccordion?this.renderAxesStyleList():(this.formatTabInformation.axesStyleElement=c.createElement("div"),this.formatTabElement.append(this.formatTabInformation.axesStyleElement),this.formatTabInformation.axesStyleAccordion=new m.Accordion({expanding:function(t){t=t.content.firstChild;e.formatTabInformation.axesStyleContainer||(t.innerHTML="",e.formatTabInformation.axesStyleContainer=c.createElement("div"),t.append(e.formatTabInformation.axesStyleContainer),e.renderAxesStyleList())},items:[{header:this.gridChart.getLocaleText("Axes"),content:"Axes",cssClass:this.gridChart.chartSettings.cssClass,expanded:!0}],locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.formatTabInformation.axesStyleAccordion.appendTo(this.formatTabInformation.axesStyleElement)):this.formatTabInformation.axesStyleAccordion&&(this.renderAxesStyleList(),this.formatTabInformation.axesStyleContainer&&(this.formatTabInformation.axesStyleContainer.remove(),this.formatTabInformation.axesStyleContainer=null),this.formatTabInformation.axesStyleAccordion.destroy(),this.formatTabInformation.axesStyleAccordion=null,this.formatTabInformation.axesStyleElement.remove(),this.formatTabInformation.axesStyleElement=null)},a.prototype.renderAxesStyleList=function(){var t,e,i,a,r=this;this.formatTabInformation.axesStyleContainer&&(this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.applyToAxesStyle||(this.axesStyleInformation.applyToAxesStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.axesStyleInformation.applyToAxesStyle.innerText=this.gridChart.getLocaleText("ApplyToAxis"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.applyToAxesStyle)):this.axesStyleInformation.applyToAxesStyle&&(this.axesStyleInformation.applyToAxesStyle.remove(),this.axesStyleInformation.applyToAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.axesElement||(this.boundSelectAxes=function(t){t=t.target;"categoryaxis"===t.value?r.axes="Category":"valueaxis"===t.value&&(r.axes="Value"),r.renderAxesStyleList()},this.axesStyleInformation.axesElement=c.createElement("div",{className:"e-btn-group e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.gridChart.enableRtl&&this.axesStyleInformation.axesElement.classList.add("e-rtl"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesElement),t=this.createRadio("axes-categoryaxis","axes","categoryaxis",this.gridChart.getLocaleText("Category")),this.axesStyleInformation.axesCategoryElement=t.input,this.axesStyleInformation.axesCategoryElement.addEventListener("click",this.boundSelectAxes),this.axesStyleInformation.axesElement.append(this.axesStyleInformation.axesCategoryElement),this.axesStyleInformation.axesElement.append(t.label),t=this.createRadio("axes-valueaxis","axes","valueaxis",this.gridChart.getLocaleText("Value")),this.axesStyleInformation.axesValueElement=t.input,this.axesStyleInformation.axesValueElement.addEventListener("click",this.boundSelectAxes),this.axesStyleInformation.axesElement.append(this.axesStyleInformation.axesValueElement),this.axesStyleInformation.axesElement.append(t.label),this.axesStyleInformation.axesCategoryElement.checked="Category"===this.axes,this.axesStyleInformation.axesValueElement.checked="Value"===this.axes):this.axesStyleInformation.axesElement&&(this.axesStyleInformation.axesCategoryElement.removeEventListener("click",this.boundSelectAxes),this.axesStyleInformation.axesCategoryElement.remove(),this.axesStyleInformation.axesCategoryElement=null,this.axesStyleInformation.axesValueElement.removeEventListener("click",this.boundSelectAxes),this.axesStyleInformation.axesValueElement.remove(),this.axesStyleInformation.axesValueElement=null,this.boundSelectAxes=null,this.axesStyleInformation.axesElement.remove(),this.axesStyleInformation.axesElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(t=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).isInversed,this.axesStyleInformation.axesInversedCheckBox?this.axesStyleInformation.axesInversedCheckBox.checked=t:(this.axesStyleInformation.axesInversedElement=c.createElement("input"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesInversedElement),this.axesStyleInformation.axesInversedCheckBox=new n.CheckBox({checked:t,label:this.gridChart.getLocaleText("ReverseOrder"),cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",change:function(t){var e={};"Category"===r.axes?e.primaryXAxis={isInversed:t.checked}:e.primaryYAxis={isInversed:t.checked},r.gridChart.refresh({chart:e,accumulationChart:{}})},locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesInversedCheckBox.appendTo(this.axesStyleInformation.axesInversedElement))):this.axesStyleInformation.axesInversedCheckBox&&(this.axesStyleInformation.axesInversedCheckBox.destroy(),this.axesStyleInformation.axesInversedCheckBox=null,this.axesStyleInformation.axesInversedElement.remove(),this.axesStyleInformation.axesInversedElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.titleHeaderAxesStyle||(this.axesStyleInformation.titleHeaderAxesStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.axesStyleInformation.titleHeaderAxesStyle.innerText=this.gridChart.getLocaleText("Title"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.titleHeaderAxesStyle)):this.axesStyleInformation.titleHeaderAxesStyle&&(this.axesStyleInformation.titleHeaderAxesStyle.remove(),this.axesStyleInformation.titleHeaderAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.titleTextAxesStyle||(this.axesStyleInformation.titleTextAxesStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.axesStyleInformation.titleTextAxesStyle.innerText=this.gridChart.getLocaleText("Text"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.titleTextAxesStyle)):this.axesStyleInformation.titleTextAxesStyle&&(this.axesStyleInformation.titleTextAxesStyle.remove(),this.axesStyleInformation.titleTextAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).title,this.axesStyleInformation.axesTitleTextBox?this.axesStyleInformation.axesTitleTextBox.value=a:(this.axesStyleInformation.axesTitleElement=c.createElement("input"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesTitleElement),this.axesStyleInformation.axesTitleTextBox=new l.TextBox({cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",value:a,input:function(t){var e={};"Category"===r.axes?e.primaryXAxis={title:t.value}:e.primaryYAxis={title:t.value},r.gridChart.refresh({chart:e,accumulationChart:{}})},locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesTitleTextBox.appendTo(this.axesStyleInformation.axesTitleElement))):this.axesStyleInformation.axesTitleTextBox&&(this.axesStyleInformation.axesTitleTextBox.destroy(),this.axesStyleInformation.axesTitleTextBox=null,this.axesStyleInformation.axesTitleElement.remove(),this.axesStyleInformation.axesTitleElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.titleFontAxesStyle||(this.axesStyleInformation.titleFontAxesStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.axesStyleInformation.titleFontAxesStyle.innerText=this.gridChart.getLocaleText("Font"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.titleFontAxesStyle)):this.axesStyleInformation.titleFontAxesStyle&&(this.axesStyleInformation.titleFontAxesStyle.remove(),this.axesStyleInformation.titleFontAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).titleStyle.fontFamily,a=c.isNullOrUndefined(a)?"Default":a,this.axesStyleInformation.axesTitleFontDropDownList?(this.axesStyleInformation.axesTitleFontDropDownList.value=a,this.axesStyleInformation.axesTitleFontDropDownList.refresh()):(this.axesStyleInformation.axesTitleFontElement=c.createElement("input"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesTitleFontElement),this.axesStyleInformation.axesTitleFontDropDownList=new o.DropDownList({dataSource:this.font,value:a,change:function(t){var t="Default"===t.value?null:t.value,e={};"Category"===r.axes?e.primaryXAxis={titleStyle:{fontFamily:t}}:e.primaryYAxis={titleStyle:{fontFamily:t}},r.gridChart.refresh({chart:e,accumulationChart:{}})},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesTitleFontDropDownList.appendTo(this.axesStyleInformation.axesTitleFontElement))):this.axesStyleInformation.axesTitleFontDropDownList&&(this.axesStyleInformation.axesTitleFontDropDownList.destroy(),this.axesStyleInformation.axesTitleFontDropDownList=null,this.axesStyleInformation.axesTitleFontElement.remove(),this.axesStyleInformation.axesTitleFontElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.axesStyleInformation.axesTitleSizeColorContainer&&(this.axesStyleInformation.axesTitleSizeColorContainer=c.createElement("div",{className:"e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesTitleSizeColorContainer)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.axesStyleInformation.axesTitleSizeContainer&&(this.axesStyleInformation.axesTitleSizeContainer=c.createElement("div"),(e=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Size"),this.axesStyleInformation.axesTitleSizeContainer.append(e),this.axesStyleInformation.axesTitleSizeColorContainer.append(this.axesStyleInformation.axesTitleSizeContainer)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).titleStyle.size.replace("px",""),this.axesStyleInformation.axesTitleSizeDropDownList?(this.axesStyleInformation.axesTitleSizeDropDownList.value=a,this.axesStyleInformation.axesTitleSizeDropDownList.refresh()):(this.axesStyleInformation.axesTitleSizeElement=c.createElement("input"),this.axesStyleInformation.axesTitleSizeContainer.append(this.axesStyleInformation.axesTitleSizeElement),this.axesStyleInformation.axesTitleSizeDropDownList=new o.DropDownList({dataSource:this.fontSize,value:a,change:function(t){var e={};"Category"===r.axes?e.primaryXAxis={titleStyle:{size:t.value+"px"}}:e.primaryYAxis={titleStyle:{size:t.value+"px"}},r.gridChart.refresh({chart:e,accumulationChart:{}})},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesTitleSizeDropDownList.appendTo(this.axesStyleInformation.axesTitleSizeElement))):this.axesStyleInformation.axesTitleSizeDropDownList&&(this.axesStyleInformation.axesTitleSizeDropDownList.destroy(),this.axesStyleInformation.axesTitleSizeDropDownList=null,this.axesStyleInformation.axesTitleSizeElement.remove(),this.axesStyleInformation.axesTitleSizeElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.axesStyleInformation.axesTitleSizeContainer||(this.axesStyleInformation.axesTitleSizeContainer.remove(),this.axesStyleInformation.axesTitleSizeContainer=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.axesStyleInformation.titleColorAxesStyle&&(this.axesStyleInformation.titleColorAxesStyle=c.createElement("div",{className:"e-grid-dialogchart-intermediate-spacer"}),(i=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Color"),this.axesStyleInformation.titleColorAxesStyle.append(i),this.axesStyleInformation.axesTitleSizeColorContainer.append(this.axesStyleInformation.titleColorAxesStyle)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).titleStyle.color,this.axesStyleInformation.axesTitleColorPicker?(this.axesStyleInformation.axesTitleColorPicker.value=a,this.axesStyleInformation.axesTitleColorPicker.refresh()):(this.axesStyleInformation.axesTitleColorElement=c.createElement("input"),this.axesStyleInformation.titleColorAxesStyle.append(this.axesStyleInformation.axesTitleColorElement),this.axesStyleInformation.axesTitleColorPicker=new l.ColorPicker({value:a,change:function(e){setTimeout(function(){var t={};"Category"===r.axes?t.primaryXAxis={titleStyle:{color:e.value}}:t.primaryYAxis={titleStyle:{color:e.value}},r.gridChart.refresh({chart:t,accumulationChart:{}})},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesTitleColorPicker.appendTo(this.axesStyleInformation.axesTitleColorElement))):this.axesStyleInformation.axesTitleColorPicker&&(this.axesStyleInformation.axesTitleColorPicker.destroy(),this.axesStyleInformation.axesTitleColorPicker=null,this.axesStyleInformation.axesTitleColorElement.remove(),this.axesStyleInformation.axesTitleColorElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.axesStyleInformation.titleColorAxesStyle||(this.axesStyleInformation.titleColorAxesStyle.remove(),this.axesStyleInformation.titleColorAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.axesStyleInformation.axesTitleSizeColorContainer||(this.axesStyleInformation.axesTitleSizeColorContainer.remove(),this.axesStyleInformation.axesTitleSizeColorContainer=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.labelHeaderAxesStyle||(this.axesStyleInformation.labelHeaderAxesStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.axesStyleInformation.labelHeaderAxesStyle.innerText=this.gridChart.getLocaleText("Label"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.labelHeaderAxesStyle)):this.axesStyleInformation.labelHeaderAxesStyle&&(this.axesStyleInformation.labelHeaderAxesStyle.remove(),this.axesStyleInformation.labelHeaderAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.labelFontAxesStyle||(this.axesStyleInformation.labelFontAxesStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.axesStyleInformation.labelFontAxesStyle.innerText=this.gridChart.getLocaleText("Font"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.labelFontAxesStyle)):this.axesStyleInformation.labelFontAxesStyle&&(this.axesStyleInformation.labelFontAxesStyle.remove(),this.axesStyleInformation.labelFontAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).labelStyle.fontFamily,a=c.isNullOrUndefined(a)?"Default":a,this.axesStyleInformation.axesLabelFontDropDownList?(this.axesStyleInformation.axesLabelFontDropDownList.value=a,this.axesStyleInformation.axesLabelFontDropDownList.refresh()):(this.axesStyleInformation.axesLabelFontElement=c.createElement("input"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesLabelFontElement),this.axesStyleInformation.axesLabelFontDropDownList=new o.DropDownList({dataSource:this.font,value:a,change:function(t){var t="Default"===t.value?null:t.value,e={};"Category"===r.axes?e.primaryXAxis={labelStyle:{fontFamily:t}}:e.primaryYAxis={labelStyle:{fontFamily:t}},r.gridChart.refresh({chart:e,accumulationChart:{}})},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesLabelFontDropDownList.appendTo(this.axesStyleInformation.axesLabelFontElement))):this.axesStyleInformation.axesLabelFontDropDownList&&(this.axesStyleInformation.axesLabelFontDropDownList.destroy(),this.axesStyleInformation.axesLabelFontDropDownList=null,this.axesStyleInformation.axesLabelFontElement.remove(),this.axesStyleInformation.axesLabelFontElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.axesStyleInformation.axesLabelSizeColorContainer&&(this.axesStyleInformation.axesLabelSizeColorContainer=c.createElement("div",{className:"e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesLabelSizeColorContainer)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.axesStyleInformation.axesLabelSizeContainer&&(this.axesStyleInformation.axesLabelSizeContainer=c.createElement("div"),(e=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Size"),this.axesStyleInformation.axesLabelSizeContainer.append(e),this.axesStyleInformation.axesLabelSizeColorContainer.append(this.axesStyleInformation.axesLabelSizeContainer)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).labelStyle.size.replace("px",""),this.axesStyleInformation.axesLabelSizeDropDownList?(this.axesStyleInformation.axesLabelSizeDropDownList.value=a,this.axesStyleInformation.axesLabelSizeDropDownList.refresh()):(this.axesStyleInformation.axesLabelSizeElement=c.createElement("input"),this.axesStyleInformation.axesLabelSizeContainer.append(this.axesStyleInformation.axesLabelSizeElement),this.axesStyleInformation.axesLabelSizeDropDownList=new o.DropDownList({dataSource:this.fontSize,value:a,change:function(t){var e={};"Category"===r.axes?e.primaryXAxis={labelStyle:{size:t.value+"px"}}:e.primaryYAxis={labelStyle:{size:t.value+"px"}},r.gridChart.refresh({chart:e,accumulationChart:{}})},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesLabelSizeDropDownList.appendTo(this.axesStyleInformation.axesLabelSizeElement))):this.axesStyleInformation.axesLabelSizeDropDownList&&(this.axesStyleInformation.axesLabelSizeDropDownList.destroy(),this.axesStyleInformation.axesLabelSizeDropDownList=null,this.axesStyleInformation.axesLabelSizeElement.remove(),this.axesStyleInformation.axesLabelSizeElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.axesStyleInformation.axesLabelSizeContainer||(this.axesStyleInformation.axesLabelSizeContainer.remove(),this.axesStyleInformation.axesLabelSizeContainer=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.axesStyleInformation.labelColorAxesStyle&&(this.axesStyleInformation.labelColorAxesStyle=c.createElement("div",{className:"e-grid-dialogchart-intermediate-spacer"}),(i=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Color"),this.axesStyleInformation.labelColorAxesStyle.append(i),this.axesStyleInformation.axesLabelSizeColorContainer.append(this.axesStyleInformation.labelColorAxesStyle)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).labelStyle.color,this.axesStyleInformation.axesLabelColorPicker?(this.axesStyleInformation.axesLabelColorPicker.value=a,this.axesStyleInformation.axesLabelColorPicker.refresh()):(this.axesStyleInformation.axesLabelColorElement=c.createElement("input"),this.axesStyleInformation.labelColorAxesStyle.append(this.axesStyleInformation.axesLabelColorElement),this.axesStyleInformation.axesLabelColorPicker=new l.ColorPicker({value:a,change:function(e){setTimeout(function(){var t={};"Category"===r.axes?t.primaryXAxis={labelStyle:{color:e.value}}:t.primaryYAxis={labelStyle:{color:e.value}},r.gridChart.refresh({chart:t,accumulationChart:{}})},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesLabelColorPicker.appendTo(this.axesStyleInformation.axesLabelColorElement))):this.axesStyleInformation.axesLabelColorPicker&&(this.axesStyleInformation.axesLabelColorPicker.destroy(),this.axesStyleInformation.axesLabelColorPicker=null,this.axesStyleInformation.axesLabelColorElement.remove(),this.axesStyleInformation.axesLabelColorElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.axesStyleInformation.labelColorAxesStyle||(this.axesStyleInformation.labelColorAxesStyle.remove(),this.axesStyleInformation.labelColorAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.axesStyleInformation.axesLabelSizeColorContainer||(this.axesStyleInformation.axesLabelSizeColorContainer.remove(),this.axesStyleInformation.axesLabelSizeColorContainer=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.axesStyleInformation.labelRotationAxesStyle||(this.axesStyleInformation.labelRotationAxesStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.axesStyleInformation.labelRotationAxesStyle.innerText=this.gridChart.getLocaleText("Rotation"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.labelRotationAxesStyle)):this.axesStyleInformation.labelRotationAxesStyle&&(this.axesStyleInformation.labelRotationAxesStyle.remove(),this.axesStyleInformation.labelRotationAxesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(a=("Category"===this.axes?this.gridChart.currentChart.primaryXAxis:this.gridChart.currentChart.primaryYAxis).labelRotation,this.axesStyleInformation.axesLabelRotationDropDownList?(this.axesStyleInformation.axesLabelRotationDropDownList.value=a,this.axesStyleInformation.axesLabelRotationDropDownList.refresh()):(this.axesStyleInformation.axesLabelRotationElement=c.createElement("input"),this.formatTabInformation.axesStyleContainer.append(this.axesStyleInformation.axesLabelRotationElement),this.axesStyleInformation.axesLabelRotationDropDownList=new o.DropDownList({dataSource:this.rotation,value:a,change:function(t){var e={};"Category"===r.axes?e.primaryXAxis={labelRotation:t.value}:e.primaryYAxis={labelRotation:t.value},r.gridChart.refresh({chart:e,accumulationChart:{}})},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.axesStyleInformation.axesLabelRotationDropDownList.appendTo(this.axesStyleInformation.axesLabelRotationElement))):this.axesStyleInformation.axesLabelRotationDropDownList&&(this.axesStyleInformation.axesLabelRotationDropDownList.destroy(),this.axesStyleInformation.axesLabelRotationDropDownList=null,this.axesStyleInformation.axesLabelRotationElement.remove(),this.axesStyleInformation.axesLabelRotationElement=null))},a.prototype.renderSeriesStyleList=function(){var t,e,r=this;this.formatTabInformation.seriesStyleContainer&&(this.gridChart.chartType?this.seriesStyleInformation.tooltipCheckBox?this.seriesStyleInformation.tooltipCheckBox.checked=this.gridChart.currentChart.tooltip.enable:(this.seriesStyleInformation.tooltipElement=c.createElement("input"),this.formatTabInformation.seriesStyleContainer.append(this.seriesStyleInformation.tooltipElement),this.seriesStyleInformation.tooltipCheckBox=new n.CheckBox({checked:this.gridChart.currentChart.tooltip.enable,label:this.gridChart.getLocaleText("ShowTooltip"),change:function(t){t={chart:{tooltip:{enable:t.checked}},accumulationChart:{tooltip:{enable:t.checked}}};r.gridChart.refresh(t)},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.seriesStyleInformation.tooltipCheckBox.appendTo(this.seriesStyleInformation.tooltipElement)):this.seriesStyleInformation.tooltipCheckBox&&(this.seriesStyleInformation.tooltipCheckBox.destroy(),this.seriesStyleInformation.tooltipCheckBox=null,this.seriesStyleInformation.tooltipElement.remove(),this.seriesStyleInformation.tooltipElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?this.seriesStyleInformation.applyToSeriesStyle||(this.seriesStyleInformation.applyToSeriesStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.seriesStyleInformation.applyToSeriesStyle.innerText=this.gridChart.getLocaleText("ApplyTo"),c.closest(this.seriesStyleInformation.tooltipElement,".e-checkbox-wrapper").insertAdjacentElement("afterend",this.seriesStyleInformation.applyToSeriesStyle)):this.seriesStyleInformation.applyToSeriesStyle&&(this.seriesStyleInformation.applyToSeriesStyle.remove(),this.seriesStyleInformation.applyToSeriesStyle=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(t=["All"].concat(this.gridChart.currentChart.series.map(function(t){return t.yName})),this.stylingSeries=-1!==t.indexOf(this.stylingSeries)?this.stylingSeries:"All",this.seriesStyleInformation.stylingSeriesDropDownList?(this.seriesStyleInformation.stylingSeriesDropDownList.dataSource=t,this.seriesStyleInformation.stylingSeriesDropDownList.value=this.stylingSeries,this.seriesStyleInformation.stylingSeriesDropDownList.refresh()):(this.seriesStyleInformation.stylingSeriesElement=c.createElement("input"),this.seriesStyleInformation.applyToSeriesStyle.insertAdjacentElement("afterend",this.seriesStyleInformation.stylingSeriesElement),this.seriesStyleInformation.stylingSeriesDropDownList=new o.DropDownList({dataSource:t,value:this.stylingSeries,change:function(t){r.stylingSeries=t.value,r.renderSeriesStyleList()},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.seriesStyleInformation.stylingSeriesDropDownList.appendTo(this.seriesStyleInformation.stylingSeriesElement))):this.seriesStyleInformation.stylingSeriesDropDownList&&(this.seriesStyleInformation.stylingSeriesDropDownList.destroy(),this.seriesStyleInformation.stylingSeriesDropDownList=null,this.seriesStyleInformation.stylingSeriesElement.remove(),this.seriesStyleInformation.stylingSeriesElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType&&!this.seriesStyleInformation.colorSeriesStyle&&(this.seriesStyleInformation.colorSeriesStyle=c.createElement("div",{className:"e-grid-dialogchart-bottom-spacer"}),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Color"),this.seriesStyleInformation.colorSeriesStyle.append(t),c.closest(this.seriesStyleInformation.stylingSeriesElement,".e-control-wrapper").insertAdjacentElement("afterend",this.seriesStyleInformation.colorSeriesStyle)),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType?(e=(t="All"===this.stylingSeries)?null:this.gridChart.currentChart.series.find(function(t){return t.yName===r.stylingSeries}).fill,this.seriesStyleInformation.seriesColorPicker?(this.seriesStyleInformation.seriesColorPicker.disabled=t,this.seriesStyleInformation.seriesColorPicker.value=e,this.seriesStyleInformation.seriesColorPicker.refresh()):(this.seriesStyleInformation.seriesColorElement=c.createElement("input"),this.seriesStyleInformation.colorSeriesStyle.append(this.seriesStyleInformation.seriesColorElement),this.seriesStyleInformation.seriesColorPicker=new l.ColorPicker({value:e,change:function(e){setTimeout(function(){var t={series:r.gridChart.currentChart.series.slice()};t.series.find(function(t){return t.yName===r.stylingSeries}).fill=e.value,r.gridChart.refresh({chart:t,accumulationChart:{}})},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl,disabled:t}),this.seriesStyleInformation.seriesColorPicker.appendTo(this.seriesStyleInformation.seriesColorElement))):this.seriesStyleInformation.seriesColorPicker&&(this.seriesStyleInformation.seriesColorPicker.destroy(),this.seriesStyleInformation.seriesColorPicker=null,this.seriesStyleInformation.seriesColorElement.remove(),this.seriesStyleInformation.seriesColorElement=null),this.gridChart.chartType&&"Pie"!==this.gridChart.chartType||!this.seriesStyleInformation.colorSeriesStyle||(this.seriesStyleInformation.colorSeriesStyle.remove(),this.seriesStyleInformation.colorSeriesStyle=null),this.gridChart.chartType?(e=!1,e=this.gridChart.isAccumulationChart()||this.gridChart.isChart()&&"All"===this.stylingSeries?this.gridChart.isChart()?!this.gridChart.currentChart.series.some(function(t){return!1===t.marker.dataLabel.visible}):!this.gridChart.currentChart.series.some(function(t){return!1===t.dataLabel.visible}):this.gridChart.currentChart.series.find(function(t){return t.yName===r.stylingSeries}).marker.dataLabel.visible,this.seriesStyleInformation.seriesDataLabelCheckBox?this.seriesStyleInformation.seriesDataLabelCheckBox.checked=e:(this.seriesStyleInformation.seriesDataLabelElement=c.createElement("input"),this.formatTabInformation.seriesStyleContainer.append(this.seriesStyleInformation.seriesDataLabelElement),this.seriesStyleInformation.seriesDataLabelCheckBox=new n.CheckBox({checked:e,label:this.gridChart.getLocaleText("ShowDataLabel"),change:function(t){var e={};if(r.gridChart.isChart()){e.series=r.gridChart.chart.series.slice();for(var i=0;i<e.series.length;i++)"All"!==r.stylingSeries&&r.stylingSeries!==e.series[parseInt(i.toString(),10)].yName||(e.series[parseInt(i.toString(),10)].marker.dataLabel.visible=t.checked)}var a={};if(r.gridChart.isAccumulationChart()){a.series=r.gridChart.accumulationChart.series.slice();for(i=0;i<a.series.length;i++)a.series[parseInt(i.toString(),10)].dataLabel.visible=t.checked}r.gridChart.refresh({chart:e,accumulationChart:a})},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.seriesStyleInformation.seriesDataLabelCheckBox.appendTo(this.seriesStyleInformation.seriesDataLabelElement))):this.seriesStyleInformation.seriesDataLabelCheckBox&&(this.seriesStyleInformation.seriesDataLabelCheckBox.destroy(),this.seriesStyleInformation.seriesDataLabelCheckBox=null,this.seriesStyleInformation.seriesDataLabelElement.remove(),this.seriesStyleInformation.seriesDataLabelElement=null))},a.prototype.renderLegendStyleList=function(){var t,i=this;this.formatTabInformation.legendStyleContainer&&(this.gridChart.chartType?this.legendStyleInformation.legendCheckBox?this.legendStyleInformation.legendCheckBox.checked=this.gridChart.currentChart.legendSettings.visible:(this.legendStyleInformation.legendElement=c.createElement("input"),this.formatTabInformation.legendStyleContainer.append(this.legendStyleInformation.legendElement),this.legendStyleInformation.legendCheckBox=new n.CheckBox({checked:this.gridChart.currentChart.legendSettings.visible,label:this.gridChart.getLocaleText("ShowLegend"),change:function(t){t={chart:{legendSettings:{visible:t.checked}},accumulationChart:{legendSettings:{visible:t.checked}}};i.gridChart.refresh(t)},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.legendStyleInformation.legendCheckBox.appendTo(this.legendStyleInformation.legendElement)):this.legendStyleInformation.legendCheckBox&&(this.legendStyleInformation.legendCheckBox.destroy(),this.legendStyleInformation.legendCheckBox=null,this.legendStyleInformation.legendElement.remove(),this.legendStyleInformation.legendElement=null),this.gridChart.chartType?this.legendStyleInformation.fontLegendStyle||(this.legendStyleInformation.fontLegendStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.legendStyleInformation.fontLegendStyle.innerText=this.gridChart.getLocaleText("Font"),this.formatTabInformation.legendStyleContainer.append(this.legendStyleInformation.fontLegendStyle)):this.legendStyleInformation.fontLegendStyle&&(this.legendStyleInformation.fontLegendStyle.remove(),this.legendStyleInformation.fontLegendStyle=null),this.gridChart.chartType?(t=this.gridChart.currentChart.legendSettings.textStyle.fontFamily,t=c.isNullOrUndefined(t)?"Default":t,this.legendStyleInformation.legendFontDropDownList?(this.legendStyleInformation.legendFontDropDownList.value=t,this.legendStyleInformation.legendFontDropDownList.refresh()):(this.legendStyleInformation.legendFontElement=c.createElement("input"),this.formatTabInformation.legendStyleContainer.append(this.legendStyleInformation.legendFontElement),this.legendStyleInformation.legendFontDropDownList=new o.DropDownList({dataSource:this.font,value:t,change:function(t){t="Default"===t.value?null:t.value;i.gridChart.refresh({chart:{legendSettings:{textStyle:{fontFamily:t}}},accumulationChart:{legendSettings:{textStyle:{fontFamily:t}}}})},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.legendStyleInformation.legendFontDropDownList.appendTo(this.legendStyleInformation.legendFontElement))):this.legendStyleInformation.legendFontDropDownList&&(this.legendStyleInformation.legendFontDropDownList.destroy(),this.legendStyleInformation.legendFontDropDownList=null,this.legendStyleInformation.legendFontElement.remove(),this.legendStyleInformation.legendFontElement=null),this.gridChart.chartType&&!this.legendStyleInformation.legendSizeColorContainer&&(this.legendStyleInformation.legendSizeColorContainer=c.createElement("div",{className:"e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.formatTabInformation.legendStyleContainer.append(this.legendStyleInformation.legendSizeColorContainer)),this.gridChart.chartType&&!this.legendStyleInformation.legendSizeContainer&&(this.legendStyleInformation.legendSizeContainer=c.createElement("div"),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Size"),this.legendStyleInformation.legendSizeContainer.append(t),this.legendStyleInformation.legendSizeColorContainer.append(this.legendStyleInformation.legendSizeContainer)),this.gridChart.chartType?this.legendStyleInformation.legendSizeDropDownList?(this.legendStyleInformation.legendSizeDropDownList.value=this.gridChart.currentChart.legendSettings.textStyle.size.replace("px",""),this.legendStyleInformation.legendSizeDropDownList.refresh()):(this.legendStyleInformation.legendSizeElement=c.createElement("input"),this.legendStyleInformation.legendSizeContainer.append(this.legendStyleInformation.legendSizeElement),this.legendStyleInformation.legendSizeDropDownList=new o.DropDownList({dataSource:this.fontSize,value:this.gridChart.currentChart.legendSettings.textStyle.size.replace("px",""),change:function(t){t={chart:{legendSettings:{textStyle:{size:t.value+"px"}}},accumulationChart:{legendSettings:{textStyle:{size:t.value+"px"}}}};i.gridChart.refresh(t)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.legendStyleInformation.legendSizeDropDownList.appendTo(this.legendStyleInformation.legendSizeElement)):this.legendStyleInformation.legendSizeDropDownList&&(this.legendStyleInformation.legendSizeDropDownList.destroy(),this.legendStyleInformation.legendSizeDropDownList=null,this.legendStyleInformation.legendSizeElement.remove(),this.legendStyleInformation.legendSizeElement=null),!this.gridChart.chartType&&this.legendStyleInformation.legendSizeContainer&&(this.legendStyleInformation.legendSizeContainer.remove(),this.legendStyleInformation.legendSizeContainer=null),this.gridChart.chartType&&!this.legendStyleInformation.colorLegendStyle&&(this.legendStyleInformation.colorLegendStyle=c.createElement("div",{className:"e-grid-dialogchart-intermediate-spacer"}),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Color"),this.legendStyleInformation.colorLegendStyle.append(t),this.legendStyleInformation.legendSizeColorContainer.append(this.legendStyleInformation.colorLegendStyle)),this.gridChart.chartType?this.legendStyleInformation.legendColorPicker?(this.legendStyleInformation.legendColorPicker.value=this.gridChart.currentChart.legendSettings.textStyle.color,this.legendStyleInformation.legendColorPicker.refresh()):(this.legendStyleInformation.legendColorElement=c.createElement("input"),this.legendStyleInformation.colorLegendStyle.append(this.legendStyleInformation.legendColorElement),this.legendStyleInformation.legendColorPicker=new l.ColorPicker({value:this.gridChart.currentChart.legendSettings.textStyle.color,change:function(e){setTimeout(function(){var t={chart:{legendSettings:{textStyle:{color:e.value}}},accumulationChart:{legendSettings:{textStyle:{color:e.value}}}};i.gridChart.refresh(t)},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.legendStyleInformation.legendColorPicker.appendTo(this.legendStyleInformation.legendColorElement)):this.legendStyleInformation.legendColorPicker&&(this.legendStyleInformation.legendColorPicker.destroy(),this.legendStyleInformation.legendColorPicker=null,this.legendStyleInformation.legendColorElement.remove(),this.legendStyleInformation.legendColorElement=null),!this.gridChart.chartType&&this.legendStyleInformation.colorLegendStyle&&(this.legendStyleInformation.colorLegendStyle.remove(),this.legendStyleInformation.colorLegendStyle=null),!this.gridChart.chartType&&this.legendStyleInformation.legendSizeColorContainer&&(this.legendStyleInformation.legendSizeColorContainer.remove(),this.legendStyleInformation.legendSizeColorContainer=null),this.gridChart.chartType?this.legendStyleInformation.positionLegendStyle||(this.legendStyleInformation.positionLegendStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.legendStyleInformation.positionLegendStyle.innerText=this.gridChart.getLocaleText("Position"),this.formatTabInformation.legendStyleContainer.append(this.legendStyleInformation.positionLegendStyle)):this.legendStyleInformation.positionLegendStyle&&(this.legendStyleInformation.positionLegendStyle.remove(),this.legendStyleInformation.positionLegendStyle=null),this.gridChart.chartType?this.legendStyleInformation.legendPositionDropDownList?(this.legendStyleInformation.legendPositionDropDownList.value=this.gridChart.currentChart.legendSettings.position,this.legendStyleInformation.legendPositionDropDownList.refresh()):(this.legendStyleInformation.legendPositionElement=c.createElement("input"),this.formatTabInformation.legendStyleContainer.append(this.legendStyleInformation.legendPositionElement),this.legendStyleInformation.legendPositionDropDownList=new o.DropDownList({dataSource:this.legendPosition,value:this.gridChart.currentChart.legendSettings.position,change:function(t){t={chart:{legendSettings:{position:t.value}},accumulationChart:{legendSettings:{position:t.value}}};i.gridChart.refresh(t)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.legendStyleInformation.legendPositionDropDownList.appendTo(this.legendStyleInformation.legendPositionElement)):this.legendStyleInformation.legendPositionDropDownList&&(this.legendStyleInformation.legendPositionDropDownList.destroy(),this.legendStyleInformation.legendPositionDropDownList=null,this.legendStyleInformation.legendPositionElement.remove(),this.legendStyleInformation.legendPositionElement=null))},a.prototype.createRadio=function(t,e,i,a){var r=document.createElement("input"),e=(r.type="radio",r.id=t,r.name=e,r.value=i,document.createElement("label"));return e.classList.add("e-btn","e-grid-dialogchart-display-flex-50"),e.htmlFor=t,e.textContent=a,{input:r,label:e}},a.prototype.renderTitleStyleList=function(){var t,a=this;this.formatTabInformation.titleStyleContainer&&(this.gridChart.chartType?this.titleStyleInformation.applyToTitleStyle||(this.titleStyleInformation.applyToTitleStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.titleStyleInformation.applyToTitleStyle.innerText=this.gridChart.getLocaleText("ApplyTo"),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.applyToTitleStyle)):this.titleStyleInformation.applyToTitleStyle&&(this.titleStyleInformation.applyToTitleStyle.remove(),this.titleStyleInformation.applyToTitleStyle=null),this.gridChart.chartType?this.titleStyleInformation.titleSectionElement||(this.boundSelectTitle=function(t){t=t.target;"title"===t.value?a.titleSection="Title":"subtitle"===t.value&&(a.titleSection="Subtitle"),a.renderTitleStyleList()},this.titleStyleInformation.titleSectionElement=c.createElement("div",{className:"e-btn-group e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.gridChart.enableRtl&&this.titleStyleInformation.titleSectionElement.classList.add("e-rtl"),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.titleSectionElement),t=this.createRadio("title-section-title","title","title",this.gridChart.getLocaleText("Title")),this.titleStyleInformation.titleSectionTitleElement=t.input,this.titleStyleInformation.titleSectionTitleElement.addEventListener("click",this.boundSelectTitle),this.titleStyleInformation.titleSectionElement.append(this.titleStyleInformation.titleSectionTitleElement),this.titleStyleInformation.titleSectionElement.append(t.label),t=this.createRadio("title-section-subtitle","title","subtitle",this.gridChart.getLocaleText("Subtitle")),this.titleStyleInformation.titleSectionSubtitleElement=t.input,this.titleStyleInformation.titleSectionSubtitleElement.addEventListener("click",this.boundSelectTitle),this.titleStyleInformation.titleSectionElement.append(this.titleStyleInformation.titleSectionSubtitleElement),this.titleStyleInformation.titleSectionElement.append(t.label),this.titleStyleInformation.titleSectionTitleElement.checked="Title"===this.titleSection,this.titleStyleInformation.titleSectionSubtitleElement.checked="Subtitle"===this.titleSection):this.titleStyleInformation.titleSectionElement&&(this.titleStyleInformation.titleSectionTitleElement.removeEventListener("click",this.boundSelectTitle),this.titleStyleInformation.titleSectionTitleElement.remove(),this.titleStyleInformation.titleSectionTitleElement=null,this.titleStyleInformation.titleSectionSubtitleElement.removeEventListener("click",this.boundSelectTitle),this.titleStyleInformation.titleSectionSubtitleElement.remove(),this.titleStyleInformation.titleSectionSubtitleElement=null,this.boundSelectTitle=null,this.titleStyleInformation.titleSectionElement.remove(),this.titleStyleInformation.titleSectionElement=null),this.gridChart.chartType?this.titleStyleInformation.titleTitleStyle||(this.titleStyleInformation.titleTitleStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.titleStyleInformation.titleTitleStyle.innerText=this.gridChart.getLocaleText("Title"),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.titleTitleStyle)):this.titleStyleInformation.titleTitleStyle&&(this.titleStyleInformation.titleTitleStyle.remove(),this.titleStyleInformation.titleTitleStyle=null),this.gridChart.chartType?this.titleStyleInformation.titleTextBox?this.titleStyleInformation.titleTextBox.value="Title"===this.titleSection?this.gridChart.currentChart.title:this.gridChart.currentChart.subTitle:(this.titleStyleInformation.titleElement=c.createElement("input"),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.titleElement),this.titleStyleInformation.titleTextBox=new l.TextBox({value:"Title"===this.titleSection?this.gridChart.currentChart.title:this.gridChart.currentChart.subTitle,input:function(t){var e={},i={};"Title"===a.titleSection?(e.title=t.value,i.title=t.value):(e.subTitle=t.value,i.subTitle=t.value),a.gridChart.refresh({chart:e,accumulationChart:i})},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.titleStyleInformation.titleTextBox.appendTo(this.titleStyleInformation.titleElement)):this.titleStyleInformation.titleTextBox&&(this.titleStyleInformation.titleTextBox.destroy(),this.titleStyleInformation.titleTextBox=null,this.titleStyleInformation.titleElement.remove(),this.titleStyleInformation.titleElement=null),this.gridChart.chartType?this.titleStyleInformation.fontTitleStyle||(this.titleStyleInformation.fontTitleStyle=c.createElement("div",{className:"e-grid-chart-props-normal-header"}),this.titleStyleInformation.fontTitleStyle.innerText=this.gridChart.getLocaleText("Font"),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.fontTitleStyle)):this.titleStyleInformation.fontTitleStyle&&(this.titleStyleInformation.fontTitleStyle.remove(),this.titleStyleInformation.fontTitleStyle=null),this.gridChart.chartType?(t=("Title"===this.titleSection?this.gridChart.currentChart.titleStyle:this.gridChart.currentChart.subTitleStyle).fontFamily,t=c.isNullOrUndefined(t)?"Default":t,this.titleStyleInformation.titleFontDropDownList?(this.titleStyleInformation.titleFontDropDownList.value=t,this.titleStyleInformation.titleFontDropDownList.refresh()):(this.titleStyleInformation.titleFontElement=c.createElement("input"),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.titleFontElement),this.titleStyleInformation.titleFontDropDownList=new o.DropDownList({dataSource:this.font,value:t,change:function(t){var e={},i={},t="Default"===t.value?null:t.value;"Title"===a.titleSection?(e.titleStyle={},e.titleStyle.fontFamily=t,i.titleStyle={},i.titleStyle.fontFamily=t):(e.subTitleStyle={},e.subTitleStyle.fontFamily=t,i.subTitleStyle={},i.subTitleStyle.fontFamily=t),a.gridChart.refresh({chart:e,accumulationChart:i})},cssClass:this.gridChart.chartSettings.cssClass?"e-grid-dialogchart-bottom-spacer "+this.gridChart.chartSettings.cssClass:"e-grid-dialogchart-bottom-spacer",locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.titleStyleInformation.titleFontDropDownList.appendTo(this.titleStyleInformation.titleFontElement))):this.titleStyleInformation.titleFontDropDownList&&(this.titleStyleInformation.titleFontDropDownList.destroy(),this.titleStyleInformation.titleFontDropDownList=null,this.titleStyleInformation.titleFontElement.remove(),this.titleStyleInformation.titleFontElement=null),this.gridChart.chartType&&!this.titleStyleInformation.titleSizeColorContainer&&(this.titleStyleInformation.titleSizeColorContainer=c.createElement("div",{className:"e-grid-dialogchart-display-flex"}),this.formatTabInformation.titleStyleContainer.append(this.titleStyleInformation.titleSizeColorContainer)),this.gridChart.chartType&&!this.titleStyleInformation.titleSizeContainer&&(this.titleStyleInformation.titleSizeContainer=c.createElement("div"),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Size"),this.titleStyleInformation.titleSizeContainer.append(t),this.titleStyleInformation.titleSizeColorContainer.append(this.titleStyleInformation.titleSizeContainer)),this.gridChart.chartType?this.titleStyleInformation.titleSizeDropDownList?(this.titleStyleInformation.titleSizeDropDownList.value=("Title"===this.titleSection?this.gridChart.currentChart.titleStyle:this.gridChart.currentChart.subTitleStyle).size.replace("px",""),this.titleStyleInformation.titleSizeDropDownList.refresh()):(this.titleStyleInformation.titleSizeElement=c.createElement("input"),this.titleStyleInformation.titleSizeContainer.append(this.titleStyleInformation.titleSizeElement),this.titleStyleInformation.titleSizeDropDownList=new o.DropDownList({dataSource:this.fontSize,value:("Title"===this.titleSection?this.gridChart.currentChart.titleStyle:this.gridChart.currentChart.subTitleStyle).size.replace("px",""),change:function(t){var e={},i={};"Title"===a.titleSection?(e.titleStyle={},e.titleStyle.size=t.value+"px",i.titleStyle={},i.titleStyle.size=t.value+"px"):(e.subTitleStyle={},e.subTitleStyle.size=t.value+"px",i.subTitleStyle={},i.subTitleStyle.size=t.value+"px"),a.gridChart.refresh({chart:e,accumulationChart:i})},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.titleStyleInformation.titleSizeDropDownList.appendTo(this.titleStyleInformation.titleSizeElement)):this.titleStyleInformation.titleSizeDropDownList&&(this.titleStyleInformation.titleSizeDropDownList.destroy(),this.titleStyleInformation.titleSizeDropDownList=null,this.titleStyleInformation.titleSizeElement.remove(),this.titleStyleInformation.titleSizeElement=null),!this.gridChart.chartType&&this.titleStyleInformation.titleSizeContainer&&(this.titleStyleInformation.titleSizeContainer.remove(),this.titleStyleInformation.titleSizeContainer=null),this.gridChart.chartType&&!this.titleStyleInformation.colorTitleStyle&&(this.titleStyleInformation.colorTitleStyle=c.createElement("div",{className:"e-grid-dialogchart-intermediate-spacer"}),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Color"),this.titleStyleInformation.colorTitleStyle.append(t),this.titleStyleInformation.titleSizeColorContainer.append(this.titleStyleInformation.colorTitleStyle)),this.gridChart.chartType?this.titleStyleInformation.titleColorPicker?(this.titleStyleInformation.titleColorPicker.value=("Title"===this.titleSection?this.gridChart.currentChart.titleStyle:this.gridChart.currentChart.subTitleStyle).color,this.titleStyleInformation.titleColorPicker.refresh()):(this.titleStyleInformation.titleColorElement=c.createElement("input"),this.titleStyleInformation.colorTitleStyle.append(this.titleStyleInformation.titleColorElement),this.titleStyleInformation.titleColorPicker=new l.ColorPicker({value:("Title"===this.titleSection?this.gridChart.currentChart.titleStyle:this.gridChart.currentChart.subTitleStyle).color,change:function(i){setTimeout(function(){var t={},e={};"Title"===a.titleSection?(t.titleStyle={},t.titleStyle.color=i.value,e.titleStyle={},e.titleStyle.color=i.value):(t.subTitleStyle={},t.subTitleStyle.color=i.value,e.subTitleStyle={},e.subTitleStyle.color=i.value),a.gridChart.refresh({chart:t,accumulationChart:e})},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.titleStyleInformation.titleColorPicker.appendTo(this.titleStyleInformation.titleColorElement)):this.titleStyleInformation.titleColorPicker&&(this.titleStyleInformation.titleColorPicker.destroy(),this.titleStyleInformation.titleColorPicker=null,this.titleStyleInformation.titleColorElement.remove(),this.titleStyleInformation.titleColorElement=null),!this.gridChart.chartType&&this.titleStyleInformation.colorTitleStyle&&(this.titleStyleInformation.colorTitleStyle.remove(),this.titleStyleInformation.colorTitleStyle=null),!this.gridChart.chartType)&&this.titleStyleInformation.titleSizeColorContainer&&(this.titleStyleInformation.titleSizeColorContainer.remove(),this.titleStyleInformation.titleSizeColorContainer=null)},a.prototype.renderChartStyleList=function(){var t,i=this;this.formatTabInformation.chartStyleContainer&&(this.gridChart.chartType?this.chartStyleInformation.marginHeaderChartStyle||(this.chartStyleInformation.marginHeaderChartStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.chartStyleInformation.marginHeaderChartStyle.innerText=this.gridChart.getLocaleText("Margin"),this.formatTabInformation.chartStyleContainer.append(this.chartStyleInformation.marginHeaderChartStyle)):this.chartStyleInformation.marginHeaderChartStyle&&(this.chartStyleInformation.marginHeaderChartStyle.remove(),this.chartStyleInformation.marginHeaderChartStyle=null),this.gridChart.chartType&&!this.chartStyleInformation.marginTopBottomContainer&&(this.chartStyleInformation.marginTopBottomContainer=c.createElement("div",{className:"e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.formatTabInformation.chartStyleContainer.append(this.chartStyleInformation.marginTopBottomContainer)),this.gridChart.chartType&&!this.chartStyleInformation.marginTopContainer&&(this.chartStyleInformation.marginTopContainer=c.createElement("div"),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Top"),this.chartStyleInformation.marginTopContainer.append(t),this.chartStyleInformation.marginTopBottomContainer.append(this.chartStyleInformation.marginTopContainer)),this.gridChart.chartType?this.chartStyleInformation.marginTopNumericTextBoxObject?this.chartStyleInformation.marginTopNumericTextBoxObject.value=this.gridChart.currentChart.margin.top:(this.chartStyleInformation.marginTopElement=c.createElement("input"),this.chartStyleInformation.marginTopContainer.append(this.chartStyleInformation.marginTopElement),this.chartStyleInformation.marginTopNumericTextBoxObject=new l.NumericTextBox({format:"##",value:this.gridChart.currentChart.margin.top,change:function(t){var e={chart:{margin:{top:t.value}},accumulationChart:{margin:{top:t.value}}};setTimeout(function(){i.gridChart.refresh(e)},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.chartStyleInformation.marginTopNumericTextBoxObject.appendTo(this.chartStyleInformation.marginTopElement)):this.chartStyleInformation.marginTopNumericTextBoxObject&&(this.chartStyleInformation.marginTopNumericTextBoxObject.destroy(),this.chartStyleInformation.marginTopNumericTextBoxObject=null,this.chartStyleInformation.marginTopElement.remove(),this.chartStyleInformation.marginTopElement=null),!this.gridChart.chartType&&this.chartStyleInformation.marginTopContainer&&(this.chartStyleInformation.marginTopContainer.remove(),this.chartStyleInformation.marginTopContainer=null),this.gridChart.chartType&&!this.chartStyleInformation.marginBottomContainer&&(this.chartStyleInformation.marginBottomContainer=c.createElement("div",{className:"e-grid-dialogchart-intermediate-spacer"}),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Bottom"),this.chartStyleInformation.marginBottomContainer.append(t),this.chartStyleInformation.marginTopBottomContainer.append(this.chartStyleInformation.marginBottomContainer)),this.gridChart.chartType?this.chartStyleInformation.marginBottomNumericTextBoxObject?this.chartStyleInformation.marginBottomNumericTextBoxObject.value=this.gridChart.currentChart.margin.bottom:(this.chartStyleInformation.marginBottomElement=c.createElement("input"),this.chartStyleInformation.marginBottomContainer.append(this.chartStyleInformation.marginBottomElement),this.chartStyleInformation.marginBottomNumericTextBoxObject=new l.NumericTextBox({format:"##",value:this.gridChart.currentChart.margin.bottom,change:function(t){var e={chart:{margin:{bottom:t.value}},accumulationChart:{margin:{bottom:t.value}}};setTimeout(function(){i.gridChart.refresh(e)},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.chartStyleInformation.marginBottomNumericTextBoxObject.appendTo(this.chartStyleInformation.marginBottomElement)):this.chartStyleInformation.marginBottomNumericTextBoxObject&&(this.chartStyleInformation.marginBottomNumericTextBoxObject.destroy(),this.chartStyleInformation.marginBottomNumericTextBoxObject=null,this.chartStyleInformation.marginBottomElement.remove(),this.chartStyleInformation.marginBottomElement=null),!this.gridChart.chartType&&this.chartStyleInformation.marginBottomContainer&&(this.chartStyleInformation.marginBottomContainer.remove(),this.chartStyleInformation.marginBottomContainer=null),!this.gridChart.chartType&&this.chartStyleInformation.marginTopBottomContainer&&(this.chartStyleInformation.marginTopBottomContainer.remove(),this.chartStyleInformation.marginTopBottomContainer=null),this.gridChart.chartType&&!this.chartStyleInformation.marginRightLeftContainer&&(this.chartStyleInformation.marginRightLeftContainer=c.createElement("div",{className:"e-grid-dialogchart-display-flex e-grid-dialogchart-bottom-spacer"}),this.formatTabInformation.chartStyleContainer.append(this.chartStyleInformation.marginRightLeftContainer)),this.gridChart.chartType&&!this.chartStyleInformation.marginRightContainer&&(this.chartStyleInformation.marginRightContainer=c.createElement("div"),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Right"),this.chartStyleInformation.marginRightContainer.append(t),this.chartStyleInformation.marginRightLeftContainer.append(this.chartStyleInformation.marginRightContainer)),this.gridChart.chartType?this.chartStyleInformation.marginRightNumericTextBoxObject?this.chartStyleInformation.marginRightNumericTextBoxObject.value=this.gridChart.currentChart.margin.right:(this.chartStyleInformation.marginRightElement=c.createElement("input"),this.chartStyleInformation.marginRightContainer.append(this.chartStyleInformation.marginRightElement),this.chartStyleInformation.marginRightNumericTextBoxObject=new l.NumericTextBox({format:"##",value:this.gridChart.currentChart.margin.right,change:function(t){var e={chart:{margin:{right:t.value}},accumulationChart:{margin:{right:t.value}}};setTimeout(function(){i.gridChart.refresh(e)},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.chartStyleInformation.marginRightNumericTextBoxObject.appendTo(this.chartStyleInformation.marginRightElement)):this.chartStyleInformation.marginRightNumericTextBoxObject&&(this.chartStyleInformation.marginRightNumericTextBoxObject.destroy(),this.chartStyleInformation.marginRightNumericTextBoxObject=null,this.chartStyleInformation.marginRightElement.remove(),this.chartStyleInformation.marginRightElement=null),!this.gridChart.chartType&&this.chartStyleInformation.marginRightContainer&&(this.chartStyleInformation.marginRightContainer.remove(),this.chartStyleInformation.marginRightContainer=null),this.gridChart.chartType&&!this.chartStyleInformation.marginLeftContainer&&(this.chartStyleInformation.marginLeftContainer=c.createElement("div",{className:"e-grid-dialogchart-intermediate-spacer"}),(t=c.createElement("div",{className:"e-grid-chart-props-normal-header"})).innerText=this.gridChart.getLocaleText("Left"),this.chartStyleInformation.marginLeftContainer.append(t),this.chartStyleInformation.marginRightLeftContainer.append(this.chartStyleInformation.marginLeftContainer)),this.gridChart.chartType?this.chartStyleInformation.marginLeftNumericTextBoxObject?this.chartStyleInformation.marginLeftNumericTextBoxObject.value=this.gridChart.currentChart.margin.left:(this.chartStyleInformation.marginLeftElement=c.createElement("input"),this.chartStyleInformation.marginLeftContainer.append(this.chartStyleInformation.marginLeftElement),this.chartStyleInformation.marginLeftNumericTextBoxObject=new l.NumericTextBox({format:"##",value:this.gridChart.currentChart.margin.left,change:function(t){var e={chart:{margin:{left:t.value}},accumulationChart:{margin:{left:t.value}}};setTimeout(function(){i.gridChart.refresh(e)},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.chartStyleInformation.marginLeftNumericTextBoxObject.appendTo(this.chartStyleInformation.marginLeftElement)):this.chartStyleInformation.marginLeftNumericTextBoxObject&&(this.chartStyleInformation.marginLeftNumericTextBoxObject.destroy(),this.chartStyleInformation.marginLeftNumericTextBoxObject=null,this.chartStyleInformation.marginLeftElement.remove(),this.chartStyleInformation.marginLeftElement=null),!this.gridChart.chartType&&this.chartStyleInformation.marginLeftContainer&&(this.chartStyleInformation.marginLeftContainer.remove(),this.chartStyleInformation.marginLeftContainer=null),!this.gridChart.chartType&&this.chartStyleInformation.marginRightLeftContainer&&(this.chartStyleInformation.marginRightLeftContainer.remove(),this.chartStyleInformation.marginRightLeftContainer=null),this.gridChart.chartType?this.chartStyleInformation.colorChartStyle||(this.chartStyleInformation.colorChartStyle=c.createElement("div",{className:"e-grid-chart-props-header"}),this.chartStyleInformation.colorChartStyle.innerText=this.gridChart.getLocaleText("Color"),this.formatTabInformation.chartStyleContainer.append(this.chartStyleInformation.colorChartStyle)):this.chartStyleInformation.colorChartStyle&&(this.chartStyleInformation.colorChartStyle.remove(),this.chartStyleInformation.colorChartStyle=null),this.gridChart.chartType?this.chartStyleInformation.backgroundColorPicker?(this.chartStyleInformation.backgroundColorPicker.value=this.gridChart.currentChart.background,this.chartStyleInformation.backgroundColorPicker.refresh()):(this.chartStyleInformation.backgroundColorElement=c.createElement("input"),this.formatTabInformation.chartStyleContainer.append(this.chartStyleInformation.backgroundColorElement),this.chartStyleInformation.backgroundColorPicker=new l.ColorPicker({value:this.gridChart.currentChart.background,change:function(e){setTimeout(function(){var t={chart:{background:e.value},accumulationChart:{background:e.value}};i.gridChart.refresh(t)},0)},cssClass:this.gridChart.chartSettings.cssClass,locale:this.gridChart.chartSettings.locale,enableRtl:this.gridChart.enableRtl}),this.chartStyleInformation.backgroundColorPicker.appendTo(this.chartStyleInformation.backgroundColorElement)):this.chartStyleInformation.backgroundColorPicker&&(this.chartStyleInformation.backgroundColorPicker.destroy(),this.chartStyleInformation.backgroundColorPicker=null,this.chartStyleInformation.backgroundColorElement.remove(),this.chartStyleInformation.backgroundColorElement=null))},a.prototype.destroy=function(){this.deletedSeries=null,this.axes=null,this.stylingSeries=null,this.titleSection=null,this.formatTab(),this.dataTab(),this.chartTab(),this.axesStyleInformation=null,this.seriesStyleInformation=null,this.legendStyleInformation=null,this.titleStyleInformation=null,this.chartStyleInformation=null,this.formatTabInformation=null,this.dataTabInformation=null,this.formatTabElement.remove(),this.formatTabElement=null,this.dataTabElement.remove(),this.dataTabElement=null,this.chartTabElement.remove(),this.chartTabElement=null,this.tab.destroy(),this.tab=null,this.tabElement.remove(),this.tabElement=null};var d=a;function a(t){return this.font=["Default","Lucida Console","Trebuchet MS","Times New Roman","Courier New","Georgia"],this.fontSize=["11","12","13","14","15","16","17","18","19","20"],this.legendPosition=["Auto","Top","Left","Bottom","Right"],this.defaultMenuItems=["Bar","StackingBar","StackingBar100","Pie","Column","StackingColumn","StackingColumn100","Line","StackingLine","StackingLine100","Area","StackingArea","StackingArea100","Scatter"],this.chartTypeMap={Area:"AreaChart",StackingArea:"AreaChart",StackingArea100:"AreaChart",Bar:"BarChart",StackingBar:"BarChart",StackingBar100:"BarChart",Column:"ColumnChart",StackingColumn:"ColumnChart",StackingColumn100:"ColumnChart",Line:"LineChart",StackingLine:"LineChart",StackingLine100:"LineChart",Pie:"PieChart",Scatter:"ScatterChart"},this.rotation=[0,45,90,135,180,225,270,315],this.deletedSeries=[],this.titleSection="Title",this.stylingSeries="All",this.axes="Category",this.dataTabInformation={},this.formatTabInformation={},this.chartStyleInformation={},this.titleStyleInformation={},this.legendStyleInformation={},this.seriesStyleInformation={},this.axesStyleInformation={},this.parent=t.parent,this.gridChart=t,this}function g(t,e){for(var i in e){var a,r;Object.prototype.hasOwnProperty.call(e,i)&&(a=t[""+i],r=e[""+i],y(a)&&y(r)?g(a,r):void 0!==r&&(t[""+i]=r))}return t}function y(t){return t&&"object"==typeof t&&!Array.isArray(t)}var S=function(){return(S=Object.assign||function(t){for(var e,i=1,a=arguments.length;i<a;i++)for(var r in e=arguments[i])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},f=(s.Chart.Inject(s.Legend,s.Category,s.BarSeries,s.StackingBarSeries,s.ColumnSeries,s.StackingColumnSeries,s.LineSeries,s.StackingLineSeries,s.AreaSeries,s.StackingAreaSeries,s.ScatterSeries,s.Tooltip,s.DataLabel,s.Export,s.Zoom,s.DateTime,s.ScrollBar),s.AccumulationChart.Inject(s.PieSeries,s.AccumulationLegend,s.AccumulationDataLabel,s.AccumulationTooltip,s.Export),C.prototype.render=function(t,e,i){var a=this;this.category=i.category,this.series=i.series,this.chartType=t.chartType,this.dataSource=t.records,this.parent=t.gridInstance,this.enableRtl=this.parent.enableRtl||this.chartSettings.enableRtl,this.generateChartLocale(),this.localeObj=new c.L10n("gridchart",this.defaultChartLocale,this.chartSettings.locale),this.chartSettings.enablePropertyPanel&&(this.chartPanel=new d(this)),this.chartSettings.allowExport&&(this.chartExport=new r(this)),this.initDialogUI(t,this.destroy.bind(this)).then(function(t){a.addMinMaxButton(),a.element=t.target,a.initializeLayout(),a.renderChart(e)})},C.prototype.addMinMaxButton=function(){var e=this;this.minMaxButtonElement=c.createElement("button",{className:"e-dlg-closeicon-btn e-grid-chart-min-max-btn"}),this.dialogObj.element.querySelector(".e-dlg-header-content").querySelector(".e-dlg-closeicon-btn").insertAdjacentElement("afterend",this.minMaxButtonElement),this.minMaxButton=new n.Button({iconCss:"e-grid-chart-max-icon e-icons",cssClass:this.chartSettings.cssClass?"e-flat "+this.chartSettings.cssClass:"e-flat",locale:this.chartSettings.locale,enableRtl:this.enableRtl}),this.minMaxButton.appendTo(this.minMaxButtonElement),this.minMaxButton.element.setAttribute("title",this.getLocaleText("Maximize")),this.boundMinMax=function(t){t=t.target;(t=t.classList.contains("e-icons")?t:t.querySelector(".e-icons")).classList.contains("e-grid-chart-max-icon")?(t.classList.remove("e-grid-chart-max-icon"),t.classList.add("e-grid-chart-min-icon"),e.dialogInformation={target:e.dialogObj.target,width:e.dialogObj.width,height:e.dialogObj.height,minHeight:e.dialogObj.minHeight,overflow:document.body.style.overflow},window.scrollTo(0,0),e.dialogObj.target=document.body,e.dialogObj.width="100%",e.dialogObj.height="100%",e.dialogObj.minHeight="100%",document.body.style.overflow="hidden",e.minMaxButton.element.setAttribute("title",e.getLocaleText("Minimize"))):(t.classList.remove("e-grid-chart-min-icon"),t.classList.add("e-grid-chart-max-icon"),e.dialogObj.target=e.dialogInformation.target,e.dialogObj.width=e.dialogInformation.width,e.dialogObj.height=e.dialogInformation.height,e.dialogObj.minHeight=e.dialogInformation.minHeight,document.body.style.overflow=e.dialogInformation.overflow,e.minMaxButton.element.setAttribute("title",e.getLocaleText("Maximize"))),setTimeout(function(){e.currentChart.refresh()},0)},this.minMaxButton.element.addEventListener("click",this.boundMinMax)},C.prototype.generateChartLocale=function(){this.defaultChartLocale=S({},this.parent.defaultChartLocale,{ChartPreview:"Chart Preview",PieChart:"Pie Chart",Pie:"Pie",ScatterChart:"Scatter Chart",Scatter:"Scatter",Export:"Export",Data:"Data",Format:"Format",Print:"Print",JPEG:"JPEG",PNG:"PNG",SVG:"SVG",PDF:"PDF",XLSX:"XLSX",CSV:"CSV",CategoryAxis:"Category Axis",Series:"Series",ValueAxis:"Value Axis",ChartStyle:"Chart Style",TitleStyle:"Title Style",Legend:"Legend",Axes:"Axes",Margin:"Margin",Top:"Top",Bottom:"Bottom",Right:"Right",Left:"Left",Color:"Color",ApplyTo:"Apply To",Title:"Title",Subtitle:"Subtitle",Font:"Font",Size:"Size",ShowLegend:"Show Legend",Position:"Position",ShowTooltip:"Show Tooltip",ShowDataLabel:"Show Data Label",ApplyToAxis:"Apply To Axis",Category:"Category",Value:"Value",ReverseOrder:"Reverse Order",Text:"Text",Label:"Label",Rotation:"Rotation",ExportTitle:"Export",ShowSidePanel:"Show Side Panel",HideSidePanel:"Hide Side Panel",Maximize:"Maximize",Minimize:"Minimize"})},C.prototype.getLocaleText=function(t){return this.localeObj.getConstant(t)},C.prototype.isBiggerTheme=function(t){return!!c.closest(t.element,".e-bigger")},C.prototype.getChartDialogWidth=function(t){return this.chartSettings.chartPopupSettings.width||(this.isBiggerTheme(t)?833:825)},C.prototype.getChartDialogHeight=function(t){return this.chartSettings.chartPopupSettings.height||(this.isBiggerTheme(t)?552:490)},C.prototype.initDialogUI=function(a,r){var n=this;return new Promise(function(e){var i=a.gridInstance,t=n.chartSettings.chartPopupSettings.target||i.element;n.dialogElement=i.createElement("div",{id:i.element.id+"_grid_context_menu_dialog"}),n.isBiggerTheme(i)&&n.dialogElement.classList.add("e-bigger"),t.appendChild(n.dialogElement),n.dialogObj=new h.Dialog({width:n.getChartDialogWidth(i),height:n.getChartDialogHeight(i),minHeight:n.getChartDialogHeight(i),header:n.chartSettings.chartPopupSettings.title||n.getLocaleText("ChartPreview"),cssClass:n.chartSettings.cssClass?"e-grid-context-menu-dialog "+n.chartSettings.cssClass:"e-grid-context-menu-dialog",showCloseIcon:!0,allowDragging:!0,isModal:!0,target:t,closeOnEscape:!0,animationSettings:{effect:"None"},enableRtl:n.enableRtl,locale:n.chartSettings.locale,created:function(){c.isNullOrUndefined(n.chartSettings.chartPopupSettings.target)&&n.dialogObj.element.getBoundingClientRect().height>i.element.getBoundingClientRect().height&&(n.dialogObj.target=document.body,n.dialogObj.refresh());var t=S({},a,{target:n.dialogObj.element.querySelector(".e-dlg-content"),dialog:n.dialogObj});e(t)},close:function(){r&&r(),n.dialogObj.destroy(),n.dialogObj=null,n.dialogElement.remove(),n.dialogElement=null}}),n.dialogObj.appendTo(n.dialogElement),n.dialogObj.element.addEventListener("keydown",n.preventParentComponentKeyNavigation)})},C.prototype.preventParentComponentKeyNavigation=function(t){t.stopPropagation()},C.prototype.initializeLayout=function(){var t,e=this.dialogObj.element.querySelector(".e-dlg-header-content").getBoundingClientRect().height,e=(this.element.style.width="100%",this.element.style.height="calc(100% - "+e+"px)",this.dialogChartContainer=c.createElement("div",{className:"e-grid-dialogchart-container"}),this.dialogChartContainer.style.width="100%",this.dialogChartContainer.style.height="100%",this.element.append(this.dialogChartContainer),this.dialogChartContainer);this.chartSettings.enablePropertyPanel&&(this.dialogChartContainer.classList.add("e-grid-dialogchart-display-flex"),this.chartContainer=c.createElement("div"),this.chartContainer.style.width="67%",this.chartContainer.style.height="100%",this.dialogChartContainer.append(this.chartContainer),this.tabContainer=c.createElement("div",{className:"e-grid-dialog-tab-container"}),this.tabContainer.style.width="33%",this.tabContainer.style.height="100%",this.dialogChartContainer.append(this.tabContainer),this.chartPanel.initializeLayout(),e=this.chartContainer),(this.chartSettings.allowExport||this.chartSettings.enablePropertyPanel)&&(this.exportContainer=c.createElement("div",{className:"e-grid-dialog-chart-export-container"}),this.exportChartContainer=c.createElement("div"),(t=this.chartSettings.enablePropertyPanel?this.chartContainer:this.dialogChartContainer).append(this.exportContainer),t.append(this.exportChartContainer),this.chartSettings.allowExport&&this.chartExport.addExportButton(),this.chartSettings.enablePropertyPanel&&this.addShowHidePanelButton(),t=this.exportContainer.getBoundingClientRect().height,this.exportChartContainer.style.width="100%",this.exportChartContainer.style.height="calc(100% - "+t+"px)",this.exportChartHolder=c.createElement("div"),this.exportChartHolder.style.width="100%",this.exportChartHolder.style.height="100%",this.exportChartContainer.append(this.exportChartHolder),e=this.exportChartHolder),this.chartElement=c.createElement("div"),this.accumulationChartElement=c.createElement("div"),e.append(this.chartElement),e.append(this.accumulationChartElement)},C.prototype.addShowHidePanelButton=function(){var t=c.createElement("div");t.style.display=this.chartSettings.allowExport?"inline":"flow-root",this.showHidePropertyPanelButtonElement=c.createElement("button"),t.append(this.showHidePropertyPanelButtonElement),this.showHidePropertyPanelButtonElement.style.cssFloat=this.enableRtl?"left":"right",this.exportContainer.append(t),this.showHidePropertyPanelButton=new n.Button({iconCss:"e-view-side e-icons",cssClass:this.chartSettings.cssClass,locale:this.chartSettings.locale,enableRtl:this.enableRtl}),this.showHidePropertyPanelButton.appendTo(this.showHidePropertyPanelButtonElement),this.showHidePropertyPanelButton.element.setAttribute("title",this.getLocaleText("HideSidePanel")),this.showHidePropertyPanelButton.element.addEventListener("click",this.showHidePropertyPanel.bind(this))},C.prototype.showHidePropertyPanel=function(t){t=(t=t.target).classList.contains("e-icons")?t:t.querySelector(".e-icons");"none"!==this.tabContainer.style.display?(t.classList.remove("e-view-side"),t.classList.add("e-show-hide-panel"),this.tabContainer.style.display="none",this.chartContainer.style.width="100%",this.showHidePropertyPanelButton.element.setAttribute("title",this.getLocaleText("ShowSidePanel"))):(t.classList.remove("e-show-hide-panel"),t.classList.add("e-view-side"),this.tabContainer.style.display="inline-flex",this.chartContainer.style.width="67%",this.showHidePropertyPanelButton.element.setAttribute("title",this.getLocaleText("HideSidePanel"))),this.isAccumulationChart()?(this.chartElement.style.display="none",this.accumulationChart.refresh(),this.currentChart=this.accumulationChart):this.chart.refresh()},C.prototype.isChart=function(){return-1!==["Bar","StackingBar","StackingBar100","Column","StackingColumn","StackingColumn100","Line","StackingLine","StackingLine100","Area","StackingArea","StackingArea100","Scatter"].indexOf(this.chartType)},C.prototype.isAccumulationChart=function(){return"Pie"===this.chartType},C.prototype.renderChart=function(t){var e=this.isChart(),i=this.isAccumulationChart(),a=c.extend({cssClass:this.chartSettings.cssClass,locale:this.chartSettings.locale,enableRtl:this.enableRtl},this.defaultChartModel,{},!0);if(a.series=[],this.category.length&&this.series.length)for(var r=0;r<this.series.length;r++){var n={dataSource:this.dataSource,xName:this.category[0],yName:this.series[parseInt(r.toString(),10)],type:e?this.chartType:"Bar",name:this.series[parseInt(r.toString(),10)],fill:null,marker:{dataLabel:{visible:!1}},columnSpacing:.2};a.series.push(n)}g(a,t.chart),this.chart=new s.Chart(a),this.chart.appendTo(this.chartElement),this.chartElement.style.display=i?"none":"";var o=c.extend({cssClass:this.chartSettings.cssClass,locale:this.chartSettings.locale,enableRtl:this.enableRtl},this.defaultAccumulationChartModel,{},!0);o.series=[],this.category.length&&this.series.length&&(i={dataSource:this.dataSource.slice(0,10),xName:this.category[0],yName:this.series[0],type:i?this.chartType:"Pie",name:this.series[0],dataLabel:{visible:!0,position:"Outside"}},o.series.push(i)),g(o,t.accumulationChart),this.accumulationChart=new s.AccumulationChart(o),this.accumulationChart.appendTo(this.accumulationChartElement),this.accumulationChartElement.style.display=e?"none":"",this.currentChart=e?this.chart:this.accumulationChart,this.chartSettings.enablePropertyPanel&&this.chartPanel.tabRenderer()},C.prototype.refreshChart=function(t){g(this.chart,t.chart),g(this.accumulationChart,t.accumulationChart),this.isChart()?(this.accumulationChartElement.style.display="none",this.chart.refresh(),this.currentChart=this.chart):this.isAccumulationChart()&&(this.chartElement.style.display="none",this.accumulationChart.refresh(),this.currentChart=this.accumulationChart),this.chartSettings.enablePropertyPanel&&this.chartPanel.tabRenderer()},C.prototype.refresh=function(t){t={changes:t,chartInstance:this.currentChart,chartType:this.chartType,previousChartType:this.previousChartType,gridInstance:this.parent,records:this.dataSource};this.chartSettings.updateChartSettings&&this.chartSettings.updateChartSettings(t),this.refreshChart(t.changes)},C.prototype.destroy=function(){this.dialogInformation&&(document.body.style.overflow=this.dialogInformation.overflow),this.chartType=null,this.previousChartType=null,this.currentChart=null,this.chart&&(this.chart.destroy(),this.chart=null),this.chartElement.remove(),this.chartElement=null,this.accumulationChart&&(this.accumulationChart.destroy(),this.accumulationChart=null),this.accumulationChartElement.remove(),this.accumulationChartElement=null,this.chartSettings.allowExport&&(this.chartExport.destroy(),this.chartExport=null),(this.chartSettings.allowExport||this.chartSettings.enablePropertyPanel)&&(this.exportChartHolder.remove(),this.exportChartHolder=null,this.exportChartContainer.remove(),this.exportChartContainer=null,this.exportContainer.remove(),this.exportContainer=null),this.chartSettings.enablePropertyPanel&&(this.chartPanel.destroy(),this.chartPanel=null,this.tabContainer.remove(),this.tabContainer=null,this.chartContainer.remove(),this.chartContainer=null),this.dialogObj.element.removeEventListener("keydown",this.preventParentComponentKeyNavigation),this.chartSettings.enablePropertyPanel&&(this.showHidePropertyPanelButton.element.removeEventListener("click",this.showHidePropertyPanel.bind(this)),this.showHidePropertyPanelButton.destroy(),this.showHidePropertyPanelButton=null,this.showHidePropertyPanelButtonElement.remove(),this.showHidePropertyPanelButtonElement=null),this.dialogChartContainer.remove(),this.dialogChartContainer=null,this.element=null,this.parent=null,this.dataSource=null,this.category=null,this.series=null,this.enableRtl=null,this.localeObj=null,this.defaultChartLocale=null,this.dialogInformation=null,this.minMaxButton.element.removeEventListener("click",this.boundMinMax),this.boundMinMax=null,this.minMaxButton.destroy(),this.minMaxButton=null,this.minMaxButtonElement.remove(),this.minMaxButtonElement=null},C);function C(t){return this.chartSettings={allowExport:!1,chartExportItems:[],enablePropertyPanel:!1,updateChartSettings:null,chartPopupSettings:{},enableRtl:!1,locale:"",cssClass:""},this.commonChartModel={width:"100%",height:"100%",margin:{top:10,right:10,bottom:10,left:10},background:null,title:null,titleStyle:{fontFamily:null,size:"15px",color:null},subTitle:null,subTitleStyle:{fontFamily:null,size:"15px",color:null},legendSettings:{visible:!0,position:"Auto",textStyle:{fontFamily:null,size:"12px",color:null},enablePages:!0,textOverflow:"Ellipsis"},tooltip:{enable:!0}},this.defaultAccumulationChartModel=c.extend({enableSmartLabels:!0},this.commonChartModel,{},!0),this.defaultChartModel=c.extend({primaryXAxis:{isInversed:!1,title:null,titleStyle:{fontFamily:null,size:"16px",color:null},labelStyle:{fontFamily:null,size:"12px",color:null},labelRotation:0},primaryYAxis:{isInversed:!1,title:null,titleStyle:{fontFamily:null,size:"16px",color:null},labelStyle:{fontFamily:null,size:"12px",color:null},labelRotation:0}},this.commonChartModel,{},!0),c.extend(this.chartSettings,t,{},!0),this}t.ChartExport=r,t.ChartPanel=d,t.GridChart=f,t.deepMerge=g,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=ej2-grid-chart.umd.min.js.map