@syncfusion/ej2-pivotview 19.3.47 → 19.3.57

package/dist/es6/ej2-pivotview.es2015.js

@@ -4086,6 +4086,7 @@ class PivotEngine {
         let summCell = headers[headers.length - 1];
         if (summCell && summCell.type === 'grand sum') {
             summCell.index = this.filterMembers;
+            summCell.indexObject = {};
             /* eslint-disable  */
             for (let ln = 0, lt = this.filterMembers.length; ln < lt; ln++) {
                 summCell.indexObject[this.filterMembers[ln]] = this.filterMembers[ln];
@@ -4266,10 +4267,11 @@ class PivotEngine {
             row.colIndex = 0;
             row.rowIndex = tnum;
             let isRowFieldsAvail = false;
+            let delimiter = this.dataSourceSettings.valueSortSettings.headerDelimiter;
             if (this.valueAxis && this.dataSourceSettings.rows.length === 0 && this.dataSourceSettings.values.length > 1) {
                 this.rowIndex = (isNullOrUndefined(this.rowIndex) && !isLeastNode && this.dataSourceSettings.rows.length === 0) ? row.index : this.rowIndex;
-                isRowFieldsAvail = (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName.toString().indexOf('Grand Total.') !== 0);
-                if (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName.toString().indexOf('Grand Total.') === 0) {
+                isRowFieldsAvail = (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName && row.valueSort.levelName.toString().indexOf('Grand Total' + delimiter) !== 0);
+                if (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName.toString().indexOf('Grand Total' + delimiter) === 0) {
                     row.index = this.rowIndex;
                 }
             }
@@ -4294,7 +4296,7 @@ class PivotEngine {
                         for (let cln = 0, dln = 1, clt = columns.length; cln < clt; ++cln) {
                             if (!isValueIndexFound) {
                                 for (vln = 0; vln < vlt; vln++) {
-                                    if (row.valueSort.uniqueName && row.valueSort.uniqueName.toString().indexOf(this.values[vln].name) > -1) {
+                                    if (row.valueSort.uniqueName && row.valueSort.uniqueName.toString().split(this.valueSortSettings.headerDelimiter).indexOf(this.values[vln].name) > -1) {
                                         isValueIndexFound = true;
                                         isValueCellUpdated = true;
                                         break;
@@ -4329,7 +4331,7 @@ class PivotEngine {
                     for (let cln = 0, dln = 1, clt = columns.length; cln < clt; ++cln) {
                         for (let vln = 0; vln < vlt; vln++) {
                             if (!this.valueAxis && !this.isLastHeaderHasMeasures) {
-                                if (columns[cln].valueSort.uniqueName && columns[cln].valueSort.uniqueName.toString().indexOf(this.values[vln].name) > -1) {
+                                if (columns[cln].valueSort.uniqueName && columns[cln].valueSort.uniqueName.toString().split(this.valueSortSettings.headerDelimiter).indexOf(this.values[vln].name) > -1) {
                                     this.updateRowData(rows, columns, tnum, data, vln, rln, cln, dln, actCnt, rTotal, cTotal);
                                     dln = data[tnum].length;
                                 }
@@ -7063,27 +7065,30 @@ class Render {
     /* eslint-disable-next-line */
     /** @hidden */
     render() {
-        let parent = this.parent;
-        let engine = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
+        this.resColWidth = (this.parent.showGroupingBar && this.parent.groupingBarModule) ? (this.parent.isAdaptive ? 180 : 250) :
+            (this.parent.isAdaptive ? 140 : 200);
+        this.engine = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
+        this.gridSettings = this.parent.gridSettings;
+        this.formatList = this.getFormatList();
         this.parent.gridHeaderCellInfo = [];
         this.parent.gridCellCollection = {};
-        this.injectGridModules(parent);
+        this.injectGridModules(this.parent);
         this.rowStartPos = this.getRowStartPos();
         if (this.parent.grid && this.parent.grid.element && this.parent.element.querySelector('.e-grid')) {
             this.parent.notEmpty = true;
-            if (!engine.isEngineUpdated) {
-                engine.headerContent = this.frameDataSource('header');
-                engine.valueContent = this.frameDataSource('value');
+            if (!this.engine.isEngineUpdated) {
+                this.engine.headerContent = this.frameDataSource('header');
+                this.engine.valueContent = this.frameDataSource('value');
             }
             else {
                 if (this.parent.enableValueSorting) {
-                    engine.valueContent = this.frameDataSource('value');
+                    this.engine.valueContent = this.frameDataSource('value');
                 }
-                engine.isEngineUpdated = false;
+                this.engine.isEngineUpdated = false;
             }
             this.parent.grid.setProperties({
                 columns: this.frameStackedHeaders(), dataSource: (this.parent.dataType === 'olap' ? true :
-                    parent.dataSourceSettings.values.length > 0) && !this.engine.isEmptyData ? engine.valueContent :
+                    this.parent.dataSourceSettings.values.length > 0) && !this.engine.isEmptyData ? this.engine.valueContent :
                     this.frameDataSource('value')
             }, true);
             if (this.parent.grid.height === 'auto') {
@@ -8015,7 +8020,7 @@ class Render {
         if (tCell && (this.parent.notEmpty) && this.engine.headerContent) {
             let customClass = this.parent.hyperlinkSettings.cssClass;
             let cell = args.data[0];
-            let isRowFieldsAvail = cell.valueSort.levelName === (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row' &&
+            let isRowFieldsAvail = cell.valueSort && cell.valueSort.levelName === (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row' &&
                 this.parent.localeObj.getConstant('grandTotal') + (this.parent.dataSourceSettings.valueSortSettings.headerDelimiter) + (cell.formattedText));
             tCell.setAttribute('index', cell.rowIndex ? cell.rowIndex.toString() : '0');
             if (tCell.getAttribute('aria-colindex') === '0') {
@@ -8102,8 +8107,9 @@ class Render {
                 }));
                 let vSort = this.parent.pivotView.dataSourceSettings.valueSortSettings;
                 if (this.parent.enableValueSorting) {
-                    if (vSort && vSort.headerText && this.parent.dataSourceSettings.valueAxis === 'row'
-                        && this.parent.pivotValues[Number(tCell.getAttribute('index'))][0].valueSort.levelName) {
+                    if (vSort && vSort.headerText && this.parent.dataSourceSettings.valueAxis === 'row' &&
+                        this.parent.pivotValues[Number(tCell.getAttribute('index'))][0] &&
+                        this.parent.pivotValues[Number(tCell.getAttribute('index'))][0].valueSort.levelName) {
                         if (this.parent.pivotValues[Number(tCell.getAttribute('index'))][0].valueSort.levelName
                             === vSort.headerText) {
                             let style = (tCell.querySelector('.e-expand') || tCell.querySelector('.e-collapse')) ?
@@ -8332,7 +8338,7 @@ class Render {
                 else {
                     tCell = this.onOlapColumnCellBoundEvent(tCell, cell);
                 }
-                let isColumnFieldsAvail = (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column' &&
+                let isColumnFieldsAvail = (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column' && cell.valueSort &&
                     cell.valueSort.levelName === (this.parent.localeObj.getConstant('grandTotal') + (this.parent.dataSourceSettings.valueSortSettings.headerDelimiter) + (cell.formattedText)));
                 if (cell.type || isColumnFieldsAvail) {
                     tCell.classList.add(cell.type === 'grand sum' ? 'e-gtot' : 'e-stot');
@@ -8793,7 +8799,7 @@ class Render {
                     return this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(this.parent.engineModule.fieldList[cellInfo.value.toString()].aggregateType)
                         + ' ' + this.parent.localeObj.getConstant('of') + ' ' + cellInfo.value.toString();
                 }
-                else if (values.length === 1) {
+                else if (values.length === 1 && this.parent.dataSourceSettings.rows.length === 0) {
                     return this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(values[values.length - 1].type)
                         + ' ' + this.parent.localeObj.getConstant('of') + ' ' + (!isNullOrUndefined(values[values.length - 1].caption) ? values[values.length - 1].caption : values[values.length - 1].name);
                 }
@@ -8815,7 +8821,9 @@ class Render {
     }
     /* eslint-disable */
     excelColumnEvent(args) {
-        (args.cell).value = this.getValidHeader(args, 'column');
+        if (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column') {
+            (args.cell).value = this.getValidHeader(args, 'column');
+        }
         if (args.gridCell !== undefined && args.gridCell.column.width === 'auto') {
             this.parent.lastColumn = args.gridCell.column;
             args.gridCell.column.width = args.gridCell.column.minWidth;
@@ -8824,7 +8832,9 @@ class Render {
         this.parent.trigger(excelHeaderQueryCellInfo, args);
     }
     pdfColumnEvent(args) {
-        (args.cell).value = this.getValidHeader(args, 'column');
+        if (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column') {
+            (args.cell).value = this.getValidHeader(args, 'column');
+        }
         if (args.gridCell !== undefined && args.gridCell.column.width === 'auto') {
             this.parent.lastColumn = args.gridCell.column;
             args.gridCell.column.width = args.gridCell.column.minWidth;
@@ -8865,7 +8875,9 @@ class Render {
             }
         }
         args = this.exportContentEvent(args);
-        args.value = args.column.field === '0.formattedText' ? this.getValidHeader(args, 'row') : args.value;
+        if (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row') {
+            args.value = args.column.field === '0.formattedText' ? this.getValidHeader(args, 'row') : args.value;
+        }
         this.parent.trigger(excelQueryCellInfo, args);
     }
     /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -8889,7 +8901,9 @@ class Render {
             }
             args.style = { paragraphIndent: level * 10 };
             this.lastSpan = isValueCell ? this.lastSpan : level;
-            args.value = this.getValidHeader(args, 'row');
+            if (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row') {
+                args.value = this.getValidHeader(args, 'row');
+            }
         }
         this.parent.trigger(pdfQueryCellInfo, args);
     }
@@ -22504,12 +22518,32 @@ let PivotView = class PivotView extends Component {
         /* eslint-disable */
         let columnRender = this.gridSettings['columnRender'];
         let chartLoadEvent = this.chartSettings['load'];
+        let chartLoadedEvent = this.chartSettings['loaded'];
+        let chartTextRenderEvent = this.chartSettings['textRender'];
+        let chartPointRenderEvent = this.chartSettings['pointRender'];
+        let chartSeriesRenderEvent = this.chartSettings['seriesRender'];
+        let chartLegendRenderEvent = this.chartSettings['legendRender'];
+        let chartPointClickEvent = this.chartSettings['pointClick'];
+        let chartTooltipRenderEvent = this.chartSettings['tooltipRender'];
         this.gridSettings['columnRender'] = undefined;
         this.chartSettings['tooltipRender'] = undefined;
         this.chartSettings['load'] = undefined;
+        this.chartSettings['loaded'] = undefined;
+        this.chartSettings['textRender'] = undefined;
+        this.chartSettings['pointRender'] = undefined;
+        this.chartSettings['seriesRender'] = undefined;
+        this.chartSettings['legendRender'] = undefined;
+        this.chartSettings['pointClick'] = undefined;
         let persistData = this.addOnPersist(keyEntity);
         this.gridSettings['columnRender'] = columnRender;
         this.chartSettings['load'] = chartLoadEvent;
+        this.chartSettings['loaded'] = chartLoadedEvent;
+        this.chartSettings['textRender'] = chartTextRenderEvent;
+        this.chartSettings['pointRender'] = chartPointRenderEvent;
+        this.chartSettings['seriesRender'] = chartSeriesRenderEvent;
+        this.chartSettings['legendRender'] = chartLegendRenderEvent;
+        this.chartSettings['pointClick'] = chartPointClickEvent;
+        this.chartSettings['tooltipRender'] = chartTooltipRenderEvent;
         /* eslint-enable */
         return persistData;
     }
@@ -22761,6 +22795,9 @@ let PivotView = class PivotView extends Component {
                     if (this.element.querySelector('.e-grouping-bar')) {
                         this.element.querySelector('.e-grouping-bar').remove();
                     }
+                    else if (this.groupingBarModule) {
+                        this.groupingBarModule.renderLayout();
+                    }
                     if (isNullOrUndefined(newProp.showFieldList))
                         this.renderPivotGrid();
                     break;
@@ -22886,7 +22923,7 @@ let PivotView = class PivotView extends Component {
                     true : this.hyperlinkSettings.showHyperlink ? true : false);
                 this.applyHyperlinkSettings();
             }
-            this.renderModule = new Render(this);
+            this.renderModule = this.renderModule ? this.renderModule : new Render(this);
             this.renderModule.render();
         }
         else if (this.grid) {
@@ -24469,7 +24506,7 @@ let PivotView = class PivotView extends Component {
         this.isEmptyGrid = true;
         this.notEmpty = false;
         this.isInitial = true;
-        this.renderModule = new Render(this);
+        this.renderModule = this.renderModule ? this.renderModule : new Render(this);
         if (this.grid && this.grid.element && this.element.querySelector('.e-grid')) {
             this.notEmpty = true;
             this.grid.setProperties({