@syncfusion/ej2-pivotview 19.3.47 → 19.3.57

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

@@ -4169,6 +4169,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         var summCell = headers[headers.length - 1];
         if (summCell && summCell.type === 'grand sum') {
             summCell.index = this.filterMembers;
+            summCell.indexObject = {};
             /* eslint-disable  */
             for (var ln = 0, lt_1 = this.filterMembers.length; ln < lt_1; ln++) {
                 summCell.indexObject[this.filterMembers[ln]] = this.filterMembers[ln];
@@ -4349,10 +4350,11 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             row.colIndex = 0;
             row.rowIndex = tnum;
             var isRowFieldsAvail = false;
+            var 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;
                 }
             }
@@ -4377,7 +4379,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                         for (var 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;
@@ -4412,7 +4414,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                     for (var cln = 0, dln = 1, clt = columns.length; cln < clt; ++cln) {
                         for (var 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;
                                 }
@@ -7191,27 +7193,30 @@ var Render = /** @__PURE__ @class */ (function () {
     /* eslint-disable-next-line */
     /** @hidden */
     Render.prototype.render = function () {
-        var parent = this.parent;
-        var 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') {
@@ -8155,7 +8160,7 @@ var Render = /** @__PURE__ @class */ (function () {
         if (tCell && (this.parent.notEmpty) && this.engine.headerContent) {
             var customClass = this.parent.hyperlinkSettings.cssClass;
             var cell = args.data[0];
-            var isRowFieldsAvail = cell.valueSort.levelName === (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row' &&
+            var 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') {
@@ -8243,8 +8248,9 @@ var Render = /** @__PURE__ @class */ (function () {
                 }));
                 var 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) {
                             var style = (tCell.querySelector('.e-expand') || tCell.querySelector('.e-collapse')) ?
@@ -8474,7 +8480,7 @@ var Render = /** @__PURE__ @class */ (function () {
                 else {
                     tCell = this.onOlapColumnCellBoundEvent(tCell, cell);
                 }
-                var isColumnFieldsAvail = (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column' &&
+                var 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');
@@ -8935,7 +8941,7 @@ var Render = /** @__PURE__ @class */ (function () {
                     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);
                 }
@@ -8957,7 +8963,9 @@ var Render = /** @__PURE__ @class */ (function () {
     };
     /* eslint-disable */
     Render.prototype.excelColumnEvent = function (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;
@@ -8966,7 +8974,9 @@ var Render = /** @__PURE__ @class */ (function () {
         this.parent.trigger(excelHeaderQueryCellInfo, args);
     };
     Render.prototype.pdfColumnEvent = function (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;
@@ -9007,7 +9017,9 @@ var Render = /** @__PURE__ @class */ (function () {
             }
         }
         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 */
@@ -9031,7 +9043,9 @@ var Render = /** @__PURE__ @class */ (function () {
             }
             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);
     };
@@ -23194,12 +23208,32 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         /* eslint-disable */
         var columnRender = this.gridSettings['columnRender'];
         var chartLoadEvent = this.chartSettings['load'];
+        var chartLoadedEvent = this.chartSettings['loaded'];
+        var chartTextRenderEvent = this.chartSettings['textRender'];
+        var chartPointRenderEvent = this.chartSettings['pointRender'];
+        var chartSeriesRenderEvent = this.chartSettings['seriesRender'];
+        var chartLegendRenderEvent = this.chartSettings['legendRender'];
+        var chartPointClickEvent = this.chartSettings['pointClick'];
+        var 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;
         var 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;
     };
@@ -23452,6 +23486,9 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                     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;
@@ -23577,7 +23614,7 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                     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) {
@@ -25183,7 +25220,7 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         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({