@syncfusion/ej2-pivotview 19.4.38 → 19.4.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.38
+*  version : 19.4.43
 *  Copyright Syncfusion Inc. 2001 - 2020. 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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-pivotview@*",
-  "_id": "@syncfusion/ej2-pivotview@18.25.2",
+  "_id": "@syncfusion/ej2-pivotview@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-1Ji0/7L8nd8Q+wqGe37tPt3HnC0LfASDwqfZeXU/ooY65c4fZS3W4k5qlRX4/VPQiVZM+eG4ED55DHq2WXFngw==",
+  "_integrity": "sha512-zqgJ6FIg3l3S9avCSMts3EKnvSyYBwgjC8eKbpwx6j0Fuw/t7c311UbT6tOgxT2Nenq5Zj2lhWmFtKWdA8Vg8Q==",
   "_location": "/@syncfusion/ej2-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-pivotview",
     "/@syncfusion/ej2-vue-pivotview"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-pivotview/-/ej2-pivotview-18.25.2.tgz",
-  "_shasum": "615a4e05a02dc4aa92fa9307f0fa174688ffff56",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-19.4.42.tgz",
+  "_shasum": "8cca2eb9992a61c1e519c06e22d977a24d37038c",
   "_spec": "@syncfusion/ej2-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,23 +35,23 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-buttons": "~19.4.38",
-    "@syncfusion/ej2-calendars": "~19.4.38",
-    "@syncfusion/ej2-charts": "~19.4.38",
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-buttons": "~19.4.42",
+    "@syncfusion/ej2-calendars": "~19.4.42",
+    "@syncfusion/ej2-charts": "~19.4.43",
     "@syncfusion/ej2-compression": "~19.4.38",
-    "@syncfusion/ej2-data": "~19.4.38",
-    "@syncfusion/ej2-dropdowns": "~19.4.38",
+    "@syncfusion/ej2-data": "~19.4.42",
+    "@syncfusion/ej2-dropdowns": "~19.4.42",
     "@syncfusion/ej2-excel-export": "~19.4.38",
     "@syncfusion/ej2-file-utils": "~19.4.38",
-    "@syncfusion/ej2-grids": "~19.4.38",
-    "@syncfusion/ej2-inputs": "~19.4.38",
+    "@syncfusion/ej2-grids": "~19.4.43",
+    "@syncfusion/ej2-inputs": "~19.4.43",
     "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.38",
-    "@syncfusion/ej2-pdf-export": "~19.4.38",
-    "@syncfusion/ej2-popups": "~19.4.38",
-    "@syncfusion/ej2-splitbuttons": "~19.4.38",
-    "@syncfusion/ej2-svg-base": "~19.4.38"
+    "@syncfusion/ej2-navigations": "~19.4.41",
+    "@syncfusion/ej2-pdf-export": "~19.4.43",
+    "@syncfusion/ej2-popups": "~19.4.41",
+    "@syncfusion/ej2-splitbuttons": "~19.4.40",
+    "@syncfusion/ej2-svg-base": "~19.4.42"
   },
   "deprecated": false,
   "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table.",
@@ -78,6 +78,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.38",
+  "version": "19.4.43",
   "sideEffects": false
 }

package/src/base/engine.js

@@ -2399,6 +2399,14 @@ var PivotEngine = /** @class */ (function () {
             }
             /* eslint-enable */
             rawHeaders = this.getSortedHeaders(rawHeaders.concat(excessHeaders), this.fieldList[headersInfo.fields[0].name].sort).concat(grandHeader);
+            if (headersInfo.axis === 'row') {
+                this.cMembers = this.getIndexedHeaders(this.columns, this.data, 0, this.filterMembers, 'column', '');
+                this.insertAllMember(this.cMembers, this.filterMembers, '', 'column');
+            }
+            else {
+                this.rMembers = this.getIndexedHeaders(this.rows, this.data, 0, this.filterMembers, 'row', '');
+                this.insertAllMember(this.rMembers, this.filterMembers, '', 'row');
+            }
         }
         if (headersInfo.axis === 'row') {
             this.rowCount = 0;

package/src/common/actions/pivot-button.js

@@ -1389,6 +1389,7 @@ var PivotButton = /** @class */ (function () {
                 _this.refreshPivotButtonState(fieldName, isNodeUnChecked);
                 if (!isNodeUnChecked) {
                     _this.removeDataSourceSettings(fieldName);
+                    filterItem = {};
                 }
                 _this.parent.lastFilterInfo = filterItem;
                 var actionInfo = {

package/src/common/popups/toolbar.js

@@ -338,10 +338,10 @@ var Toolbar = /** @class */ (function () {
         }
     };
     Toolbar.prototype.actionClick = function (args) {
-        var actionName = (args.item.id == "PivotViewnew") ? events.addNewReport : (args.item.id == "PivotViewsave") ? events.saveCurrentReport : (args.item.id == "PivotViewsaveas") ? events.saveAsCurrentReport
-            : (args.item.id == "PivotViewrename") ? events.renameCurrentReport : (args.item.id == "PivotViewremove") ? events.removeCurrentReport : (args.item.id == "PivotViewload") ? events.loadReports
-                : (args.item.id == "PivotViewformatting") ? events.openConditionalFormatting : (args.item.id == "PivotViewnumberFormatting") ? events.openNumberFormatting
-                    : (args.item.id == "PivotViewmdxQuery") ? events.MdxQuery : (args.item.id == "PivotViewfieldlist") ? events.showFieldList : '';
+        var actionName = (args.item.id == this.parent.element.id + 'new') ? events.addNewReport : (args.item.id == this.parent.element.id + 'save') ? events.saveCurrentReport : (args.item.id == this.parent.element.id + 'saveas') ? events.saveAsCurrentReport
+            : (args.item.id == this.parent.element.id + 'rename') ? events.renameCurrentReport : (args.item.id == this.parent.element.id + 'remove') ? events.removeCurrentReport : (args.item.id == this.parent.element.id + 'load') ? events.loadReports
+                : (args.item.id == this.parent.element.id + 'formatting') ? events.openConditionalFormatting : (args.item.id == this.parent.element.id + 'numberFormatting') ? events.openNumberFormatting
+                    : (args.item.id == this.parent.element.id + 'mdxQuery') ? events.MdxQuery : (args.item.id == this.parent.element.id + 'fieldlist') ? events.showFieldList : '';
         this.parent.actionObj.actionName = actionName;
         if (this.parent.actionBeginMethod()) {
             return;
@@ -1183,14 +1183,14 @@ var Toolbar = /** @class */ (function () {
         var _this_1 = this;
         var exportArgs = {};
         var type;
-        var actionName = (args.item.id == "PivotViewgrid") ? events.tableView : (args.item.id == "PivotView_Column") ? events.chartView : (args.item.id == "PivotView_Bar") ? events.chartView : (args.item.id == "PivotView_Line") ? events.chartView
-            : (args.item.id == "PivotView_Area") ? events.chartView : (args.item.id == "PivotView_Scatter") ? events.chartView : (args.item.id == "PivotView_Polar") ? events.chartView : (args.item.id == "PivotView_ChartMoreOption") ? events.chartView
-                : (args.item.id == "PivotView_multipleAxes") ? events.multipleAxis : (args.item.id == "PivotView_showLegend") ? events.showLegend : (args.item.id == "PivotViewpdf") ? events.pdfExport : (args.item.id == "PivotViewpng") ? events.pngExport
-                    : (args.item.id == "PivotViewexcel") ? events.excelExport : (args.item.id == "PivotViewcsv") ? events.csvExport : (args.item.id == "PivotViewjpeg") ? events.jpegExport : (args.item.id == "PivotViewsvg") ? events.svgExport
-                        : (args.item.id == "PivotViewnotsubtotal") ? events.hideSubTotals : (args.item.id == "PivotViewsubtotalrow") ? events.subTotalsRow : (args.item.id == "PivotViewsubtotalcolumn") ? events.subTotalsColumn
-                            : (args.item.id == "PivotViewsubtotal") ? events.showSubTotals : (args.item.id == "PivotViewnotgrandtotal") ? events.hideGrandTotals : (args.item.id == "PivotViewgrandtotalrow") ? events.grandTotalsRow
-                                : (args.item.id == "PivotViewgrandtotalcolumn") ? events.grandTotalsColumn : (args.item.id == "PivotViewgrandtotal") ? events.showGrandTotals
-                                    : (args.item.id == "PivotViewnumberFormattingMenu") ? events.numberFormattingMenu : (args.item.id == "PivotViewconditionalFormattingMenu") ? events.conditionalFormattingMenu : '';
+        var actionName = (args.item.id == this.parent.element.id + 'grid') ? events.tableView : (args.item.id == this.parent.element.id + '_' + "Column") ? events.chartView : (args.item.id == this.parent.element.id + '_' + "Bar") ? events.chartView : (args.item.id == this.parent.element.id + '_' + "Line") ? events.chartView
+            : (args.item.id == this.parent.element.id + '_' + "Area") ? events.chartView : (args.item.id == this.parent.element.id + '_' + "Scatter") ? events.chartView : (args.item.id == this.parent.element.id + '_' + "Polar") ? events.chartView : (args.item.id == this.parent.element.id + '_' + "ChartMoreOption") ? events.chartView
+                : (args.item.id == this.parent.element.id + '_' + "multipleAxes") ? events.multipleAxis : (args.item.id == this.parent.element.id + '_' + "showLegend") ? events.showLegend : (args.item.id == this.parent.element.id + "pdf") ? events.pdfExport : (args.item.id == this.parent.element.id + "png") ? events.pngExport
+                    : (args.item.id == this.parent.element.id + "excel") ? events.excelExport : (args.item.id == this.parent.element.id + "csv") ? events.csvExport : (args.item.id == this.parent.element.id + "jpeg") ? events.jpegExport : (args.item.id == this.parent.element.id + "svg") ? events.svgExport
+                        : (args.item.id == this.parent.element.id + "notsubtotal") ? events.hideSubTotals : (args.item.id == this.parent.element.id + "subtotalrow") ? events.subTotalsRow : (args.item.id == this.parent.element.id + "subtotalcolumn") ? events.subTotalsColumn
+                            : (args.item.id == this.parent.element.id + "subtotal") ? events.showSubTotals : (args.item.id == this.parent.element.id + "notgrandtotal") ? events.hideGrandTotals : (args.item.id == this.parent.element.id + "grandtotalrow") ? events.grandTotalsRow
+                                : (args.item.id == this.parent.element.id + "grandtotalcolumn") ? events.grandTotalsColumn : (args.item.id == this.parent.element.id + "grandtotal") ? events.showGrandTotals
+                                    : (args.item.id == this.parent.element.id + "numberFormattingMenu") ? events.numberFormattingMenu : (args.item.id == this.parent.element.id + "conditionalFormattingMenu") ? events.conditionalFormattingMenu : '';
         this.parent.actionObj.actionName = actionName;
         if (this.parent.actionBeginMethod()) {
             return;

package/src/pivotview/actions/excel-export.js

@@ -71,9 +71,6 @@ var ExcelExport = /** @class */ (function () {
         var clonedValues;
         var currentPivotValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
         var customFileName = isFileNameSet ? exportProperties.fileName : 'default.xlsx';
-        if (isHeaderSet) {
-            this.addHeaderAndFooter(exportProperties.header, '', 'header', exportProperties.header.headerRows);
-        }
         if (this.parent.exportAllPages && this.parent.enableVirtualization && this.parent.dataType !== 'olap') {
             var pageSettings = this.engine.pageSettings;
             this.engine.pageSettings = null;
@@ -87,7 +84,7 @@ var ExcelExport = /** @class */ (function () {
             clonedValues = currentPivotValues;
         }
         var args = {
-            fileName: customFileName, header: '', footer: '', dataCollections: [clonedValues]
+            fileName: customFileName, header: '', footer: '', dataCollections: [clonedValues], excelExportProperties: exportProperties
         };
         var fileName;
         var header;
@@ -121,6 +118,14 @@ var ExcelExport = /** @class */ (function () {
                     for (var cCnt = 0; cCnt < colLen; cCnt++) {
                         if (pivotValues[rCnt][cCnt]) {
                             var pivotCell = pivotValues[rCnt][cCnt];
+                            var field = (this.parent.dataSourceSettings.valueAxis === 'row' &&
+                                this.parent.dataType === 'olap' && pivotCell.rowOrdinal &&
+                                this.engine.tupRowInfo[pivotCell.rowOrdinal]) ?
+                                this.engine.tupRowInfo[pivotCell.rowOrdinal].measureName :
+                                pivotCell.actualText;
+                            var styles = (pivotCell.axis == 'row') ? { hAlign: 'Left', bold: true, wrapText: true } : { numberFormat: formatList[field], bold: false, wrapText: true };
+                            var pivotCells = currentPivotValues[rCnt][cCnt];
+                            var headerStyle = { bold: true, vAlign: 'Center', wrapText: true, indent: cCnt === 0 ? pivotCell.level * 10 : 0 };
                             if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                 var cellValue = pivotCell.axis === 'value' ? pivotCell.value : pivotCell.formattedText;
                                 var isgetValuesHeader = ((this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row')
@@ -140,33 +145,21 @@ var ExcelExport = /** @class */ (function () {
                                         index: cCnt + 1, value: cellValue,
                                         colSpan: pivotCell.colSpan, rowSpan: (pivotCell.rowSpan === -1 ? 1 : pivotCell.rowSpan),
                                     });
+                                    var lastCell = cells[cells.length - 1];
                                     if (pivotCell.axis === 'value') {
                                         if (isNaN(pivotCell.value) || pivotCell.formattedText === '' ||
                                             pivotCell.formattedText === undefined || isNullOrUndefined(pivotCell.value)) {
-                                            cells[cells.length - 1].value = type === 'Excel' ? null : '';
-                                        }
-                                        var field = (this.parent.dataSourceSettings.valueAxis === 'row' &&
-                                            this.parent.dataType === 'olap' && pivotCell.rowOrdinal &&
-                                            this.engine.tupRowInfo[pivotCell.rowOrdinal]) ?
-                                            this.engine.tupRowInfo[pivotCell.rowOrdinal].measureName :
-                                            pivotCell.actualText;
-                                        cells[cells.length - 1].style = !isNullOrUndefined(cells[cells.length - 1].value) ? { numberFormat: formatList[field], bold: false, wrapText: true } : { bold: false, wrapText: true };
-                                        if (pivotCell.style) {
-                                            cells[cells.length - 1].style.backColor = pivotCell.style.backgroundColor;
-                                            cells[cells.length - 1].style.fontColor = pivotCell.style.color;
-                                            cells[cells.length - 1].style.fontName = pivotCell.style.fontFamily;
-                                            cells[cells.length - 1].style.fontSize = Number(pivotCell.style.fontSize.split('px')[0]);
+                                            lastCell.value = type === 'Excel' ? null : '';
                                         }
+                                        lastCell.style = !isNullOrUndefined(lastCell.value) ? styles : { bold: false, wrapText: true };
                                     }
                                     else {
-                                        cells[cells.length - 1].style = {
-                                            bold: true, vAlign: 'Center', wrapText: true, indent: cCnt === 0 ? pivotCell.level * 10 : 0
-                                        };
+                                        lastCell.style = headerStyle;
                                         if (pivotCell.axis === 'row' && cCnt === 0) {
-                                            cells[cells.length - 1].style.hAlign = 'Left';
+                                            lastCell.style = styles;
                                             if (this.parent.dataType === 'olap') {
                                                 var indent = this.parent.renderModule.indentCollection[rCnt];
-                                                cells[cells.length - 1].style.indent = indent * 2;
+                                                lastCell.style.indent = indent * 2;
                                                 maxLevel = maxLevel > indent ? maxLevel : indent;
                                             }
                                             else {
@@ -176,19 +169,55 @@ var ExcelExport = /** @class */ (function () {
                                                 var levelPosition = levelName.split(this.parent.dataSourceSettings.valueSortSettings.headerDelimiter).length -
                                                     (memberPos ? memberPos - 1 : memberPos);
                                                 var level = levelPosition ? (levelPosition - 1) : 0;
-                                                cells[cells.length - 1].style.indent = level * 2;
+                                                lastCell.style.indent = level * 2;
                                                 maxLevel = level > maxLevel ? level : maxLevel;
                                             }
                                         }
                                     }
-                                    cells[cells.length - 1].style.borders = { color: '#000000', lineStyle: 'Thin' };
+                                    if (pivotCell.style || lastCell.style.backgroundColor || lastCell.style.fontColor || lastCell.style.fontName || lastCell.style.fontSize) {
+                                        lastCell.style.backgroundColor = lastCell.style.backgroundColor ? lastCell.style.backgroundColor : pivotCell.style.backgroundColor;
+                                        lastCell.style.fontColor = lastCell.style.fontColor ? lastCell.style.fontColor : pivotCell.style.color;
+                                        lastCell.style.fontName = lastCell.style.fontName ? lastCell.style.fontName : pivotCell.style.fontFamily;
+                                        lastCell.style.fontSize = lastCell.style.fontSize ? Number(lastCell.style.fontSize) : Number(pivotCell.style.fontSize.split('px')[0]);
+                                    }
+                                    lastCell.style.borders = { color: '#000000', lineStyle: 'Thin' };
+                                    var excelHeaderQueryCellInfoArgs = void 0;
+                                    var excelQueryCellInfoArgs = void 0;
+                                    if (pivotCell.axis === 'column') {
+                                        excelHeaderQueryCellInfoArgs = {
+                                            style: headerStyle,
+                                            cell: pivotCells,
+                                        };
+                                        this.parent.trigger(events.excelHeaderQueryCellInfo, excelHeaderQueryCellInfoArgs);
+                                    }
+                                    else {
+                                        excelQueryCellInfoArgs = {
+                                            style: styles,
+                                            cell: pivotCells,
+                                            column: undefined,
+                                            data: pivotValues,
+                                            value: cellValue
+                                        };
+                                        this.parent.trigger(events.excelQueryCellInfo, excelQueryCellInfoArgs);
+                                    }
+                                    lastCell.value = (pivotCell.axis == 'column') ? excelHeaderQueryCellInfoArgs.cell.formattedText : excelQueryCellInfoArgs.value;
+                                    lastCell.style = (pivotCell.axis == 'column') ? excelHeaderQueryCellInfoArgs.style : excelQueryCellInfoArgs.style;
                                 }
                             }
                             cCnt = cCnt + (pivotCell.colSpan ? (pivotCell.colSpan - 1) : 0);
                         }
                         else {
+                            var pivotCell = { formattedText: "" };
+                            var excelHeaderQueryCellInfoArgs = void 0;
+                            if (pivotCell) {
+                                excelHeaderQueryCellInfoArgs = {
+                                    style: undefined,
+                                    cell: pivotCell,
+                                };
+                                this.parent.trigger(events.excelHeaderQueryCellInfo, excelHeaderQueryCellInfoArgs);
+                            }
                             cells.push({
-                                index: cCnt + 1, value: '', colSpan: 1, rowSpan: 1,
+                                index: cCnt + 1, colSpan: 1, rowSpan: 1, value: pivotCell.formattedText, style: excelHeaderQueryCellInfoArgs.style
                             });
                         }
                     }

package/src/pivotview/actions/pdf-export.js

@@ -31,14 +31,21 @@ var PDFExport = /** @class */ (function () {
         var footer = (!isNullOrUndefined(pdfExportProperties) && !isNullOrUndefined(pdfExportProperties.footer) && !isNullOrUndefined(pdfExportProperties.footer.contents) && !isNullOrUndefined(pdfExportProperties.footer.contents[0].value)) ?
             pdfExportProperties.footer.contents[0].value : eventParams.args.footer;
         var font = new PdfStandardFont(PdfFontFamily.TimesRoman, 15, PdfFontStyle.Regular);
-        var brush = new PdfSolidBrush(new PdfColor(0, 0, 0));
+        var headerCondition = (!isNullOrUndefined(pdfExportProperties) && !isNullOrUndefined(pdfExportProperties.header)
+            && !isNullOrUndefined(pdfExportProperties.header.contents) && !isNullOrUndefined(pdfExportProperties.header.contents[0].style));
+        var footerCondition = (!isNullOrUndefined(pdfExportProperties) && !isNullOrUndefined(pdfExportProperties.footer)
+            && !isNullOrUndefined(pdfExportProperties.footer.contents) && !isNullOrUndefined(pdfExportProperties.footer.contents[0].style));
+        var headerColor = (headerCondition) ? this.hexDecToRgb(pdfExportProperties.header.contents[0].style.textBrushColor) : (new PdfColor(0, 0, 0));
+        var brushHeader = (headerCondition) ? new PdfSolidBrush(new PdfColor(headerColor.r, headerColor.g, headerColor.b)) : new PdfSolidBrush(new PdfColor(0, 0, 0));
+        var footerColor = (footerCondition) ? this.hexDecToRgb(pdfExportProperties.footer.contents[0].style.textBrushColor) : (new PdfColor(0, 0, 0));
+        var brushFooter = (footerCondition) ? new PdfSolidBrush(new PdfColor(footerColor.r, footerColor.g, footerColor.b)) : new PdfSolidBrush(new PdfColor(0, 0, 0));
         var pen = new PdfPen(new PdfColor(0, 0, 0), .5);
         /** Header and Footer to be set */
         var headerTemplate = new PdfPageTemplateElement(new RectangleF(0, 0, page.graphics.clientSize.width, 20));
-        headerTemplate.graphics.drawString(header, font, pen, brush, 0, 0, new PdfStringFormat(PdfTextAlignment.Center));
+        headerTemplate.graphics.drawString(header, font, pen, brushHeader, 0, 0, new PdfStringFormat(PdfTextAlignment.Center));
         eventParams.document.template.top = headerTemplate;
         var footerTemplate = new PdfPageTemplateElement(new RectangleF(0, 0, page.graphics.clientSize.width, 20));
-        footerTemplate.graphics.drawString(footer, font, pen, brush, 0, 0, new PdfStringFormat(PdfTextAlignment.Center));
+        footerTemplate.graphics.drawString(footer, font, pen, brushFooter, 0, 0, new PdfStringFormat(PdfTextAlignment.Center));
         eventParams.document.template.bottom = footerTemplate;
         return page;
     };
@@ -220,12 +227,12 @@ var PDFExport = /** @class */ (function () {
                             var isValueCell = false;
                             if (pivotValues[rCnt][cCnt]) {
                                 var pivotCell = pivotValues[rCnt][cCnt];
+                                var cellValue = pivotCell.formattedText;
+                                cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
+                                cellValue = pivotCell.type === 'grand sum' ? (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'grandTotal') :
+                                    this.parent.localeObj.getConstant('grandTotal') : (pivotCell.type === 'sum' ?
+                                    cellValue.toString().replace('Total', this.parent.localeObj.getConstant('total')) : cellValue);
                                 if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
-                                    var cellValue = pivotCell.formattedText;
-                                    cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
-                                    cellValue = pivotCell.type === 'grand sum' ? (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'grandTotal') :
-                                        this.parent.localeObj.getConstant('grandTotal') : (pivotCell.type === 'sum' ?
-                                        cellValue.toString().replace('Total', this.parent.localeObj.getConstant('total')) : cellValue);
                                     if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                         pdfGridRow.cells.getCell(localCnt).columnSpan = pivotCell.colSpan ?
                                             (pageSize - localCnt < pivotCell.colSpan ? pageSize - localCnt : pivotCell.colSpan) : 1;
@@ -248,11 +255,31 @@ var PDFExport = /** @class */ (function () {
                                     pdfGridRow = this.applyStyle(pdfGridRow, pivotCell, localCnt);
                                 }
                                 var args = {
-                                    style: (pivotCell && pivotCell.isSum) ? { bold: true } : undefined,
+                                    style: (pivotCell.axis == "column") ? { bold: false } : ((pivotCell && pivotCell.isSum) || (pivotCell.axis == "row")) ? { bold: true } : undefined,
                                     pivotCell: pivotCell,
                                     cell: pdfGridRow.cells.getCell(localCnt)
                                 };
                                 this.parent.trigger(events.onPdfCellRender, args);
+                                if (pivotCell.axis == "column") {
+                                    args = {
+                                        style: args.style,
+                                        cell: args.cell,
+                                        gridCell: args.pivotCell
+                                    };
+                                    this.parent.trigger(events.pdfHeaderQueryCellInfo, args);
+                                    pdfGridRow.cells.getCell(localCnt).value = args.gridCell.formattedText ? args.gridCell.formattedText : cellValue;
+                                }
+                                else {
+                                    args = {
+                                        style: args.style,
+                                        cell: args.cell,
+                                        column: undefined,
+                                        data: args.pivotCell,
+                                        value: cellValue,
+                                    };
+                                    this.parent.trigger(events.pdfQueryCellInfo, args);
+                                    pdfGridRow.cells.getCell(localCnt).value = args.value ? args.value : cellValue;
+                                }
                                 if (args.style) {
                                     this.processCellStyle(pdfGridRow.cells.getCell(localCnt), args);
                                 }
@@ -264,6 +291,15 @@ var PDFExport = /** @class */ (function () {
                                     cell: pdfGridRow.cells.getCell(localCnt)
                                 };
                                 this.parent.trigger(events.onPdfCellRender, args);
+                                var pivotCell = { formattedText: "" };
+                                if (pivotCell.axis == "column") {
+                                    args = {
+                                        style: args.style,
+                                        cell: args.cell,
+                                        gridCell: args.pivotCell
+                                    };
+                                    this.parent.trigger(events.pdfHeaderQueryCellInfo, args);
+                                }
                                 if (args.style) {
                                     this.processCellStyle(pdfGridRow.cells.getCell(localCnt), args);
                                 }

package/src/pivotview/actions/virtualscroll.d.ts

@@ -9,6 +9,7 @@ export declare class VirtualScroll {
     private pageXY;
     private eventType;
     private engineModule;
+    private isFireFox;
     /** @hidden */
     direction: string;
     private keyboardEvents;

package/src/pivotview/actions/virtualscroll.js

@@ -1,4 +1,4 @@
-import { EventHandler, setStyleAttribute } from '@syncfusion/ej2-base';
+import { EventHandler, setStyleAttribute, Browser } from '@syncfusion/ej2-base';
 import { contentReady } from '../../common/base/constant';
 import * as cls from '../../common/base/css-constant';
 /**
@@ -14,6 +14,7 @@ var VirtualScroll = /** @class */ (function () {
         this.previousValues = { top: 0, left: 0 };
         this.frozenPreviousValues = { top: 0, left: 0 };
         this.eventType = '';
+        this.isFireFox = Browser.userAgent.toLowerCase().indexOf('firefox') > -1;
         this.parent = parent;
         this.engineModule = this.parent.dataType === 'pivot' ? this.parent.engineModule : this.parent.olapEngineModule;
         this.addInternalEvents();
@@ -37,11 +38,14 @@ var VirtualScroll = /** @class */ (function () {
             var mScrollBar = mCont.parentElement.parentElement.querySelector('.' + cls.MOVABLESCROLL_DIV);
             EventHandler.clearEvents(mCont);
             EventHandler.clearEvents(fCont);
+            if (this.isFireFox) {
+                EventHandler.clearEvents(mHdr);
+            }
             if (this.engineModule) {
                 var ele = this.parent.isAdaptive ? mCont : mCont.parentElement.parentElement.querySelector('.' + cls.MOVABLESCROLL_DIV);
                 EventHandler.add(ele, 'scroll touchmove pointermove', this.onHorizondalScroll(mHdr, mCont, fCont), this);
                 EventHandler.add(mCont.parentElement, 'scroll wheel touchmove pointermove keyup keydown', this.onVerticalScroll(fCont, mCont), this);
-                EventHandler.add(mCont.parentElement.parentElement, 'mouseup touchend', this.common(mHdr, mCont, fCont), this);
+                EventHandler.add(mCont, 'mouseup touchend scroll', this.common(mHdr, mCont, fCont), this);
                 EventHandler.add(mScrollBar, 'scroll', this.onCustomScrollbarScroll(mCont, mHdr), this);
                 EventHandler.add(mCont, 'scroll', this.onCustomScrollbarScroll(mScrollBar, mHdr), this);
                 EventHandler.add(mHdr, 'scroll', this.onCustomScrollbarScroll(mScrollBar, mCont), this);
@@ -98,7 +102,7 @@ var VirtualScroll = /** @class */ (function () {
             }
             var target = e.target;
             var left = target.scrollLeft;
-            if (_this.previousValues.left === left) {
+            if (_this.previousValues.left === left || (_this.isFireFox && target.classList.contains(cls.MOVABLEHEADER_DIV))) {
                 return;
             }
             content.scrollLeft = left;

package/src/pivotview/model/chartsettings-model.d.ts

@@ -2529,7 +2529,7 @@ export interface PivotAxisModel {
 
     /**
      * Allows to scale the axis by this value. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
-     * @default null
+     * @default 1
      */
     zoomFactor?: number;
 

package/src/pivotview/model/chartsettings.d.ts

@@ -2142,7 +2142,7 @@ export declare class PivotAxis extends ChildProperty<PivotAxis> {
     title: string;
     /**
      * Allows to scale the axis by this value. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
-     * @default null
+     * @default 1
      */
     zoomFactor: number;
     /**

package/src/pivotview/model/chartsettings.js

@@ -1558,7 +1558,7 @@ var PivotAxis = /** @class */ (function (_super) {
         Property('')
     ], PivotAxis.prototype, "title", void 0);
     __decorate([
-        Property(null)
+        Property(1)
     ], PivotAxis.prototype, "zoomFactor", void 0);
     __decorate([
         Complex({}, CrosshairTooltip)

package/styles/bootstrap-dark.css

@@ -4902,14 +4902,26 @@
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer {
+  display: -ms-flexbox;
+  display: flex;
   padding: 10px 2px 2px;
-  text-align: right;
 }
 
-.e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
+  -ms-flex: auto;
+      flex: auto;
+  text-align: end;
+}
+
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
   margin-right: 10px;
 }
 
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
+  min-width: fit-content;
+}
+
 .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
 .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
 .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4920,7 +4932,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
-  white-space: nowrap;
+  padding-right: 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -4932,10 +4944,6 @@
   margin-top: 6px;
 }
 
-.e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
-  text-align: left;
-}
-
 .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
   margin-left: 10px;
 }
@@ -6370,14 +6378,26 @@
 }
 
 .e-pivotfieldlist-container .e-layout-footer {
+  display: -ms-flexbox;
+  display: flex;
   padding: 10px 2px 2px;
-  text-align: right;
 }
 
-.e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout {
+  -ms-flex: auto;
+      flex: auto;
+  text-align: end;
+}
+
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
   margin-right: 10px;
 }
 
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
+  min-width: fit-content;
+}
+
 .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
 .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6388,7 +6408,7 @@
 }
 
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
-  white-space: nowrap;
+  padding-right: 10px;
 }
 
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -6400,10 +6420,6 @@
   margin-top: 6px;
 }
 
-.e-pivotfieldlist-container.e-rtl .e-layout-footer {
-  text-align: left;
-}
-
 .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
   margin-left: 10px;
 }