@syncfusion/ej2-pivotview 19.3.57 → 19.4.42

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

@@ -63,41 +63,6 @@ var PivotUtil = /** @__PURE__ @class */ (function () {
         }
         return clonedData;
     };
-    PivotUtil.getClonedPivotValues = function (pivotValues) {
-        var clonedSets = [];
-        for (var i = 0; i < pivotValues.length; i++) {
-            if (pivotValues[i]) {
-                clonedSets[i] = [];
-                for (var j = 0; j < pivotValues[i].length; j++) {
-                    if (pivotValues[i][j]) {
-                        /* eslint-disable */
-                        clonedSets[i][j] = this.getClonedPivotValueObj(pivotValues[i][j]);
-                        /* eslint-enable */
-                    }
-                }
-            }
-        }
-        return clonedSets;
-    };
-    /* eslint-disable */
-    PivotUtil.getClonedPivotValueObj = function (data) {
-        /* eslint-enable */
-        var keyPos = 0;
-        /* eslint-disable @typescript-eslint/no-explicit-any */
-        var framedSet = {};
-        /* eslint-enable @typescript-eslint/no-explicit-any */
-        if (!(data === null || data === undefined)) {
-            var fields = Object.keys(data);
-            while (keyPos < fields.length) {
-                framedSet[fields[keyPos]] = data[fields[keyPos]];
-                keyPos++;
-            }
-        }
-        else {
-            framedSet = data;
-        }
-        return framedSet;
-    };
     /* eslint-disable @typescript-eslint/no-explicit-any */
     PivotUtil.getDefinedObj = function (data) {
         var keyPos = 0;
@@ -130,18 +95,6 @@ var PivotUtil = /** @__PURE__ @class */ (function () {
         return -1;
     };
     /* eslint-disable */
-    PivotUtil.isContainCommonElements = function (collection1, collection2) {
-        /* eslint-enable */
-        for (var i = 0, cnt = collection1.length; i < cnt; i++) {
-            for (var j = 0, lnt = collection2.length; j < lnt; j++) {
-                if (collection2[j] === collection1[i]) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    };
-    /* eslint-disable */
     PivotUtil.setPivotProperties = function (control, properties) {
         /* eslint-enable */
         control.allowServerDataBinding = false;
@@ -178,6 +131,7 @@ var PivotUtil = /** @__PURE__ @class */ (function () {
             drilledMembers: this.cloneDrillMemberSettings(dataSourceSettings.drilledMembers),
             valueSortSettings: this.CloneValueSortObject(dataSourceSettings.valueSortSettings),
             valueAxis: dataSourceSettings.valueAxis,
+            grandTotalsPosition: dataSourceSettings.grandTotalsPosition,
             formatSettings: this.cloneFormatSettings(dataSourceSettings.formatSettings),
             calculatedFieldSettings: this.cloneCalculatedFieldSettings(dataSourceSettings.calculatedFieldSettings),
             fieldMapping: this.cloneFieldSettings(dataSourceSettings.fieldMapping),
@@ -224,6 +178,7 @@ var PivotUtil = /** @__PURE__ @class */ (function () {
                     drilledMembers: dataSourceSettings.drilledMembers,
                     valueSortSettings: dataSourceSettings.valueSortSettings,
                     valueAxis: dataSourceSettings.valueAxis,
+                    grandTotalsPosition: dataSourceSettings.grandTotalsPosition,
                     formatSettings: dataSourceSettings.formatSettings,
                     calculatedFieldSettings: dataSourceSettings.calculatedFieldSettings,
                     fieldMapping: dataSourceSettings.fieldMapping,
@@ -645,174 +600,6 @@ var PivotUtil = /** @__PURE__ @class */ (function () {
         return values;
     };
     /* eslint-disable */
-    PivotUtil.formatPdfHeaderFooter = function (pdf) {
-        var contents = [];
-        if (!isNullOrUndefined(pdf)) {
-            for (var i = 0; i < pdf.length; i++) {
-                var a = pdf[i];
-                var content = {
-                    /* eslint-enable */
-                    type: a.Type,
-                    pageNumberType: a.PageNumberType,
-                    style: a.Style ? {
-                        penColor: a.Style.PenColor,
-                        penSize: a.Style.PenSize,
-                        dashStyle: a.Style.DashStyle,
-                        textBrushColor: a.Style.TextBrushColor,
-                        textPenColor: a.Style.TextPenColor,
-                        fontSize: a.Style.FontSize,
-                        hAlign: a.Style.HAlign,
-                        vAlign: a.Style.VAlign
-                    } : a.Style,
-                    points: a.Points !== null ? {
-                        x1: a.Points.X1,
-                        y1: a.Points.Y1,
-                        x2: a.Points.X2,
-                        y2: a.Points.Y2
-                    } : null,
-                    format: a.Format,
-                    position: a.Position !== null ? {
-                        x: a.Position.X,
-                        y: a.Position.Y
-                    } : null,
-                    size: a.Size !== null ? {
-                        height: a.Size.Height,
-                        width: a.Size.Width
-                    } : null,
-                    src: a.Src,
-                    value: a.Value,
-                    font: a.Font
-                };
-                contents.push(content);
-            }
-        }
-        return contents;
-    };
-    /* eslint-disable */
-    PivotUtil.formatPdfExportProperties = function (pdf) {
-        var values;
-        /* eslint-enable */
-        values = this.getDefinedObj({
-            pageOrientation: typeof pdf.PageOrientation === 'string' ? pdf.PageOrientation : null,
-            pageSize: typeof pdf.PageSize === 'string' ? pdf.PageSize : null,
-            header: !isNullOrUndefined(pdf.Header) ? {
-                fromTop: pdf.Header.FromTop,
-                height: pdf.Header.Height,
-                contents: this.formatPdfHeaderFooter(pdf.Header.Contents)
-            } : null,
-            columns: pdf.Columns,
-            footer: !isNullOrUndefined(pdf.Footer) ? {
-                fromTop: pdf.Footer.FromBottom,
-                height: pdf.Footer.Height,
-                contents: this.formatPdfHeaderFooter(pdf.Footer.Contents)
-            } : null,
-            includeHiddenColumn: pdf.IncludeHiddenColumn,
-            dataSource: pdf.DataSource,
-            exportType: typeof pdf.ExportType === 'string' ? pdf.ExportType : null,
-            theme: !isNullOrUndefined(pdf.Theme) ? {
-                header: pdf.Theme.Header,
-                record: pdf.Theme.Record,
-                caption: pdf.Theme.Caption
-            } : null,
-            fileName: pdf.FileName,
-            hierarchyExportMode: typeof pdf.HierarchyExportMode === 'string' ? pdf.HierarchyExportMode : null,
-            allowHorizontalOverflow: pdf.AllowHorizontalOverflow
-        });
-        return values;
-    };
-    /* eslint-disable */
-    PivotUtil.formatExcelStyle = function (style) {
-        var prop;
-        /* eslint-enable */
-        if (!isNullOrUndefined(style)) {
-            prop = this.getDefinedObj({
-                fontColor: style.FontColor,
-                fontName: style.FontName,
-                fontSize: style.FontSize,
-                hAlign: style.HAlign === String ? style.HAlign : null,
-                vAlign: style.VAlign === String ? style.VAlign : null,
-                bold: style.Bold,
-                indent: style.Indent,
-                italic: style.Italic,
-                underline: style.Underline,
-                backColor: style.BackColor,
-                wrapText: style.WrapText,
-                borders: style.Borders,
-                numberFormat: style.NumberFormat,
-                type: style.Type
-            });
-        }
-        return prop;
-    };
-    /* eslint-disable */
-    PivotUtil.formatExcelCell = function (cell) {
-        var cells = [];
-        if (!isNullOrUndefined(cell)) {
-            for (var i = 0; i < cell.length; i++) {
-                this.getDefinedObj({
-                    index: !isNullOrUndefined(cell[i].Index) ? cell[i].Index : null,
-                    colSpan: !isNullOrUndefined(cell[i].ColSpan) ? cell[i].ColSpan : null,
-                    value: !isNullOrUndefined(cell[i].Value) ? cell[i].Value : null,
-                    hyperlink: {
-                        target: !isNullOrUndefined(cell[i].Hyperlink) ? cell[i].Hyperlink.Target : null,
-                        displayText: !isNullOrUndefined(cell[i].Hyperlink) ? cell[i].Hyperlink.DisplayText : null
-                    },
-                    styles: this.formatExcelStyle(cell[i].Style),
-                    rowSpan: !isNullOrUndefined(cell[i].RowSpan) ? cell[i].RowSpan : null
-                });
-                /* eslint-enable */
-            }
-        }
-        return cells;
-    };
-    /* eslint-disable */
-    PivotUtil.formatExcelHeaderFooter = function (excel) {
-        var rows = [];
-        if (!isNullOrUndefined(excel)) {
-            for (var i = 0; i < excel.Rows.length; i++) {
-                var row = excel.Rows[i];
-                var prop = this.getDefinedObj({
-                    index: !isNullOrUndefined(row.Index) ? row.Index : null,
-                    cells: this.formatExcelCell(row.Cells),
-                    grouping: !isNullOrUndefined(row.Grouping) ? row.Grouping : null
-                });
-                rows.push(prop);
-            }
-        }
-        return rows;
-    };
-    PivotUtil.formatExcelExportProperties = function (excel) {
-        /* eslint-enable */
-        var prop;
-        prop = this.getDefinedObj({
-            dataSource: excel.DataSource,
-            query: excel.Query,
-            multipleExport: this.getDefinedObj({
-                type: !isNullOrUndefined(excel.MultipleExport) ? excel.MultipleExport.Type : null,
-                blankRows: !isNullOrUndefined(excel.MultipleExport) ? excel.MultipleExport.BlankRows : null
-            }),
-            header: this.getDefinedObj({
-                headerRows: !isNullOrUndefined(excel.Header) ? excel.Header.HeaderRows : null,
-                rows: this.formatExcelHeaderFooter(excel.Header)
-            }),
-            footer: this.getDefinedObj({
-                footerRows: !isNullOrUndefined(excel.Footer) ? excel.Footer.FooterRows : null,
-                rows: this.formatExcelHeaderFooter(excel.Footer)
-            }),
-            columns: excel.Columns,
-            exportType: typeof excel.ExportType === 'string' ? excel.ExportType : undefined,
-            includeHiddenColumn: excel.IncludeHiddenColumn,
-            theme: !isNullOrUndefined(excel.Theme) ? {
-                header: this.formatExcelStyle(excel.Theme.Header),
-                record: this.formatExcelStyle(excel.Theme.Record),
-                caption: this.formatExcelStyle(excel.Theme.Caption)
-            } : undefined,
-            fileName: excel.FileName,
-            hierarchyExportMode: typeof excel.HierarchyExportMode === 'string' ? excel.HierarchyExportMode : undefined
-        });
-        return prop;
-    };
-    /* eslint-disable */
     PivotUtil.formatFieldList = function (fieldList) {
         var keys = Object.keys(fieldList);
         var fList = {};
@@ -1124,7 +911,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         this.isLastHeaderHasMeasures = true;
         this.isEditing = false;
         var fields;
-        this.globalize = new Internationalization();
+        this.globalize = (customProperties && customProperties.globalize) ? customProperties.globalize : new Internationalization();
+        this.currencyCode = (customProperties && customProperties.currenyCode) ? customProperties.currenyCode : undefined;
         this.localeObj = customProperties ? customProperties.localeObj : undefined;
         this.fieldsType = customProperties ? customProperties.fieldsType : {};
         this.clonedReport = customProperties ? (customProperties.clonedReport &&
@@ -1138,6 +926,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         this.showRowSubTotals = isNullOrUndefined(dataSource.showRowSubTotals) ? true : dataSource.showRowSubTotals;
         this.showColumnSubTotals = isNullOrUndefined(dataSource.showColumnSubTotals) ? true : dataSource.showColumnSubTotals;
         this.showGrandTotals = isNullOrUndefined(dataSource.showGrandTotals) ? true : dataSource.showGrandTotals;
+        this.grandTotalsPosition = isNullOrUndefined(dataSource.grandTotalsPosition) ? 'Bottom' : dataSource.grandTotalsPosition;
         this.showRowGrandTotals = isNullOrUndefined(dataSource.showRowGrandTotals) ? true : dataSource.showRowGrandTotals;
         this.showColumnGrandTotals = isNullOrUndefined(dataSource.showColumnGrandTotals) ? true : dataSource.showColumnGrandTotals;
         this.allowValueFilter = dataSource.allowValueFilter;
@@ -1251,6 +1040,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             this.showRowSubTotals = isNullOrUndefined(dataSource.showRowSubTotals) ? true : dataSource.showRowSubTotals;
             this.showColumnSubTotals = isNullOrUndefined(dataSource.showColumnSubTotals) ? true : dataSource.showColumnSubTotals;
             this.showGrandTotals = isNullOrUndefined(dataSource.showGrandTotals) ? true : dataSource.showGrandTotals;
+            this.grandTotalsPosition = isNullOrUndefined(dataSource.grandTotalsPosition) ? 'Bottom' : dataSource.grandTotalsPosition;
             this.showRowGrandTotals = isNullOrUndefined(dataSource.showRowGrandTotals) ? true : dataSource.showRowGrandTotals;
             this.showColumnGrandTotals = isNullOrUndefined(dataSource.showColumnGrandTotals) ? true : dataSource.showColumnGrandTotals;
             this.allowValueFilter = dataSource.allowValueFilter;
@@ -1553,6 +1343,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                                         }
                                         if (!PivotUtil.getFieldByName(groupKeys[gCnt], dataFields)) {
                                             groupField = groupFields[groupKeys[gCnt]];
+                                            caption_1 = (caption_1.indexOf(' (') !== -1 && caption_1.indexOf(')') !== -1) ? caption_1.slice(caption_1.indexOf('(') + 1, caption_1.length - 1) : caption_1;
                                             var newField = {
                                                 name: groupKeys[gCnt],
                                                 caption: (this_1.localeObj ? this_1.localeObj.getConstant(groupField) : groupField) + ' (' + caption_1 + ')',
@@ -1580,6 +1371,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                         }
                     }
                     gCnt = Object.keys(groupKeys).length;
+                    var field = this_1.getMappingField(fieldName, this_1.clonedReport ? this_1.clonedReport.fieldMapping : this_1.fieldMapping);
+                    var caption_2 = field.caption ? field.caption : fieldName;
                     while (gCnt--) {
                         groupField = groupFields[groupKeys[gCnt]];
                         for (var i = 0, len_3 = this_1.formats.length; i < len_3; i++) {
@@ -1598,6 +1391,33 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                             };
                             this_1.formats.push(formatSettings);
                         }
+                        if (!isDataSource) {
+                            var mappingField = this_1.getMappingField(groupKeys[gCnt], this_1.fieldMapping);
+                            if (groupKeys[gCnt] !== fieldName && isNullOrUndefined(mappingField.name)) {
+                                var newField = {
+                                    name: groupKeys[gCnt],
+                                    caption: (this_1.localeObj ? this_1.localeObj.getConstant(groupField) : groupField) + ' (' + caption_2 + ')'
+                                };
+                                this_1.fieldMapping.push(newField);
+                            }
+                            else if (groupKeys[gCnt] !== fieldName) {
+                                mappingField.caption = (this_1.localeObj ? this_1.localeObj.getConstant(groupField) : groupField) + ' (' + caption_2 + ')';
+                            }
+                        }
+                    }
+                    if (!isDataSource) {
+                        var mappingField = this_1.getMappingField(fieldName, this_1.fieldMapping);
+                        groupField = groupFields[fieldName];
+                        if (groupKeys[gCnt] !== fieldName && isNullOrUndefined(mappingField.name)) {
+                            var newField = {
+                                name: fieldName,
+                                caption: (this_1.localeObj ? this_1.localeObj.getConstant(groupField) : groupField) + ' (' + caption_2 + ')'
+                            };
+                            this_1.fieldMapping.push(newField);
+                        }
+                        else {
+                            mappingField.caption = (this_1.localeObj ? this_1.localeObj.getConstant(groupField) : groupField) + ' (' + caption_2 + ')';
+                        }
                     }
                 }
                 else if (group.type === 'Number' && group.rangeInterval) {
@@ -1846,7 +1666,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             this.fieldList = this.savedFieldList;
             while (len--) { /** while is used for better performance than for */
                 var key = keys[len];
-                var field = this.getMappingField(key);
+                var field = this.getMappingField(key, this.fieldMapping);
                 if (this.fieldList[key]) {
                     this.fieldList[key].isSelected = false;
                     this.fieldList[key].index = len;
@@ -1925,7 +1745,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             this.fieldList = {};
             while (len--) { /** while is used for better performance than for */
                 var key = keys[len];
-                var field = this.getMappingField(key);
+                var field = this.getMappingField(key, this.fieldMapping);
                 type = (field && 'dataType' in field && field.dataType && dataTypes.indexOf(field.dataType.toLowerCase()) > -1) ?
                     field.dataType.toLowerCase() : PivotUtil.getType(fields[this.fieldKeys[key]]);
                 this.fieldList[key] = {
@@ -1969,12 +1789,12 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         }
         this.updateTreeViewData(dataFields);
     };
-    PivotEngine.prototype.getMappingField = function (key) {
+    PivotEngine.prototype.getMappingField = function (key, fieldMapping) {
         var field = {};
-        if (this.fieldMapping.length > 0) {
-            for (var index = 0, cnt = this.fieldMapping.length; index < cnt; index++) {
-                if (this.fieldMapping[index].name === key) {
-                    field = this.fieldMapping[index];
+        if (fieldMapping.length > 0) {
+            for (var index = 0, cnt = fieldMapping.length; index < cnt; index++) {
+                if (fieldMapping[index].name === key) {
+                    field = fieldMapping[index];
                     break;
                 }
             }
@@ -2548,8 +2368,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         field.filter = filter;
         field.filterType = type;
         field.isExcelFilter = isLabelFilter;
-        var members = (this.formatFields[name] &&
-            (['date', 'dateTime', 'time'].indexOf(this.formatFields[name].type) > -1)) ?
+        var members = ((this.formatFields[name] &&
+            (['date', 'dateTime', 'time'].indexOf(this.formatFields[name].type) > -1)) || (name in this.groupingFields)) ?
             field.formattedMembers : field.members;
         var allowFil = isInclude;
         var final = {};
@@ -2596,7 +2416,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
     };
     PivotEngine.prototype.applyValueFiltering = function (rowData, level, rows, columns, valueFilter, rowFilterData, type) {
         this.isValueFiltered = false;
-        var allMember = extend({}, (type === 'row' && this.rowGrandTotal ? this.rowGrandTotal : type === 'column' && this.columnGrandTotal ? this.columnGrandTotal : rows[rows.length - 1]), null, true);
+        var allMember = extend({}, (type === 'row' && this.rowGrandTotal ? this.rowGrandTotal : type === 'column' && this.columnGrandTotal ? this.columnGrandTotal : (!(this.grandTotalsPosition === 'Top') ? rows[rows.length - 1] : rows[0])), null, true);
         this.getFilteredData(rows, columns, valueFilter, rowFilterData, level, rowData.name, allMember, type);
         if (this.isValueFiltered) {
             if ((type === 'row' && this.rowGrandTotal === null) || (type === 'column' && this.columnGrandTotal === null)) {
@@ -2942,14 +2762,14 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                         for (var i = 0; i < rLen; i++) {
                             if (filterElement.name === rows[i].name && valueFields[filterElement.measure] && !isAvail) {
                                 isAvail = true;
-                                rowFilteredData = this.applyValueFiltering(rows[i], i, rowHeaders, (this.columnGrandTotal ? this.columnGrandTotal : columnHeaders[columnHeaders.length - 1]), valueFilters, this.valueFilteredData, 'row');
+                                rowFilteredData = this.applyValueFiltering(rows[i], i, rowHeaders, (this.columnGrandTotal ? this.columnGrandTotal : (this.grandTotalsPosition === 'Top' && this.showGrandTotals) ? columnHeaders[0] : columnHeaders[columnHeaders.length - 1]), valueFilters, this.valueFilteredData, 'row');
                                 break;
                             }
                         }
                         for (var j = 0; j < cLen; j++) {
                             if (filterElement.name === columns[j].name && valueFields[filterElement.measure] && !isAvail) {
                                 isAvail = true;
-                                columnFilteredData = this.applyValueFiltering(columns[j], j, columnHeaders, (this.rowGrandTotal ? this.rowGrandTotal : rowHeaders[rowHeaders.length - 1]), valueFilters, this.valueFilteredData, 'column');
+                                columnFilteredData = this.applyValueFiltering(columns[j], j, columnHeaders, (this.rowGrandTotal ? this.rowGrandTotal : (this.grandTotalsPosition === 'Top' && this.showGrandTotals) ? rowHeaders[0] : rowHeaders[rowHeaders.length - 1]), valueFilters, this.valueFilteredData, 'column');
                                 break;
                             }
                         }
@@ -3260,7 +3080,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         }
         var engine = this;
         return headers.filter(function (item) {
-            return item.members.length > 0 ? item.members.length > 0 : engine.matchIndexes(item.indexObject, filterObjects);
+            return (item.members.length > 0 || item.type === 'grand sum') ? true : engine.matchIndexes(item.indexObject, filterObjects);
         });
     };
     PivotEngine.prototype.matchIndexes = function (index, filterObjects) {
@@ -3340,6 +3160,14 @@ var PivotEngine = /** @__PURE__ @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;
@@ -3485,8 +3313,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                     }
                 }
                 if (stringValue.length > 0) {
-                    stringValue = childrens.sort === 'Ascending' ? (stringValue.sort(function (a, b) { return (a.actualText > b.actualText) ? 1 : ((b.actualText > a.actualText) ? -1 : 0); })) :
-                        childrens.sort === 'Descending' ? (stringValue.sort(function (a, b) { return (a.actualText < b.actualText) ? 1 : ((b.actualText < a.actualText) ? -1 : 0); })) : stringValue;
+                    stringValue = childrens.sort === 'Ascending' ? (stringValue.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : ((a.actualText > b.actualText) ? 1 : ((b.actualText > a.actualText) ? -1 : 0)); })) :
+                        childrens.sort === 'Descending' ? (stringValue.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : ((a.actualText < b.actualText) ? 1 : ((b.actualText < a.actualText) ? -1 : 0)); })) : stringValue;
                 }
                 if (alphaNumbervalue.length > 0) {
                     alphaNumbervalue = childrens.sort === 'Ascending' ?
@@ -3499,9 +3327,9 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             }
             else {
                 return sortOrder === 'Ascending' ?
-                    (headers.sort(function (a, b) { return (a.actualText > b.actualText) ? 1 : ((b.actualText > a.actualText) ? -1 : 0); })) :
+                    (headers.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : ((a.actualText > b.actualText) ? 1 : ((b.actualText > a.actualText) ? -1 : 0)); })) :
                     sortOrder === 'Descending' ?
-                        (headers.sort(function (a, b) { return (a.actualText < b.actualText) ? 1 : ((b.actualText < a.actualText) ? -1 : 0); })) :
+                        (headers.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : ((a.actualText < b.actualText) ? 1 : ((b.actualText < a.actualText) ? -1 : 0)); })) :
                         headers;
             }
         }
@@ -3521,7 +3349,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             this.valueSortHeaderText = undefined;
             if (this.enableValueSorting && this.valueSortSettings.headerText && !this.valueSortHeaderText &&
                 this.valueSortSettings.headerText !== '' && this.values.length > 0) {
-                var textArray = this.valueSortSettings.headerText.split(this.valueSortSettings.headerDelimiter);
+                this.valueSortHeaderText = this.valueSortSettings.headerText;
+                var textArray = this.valueSortHeaderText.split(this.valueSortSettings.headerDelimiter);
                 for (var _i = 0, _a = this.values; _i < _a.length; _i++) {
                     var field = _a[_i];
                     var name_1 = field.caption ? field.caption : field.name;
@@ -4311,7 +4140,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
     PivotEngine.prototype.insertAllMember = function (set, filter, customText, axis) {
         var len = set.length;
         customText = ' Total';
-        set[len] = {
+        var grandTotalSet = {
             hasChild: false,
             index: filter,
             level: 0,
@@ -4325,13 +4154,14 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             type: 'grand sum',
             valueSort: {}
         };
-        set[len].valueSort[set[len].formattedText] = 1;
-        set[len].valueSort.levelName = set[len].formattedText;
-        set[len].valueSort[set[len].actualText] = 1;
-        set[len].valueSort.uniqueName = set[len].actualText;
+        grandTotalSet.valueSort[grandTotalSet.formattedText] = 1;
+        grandTotalSet.valueSort.levelName = grandTotalSet.formattedText;
+        grandTotalSet.valueSort[grandTotalSet.actualText] = 1;
+        grandTotalSet.valueSort.uniqueName = grandTotalSet.actualText;
         for (var ln = 0, lt = filter.length; ln < lt; ln++) {
-            set[len].indexObject[filter[ln]] = filter[ln];
+            grandTotalSet.indexObject[filter[ln]] = filter[ln];
         }
+        (this.dataSourceSettings.grandTotalsPosition === 'Top' && this.dataSourceSettings.showGrandTotals) ? set.unshift(grandTotalSet) : set.push(grandTotalSet);
         // if (axis === 'row') {
         //     this.rowCount += this.rowValuesLength;
         // } else {
@@ -4379,7 +4209,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().split(this.valueSortSettings.headerDelimiter).indexOf(this.values[vln].name) > -1) {
+                                    if (row.valueSort.uniqueName && row.valueSort.uniqueName.toString().indexOf(this.values[vln].name) > -1) {
                                         isValueIndexFound = true;
                                         isValueCellUpdated = true;
                                         break;
@@ -4414,7 +4244,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().split(this.valueSortSettings.headerDelimiter).indexOf(this.values[vln].name) > -1) {
+                                if (columns[cln].valueSort.uniqueName && columns[cln].valueSort.uniqueName.toString().indexOf(this.values[vln].name) > -1) {
                                     this.updateRowData(rows, columns, tnum, data, vln, rln, cln, dln, actCnt, rTotal, cTotal);
                                     dln = data[tnum].length;
                                 }
@@ -5371,6 +5201,10 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                 this.updateValueMembers(this.measureIndex === 0 && axis.length > 1, null, null, columnHeaders, axis.slice(0, axis.length - 1), vcnt, 0);
                 this.updateValueMembers(false, null, null, columnHeaders, axis.slice(axis.length - 1, axis.length), vcnt, -1);
             }
+            else if (this.grandTotalsPosition === 'Top' && this.showGrandTotals && this.measureIndex === 0) {
+                this.updateValueMembers(false, null, null, columnHeaders, axis.slice(0, 1), vcnt, -1);
+                this.updateValueMembers(this.measureIndex === 0 && axis.length > 1, null, null, columnHeaders, axis.slice(1, axis.length), vcnt, 0);
+            }
             else {
                 var hasColumnTotal = columns.length === 0 && axis.length === 1 && axis[0].type == 'grand sum';
                 this.updateValueMembers(!hasColumnTotal && this.measureIndex === 0, null, null, columnHeaders, axis, vcnt, hasColumnTotal ? -1 : 0);
@@ -5411,6 +5245,10 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                 this.updateValueMembers(this.measureIndex == 0 && this.rMembers.length > 1, null, null, rowAxis, this.rMembers.slice(0, this.rMembers.length - 1), this.values.length, 0);
                 this.updateValueMembers(false, null, null, rowAxis, this.rMembers.slice(this.rMembers.length - 1, this.rMembers.length), this.values.length, -1);
             }
+            else if (this.grandTotalsPosition === 'Top' && this.showGrandTotals && this.measureIndex === 0) {
+                this.updateValueMembers(false, null, null, rowAxis, this.rMembers.slice(0, 1), this.values.length, -1);
+                this.updateValueMembers(this.measureIndex == 0 && this.rMembers.length > 1, null, null, rowAxis, this.rMembers.slice(1, this.rMembers.length), this.values.length, 0);
+            }
             else {
                 var hasRowTotal = rows.length === 0 && this.rMembers.length === 1 && this.rMembers[0].type == 'grand sum';
                 this.updateValueMembers(!hasRowTotal && this.measureIndex == 0, null, null, rowAxis, this.rMembers, this.values.length, hasRowTotal ? -1 : 0);
@@ -6016,6 +5854,12 @@ var fieldDragStart = 'fieldDragStart';
 var chartPointClick = 'chartPointClick';
 /** @hidden */
 var beforeServiceInvoke = 'beforeServiceInvoke';
+/** @hidden */
+var actionBegin = 'actionBegin';
+/** @hidden */
+var actionComplete = 'actionComplete';
+/** @hidden */
+var actionFailure = 'actionFailure';
 /**
  * Specifies pivot internal events
  */
@@ -6045,6 +5889,186 @@ var initToolbar = 'init-toolbar';
 var initFormatting = 'init-formatting';
 /** @hidden */
 var initGrouping = 'init-grouping';
+/**
+ * Specifies action names of actionBegin events
+ */
+/** @hidden */
+var sortValue = 'Sort value';
+/** @hidden */
+var drillUp = 'Drill up';
+/** @hidden */
+var drillDown = 'Drill down';
+/** @hidden */
+var addNewReport = 'Add new report';
+/** @hidden */
+var saveCurrentReport = 'Save current report';
+/** @hidden */
+var saveAsCurrentReport = 'Save as current report';
+/** @hidden */
+var renameCurrentReport = 'Rename current report';
+/** @hidden */
+var removeCurrentReport = 'Remove current report';
+/** @hidden */
+var loadReports = 'Load report';
+/** @hidden */
+var openConditionalFormatting = 'Open conditional formatting dialog';
+/** @hidden */
+var openNumberFormatting = 'Open number formatting dialog';
+/** @hidden */
+var MdxQuery = 'MdxQuery';
+/** @hidden */
+var showFieldList = 'Open field list';
+/** @hidden */
+var tableView = 'Show table view';
+/** @hidden */
+var chartView = 'Show chart view';
+/** @hidden */
+var multipleAxis = 'Multiple Axis';
+/** @hidden */
+var showLegend = 'Show legend';
+/** @hidden */
+var pdfExport = 'PDF export';
+/** @hidden */
+var pngExport = 'PNG export';
+/** @hidden */
+var excelExport = 'Excel export';
+/** @hidden */
+var csvExport = 'CSV export';
+/** @hidden */
+var jpegExport = 'JPEG export';
+/** @hidden */
+var svgExport = 'SVG export';
+/** @hidden */
+var hideSubTotals = 'Hide sub-totals';
+/** @hidden */
+var subTotalsRow = 'Show row sub-totals';
+/** @hidden */
+var subTotalsColumn = 'Show column sub-totals';
+/** @hidden */
+var showSubTotals = 'Show sub-totals';
+/** @hidden */
+var hideGrandTotals = 'Hide grand totals';
+/** @hidden */
+var grandTotalsRow = 'Show row grand totals';
+/** @hidden */
+var grandTotalsColumn = 'Show column grand totals';
+/** @hidden */
+var showGrandTotals = 'Show grand totals';
+/** @hidden */
+var numberFormattingMenu = 'Number Formatting menu';
+/** @hidden */
+var conditionalFormattingMenu = 'Conditional Formatting menu';
+/** @hidden */
+var reportChange = 'Report change';
+/** @hidden */
+var sortFieldTree = 'Sort field tree';
+/** @hidden */
+var editCalculatedField = 'Edit calculated field';
+/** @hidden */
+var sortField = 'Sort field';
+/** @hidden */
+var filterField = 'Filter field';
+/** @hidden */
+var removeField = 'Remove field';
+/** @hidden */
+var openCalculatedField = 'Open calculated field dialog';
+/** @hidden */
+var editRecord = 'Edit record';
+/** @hidden */
+var saveEditedRecords = 'Save edited records';
+/** @hidden */
+var addNewRecord = 'Add new record';
+/** @hidden */
+var removeRecord = 'Remove record';
+/** @hidden */
+var aggregateField = 'Aggregate field';
+/** @hidden */
+var contextMenuCalculatedField = 'CalculatedField Context menu';
+/** @hidden */
+var windowResize = 'Window resize';
+/**
+ * Specifies action names of actionComplete events
+ */
+/** @hidden */
+var calculatedFieldApplied = 'Calculated field applied';
+/** @hidden */
+var editedRecordsSaved = 'Edited records saved';
+/** @hidden */
+var newRecordAdded = 'New record added';
+/** @hidden */
+var recordRemoved = 'Record removed';
+/** @hidden */
+var closeFieldlist = 'Field list closed';
+/** @hidden */
+var fieldTreeSorted = 'Field tree sorted';
+/** @hidden */
+var reportSaved = 'Report saved';
+/** @hidden */
+var newReportAdded = 'New report added';
+/** @hidden */
+var reportReSaved = 'Report re-saved';
+/** @hidden */
+var reportRenamed = 'Report renamed';
+/** @hidden */
+var reportRemoved = 'Report removed';
+/** @hidden */
+var excelExported = 'Excel exported';
+/** @hidden */
+var csvExported = 'CSV exported';
+/** @hidden */
+var pdfExported = 'PDF exported';
+/** @hidden */
+var pngExported = 'PNG exported';
+/** @hidden */
+var jpegExported = 'JPEG exported';
+/** @hidden */
+var svgExported = 'SVG exported';
+/** @hidden */
+var conditionallyFormatted = 'Conditional formatting applied';
+/** @hidden */
+var numberFormatted = 'Number formatting applied';
+/** @hidden */
+var tableViewed = 'Table view shown';
+/** @hidden */
+var chartViewed = 'Chart view shown';
+/** @hidden */
+var subTotalsHidden = 'Sub-totals hidden';
+/** @hidden */
+var subTotalsRowShown = 'Row sub-totals shown';
+/** @hidden */
+var subTotalsColumnShown = 'Column sub-totals shown';
+/** @hidden */
+var subTotalsShown = 'Sub-totals shown';
+/** @hidden */
+var grandTotalsHidden = 'Grand totals hidden';
+/** @hidden */
+var grandTotalsRowShown = 'Row grand totals shown';
+/** @hidden */
+var grandTotalsColumnShown = 'Column grand totals shown';
+/** @hidden */
+var grandTotalsShown = 'Grand totals shown';
+/** @hidden */
+var valueSorted = 'Value sorted';
+/** @hidden */
+var calculatedFieldEdited = 'Calculated field edited';
+/** @hidden */
+var fieldSorted = 'Field sorted';
+/** @hidden */
+var fieldFiltered = 'Field filtered';
+/** @hidden */
+var fieldRemoved = 'Field removed';
+/** @hidden */
+var fieldAggregated = 'Field aggregated';
+/** @hidden */
+var recordEdited = 'Record edited';
+/** @hidden */
+var reportChanged = 'Report changed';
+/** @hidden */
+var windowResized = 'Window resized';
+/** @hidden */
+var recordUpdated = 'Records updated';
+/** @hidden */
+var drillThroughClosed = 'Drill-through closed';
 
 /**
  * CSS Constants
@@ -6718,6 +6742,8 @@ var PIVOTCHART_TYPE_DIALOG = 'e-pivotchart-type-dialog';
 var FORMAT_FONT_COLOR_PICKER = 'e-format-font-color-picker';
 /** @hidden */
 var GROUP_PIVOT_ROW = 'e-group-pivot-rows';
+/** @hidden */
+var TOOLBAR_MENU = 'e-pivot-toolbar-menu';
 
 /**
  * `AggregateMenu` module to create aggregate type popup.
@@ -6747,28 +6773,39 @@ var AggregateMenu = /** @__PURE__ @class */ (function () {
     AggregateMenu.prototype.openContextMenu = function (args) {
         var _this = this;
         var fieldName = args.target.parentElement.id;
+        var fieldInfo = PivotUtil.getFieldInfo(fieldName, this.parent);
         this.buttonElement = args.target.parentElement;
         var isStringField = this.parent.engineModule.fieldList[fieldName].type !== 'number' ? 1 : 0;
         this.summaryTypes = this.getMenuItem(isStringField).slice();
+        this.parent.actionObj.actionName = aggregateField;
+        this.parent.actionObj.fieldInfo = fieldInfo.fieldItem;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
         var eventArgs = {
             cancel: false, fieldName: fieldName, aggregateTypes: this.summaryTypes, displayMenuCount: 7
         };
         var control = this.parent.getModuleName() === 'pivotfieldlist' && this.parent.isPopupView ?
             this.parent.pivotGridModule : this.parent;
-        control.trigger(aggregateMenuOpen, eventArgs, function (observedArgs) {
-            if (!observedArgs.cancel) {
-                _this.summaryTypes = observedArgs.aggregateTypes;
-                _this.createContextMenu(isStringField, observedArgs.displayMenuCount);
-                _this.currentMenu = args.target;
-                var pos = _this.currentMenu.getBoundingClientRect();
-                if (_this.parent.enableRtl) {
-                    _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left - 105);
-                }
-                else {
-                    _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left);
+        try {
+            control.trigger(aggregateMenuOpen, eventArgs, function (observedArgs) {
+                if (!observedArgs.cancel) {
+                    _this.summaryTypes = observedArgs.aggregateTypes;
+                    _this.createContextMenu(isStringField, observedArgs.displayMenuCount);
+                    _this.currentMenu = args.target;
+                    var pos = _this.currentMenu.getBoundingClientRect();
+                    if (_this.parent.enableRtl) {
+                        _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left - 105);
+                    }
+                    else {
+                        _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left);
+                    }
                 }
-            }
-        });
+            });
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
     };
     AggregateMenu.prototype.createContextMenu = function (isStringField, displayMenuCount) {
         var _this = this;
@@ -7045,31 +7082,42 @@ var AggregateMenu = /** @__PURE__ @class */ (function () {
     AggregateMenu.prototype.selectOptionInContextMenu = function (menu) {
         if (menu.item.text !== null) {
             var buttonElement = this.currentMenu.parentElement;
-            var type = menu.item.id.split('_').pop();
-            if (type === 'MoreOption' || type === 'PercentageOfDifferenceFrom'
-                || type === 'PercentageOfParentTotal' || type === 'DifferenceFrom') {
-                this.createValueSettingsDialog(buttonElement, this.parentElement, type);
+            var fieldInfo = PivotUtil.getFieldInfo((buttonElement ? buttonElement.id : ''), this.parent);
+            this.parent.actionObj.actionName = aggregateField;
+            this.parent.actionObj.fieldInfo = fieldInfo.fieldItem;
+            if (this.parent.actionBeginMethod()) {
+                return;
             }
-            else {
-                var field = buttonElement.getAttribute('data-uid');
-                var valuefields = this.parent.dataSourceSettings.values;
-                var contentElement = buttonElement.querySelector('.e-content');
-                var captionName = menu.item.text + ' ' + this.parent.localeObj.getConstant('of') + ' ' +
-                    this.parent.engineModule.fieldList[field].caption;
-                contentElement.innerHTML = captionName;
-                contentElement.setAttribute('title', captionName);
-                buttonElement.setAttribute('data-type', type);
-                for (var vCnt = 0; vCnt < this.parent.dataSourceSettings.values.length; vCnt++) {
-                    if (this.parent.dataSourceSettings.values[vCnt].name === field) {
-                        var dataSourceItem = extend({}, valuefields[vCnt].properties ?
-                            valuefields[vCnt].properties : valuefields[vCnt], null, true);
-                        dataSourceItem.type = type;
-                        this.parent.engineModule.fieldList[field].aggregateType = type;
-                        valuefields.splice(vCnt, 1, dataSourceItem);
-                        this.parent.lastAggregationInfo = dataSourceItem;
+            var type = menu.item.id.split('_').pop();
+            try {
+                if (type === 'MoreOption' || type === 'PercentageOfDifferenceFrom'
+                    || type === 'PercentageOfParentTotal' || type === 'DifferenceFrom') {
+                    this.createValueSettingsDialog(buttonElement, this.parentElement, type);
+                }
+                else {
+                    var field = buttonElement.getAttribute('data-uid');
+                    var valuefields = this.parent.dataSourceSettings.values;
+                    var contentElement = buttonElement.querySelector('.e-content');
+                    var captionName = menu.item.text + ' ' + this.parent.localeObj.getConstant('of') + ' ' +
+                        this.parent.engineModule.fieldList[field].caption;
+                    contentElement.innerHTML = captionName;
+                    contentElement.setAttribute('title', captionName);
+                    buttonElement.setAttribute('data-type', type);
+                    for (var vCnt = 0; vCnt < this.parent.dataSourceSettings.values.length; vCnt++) {
+                        if (this.parent.dataSourceSettings.values[vCnt].name === field) {
+                            var dataSourceItem = extend({}, valuefields[vCnt].properties ?
+                                valuefields[vCnt].properties : valuefields[vCnt], null, true);
+                            dataSourceItem.type = type;
+                            this.parent.engineModule.fieldList[field].aggregateType = type;
+                            valuefields.splice(vCnt, 1, dataSourceItem);
+                            this.parent.lastAggregationInfo = dataSourceItem;
+                        }
                     }
+                    this.updateDataSource();
                 }
-                this.updateDataSource();
+            }
+            catch (execption) {
+                this.parent.actionFailureMethod(execption);
             }
         }
     };
@@ -7186,13 +7234,16 @@ var Render = /** @__PURE__ @class */ (function () {
         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 = parent.gridSettings;
+        this.gridSettings = this.parent.gridSettings;
         this.formatList = this.getFormatList();
         this.aggMenu = new AggregateMenu(this.parent);
     }
     /* eslint-disable-next-line */
     /** @hidden */
-    Render.prototype.render = function () {
+    Render.prototype.render = function (refreshRequired) {
+        if (refreshRequired) {
+            this.initProperties();
+        }
         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;
@@ -7256,6 +7307,30 @@ var Render = /** @__PURE__ @class */ (function () {
         }
         this.parent.grid.on(headerRefreshed, this.refreshHeader, this);
     };
+    Render.prototype.initProperties = function () {
+        this.rowStartPos = undefined;
+        this.maxIndent = undefined;
+        this.resColWidth = undefined;
+        this.isOverflows = undefined;
+        this.indentCollection = {};
+        this.formatList = undefined;
+        this.colPos = 0;
+        this.colGrandPos = undefined;
+        this.rowGrandPos = undefined;
+        this.lastSpan = 0;
+        this.field = undefined;
+        this.fieldCaption = undefined;
+        this.lvlCollection = {};
+        this.hierarchyCollection = {};
+        this.lvlPosCollection = {};
+        this.hierarchyPosCollection = {};
+        this.position = 0;
+        this.measurePos = 0;
+        this.maxMeasurePos = 0;
+        this.hierarchyCount = 0;
+        this.actualText = '';
+        this.timeOutObj = undefined;
+    };
     Render.prototype.refreshHeader = function () {
         if (this.parent.enableVirtualization) {
             var mHdr = this.parent.element.querySelector('.' + MOVABLEHEADER_DIV);
@@ -7457,9 +7532,9 @@ var Render = /** @__PURE__ @class */ (function () {
             this.parent.renderReactTemplates(); /* eslint-disable-line */
         }
         if (this.parent.isInitial) {
+            this.parent.isInitial = false;
             this.parent.refreshData();
         }
-        this.parent.isInitial = false;
         this.parent.notify(contentReady, {});
     };
     Render.prototype.setFocusOnLastCell = function () {
@@ -8275,7 +8350,7 @@ var Render = /** @__PURE__ @class */ (function () {
                 if (cell.isSum) {
                     tCell.classList.add(SUMMARY);
                 }
-                var isGrandSum = (isNullOrUndefined(cell.isGrandSum) && this.parent.dataSourceSettings.valueAxis === 'column' && this.parent.dataType === 'olap' &&
+                var isGrandSum = (isNullOrUndefined(cell.isGrandSum) && (!isNullOrUndefined(this.parent.olapEngineModule) && this.parent.olapEngineModule.olapValueAxis === 'column') && this.parent.dataType === 'olap' &&
                     ((this.colGrandPos - this.parent.dataSourceSettings.values.length) < Number(tCell.getAttribute('aria-colindex'))));
                 if (cell.isGrandSum || (isGrandSum || this.colGrandPos === Number(tCell.getAttribute('aria-colindex'))) || this.rowGrandPos === Number(tCell.getAttribute('index'))) {
                     tCell.classList.add('e-gtot');
@@ -8416,6 +8491,12 @@ var Render = /** @__PURE__ @class */ (function () {
                 }
                 lvlPos++;
             }
+            if (this.parent.dataSourceSettings.grandTotalsPosition === 'Top' && (!isNullOrUndefined(this.parent.olapEngineModule) && this.parent.olapEngineModule.olapValueAxis === 'row') && this.parent.dataType === 'olap' &&
+                (cell.valueSort.levelName.toString()).indexOf(this.parent.localeObj.getConstant('grandTotal') + this.parent.dataSourceSettings.valueSortSettings.headerDelimiter) === 0) {
+                tCell.appendChild(createElement('span', {
+                    className: NEXTSPAN,
+                }));
+            }
             if (cell.memberType === 3 && cell.level === -1 && Object.keys(this.lvlCollection).length > 1) {
                 tCell.appendChild(createElement('span', {
                     className: NEXTSPAN,
@@ -8728,8 +8809,8 @@ var Render = /** @__PURE__ @class */ (function () {
         if (this.parent.currentView !== 'Chart') {
             if (this.gridSettings.height === 'auto' && parHeight && this.parent.element.querySelector('.' + GRID_HEADER)) {
                 var rowColHeight = this.parent.element.querySelector('.' + GRID_HEADER).offsetHeight;
-                var gBarHeight = rowColHeight + (this.parent.element.querySelector('.' + GROUPING_BAR_CLASS) ?
-                    this.parent.element.querySelector('.' + GROUPING_BAR_CLASS).offsetHeight : 0);
+                var gBarHeight = rowColHeight + (this.parent.element.querySelector('.' + GRID_GROUPING_BAR_CLASS) ?
+                    this.parent.element.querySelector('.' + GRID_GROUPING_BAR_CLASS).offsetHeight : 0);
                 var toolBarHeight = this.parent.element.querySelector('.' + GRID_TOOLBAR) ? 42 : 0;
                 gridHeight = parHeight - (gBarHeight + toolBarHeight) - 1;
                 gridHeight = gridHeight < 40 ? 40 : gridHeight;
@@ -10464,7 +10545,6 @@ var FilterDialog = /** @__PURE__ @class */ (function () {
                 if (_this.allowExcelLikeFilter) {
                     _this.dialogPopUp.element.querySelector('.e-dlg-closeicon-btn').focus();
                 }
-                _this.parent.control.pivotButtonModule.memberTreeView = _this.parent.filterDialog.memberTreeView;
                 _this.memberTreeView.nodeChecked =
                     _this.parent.control.pivotButtonModule.nodeStateModified.bind(_this.parent.control.pivotButtonModule);
                 _this.allMemberSelect.nodeChecked =
@@ -11480,6 +11560,15 @@ var FilterDialog = /** @__PURE__ @class */ (function () {
         if (this.dropMenu && !this.dropMenu.isDestroyed) {
             this.dropMenu.destroy();
         }
+        if (this.memberTreeView && !this.memberTreeView.isDestroyed) {
+            this.memberTreeView.destroy();
+        }
+        if (this.allMemberSelect && !this.allMemberSelect.isDestroyed) {
+            this.allMemberSelect.destroy();
+        }
+        if (this.editorSearch && !this.editorSearch.isDestroyed) {
+            this.editorSearch.destroy();
+        }
         if (document.getElementById(this.parent.parentID + '_LevelDiv-popup')) {
             remove(document.getElementById(this.parent.parentID + '_LevelDiv-popup'));
         }
@@ -11488,11 +11577,24 @@ var FilterDialog = /** @__PURE__ @class */ (function () {
     FilterDialog.prototype.removeFilterDialog = function () {
         if (this.dialogPopUp && !this.dialogPopUp.isDestroyed) {
             this.dialogPopUp.destroy();
+            setTimeout(this.setFocus.bind(this));
         }
         if (document.getElementById(this.parent.parentID + '_EditorTreeView')) {
             remove(document.getElementById(this.parent.parentID + '_EditorTreeView'));
         }
     };
+    FilterDialog.prototype.setFocus = function () {
+        if (this.parent.control.pivotButtonModule.parentElement) {
+            var pivotButtons = [].slice.call(this.parent.control.pivotButtonModule.parentElement.querySelectorAll('.e-pivot-button'));
+            for (var _i = 0, pivotButtons_1 = pivotButtons; _i < pivotButtons_1.length; _i++) {
+                var item = pivotButtons_1[_i];
+                if (item.getAttribute('data-uid') === this.parent.control.pivotButtonModule.fieldName) {
+                    item.focus();
+                    break;
+                }
+            }
+        }
+    };
     return FilterDialog;
 }());
 
@@ -12209,6 +12311,9 @@ var DataSourceSettings = /** @__PURE__ @class */ (function (_super) {
     __decorate$1([
         Property(true)
     ], DataSourceSettings.prototype, "showGrandTotals", void 0);
+    __decorate$1([
+        Property('Bottom')
+    ], DataSourceSettings.prototype, "grandTotalsPosition", void 0);
     __decorate$1([
         Property(true)
     ], DataSourceSettings.prototype, "showRowGrandTotals", void 0);
@@ -13025,6 +13130,7 @@ var VirtualScroll$1 = /** @__PURE__ @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();
@@ -13048,6 +13154,9 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
             var mScrollBar = mCont.parentElement.parentElement.querySelector('.' + 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('.' + MOVABLESCROLL_DIV);
                 EventHandler.add(ele, 'scroll touchmove pointermove', this.onHorizondalScroll(mHdr, mCont, fCont), this);
@@ -13109,7 +13218,7 @@ var VirtualScroll$1 = /** @__PURE__ @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(MOVABLEHEADER_DIV))) {
                 return;
             }
             content.scrollLeft = left;
@@ -13466,142 +13575,159 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
             this.clonedData.push(this.frameHeaderWithKeys(eventArgs.rawData[i]));
         }
         var actualText = eventArgs.currentCell.actualText.toString();
-        if (this.parent.currentView === 'Table' && this.engine.fieldList[actualText].aggregateType !== 'Count' && this.parent.editSettings.allowInlineEditing &&
-            this.parent.editSettings.allowEditing && eventArgs.rawData.length === 1 &&
-            this.engine.fieldList[actualText].aggregateType !== 'DistinctCount' && typeof (eventArgs.rawData[0][actualText]) !== 'string') {
-            this.editCell(eventArgs);
-        }
-        else {
-            this.removeDrillThroughDialog();
-            var drillThroughDialog = createElement('div', {
-                id: this.parent.element.id + '_drillthrough',
-                className: DRILLTHROUGH_DIALOG
-            });
-            this.parent.element.appendChild(drillThroughDialog);
-            this.dialogPopUp = new Dialog({
-                animationSettings: { effect: 'Fade' },
-                allowDragging: false,
-                header: this.parent.localeObj.getConstant('details'),
-                content: this.createDrillThroughGrid(eventArgs),
-                beforeOpen: function () {
-                    _this.drillThroughGrid.setProperties({
-                        dataSource: _this.parent.editSettings.allowEditing ?
-                            _this.dataWithPrimarykey(eventArgs) : _this.gridData,
-                        height: !_this.parent.editSettings.allowEditing ? 300 : 220
-                    }, false);
-                },
-                beforeClose: function () {
-                    if (_this.parent.editSettings.allowEditing && _this.isUpdated) {
-                        if (_this.parent.dataSourceSettings.type === 'CSV') {
-                            _this.updateData(_this.drillThroughGrid.dataSource);
-                        }
-                        var gridIndexObjectsValue = Object.keys(_this.gridIndexObjects);
-                        var previousPosition = [];
-                        for (var _i = 0, gridIndexObjectsValue_1 = gridIndexObjectsValue; _i < gridIndexObjectsValue_1.length; _i++) {
-                            var value = gridIndexObjectsValue_1[_i];
-                            previousPosition.push(_this.gridIndexObjects[value]);
-                        }
-                        var count = Object.keys(_this.gridIndexObjects).length;
-                        var addItems = [];
-                        var prevItems = [];
-                        var index = 0;
-                        /* eslint-disable @typescript-eslint/dot-notation */
-                        for (var _a = 0, _b = _this.drillThroughGrid.dataSource; _a < _b.length; _a++) {
-                            var item = _b[_a];
-                            if (isNullOrUndefined(item['__index']) || item['__index'] === '') {
-                                for (var _c = 0, _d = _this.engine.fields; _c < _d.length; _c++) {
-                                    var field = _d[_c];
-                                    if (isNullOrUndefined(item[field])) {
-                                        delete item[field];
-                                    }
-                                }
-                                delete item['__index'];
-                                addItems.push(item);
+        try {
+            if (this.parent.currentView === 'Table' && this.engine.fieldList[actualText].aggregateType !== 'Count' && this.parent.editSettings.allowInlineEditing &&
+                this.parent.editSettings.allowEditing && eventArgs.rawData.length === 1 &&
+                this.engine.fieldList[actualText].aggregateType !== 'DistinctCount' && typeof (eventArgs.rawData[0][actualText]) !== 'string') {
+                this.parent.actionObj.actionName = editRecord;
+                if (this.parent.actionBeginMethod()) {
+                    return;
+                }
+                this.editCell(eventArgs);
+            }
+            else {
+                this.removeDrillThroughDialog();
+                var drillThroughDialog = createElement('div', {
+                    id: this.parent.element.id + '_drillthrough',
+                    className: DRILLTHROUGH_DIALOG
+                });
+                this.parent.element.appendChild(drillThroughDialog);
+                this.dialogPopUp = new Dialog({
+                    animationSettings: { effect: 'Fade' },
+                    allowDragging: false,
+                    header: this.parent.localeObj.getConstant('details'),
+                    content: this.createDrillThroughGrid(eventArgs),
+                    beforeOpen: function () {
+                        _this.drillThroughGrid.setProperties({
+                            dataSource: _this.parent.editSettings.allowEditing ?
+                                _this.dataWithPrimarykey(eventArgs) : _this.gridData,
+                            height: !_this.parent.editSettings.allowEditing ? 300 : 220
+                        }, false);
+                    },
+                    beforeClose: function () {
+                        if (_this.parent.editSettings.allowEditing && _this.isUpdated) {
+                            if (_this.parent.dataSourceSettings.type === 'CSV') {
+                                _this.updateData(_this.drillThroughGrid.dataSource);
                             }
-                            else if (count > 0) {
-                                delete _this.gridIndexObjects[item['__index'].toString()];
-                                prevItems.push(item);
-                                count--;
+                            var gridIndexObjectsValue = Object.keys(_this.gridIndexObjects);
+                            var previousPosition = [];
+                            for (var _i = 0, gridIndexObjectsValue_1 = gridIndexObjectsValue; _i < gridIndexObjectsValue_1.length; _i++) {
+                                var value = gridIndexObjectsValue_1[_i];
+                                previousPosition.push(_this.gridIndexObjects[value]);
                             }
-                            if (_this.parent.dataSourceSettings.mode === 'Server') {
-                                if (item['__index']) {
+                            var count = Object.keys(_this.gridIndexObjects).length;
+                            var addItems = [];
+                            var prevItems = [];
+                            var index = 0;
+                            /* eslint-disable @typescript-eslint/dot-notation */
+                            for (var _a = 0, _b = _this.drillThroughGrid.dataSource; _a < _b.length; _a++) {
+                                var item = _b[_a];
+                                if (isNullOrUndefined(item['__index']) || item['__index'] === '') {
+                                    for (var _c = 0, _d = _this.engine.fields; _c < _d.length; _c++) {
+                                        var field = _d[_c];
+                                        if (isNullOrUndefined(item[field])) {
+                                            delete item[field];
+                                        }
+                                    }
                                     delete item['__index'];
+                                    addItems.push(item);
                                 }
-                                if (_this.gridData[index]['__index']) {
-                                    delete _this.gridData[index]['__index'];
+                                else if (count > 0) {
+                                    delete _this.gridIndexObjects[item['__index'].toString()];
+                                    prevItems.push(item);
+                                    count--;
                                 }
+                                if (_this.parent.dataSourceSettings.mode === 'Server') {
+                                    if (item['__index']) {
+                                        delete item['__index'];
+                                    }
+                                    if (_this.gridData[index]['__index']) {
+                                        delete _this.gridData[index]['__index'];
+                                    }
+                                }
+                                index++;
                             }
-                            index++;
-                        }
-                        count = 0;
-                        if (_this.parent.dataSourceSettings.mode === 'Server') {
-                            var gridIndex = []; /* eslint-disable-line */
-                            var keys = Object.keys(_this.gridIndexObjects);
-                            for (var len = 0; len < keys.length; len++) {
-                                delete _this.parent.drillThroughValue.indexObject[_this.gridIndexObjects[keys[len]]];
-                                gridIndex.push({ Key: keys[len], Value: _this.gridIndexObjects[keys[len]] }); /* eslint-disable-line */
-                            }
-                            var indexObject = []; /* eslint-disable-line */
-                            keys = Object.keys(_this.parent.drillThroughValue.indexObject);
-                            for (var len = 0; len < keys.length; len++) {
-                                indexObject.push({ Key: keys[len], Value: _this.parent.drillThroughValue.indexObject[keys[len]] }); /* eslint-disable-line */
+                            count = 0;
+                            if (_this.parent.dataSourceSettings.mode === 'Server') {
+                                var gridIndex = []; /* eslint-disable-line */
+                                var keys = Object.keys(_this.gridIndexObjects);
+                                for (var len = 0; len < keys.length; len++) {
+                                    delete _this.parent.drillThroughValue.indexObject[_this.gridIndexObjects[keys[len]]];
+                                    gridIndex.push({ Key: keys[len], Value: _this.gridIndexObjects[keys[len]] }); /* eslint-disable-line */
+                                }
+                                var indexObject = []; /* eslint-disable-line */
+                                keys = Object.keys(_this.parent.drillThroughValue.indexObject);
+                                for (var len = 0; len < keys.length; len++) {
+                                    indexObject.push({ Key: keys[len], Value: _this.parent.drillThroughValue.indexObject[keys[len]] }); /* eslint-disable-line */
+                                }
+                                _this.parent.getEngine('updateRawData', null, null, null, null, null, null, null, { 'addedData': addItems, 'removedData': gridIndex, 'updatedData': prevItems, indexObject: indexObject });
                             }
-                            _this.parent.getEngine('updateRawData', null, null, null, null, null, null, null, { 'addedData': addItems, 'removedData': gridIndex, 'updatedData': prevItems, indexObject: indexObject });
-                        }
-                        else {
-                            var items = [];
-                            var data = (_this.parent.allowDataCompression && _this.parent.enableVirtualization) ?
-                                _this.parent.engineModule.actualData : _this.parent.engineModule.data;
-                            for (var _e = 0, _f = data; _e < _f.length; _e++) {
-                                var item = _f[_e];
-                                delete item['__index'];
-                                if (_this.gridIndexObjects[count.toString()] === undefined) {
-                                    items.push(item);
+                            else {
+                                var items = [];
+                                var data = (_this.parent.allowDataCompression && _this.parent.enableVirtualization) ?
+                                    _this.parent.engineModule.actualData : _this.parent.engineModule.data;
+                                for (var _e = 0, _f = data; _e < _f.length; _e++) {
+                                    var item = _f[_e];
+                                    delete item['__index'];
+                                    if (_this.gridIndexObjects[count.toString()] === undefined) {
+                                        items.push(item);
+                                    }
+                                    count++;
+                                }
+                                /* eslint-enable @typescript-eslint/dot-notation */
+                                items = items.concat(addItems);
+                                var eventArgs_1 = {
+                                    currentData: _this.drillThroughGrid.dataSource,
+                                    previousData: _this.clonedData,
+                                    previousPosition: previousPosition,
+                                    cancel: false
+                                };
+                                _this.parent.trigger(editCompleted, eventArgs_1);
+                                if (!eventArgs_1.cancel) {
+                                    _this.parent.setProperties({ dataSourceSettings: { dataSource: items } }, true);
+                                    _this.engine.updateGridData(_this.parent.dataSourceSettings);
+                                    _this.parent.pivotValues = _this.engine.pivotValues;
                                 }
-                                count++;
                             }
-                            /* eslint-enable @typescript-eslint/dot-notation */
-                            items = items.concat(addItems);
-                            var eventArgs_1 = {
-                                currentData: _this.drillThroughGrid.dataSource,
-                                previousData: _this.clonedData,
-                                previousPosition: previousPosition,
-                                cancel: false
+                            _this.parent.actionObj.actionName = recordUpdated;
+                            var actionInfo = {
+                                editInfo: {
+                                    type: _this.drillThroughGrid.editSettings.mode, action: 'Update', currentData: _this.drillThroughGrid.dataSource,
+                                    previousData: _this.clonedData, previousPosition: previousPosition
+                                }
                             };
-                            _this.parent.trigger(editCompleted, eventArgs_1);
-                            if (!eventArgs_1.cancel) {
-                                _this.parent.setProperties({ dataSourceSettings: { dataSource: items } }, true);
-                                _this.engine.updateGridData(_this.parent.dataSourceSettings);
-                                _this.parent.pivotValues = _this.engine.pivotValues;
-                            }
+                            _this.parent.actionObj.actionInfo = actionInfo;
                         }
-                    }
-                    _this.isUpdated = false;
-                    _this.gridIndexObjects = {};
-                },
-                isModal: true,
-                visible: true,
-                showCloseIcon: true,
-                locale: this.parent.locale,
-                enableRtl: this.parent.enableRtl,
-                width: this.parent.isAdaptive ? '100%' : '60%',
-                position: { X: 'center', Y: 'center' },
-                closeOnEscape: !this.parent.editSettings.allowEditing,
-                target: document.body,
-                close: this.removeDrillThroughDialog.bind(this)
-            });
-            this.dialogPopUp.isStringTemplate = true;
-            this.dialogPopUp.appendTo(drillThroughDialog);
-            // this.dialogPopUp.element.querySelector('.e-dlg-header').innerHTML = this.parent.localeObj.getConstant('details');
-            setStyleAttribute(this.dialogPopUp.element, { 'visibility': 'visible' });
-            if (this.parent.editSettings.allowEditing) {
-                this.drillthroughKeyboardModule = new KeyboardEvents(this.dialogPopUp.element, {
-                    keyAction: this.drillthroughKeyActionHandler.bind(this),
-                    keyConfigs: this.drillKeyConfigs,
-                    eventName: 'keydown'
+                        _this.isUpdated = false;
+                        _this.gridIndexObjects = {};
+                    },
+                    isModal: true,
+                    visible: true,
+                    showCloseIcon: true,
+                    locale: this.parent.locale,
+                    enableRtl: this.parent.enableRtl,
+                    width: this.parent.isAdaptive ? '100%' : '60%',
+                    position: { X: 'center', Y: 'center' },
+                    closeOnEscape: !this.parent.editSettings.allowEditing,
+                    target: document.body,
+                    close: this.removeDrillThroughDialog.bind(this)
                 });
+                this.dialogPopUp.isStringTemplate = true;
+                this.dialogPopUp.appendTo(drillThroughDialog);
+                // this.dialogPopUp.element.querySelector('.e-dlg-header').innerHTML = this.parent.localeObj.getConstant('details');
+                setStyleAttribute(this.dialogPopUp.element, { 'visibility': 'visible' });
+                if (this.parent.editSettings.allowEditing) {
+                    this.drillthroughKeyboardModule = new KeyboardEvents(this.dialogPopUp.element, {
+                        keyAction: this.drillthroughKeyActionHandler.bind(this),
+                        keyConfigs: this.drillKeyConfigs,
+                        eventName: 'keydown'
+                    });
+                }
             }
         }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
     };
     DrillThroughDialog.prototype.editCell = function (eventArgs) {
         var _this = this;
@@ -13617,6 +13743,10 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
         if (eventArgs.currentCell.actualText in previousData) {
             currentData[eventArgs.currentCell.actualText] = eventArgs.currentCell.actualValue;
         }
+        var actionInfo = {
+            editInfo: { type: 'Inline editing', action: 'update', data: this.gridData }
+        };
+        this.parent.actionObj.actionInfo = actionInfo;
         this.numericTextBox = new NumericTextBox({
             value: cellValue,
             enableRtl: this.parent.enableRtl,
@@ -13681,6 +13811,10 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
     };
     DrillThroughDialog.prototype.removeDrillThroughDialog = function () {
         if (this.dialogPopUp && !this.dialogPopUp.isDestroyed) {
+            this.parent.actionObj.actionName = drillThroughClosed;
+            if (this.parent.actionObj.actionName) {
+                this.parent.actionCompleteMethod();
+            }
             this.dialogPopUp.destroy();
         }
         var dialogElement = document.getElementById(this.parent.element.id + '_drillthrough');
@@ -13693,6 +13827,7 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
     };
     /* eslint-disable  */
     DrillThroughDialog.prototype.createDrillThroughGrid = function (eventArgs) {
+        var _this = this;
         var drillThroughBody = createElement('div', { id: this.parent.element.id + '_drillthroughbody', className: DRILLTHROUGH_BODY_CLASS });
         var drillThroughBodyHeader = createElement('div', {
             id: this.parent.element.id +
@@ -13770,31 +13905,53 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
         }
         if (this.parent.editSettings.allowEditing) {
             Grid.Inject(Edit, Page);
-            this.drillThroughGrid.editSettings = this.parent.editSettings;
-            if (this.parent.editSettings.allowCommandColumns) {
-                this.drillThroughGrid.editSettings.mode = 'Normal';
-                this.drillThroughGrid.editSettings.allowEditOnDblClick = false;
-                Grid.Inject(CommandColumn);
+            try {
+                this.drillThroughGrid.editSettings = this.parent.editSettings;
+                this.drillThroughGrid.actionBegin = function (args) {
+                    var actionName = (args.requestType == 'save') ? saveEditedRecords : (args.requestType == 'add') ? addNewRecord : (args.requestType == 'delete') ? removeRecord : '';
+                    _this.parent.actionObj.actionName = actionName;
+                    if (_this.parent.actionObj.actionName) {
+                        if (_this.parent.actionBeginMethod()) {
+                            return;
+                        }
+                    }
+                };
+                if (this.parent.editSettings.allowCommandColumns) {
+                    this.drillThroughGrid.editSettings.mode = 'Normal';
+                    this.drillThroughGrid.editSettings.allowEditOnDblClick = false;
+                    Grid.Inject(CommandColumn);
+                    this.drillThroughGrid.columns.push({
+                        headerText: this.parent.localeObj.getConstant('manageRecords'), width: 160, showInColumnChooser: false,
+                        commands: [
+                            { type: 'Edit', buttonOption: { iconCss: ' e-icons e-edit', cssClass: 'e-flat' } },
+                            { type: 'Delete', buttonOption: { iconCss: 'e-icons e-delete', cssClass: 'e-flat' } },
+                            { type: 'Save', buttonOption: { iconCss: 'e-icons e-update', cssClass: 'e-flat' } },
+                            { type: 'Cancel', buttonOption: { iconCss: 'e-icons e-cancel-icon', cssClass: 'e-flat' } }
+                        ]
+                    });
+                }
+                else {
+                    this.drillThroughGrid.editSettings.allowEditOnDblClick = this.parent.editSettings.allowEditOnDblClick;
+                }
                 this.drillThroughGrid.columns.push({
-                    headerText: this.parent.localeObj.getConstant('manageRecords'), width: 160, showInColumnChooser: false,
-                    commands: [
-                        { type: 'Edit', buttonOption: { iconCss: ' e-icons e-edit', cssClass: 'e-flat' } },
-                        { type: 'Delete', buttonOption: { iconCss: 'e-icons e-delete', cssClass: 'e-flat' } },
-                        { type: 'Save', buttonOption: { iconCss: 'e-icons e-update', cssClass: 'e-flat' } },
-                        { type: 'Cancel', buttonOption: { iconCss: 'e-icons e-cancel-icon', cssClass: 'e-flat' } }
-                    ]
+                    field: '__index', visible: false, isPrimaryKey: true, type: 'string', showInColumnChooser: false
                 });
             }
-            else {
-                this.drillThroughGrid.editSettings.allowEditOnDblClick = this.parent.editSettings.allowEditOnDblClick;
+            catch (execption) {
+                this.parent.actionFailureMethod(execption);
             }
-            this.drillThroughGrid.columns.push({
-                field: '__index', visible: false, isPrimaryKey: true, type: 'string', showInColumnChooser: false
-            });
             this.drillThroughGrid.actionComplete = function (args) {
                 if (args.requestType === 'batchsave' || args.requestType === 'save' || args.requestType === 'delete') {
                     dialogModule.isUpdated = true;
                 }
+                _this.parent.actionObj.actionName = _this.parent.getActionCompleteName();
+                var actionInfo = {
+                    editInfo: { type: _this.drillThroughGrid.editSettings.mode, action: args.requestType, data: _this.gridData }
+                };
+                _this.parent.actionObj.actionInfo = actionInfo;
+                if (_this.parent.actionObj.actionName) {
+                    _this.parent.actionCompleteMethod();
+                }
                 if ((dialogModule.drillThroughGrid.editSettings.mode === 'Normal' && args.requestType === 'save' &&
                     dialogModule.drillThroughGrid.element.querySelectorAll('.e-tbar-btn:hover').length > 0 &&
                     !dialogModule.parent.editSettings.allowCommandColumns) || args.requestType === 'batchsave') {
@@ -13988,7 +14145,7 @@ var DrillThrough = /** @__PURE__ @class */ (function () {
      * @hidden
      */
     DrillThrough.prototype.getModuleName = function () {
-        return 'drillthrough';
+        return 'drillThrough';
     };
     DrillThrough.prototype.addInternalEvents = function () {
         this.parent.on(contentReady, this.wireEvents, this);
@@ -14196,7 +14353,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
      * @private
      */
     PivotChart.prototype.getModuleName = function () {
-        return 'pivotchart';
+        return 'pivotChart';
     };
     /* eslint-disable */
     PivotChart.prototype.loadChart = function (parent, chartSettings) {
@@ -14391,7 +14548,9 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                     this.maxLevel = currrentLevel > this.maxLevel ? currrentLevel : this.maxLevel;
                     var name_1 = this.parent.dataType === 'olap' ? firstRowCell.formattedText :
                         (firstRowCell.actualText ? firstRowCell.actualText.toString() : firstRowCell.formattedText.toString());
-                    var text = firstRowCell.formattedText ? firstRowCell.formattedText.toString() : name_1;
+                    var values = this.engineModule.fieldList[this.currentMeasure];
+                    var text = this.parent.dataSourceSettings.rows.length === 0 ? this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(values.aggregateType) + ' ' +
+                        this.parent.localeObj.getConstant('of') + ' ' + (!isNullOrUndefined(values.caption) ? values.caption : values.name) : firstRowCell.formattedText ? firstRowCell.formattedText.toString() : name_1;
                     var caption = (firstRowCell.hasChild && !firstRowCell.isNamedSet) ?
                         ((firstRowCell.isDrilled ? ' - ' : ' + ') + text) : text;
                     var levelName = tupInfo ? tupInfo.uNameCollection : firstRowCell.valueSort.levelName.toString();
@@ -14567,7 +14726,9 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                     this.chartSettings.palettes = currentSeries.palettes;
                 }
                 for (var i = 0; i < this.columnGroupObject[key].length; i++) {
-                    this.columnGroupObject[key][i].x = this.columnGroupObject[key][i].x === '' ? this.parent.localeObj.getConstant('blank') : this.columnGroupObject[key][i].x;
+                    var values = this.engineModule.fieldList[this.currentMeasure];
+                    this.columnGroupObject[key][i].x = (this.parent.dataSourceSettings.rows.length === 0 && !this.chartSettings.showMultiLevelLabels) ? this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(values.aggregateType) + ' ' +
+                        this.parent.localeObj.getConstant('of') + ' ' + (!isNullOrUndefined(values.caption) ? values.caption : values.name) : this.columnGroupObject[key][i].x === '' ? this.parent.localeObj.getConstant('blank') : this.columnGroupObject[key][i].x;
                 }
                 currentSeries.dataSource = this.columnGroupObject[key];
                 currentSeries.xName = 'x';
@@ -14723,7 +14884,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                     enableSmartLabels: this.chartSettings.enableSmartLabels,
                     center: this.chartSettings.pieCenter,
                     enableBorderOnMouseMove: this.chartSettings.enableBorderOnMouseMove,
-                    highLightMode: this.chartSettings.highlightMode,
+                    highlightMode: this.chartSettings.highlightMode,
                     highlightPattern: this.chartSettings.highlightPattern,
                     titleStyle: this.chartSettings.titleStyle,
                     subTitle: this.chartSettings.subTitle,
@@ -14851,7 +15012,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
             this.parent.chart.highlightPattern = this.parent.chartSettings.highlightPattern;
             if (this.accumulationType.indexOf(type) > -1) {
                 this.parent.chart.enableBorderOnMouseMove = this.parent.chartSettings.enableBorderOnMouseMove;
-                this.parent.chart.highLightMode = this.parent.chartSettings.highlightMode;
+                this.parent.chart.highlightMode = this.parent.chartSettings.highlightMode;
                 this.parent.chart.enableSmartLabels = this.parent.chartSettings.enableSmartLabels;
             }
             else {
@@ -14960,9 +15121,14 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                 currentYAxis.labelFormat = currentYAxis.labelFormat ?
                     currentYAxis.labelFormat : (percentChart ? '' : (!resFormat ? format : 'N'));
                 currentYAxis.title = currentYAxis.title ? currentYAxis.title : measureAggregatedName;
-                currentYAxis.plotOffsetTop = currentYAxis.plotOffsetTop ? currentYAxis.plotOffsetTop :
-                    this.chartSettings.chartSeries.type === 'Bar' || this.chartSettings.chartSeries.type === 'StackingBar' ||
-                        this.chartSettings.chartSeries.type === 'StackingBar100' ? 50 : 30;
+                currentYAxis.edgeLabelPlacement = this.chartSettings.primaryYAxis.edgeLabelPlacement ? this.chartSettings.primaryYAxis.edgeLabelPlacement : this.persistSettings.primaryYAxis.edgeLabelPlacement;
+                if (this.chartSettings.chartSeries.type === 'Bar' || this.chartSettings.chartSeries.type === 'StackingBar' ||
+                    this.chartSettings.chartSeries.type === 'StackingBar100') {
+                    currentYAxis.plotOffsetRight = currentYAxis.plotOffsetRight ? currentYAxis.plotOffsetRight : 30;
+                }
+                else {
+                    currentYAxis.plotOffsetTop = currentYAxis.plotOffsetTop ? currentYAxis.plotOffsetTop : 30;
+                }
                 if (!resFormat) {
                     currentYAxis.name = this.measuresNames[item.name] ? this.measuresNames[item.name] : item.name;
                 }
@@ -15009,6 +15175,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
             currentYAxis = this.persistSettings.primaryYAxis ? this.frameObjectWithKeys(this.persistSettings.primaryYAxis) : currentYAxis;
             currentYAxis.rowIndex = 0;
             currentYAxis.columnIndex = 0;
+            currentYAxis.edgeLabelPlacement = this.chartSettings.primaryYAxis.edgeLabelPlacement ? this.chartSettings.primaryYAxis.edgeLabelPlacement : this.persistSettings.primaryYAxis.edgeLabelPlacement;
             if (!(this.chartSettings.chartSeries.type === 'Polar' || this.chartSettings.chartSeries.type === 'Radar')) {
                 currentYAxis.name = this.measuresNames[this.currentMeasure] ? this.measuresNames[this.currentMeasure] : this.currentMeasure;
             }
@@ -15331,6 +15498,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
     };
     PivotChart.prototype.loaded = function (args) {
         this.parent.isChartLoaded = true;
+        var width = this.parent.grid ? this.parent.getGridWidthAsNumber().toString() : this.parent.getWidthAsNumber().toString();
         if (this.parent.chart && this.parent.showGroupingBar && this.parent.groupingBarModule &&
             this.parent.showFieldList && this.parent.currentView === 'Chart') {
             this.parent.groupingBarModule.alignIcon();
@@ -15342,13 +15510,15 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                 this.parent.element.querySelector('#' + this.parent.element.id + multilabelAxisName).setAttribute('cursor', 'pointer');
             }
         }
-        if ((['Pie', 'Funnel', 'Pyramid', 'Doughnut', 'Radar', 'Polar'].indexOf(this.parent.chartSettings.chartSeries.type) >= 0)
-            && this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
-            this.parent.element.querySelector('.' + PIVOTCHART).style.overflow = 'visible';
-        }
-        else if (this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
-            this.parent.element.querySelector('.' + PIVOTCHART).style.overflow = 'auto';
-            this.parent.element.querySelector('.' + PIVOTCHART).style.overflowX = 'hidden';
+        if (this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
+            if (['Pie', 'Funnel', 'Pyramid', 'Doughnut', 'Radar', 'Polar'].indexOf(this.parent.chartSettings.chartSeries.type) >= 0) {
+                this.parent.element.querySelector('.' + PIVOTCHART).style.overflow = 'visible';
+            }
+            else {
+                this.parent.element.querySelector('.' + PIVOTCHART).style.overflow = 'auto';
+                this.parent.element.querySelector('.' + PIVOTCHART).style.overflowX = 'hidden';
+            }
+            this.parent.element.querySelector('.' + PIVOTCHART).style.width = width + 'px';
         }
         this.parent.chart.height = ['Pie', 'Funnel', 'Pyramid', 'Doughnut', 'Radar', 'Polar'].indexOf(this.parent.chartSettings.chartSeries.type) < 0 &&
             this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis &&
@@ -15569,6 +15739,11 @@ var PivotChart = /** @__PURE__ @class */ (function () {
             offSetHeight = this.parent.getHeightAsNumber() - offSetVal;
         }
         if (!isNullOrUndefined(this.parent.getHeightAsNumber())) {
+            var isNone = false;
+            if (this.parent.element.querySelector('.e-chart-grouping-bar') !== null && this.parent.element.querySelector('.e-chart-grouping-bar').style.display.toLowerCase() === 'none') {
+                isNone = true;
+                this.parent.element.querySelector('.e-chart-grouping-bar').style.display = "block";
+            }
             if (this.parent.showToolbar && this.parent.showGroupingBar) {
                 height = (offSetHeight - (this.parent.element.querySelector('.e-pivot-toolbar') ?
                     this.parent.element.querySelector('.e-pivot-toolbar').clientHeight : 42) -
@@ -15586,6 +15761,9 @@ var PivotChart = /** @__PURE__ @class */ (function () {
             else if ((this.parent.chart && parseInt(this.parent.chart.height, 10) < 200) || offSetHeight < 200) {
                 height = '200';
             }
+            if (isNone) {
+                this.parent.element.querySelector('.e-chart-grouping-bar').style.display = "none";
+            }
         }
         else {
             height = 'auto';
@@ -17391,7 +17569,7 @@ var PivotAxis = /** @__PURE__ @class */ (function (_super) {
         Property('')
     ], PivotAxis.prototype, "title", void 0);
     __decorate$3([
-        Property(null)
+        Property(1)
     ], PivotAxis.prototype, "zoomFactor", void 0);
     __decorate$3([
         Complex({}, CrosshairTooltip)
@@ -17409,7 +17587,7 @@ var PivotAxis = /** @__PURE__ @class */ (function (_super) {
         Property(0)
     ], PivotAxis.prototype, "plotOffset", void 0);
     __decorate$3([
-        Property('None')
+        Property('Shift')
     ], PivotAxis.prototype, "edgeLabelPlacement", void 0);
     __decorate$3([
         Property('BetweenTicks')
@@ -18744,6 +18922,7 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
             this.updateTupCollection(customArgs.drillInfo.axis === 'row' ? rowTuples.length : columnTuples.length);
         }
         if (customArgs.action === 'down' ? customArgs.drillInfo.axis === 'column' : true) {
+            this.olapValueAxis = isNullOrUndefined(this.getValueAxis(undefined, undefined)) ? 'column' : 'row';
             this.frameColumnHeader(columnTuples);
             if (!this.isPaging) {
                 this.performColumnSorting();
@@ -18798,6 +18977,7 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
     OlapEngine.prototype.frameRowHeader = function (tuples) {
         this.headerGrouping = {};
         this.lastLevel = [];
+        var isGrandTotalAdd = true;
         var position = this.pivotValues.length;
         var pivotValues = [];
         var valueContent = [];
@@ -18858,6 +19038,7 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
         var startTupPos = tupPos;
         var pagingAllowFlag = true;
         var lastMesPos = 0;
+        var isGrandTotalTop = false;
         while (tupPos < tuplesLength && pagingAllowFlag) {
             var members = tuples[this.customArgs.action === 'down' ?
                 (tupPos - (this.customArgs.drillInfo.currentCell.ordinal + 1)) : tupPos].querySelectorAll('Member');
@@ -18912,35 +19093,25 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
                             (allStartPos === (drillStartPos + 1) || this.tupRowInfo[tupPos].measurePosition === (drillStartPos + 1))))
                     : drillAllow;
                 var withoutAllAllow = (withoutAllStartPos > -1 && allCount > 0) ? (attrDrill || allStartPos > withoutAllEndPos) : true;
-                if (members.length === allCount + (measure ? 1 : 0) && measure) {
+                isGrandTotalTop = this.dataSourceSettings.grandTotalsPosition === 'Top' && this.olapRowValueIndex === 0 && this.olapValueAxis === 'row'
+                    && this.dataSourceSettings.showGrandTotals && this.dataSourceSettings.showRowGrandTotals && (this.olapValueAxis === 'row' ? this.dataSourceSettings.rows.length > 1 : true);
+                if (isGrandTotalTop && gTotals.length === 1) {
+                    gTotals = this.frameGrandTotalValues(tuples, gTotals, typeColl, measurePos);
+                }
+                if (members.length === allCount + (measure ? 1 : 0) && measure && !isGrandTotalTop) {
                     var levelName = 'Grand Total.' + members[measurePos].querySelector('Caption').textContent;
-                    gTotals.push({
-                        axis: 'row',
-                        actualText: this.getUniqueName(members[measurePos].querySelector('UName').textContent),
-                        colIndex: 0,
-                        formattedText: (typeColl[measurePos] === '3' &&
-                            this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)] &&
-                            this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)].caption) ?
-                            this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)].caption :
-                            members[measurePos].querySelector('Caption').textContent,
-                        hasChild: false,
-                        level: -1,
-                        rowIndex: position,
-                        index: [],
-                        ordinal: tupPos,
-                        colSpan: 1,
-                        rowSpan: 1,
-                        memberType: Number(typeColl[measurePos]),
-                        isDrilled: false,
-                        parentUniqueName: members[measurePos].querySelector('PARENT_UNIQUE_NAME') ?
-                            members[measurePos].querySelector('PARENT_UNIQUE_NAME').textContent : undefined,
-                        levelUniqueName: members[measurePos].querySelector('LName').textContent,
-                        hierarchy: members[measurePos].getAttribute('Hierarchy'),
-                        valueSort: { levelName: levelName, axis: members[measurePos].getAttribute('Hierarchy') }
-                    });
+                    var formattedText = (typeColl[measurePos] === '3' && this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)] &&
+                        this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)].caption) ? this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)].caption :
+                        members[measurePos].querySelector('Caption').textContent;
+                    gTotals = this.frameGrandTotalAxisSet(gTotals, this.getUniqueName(members[measurePos].querySelector('UName').textContent), formattedText, position, tupPos, Number(typeColl[measurePos]), members[measurePos].querySelector('PARENT_UNIQUE_NAME') ? members[measurePos].querySelector('PARENT_UNIQUE_NAME').textContent : undefined, members[measurePos].querySelector('LName').textContent, members[measurePos].getAttribute('Hierarchy'), { levelName: levelName, axis: members[measurePos].getAttribute('Hierarchy') });
                     gTotals[gTotals.length - 1].valueSort['Grand Total.' + members[measurePos].querySelector('Caption').textContent] = 1;
                 }
                 else if (!(allStartPos === 0 || (measurePos === 0 && allStartPos === 1)) && drillAllow && withoutAllAllow) {
+                    if (this.dataSourceSettings.grandTotalsPosition === 'Top' && isGrandTotalAdd && this.dataSourceSettings.showGrandTotals && (this.olapValueAxis === 'row' ? this.dataSourceSettings.rows.length > 1 : true)) {
+                        this.insertRowGrandTotal(gTotals, valueContent, pivotValues, tuples, position);
+                        position = this.pivotValues.length;
+                        isGrandTotalAdd = false;
+                    }
                     prevTupInfo = this.tupRowInfo[tupPos];
                     var lastPos = position;
                     var lastMemPos = memPos;
@@ -19031,6 +19202,11 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
             }
             tupPos++;
         }
+        if (!(this.dataSourceSettings.grandTotalsPosition === 'Top') || (this.olapValueAxis === 'row' && this.dataSourceSettings.rows.length === 1 && this.dataSourceSettings.grandTotalsPosition === 'Top') || this.dataSourceSettings.rows.length === 0) {
+            this.insertRowGrandTotal(gTotals, valueContent, pivotValues, tuples, position);
+        }
+    };
+    OlapEngine.prototype.insertRowGrandTotal = function (gTotals, valueContent, pivotValues, tuples, position) {
         if (gTotals.length > 1 && gTotals[0].memberType !== 3) {
             gTotals[0].ordinal = -1;
         }
@@ -19056,6 +19232,41 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
             this.updateRowEngine(pivotValues, valueContent, tuples.length);
             this.onDemandDrillEngine = pivotValues;
         }
+        return gTotals;
+    };
+    OlapEngine.prototype.getValueAxis = function (valueAxis, valueIndex) {
+        this.olapValueAxis = valueAxis;
+        this.olapRowValueIndex = valueIndex;
+        for (var i = 0; i < this.dataSourceSettings.rows.length; i++) {
+            if (this.dataSourceSettings.rows[i].name === '[Measures]') {
+                this.olapValueAxis = 'row';
+                this.olapRowValueIndex = i;
+                break;
+            }
+        }
+        return this.olapValueAxis;
+    };
+    OlapEngine.prototype.frameGrandTotalAxisSet = function (gTotals, actualText, formattedText, rowIndex, ordinal, memberType, parentUniqueName, levelUniqueName, hierarchy, valueSort) {
+        gTotals.push({
+            axis: 'row',
+            actualText: actualText,
+            colIndex: 0,
+            formattedText: formattedText,
+            hasChild: false,
+            level: -1,
+            rowIndex: rowIndex,
+            index: [],
+            ordinal: ordinal,
+            colSpan: 1,
+            rowSpan: 1,
+            memberType: memberType,
+            isDrilled: false,
+            parentUniqueName: parentUniqueName,
+            levelUniqueName: levelUniqueName,
+            hierarchy: hierarchy,
+            valueSort: valueSort
+        });
+        return gTotals;
     };
     OlapEngine.prototype.getDepth = function (tupInfo, uniqueName, memberType) {
         var memberPosition = tupInfo.uNameCollection.indexOf(uniqueName);
@@ -19296,6 +19507,53 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
             currTupCount--;
         }
     };
+    OlapEngine.prototype.frameGrandTotalValues = function (tuples, gTotals, typeColl, measurePos) {
+        var tupPos = 0;
+        var lastAllStartPos;
+        var lastAllCount;
+        var availAllMember = false;
+        var withoutAllEndPos = -1;
+        var isGrandtoalDataAdd = false;
+        var prevTupInfo;
+        var isGrandTotalTop = false;
+        while (tupPos < tuples.length && !isGrandtoalDataAdd) {
+            var members = tuples[this.customArgs.action === 'down' ?
+                (tupPos - (this.customArgs.drillInfo.currentCell.ordinal + 1)) : tupPos].querySelectorAll('Member');
+            var allCount = this.tupRowInfo[tupPos].allCount;
+            var allStartPos = this.tupRowInfo[tupPos].allStartPos;
+            var measure = this.tupRowInfo[tupPos].measure;
+            var typeColl_1 = this.tupRowInfo[tupPos].typeCollection;
+            var drillStartPos = this.tupRowInfo[tupPos].drillStartPos;
+            var startDrillUniquename = this.tupRowInfo[tupPos].startDrillUniquename;
+            if (tupPos === 0 && (members.length > (allCount + (measure ? 1 : 0)) || (members.length === 1 && measure))) {
+                gTotals.pop();
+            }
+            if ((tupPos === 0 && this.isPaging) ? gTotals.length === 0 :
+                (!availAllMember || allCount === lastAllCount || allStartPos !== lastAllStartPos || (members.length === 1 && measure))) {
+                var attrDrill = this.checkAttributeDrill(this.tupRowInfo[tupPos].drillInfo, 'rows');
+                var drillAllow = drillStartPos > -1 ? (allCount > 0 ? (attrDrill || allStartPos > drillStartPos) : true) : true;
+                drillAllow = (prevTupInfo && drillAllow && drillStartPos > -1) ?
+                    (prevTupInfo.startDrillUniquename !== startDrillUniquename ? true :
+                        ((withoutAllEndPos > prevTupInfo.measurePosition ? false :
+                            prevTupInfo.measureName !== this.tupRowInfo[tupPos].measureName) &&
+                            (allStartPos === (drillStartPos + 1) || this.tupRowInfo[tupPos].measurePosition === (drillStartPos + 1))))
+                    : drillAllow;
+                if (members.length === allCount + (measure ? 1 : 0) && measure && !isGrandTotalTop) {
+                    var levelName = 'Grand Total.' + members[measurePos].querySelector('Caption').textContent;
+                    var formattedText = (typeColl_1[measurePos] === '3' && this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)] &&
+                        this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)].caption) ? this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)].caption :
+                        members[measurePos].querySelector('Caption').textContent;
+                    gTotals = this.frameGrandTotalAxisSet(gTotals, this.getUniqueName(members[measurePos].querySelector('UName').textContent), formattedText, this.pivotValues.length, tupPos, Number(typeColl_1[measurePos]), members[measurePos].querySelector('PARENT_UNIQUE_NAME') ? members[measurePos].querySelector('PARENT_UNIQUE_NAME').textContent : undefined, members[measurePos].querySelector('LName').textContent, members[measurePos].getAttribute('Hierarchy'), { levelName: levelName, axis: members[measurePos].getAttribute('Hierarchy') });
+                    gTotals[gTotals.length - 1].valueSort['Grand Total.' + members[measurePos].querySelector('Caption').textContent] = 1;
+                }
+                lastAllCount = allCount;
+                lastAllStartPos = allStartPos;
+            }
+            isGrandtoalDataAdd = this.dataSourceSettings.values.length + 1 === gTotals.length ? true : false;
+            tupPos++;
+        }
+        return gTotals;
+    };
     OlapEngine.prototype.frameColumnHeader = function (tuples) {
         var _this = this;
         this.headerGrouping = {};
@@ -19360,8 +19618,18 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
                 withoutAllAvail = true;
                 isStartCol = (allCount > 0 && isStartCol) ? (allStartPos > withoutAllStartPos) : isStartCol;
             }
-            if (isStartCol) {
-                if (allCount === 0) {
+            var isGrandTotalTop = false;
+            if (this_1.dataSourceSettings.grandTotalsPosition === 'Top' && this_1.dataSourceSettings.showGrandTotals && this_1.dataSourceSettings.showColumnGrandTotals) {
+                var count = 0;
+                for (var i = 0; i < members.length; i++) {
+                    if ((members[i].querySelector('Caption').textContent).indexOf('All') === 0) {
+                        count++;
+                    }
+                }
+                isGrandTotalTop = count === (this_1.olapValueAxis === 'column' ? this_1.dataSourceSettings.columns.length - 1 : this_1.dataSourceSettings.columns.length);
+            }
+            if (isStartCol || isGrandTotalTop) {
+                if (allCount === 0 || isGrandTotalTop) {
                     var levelComp = [-1, -1, -1];
                     if (this_1.tupColumnInfo[tupPos - 1] && this_1.tupColumnInfo[tupPos - 1].allCount === 0) {
                         levelComp = this_1.levelCompare(levelColl, this_1.tupColumnInfo[tupPos - 1].levelCollection);
@@ -19398,8 +19666,10 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
                         }
                         this_1.setParentCollection(members);
                         if (withoutAllAvail ? (withoutAllEndPos <= drillStartPos) : true) {
-                            this_1.totalCollection[this_1.totalCollection.length] =
-                                ({ allCount: allCount, ordinal: tupPos, members: members, drillInfo: drillInfo });
+                            if (!isGrandTotalTop) {
+                                this_1.totalCollection[this_1.totalCollection.length] =
+                                    ({ allCount: allCount, ordinal: tupPos, members: members, drillInfo: drillInfo });
+                            }
                             lastSavedInfo.allCount = allCount;
                             lastSavedInfo.allStartPos = allStartPos;
                             lastSavedInfo.drillStartPos = drillStartPos;
@@ -19424,10 +19694,12 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
                         }
                         this_1.setParentCollection(members);
                         if ((withoutAllAvail && drillStartPos > -1) ? (withoutAllEndPos <= drillStartPos) : true) {
-                            this_1.totalCollection[this_1.totalCollection.length] =
-                                ({
-                                    allCount: allCount, ordinal: tupPos, members: members, allStartPos: allStartPos, drillInfo: drillInfo
-                                });
+                            if (!isGrandTotalTop) {
+                                this_1.totalCollection[this_1.totalCollection.length] =
+                                    ({
+                                        allCount: allCount, ordinal: tupPos, members: members, allStartPos: allStartPos, drillInfo: drillInfo
+                                    });
+                            }
                             lastSavedInfo.allCount = allCount;
                             lastSavedInfo.allStartPos = allStartPos;
                             lastSavedInfo.drillStartPos = drillStartPos;
@@ -19931,19 +20203,26 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
             }
             var newPos = 0;
             var totPos = 0;
+            var valuePos = 0;
             gSumFlag = false;
             gSumGrouping = this.sortRowHeaders(gSumGrouping);
             for (var rPos = this.colDepth; rPos < rowCount; rPos++) {
                 /* eslint-disable @typescript-eslint/dot-notation */
+                if (this.dataSourceSettings.grandTotalsPosition === 'Top' && (this.dataSourceSettings.showGrandTotals && this.dataSourceSettings.showRowGrandTotals) &&
+                    ((this.olapValueAxis === 'column' && this.colDepth + 1 === rPos) || (this.olapValueAxis === 'row' && this.colDepth + this.dataSourceSettings.values.length + 1 === rPos))) {
+                    newPos = 0;
+                    gSumFlag = false;
+                }
                 var cell = gSumFlag ? gSumGrouping : sortLvlGrouping[levels[0]]['parent'];
                 /* eslint-enable @typescript-eslint/dot-notation */
-                var currPos = gSumFlag ? (newPos - totPos) : newPos;
+                var currPos = (this.dataSourceSettings.grandTotalsPosition === 'Top' && (this.dataSourceSettings.showGrandTotals && this.dataSourceSettings.showRowGrandTotals) && this.colDepth === rPos) ? cell.length : gSumFlag ? (newPos - totPos) : newPos;
                 if (cell[currPos]) {
                     this.pivotValues[rPos] = [cell[currPos]];
                     this.pivotValues[rPos][0].rowIndex = rPos;
-                    this.valueContent[newPos][0] = this.pivotValues[rPos][0];
+                    this.valueContent[valuePos][0] = this.pivotValues[rPos][0];
                 }
                 newPos++;
+                valuePos++;
                 if (this.pivotValues[rPos][0].type === 'grand sum') {
                     gSumFlag = true;
                     totPos = newPos;
@@ -22260,6 +22539,8 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         _this_1.request = new XMLHttpRequest();
         /** @hidden */
         _this_1.isServerWaitingPopup = false;
+        /** @hidden */
+        _this_1.actionObj = {};
         _this_1.pivotView = _this_1;
         setValue('mergePersistData', _this_1.mergePersistPivotData, _this_1);
         return _this_1;
@@ -22302,10 +22583,10 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
             modules.push({ args: [this], member: 'grouping' });
         }
         if (this.allowDrillThrough || (this.editSettings && this.editSettings.allowEditing)) {
-            modules.push({ args: [this], member: 'drillthrough' });
+            modules.push({ args: [this], member: 'drillThrough' });
         }
         if (this.displayOption.view !== 'Table') {
-            modules.push({ args: [this], member: 'pivotchart' });
+            modules.push({ args: [this], member: 'pivotChart' });
         }
         return modules;
     };
@@ -22885,7 +23166,7 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
             this.setProperties({ gridSettings: { allowSelection: true, selectionSettings: { cellSelectionMode: 'Box', mode: 'Cell', type: 'Multiple' } } }, true);
         }
         if (this.displayOption.view !== 'Table') {
-            this.chartModule = new PivotChart();
+            this.pivotChartModule = new PivotChart();
         }
         this.currentView = this.currentView ? this.currentView : (this.displayOption.view === 'Both' ?
             this.displayOption.primary : this.displayOption.view);
@@ -23152,32 +23433,37 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
     };
     PivotView.prototype.initialLoad = function () {
         var _this_1 = this;
-        this.cellTemplateFn = this.templateParser(this.cellTemplate);
-        this.tooltipTemplateFn = this.templateParser(this.tooltipTemplate);
-        if (this.spinnerTemplate) {
-            createSpinner({ target: this.element, template: this.spinnerTemplate }, this.createElement);
+        try {
+            this.cellTemplateFn = this.templateParser(this.cellTemplate);
+            this.tooltipTemplateFn = this.templateParser(this.tooltipTemplate);
+            if (this.spinnerTemplate) {
+                createSpinner({ target: this.element, template: this.spinnerTemplate }, this.createElement);
+            }
+            else {
+                createSpinner({ target: this.element }, this.createElement);
+            }
+            var loadArgs = {
+                dataSourceSettings: this.dataSourceSettings,
+                pivotview: this,
+                fieldsType: {}
+            };
+            this.trigger(load, loadArgs, function (observedArgs) {
+                _this_1.dataSourceSettings = observedArgs.dataSourceSettings;
+                _this_1.fieldsType = observedArgs.fieldsType;
+                _this_1.updateClass();
+                _this_1.notify(initSubComponent, {});
+                if (_this_1.dataSourceSettings.mode !== 'Server') {
+                    _this_1.notify(initialLoad, {});
+                }
+                if (_this_1.isAdaptive) {
+                    _this_1.contextMenuModule.render();
+                }
+                _this_1.notify(initToolbar, {});
+            });
         }
-        else {
-            createSpinner({ target: this.element }, this.createElement);
+        catch (execption) {
+            this.actionFailureMethod(execption);
         }
-        var loadArgs = {
-            dataSourceSettings: this.dataSourceSettings,
-            pivotview: this,
-            fieldsType: {}
-        };
-        this.trigger(load, loadArgs, function (observedArgs) {
-            _this_1.dataSourceSettings = observedArgs.dataSourceSettings;
-            _this_1.fieldsType = observedArgs.fieldsType;
-            _this_1.updateClass();
-            _this_1.notify(initSubComponent, {});
-            if (_this_1.dataSourceSettings.mode !== 'Server') {
-                _this_1.notify(initialLoad, {});
-            }
-            if (_this_1.isAdaptive) {
-                _this_1.contextMenuModule.render();
-            }
-            _this_1.notify(initToolbar, {});
-        });
     };
     /**
      * Register the internal events.
@@ -23416,15 +23702,15 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                         if (!this.grid && newProp.displayOption.view !== 'Chart') {
                             this.renderEmptyGrid();
                             if (newProp.displayOption.view === 'Table') {
-                                if (this.chartModule) {
-                                    this.chartModule.destroy();
+                                if (this.pivotChartModule) {
+                                    this.pivotChartModule.destroy();
                                     this.chart = undefined;
-                                    this.chartModule = undefined;
+                                    this.pivotChartModule = undefined;
                                 }
                             }
                         }
-                        else if (!this.chartModule && this.displayOption.view !== 'Table') {
-                            this.chartModule = new PivotChart();
+                        else if (!this.pivotChartModule && this.displayOption.view !== 'Table') {
+                            this.pivotChartModule = new PivotChart();
                         }
                     }
                     else if (this.showToolbar && !isNullOrUndefined(newProp.displayOption) && newProp.displayOption.view) {
@@ -23454,12 +23740,12 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                             (newProp.chartSettings.chartSeries && Object.keys(newProp.chartSettings.chartSeries).indexOf('type') !== -1))) {
                         this.groupingBarModule.renderLayout();
                     }
-                    if (isNullOrUndefined(this.chartModule) && this.displayOption.view !== 'Table') {
-                        this.chartModule = new PivotChart();
+                    if (isNullOrUndefined(this.pivotChartModule) && this.displayOption.view !== 'Table') {
+                        this.pivotChartModule = new PivotChart();
                     }
                     var engineModule = this.dataType === 'pivot' ? this.engineModule : this.olapEngineModule;
-                    if (!isNullOrUndefined(this.chartModule) && !isNullOrUndefined(engineModule.pivotValues)) {
-                        this.chartModule.loadChart(this, this.chartSettings);
+                    if (!isNullOrUndefined(this.pivotChartModule) && !isNullOrUndefined(engineModule.pivotValues)) {
+                        this.pivotChartModule.loadChart(this, this.chartSettings);
                     }
                     if (!isNullOrUndefined(engineModule.pivotValues) && !isNullOrUndefined(engineModule.fieldList)) {
                         this.notify(uiUpdate, this);
@@ -23582,9 +23868,9 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
      */
     PivotView.prototype.renderPivotGrid = function () {
         this.clearTemplate();
-        if (this.chartModule) {
-            this.chartModule.engineModule = this.engineModule;
-            this.chartModule.loadChart(this, this.chartSettings);
+        if (this.pivotChartModule) {
+            this.pivotChartModule.engineModule = this.engineModule;
+            this.pivotChartModule.loadChart(this, this.chartSettings);
             if (this.enableRtl && this.chart && document.body.getAttribute('dir') !== 'rtl') {
                 addClass([this.chart.element], PIVOTCHART_LTR);
             }
@@ -23615,7 +23901,7 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                 this.applyHyperlinkSettings();
             }
             this.renderModule = this.renderModule ? this.renderModule : new Render(this);
-            this.renderModule.render();
+            this.renderModule.render(true);
         }
         else if (this.grid) {
             remove(this.grid.element);
@@ -23631,7 +23917,9 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                 if (this.toolbarModule && this.toolbarModule.toolbar) {
                     this.toolbarModule.toolbar.width = this.getGridWidthAsNumber() - 2;
                 }
-                this.chart.element.style.width = formatUnit(this.getGridWidthAsNumber());
+                if (this.chartSettings.enableScrollOnMultiAxis && this.chartSettings.enableMultipleAxis) {
+                    this.element.querySelector('.' + PIVOTCHART).style.width = formatUnit(this.getGridWidthAsNumber());
+                }
                 this.chart.width = formatUnit(this.getGridWidthAsNumber());
                 if (this.currentView === 'Table') {
                     this.grid.element.style.display = '';
@@ -23651,7 +23939,13 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.toolbarModule) {
             if (this.showFieldList && select('#' + this.element.id + '_PivotFieldList', this.element)) {
-                select('#' + this.element.id + '_PivotFieldList', this.element).style.display = 'none';
+                if (this.toolbar && this.toolbar.indexOf('FieldList') !== -1) {
+                    select('#' + this.element.id + '_PivotFieldList', this.element).style.display = 'none';
+                }
+                else {
+                    select('#' + this.element.id + '_PivotFieldList', this.element).style.top = this.element.querySelector('.' + GRID_TOOLBAR).offsetHeight.toString() + 'px';
+                    select('#' + this.element.id + '_PivotFieldList', this.element).style.position = 'relative';
+                }
             }
             if (this.toolbar && this.toolbar.indexOf('FieldList') !== -1 &&
                 this.showToolbar && this.element.querySelector('.e-toggle-field-list')) {
@@ -23803,7 +24097,9 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                         isDrillThrough: (pivot.allowDrillThrough || pivot.editSettings.allowEditing),
                         localeObj: pivot.localeObj,
                         fieldsType: pivot.fieldsType,
-                        clonedReport: pivot.clonedReport
+                        clonedReport: pivot.clonedReport,
+                        globalize: pivot.globalize,
+                        currenyCode: pivot.currencyCode
                     };
                     /* eslint-enable @typescript-eslint/indent */
                     if (pivot.dataSourceSettings.mode === 'Server') {
@@ -23853,6 +24149,14 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
             this.exportType = 'Excel';
             this.grid.excelExport(excelExportProperties, isMultipleExport, workbook, isBlob);
         }
+        this.actionObj.actionName = this.getActionCompleteName();
+        var actionInfo = {
+            exportInfo: { type: this.exportType, info: excelExportProperties }
+        };
+        this.actionObj.actionInfo = actionInfo;
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     /**
      * Export PivotGrid data to CSV file.
@@ -23870,6 +24174,14 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
             this.exportType = 'CSV';
             this.grid.csvExport(excelExportProperties, isMultipleExport, workbook, isBlob);
         }
+        this.actionObj.actionName = this.getActionCompleteName();
+        var actionInfo = {
+            exportInfo: { type: this.exportType, info: excelExportProperties }
+        };
+        this.actionObj.actionInfo = actionInfo;
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     /**
      * Export Pivot widget data to PDF document.
@@ -23886,6 +24198,14 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         else {
             this.grid.pdfExport(pdfExportProperties, isMultipleExport, pdfDoc, isBlob);
         }
+        this.actionObj.actionName = this.getActionCompleteName();
+        var actionInfo = {
+            exportInfo: { type: 'PDF', info: pdfExportProperties }
+        };
+        this.actionObj.actionInfo = actionInfo;
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     /**
      * Export method for the chart.
@@ -23900,6 +24220,14 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         if (this.chart && this.chart.enableExport) {
             this.chart.exportModule.export(type, fileName, orientation, null, width, height);
         }
+        this.actionObj.actionName = this.getActionCompleteName();
+        var actionInfo = {
+            exportInfo: { type: type, info: fileName }
+        };
+        this.actionObj.actionInfo = actionInfo;
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     /**
      * Print method for the chart.
@@ -24011,6 +24339,10 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                     };
                     _this_1.trigger(enginePopulated, eventArgs);
                     pivot_1.engineModule.pivotValues = eventArgs.pivotValues;
+                    var actionInfo = {
+                        drillInfo: drilledItem_1
+                    };
+                    _this_1.actionObj.actionInfo = actionInfo;
                     pivot_1.renderPivotGrid();
                 }
                 else {
@@ -24363,6 +24695,12 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         this.unwireEvents();
         this.wireEvents();
         this.isChartLoaded = false;
+        this.actionObj.actionName = this.getActionCompleteName();
+        if (this.actionObj.actionName) {
+            if (this.actionObj.actionName !== windowResize) {
+                this.actionCompleteMethod();
+            }
+        }
     };
     PivotView.prototype.setToolTip = function (args) {
         var colIndex = Number(args.target.getAttribute('aria-colindex'));
@@ -24394,6 +24732,13 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
             if (cell && this.engineModule.fieldList[cell.actualText]) {
                 var field = this.engineModule.fieldList[cell.actualText];
                 aggregateType = field.aggregateType;
+                if ((aggregateType !== 'DistinctCount') && (field.type !== 'number' || field.type === 'include' ||
+                    field.type === 'exclude')) {
+                    aggregateType = 'Count';
+                }
+                else {
+                    aggregateType = (aggregateType === undefined) ? 'Sum' : field.aggregateType;
+                }
                 caption = field.caption;
                 hasField = true;
             }
@@ -24613,76 +24958,105 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                 ele = target.parentElement.parentElement;
             }
             this.CellClicked(target, e);
-            if ((ele.parentElement.parentElement.parentElement.parentElement.classList.contains('e-movableheader')
-                && this.dataSourceSettings.valueAxis === 'column') || (ele.parentElement.classList.contains('e-row') &&
-                this.dataSourceSettings.valueAxis === 'row') && (ele.classList.contains('e-rowsheader') ||
-                ele.classList.contains('e-stot'))) {
-                var colIndex = Number(ele.getAttribute('aria-colindex'));
-                var rowIndex = Number(ele.getAttribute('index'));
-                if (this.dataSourceSettings.valueAxis === 'row' && (this.dataSourceSettings.values.length > 1 || this.dataSourceSettings.alwaysShowValueHeader)) {
-                    var header = this.pivotValues[rowIndex][colIndex];
-                    if (this.dataSourceSettings.valueIndex === -1) {
-                        rowIndex = header.type === 'value' ? rowIndex : (rowIndex + 1);
-                    }
-                    else {
-                        var level = this.getLevel(header);
-                        rowIndex = (level <= this.engineModule.measureIndex &&
-                            header.members && header.members.length > 0) ? header.members[0].rowIndex : rowIndex;
+            try {
+                if ((ele.parentElement.parentElement.parentElement.parentElement.classList.contains('e-movableheader')
+                    && this.dataSourceSettings.valueAxis === 'column') || (ele.parentElement.classList.contains('e-row') &&
+                    this.dataSourceSettings.valueAxis === 'row') && (ele.classList.contains('e-rowsheader') ||
+                    ele.classList.contains('e-stot'))) {
+                    var FieldName = target.parentElement.getAttribute('fieldname');
+                    var fieldInfo = PivotUtil.getFieldInfo(FieldName, this);
+                    this.actionObj.actionName = sortValue;
+                    this.actionObj.fieldInfo = fieldInfo.fieldItem;
+                    if (this.actionBeginMethod()) {
+                        return;
                     }
-                }
-                else if (this.dataSourceSettings.valueAxis === 'column' && (this.dataSourceSettings.values.length > 1 || this.dataSourceSettings.alwaysShowValueHeader)) {
-                    colIndex = (Number(ele.getAttribute('aria-colindex')) + Number(ele.getAttribute('aria-colspan')) - 1);
-                    rowIndex = this.engineModule.headerContent.length - 1;
-                }
-                this.setProperties({
-                    dataSourceSettings: {
-                        valueSortSettings: {
-                            columnIndex: (Number(ele.getAttribute('aria-colindex')) +
-                                Number(ele.getAttribute('aria-colspan')) - 1),
-                            sortOrder: this.dataSourceSettings.valueSortSettings.sortOrder === 'Descending' ? 'Ascending' : 'Descending',
-                            headerText: this.pivotValues[rowIndex][colIndex].valueSort.levelName,
-                            headerDelimiter: this.dataSourceSettings.valueSortSettings.headerDelimiter ?
-                                this.dataSourceSettings.valueSortSettings.headerDelimiter : '.'
+                    var colIndex = Number(ele.getAttribute('aria-colindex'));
+                    var rowIndex = Number(ele.getAttribute('index'));
+                    if (this.dataSourceSettings.valueAxis === 'row' && (this.dataSourceSettings.values.length > 1 || this.dataSourceSettings.alwaysShowValueHeader)) {
+                        var header = this.pivotValues[rowIndex][colIndex];
+                        if (this.dataSourceSettings.valueIndex === -1) {
+                            rowIndex = header.type === 'value' ? rowIndex : (rowIndex + 1);
                         }
-                    }
-                }, true);
-                this.showWaitingPopup();
-                var pivot = this; /* eslint-disable-line */
-                pivot.engineModule.enableValueSorting = true;
-                if (pivot.enableVirtualization) {
-                    if (pivot.dataSourceSettings.enableSorting) {
-                        for (var _i = 0, _a = Object.keys(pivot.engineModule.fieldList); _i < _a.length; _i++) {
-                            var key = _a[_i];
-                            pivot.engineModule.fieldList[key].sort = 'Ascending';
+                        else {
+                            var level = this.getLevel(header);
+                            rowIndex = (level <= this.engineModule.measureIndex &&
+                                header.members && header.members.length > 0) ? header.members[0].rowIndex : rowIndex;
+                        }
+                    }
+                    else if (this.dataSourceSettings.valueAxis === 'column' && (this.dataSourceSettings.values.length > 1 || this.dataSourceSettings.alwaysShowValueHeader)) {
+                        colIndex = (Number(ele.getAttribute('aria-colindex')) + Number(ele.getAttribute('aria-colspan')) - 1);
+                        rowIndex = this.engineModule.headerContent.length - 1;
+                    }
+                    this.setProperties({
+                        dataSourceSettings: {
+                            valueSortSettings: {
+                                columnIndex: (Number(ele.getAttribute('aria-colindex')) +
+                                    Number(ele.getAttribute('aria-colspan')) - 1),
+                                sortOrder: this.dataSourceSettings.valueSortSettings.sortOrder === 'Descending' ? 'Ascending' : 'Descending',
+                                headerText: this.pivotValues[rowIndex][colIndex].valueSort.levelName,
+                                headerDelimiter: this.dataSourceSettings.valueSortSettings.headerDelimiter ?
+                                    this.dataSourceSettings.valueSortSettings.headerDelimiter : '.'
+                            }
+                        }
+                    }, true);
+                    this.showWaitingPopup();
+                    var pivot = this; /* eslint-disable-line */
+                    pivot.engineModule.enableValueSorting = true;
+                    if (pivot.enableVirtualization) {
+                        if (pivot.dataSourceSettings.enableSorting) {
+                            for (var _i = 0, _a = Object.keys(pivot.engineModule.fieldList); _i < _a.length; _i++) {
+                                var key = _a[_i];
+                                pivot.engineModule.fieldList[key].sort = 'Ascending';
+                            }
+                            pivot.setProperties({ dataSourceSettings: { sortSettings: [] } }, true);
+                        }
+                        if (pivot.dataSourceSettings.mode === 'Server') {
+                            pivot.getEngine('onValueSort', null, null, null, null, null, null);
+                        }
+                        else {
+                            pivot.engineModule.rMembers = pivot.engineModule.headerCollection.rowHeaders;
+                            pivot.engineModule.cMembers = pivot.engineModule.headerCollection.columnHeaders;
+                            pivot.engineModule.applyValueSorting();
+                            pivot.engineModule.updateEngine();
                         }
-                        pivot.setProperties({ dataSourceSettings: { sortSettings: [] } }, true);
                     }
-                    if (pivot.dataSourceSettings.mode === 'Server') {
+                    else if (pivot.dataSourceSettings.mode === 'Server') {
                         pivot.getEngine('onValueSort', null, null, null, null, null, null);
                     }
                     else {
-                        pivot.engineModule.rMembers = pivot.engineModule.headerCollection.rowHeaders;
-                        pivot.engineModule.cMembers = pivot.engineModule.headerCollection.columnHeaders;
-                        pivot.engineModule.applyValueSorting();
-                        pivot.engineModule.updateEngine();
+                        pivot.engineModule.generateGridData(pivot.dataSourceSettings, true);
                     }
+                    pivot.allowServerDataBinding = false;
+                    pivot.setProperties({ pivotValues: pivot.engineModule.pivotValues }, true);
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                    delete pivot.bulkChanges.pivotValues;
+                    pivot.allowServerDataBinding = true;
+                    var actionInfo = {
+                        valueSortInfo: this.engineModule.valueSortSettings
+                    };
+                    this.actionObj.actionInfo = actionInfo;
+                    pivot.renderPivotGrid();
                 }
-                else if (pivot.dataSourceSettings.mode === 'Server') {
-                    pivot.getEngine('onValueSort', null, null, null, null, null, null);
-                }
-                else {
-                    pivot.engineModule.generateGridData(pivot.dataSourceSettings, true);
-                }
-                pivot.allowServerDataBinding = false;
-                pivot.setProperties({ pivotValues: pivot.engineModule.pivotValues }, true);
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                delete pivot.bulkChanges.pivotValues;
-                pivot.allowServerDataBinding = true;
-                pivot.renderPivotGrid();
+            }
+            catch (execption) {
+                this.actionFailureMethod(execption);
             }
         }
         else if (target.classList.contains(COLLAPSE) || target.classList.contains(EXPAND)) {
-            this.onDrill(target);
+            var drillFieldName = target.parentElement.getAttribute('fieldname');
+            var fieldInfo = PivotUtil.getFieldInfo(drillFieldName, this);
+            var actionName = target.classList.contains(COLLAPSE) ? this.actionObj.actionName = drillUp : target.classList.contains(EXPAND) ? this.actionObj.actionName = drillDown : '';
+            this.actionObj.actionName = actionName;
+            this.actionObj.fieldInfo = fieldInfo.fieldItem;
+            if (this.actionBeginMethod()) {
+                return;
+            }
+            try {
+                this.onDrill(target);
+            }
+            catch (execption) {
+                this.actionFailureMethod(execption);
+            }
         }
         else {
             this.CellClicked(target, e);
@@ -24784,7 +25158,8 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         var firstColWidth = this.pivotColumns[0].width;
         var eventArgs = {
             columns: this.pivotColumns,
-            dataSourceSettings: this.dataSourceSettings
+            dataSourceSettings: this.dataSourceSettings,
+            stackedColumns: this.getStackedColumns(gridcolumns, [])
         };
         this.trigger(beforeColumnsRender, eventArgs);
         if (this.enableVirtualization && eventArgs.columns.length > 0 && eventArgs.columns[0].width !== gridcolumns[0].width) {
@@ -24889,8 +25264,16 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
     /* eslint-disable-next-line */
     /** @hidden */
     PivotView.prototype.onWindowResize = function () {
+        this.actionObj.actionName = windowResize;
+        if (this.actionBeginMethod()) {
+            return;
+        }
         clearTimeout(this.timeOutObj);
         this.timeOutObj = setTimeout(this.layoutRefresh.bind(this), 500);
+        this.actionObj.actionName = this.getActionCompleteName();
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     /**
      * Refreshes the Pivot Table for blazor layoutRefresh is called for other base refresh is called.
@@ -25285,7 +25668,9 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                 isDrillThrough: (_this_1.allowDrillThrough || _this_1.editSettings.allowEditing),
                 localeObj: _this_1.localeObj,
                 fieldsType: _this_1.fieldsType,
-                clonedReport: _this_1.clonedReport
+                clonedReport: _this_1.clonedReport,
+                globalize: _this_1.globalize,
+                currenyCode: _this_1.currencyCode
             };
             if (_this_1.dataType === 'pivot') {
                 if (_this_1.dataSourceSettings.groupSettings && _this_1.dataSourceSettings.groupSettings.length > 0) {
@@ -25511,7 +25896,8 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                 var str = 'color: ' + format[k].style.color + '!important;background-color: ' + format[k].style.backgroundColor +
                     '!important;font-size: ' + format[k].style.fontSize + '!important;font-family: ' + format[k].style.fontFamily +
                     ' !important;';
-                sheet.insertRule('.format' + this.element.id + k + '{' + str + '}', 0);
+                var formatClass = '.format' + this.element.id + k;
+                sheet.insertRule(formatClass + ', ' + formatClass + ' .e-cellvalue' + '{' + str + '}', 0);
             }
         }
     };
@@ -25738,6 +26124,65 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         EventHandler.remove(document, this.isAdaptive ? 'touchend' : 'click', this.removeButtonFocus);
         window.removeEventListener('resize', this.onWindowResize.bind(this), true);
     };
+    /** @hidden */
+    PivotView.prototype.actionBeginMethod = function () {
+        var eventArgs = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.dataSourceSettings),
+            actionName: this.actionObj.actionName,
+            fieldInfo: this.actionObj.fieldInfo,
+            cancel: false
+        };
+        this.trigger(actionBegin, eventArgs);
+        return eventArgs.cancel;
+    };
+    /** @hidden */
+    PivotView.prototype.actionCompleteMethod = function () {
+        var eventArgs = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.dataSourceSettings),
+            actionName: this.actionObj.actionName,
+            fieldInfo: this.actionObj.fieldInfo,
+            actionInfo: this.actionObj.actionInfo
+        };
+        this.trigger(actionComplete, eventArgs);
+        this.actionObj.actionName = '';
+        this.actionObj.actionInfo = undefined;
+        this.actionObj.fieldInfo = undefined;
+    };
+    /** @hidden */
+    PivotView.prototype.actionFailureMethod = function (error) {
+        var eventArgs = {
+            actionName: this.actionObj.actionName,
+            errorInfo: error
+        };
+        this.trigger(actionFailure, eventArgs);
+    };
+    /** @hidden */
+    PivotView.prototype.getActionCompleteName = function () {
+        var actionName = (this.actionObj.actionName == openConditionalFormatting) ? conditionallyFormatted : (this.actionObj.actionName == openNumberFormatting) ? numberFormatted
+            : (this.actionObj.actionName == tableView) ? tableViewed : (this.actionObj.actionName == chartView) ? chartViewed : (this.actionObj.actionName == hideSubTotals) ? subTotalsHidden : (this.actionObj.actionName == subTotalsRow) ? subTotalsRowShown
+                : (this.actionObj.actionName == subTotalsColumn) ? subTotalsColumnShown : (this.actionObj.actionName == showSubTotals) ? subTotalsShown : (this.actionObj.actionName == hideGrandTotals) ? grandTotalsHidden
+                    : (this.actionObj.actionName == grandTotalsRow) ? grandTotalsRowShown : (this.actionObj.actionName == grandTotalsColumn) ? grandTotalsColumnShown : (this.actionObj.actionName == showGrandTotals) ? grandTotalsShown
+                        : (this.actionObj.actionName == sortValue) ? valueSorted : (this.actionObj.actionName == openCalculatedField) ? calculatedFieldApplied : (this.actionObj.actionName == editCalculatedField) ? calculatedFieldEdited : (this.actionObj.actionName == sortField) ? fieldSorted
+                            : (this.actionObj.actionName == filterField) ? fieldFiltered : (this.actionObj.actionName == removeField) ? fieldRemoved : (this.actionObj.actionName == aggregateField) ? fieldAggregated : this.actionObj.actionName == editRecord ? recordEdited : this.actionObj.actionName == reportChange ? reportChanged
+                                : this.actionObj.actionName == saveEditedRecords ? editedRecordsSaved : this.actionObj.actionName == addNewRecord ? newRecordAdded
+                                    : this.actionObj.actionName == removeRecord ? recordRemoved : (this.actionObj.actionName == pngExport) ? pngExported : (this.actionObj.actionName == jpegExport) ? jpegExported
+                                        : (this.actionObj.actionName == svgExport) ? svgExported : (this.actionObj.actionName == pdfExport) ? pdfExported : (this.actionObj.actionName == csvExport) ? csvExported : (this.actionObj.actionName == excelExport) ? excelExported : this.actionObj.actionName == windowResize ? windowResized
+                                            : this.actionObj.actionName == saveCurrentReport ? reportSaved : (this.actionObj.actionName == addNewReport) ? newReportAdded : (this.actionObj.actionName == saveAsCurrentReport) ? reportReSaved
+                                                : (this.actionObj.actionName == renameCurrentReport) ? reportRenamed : this.actionObj.actionName;
+        return actionName;
+    };
+    /* eslint-disable-next-line */
+    /** @hidden */
+    PivotView.prototype.getStackedColumns = function (gridcolumns, stackedColumns) {
+        for (var _i = 0, gridcolumns_4 = gridcolumns; _i < gridcolumns_4.length; _i++) {
+            var column = gridcolumns_4[_i];
+            stackedColumns.push(column);
+            if (column.columns && column.columns.length > 0) {
+                this.getStackedColumns(column.columns, stackedColumns);
+            }
+        }
+        return stackedColumns;
+    };
     /**
      * To destroy the PivotView elements.
      * @returns {void}
@@ -25801,8 +26246,8 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         if (this.commonModule) {
             this.commonModule.destroy();
         }
-        if (this.chartModule) {
-            this.chartModule.destroy();
+        if (this.pivotChartModule) {
+            this.pivotChartModule.destroy();
         }
         if (this.pivotButtonModule && !this.pivotButtonModule.isDestroyed) {
             this.pivotButtonModule.destroy();
@@ -25857,8 +26302,8 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         if (this.commonModule) {
             this.commonModule = null;
         }
-        if (this.chartModule) {
-            this.chartModule = null;
+        if (this.pivotChartModule) {
+            this.pivotChartModule = null;
         }
         if (this.pivotButtonModule) {
             this.pivotButtonModule = null;
@@ -25878,6 +26323,12 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         if (this.drillThroughModule) {
             this.drillThroughModule = null;
         }
+        if (this.clonedDataSet) {
+            this.clonedDataSet = null;
+        }
+        if (this.clonedReport) {
+            this.clonedReport = null;
+        }
         this.element.innerHTML = '';
         removeClass([this.element], ROOT);
         removeClass([this.element], RTL);
@@ -26220,6 +26671,15 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Event()
     ], PivotView.prototype, "beforeServiceInvoke", void 0);
+    __decorate([
+        Event()
+    ], PivotView.prototype, "actionBegin", void 0);
+    __decorate([
+        Event()
+    ], PivotView.prototype, "actionComplete", void 0);
+    __decorate([
+        Event()
+    ], PivotView.prototype, "actionFailure", void 0);
     PivotView = __decorate([
         NotifyPropertyChanges
     ], PivotView);
@@ -26234,6 +26694,250 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
  * Renderer Export
  */
 
+/**
+ * This is a file to perform common utility for OLAP and Relational datasource
+ * @hidden
+ */
+var PivotExportUtil = /** @__PURE__ @class */ (function () {
+    function PivotExportUtil() {
+    }
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+    PivotExportUtil.getDefinedObj = function (data) {
+        var keyPos = 0;
+        var framedSet = {};
+        /* eslint-enable @typescript-eslint/no-explicit-any */
+        if (!(data === null || data === undefined)) {
+            var fields = Object.keys(data);
+            while (keyPos < fields.length) {
+                if (!(data[fields[keyPos]] === null || data[fields[keyPos]] === undefined)) {
+                    framedSet[fields[keyPos]] = data[fields[keyPos]];
+                }
+                keyPos++;
+            }
+        }
+        else {
+            framedSet = data;
+        }
+        return framedSet;
+    };
+    PivotExportUtil.getClonedPivotValues = function (pivotValues) {
+        var clonedSets = [];
+        for (var i = 0; i < pivotValues.length; i++) {
+            if (pivotValues[i]) {
+                clonedSets[i] = [];
+                for (var j = 0; j < pivotValues[i].length; j++) {
+                    if (pivotValues[i][j]) {
+                        /* eslint-disable */
+                        clonedSets[i][j] = this.getClonedPivotValueObj(pivotValues[i][j]);
+                        /* eslint-enable */
+                    }
+                }
+            }
+        }
+        return clonedSets;
+    };
+    /* eslint-disable */
+    PivotExportUtil.getClonedPivotValueObj = function (data) {
+        /* eslint-enable */
+        var keyPos = 0;
+        /* eslint-disable @typescript-eslint/no-explicit-any */
+        var framedSet = {};
+        /* eslint-enable @typescript-eslint/no-explicit-any */
+        if (!(data === null || data === undefined)) {
+            var fields = Object.keys(data);
+            while (keyPos < fields.length) {
+                framedSet[fields[keyPos]] = data[fields[keyPos]];
+                keyPos++;
+            }
+        }
+        else {
+            framedSet = data;
+        }
+        return framedSet;
+    };
+    /* eslint-disable */
+    PivotExportUtil.isContainCommonElements = function (collection1, collection2) {
+        /* eslint-enable */
+        for (var i = 0, cnt = collection1.length; i < cnt; i++) {
+            for (var j = 0, lnt = collection2.length; j < lnt; j++) {
+                if (collection2[j] === collection1[i]) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    /* eslint-disable */
+    PivotExportUtil.formatPdfHeaderFooter = function (pdf) {
+        var contents = [];
+        if (!isNullOrUndefined(pdf)) {
+            for (var i = 0; i < pdf.length; i++) {
+                var a = pdf[i];
+                var content = {
+                    /* eslint-enable */
+                    type: a.Type,
+                    pageNumberType: a.PageNumberType,
+                    style: a.Style ? {
+                        penColor: a.Style.PenColor,
+                        penSize: a.Style.PenSize,
+                        dashStyle: a.Style.DashStyle,
+                        textBrushColor: a.Style.TextBrushColor,
+                        textPenColor: a.Style.TextPenColor,
+                        fontSize: a.Style.FontSize,
+                        hAlign: a.Style.HAlign,
+                        vAlign: a.Style.VAlign
+                    } : a.Style,
+                    points: a.Points !== null ? {
+                        x1: a.Points.X1,
+                        y1: a.Points.Y1,
+                        x2: a.Points.X2,
+                        y2: a.Points.Y2
+                    } : null,
+                    format: a.Format,
+                    position: a.Position !== null ? {
+                        x: a.Position.X,
+                        y: a.Position.Y
+                    } : null,
+                    size: a.Size !== null ? {
+                        height: a.Size.Height,
+                        width: a.Size.Width
+                    } : null,
+                    src: a.Src,
+                    value: a.Value,
+                    font: a.Font
+                };
+                contents.push(content);
+            }
+        }
+        return contents;
+    };
+    /* eslint-disable */
+    PivotExportUtil.formatPdfExportProperties = function (pdf) {
+        var values;
+        /* eslint-enable */
+        values = this.getDefinedObj({
+            pageOrientation: typeof pdf.PageOrientation === 'string' ? pdf.PageOrientation : null,
+            pageSize: typeof pdf.PageSize === 'string' ? pdf.PageSize : null,
+            header: !isNullOrUndefined(pdf.Header) ? {
+                fromTop: pdf.Header.FromTop,
+                height: pdf.Header.Height,
+                contents: this.formatPdfHeaderFooter(pdf.Header.Contents)
+            } : null,
+            columns: pdf.Columns,
+            footer: !isNullOrUndefined(pdf.Footer) ? {
+                fromTop: pdf.Footer.FromBottom,
+                height: pdf.Footer.Height,
+                contents: this.formatPdfHeaderFooter(pdf.Footer.Contents)
+            } : null,
+            includeHiddenColumn: pdf.IncludeHiddenColumn,
+            dataSource: pdf.DataSource,
+            exportType: typeof pdf.ExportType === 'string' ? pdf.ExportType : null,
+            theme: !isNullOrUndefined(pdf.Theme) ? {
+                header: pdf.Theme.Header,
+                record: pdf.Theme.Record,
+                caption: pdf.Theme.Caption
+            } : null,
+            fileName: pdf.FileName,
+            hierarchyExportMode: typeof pdf.HierarchyExportMode === 'string' ? pdf.HierarchyExportMode : null,
+            allowHorizontalOverflow: pdf.AllowHorizontalOverflow
+        });
+        return values;
+    };
+    /* eslint-disable */
+    PivotExportUtil.formatExcelStyle = function (style) {
+        var prop;
+        /* eslint-enable */
+        if (!isNullOrUndefined(style)) {
+            prop = this.getDefinedObj({
+                fontColor: style.FontColor,
+                fontName: style.FontName,
+                fontSize: style.FontSize,
+                hAlign: style.HAlign === String ? style.HAlign : null,
+                vAlign: style.VAlign === String ? style.VAlign : null,
+                bold: style.Bold,
+                indent: style.Indent,
+                italic: style.Italic,
+                underline: style.Underline,
+                backColor: style.BackColor,
+                wrapText: style.WrapText,
+                borders: style.Borders,
+                numberFormat: style.NumberFormat,
+                type: style.Type
+            });
+        }
+        return prop;
+    };
+    /* eslint-disable */
+    PivotExportUtil.formatExcelCell = function (cell) {
+        var cells = [];
+        if (!isNullOrUndefined(cell)) {
+            for (var i = 0; i < cell.length; i++) {
+                this.getDefinedObj({
+                    index: !isNullOrUndefined(cell[i].Index) ? cell[i].Index : null,
+                    colSpan: !isNullOrUndefined(cell[i].ColSpan) ? cell[i].ColSpan : null,
+                    value: !isNullOrUndefined(cell[i].Value) ? cell[i].Value : null,
+                    hyperlink: {
+                        target: !isNullOrUndefined(cell[i].Hyperlink) ? cell[i].Hyperlink.Target : null,
+                        displayText: !isNullOrUndefined(cell[i].Hyperlink) ? cell[i].Hyperlink.DisplayText : null
+                    },
+                    styles: this.formatExcelStyle(cell[i].Style),
+                    rowSpan: !isNullOrUndefined(cell[i].RowSpan) ? cell[i].RowSpan : null
+                });
+                /* eslint-enable */
+            }
+        }
+        return cells;
+    };
+    /* eslint-disable */
+    PivotExportUtil.formatExcelHeaderFooter = function (excel) {
+        var rows = [];
+        if (!isNullOrUndefined(excel)) {
+            for (var i = 0; i < excel.Rows.length; i++) {
+                var row = excel.Rows[i];
+                var prop = this.getDefinedObj({
+                    index: !isNullOrUndefined(row.Index) ? row.Index : null,
+                    cells: this.formatExcelCell(row.Cells),
+                    grouping: !isNullOrUndefined(row.Grouping) ? row.Grouping : null
+                });
+                rows.push(prop);
+            }
+        }
+        return rows;
+    };
+    PivotExportUtil.formatExcelExportProperties = function (excel) {
+        /* eslint-enable */
+        var prop;
+        prop = this.getDefinedObj({
+            dataSource: excel.DataSource,
+            query: excel.Query,
+            multipleExport: this.getDefinedObj({
+                type: !isNullOrUndefined(excel.MultipleExport) ? excel.MultipleExport.Type : null,
+                blankRows: !isNullOrUndefined(excel.MultipleExport) ? excel.MultipleExport.BlankRows : null
+            }),
+            header: this.getDefinedObj({
+                headerRows: !isNullOrUndefined(excel.Header) ? excel.Header.HeaderRows : null,
+                rows: this.formatExcelHeaderFooter(excel.Header)
+            }),
+            footer: this.getDefinedObj({
+                footerRows: !isNullOrUndefined(excel.Footer) ? excel.Footer.FooterRows : null,
+                rows: this.formatExcelHeaderFooter(excel.Footer)
+            }),
+            columns: excel.Columns,
+            exportType: typeof excel.ExportType === 'string' ? excel.ExportType : undefined,
+            includeHiddenColumn: excel.IncludeHiddenColumn,
+            theme: !isNullOrUndefined(excel.Theme) ? {
+                header: this.formatExcelStyle(excel.Theme.Header),
+                record: this.formatExcelStyle(excel.Theme.Record),
+                caption: this.formatExcelStyle(excel.Theme.Caption)
+            } : undefined,
+            fileName: excel.FileName,
+            hierarchyExportMode: typeof excel.HierarchyExportMode === 'string' ? excel.HierarchyExportMode : undefined
+        });
+        return prop;
+    };
+    return PivotExportUtil;
+}());
+
 /**
  * @hidden
  * `ExcelExport` module is used to handle the Excel export action.
@@ -26301,17 +27005,14 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         this.engine = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
         /** Event trigerring */
         var clonedValues;
-        var currentPivotValues = PivotUtil.getClonedPivotValues(this.engine.pivotValues);
+        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;
             this.engine.generateGridData(this.parent.dataSourceSettings, true);
             this.parent.applyFormatting(this.engine.pivotValues);
-            clonedValues = PivotUtil.getClonedPivotValues(this.engine.pivotValues);
+            clonedValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
             this.engine.pivotValues = currentPivotValues;
             this.engine.pageSettings = pageSettings;
         }
@@ -26319,7 +27020,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
             clonedValues = currentPivotValues;
         }
         var args = {
-            fileName: customFileName, header: '', footer: '', dataCollections: [clonedValues]
+            fileName: customFileName, header: '', footer: '', dataCollections: [clonedValues], excelExportProperties: exportProperties
         };
         var fileName;
         var header;
@@ -26355,15 +27056,17 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
                             var pivotCell = pivotValues[rCnt][cCnt];
                             if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                 var cellValue = pivotCell.axis === 'value' ? pivotCell.value : pivotCell.formattedText;
-                                if (pivotCell.type === 'grand sum') {
-                                    cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'grandTotal') :
-                                        this.parent.localeObj.getConstant('grandTotal');
+                                var isgetValuesHeader = ((this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row')
+                                    || (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column'));
+                                if (pivotCell.type === 'grand sum' && !(this.parent.dataSourceSettings.values.length === 1 && this.parent.dataSourceSettings.valueAxis === 'row' && pivotCell.axis === 'column')) {
+                                    cellValue = isgetValuesHeader ? this.parent.getValuesHeader(pivotCell, 'grandTotal') : this.parent.localeObj.getConstant('grandTotal');
                                 }
                                 else if (pivotCell.type === 'sum') {
                                     cellValue = cellValue.toString().replace('Total', this.parent.localeObj.getConstant('total'));
                                 }
                                 else {
-                                    cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
+                                    cellValue = (!isNullOrUndefined(pivotCell.valueSort) && (this.parent.localeObj.getConstant('grandTotal') + this.parent.dataSourceSettings.valueSortSettings.headerDelimiter + pivotCell.formattedText
+                                        === pivotCell.valueSort.levelName) && isgetValuesHeader) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
                                 }
                                 if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                     cells.push({
@@ -26490,14 +27193,21 @@ var PDFExport = /** @__PURE__ @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;
     };
@@ -26877,13 +27587,13 @@ var PDFExport = /** @__PURE__ @class */ (function () {
         var _this = this;
         /** Event trigerring */
         var clonedValues;
-        var currentPivotValues = PivotUtil.getClonedPivotValues(this.engine.pivotValues);
+        var currentPivotValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
         if (this.parent.exportAllPages && this.parent.enableVirtualization && this.parent.dataType !== 'olap') {
             var pageSettings = this.engine.pageSettings;
             this.engine.pageSettings = null;
             this.engine.generateGridData(this.parent.dataSourceSettings, true);
             this.parent.applyFormatting(this.engine.pivotValues);
-            clonedValues = PivotUtil.getClonedPivotValues(this.engine.pivotValues);
+            clonedValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
             this.engine.pivotValues = currentPivotValues;
             this.engine.pageSettings = pageSettings;
         }
@@ -27375,31 +28085,50 @@ var DialogRenderer = /** @__PURE__ @class */ (function () {
         return axisWrapper;
     };
     DialogRenderer.prototype.showCalculatedField = function (event) {
-        if (!this.parent.isAdaptive) {
-            if (this.parent.dialogRenderer.fieldListDialog) {
-                this.parent.dialogRenderer.fieldListDialog.hide();
-                addClass([this.parent.element.querySelector('.' + TOGGLE_FIELD_LIST_CLASS)], ICON_HIDDEN);
+        try {
+            if (!this.parent.isAdaptive) {
+                this.parent.actionObj.actionName = openCalculatedField;
+                if (this.parent.actionBeginMethod()) {
+                    return;
+                }
+                if (this.parent.dialogRenderer.fieldListDialog) {
+                    this.parent.dialogRenderer.fieldListDialog.hide();
+                    addClass([this.parent.element.querySelector('.' + TOGGLE_FIELD_LIST_CLASS)], ICON_HIDDEN);
+                }
             }
+            this.parent.notify(initCalculatedField, {});
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
-        this.parent.notify(initCalculatedField, {});
     };
     DialogRenderer.prototype.showFieldListDialog = function (event) {
         var activeindex = this.adaptiveElement.selectedItem;
         this.parent.treeViewModule.render(activeindex);
     };
     DialogRenderer.prototype.onShowFieldList = function () {
-        if (this.parent.allowDeferLayoutUpdate) {
-            if (this.parent.isAdaptive) {
-                this.parent.axisFieldModule.render();
+        this.parent.actionObj.actionName = showFieldList;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
+        this.parent.actionObj.actionName = '';
+        try {
+            if (this.parent.allowDeferLayoutUpdate) {
+                if (this.parent.isAdaptive) {
+                    this.parent.axisFieldModule.render();
+                }
+                this.parent.clonedDataSource = extend({}, this.parent.dataSourceSettings, null, true);
+                this.parent.clonedFieldList = extend({}, this.parent.pivotFieldList, null, true);
             }
-            this.parent.clonedDataSource = extend({}, this.parent.dataSourceSettings, null, true);
-            this.parent.clonedFieldList = extend({}, this.parent.pivotFieldList, null, true);
+            addClass([this.parent.element.querySelector('.' + TOGGLE_FIELD_LIST_CLASS)], ICON_HIDDEN);
+            this.parent.dialogRenderer.fieldListDialog.show();
+            this.parent.dialogRenderer.fieldListDialog.element.style.top =
+                parseInt(this.parent.dialogRenderer.fieldListDialog.element.style.top, 10) < 0 ?
+                    '0px' : this.parent.dialogRenderer.fieldListDialog.element.style.top;
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
-        addClass([this.parent.element.querySelector('.' + TOGGLE_FIELD_LIST_CLASS)], ICON_HIDDEN);
-        this.parent.dialogRenderer.fieldListDialog.show();
-        this.parent.dialogRenderer.fieldListDialog.element.style.top =
-            parseInt(this.parent.dialogRenderer.fieldListDialog.element.style.top, 10) < 0 ?
-                '0px' : this.parent.dialogRenderer.fieldListDialog.element.style.top;
     };
     DialogRenderer.prototype.onCloseFieldList = function () {
         if (this.parent.allowDeferLayoutUpdate) {
@@ -27427,6 +28156,10 @@ var DialogRenderer = /** @__PURE__ @class */ (function () {
             }
         }
         this.parent.dialogRenderer.fieldListDialog.hide();
+        this.parent.actionObj.actionName = closeFieldlist;
+        if (this.parent.actionObj.actionName) {
+            this.parent.actionCompleteMethod();
+        }
     };
     DialogRenderer.prototype.removeFieldListIcon = function () {
         if (this.parent.isAdaptive && this.parent.allowCalculatedField && this.parent.calculatedFieldModule) {
@@ -28316,28 +29049,41 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
     TreeViewRenderer.prototype.updateSorting = function (args) {
         var target = args.target;
         var option = target.getAttribute('data-sort');
-        if (target.className.indexOf('e-selected') === -1) {
-            switch (option) {
-                case 'None':
-                    this.fieldListSort = 'None';
-                    addClass([target], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
-                    break;
-                case 'Ascend':
-                    this.fieldListSort = 'Ascend';
-                    addClass([target], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
-                    break;
-                case 'Descend':
-                    this.fieldListSort = 'Descend';
-                    addClass([target], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
-                    removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
-                    break;
+        this.parent.actionObj.actionName = sortFieldTree;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
+        try {
+            if (target.className.indexOf('e-selected') === -1) {
+                switch (option) {
+                    case 'None':
+                        this.fieldListSort = 'None';
+                        addClass([target], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
+                        break;
+                    case 'Ascend':
+                        this.fieldListSort = 'Ascend';
+                        addClass([target], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-descend')], 'e-selected');
+                        break;
+                    case 'Descend':
+                        this.fieldListSort = 'Descend';
+                        addClass([target], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-ascend')], 'e-selected');
+                        removeClass([this.parentElement.querySelector('.e-sort-none')], 'e-selected');
+                        break;
+                }
+                this.refreshTreeView();
             }
-            this.refreshTreeView();
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
+        this.parent.actionObj.actionName = this.parent.getActionCompleteName();
+        if (this.parent.actionObj.actionName) {
+            this.parent.actionCompleteMethod();
         }
     };
     /* eslint-disable */
@@ -28705,7 +29451,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                                         attrs: { 'tabindex': '-1', 'aria-disabled': 'false', 'title': this.parent.localeObj.getConstant('editCalculatedField') },
                                         className: ICON + ' ' + CALC_EDIT
                                     });
-                                    if (this.parent.allowCalculatedField && this.parent.calculatedFieldModule && field[i].showEditIcon) {
+                                    if (this.parent.allowCalculatedField && this.parent.calculatedFieldModule && (field[i].showEditIcon || field[i].showEditIcon === undefined)) {
                                         removeClass([calcElement], ICON_DISABLE);
                                     }
                                     else {
@@ -28718,7 +29464,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                                     className: ICON + ' ' + REMOVE_CLASS
                                 });
                                 if (this.parent.getModuleName() === 'pivotview') {
-                                    if ((this.parent.groupingBarSettings.showRemoveIcon && field[i].showRemoveIcon)) {
+                                    if ((this.parent.groupingBarSettings.showRemoveIcon && (field[i].showRemoveIcon || field[i].showRemoveIcon === undefined))) {
                                         removeClass([removeElement], ICON_DISABLE);
                                     }
                                     else {
@@ -28726,7 +29472,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                                     }
                                 }
                                 else {
-                                    if (field[i].showRemoveIcon) {
+                                    if (field[i].showRemoveIcon || field[i].showRemoveIcon === undefined) {
                                         removeClass([removeElement], ICON_DISABLE);
                                     }
                                     else {
@@ -28758,13 +29504,13 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                 }
                 if (axis === 'values') {
                     var _loop_1 = function (element) {
-                        if (element.classList.contains(GROUP_CHART_VALUE) && this_1.parent.chartModule) {
+                        if (element.classList.contains(GROUP_CHART_VALUE) && this_1.parent.pivotChartModule) {
                             var valueData = field.map(function (item) { return { text: item.caption ? item.caption : item.name, value: item.name }; });
                             var parent_1 = this_1.parent;
                             if (this_1.valueFiedDropDownList && element.querySelector('.' + GROUP_CHART_VALUE_DROPDOWN_DIV)) {
                                 this_1.valueFiedDropDownList.dataSource = valueData;
                                 this_1.valueFiedDropDownList.value = !parent_1.chartSettings.enableMultipleAxis ?
-                                    parent_1.chartModule.currentMeasure : valueData[0].value;
+                                    parent_1.pivotChartModule.currentMeasure : valueData[0].value;
                             }
                             else {
                                 var ddlDiv = createElement('div', { className: GROUP_CHART_VALUE_DROPDOWN_DIV });
@@ -28774,7 +29520,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                                     enableRtl: this_1.parent.enableRtl,
                                     locale: this_1.parent.locale,
                                     value: !parent_1.chartSettings.enableMultipleAxis ?
-                                        parent_1.chartModule.currentMeasure : valueData[0].value,
+                                        parent_1.pivotChartModule.currentMeasure : valueData[0].value,
                                     width: 200,
                                     fields: { value: 'value', text: 'text' },
                                     cssClass: GROUP_CHART_VALUE_DROPDOWN,
@@ -28799,14 +29545,14 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                     var availColindex = undefined;
                     for (var _g = 0, _h = this.parentElement.querySelectorAll('.e-group-' + axis); _g < _h.length; _g++) {
                         var element = _h[_g];
-                        if (element.classList.contains(GROUP_CHART_COLUMN) && this.parent.chartModule) {
-                            var currentMeasure = this.parent.chartModule.currentMeasure;
+                        if (element.classList.contains(GROUP_CHART_COLUMN) && this.parent.pivotChartModule) {
+                            var currentMeasure = this.parent.pivotChartModule.currentMeasure;
                             var delimiter = this.parent.chartSettings.columnDelimiter ? this.parent.chartSettings.columnDelimiter : '-';
                             var columnHeader = (this.parent.chartSettings.columnHeader && this.parent.chartSettings.columnHeader !== '') ?
                                 this.parent.chartSettings.columnHeader.split(delimiter).join(' - ') : '';
                             var engineModule = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
                             var pivotValues = engineModule.pivotValues;
-                            var totColIndex = this.parent.chartModule.getColumnTotalIndex(pivotValues);
+                            var totColIndex = this.parent.pivotChartModule.getColumnTotalIndex(pivotValues);
                             var rKeys = Object.keys(pivotValues);
                             var columnData = [];
                             var firstValueRow = false;
@@ -28918,7 +29664,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             },
             className: PIVOT_BUTTON_CONTENT_CLASS + ' ' +
                 (this.parent.getModuleName() === 'pivotview' ?
-                    this.parent.groupingBarSettings.allowDragAndDrop && field[i].allowDragAndDrop ? '' : DRAG_DISABLE_CLASS : ''),
+                    this.parent.groupingBarSettings.allowDragAndDrop && (field[i].allowDragAndDrop || field[i].allowDragAndDrop === undefined) ? '' : DRAG_DISABLE_CLASS : ''),
             innerHTML: axis === 'filters' ? (this.parent.dataType === 'olap' && engineModule.fieldList[field[i].name].type === 'CalculatedField') ?
                 text : (text + ' (' + filterMem + ')') : (this.parent.dataType === 'olap' ?
                 text : (!this.parent.dataSourceSettings.showAggregationOnValueField || axis !== 'values' || aggregation === 'CalculatedField' ?
@@ -28984,43 +29730,54 @@ var PivotButton = /** @__PURE__ @class */ (function () {
     };
     PivotButton.prototype.openCalculatedFieldDialog = function (args) {
         var fieldName = args.target.parentElement.id;
-        if (this.parent.getModuleName() === 'pivotview') {
-            if (this.parent.isAdaptive && (this.parent.showFieldList &&
-                this.parent.pivotFieldListModule &&
-                !this.parent.pivotFieldListModule.isDestroyed)) {
-                this.parent.pivotFieldListModule.element
-                    .querySelector('.' + TOGGLE_FIELD_LIST_CLASS).click();
-                this.parent.pivotFieldListModule.dialogRenderer.adaptiveElement.select(4);
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                this.parent.pivotFieldListModule.calculatedFieldModule
-                    .updateAdaptiveCalculatedField(true, fieldName);
-            }
-            else {
-                if (!this.parent.isAdaptive) {
-                    this.parent.calculatedFieldModule.buttonCall = true;
-                }
-                this.parent.notify(initCalculatedField, { edit: true, fieldName: fieldName });
-            }
+        var fieldInfo = PivotUtil.getFieldInfo(fieldName, this.parent);
+        this.parent.actionObj.actionName = editCalculatedField;
+        this.parent.actionObj.fieldInfo = fieldInfo;
+        if (this.parent.actionBeginMethod()) {
+            return;
         }
-        else if (this.parent.getModuleName() === 'pivotfieldlist') {
-            if (this.parent.isAdaptive) {
-                this.parent.dialogRenderer.adaptiveElement.select(4);
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-                this.parent.calculatedFieldModule
-                    .updateAdaptiveCalculatedField(true, fieldName);
-                this.parent.calculatedFieldModule.buttonCall = true;
-            }
-            else {
-                if (this.parent.dialogRenderer.fieldListDialog) {
-                    this.parent.dialogRenderer.fieldListDialog.hide();
-                    addClass([this.parent.element.querySelector('.' + TOGGLE_FIELD_LIST_CLASS)], ICON_HIDDEN);
+        try {
+            if (this.parent.getModuleName() === 'pivotview') {
+                if (this.parent.isAdaptive && (this.parent.showFieldList &&
+                    this.parent.pivotFieldListModule &&
+                    !this.parent.pivotFieldListModule.isDestroyed)) {
+                    this.parent.pivotFieldListModule.element
+                        .querySelector('.' + TOGGLE_FIELD_LIST_CLASS).click();
+                    this.parent.pivotFieldListModule.dialogRenderer.adaptiveElement.select(4);
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                    this.parent.pivotFieldListModule.calculatedFieldModule
+                        .updateAdaptiveCalculatedField(true, fieldName);
+                }
+                else {
+                    if (!this.parent.isAdaptive) {
+                        this.parent.calculatedFieldModule.buttonCall = true;
+                    }
+                    this.parent.notify(initCalculatedField, { edit: true, fieldName: fieldName });
                 }
-                this.parent.notify(initCalculatedField, { edit: true, fieldName: fieldName });
-                if (this.parent.calculatedFieldModule) {
+            }
+            else if (this.parent.getModuleName() === 'pivotfieldlist') {
+                if (this.parent.isAdaptive) {
+                    this.parent.dialogRenderer.adaptiveElement.select(4);
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+                    this.parent.calculatedFieldModule
+                        .updateAdaptiveCalculatedField(true, fieldName);
                     this.parent.calculatedFieldModule.buttonCall = true;
                 }
+                else {
+                    if (this.parent.dialogRenderer.fieldListDialog) {
+                        this.parent.dialogRenderer.fieldListDialog.hide();
+                        addClass([this.parent.element.querySelector('.' + TOGGLE_FIELD_LIST_CLASS)], ICON_HIDDEN);
+                    }
+                    this.parent.notify(initCalculatedField, { edit: true, fieldName: fieldName });
+                    if (this.parent.calculatedFieldModule) {
+                        this.parent.calculatedFieldModule.buttonCall = true;
+                    }
+                }
             }
         }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
     };
     PivotButton.prototype.createDraggable = function (field, target) {
         this.draggable = new Draggable(target, {
@@ -29044,7 +29801,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             attrs: {
                 'tabindex': '-1', 'aria-disabled': 'false', 'title': this.parent.localeObj.getConstant('drag')
             },
-            className: ICON + ' ' + DRAG_CLASS + ' ' + (field.allowDragAndDrop ? '' : DRAG_DISABLE_CLASS)
+            className: ICON + ' ' + DRAG_CLASS + ' ' + ((field.allowDragAndDrop || field.allowDragAndDrop === undefined) ? '' : DRAG_DISABLE_CLASS)
         });
         dragWrapper.appendChild(dragElement);
         if (this.parent.getModuleName() === 'pivotfieldlist') {
@@ -29410,38 +30167,52 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             !(args.target.classList.contains(DRAG_CLASS)) &&
             (buttonElement && fieldInfo.fieldItem && (fieldInfo.fieldItem.showSortIcon ||
                 isNullOrUndefined(fieldInfo.fieldItem.showSortIcon)))) {
-            if ((this.parent instanceof PivotFieldList || this.parent.groupingBarSettings.showSortIcon) &&
-                this.parent.dataSourceSettings.enableSorting &&
-                !(this.parent.dataType === 'olap' && ((this.parent.getModuleName() === 'pivotfieldlist' &&
-                    this.parent.pivotGridModule !== undefined &&
-                    this.parent.pivotGridModule.enableVirtualization) ||
-                    (this.parent.getModuleName() === 'pivotview' && this.parent.enableVirtualization)))) {
-                if (((this.parent.getModuleName() === 'pivotview' && this.parent.enableValueSorting) ||
-                    (this.parent.getModuleName() === 'pivotfieldlist' && this.parent.pivotGridModule !== undefined &&
-                        this.parent.pivotGridModule.enableValueSorting))) {
-                    if (this.parent.enableValueSorting || this.parent.pivotGridModule.enableValueSorting) { /* eslint-disable-line */
-                        if (args.target.classList.contains('e-pivot-button')) {
-                            if (args.target.parentElement.getAttribute('data-tag').split(':')[0] === 'rows') {
-                                this.parent.setProperties({ dataSourceSettings: { valueSortSettings: { headerText: '' } } }, true);
+            this.parent.actionObj.actionName = sortField;
+            this.parent.actionObj.fieldInfo = fieldInfo;
+            if (this.parent.actionBeginMethod()) {
+                return;
+            }
+            try {
+                if ((this.parent instanceof PivotFieldList || this.parent.groupingBarSettings.showSortIcon) &&
+                    this.parent.dataSourceSettings.enableSorting &&
+                    !(this.parent.dataType === 'olap' && ((this.parent.getModuleName() === 'pivotfieldlist' &&
+                        this.parent.pivotGridModule !== undefined &&
+                        this.parent.pivotGridModule.enableVirtualization) ||
+                        (this.parent.getModuleName() === 'pivotview' && this.parent.enableVirtualization)))) {
+                    if (((this.parent.getModuleName() === 'pivotview' && this.parent.enableValueSorting) ||
+                        (this.parent.getModuleName() === 'pivotfieldlist' && this.parent.pivotGridModule !== undefined &&
+                            this.parent.pivotGridModule.enableValueSorting))) {
+                        if (this.parent.enableValueSorting || this.parent.pivotGridModule.enableValueSorting) { /* eslint-disable-line */
+                            if (args.target.classList.contains('e-pivot-button')) {
+                                if (args.target.parentElement.getAttribute('data-tag').split(':')[0] === 'rows') {
+                                    this.parent.setProperties({ dataSourceSettings: { valueSortSettings: { headerText: undefined } } }, true);
+                                }
                             }
-                        }
-                        else {
-                            if (args.target.parentElement.parentElement.getAttribute('data-tag').split(':')[0] === 'rows') {
-                                this.parent.setProperties({ dataSourceSettings: { valueSortSettings: { headerText: '' } } }, true);
+                            else {
+                                if (args.target.parentElement.parentElement.getAttribute('data-tag').split(':')[0] === 'rows') {
+                                    this.parent.setProperties({ dataSourceSettings: { valueSortSettings: { headerText: undefined } } }, true);
+                                }
                             }
                         }
                     }
+                    this.parent.pivotCommon.eventBase.updateSorting(args);
+                    if (!this.parent.allowDeferLayoutUpdate || this.parent.getModuleName() !== 'pivotfieldlist') {
+                        var actionInfo = {
+                            sortInfo: this.parent.lastSortInfo
+                        };
+                        this.parent.actionObj.actionInfo = actionInfo;
+                        this.updateDataSource(true);
+                    }
+                    /* eslint-disable */
+                    var thisObj = this;
+                    /* eslint-enable */
+                    if (thisObj.parent instanceof PivotFieldList) {
+                        thisObj.axisField.render();
+                    }
                 }
-                this.parent.pivotCommon.eventBase.updateSorting(args);
-                if (!this.parent.allowDeferLayoutUpdate || this.parent.getModuleName() !== 'pivotfieldlist') {
-                    this.updateDataSource(true);
-                }
-                /* eslint-disable */
-                var thisObj = this;
-                /* eslint-enable */
-                if (thisObj.parent instanceof PivotFieldList) {
-                    thisObj.axisField.render();
-                }
+            }
+            catch (execption) {
+                this.parent.actionFailureMethod(execption);
             }
         }
     };
@@ -29473,26 +30244,37 @@ var PivotButton = /** @__PURE__ @class */ (function () {
     PivotButton.prototype.updateFiltering = function (args) {
         /* eslint-disable */
         var pivotObj = this.parent.pivotGridModule ? this.parent.pivotGridModule : this.parent;
-        if (pivotObj.getModuleName() === 'pivotfieldlist') {
-            showSpinner(pivotObj.fieldListSpinnerElement);
-        }
-        else {
-            pivotObj.showWaitingPopup();
-        }
-        pivotObj.mouseEventArgs = args;
-        pivotObj.filterTargetID = this.parent.pivotCommon.moduleName !== 'pivotfieldlist' ?
-            this.parent.element : document.getElementById(this.parent.pivotCommon.parentID + '_Wrapper');
         var fieldName = args.target.parentElement.id;
-        if (pivotObj.dataSourceSettings.mode === 'Server') {
-            if (this.parent.engineModule.fieldList[fieldName].members && Object.keys(this.parent.engineModule.fieldList[fieldName].members).length > 0) {
-                this.updateFilterEvents();
+        var fieldInfo = PivotUtil.getFieldInfo(fieldName, this.parent);
+        this.parent.actionObj.actionName = filterField;
+        this.parent.actionObj.fieldInfo = fieldInfo;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
+        try {
+            if (pivotObj.getModuleName() === 'pivotfieldlist') {
+                showSpinner(pivotObj.fieldListSpinnerElement);
             }
             else {
-                pivotObj.getEngine('fetchFieldMembers', null, null, null, null, null, fieldName);
+                pivotObj.showWaitingPopup();
+            }
+            pivotObj.mouseEventArgs = args;
+            pivotObj.filterTargetID = this.parent.pivotCommon.moduleName !== 'pivotfieldlist' ?
+                this.parent.element : document.getElementById(this.parent.pivotCommon.parentID + '_Wrapper');
+            if (pivotObj.dataSourceSettings.mode === 'Server') {
+                if (this.parent.engineModule.fieldList[fieldName].members && Object.keys(this.parent.engineModule.fieldList[fieldName].members).length > 0) {
+                    this.updateFilterEvents();
+                }
+                else {
+                    pivotObj.getEngine('fetchFieldMembers', null, null, null, null, null, fieldName);
+                }
+            }
+            else {
+                this.updateFilterEvents();
             }
         }
-        else {
-            this.updateFilterEvents();
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
         /* eslint-enable */
     };
@@ -29505,11 +30287,6 @@ var PivotButton = /** @__PURE__ @class */ (function () {
         var target = pivotObj.mouseEventArgs.target;
         this.fieldName = target.parentElement.id;
         if (this.parent.pivotCommon.filterDialog.dialogPopUp) {
-            this.dialogPopUp = this.parent.pivotCommon.filterDialog.dialogPopUp;
-            this.parent.pivotCommon.filterDialog.dialogPopUp.close = this.removeFilterDialog.bind(this);
-            // this.memberTreeView = this.parent.pivotCommon.filterDialog.memberTreeView;
-            // this.parent.pivotCommon.filterDialog.memberTreeView.nodeChecked = this.nodeStateModified.bind(this);
-            // this.parent.pivotCommon.filterDialog.allMemberSelect.nodeChecked = this.nodeStateModified.bind(this);
             this.bindDialogEvents();
         }
         if (pivotObj.getModuleName() === 'pivotfieldlist') {
@@ -29523,8 +30300,8 @@ var PivotButton = /** @__PURE__ @class */ (function () {
         if (this.parent.pivotCommon.filterDialog.allowExcelLikeFilter && this.parent.pivotCommon.filterDialog.tabObj) {
             this.index = this.parent.pivotCommon.filterDialog.tabObj.selectedItem;
             this.updateDialogButtonEvents();
-            this.dialogPopUp.buttons = this.buttonModel();
-            this.dialogPopUp.dataBind();
+            this.parent.pivotCommon.filterDialog.dialogPopUp.buttons = this.buttonModel();
+            this.parent.pivotCommon.filterDialog.dialogPopUp.dataBind();
             this.parent.pivotCommon.filterDialog.tabObj.selected = this.tabSelect.bind(this);
         }
         else if (this.parent.dataSourceSettings.allowMemberFilter) {
@@ -29549,7 +30326,7 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                 click: (this.index === 0 ? this.updateFilterState.bind(this, this.fieldName) : this.updateCustomFilter.bind(this))
             },
             {
-                click: this.parent.pivotCommon.filterDialog.closeFilterDialog.bind(this),
+                click: this.parent.pivotCommon.filterDialog.closeFilterDialog.bind(this.parent.pivotCommon.filterDialog),
                 buttonModel: { cssClass: CANCEL_BUTTON_CLASS, content: this.parent.localeObj.getConstant('cancel') }
             }
         ];
@@ -29557,25 +30334,25 @@ var PivotButton = /** @__PURE__ @class */ (function () {
     PivotButton.prototype.tabSelect = function (e) {
         this.index = e.selectedIndex;
         this.updateDialogButtonEvents();
-        removeClass([].slice.call(this.dialogPopUp.element.querySelectorAll('.e-selected-tab')), 'e-selected-tab');
+        removeClass([].slice.call(this.parent.pivotCommon.filterDialog.dialogPopUp.element.querySelectorAll('.e-selected-tab')), 'e-selected-tab');
         if (e.selectedIndex > 0) {
-            addClass([this.dialogPopUp.element.querySelector('.e-filter-div-content' + '.' + (e.selectedIndex === 1 && this.parent.dataSourceSettings.allowLabelFilter ? 'e-label-filter' : 'e-value-filter'))], 'e-selected-tab');
+            addClass([this.parent.pivotCommon.filterDialog.dialogPopUp.element.querySelector('.e-filter-div-content' + '.' + (e.selectedIndex === 1 && this.parent.dataSourceSettings.allowLabelFilter ? 'e-label-filter' : 'e-value-filter'))], 'e-selected-tab');
         }
         if (e.selectedIndex === 0) {
             this.parent.pivotCommon.filterDialog.updateCheckedState();
         }
         else {
-            this.dialogPopUp.buttons[0].buttonModel.disabled = false;
-            this.dialogPopUp.element.querySelector('.' + OK_BUTTON_CLASS).removeAttribute('disabled');
+            this.parent.pivotCommon.filterDialog.dialogPopUp.buttons[0].buttonModel.disabled = false;
+            this.parent.pivotCommon.filterDialog.dialogPopUp.element.querySelector('.' + OK_BUTTON_CLASS).removeAttribute('disabled');
         }
     };
     PivotButton.prototype.updateDialogButtonEvents = function () {
-        this.dialogPopUp.buttons = this.buttonModel();
-        this.dialogPopUp.dataBind();
+        this.parent.pivotCommon.filterDialog.dialogPopUp.buttons = this.buttonModel();
+        this.parent.pivotCommon.filterDialog.dialogPopUp.dataBind();
     };
     PivotButton.prototype.updateCustomFilter = function (args) {
         var _this = this;
-        var dialogElement = this.dialogPopUp.element.querySelector('.e-selected-tab');
+        var dialogElement = this.parent.pivotCommon.filterDialog.dialogPopUp.element.querySelector('.e-selected-tab');
         var fieldName = dialogElement.getAttribute('data-fieldname');
         var levelName = dialogElement.getAttribute('data-selectedField');
         var filterType = dialogElement.getAttribute('data-type');
@@ -29646,39 +30423,18 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             if (type !== 'Value') {
                 _this.parent.lastFilterInfo = PivotUtil.getFilterItemByName(fieldName, _this.parent.dataSourceSettings.filterSettings);
             }
-            _this.dialogPopUp.close();
+            _this.parent.pivotCommon.filterDialog.dialogPopUp.close();
             if (!observedArgs.cancel) {
                 _this.refreshPivotButtonState(fieldName, true);
                 _this.updateDataSource(true);
             }
         });
     };
-    PivotButton.prototype.removeFilterDialog = function () {
-        if (this.dialogPopUp && !this.dialogPopUp.isDestroyed) {
-            this.dialogPopUp.destroy();
-            setTimeout(this.setFocus.bind(this));
-        }
-        if (document.getElementById(this.parentElement.id + '_EditorTreeView')) {
-            remove(document.getElementById(this.parentElement.id + '_EditorTreeView'));
-        }
-    };
-    PivotButton.prototype.setFocus = function () {
-        if (this.parentElement) {
-            var pivotButtons = [].slice.call(this.parentElement.querySelectorAll('.e-pivot-button'));
-            for (var _i = 0, pivotButtons_1 = pivotButtons; _i < pivotButtons_1.length; _i++) {
-                var item = pivotButtons_1[_i];
-                if (item.getAttribute('data-uid') === this.fieldName) {
-                    item.focus();
-                    break;
-                }
-            }
-        }
-    };
     PivotButton.prototype.ClearFilter = function (e) {
-        var dialogElement = this.dialogPopUp.element;
+        var dialogElement = this.parent.pivotCommon.filterDialog.dialogPopUp.element;
         var fieldName = dialogElement.getAttribute('data-fieldname');
         var tabElement = dialogElement.querySelector('.e-selected-tab');
-        this.dialogPopUp.close();
+        this.parent.pivotCommon.filterDialog.dialogPopUp.close();
         if (this.parent.dataType === 'olap' && tabElement) {
             var levelName = tabElement.getAttribute('data-selectedField');
             this.removeDataSourceSettings(fieldName, levelName);
@@ -29695,63 +30451,73 @@ var PivotButton = /** @__PURE__ @class */ (function () {
         var target = args.target;
         var fieldName = target.parentElement.id;
         var fieldInfo = PivotUtil.getFieldInfo(fieldName, this.parent);
+        this.parent.actionObj.actionName = removeField;
+        this.parent.actionObj.fieldInfo = fieldInfo;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
         var removeFieldArgs = {
             cancel: false, fieldName: fieldName,
             dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.parent.dataSourceSettings),
             fieldItem: fieldInfo.fieldItem, axis: fieldInfo.axis
         };
-        var control = this.parent.getModuleName() === 'pivotfieldlist' &&
-            this.parent.isPopupView ? this.parent.pivotGridModule : this.parent;
-        control.trigger(fieldRemove, removeFieldArgs, function (observedArgs) {
-            if (!observedArgs.cancel) {
-                if (target.parentElement.getAttribute('isvalue') === 'true') {
-                    _this.parent.setProperties({ dataSourceSettings: { values: [] } }, true);
-                    if (_this.parent.dataType === 'olap') {
-                        _this.parent.pivotCommon.dataSourceUpdate.removeFieldFromReport('[Measures]');
+        try {
+            var control = this.parent.getModuleName() === 'pivotfieldlist' &&
+                this.parent.isPopupView ? this.parent.pivotGridModule : this.parent;
+            control.trigger(fieldRemove, removeFieldArgs, function (observedArgs) {
+                if (!observedArgs.cancel) {
+                    if (target.parentElement.getAttribute('isvalue') === 'true') {
+                        _this.parent.setProperties({ dataSourceSettings: { values: [] } }, true);
+                        if (_this.parent.dataType === 'olap') {
+                            _this.parent.pivotCommon.dataSourceUpdate.removeFieldFromReport('[Measures]');
+                        }
                     }
-                }
-                else {
-                    _this.parent.pivotCommon.dataSourceUpdate.removeFieldFromReport(fieldName);
-                    if (_this.parent.dataType === 'pivot' && _this.parent.showValuesButton && _this.parent.dataSourceSettings.values.length > 1 &&
-                        fieldInfo.position < _this.parent.dataSourceSettings.valueIndex && ((_this.parent.dataSourceSettings.valueAxis === 'row' &&
-                        observedArgs.axis === 'rows') || (_this.parent.dataSourceSettings.valueAxis === 'column' && observedArgs.axis === 'columns'))) {
-                        _this.parent.setProperties({ dataSourceSettings: { valueIndex: _this.parent.dataSourceSettings.valueIndex - 1 } }, true);
+                    else {
+                        _this.parent.pivotCommon.dataSourceUpdate.removeFieldFromReport(fieldName);
+                        if (_this.parent.dataType === 'pivot' && _this.parent.showValuesButton && _this.parent.dataSourceSettings.values.length > 1 &&
+                            fieldInfo.position < _this.parent.dataSourceSettings.valueIndex && ((_this.parent.dataSourceSettings.valueAxis === 'row' &&
+                            observedArgs.axis === 'rows') || (_this.parent.dataSourceSettings.valueAxis === 'column' && observedArgs.axis === 'columns'))) {
+                            _this.parent.setProperties({ dataSourceSettings: { valueIndex: _this.parent.dataSourceSettings.valueIndex - 1 } }, true);
+                        }
+                        if (_this.parent.dataType === 'olap' && _this.parent.dataSourceSettings.values.length === 0) {
+                            _this.parent.pivotCommon.dataSourceUpdate.removeFieldFromReport('[Measures]');
+                        }
                     }
-                    if (_this.parent.dataType === 'olap' && _this.parent.dataSourceSettings.values.length === 0) {
-                        _this.parent.pivotCommon.dataSourceUpdate.removeFieldFromReport('[Measures]');
+                    if (_this.parent.getModuleName() === 'pivotfieldlist') {
+                        _this.parent.axisFieldModule.render();
                     }
+                    _this.updateDataSource();
                 }
-                if (_this.parent.getModuleName() === 'pivotfieldlist') {
-                    _this.parent.axisFieldModule.render();
-                }
-                _this.updateDataSource();
-            }
-        });
+            });
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
     };
     /** @hidden */
     PivotButton.prototype.nodeStateModified = function (args) {
         var target = closest(args.node, 'li');
         var fieldName = target.getAttribute('data-fieldname');
         if (target.getAttribute('data-memberId') === 'all') {
-            this.memberTreeView.nodeChecked = null;
+            this.parent.pivotCommon.filterDialog.memberTreeView.nodeChecked = null;
             if (args.action === 'check') {
-                this.memberTreeView.checkAll();
+                this.parent.pivotCommon.filterDialog.memberTreeView.checkAll();
             }
             else {
-                this.memberTreeView.uncheckAll();
+                this.parent.pivotCommon.filterDialog.memberTreeView.uncheckAll();
             }
             if (this.parent.dataType === 'olap' && this.parent.olapEngineModule &&
                 !this.parent.olapEngineModule.fieldList[fieldName].isHierarchy) {
-                this.updateNodeStates(this.memberTreeView.getAllCheckedNodes(), fieldName, args.action);
+                this.updateNodeStates(this.parent.pivotCommon.filterDialog.memberTreeView.getAllCheckedNodes(), fieldName, args.action);
             }
             this.checkedStateAll(args.action);
-            this.memberTreeView.nodeChecked = this.nodeStateModified.bind(this);
+            this.parent.pivotCommon.filterDialog.memberTreeView.nodeChecked = this.nodeStateModified.bind(this);
         }
         else {
             if (this.parent.dataType === 'olap' && this.parent.olapEngineModule &&
                 !this.parent.olapEngineModule.fieldList[fieldName].isHierarchy) {
                 // let st1: number = new Date().getTime();
-                var checkedNodes = this.memberTreeView.getAllCheckedNodes();
+                var checkedNodes = this.parent.pivotCommon.filterDialog.memberTreeView.getAllCheckedNodes();
                 // let st2: number = (new Date().getTime() - st1) / 1000;
                 // console.log('getAllCheckedNodes:' + st2);
                 this.updateNodeStates(checkedNodes, fieldName, args.action);
@@ -29794,8 +30560,8 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                 }
                 if (currentMembers[member]) {
                     currentMembers[member].isSelected = false;
-                    if (this.memberTreeView.element.querySelector('li[data-memberId="' + member + '"]')) {
-                        var element = this.memberTreeView.element.querySelector('li[data-memberId="' + member + '"]');
+                    if (this.parent.pivotCommon.filterDialog.memberTreeView.element.querySelector('li[data-memberId="' + member + '"]')) {
+                        var element = this.parent.pivotCommon.filterDialog.memberTreeView.element.querySelector('li[data-memberId="' + member + '"]');
                         if (element && !element.querySelector('ul')) {
                             this.parent.pivotCommon.eventBase.updateChildNodeStates(fieldList.filterMembers, fieldName, member, false);
                         }
@@ -29805,8 +30571,8 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             for (var _a = 0, checkedNodes_1 = checkedNodes; _a < checkedNodes_1.length; _a++) {
                 var node = checkedNodes_1[_a];
                 if (currentMembers[node]) {
-                    if (this.memberTreeView.element.querySelector('li[data-memberId="' + node + '"]')) {
-                        var element = this.memberTreeView.element.querySelector('li[data-memberId="' + node + '"]');
+                    if (this.parent.pivotCommon.filterDialog.memberTreeView.element.querySelector('li[data-memberId="' + node + '"]')) {
+                        var element = this.parent.pivotCommon.filterDialog.memberTreeView.element.querySelector('li[data-memberId="' + node + '"]');
                         if (element && !element.querySelector('ul')) {
                             currentMembers[node].isSelected = true;
                             this.parent.pivotCommon.eventBase.updateChildNodeStates(fieldList.filterMembers, fieldName, node, true);
@@ -29844,10 +30610,10 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             !engineModule.fieldList[fieldName].isHierarchy) {
             var cMembers = engineModule.fieldList[fieldName].members;
             var sMembers = engineModule.fieldList[fieldName].currrentMembers;
-            filterItem.items = this.memberTreeView.getAllCheckedNodes();
+            filterItem.items = this.parent.pivotCommon.filterDialog.memberTreeView.getAllCheckedNodes();
             filterItem.levelCount = engineModule.fieldList[fieldName].levelCount;
             isNodeUnChecked = (filterItem.items.length ===
-                this.memberTreeView.fields.dataSource.length ? false : true);
+                this.parent.pivotCommon.filterDialog.memberTreeView.fields.dataSource.length ? false : true);
             if (engineModule.fieldList[fieldName].searchMembers.length > 0 && !isNodeUnChecked) {
                 var cNodeLength = Object.keys(cMembers).length;
                 var sNodeLength = Object.keys(sMembers).length;
@@ -29910,13 +30676,18 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                 }
                 _this.parent.dataSourceSettings.filterSettings.push(filterItem);
             }
-            _this.dialogPopUp.close();
+            _this.parent.pivotCommon.filterDialog.dialogPopUp.close();
             if (!observedArgs.cancel) {
                 _this.refreshPivotButtonState(fieldName, isNodeUnChecked);
                 if (!isNodeUnChecked) {
                     _this.removeDataSourceSettings(fieldName);
+                    filterItem = {};
                 }
                 _this.parent.lastFilterInfo = filterItem;
+                var actionInfo = {
+                    filterInfo: _this.parent.lastFilterInfo
+                };
+                _this.parent.actionObj.actionInfo = actionInfo;
                 _this.updateDataSource(true);
                 var thisObj = _this;
                 //setTimeout(() => {
@@ -29926,8 +30697,8 @@ var PivotButton = /** @__PURE__ @class */ (function () {
                 //});
             }
             var pivotButtons = [].slice.call(_this.parentElement.querySelectorAll('.e-pivot-button'));
-            for (var _i = 0, pivotButtons_2 = pivotButtons; _i < pivotButtons_2.length; _i++) {
-                var item = pivotButtons_2[_i];
+            for (var _i = 0, pivotButtons_1 = pivotButtons; _i < pivotButtons_1.length; _i++) {
+                var item = pivotButtons_1[_i];
                 if (item.getAttribute('data-uid') === fieldName) {
                     item.focus();
                     break;
@@ -29938,8 +30709,8 @@ var PivotButton = /** @__PURE__ @class */ (function () {
     PivotButton.prototype.refreshPivotButtonState = function (fieldName, isFiltered) {
         var pivotButtons = [].slice.call(this.parentElement.querySelectorAll('.e-pivot-button'));
         var selectedButton;
-        for (var _i = 0, pivotButtons_3 = pivotButtons; _i < pivotButtons_3.length; _i++) {
-            var item = pivotButtons_3[_i];
+        for (var _i = 0, pivotButtons_2 = pivotButtons; _i < pivotButtons_2.length; _i++) {
+            var item = pivotButtons_2[_i];
             if (item.getAttribute('data-uid') === fieldName) {
                 selectedButton = item.querySelector('.' + FILTER_COMMON_CLASS);
                 break;
@@ -30072,14 +30843,6 @@ var PivotButton = /** @__PURE__ @class */ (function () {
             this.columnFieldDropDownList.destroy();
             this.columnFieldDropDownList = null;
         }
-        if (this.memberTreeView && !this.memberTreeView.isDestroyed) {
-            this.memberTreeView.destroy();
-            this.memberTreeView = null;
-        }
-        if (this.dialogPopUp && !this.dialogPopUp.isDestroyed) {
-            this.dialogPopUp.destroy();
-            this.dialogPopUp = null;
-        }
         if (this.draggable && !this.draggable.isDestroyed) {
             this.draggable.destroy();
             this.draggable = null;
@@ -30236,6 +30999,8 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
         _this.enableValueSorting = false;
         _this.request = new XMLHttpRequest();
         _this.remoteData = [];
+        /** @hidden */
+        _this.actionObj = {};
         return _this;
     }
     /**
@@ -30467,7 +31232,9 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
                 enableValueSorting: enableValueSorting,
                 isDrillThrough: isDrillThrough,
                 localeObj: localeObj,
-                clonedReport: this.clonedReport
+                clonedReport: this.clonedReport,
+                globalize: this.globalize,
+                currenyCode: this.currencyCode
             };
         }
         return customProperties;
@@ -31158,6 +31925,11 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
                 pivot.pivotGridModule.fieldListSpinnerElement = pivot.fieldListSpinnerElement;
             }
         });
+        var actionName = this.getActionCompleteName();
+        this.actionObj.actionName = actionName;
+        if (this.actionObj.actionName) {
+            this.actionCompleteMethod();
+        }
     };
     PivotFieldList.prototype.updateOlapDataSource = function (pivot, isSorted, isCalcChange, isOlapDataRefreshed) {
         var customProperties = pivot.frameCustomProperties(pivot.olapEngineModule.fieldListData, pivot.olapEngineModule.fieldList);
@@ -31191,6 +31963,7 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
     PivotFieldList.prototype.update = function (control) {
         if (control) {
             this.clonedDataSet = control.clonedDataSet;
+            this.clonedReport = control.clonedReport;
             this.setProperties({ dataSourceSettings: control.dataSourceSettings, showValuesButton: control.showValuesButton }, true);
             this.engineModule = control.engineModule;
             this.olapEngineModule = control.olapEngineModule;
@@ -31225,6 +31998,7 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
     PivotFieldList.prototype.updateView = function (control) {
         if (control) {
             control.clonedDataSet = this.clonedDataSet;
+            control.clonedReport = this.clonedReport;
             control.setProperties({ dataSourceSettings: this.dataSourceSettings, showValuesButton: this.showValuesButton }, true);
             control.engineModule = this.engineModule;
             control.olapEngineModule = this.olapEngineModule;
@@ -31268,6 +32042,47 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
             }
         });
     };
+    /** @hidden */
+    PivotFieldList.prototype.actionBeginMethod = function () {
+        var eventArgs = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.dataSourceSettings),
+            actionName: this.actionObj.actionName,
+            fieldInfo: this.actionObj.fieldInfo,
+            cancel: false
+        };
+        var control = this.isPopupView ? this.pivotGridModule : this;
+        control.trigger(actionBegin, eventArgs);
+        return eventArgs.cancel;
+    };
+    /** @hidden */
+    PivotFieldList.prototype.actionCompleteMethod = function () {
+        var eventArgs = {
+            dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.dataSourceSettings),
+            actionName: this.actionObj.actionName,
+            fieldInfo: this.actionObj.fieldInfo,
+            actionInfo: this.actionObj.actionInfo
+        };
+        var control = this.isPopupView ? this.pivotGridModule : this;
+        control.trigger(actionComplete, eventArgs);
+        this.actionObj.actionName = '';
+        this.actionObj.actionInfo = undefined;
+        this.actionObj.fieldInfo = undefined;
+    };
+    /** @hidden */
+    PivotFieldList.prototype.actionFailureMethod = function (error) {
+        var eventArgs = {
+            actionName: this.actionObj.actionName,
+            errorInfo: error
+        };
+        var control = this.isPopupView ? this.pivotGridModule : this;
+        control.trigger(actionFailure, eventArgs);
+    };
+    /** @hidden */
+    PivotFieldList.prototype.getActionCompleteName = function () {
+        var actionName = (this.actionObj.actionName == openCalculatedField) ? calculatedFieldApplied : (this.actionObj.actionName == editCalculatedField) ? calculatedFieldEdited : (this.actionObj.actionName == sortField) ? fieldSorted
+            : (this.actionObj.actionName == filterField) ? fieldFiltered : (this.actionObj.actionName == removeField) ? fieldRemoved : (this.actionObj.actionName == aggregateField) ? fieldAggregated : this.actionObj.actionName == sortFieldTree ? fieldTreeSorted : this.actionObj.actionName;
+        return actionName;
+    };
     /**
      * Destroys the Field Table component.
      * @function destroy
@@ -31342,6 +32157,9 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
         if (this.clonedDataSet) {
             this.clonedDataSet = null;
         }
+        if (this.clonedReport) {
+            this.clonedReport = null;
+        }
         if (this.clonedFieldList) {
             this.clonedFieldList = null;
         }
@@ -31389,6 +32207,9 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
     __decorate$4([
         Property(['Sum', 'Count', 'DistinctCount', 'Product', 'Min', 'Max', 'Avg', 'Median', 'Index', 'PopulationVar', 'SampleVar', 'PopulationStDev', 'SampleStDev', 'RunningTotals', 'PercentageOfGrandTotal', 'PercentageOfColumnTotal', 'PercentageOfRowTotal', 'PercentageOfParentColumnTotal', 'PercentageOfParentRowTotal', 'DifferenceFrom', 'PercentageOfDifferenceFrom', 'PercentageOfParentTotal'])
     ], PivotFieldList.prototype, "aggregateTypes", void 0);
+    __decorate$4([
+        Property('USD')
+    ], PivotFieldList.prototype, "currencyCode", void 0);
     __decorate$4([
         Event()
     ], PivotFieldList.prototype, "load", void 0);
@@ -31437,6 +32258,15 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
     __decorate$4([
         Event()
     ], PivotFieldList.prototype, "beforeServiceInvoke", void 0);
+    __decorate$4([
+        Event()
+    ], PivotFieldList.prototype, "actionBegin", void 0);
+    __decorate$4([
+        Event()
+    ], PivotFieldList.prototype, "actionComplete", void 0);
+    __decorate$4([
+        Event()
+    ], PivotFieldList.prototype, "actionFailure", void 0);
     PivotFieldList = __decorate$4([
         NotifyPropertyChanges
     ], PivotFieldList);
@@ -31671,105 +32501,114 @@ var CalculatedField = /** @__PURE__ @class */ (function () {
     CalculatedField.prototype.displayMenu = function (node, treeNode, target) {
         var edit = target ? target.classList.contains(CALC_EDIT) : true;
         var edited = target ? target.classList.contains(CALC_EDITED) : true;
-        if (this.parent.dataType === 'pivot' && node.querySelector('.e-list-icon.e-format') &&
-            node.querySelector('.e-list-icon.e-format').classList.contains(ICON) &&
-            !node.querySelector('.e-list-icon').classList.contains(CALC_EDITED) &&
-            !node.querySelector('.e-list-icon').classList.contains(GRID_REMOVE) &&
-            !node.querySelector('.e-list-icon').classList.contains(CALC_EDIT) && node.tagName === 'LI') {
-            if (this.menuObj && !this.menuObj.isDestroyed) {
-                this.menuObj.destroy();
-            }
-            this.curMenu = node.querySelector('.' + LIST_TEXT_CLASS);
-            this.openContextMenu(node);
-        }
-        else if (node.tagName === 'LI' && (node.querySelector('.' + CALC_EDIT) &&
-            node.querySelector('.' + CALC_EDIT).classList.contains('e-list-icon') && edit ||
-            (this.parent.dataType === 'olap' && node.getAttribute('data-type') === CALC && node.classList.contains('e-active') && ((target && !target.classList.contains(GRID_REMOVE)) || !target)))) {
-            this.isEdit = true;
-            var fieldName = node.getAttribute('data-field');
-            var caption = node.getAttribute('data-caption');
-            this.currentFieldName = fieldName;
-            this.inputObj.value = caption;
-            this.inputObj.dataBind();
-            var formatString = node.getAttribute('data-formatString');
-            var dialogElement = this.dialog.element;
-            var customFormat = getInstance(select('#' + this.parentID + 'Custom_Format_Element', dialogElement), MaskedTextBox);
-            if (this.parent.dataType === 'olap') {
-                var memberType = node.getAttribute('data-membertype');
-                var parentHierarchy = node.getAttribute('data-hierarchy');
-                var expression = node.getAttribute('data-formula');
-                var customString = node.getAttribute('data-customString');
-                var fieldTitle = select('#' + this.parentID + '_' + 'FieldNameTitle', dialogElement);
-                var memberTypeDrop = getInstance(select('#' + this.parentID + 'Member_Type_Div', dialogElement), DropDownList);
-                var hierarchyDrop = getInstance(select('#' + this.parentID + 'Hierarchy_List_Div', dialogElement), DropDownList);
-                var formatDrop = getInstance(select('#' + this.parentID + 'Format_Div', dialogElement), DropDownList);
-                /* eslint-enable max-len */
-                fieldTitle.innerHTML = this.parent.localeObj.getConstant('caption');
-                select('#' + this.parentID + 'droppable', document).value = expression;
-                memberTypeDrop.readonly = true;
-                memberTypeDrop.value = memberType;
-                memberTypeDrop.dataBind();
-                if (memberType === 'Dimension') {
-                    hierarchyDrop.value = parentHierarchy;
+        try {
+            if (this.parent.dataType === 'pivot' && node.querySelector('.e-list-icon.e-format') &&
+                node.querySelector('.e-list-icon.e-format').classList.contains(ICON) &&
+                !node.querySelector('.e-list-icon').classList.contains(CALC_EDITED) &&
+                !node.querySelector('.e-list-icon').classList.contains(GRID_REMOVE) &&
+                !node.querySelector('.e-list-icon').classList.contains(CALC_EDIT) && node.tagName === 'LI') {
+                if (this.menuObj && !this.menuObj.isDestroyed) {
+                    this.menuObj.destroy();
+                }
+                this.curMenu = node.querySelector('.' + LIST_TEXT_CLASS);
+                this.openContextMenu(node);
+            }
+            else if (node.tagName === 'LI' && (node.querySelector('.' + CALC_EDIT) &&
+                node.querySelector('.' + CALC_EDIT).classList.contains('e-list-icon') && edit ||
+                (this.parent.dataType === 'olap' && node.getAttribute('data-type') === CALC && node.classList.contains('e-active') && ((target && !target.classList.contains(GRID_REMOVE)) || !target)))) {
+                this.isEdit = true;
+                var fieldName = node.getAttribute('data-field');
+                var caption = node.getAttribute('data-caption');
+                this.currentFieldName = fieldName;
+                this.inputObj.value = caption;
+                this.inputObj.dataBind();
+                var formatString = node.getAttribute('data-formatString');
+                var dialogElement = this.dialog.element;
+                var customFormat = getInstance(select('#' + this.parentID + 'Custom_Format_Element', dialogElement), MaskedTextBox);
+                if (this.parent.dataType === 'olap') {
+                    var memberType = node.getAttribute('data-membertype');
+                    var parentHierarchy = node.getAttribute('data-hierarchy');
+                    var expression = node.getAttribute('data-formula');
+                    var customString = node.getAttribute('data-customString');
+                    var fieldTitle = select('#' + this.parentID + '_' + 'FieldNameTitle', dialogElement);
+                    var memberTypeDrop = getInstance(select('#' + this.parentID + 'Member_Type_Div', dialogElement), DropDownList);
+                    var hierarchyDrop = getInstance(select('#' + this.parentID + 'Hierarchy_List_Div', dialogElement), DropDownList);
+                    var formatDrop = getInstance(select('#' + this.parentID + 'Format_Div', dialogElement), DropDownList);
+                    /* eslint-enable max-len */
+                    fieldTitle.innerHTML = this.parent.localeObj.getConstant('caption');
+                    select('#' + this.parentID + 'droppable', document).value = expression;
+                    memberTypeDrop.readonly = true;
+                    memberTypeDrop.value = memberType;
+                    memberTypeDrop.dataBind();
+                    if (memberType === 'Dimension') {
+                        hierarchyDrop.value = parentHierarchy;
+                    }
+                    if (formatString !== '') {
+                        formatDrop.value = formatString;
+                        formatDrop.dataBind();
+                    }
+                    customFormat.value = customString;
+                }
+                else {
+                    customFormat.value = formatString;
+                    addClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDIT);
+                    removeClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDITED);
+                    addClass([node.querySelector('.e-list-icon')], CALC_EDITED);
+                    removeClass([node.querySelector('.e-list-icon')], CALC_EDIT);
+                    node.querySelector('.' + CALC_EDITED).setAttribute('title', this.parent.localeObj.getConstant('clearCalculatedField'));
+                    select('#' + this.parentID + 'droppable', document).value = node.getAttribute('data-uid');
                 }
-                if (formatString !== '') {
-                    formatDrop.value = formatString;
+                customFormat.dataBind();
+            }
+            else if (node.tagName === 'LI' && (node.querySelector('.' + CALC_EDITED) &&
+                node.querySelector('.' + CALC_EDITED).classList.contains('e-list-icon') && edited ||
+                (this.parent.dataType === 'olap' && !node.classList.contains('e-active')))) {
+                this.isEdit = false;
+                this.inputObj.value = '';
+                this.inputObj.dataBind();
+                var dialogElement = this.dialog.element;
+                var customFormat = getInstance(select('#' + this.parentID + 'Custom_Format_Element', dialogElement), MaskedTextBox);
+                customFormat.value = '';
+                customFormat.dataBind();
+                if (this.parent.dataType === 'olap') {
+                    var hierarchyDrop = getInstance(select('#' + this.parentID + 'Hierarchy_List_Div', dialogElement), DropDownList);
+                    var formatDrop = getInstance(select('#' + this.parentID + 'Format_Div', dialogElement), DropDownList);
+                    var memberTypeDrop = getInstance(select('#' + this.parentID + 'Member_Type_Div', dialogElement), DropDownList);
+                    var fieldTitle = select('#' + this.parentID + '_' + 'FieldNameTitle', dialogElement);
+                    /* eslint-enable max-len */
+                    fieldTitle.innerHTML = this.parent.localeObj.getConstant('fieldTitle');
+                    hierarchyDrop.index = 0;
+                    hierarchyDrop.dataBind();
+                    formatDrop.index = 0;
                     formatDrop.dataBind();
+                    memberTypeDrop.index = 0;
+                    memberTypeDrop.readonly = false;
+                    memberTypeDrop.dataBind();
+                }
+                else {
+                    addClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDIT);
+                    removeClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDITED);
+                    node.querySelector('.' + CALC_EDIT).setAttribute('title', this.parent.localeObj.getConstant('edit'));
                 }
-                customFormat.value = customString;
+                select('#' + this.parentID + 'droppable', document).value = '';
             }
-            else {
-                customFormat.value = formatString;
-                addClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDIT);
-                removeClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDITED);
-                addClass([node.querySelector('.e-list-icon')], CALC_EDITED);
-                removeClass([node.querySelector('.e-list-icon')], CALC_EDIT);
-                node.querySelector('.' + CALC_EDITED).setAttribute('title', this.parent.localeObj.getConstant('clearCalculatedField'));
-                select('#' + this.parentID + 'droppable', document).value = node.getAttribute('data-uid');
+            else if (node.tagName === 'LI' && (node.querySelector('.' + GRID_REMOVE) &&
+                node.querySelector('.' + GRID_REMOVE).classList.contains('e-list-icon')) && !edit && !edited) {
+                this.parent.actionObj.actionName = removeField;
+                if (this.parent.actionBeginMethod()) {
+                    return;
+                }
+                var dropField = select('#' + this.parentID + 'droppable', document);
+                var field = {
+                    name: this.isEdit ? this.currentFieldName : this.inputObj.value,
+                    caption: this.inputObj.value,
+                    formula: dropField.value
+                };
+                this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('removeCalculatedField'), field, true, treeNode);
             }
-            customFormat.dataBind();
         }
-        else if (node.tagName === 'LI' && (node.querySelector('.' + CALC_EDITED) &&
-            node.querySelector('.' + CALC_EDITED).classList.contains('e-list-icon') && edited ||
-            (this.parent.dataType === 'olap' && !node.classList.contains('e-active')))) {
-            this.isEdit = false;
-            this.inputObj.value = '';
-            this.inputObj.dataBind();
-            var dialogElement = this.dialog.element;
-            var customFormat = getInstance(select('#' + this.parentID + 'Custom_Format_Element', dialogElement), MaskedTextBox);
-            customFormat.value = '';
-            customFormat.dataBind();
-            if (this.parent.dataType === 'olap') {
-                var hierarchyDrop = getInstance(select('#' + this.parentID + 'Hierarchy_List_Div', dialogElement), DropDownList);
-                var formatDrop = getInstance(select('#' + this.parentID + 'Format_Div', dialogElement), DropDownList);
-                var memberTypeDrop = getInstance(select('#' + this.parentID + 'Member_Type_Div', dialogElement), DropDownList);
-                var fieldTitle = select('#' + this.parentID + '_' + 'FieldNameTitle', dialogElement);
-                /* eslint-enable max-len */
-                fieldTitle.innerHTML = this.parent.localeObj.getConstant('fieldTitle');
-                hierarchyDrop.index = 0;
-                hierarchyDrop.dataBind();
-                formatDrop.index = 0;
-                formatDrop.dataBind();
-                memberTypeDrop.index = 0;
-                memberTypeDrop.readonly = false;
-                memberTypeDrop.dataBind();
-            }
-            else {
-                addClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDIT);
-                removeClass(this.treeObj.element.querySelectorAll('.' + CALC_EDITED), CALC_EDITED);
-                node.querySelector('.' + CALC_EDIT).setAttribute('title', this.parent.localeObj.getConstant('edit'));
-            }
-            select('#' + this.parentID + 'droppable', document).value = '';
-        }
-        else if (node.tagName === 'LI' && (node.querySelector('.' + GRID_REMOVE) &&
-            node.querySelector('.' + GRID_REMOVE).classList.contains('e-list-icon')) && !edit && !edited) {
-            var dropField = select('#' + this.parentID + 'droppable', document);
-            var field = {
-                name: this.isEdit ? this.currentFieldName : this.inputObj.value,
-                caption: this.inputObj.value,
-                formula: dropField.value
-            };
-            this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('removeCalculatedField'), field, true, treeNode);
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
     };
     CalculatedField.prototype.removeCalcField = function (node) {
@@ -32186,6 +33025,12 @@ var CalculatedField = /** @__PURE__ @class */ (function () {
             this.parent.isRequiredUpdate = false;
         }
         try {
+            var actionInfo = {
+                calculatedFieldInfo: this.parent.lastCalcFieldInfo
+            };
+            this.parent.actionObj.actionInfo = actionInfo;
+            var actionName = (this.parent.actionObj.actionName == editCalculatedField) ? calculatedFieldEdited : calculatedFieldApplied;
+            this.parent.actionObj.actionName = actionName;
             this.parent.updateDataSource(false);
             var pivot = (this.parent.getModuleName() === 'pivotfieldlist' && this.parent.pivotGridModule) ?
                 this.parent.pivotGridModule : this.parent;
@@ -33641,7 +34486,7 @@ var FieldList = /** @__PURE__ @class */ (function () {
     FieldList.prototype.update = function () {
         var currentWidth;
         if (this.parent.currentView !== 'Table') {
-            currentWidth = this.parent.chart ? this.parent.chartModule.getCalulatedWidth() : currentWidth;
+            currentWidth = this.parent.chart ? this.parent.pivotChartModule.getCalulatedWidth() : currentWidth;
         }
         else {
             currentWidth = this.parent.grid ? this.parent.grid.element.offsetWidth : currentWidth;
@@ -34121,7 +34966,7 @@ var GroupingBar = /** @__PURE__ @class */ (function () {
             currentWidth = this.parent.grid ? this.parent.grid.element.offsetWidth : currentWidth;
         }
         else {
-            currentWidth = this.parent.chart ? this.parent.chartModule.getCalulatedWidth() : currentWidth;
+            currentWidth = this.parent.chart ? this.parent.pivotChartModule.getCalulatedWidth() : currentWidth;
         }
         if (currentWidth) {
             var actWidth = currentWidth < 400 ? 400 : currentWidth;
@@ -34393,15 +35238,17 @@ var ConditionalFormatting = /** @__PURE__ @class */ (function () {
             },
             {
                 click: this.applyButtonClick.bind(this),
+                isFlat: true,
                 buttonModel: {
-                    cssClass: FLAT_CLASS + ' ' + FORMAT_APPLY_BUTTON,
+                    isPrimary: true, cssClass: FORMAT_APPLY_BUTTON,
                     content: this.parent.localeObj.getConstant('apply')
                 }
             },
             {
                 click: this.cancelButtonClick.bind(this),
+                isFlat: true,
                 buttonModel: {
-                    cssClass: FLAT_CLASS + ' ' + FORMAT_CANCEL_BUTTON,
+                    cssClass: FORMAT_CANCEL_BUTTON,
                     content: this.parent.localeObj.getConstant('cancel')
                 }
             }
@@ -34455,6 +35302,10 @@ var ConditionalFormatting = /** @__PURE__ @class */ (function () {
     ConditionalFormatting.prototype.applyButtonClick = function () {
         if (this.refreshConditionValues()) {
             this.parent.setProperties({ dataSourceSettings: { conditionalFormatSettings: this.newFormat } }, true);
+            var actionInfo = {
+                conditionalFormattingInfo: this.parent.dataSourceSettings.conditionalFormatSettings
+            };
+            this.parent.actionObj.actionInfo = actionInfo;
             this.parent.renderPivotGrid();
             this.dialog.close();
         }
@@ -35153,12 +36004,22 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
     };
     /* eslint-enable */
     Toolbar$$1.prototype.reportChange = function (args) {
-        this.dropArgs = args;
-        if (this.parent.isModified && this.currentReport !== '') {
-            this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('newReportConfirm'));
+        this.parent.actionObj.actionName = reportChange;
+        if (this.parent.actionBeginMethod()) {
+            args.cancel = true;
+            return;
         }
-        else {
-            this.reportLoad(args);
+        try {
+            this.dropArgs = args;
+            if (this.parent.isModified && this.currentReport !== '') {
+                this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('newReportConfirm'));
+            }
+            else {
+                this.reportLoad(args);
+            }
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
     };
     Toolbar$$1.prototype.reportLoad = function (args) {
@@ -35167,6 +36028,10 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             var loadArgs = {
                 reportName: args.itemData.value
             };
+            var actionInfo = {
+                reportName: args.itemData.value
+            };
+            this.parent.actionObj.actionInfo = actionInfo;
             this.parent.trigger(loadReport, loadArgs, function (observedArgs) {
                 _this_1.currentReport = observedArgs.reportName;
                 _this_1.parent.isModified = false;
@@ -35179,7 +36044,15 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                 report: this.parent.getPersistData(),
                 reportName: this.currentReport
             };
+            this.parent.actionObj.actionName = this.parent.getActionCompleteName();
+            var actionInfo = {
+                reportName: this.currentReport
+            };
+            this.parent.actionObj.actionInfo = actionInfo;
             this.parent.trigger(saveReport, saveArgs);
+            if (this.parent.actionObj.actionName) {
+                this.parent.actionCompleteMethod();
+            }
             this.parent.isModified = false;
         }
         else if (this.currentReport === '' && (args.item.id === (this.parent.element.id + 'save') || args.item.id === (this.parent.element.id + 'saveas'))) {
@@ -35243,54 +36116,67 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         }
     };
     Toolbar$$1.prototype.actionClick = function (args) {
-        switch (args.item.id) {
-            case (this.parent.element.id + 'save'):
-            case (this.parent.element.id + 'saveas'):
-                this.saveReport(args);
-                break;
-            case (this.parent.element.id + 'remove'):
-                this.action = 'Remove';
-                if (this.currentReport && this.currentReport !== '') {
-                    this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('removeConfirm'));
-                }
-                else {
-                    this.parent.pivotCommon.errorDialog.createErrorDialog(this.parent.localeObj.getConstant('error'), this.parent.localeObj.getConstant('emptyReport'));
-                }
-                return;
-            case (this.parent.element.id + 'rename'):
-                this.renameReport(args);
-                break;
-            case (this.parent.element.id + 'new'):
-                this.action = 'New';
-                this.newArgs = args;
-                if (this.parent.isModified && this.currentReport && this.currentReport !== '') {
-                    this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('newReportConfirm'));
-                }
-                else {
-                    this.createNewReport(args);
-                }
-                break;
-            case (this.parent.element.id + 'load'):
-                this.action = 'Load';
-                break;
-            case (this.parent.element.id + 'fieldlist'):
-                if (this.parent.pivotFieldListModule && this.parent.pivotFieldListModule.dialogRenderer) {
-                    this.parent.pivotFieldListModule.dialogRenderer.fieldListDialog.show();
-                }
-                break;
-            case (this.parent.element.id + 'formatting'):
-                if (this.parent.conditionalFormattingModule) {
-                    this.parent.conditionalFormattingModule.showConditionalFormattingDialog();
-                }
-                break;
-            case (this.parent.element.id + 'mdxQuery'):
-                this.mdxQueryDialog(args);
-                break;
-            case (this.parent.element.id + 'numberFormatting'):
-                if (this.parent.numberFormattingModule) {
-                    this.parent.numberFormattingModule.showNumberFormattingDialog();
-                }
-                break;
+        var actionName = (args.item.id == "PivotViewnew") ? addNewReport : (args.item.id == "PivotViewsave") ? saveCurrentReport : (args.item.id == "PivotViewsaveas") ? saveAsCurrentReport
+            : (args.item.id == "PivotViewrename") ? renameCurrentReport : (args.item.id == "PivotViewremove") ? removeCurrentReport : (args.item.id == "PivotViewload") ? loadReports
+                : (args.item.id == "PivotViewformatting") ? openConditionalFormatting : (args.item.id == "PivotViewnumberFormatting") ? openNumberFormatting
+                    : (args.item.id == "PivotViewmdxQuery") ? MdxQuery : (args.item.id == "PivotViewfieldlist") ? showFieldList : '';
+        this.parent.actionObj.actionName = actionName;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
+        try {
+            switch (args.item.id) {
+                case (this.parent.element.id + 'save'):
+                case (this.parent.element.id + 'saveas'):
+                    this.saveReport(args);
+                    break;
+                case (this.parent.element.id + 'remove'):
+                    this.action = 'Remove';
+                    if (this.currentReport && this.currentReport !== '') {
+                        this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('removeConfirm'));
+                    }
+                    else {
+                        this.parent.pivotCommon.errorDialog.createErrorDialog(this.parent.localeObj.getConstant('error'), this.parent.localeObj.getConstant('emptyReport'));
+                    }
+                    return;
+                case (this.parent.element.id + 'rename'):
+                    this.renameReport(args);
+                    break;
+                case (this.parent.element.id + 'new'):
+                    this.action = 'New';
+                    this.newArgs = args;
+                    if (this.parent.isModified && this.currentReport && this.currentReport !== '') {
+                        this.createConfirmDialog(this.parent.localeObj.getConstant('alert'), this.parent.localeObj.getConstant('newReportConfirm'));
+                    }
+                    else {
+                        this.createNewReport(args);
+                    }
+                    break;
+                case (this.parent.element.id + 'load'):
+                    this.action = 'Load';
+                    break;
+                case (this.parent.element.id + 'fieldlist'):
+                    if (this.parent.pivotFieldListModule && this.parent.pivotFieldListModule.dialogRenderer) {
+                        this.parent.pivotFieldListModule.dialogRenderer.fieldListDialog.show();
+                    }
+                    break;
+                case (this.parent.element.id + 'formatting'):
+                    if (this.parent.conditionalFormattingModule) {
+                        this.parent.conditionalFormattingModule.showConditionalFormattingDialog();
+                    }
+                    break;
+                case (this.parent.element.id + 'mdxQuery'):
+                    this.mdxQueryDialog(args);
+                    break;
+                case (this.parent.element.id + 'numberFormatting'):
+                    if (this.parent.numberFormattingModule) {
+                        this.parent.numberFormattingModule.showNumberFormattingDialog();
+                    }
+                    break;
+            }
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
     };
     Toolbar$$1.prototype.renderDialog = function () {
@@ -35382,6 +36268,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         return;
     };
     Toolbar$$1.prototype.okBtnClick = function () {
+        var _this_1 = this;
         var reportInput = this.dialog.element.querySelector('.' + GRID_REPORT_INPUT);
         if (reportInput && reportInput.value === '') {
             reportInput.focus();
@@ -35413,6 +36300,10 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                     report: _this_2.parent.getPersistData(),
                     reportName: reportInput.value
                 };
+                var actionInfo = {
+                    reportName: reportInput.value
+                };
+                _this_1.parent.actionObj.actionInfo = actionInfo;
                 _this_2.parent.trigger(saveReport, saveArgs);
                 _this_2.parent.isModified = false;
                 _this_2.updateReportList();
@@ -35445,6 +36336,10 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                     report: _this_3.parent.getPersistData(),
                     reportName: reportInput.value
                 };
+                var actionInfo = {
+                    reportName: reportInput.value
+                };
+                _this_1.parent.actionObj.actionInfo = actionInfo;
                 _this_3.parent.trigger(saveReport, saveArgs);
                 _this_3.parent.isModified = false;
                 _this_3.updateReportList();
@@ -35479,12 +36374,20 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                     reportName: _this_4.currentReport,
                     rename: reportInput.value
                 };
+                var actionInfo = {
+                    reportName: { oldName: _this_4.currentReport, newName: reportInput.value }
+                };
+                _this_1.parent.actionObj.actionInfo = actionInfo;
                 _this_4.parent.trigger(renameReport, renameArgs);
                 _this_4.currentReport = reportInput.value;
                 _this_4.updateReportList();
                 _this_4.dialog.hide();
             });
         }
+        this.parent.actionObj.actionName = this.parent.getActionCompleteName();
+        if (this.parent.actionObj.actionName) {
+            this.parent.actionCompleteMethod();
+        }
     };
     Toolbar$$1.prototype.createNewReport = function (args) {
         this.dialogShow(args);
@@ -35543,6 +36446,10 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             var removeArgs = {
                 reportName: this.currentReport
             };
+            var actionInfo = {
+                reportName: this.currentReport
+            };
+            this.parent.actionObj.actionInfo = actionInfo;
             this.parent.trigger(removeReport, removeArgs);
             var reports = this.fetchReports();
             if (reports.reportName && reports.reportName.length > 0) {
@@ -35561,6 +36468,10 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                 this.action = '';
             }
             this.updateReportList();
+            this.parent.actionObj.actionName = reportRemoved;
+            if (this.parent.actionObj.actionName) {
+                this.parent.actionCompleteMethod();
+            }
         }
         else if (this.action === 'New' || (this.action !== 'Save' && this.action !== 'Rename' && this.action !== 'New')) {
             if (this.currentReport && this.currentReport !== '' && this.parent.isModified) {
@@ -35568,12 +36479,22 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                     report: this.parent.getPersistData(),
                     reportName: this.currentReport
                 };
+                var actionInfo = {
+                    reportName: this.currentReport
+                };
+                this.parent.actionObj.actionInfo = actionInfo;
+                this.parent.actionObj.actionName = reportSaved;
+                if (this.parent.actionObj.actionName) {
+                    this.parent.actionCompleteMethod();
+                }
                 this.parent.trigger(saveReport, saveArgs);
                 this.parent.isModified = false;
                 if (this.action === 'New') {
+                    this.parent.actionObj.actionName = addNewReport;
                     this.createNewReport(this.newArgs);
                 }
                 else {
+                    this.parent.actionObj.actionName = reportChange;
                     this.reportLoad(this.dropArgs);
                 }
             }
@@ -35679,6 +36600,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             this.chartMenu = new Menu({
                 items: menu, enableRtl: this.parent.enableRtl,
                 locale: this.parent.locale,
+                cssClass: TOOLBAR_MENU,
                 select: this.menuItemClick.bind(this),
                 beforeOpen: this.whitespaceRemove.bind(this),
                 onClose: function (args) {
@@ -35735,6 +36657,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             this.exportMenu = new Menu({
                 items: menu, enableRtl: this.parent.enableRtl,
                 locale: this.parent.locale,
+                cssClass: TOOLBAR_MENU,
                 select: this.menuItemClick.bind(this), beforeOpen: this.updateExportMenu.bind(this),
                 onClose: function (args) {
                     _this_1.focusToolBar();
@@ -35772,6 +36695,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             this.subTotalMenu = new Menu({
                 items: menu, enableRtl: this.parent.enableRtl,
                 locale: this.parent.locale,
+                cssClass: TOOLBAR_MENU,
                 select: this.menuItemClick.bind(this), beforeOpen: this.updateSubtotalSelection.bind(this),
                 onClose: function (args) {
                     _this_1.focusToolBar();
@@ -35809,6 +36733,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             this.grandTotalMenu = new Menu({
                 items: menu, enableRtl: this.parent.enableRtl,
                 locale: this.parent.locale,
+                cssClass: TOOLBAR_MENU,
                 select: this.menuItemClick.bind(this), beforeOpen: this.updateGrandtotalSelection.bind(this),
                 onClose: function (args) {
                     _this_1.focusToolBar();
@@ -35836,6 +36761,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             this.formattingMenu = new Menu({
                 items: menu, enableRtl: this.parent.enableRtl,
                 locale: this.parent.locale,
+                cssClass: TOOLBAR_MENU,
                 select: this.menuItemClick.bind(this)
             });
             this.formattingMenu.isStringTemplate = true;
@@ -36035,181 +36961,202 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         var _this_1 = this;
         var exportArgs = {};
         var type;
+        var actionName = (args.item.id == "PivotViewgrid") ? tableView : (args.item.id == "PivotView_Column") ? chartView : (args.item.id == "PivotView_Bar") ? chartView : (args.item.id == "PivotView_Line") ? chartView
+            : (args.item.id == "PivotView_Area") ? chartView : (args.item.id == "PivotView_Scatter") ? chartView : (args.item.id == "PivotView_Polar") ? chartView : (args.item.id == "PivotView_ChartMoreOption") ? chartView
+                : (args.item.id == "PivotView_multipleAxes") ? multipleAxis : (args.item.id == "PivotView_showLegend") ? showLegend : (args.item.id == "PivotViewpdf") ? pdfExport : (args.item.id == "PivotViewpng") ? pngExport
+                    : (args.item.id == "PivotViewexcel") ? excelExport : (args.item.id == "PivotViewcsv") ? csvExport : (args.item.id == "PivotViewjpeg") ? jpegExport : (args.item.id == "PivotViewsvg") ? svgExport
+                        : (args.item.id == "PivotViewnotsubtotal") ? hideSubTotals : (args.item.id == "PivotViewsubtotalrow") ? subTotalsRow : (args.item.id == "PivotViewsubtotalcolumn") ? subTotalsColumn
+                            : (args.item.id == "PivotViewsubtotal") ? showSubTotals : (args.item.id == "PivotViewnotgrandtotal") ? hideGrandTotals : (args.item.id == "PivotViewgrandtotalrow") ? grandTotalsRow
+                                : (args.item.id == "PivotViewgrandtotalcolumn") ? grandTotalsColumn : (args.item.id == "PivotViewgrandtotal") ? showGrandTotals
+                                    : (args.item.id == "PivotViewnumberFormattingMenu") ? numberFormattingMenu : (args.item.id == "PivotViewconditionalFormattingMenu") ? conditionalFormattingMenu : '';
+        this.parent.actionObj.actionName = actionName;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
         if (this.getAllChartItems().indexOf(args.item.id.split(this.parent.element.id + '_')[1]) > -1 ||
             (args.item.id.split(this.parent.element.id + '_')[1] === 'ChartMoreOption') ||
             (args.item.id.split(this.parent.element.id + '_')[1] === 'multipleAxes') ||
             (args.item.id.split(this.parent.element.id + '_')[1] === 'showLegend')) {
             type = args.item.id.split(this.parent.element.id + '_')[1];
         }
-        switch (args.item.id) {
-            case (this.parent.element.id + 'grid'):
-                if (this.parent.grid && this.parent.chart) {
-                    this.parent.grid.element.style.display = '';
-                    this.parent.chart.element.style.display = 'none';
-                    if (this.parent.chartSettings.enableMultipleAxis && this.parent.chartSettings.enableScrollOnMultiAxis) {
-                        this.parent.element.querySelector('.e-pivotchart').style.display = 'none';
-                    }
-                    this.parent.currentView = 'Table';
-                    this.parent.setProperties({ displayOption: { primary: 'Table' } }, true);
-                    if (this.parent.showGroupingBar && this.parent.groupingBarModule) {
-                        this.parent.element.querySelector('.e-pivot-grouping-bar').style.display = '';
-                        this.parent.element.querySelector('.e-chart-grouping-bar').style.display = 'none';
+        try {
+            switch (args.item.id) {
+                case (this.parent.element.id + 'grid'):
+                    if (this.parent.grid && this.parent.chart) {
+                        this.parent.grid.element.style.display = '';
+                        this.parent.chart.element.style.display = 'none';
+                        if (this.parent.chartSettings.enableMultipleAxis && this.parent.chartSettings.enableScrollOnMultiAxis) {
+                            this.parent.element.querySelector('.e-pivotchart').style.display = 'none';
+                        }
+                        this.parent.currentView = 'Table';
+                        this.parent.setProperties({ displayOption: { primary: 'Table' } }, true);
+                        if (this.parent.showGroupingBar && this.parent.groupingBarModule) {
+                            this.parent.element.querySelector('.e-pivot-grouping-bar').style.display = '';
+                            this.parent.element.querySelector('.e-chart-grouping-bar').style.display = 'none';
+                        }
+                        var actionInfo = {
+                            toolbarInfo: { displayOption: this.parent.displayOption, gridSettings: this.parent.gridSettings }
+                        };
+                        this.parent.actionObj.actionInfo = actionInfo;
+                        this.parent.layoutRefresh();
                     }
-                    this.parent.layoutRefresh();
-                }
-                break;
-            case (this.parent.element.id + 'pdf'):
-                if (this.parent.currentView === 'Table') {
+                    break;
+                case (this.parent.element.id + 'pdf'):
+                    if (this.parent.currentView === 'Table') {
+                        exportArgs = {
+                            pdfExportProperties: { fileName: 'Export.pdf' },
+                            pdfDoc: undefined,
+                            isBlob: false,
+                            isMultipleExport: false
+                        };
+                        this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
+                            _this_1.parent.pdfExport(observedArgs.pdfExportProperties, observedArgs.isMultipleExport, observedArgs.pdfDoc, observedArgs.isBlob);
+                        });
+                    }
+                    else {
+                        exportArgs = {
+                            width: undefined,
+                            height: undefined,
+                            orientation: PdfPageOrientation.Landscape,
+                            type: 'PDF',
+                            fileName: 'result',
+                        };
+                        this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
+                            _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
+                        });
+                    }
+                    break;
+                case (this.parent.element.id + 'excel'):
                     exportArgs = {
-                        pdfExportProperties: { fileName: 'Export.pdf' },
-                        pdfDoc: undefined,
+                        excelExportProperties: { fileName: 'Export.xlsx' },
+                        isBlob: undefined,
+                        isMultipleExport: undefined,
+                        workbook: undefined
+                    };
+                    this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
+                        _this_1.parent.excelExport(observedArgs.excelExportProperties, observedArgs.isMultipleExport, observedArgs.workbook, observedArgs.isBlob);
+                    });
+                    break;
+                case (this.parent.element.id + 'csv'):
+                    exportArgs = {
+                        excelExportProperties: { fileName: 'Export.csv' },
                         isBlob: false,
-                        isMultipleExport: false
+                        isMultipleExport: false,
+                        workbook: undefined
                     };
                     this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
-                        _this_1.parent.pdfExport(observedArgs.pdfExportProperties, observedArgs.isMultipleExport, observedArgs.pdfDoc, observedArgs.isBlob);
+                        _this_1.parent.csvExport(observedArgs.excelExportProperties, observedArgs.isMultipleExport, observedArgs.workbook, observedArgs.isBlob);
                     });
-                }
-                else {
+                    break;
+                case (this.parent.element.id + 'png'):
                     exportArgs = {
+                        type: 'PNG',
                         width: undefined,
                         height: undefined,
+                        fileName: 'result',
                         orientation: PdfPageOrientation.Landscape,
-                        type: 'PDF',
+                    };
+                    this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
+                        _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
+                    });
+                    break;
+                case (this.parent.element.id + 'jpeg'):
+                    exportArgs = {
+                        type: 'JPEG',
                         fileName: 'result',
+                        orientation: PdfPageOrientation.Landscape,
+                        width: undefined,
+                        height: undefined,
                     };
                     this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
                         _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
                     });
-                }
-                break;
-            case (this.parent.element.id + 'excel'):
-                exportArgs = {
-                    excelExportProperties: { fileName: 'Export.xlsx' },
-                    isBlob: undefined,
-                    isMultipleExport: undefined,
-                    workbook: undefined
-                };
-                this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
-                    _this_1.parent.excelExport(observedArgs.excelExportProperties, observedArgs.isMultipleExport, observedArgs.workbook, observedArgs.isBlob);
-                });
-                break;
-            case (this.parent.element.id + 'csv'):
-                exportArgs = {
-                    excelExportProperties: { fileName: 'Export.csv' },
-                    isBlob: false,
-                    isMultipleExport: false,
-                    workbook: undefined
-                };
-                this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
-                    _this_1.parent.csvExport(observedArgs.excelExportProperties, observedArgs.isMultipleExport, observedArgs.workbook, observedArgs.isBlob);
-                });
-                break;
-            case (this.parent.element.id + 'png'):
-                exportArgs = {
-                    type: 'PNG',
-                    width: undefined,
-                    height: undefined,
-                    fileName: 'result',
-                    orientation: PdfPageOrientation.Landscape,
-                };
-                this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
-                    _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
-                });
-                break;
-            case (this.parent.element.id + 'jpeg'):
-                exportArgs = {
-                    type: 'JPEG',
-                    fileName: 'result',
-                    orientation: PdfPageOrientation.Landscape,
-                    width: undefined,
-                    height: undefined,
-                };
-                this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
-                    _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
-                });
-                break;
-            case (this.parent.element.id + 'svg'):
-                exportArgs = {
-                    width: undefined,
-                    height: undefined,
-                    type: 'SVG',
-                    fileName: 'result',
-                    orientation: PdfPageOrientation.Landscape,
-                };
-                this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
-                    _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
-                });
-                break;
-            case (this.parent.element.id + 'notsubtotal'):
-                this.parent.setProperties({ dataSourceSettings: { showSubTotals: false, showColumnSubTotals: false, showRowSubTotals: false } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'subtotalrow'):
-                this.parent.setProperties({ dataSourceSettings: { showSubTotals: true, showColumnSubTotals: false, showRowSubTotals: true } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'subtotalcolumn'):
-                this.parent.setProperties({ dataSourceSettings: { showSubTotals: true, showColumnSubTotals: true, showRowSubTotals: false } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'subtotal'):
-                this.parent.setProperties({ dataSourceSettings: { showSubTotals: true, showColumnSubTotals: true, showRowSubTotals: true } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'notgrandtotal'):
-                this.parent.setProperties({ dataSourceSettings: { showGrandTotals: false, showColumnGrandTotals: false, showRowGrandTotals: false } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'grandtotalrow'):
-                this.parent.setProperties({ dataSourceSettings: { showGrandTotals: true, showColumnGrandTotals: false, showRowGrandTotals: true } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'grandtotalcolumn'):
-                this.parent.setProperties({ dataSourceSettings: { showGrandTotals: true, showColumnGrandTotals: true, showRowGrandTotals: false } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'grandtotal'):
-                this.parent.setProperties({ dataSourceSettings: { showGrandTotals: true, showColumnGrandTotals: true, showRowGrandTotals: true } }, true);
-                this.parent.refreshData();
-                break;
-            case (this.parent.element.id + 'numberFormattingMenu'):
-                if (this.parent.numberFormattingModule) {
-                    this.parent.numberFormattingModule.showNumberFormattingDialog();
-                }
-                break;
-            case (this.parent.element.id + 'conditionalFormattingMenu'):
-                if (this.parent.conditionalFormattingModule) {
-                    this.parent.conditionalFormattingModule.showConditionalFormattingDialog();
-                }
-                break;
-            case (this.parent.element.id + '_' + type):
-                if (args.item && args.item.text) {
-                    if (type === 'ChartMoreOption') {
-                        this.createChartTypeDialog();
-                    }
-                    else if (type === 'multipleAxes') {
-                        if (this.parent.chartSettings.enableScrollOnMultiAxis) {
-                            this.isMultiAxisChange = true;
-                        }
-                        this.parent.chartSettings.enableMultipleAxis = !this.parent.chartSettings.enableMultipleAxis;
-                        this.updateChartType(this.parent.chartSettings.chartSeries.type, true);
+                    break;
+                case (this.parent.element.id + 'svg'):
+                    exportArgs = {
+                        width: undefined,
+                        height: undefined,
+                        type: 'SVG',
+                        fileName: 'result',
+                        orientation: PdfPageOrientation.Landscape,
+                    };
+                    this.parent.trigger(beforeExport, exportArgs, function (observedArgs) {
+                        _this_1.parent.chartExport(observedArgs.type, observedArgs.fileName, observedArgs.orientation, observedArgs.width, observedArgs.height);
+                    });
+                    break;
+                case (this.parent.element.id + 'notsubtotal'):
+                    this.parent.setProperties({ dataSourceSettings: { showSubTotals: false, showColumnSubTotals: false, showRowSubTotals: false } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'subtotalrow'):
+                    this.parent.setProperties({ dataSourceSettings: { showSubTotals: true, showColumnSubTotals: false, showRowSubTotals: true } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'subtotalcolumn'):
+                    this.parent.setProperties({ dataSourceSettings: { showSubTotals: true, showColumnSubTotals: true, showRowSubTotals: false } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'subtotal'):
+                    this.parent.setProperties({ dataSourceSettings: { showSubTotals: true, showColumnSubTotals: true, showRowSubTotals: true } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'notgrandtotal'):
+                    this.parent.setProperties({ dataSourceSettings: { showGrandTotals: false, showColumnGrandTotals: false, showRowGrandTotals: false } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'grandtotalrow'):
+                    this.parent.setProperties({ dataSourceSettings: { showGrandTotals: true, showColumnGrandTotals: false, showRowGrandTotals: true } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'grandtotalcolumn'):
+                    this.parent.setProperties({ dataSourceSettings: { showGrandTotals: true, showColumnGrandTotals: true, showRowGrandTotals: false } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'grandtotal'):
+                    this.parent.setProperties({ dataSourceSettings: { showGrandTotals: true, showColumnGrandTotals: true, showRowGrandTotals: true } }, true);
+                    this.parent.refreshData();
+                    break;
+                case (this.parent.element.id + 'numberFormattingMenu'):
+                    if (this.parent.numberFormattingModule) {
+                        this.parent.numberFormattingModule.showNumberFormattingDialog();
                     }
-                    else if (this.getAllChartItems().indexOf(type) > -1) {
-                        this.updateChartType(type, false);
+                    break;
+                case (this.parent.element.id + 'conditionalFormattingMenu'):
+                    if (this.parent.conditionalFormattingModule) {
+                        this.parent.conditionalFormattingModule.showConditionalFormattingDialog();
                     }
-                    else if (type === 'showLegend') {
-                        this.parent.chart.legendSettings.visible = !this.showLableState;
-                        if (this.parent.chartSettings.legendSettings) {
-                            this.parent.chartSettings.legendSettings.visible = !this.showLableState;
+                    break;
+                case (this.parent.element.id + '_' + type):
+                    if (args.item && args.item.text) {
+                        if (type === 'ChartMoreOption') {
+                            this.createChartTypeDialog();
+                        }
+                        else if (type === 'multipleAxes') {
+                            if (this.parent.chartSettings.enableScrollOnMultiAxis) {
+                                this.isMultiAxisChange = true;
+                            }
+                            this.parent.chartSettings.enableMultipleAxis = !this.parent.chartSettings.enableMultipleAxis;
+                            this.updateChartType(this.parent.chartSettings.chartSeries.type, true);
                         }
-                        else {
-                            this.parent.setProperties({ chartSettings: { legendSettings: { visible: !this.showLableState } } }, true);
+                        else if (this.getAllChartItems().indexOf(type) > -1) {
+                            this.updateChartType(type, false);
+                        }
+                        else if (type === 'showLegend') {
+                            this.parent.chart.legendSettings.visible = !this.showLableState;
+                            if (this.parent.chartSettings.legendSettings) {
+                                this.parent.chartSettings.legendSettings.visible = !this.showLableState;
+                            }
+                            else {
+                                this.parent.setProperties({ chartSettings: { legendSettings: { visible: !this.showLableState } } }, true);
+                            }
+                            this.updateChartType(this.parent.chartSettings.chartSeries.type, true);
                         }
-                        this.updateChartType(this.parent.chartSettings.chartSeries.type, true);
                     }
-                }
-                break;
+                    break;
+            }
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
         }
         /* eslint-enable max-len */
     };
@@ -36301,14 +37248,20 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             if (this.parent.chart) {
                 this.parent.currentView = 'Chart';
                 this.parent.setProperties({ displayOption: { primary: 'Chart' } }, true);
-                this.parent.chart.element.style.width = formatUnit(this.parent.grid ? this.parent.getGridWidthAsNumber() : this.parent.getWidthAsNumber()); /* eslint-disable-line */
+                if (this.parent.chartSettings.enableScrollOnMultiAxis && this.parent.chartSettings.enableMultipleAxis) {
+                    this.parent.element.querySelector('.' + PIVOTCHART).style.width = formatUnit(this.parent.grid ? this.parent.getGridWidthAsNumber() : this.parent.getWidthAsNumber()); /* eslint-disable-line */
+                }
                 this.parent.chart.setProperties({ width: formatUnit(this.parent.grid ? this.parent.getGridWidthAsNumber() : this.parent.getWidthAsNumber()) }, true); /* eslint-disable-line */
                 if (this.parent.chartSettings.chartSeries.type === type && !isMultiAxis) {
-                    this.parent.chartModule.updateView();
+                    this.parent.pivotChartModule.updateView();
                 }
                 else {
                     this.parent.chartSettings.chartSeries.type = type;
                 }
+                var actionInfo = {
+                    toolbarInfo: { displayOption: this.parent.displayOption, chartSettings: this.parent.chartSettings }
+                };
+                this.parent.actionObj.actionInfo = actionInfo;
             }
         }
     };
@@ -36872,6 +37825,10 @@ var NumberFormatting = /** @__PURE__ @class */ (function () {
         this.parent.trigger(numberFormatting, eventArgs, function (observedArgs) {
             if (!observedArgs.cancel) {
                 _this.parent.setProperties({ dataSourceSettings: { formatSettings: observedArgs.formatSettings } }, true);
+                var actionInfo = {
+                    numberFormattingInfo: _this.parent.dataSourceSettings.formatSettings
+                };
+                _this.parent.actionObj.actionInfo = actionInfo;
                 try {
                     _this.parent.updateDataSource(false);
                     _this.dialog.close();
@@ -37536,7 +38493,7 @@ var Grouping = /** @__PURE__ @class */ (function () {
                     for (var j = 0, len_1 = field.customGroups.length; j < len_1; j++) {
                         if (field.customGroups[j]) {
                             var group = field.customGroups[j];
-                            if (group.items && PivotUtil.isContainCommonElements(group.items, selectedOptions)) {
+                            if (group.items && PivotExportUtil.isContainCommonElements(group.items, selectedOptions)) {
                                 splicedItems = this.mergeArray(splicedItems, [group.groupName]);
                                 newItems = this.mergeArray(newItems, group.items);
                                 field.customGroups.splice(j, 1);
@@ -37794,5 +38751,5 @@ var Grouping = /** @__PURE__ @class */ (function () {
  * Export PivotGrid components
  */
 
-export { GroupingBarSettings, CellEditSettings, ConditionalSettings, HyperlinkSettings, DisplayOption, PivotView, Render, ExcelExport$1 as ExcelExport, PDFExport, KeyboardInteraction, VirtualScroll$1 as VirtualScroll, DrillThrough, PivotChart, PivotFieldList, TreeViewRenderer, AxisFieldRenderer, AxisTableRenderer, DialogRenderer, EventBase, NodeStateModified, DataSourceUpdate, FieldList, CommonKeyboardInteraction, Common, GroupingBar, CalculatedField, ConditionalFormatting, PivotCommon, load, enginePopulating, enginePopulated, onFieldDropped, fieldDrop, beforePivotTableRender, afterPivotTableRender, beforeExport, excelHeaderQueryCellInfo, pdfHeaderQueryCellInfo, excelQueryCellInfo, pdfQueryCellInfo, onPdfCellRender, dataBound, queryCellInfo, headerCellInfo, hyperlinkCellClick, resizing, resizeStop, cellClick, drillThrough, beforeColumnsRender, selected, cellSelecting, drill, cellSelected, cellDeselected, rowSelected, rowDeselected, beginDrillThrough, editCompleted, multiLevelLabelClick, saveReport, fetchReport, loadReport, renameReport, removeReport, newReport, toolbarRender, toolbarClick, chartTooltipRender, chartLoaded, chartLoad, chartResized, chartAxisLabelRender, chartSeriesCreated, aggregateCellInfo, contextMenuClick, contextMenuOpen, fieldListRefreshed, conditionalFormatting, beforePdfExport, beforeExcelExport, memberFiltering, calculatedFieldCreate, memberEditorOpen, fieldRemove, numberFormatting, aggregateMenuOpen, fieldDragStart, chartPointClick, beforeServiceInvoke, initialLoad, uiUpdate, scroll, contentReady, dataReady, initSubComponent, treeViewUpdate, pivotButtonUpdate, initCalculatedField, click, initToolbar, initFormatting, initGrouping, Theme, ErrorDialog, FilterDialog, PivotContextMenu, AggregateMenu, Toolbar$2 as Toolbar, NumberFormatting, Grouping, PivotEngine, PivotUtil, OlapEngine, MDXQuery };
+export { GroupingBarSettings, CellEditSettings, ConditionalSettings, HyperlinkSettings, DisplayOption, PivotView, Render, ExcelExport$1 as ExcelExport, PDFExport, KeyboardInteraction, VirtualScroll$1 as VirtualScroll, DrillThrough, PivotChart, PivotFieldList, TreeViewRenderer, AxisFieldRenderer, AxisTableRenderer, DialogRenderer, EventBase, NodeStateModified, DataSourceUpdate, FieldList, CommonKeyboardInteraction, Common, GroupingBar, CalculatedField, ConditionalFormatting, PivotCommon, load, enginePopulating, enginePopulated, onFieldDropped, fieldDrop, beforePivotTableRender, afterPivotTableRender, beforeExport, excelHeaderQueryCellInfo, pdfHeaderQueryCellInfo, excelQueryCellInfo, pdfQueryCellInfo, onPdfCellRender, dataBound, queryCellInfo, headerCellInfo, hyperlinkCellClick, resizing, resizeStop, cellClick, drillThrough, beforeColumnsRender, selected, cellSelecting, drill, cellSelected, cellDeselected, rowSelected, rowDeselected, beginDrillThrough, editCompleted, multiLevelLabelClick, saveReport, fetchReport, loadReport, renameReport, removeReport, newReport, toolbarRender, toolbarClick, chartTooltipRender, chartLoaded, chartLoad, chartResized, chartAxisLabelRender, chartSeriesCreated, aggregateCellInfo, contextMenuClick, contextMenuOpen, fieldListRefreshed, conditionalFormatting, beforePdfExport, beforeExcelExport, memberFiltering, calculatedFieldCreate, memberEditorOpen, fieldRemove, numberFormatting, aggregateMenuOpen, fieldDragStart, chartPointClick, beforeServiceInvoke, actionBegin, actionComplete, actionFailure, initialLoad, uiUpdate, scroll, contentReady, dataReady, initSubComponent, treeViewUpdate, pivotButtonUpdate, initCalculatedField, click, initToolbar, initFormatting, initGrouping, sortValue, drillUp, drillDown, addNewReport, saveCurrentReport, saveAsCurrentReport, renameCurrentReport, removeCurrentReport, loadReports, openConditionalFormatting, openNumberFormatting, MdxQuery, showFieldList, tableView, chartView, multipleAxis, showLegend, pdfExport, pngExport, excelExport, csvExport, jpegExport, svgExport, hideSubTotals, subTotalsRow, subTotalsColumn, showSubTotals, hideGrandTotals, grandTotalsRow, grandTotalsColumn, showGrandTotals, numberFormattingMenu, conditionalFormattingMenu, reportChange, sortFieldTree, editCalculatedField, sortField, filterField, removeField, openCalculatedField, editRecord, saveEditedRecords, addNewRecord, removeRecord, aggregateField, contextMenuCalculatedField, windowResize, calculatedFieldApplied, editedRecordsSaved, newRecordAdded, recordRemoved, closeFieldlist, fieldTreeSorted, reportSaved, newReportAdded, reportReSaved, reportRenamed, reportRemoved, excelExported, csvExported, pdfExported, pngExported, jpegExported, svgExported, conditionallyFormatted, numberFormatted, tableViewed, chartViewed, subTotalsHidden, subTotalsRowShown, subTotalsColumnShown, subTotalsShown, grandTotalsHidden, grandTotalsRowShown, grandTotalsColumnShown, grandTotalsShown, valueSorted, calculatedFieldEdited, fieldSorted, fieldFiltered, fieldRemoved, fieldAggregated, recordEdited, reportChanged, windowResized, recordUpdated, drillThroughClosed, Theme, ErrorDialog, FilterDialog, PivotContextMenu, AggregateMenu, Toolbar$2 as Toolbar, NumberFormatting, Grouping, PivotEngine, PivotUtil, OlapEngine, MDXQuery };
 //# sourceMappingURL=ej2-pivotview.es5.js.map