@syncfusion/ej2-pivotview 20.2.36 → 20.2.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.36
+*  version : 20.2.38
 *  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@20.15.1",
+  "_id": "@syncfusion/ej2-pivotview@20.2.36",
   "_inBundle": false,
-  "_integrity": "sha512-AQLV+/yXaiv8Csi9l0oqWHteOZHwop8hIYdiWwCSyk5oXAnygJyPbI/CYCRRBWV4sLiY1aAYiVp3mOBLQBfbUg==",
+  "_integrity": "sha512-2BEouqxgWf5+Yq1I8/K6wUa5bxfXP08ITux4/969RDvKK/fBoJBcNlqkq+Up8xJZ2CJYG7JrVS6uKaawG3vsXw==",
   "_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-20.15.1.tgz",
-  "_shasum": "425d009fa2966ce92dedc51e735a93ab02aa04a7",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.2.36.tgz",
+  "_shasum": "db2a5ab65f6d3132e5c7b0d0247b782d1440a392",
   "_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": "~20.2.36",
-    "@syncfusion/ej2-buttons": "~20.2.36",
-    "@syncfusion/ej2-calendars": "~20.2.36",
-    "@syncfusion/ej2-charts": "~20.2.36",
-    "@syncfusion/ej2-compression": "~20.2.36",
-    "@syncfusion/ej2-data": "~20.2.36",
-    "@syncfusion/ej2-dropdowns": "~20.2.36",
-    "@syncfusion/ej2-excel-export": "~20.2.36",
-    "@syncfusion/ej2-file-utils": "~20.2.36",
-    "@syncfusion/ej2-grids": "~20.2.36",
-    "@syncfusion/ej2-inputs": "~20.2.36",
-    "@syncfusion/ej2-lists": "~20.2.36",
-    "@syncfusion/ej2-navigations": "~20.2.36",
-    "@syncfusion/ej2-pdf-export": "~20.2.36",
-    "@syncfusion/ej2-popups": "~20.2.36",
-    "@syncfusion/ej2-splitbuttons": "~20.2.36",
-    "@syncfusion/ej2-svg-base": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-buttons": "~20.2.38",
+    "@syncfusion/ej2-calendars": "~20.2.38",
+    "@syncfusion/ej2-charts": "~20.2.38",
+    "@syncfusion/ej2-compression": "~20.2.38",
+    "@syncfusion/ej2-data": "~20.2.38",
+    "@syncfusion/ej2-dropdowns": "~20.2.38",
+    "@syncfusion/ej2-excel-export": "~20.2.38",
+    "@syncfusion/ej2-file-utils": "~20.2.38",
+    "@syncfusion/ej2-grids": "~20.2.38",
+    "@syncfusion/ej2-inputs": "~20.2.38",
+    "@syncfusion/ej2-lists": "~20.2.38",
+    "@syncfusion/ej2-navigations": "~20.2.38",
+    "@syncfusion/ej2-pdf-export": "~20.2.38",
+    "@syncfusion/ej2-popups": "~20.2.38",
+    "@syncfusion/ej2-splitbuttons": "~20.2.38",
+    "@syncfusion/ej2-svg-base": "~20.2.38"
   },
   "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": "20.2.36",
+  "version": "20.2.38",
   "sideEffects": false
 }

package/src/base/engine.js

@@ -1706,7 +1706,7 @@ var PivotEngine = /** @class */ (function () {
                         row: rows[i],
                         column: columns,
                         value: value,
-                        cellSets: this.getCellSet(this.rawIndexObject),
+                        cellSets: this.getValueCellInfo ? this.getCellSet(this.rawIndexObject) : [],
                         rowCellType: (rows[i].hasChild && rows[i].isDrilled ? 'subTotal' : rows[i].type === 'grand sum' ? 'grandTotal' : 'value'),
                         columnCellType: (columns.hasChild && columns.isDrilled ? 'subTotal' : columns.type === 'grand sum' ? 'grandTotal' : 'value'),
                         aggregateType: aggregate,
@@ -2634,7 +2634,7 @@ var PivotEngine = /** @class */ (function () {
             PivotUtil.applyHeadersSort(sortMembersOrder, sortOrder, type);
             isHeaderSortByDefault = true;
         }
-        if (isHeaderSortByDefault) {
+        if (isHeaderSortByDefault && this.getHeaderSortInfo) {
             var copyOrder = [];
             for (var m = 0, n = 0; m < sortMembersOrder.length; m++) {
                 var member = sortMembersOrder[m];
@@ -2770,7 +2770,7 @@ var PivotEngine = /** @class */ (function () {
                     row: header,
                     column: member,
                     value: value,
-                    cellSets: this.getCellSet(this.rawIndexObject),
+                    cellSets: this.getValueCellInfo ? this.getCellSet(this.rawIndexObject) : [],
                     rowCellType: (header.hasChild && header.isDrilled ? 'subTotal' : header.type === 'grand sum' ? 'grandTotal' : 'value'),
                     columnCellType: (member.hasChild && member.isDrilled ? 'subTotal' : member.type === 'grand sum' ? 'grandTotal' : 'value'),
                     aggregateType: mType,
@@ -4368,7 +4368,7 @@ var PivotEngine = /** @class */ (function () {
             row: rows[rln],
             column: columns[cln],
             value: value,
-            cellSets: this.getCellSet(this.rawIndexObject),
+            cellSets: this.getValueCellInfo ? this.getCellSet(this.rawIndexObject) : [],
             rowCellType: (rows[rln].hasChild && rows[rln].isDrilled ? 'subTotal' : rows[rln].type === 'grand sum' ? 'grandTotal' : 'value'),
             columnCellType: (columns[cln].hasChild && columns[cln].isDrilled ? 'subTotal' : columns[cln].type === 'grand sum' ? 'grandTotal' : 'value'),
             aggregateType: aggregate,

package/src/base/olap/engine.js

@@ -1732,7 +1732,7 @@ var OlapEngine = /** @class */ (function () {
                 }
                 isHeaderSortByDefault = true;
             }
-            if (isHeaderSortByDefault) {
+            if (isHeaderSortByDefault && this.getHeaderSortInfo) {
                 var copyOrder = [];
                 for (var m = 0, n = 0; m < headers.length; m++) {
                     if (headers[m].actualText !== 'Grand Total') {
@@ -1773,7 +1773,7 @@ var OlapEngine = /** @class */ (function () {
             }
             isHeaderSortByDefault = true;
         }
-        if (isHeaderSortByDefault) {
+        if (isHeaderSortByDefault && this.getHeaderSortInfo) {
             var copyOrder = [];
             for (var m = 0, n = 0; m < keys.length; m++) {
                 if (keys[m] !== 'Grand Total') {

package/src/common/base/constant.d.ts

@@ -144,6 +144,10 @@ export declare const uiUpdate: string;
 /** @hidden */
 export declare const scroll: string;
 /** @hidden */
+export declare const verticalScroll: string;
+/** @hidden */
+export declare const horizontalScroll: string;
+/** @hidden */
 export declare const contentReady: string;
 /** @hidden */
 export declare const dataReady: string;
@@ -343,3 +347,7 @@ export declare const windowResized: string;
 export declare const recordUpdated: string;
 /** @hidden */
 export declare const drillThroughClosed: string;
+/** @hidden */
+export declare const verticalScrolled: string;
+/** @hidden */
+export declare const horizontalScrolled: string;

package/src/common/base/constant.js

@@ -144,6 +144,10 @@ export var uiUpdate = 'ui-update';
 /** @hidden */
 export var scroll = 'scroll';
 /** @hidden */
+export var verticalScroll = 'vertical-scroll';
+/** @hidden */
+export var horizontalScroll = 'horizontal-scroll';
+/** @hidden */
 export var contentReady = 'content-ready';
 /** @hidden */
 export var dataReady = 'data-ready';
@@ -343,3 +347,7 @@ export var windowResized = 'Window resized';
 export var recordUpdated = 'Records updated';
 /** @hidden */
 export var drillThroughClosed = 'Drill-through closed';
+/** @hidden */
+export var verticalScrolled = 'Vertically scrolled';
+/** @hidden */
+export var horizontalScrolled = 'Horizontally scrolled';

package/src/pivotfieldlist/base/field-list.js

@@ -680,7 +680,7 @@ var PivotFieldList = /** @class */ (function (_super) {
                 customProperties.enableValueSorting = _this.staticPivotGridModule ?
                     _this.staticPivotGridModule.enableValueSorting : _this.enableValueSorting;
                 if (_this.dataSourceSettings.mode !== 'Server') {
-                    _this.engineModule.renderEngine(_this.dataSourceSettings, customProperties, _this.getValueCellInfo.bind(_this), _this.getHeaderSortInfo.bind(_this));
+                    _this.engineModule.renderEngine(_this.dataSourceSettings, customProperties, _this.aggregateCellInfo ? _this.getValueCellInfo.bind(_this) : undefined, _this.onHeadersSort ? _this.getHeaderSortInfo.bind(_this) : undefined);
                 }
                 _this.pivotFieldList = _this.engineModule.fieldList;
                 var eventArgs = {
@@ -696,7 +696,7 @@ var PivotFieldList = /** @class */ (function (_super) {
                 });
             }
             else if (_this.dataType === 'olap') {
-                _this.olapEngineModule.renderEngine(_this.dataSourceSettings, _this.frameCustomProperties(_this.olapEngineModule.fieldListData, _this.olapEngineModule.fieldList), _this.getHeaderSortInfo.bind(_this));
+                _this.olapEngineModule.renderEngine(_this.dataSourceSettings, _this.frameCustomProperties(_this.olapEngineModule.fieldListData, _this.olapEngineModule.fieldList), _this.onHeadersSort ? _this.getHeaderSortInfo.bind(_this) : undefined);
                 _this.pivotFieldList = _this.olapEngineModule.fieldList;
                 var eventArgs = {
                     pivotFieldList: _this.pivotFieldList,
@@ -774,10 +774,10 @@ var PivotFieldList = /** @class */ (function (_super) {
             this.fieldListSpinnerElement = this.element.querySelector('.e-pivotfieldlist-container');
         }
         if (this.spinnerTemplate) {
-            createSpinner({ target: this.fieldListSpinnerElement, template: this.spinnerTemplate }, this.createElement);
+            createSpinner({ target: this.fieldListSpinnerElement, template: this.spinnerTemplate, cssClass: this.cssClass ? this.cssClass : undefined }, this.createElement);
         }
         else {
-            createSpinner({ target: this.fieldListSpinnerElement }, this.createElement);
+            createSpinner({ target: this.fieldListSpinnerElement, cssClass: this.cssClass ? this.cssClass : undefined }, this.createElement);
         }
         var args;
         args = {
@@ -937,7 +937,7 @@ var PivotFieldList = /** @class */ (function (_super) {
                             pivot.lastFilterInfo = {};
                         }
                         else {
-                            pivot.engineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.getValueCellInfo.bind(pivot), pivot.getHeaderSortInfo.bind(pivot));
+                            pivot.engineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.aggregateCellInfo ? pivot.getValueCellInfo.bind(pivot) : undefined, pivot.onHeadersSort ? pivot.getHeaderSortInfo.bind(pivot) : undefined);
                         }
                     }
                 }
@@ -1035,7 +1035,7 @@ var PivotFieldList = /** @class */ (function (_super) {
             }
         }
         else {
-            pivot.olapEngineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.getHeaderSortInfo.bind(pivot));
+            pivot.olapEngineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.onHeadersSort ? pivot.getHeaderSortInfo.bind(pivot) : undefined);
         }
         pivot.lastSortInfo = {};
         pivot.lastAggregationInfo = {};

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

@@ -32,6 +32,7 @@ export declare class VirtualScroll {
     private onCustomScrollbarScroll;
     private onTouchScroll;
     private update;
+    private enginePopulatedEventMethod;
     private setPageXY;
     private common;
     private onHorizondalScroll;

package/src/pivotview/actions/virtualscroll.js

@@ -1,6 +1,8 @@
 import { EventHandler, setStyleAttribute, Browser } from '@syncfusion/ej2-base';
 import { contentReady } from '../../common/base/constant';
 import * as cls from '../../common/base/css-constant';
+import { PivotUtil } from '../../base/util';
+import * as events from '../../common/base/constant';
 /**
  * `VirtualScroll` module is used to handle scrolling behavior.
  */
@@ -145,8 +147,12 @@ var VirtualScroll = /** @class */ (function () {
         };
     };
     VirtualScroll.prototype.update = function (mHdr, mCont, top, left, e) {
+        var _this = this;
         this.parent.isScrolling = true;
         var engine = this.parent.dataType === 'pivot' ? this.parent.engineModule : this.parent.olapEngineModule;
+        var args = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.parent.dataSourceSettings)
+        };
         if (this.parent.pageSettings && engine.pageSettings) {
             if (this.direction === 'vertical') {
                 var rowValues = this.parent.dataType === 'pivot' ?
@@ -158,25 +164,29 @@ var VirtualScroll = /** @class */ (function () {
                     // this.parent.hideWaitingPopup();
                     return;
                 }
+                this.parent.actionObj.actionName = events.verticalScroll;
+                this.parent.actionBeginMethod();
                 this.parent.showWaitingPopup();
                 this.parent.scrollPosObject.vertical = section;
                 engine.pageSettings.rowCurrentPage = section > 1 ? section : 1;
-                var rowStartPos = 0;
-                if (this.parent.dataType === 'pivot') {
-                    if (this.parent.dataSourceSettings.mode === 'Server') {
-                        this.parent.getEngine('onScroll', null, null, null, null, null, null);
+                var rowStartPos_1 = 0;
+                this.parent.trigger(events.enginePopulating, args, function (observedArgs) {
+                    if (_this.parent.dataType === 'pivot') {
+                        if (_this.parent.dataSourceSettings.mode === 'Server') {
+                            _this.parent.getEngine('onScroll', null, null, null, null, null, null);
+                        }
+                        else {
+                            _this.parent.engineModule.generateGridData(_this.parent.dataSourceSettings, true, _this.parent.engineModule.headerCollection);
+                            rowStartPos_1 = _this.parent.engineModule.rowStartPos;
+                        }
                     }
                     else {
-                        this.parent.engineModule.generateGridData(this.parent.dataSourceSettings, true, this.parent.engineModule.headerCollection);
-                        rowStartPos = this.parent.engineModule.rowStartPos;
+                        _this.parent.olapEngineModule.scrollPage('scroll');
+                        rowStartPos_1 = _this.parent.olapEngineModule.pageRowStartPos;
                     }
-                }
-                else {
-                    this.parent.olapEngineModule.scrollPage('scroll');
-                    rowStartPos = this.parent.olapEngineModule.pageRowStartPos;
-                }
-                this.parent.pivotValues = engine.pivotValues;
-                var exactPage = Math.ceil(rowStartPos / (this.parent.pageSettings.rowSize * rowValues));
+                    _this.enginePopulatedEventMethod(engine);
+                });
+                var exactPage = Math.ceil(rowStartPos_1 / (this.parent.pageSettings.rowSize * rowValues));
                 var pos = exactSize * exactPage -
                     (engine.rowFirstLvl * rowValues * this.parent.gridSettings.rowHeight);
                 this.parent.scrollPosObject.verticalSection = pos;
@@ -191,32 +201,51 @@ var VirtualScroll = /** @class */ (function () {
                     // this.parent.hideWaitingPopup();
                     return;
                 }
+                this.parent.actionObj.actionName = events.horizontalScroll;
+                this.parent.actionBeginMethod();
                 this.parent.showWaitingPopup();
-                var pivot = this.parent;
-                pivot.scrollPosObject.horizontal = section;
+                var pivot_1 = this.parent;
+                pivot_1.scrollPosObject.horizontal = section;
                 engine.pageSettings.columnCurrentPage = section > 1 ? section : 1;
-                var colStartPos = 0;
-                if (pivot.dataType === 'pivot') {
-                    if (this.parent.dataSourceSettings.mode === 'Server') {
-                        this.parent.getEngine('onScroll', null, null, null, null, null, null);
+                var colStartPos_1 = 0;
+                this.parent.trigger(events.enginePopulating, args, function (observedArgs) {
+                    if (pivot_1.dataType === 'pivot') {
+                        if (_this.parent.dataSourceSettings.mode === 'Server') {
+                            _this.parent.getEngine('onScroll', null, null, null, null, null, null);
+                        }
+                        else {
+                            pivot_1.engineModule.generateGridData(pivot_1.dataSourceSettings, true, pivot_1.engineModule.headerCollection);
+                            colStartPos_1 = pivot_1.engineModule.colStartPos;
+                        }
                     }
                     else {
-                        pivot.engineModule.generateGridData(pivot.dataSourceSettings, true, pivot.engineModule.headerCollection);
-                        colStartPos = pivot.engineModule.colStartPos;
+                        pivot_1.olapEngineModule.scrollPage('scroll');
+                        colStartPos_1 = pivot_1.olapEngineModule.pageColStartPos;
                     }
-                }
-                else {
-                    pivot.olapEngineModule.scrollPage('scroll');
-                    colStartPos = pivot.olapEngineModule.pageColStartPos;
-                }
-                pivot.pivotValues = engine.pivotValues;
-                var exactPage = Math.ceil(colStartPos / (pivot.pageSettings.columnSize * colValues));
+                    _this.enginePopulatedEventMethod(engine);
+                });
+                var exactPage = Math.ceil(colStartPos_1 / (pivot_1.pageSettings.columnSize * colValues));
                 var pos = exactSize * exactPage - (engine.colFirstLvl *
-                    colValues * pivot.gridSettings.columnWidth);
-                pivot.scrollPosObject.horizontalSection = pos;
+                    colValues * pivot_1.gridSettings.columnWidth);
+                pivot_1.scrollPosObject.horizontalSection = pos;
+            }
+            this.parent.actionObj.actionName = this.parent.getActionCompleteName();
+            if (this.parent.actionObj.actionName) {
+                this.parent.actionCompleteMethod();
             }
         }
     };
+    VirtualScroll.prototype.enginePopulatedEventMethod = function (engine, control) {
+        var _this = this;
+        var pivot = control ? control : this.parent;
+        var eventArgs = {
+            dataSourceSettings: pivot.dataSourceSettings,
+            pivotValues: pivot.pivotValues
+        };
+        pivot.trigger(events.enginePopulated, eventArgs, function (observedArgs) {
+            _this.parent.pivotValues = engine.pivotValues;
+        });
+    };
     VirtualScroll.prototype.setPageXY = function () {
         var _this = this;
         return function (e) {

package/src/pivotview/base/pivotview.js

@@ -1217,10 +1217,10 @@ var PivotView = /** @class */ (function (_super) {
             this.cellTemplateFn = this.templateParser(this.cellTemplate);
             this.tooltipTemplateFn = this.templateParser(this.tooltipTemplate);
             if (this.spinnerTemplate) {
-                createSpinner({ target: this.element, template: this.spinnerTemplate }, this.createElement);
+                createSpinner({ target: this.element, template: this.spinnerTemplate, cssClass: this.cssClass ? this.cssClass : undefined }, this.createElement);
             }
             else {
-                createSpinner({ target: this.element }, this.createElement);
+                createSpinner({ target: this.element, cssClass: this.cssClass ? this.cssClass : undefined }, this.createElement);
             }
             var loadArgs = {
                 dataSourceSettings: this.dataSourceSettings,
@@ -1890,7 +1890,7 @@ var PivotView = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        pivot.olapEngineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.getHeaderSortInfo.bind(pivot));
+                        pivot.olapEngineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.onHeadersSort ? pivot.getHeaderSortInfo.bind(pivot) : undefined);
                     }
                     pivot.allowServerDataBinding = false;
                     pivot.setProperties({ pivotValues: pivot.olapEngineModule.pivotValues }, true);
@@ -1931,7 +1931,7 @@ var PivotView = /** @class */ (function (_super) {
                         pivot.lastFilterInfo = {};
                     }
                     else {
-                        pivot.engineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.getValueCellInfo.bind(pivot), pivot.getHeaderSortInfo.bind(pivot));
+                        pivot.engineModule.renderEngine(pivot.dataSourceSettings, customProperties, pivot.aggregateCellInfo ? pivot.getValueCellInfo.bind(pivot) : undefined, pivot.onHeadersSort ? pivot.getHeaderSortInfo.bind(pivot) : undefined);
                         pivot.allowServerDataBinding = false;
                         pivot.setProperties({ pivotValues: pivot.engineModule.pivotValues }, true);
                         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
@@ -2774,6 +2774,9 @@ var PivotView = /** @class */ (function (_super) {
             this.lastCellClicked = e.target;
         }
         var target = e.target;
+        if (closest(target, '.' + cls.PIVOT_BUTTON_CLASS)) {
+            return;
+        }
         var ele = null;
         var axis = (target.parentElement.classList.contains(cls.ROWSHEADER) || target.classList.contains(cls.ROWSHEADER)) ? 'row' : 'column';
         ele = axis === 'column' ? closest(target, 'th') : closest(target, 'td');
@@ -3207,6 +3210,9 @@ var PivotView = /** @class */ (function (_super) {
                 _this_1.getSelectedCellsPos();
             });
         }
+        else {
+            this.clearSelection(null, e, null, null);
+        }
     };
     PivotView.prototype.rowDeselect = function (ele, e, rowIndex, mode, observedArgs) {
         if (!e.shiftKey && !e.ctrlKey && this.gridSettings.selectionSettings.mode !== 'Both' || this.gridSettings.selectionSettings.type === 'Single') {
@@ -3252,7 +3258,7 @@ var PivotView = /** @class */ (function (_super) {
     PivotView.prototype.clearSelection = function (ele, e, colIndex, rowIndex) {
         if ((!e.shiftKey && !e.ctrlKey) || this.gridSettings.selectionSettings.type === 'Single') {
             if (this.gridSettings.selectionSettings.mode === 'Cell') {
-                if (ele.classList.contains(cls.COLUMNSHEADER)) {
+                if (ele && ele.classList.contains(cls.COLUMNSHEADER)) {
                     removeClass(this.element.querySelectorAll(('.' + cls.ROW_CELL_CLASS + '.') + cls.CELL_SELECTED_BGCOLOR), cls.CELL_SELECTED_BGCOLOR);
                 }
                 else {
@@ -3260,7 +3266,7 @@ var PivotView = /** @class */ (function (_super) {
                 }
             }
             else if (this.gridSettings.selectionSettings.mode === 'Both') {
-                if (ele.classList.contains(cls.ROW_CELL_CLASS)) {
+                if (ele && ele.classList.contains(cls.ROW_CELL_CLASS)) {
                     for (var _i = 0, _a = [].slice.call(this.element.querySelectorAll('.' + cls.SELECTED_BGCOLOR + ', .' + cls.CELL_SELECTED_BGCOLOR)); _i < _a.length; _i++) {
                         var ele_2 = _a[_i];
                         // if (Number((ele as HTMLElement).getAttribute('index')) !== rowIndex) {
@@ -3498,7 +3504,7 @@ var PivotView = /** @class */ (function (_super) {
                     _this_1.clonedReport = _this_1.clonedReport ? _this_1.clonedReport : dataSourceSettings;
                 }
                 if (_this_1.dataSourceSettings.mode !== 'Server') {
-                    _this_1.engineModule.renderEngine(_this_1.dataSourceSettings, customProperties, _this_1.getValueCellInfo.bind(_this_1), _this_1.getHeaderSortInfo.bind(_this_1));
+                    _this_1.engineModule.renderEngine(_this_1.dataSourceSettings, customProperties, _this_1.aggregateCellInfo ? _this_1.getValueCellInfo.bind(_this_1) : undefined, _this_1.onHeadersSort ? _this_1.getHeaderSortInfo.bind(_this_1) : undefined);
                 }
                 _this_1.allowServerDataBinding = false;
                 _this_1.setProperties({ pivotValues: _this_1.engineModule.pivotValues }, true);
@@ -3509,7 +3515,7 @@ var PivotView = /** @class */ (function (_super) {
             else if (_this_1.dataSourceSettings.providerType === 'SSAS' && _this_1.dataType === 'olap') {
                 customProperties.savedFieldList = _this_1.olapEngineModule.fieldList;
                 customProperties.savedFieldListData = _this_1.olapEngineModule.fieldListData;
-                _this_1.olapEngineModule.renderEngine(_this_1.dataSourceSettings, customProperties, _this_1.getHeaderSortInfo.bind(_this_1));
+                _this_1.olapEngineModule.renderEngine(_this_1.dataSourceSettings, customProperties, _this_1.onHeadersSort ? _this_1.getHeaderSortInfo.bind(_this_1) : undefined);
                 _this_1.allowServerDataBinding = false;
                 _this_1.setProperties({ pivotValues: _this_1.olapEngineModule.pivotValues }, true);
                 delete _this_1.bulkChanges.pivotValues;
@@ -3990,7 +3996,8 @@ var PivotView = /** @class */ (function (_super) {
                                     : this.actionObj.actionName == events.removeRecord ? events.recordRemoved : (this.actionObj.actionName == events.pngExport) ? events.pngExported : (this.actionObj.actionName == events.jpegExport) ? events.jpegExported
                                         : (this.actionObj.actionName == events.svgExport) ? events.svgExported : (this.actionObj.actionName == events.pdfExport) ? events.pdfExported : (this.actionObj.actionName == events.csvExport) ? events.csvExported : (this.actionObj.actionName == events.excelExport) ? events.excelExported : this.actionObj.actionName == events.windowResize ? events.windowResized
                                             : this.actionObj.actionName == events.saveCurrentReport ? events.reportSaved : (this.actionObj.actionName == events.addNewReport) ? events.newReportAdded : (this.actionObj.actionName == events.saveAsCurrentReport) ? events.reportReSaved
-                                                : (this.actionObj.actionName == events.renameCurrentReport) ? events.reportRenamed : this.actionObj.actionName;
+                                                : (this.actionObj.actionName == events.renameCurrentReport) ? events.reportRenamed : (this.actionObj.actionName == events.renameCurrentReport) ? events.reportRenamed : (this.actionObj.actionName == events.horizontalScroll) ? events.horizontalScrolled
+                                                    : (this.actionObj.actionName == events.verticalScroll) ? events.verticalScrolled : this.actionObj.actionName;
         return actionName;
     };
     /* eslint-disable-next-line */

package/styles/pivotfieldlist/_fusionnew-definition.scss

@@ -71,7 +71,7 @@ $field-list-back-margin: 5px !default;
 $field-list-sort-wrapper-padding-size: 10px !default;
 $field-list-border: $content-bg-color-alt3 !default;
 $field-list-calc-expand-icon-padding: 8px !default;
-$field-list-search-padding-size: 10px $field-list-header-padding-size !default;
+$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
 $field-list-search-popup-table-height: 392px !default;
 $field-list-search-popup-axis-content-height: 162px !default;
 $field-list-search-popup-container-bigger-height: 575px !default;

package/styles/pivotfieldlist/_material3-definition.scss

@@ -71,7 +71,8 @@ $field-list-back-margin: 5px !default;
 $field-list-sort-wrapper-padding-size: 10px !default;
 $field-list-border: $content-bg-color-alt3 !default;
 $field-list-calc-expand-icon-padding: 8px !default;
-$field-list-search-padding-size: 10px $field-list-header-padding-size !default;
+$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
+$field-list-member-prompt-padding-size: 25px 12px !default;
 $field-list-search-popup-table-height: 392px !default;
 $field-list-search-popup-axis-content-height: 162px !default;
 $field-list-search-popup-container-bigger-height: 565px !default;