@syncfusion/ej2-pivotview 20.1.56 → 20.1.61

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

@@ -876,9 +876,9 @@ var PivotUtil = /** @__PURE__ @class */ (function () {
         }
         else if (type === true) {
             sortOrder === 'Ascending' ?
-                (sortMembersOrder.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : (Number(a.actualText.toString().match(/\d+/)[0]) > Number(b.actualText.toString().match(/\d+/)[0])) ? 1 : ((Number(b.actualText.toString().match(/\d+/)[0]) > Number(a.actualText.toString().match(/\d+/)[0])) ? -1 : 0); })) :
+                (sortMembersOrder.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : (a.actualText === 'Out of Range') ? 1 : (b.actualText === 'Out of Range') ? -1 : (Number(a.actualText.toString().match(/\d+/)) > Number(b.actualText.toString().match(/\d+/))) ? 1 : ((Number(b.actualText.toString().match(/\d+/)) > Number(a.actualText.toString().match(/\d+/))) ? -1 : 0); })) :
                 sortOrder === 'Descending' ?
-                    (sortMembersOrder.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : (Number(a.actualText.toString().match(/\d+/)[0]) < Number(b.actualText.toString().match(/\d+/)[0])) ? 1 : ((Number(b.actualText.toString().match(/\d+/)[0]) < Number(a.actualText.toString().match(/\d+/)[0])) ? -1 : 0); })) :
+                    (sortMembersOrder.sort(function (a, b) { return (a.actualText === 'Grand Total' || b.actualText === 'Grand Total') ? 0 : (a.actualText === 'Out of Range') ? -1 : (b.actualText === 'Out of Range') ? 1 : (Number(a.actualText.toString().match(/\d+/)) < Number(b.actualText.toString().match(/\d+/))) ? 1 : ((Number(b.actualText.toString().match(/\d+/)) < Number(a.actualText.toString().match(/\d+/))) ? -1 : 0); })) :
                     sortMembersOrder;
         }
         else {
@@ -2590,8 +2590,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                     var mPos = this.fieldList[measure].index;
                     var aggregate = this.fieldList[measure].aggregateType;
                     this.rawIndexObject = {};
-                    value = (type === 'row' ? this.getAggregateValue(rows[i].index, columns.indexObject, mPos, aggregate) :
-                        this.getAggregateValue(columns.index, rows[i].indexObject, mPos, aggregate));
+                    value = (type === 'row' ? this.getAggregateValue(rows[i].index, columns.indexObject, mPos, aggregate, false) :
+                        this.getAggregateValue(columns.index, rows[i].indexObject, mPos, aggregate, false));
                     var cellDetails = {
                         fieldName: measure,
                         row: rows[i],
@@ -3278,70 +3278,94 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         return headers;
     };
     PivotEngine.prototype.performFilterCommonUpdate = function (filterItem, headersInfo, addPos) {
-        var rawHeaders = headersInfo.axis === 'row' ? this.rMembers : this.cMembers;
-        var filterObjects = {};
-        for (var _i = 0, _a = this.filterMembers; _i < _a.length; _i++) {
-            var item = _a[_i];
-            filterObjects[item] = item;
-        }
-        if (this.fieldFilterMem[filterItem.name]) {
-            rawHeaders = this.performFilterDeletion(headersInfo.headers, filterItem, headersInfo, filterObjects, 0);
-        }
-        if (addPos.length > 0 && headersInfo.fields.length > 0) {
-            this.frameHeaderObjectsCollection = true;
-            if (headersInfo.fields.filter(function (item) { return item.showNoDataItems; }).length > 0) {
-                for (var i = 0; i < this.data.length; i++) {
-                    addPos.push(i);
+        if (headersInfo.axis === 'row' || headersInfo.axis === 'column') {
+            var rawHeaders = headersInfo.axis === 'row' ? this.rMembers : this.cMembers;
+            var filterObjects = {};
+            for (var _i = 0, _a = this.filterMembers; _i < _a.length; _i++) {
+                var item = _a[_i];
+                filterObjects[item] = item;
+            }
+            if (this.fieldFilterMem[filterItem.name]) {
+                rawHeaders = this.performFilterDeletion(headersInfo.headers, filterItem, headersInfo, filterObjects, 0);
+            }
+            if (addPos.length > 0 && headersInfo.fields.length > 0) {
+                this.frameHeaderObjectsCollection = true;
+                if (headersInfo.fields.filter(function (item) { return item.showNoDataItems; }).length > 0) {
+                    for (var i = 0; i < this.data.length; i++) {
+                        addPos.push(i);
+                    }
+                    //addPos = (this.data as any).map((item, pos) => { return pos; });
+                }
+                /* eslint-disable */
+                this.headerObjectsCollection['parent'] = this.getIndexedHeaders(headersInfo.fields, this.data, 0, addPos, headersInfo.axis, '');
+                rawHeaders = this.performFilterAddition(rawHeaders, headersInfo.fields, headersInfo);
+                var headerNames_1 = {};
+                for (var _b = 0, rawHeaders_1 = rawHeaders; _b < rawHeaders_1.length; _b++) {
+                    var header = rawHeaders_1[_b];
+                    headerNames_1[header.valueSort.levelName.toString()] = header.valueSort.levelName.toString();
+                }
+                var excessHeaders = this.headerObjectsCollection['parent'].filter(function (header) {
+                    return !headerNames_1[header.valueSort.levelName.toString()];
+                });
+                var grandHeader = rawHeaders.filter(function (item) { return item.type === 'grand sum'; });
+                if (grandHeader.length > 0) {
+                    rawHeaders.pop();
+                }
+                /* 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');
                 }
-                //addPos = (this.data as any).map((item, pos) => { return pos; });
             }
-            /* eslint-disable */
-            this.headerObjectsCollection['parent'] = this.getIndexedHeaders(headersInfo.fields, this.data, 0, addPos, headersInfo.axis, '');
-            rawHeaders = this.performFilterAddition(rawHeaders, headersInfo.fields, headersInfo);
-            var headerNames_1 = {};
-            for (var _b = 0, rawHeaders_1 = rawHeaders; _b < rawHeaders_1.length; _b++) {
-                var header = rawHeaders_1[_b];
-                headerNames_1[header.valueSort.levelName.toString()] = header.valueSort.levelName.toString();
-            }
-            var excessHeaders = this.headerObjectsCollection['parent'].filter(function (header) {
-                return !headerNames_1[header.valueSort.levelName.toString()];
-            });
-            var grandHeader = rawHeaders.filter(function (item) { return item.type === 'grand sum'; });
-            if (grandHeader.length > 0) {
-                rawHeaders.pop();
+            if (headersInfo.axis === 'row') {
+                this.rowCount = 0;
             }
-            /* eslint-enable */
-            rawHeaders = this.getSortedHeaders(rawHeaders.concat(excessHeaders), this.fieldList[headersInfo.fields[0].name].sort).concat(grandHeader);
+            else {
+                this.columnCount = 0;
+            }
+            this.updateHeadersCount(rawHeaders, headersInfo.axis, 0, headersInfo.fields, 'plus', false);
             if (headersInfo.axis === 'row') {
-                this.cMembers = this.getIndexedHeaders(this.columns, this.data, 0, this.filterMembers, 'column', '');
-                this.insertAllMember(this.cMembers, this.filterMembers, '', 'column');
+                if (headersInfo.position > 0) {
+                    this.insertPosition(this.rows, this.data, 0, this.filterMembers, 'row', '', rawHeaders);
+                }
+                this.insertTotalPosition(rawHeaders);
+                this.rMembers = this.headerCollection.rowHeaders = rawHeaders;
+                this.headerCollection.rowHeadersCount = this.rowCount;
             }
             else {
-                this.rMembers = this.getIndexedHeaders(this.rows, this.data, 0, this.filterMembers, 'row', '');
-                this.insertAllMember(this.rMembers, this.filterMembers, '', 'row');
+                if (headersInfo.position > 0) {
+                    this.insertPosition(this.columns, this.data, 0, this.filterMembers, 'column', '', rawHeaders);
+                }
+                this.insertTotalPosition(rawHeaders);
+                this.cMembers = this.headerCollection.columnHeaders = rawHeaders;
+                this.headerCollection.columnHeadersCount = this.columnCount;
             }
         }
-        if (headersInfo.axis === 'row') {
-            this.rowCount = 0;
-        }
         else {
+            var showNoDataItems = (this.rows[0] && this.rows[0].showNoDataItems) || (this.columns[0] && this.columns[0].showNoDataItems);
+            if (this.rows.length > 0) {
+                this.rMembers = this.getIndexedHeaders(this.rows, this.data, 0, showNoDataItems ? addPos : this.filterMembers, 'row', '');
+            }
+            if (this.columns.length > 0) {
+                this.cMembers = this.getIndexedHeaders(this.columns, this.data, 0, showNoDataItems ? addPos : this.filterMembers, 'column', '');
+            }
+            this.insertAllMembersCommon();
+            this.rowCount = 0;
             this.columnCount = 0;
-        }
-        this.updateHeadersCount(rawHeaders, headersInfo.axis, 0, headersInfo.fields, 'plus', false);
-        if (headersInfo.axis === 'row') {
-            if (headersInfo.position > 0) {
-                this.insertPosition(this.rows, this.data, 0, this.filterMembers, 'row', '', rawHeaders);
+            this.updateHeadersCount(this.cMembers, 'column', 0, this.columns, 'plus', false);
+            this.updateHeadersCount(this.rMembers, 'row', 0, this.rows, 'plus', false);
+            if (showNoDataItems) {
+                this.insertPosition(this.rows, this.data, 0, this.filterMembers, 'row', '', this.rMembers);
+                this.insertPosition(this.columns, this.data, 0, this.filterMembers, 'column', '', this.cMembers);
             }
-            this.insertTotalPosition(rawHeaders);
-            this.rMembers = this.headerCollection.rowHeaders = rawHeaders;
+            this.headerCollection.rowHeaders = this.rMembers;
             this.headerCollection.rowHeadersCount = this.rowCount;
-        }
-        else {
-            if (headersInfo.position > 0) {
-                this.insertPosition(this.columns, this.data, 0, this.filterMembers, 'column', '', rawHeaders);
-            }
-            this.insertTotalPosition(rawHeaders);
-            this.cMembers = this.headerCollection.columnHeaders = rawHeaders;
+            this.headerCollection.columnHeaders = this.cMembers;
             this.headerCollection.columnHeadersCount = this.columnCount;
         }
         this.applyValueSorting();
@@ -3463,15 +3487,13 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                     }
                     else {
                         alphaNumbervalue.push(headers[i]);
+                        break;
                     }
                 }
-                if (stringValue.length > 1) {
-                    stringValue = this.sortHeaders(fieldName, childrens, headers, childrens.sort, childrens.type);
-                }
                 if (alphaNumbervalue.length > 0) {
                     alphaNumbervalue = this.sortHeaders(fieldName, childrens, headers, childrens.sort, childrens.isAlphanumeric);
                 }
-                return headers = nullValue.concat(alphaNumbervalue, stringValue);
+                return headers;
             }
             else {
                 return this.sortHeaders(fieldName, childrens, headers, sortOrder, childrens.type);
@@ -3630,7 +3652,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             }
             else {
                 this.rawIndexObject = {};
-                var value = this.getAggregateValue(header.index, member.indexObject, mIndex, mType);
+                var value = this.getAggregateValue(header.index, member.indexObject, mIndex, mType, false);
                 var cellDetails = {
                     fieldName: this.fields[mIndex],
                     row: header,
@@ -3855,7 +3877,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
     /* eslint-disable */
     PivotEngine.prototype.getIndexedHeaders = function (keys, data, keyInd, position, axis, parentMember, valueFil) {
         var hierarchy = [];
-        if (keys) {
+        if (keys && keys.length > 0) {
             var rlen = keys.length;
             var decisionObj = {};
             var fieldName = keys[keyInd].name;
@@ -4045,27 +4067,50 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                 else {
                     if (childrens.type === 'number' && hierarchy.length > 0 && (typeof (hierarchy[0].actualText) === 'string')) {
                         var stringValue = [];
+                        var outOfRange = void 0;
                         var alphaNumbervalue = [];
                         var nullValue = [];
                         for (var i = 0; i < hierarchy.length; i++) {
                             if (isNaN(hierarchy[i].actualText.toString().charAt(0))) {
                                 stringValue.push(hierarchy[i]);
+                                if (!outOfRange && childrens.sort !== 'None') {
+                                    if (hierarchy[i].actualText === 'Out of Range') {
+                                        outOfRange = hierarchy[i];
+                                        hierarchy.splice(i, 1);
+                                    }
+                                }
                             }
                             else if (hierarchy[i].actualText === "") {
                                 nullValue.push(hierarchy[i]);
                             }
                             else {
+                                this.fieldList[fieldName].isAlphanumeric = true;
                                 alphaNumbervalue.push(hierarchy[i]);
+                                break;
                             }
                         }
-                        if (stringValue.length > 0) {
-                            stringValue = this.sortHeaders(fieldName, childrens, hierarchy, childrens.sort, childrens.type);
+                        if (outOfRange) {
+                            if (childrens.sort === 'Ascending') {
+                                if (hierarchy[0].actualText === 'Grand Total') {
+                                    hierarchy.splice(1, 0, outOfRange);
+                                }
+                                else {
+                                    hierarchy.splice(0, 0, outOfRange);
+                                }
+                            }
+                            else {
+                                if (hierarchy[hierarchy.length - 1].actualText === 'Grand Total') {
+                                    hierarchy.splice(hierarchy.length - 1, 0, outOfRange);
+                                }
+                                else {
+                                    hierarchy.splice(hierarchy.length, 0, outOfRange);
+                                }
+                            }
                         }
                         if (alphaNumbervalue.length > 0) {
-                            this.fieldList[fieldName].isAlphanumeric = true;
-                            alphaNumbervalue = this.sortHeaders(fieldName, childrens, hierarchy, childrens.sort, childrens.isAlphanumeric);
+                            this.sortHeaders(fieldName, childrens, hierarchy, childrens.sort, childrens.isAlphanumeric);
                         }
-                        return hierarchy = nullValue.concat(alphaNumbervalue, stringValue);
+                        return hierarchy;
                     }
                     else {
                         return this.sortHeaders(fieldName, childrens, hierarchy, childrens.sort, childrens.type);
@@ -4923,7 +4968,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                                 var selectedColumnValue = 0;
                                 if (selectedColumnValues.length === 0) {
                                     var selectedRow = this.getSelectedRow(currentSet.rowHeaders, rowheads);
-                                    selectedColumnValue = this.getAggregateValue(selectedRow.index, selectedColumn.indexObject, this.fieldList[name_3].index, headers.type);
+                                    selectedColumnValue = this.getAggregateValue(selectedRow.index, selectedColumn.indexObject, this.fieldList[name_3].index, headers.type, false);
                                 }
                                 else {
                                     selectedColumnValue = selectedColumnValues[index[0]].value;
@@ -4982,7 +5027,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                                 // let cVal: number = currentSet.value / (selectedRowValues[i[1]] as IAxisSet).value;
                                 var selectedRowValue = 0;
                                 if (selectedRowValues.length === 0 && activeValues) {
-                                    selectedRowValue = this.getAggregateValue(activeValues.index, colheads[i[1] - 1].indexObject, this.fieldList[name_3].index, headers.type);
+                                    selectedRowValue = this.getAggregateValue(activeValues.index, colheads[i[1] - 1].indexObject, this.fieldList[name_3].index, headers.type, false);
                                 }
                                 else {
                                     selectedRowValue = selectedRowValues[i[1]] ? selectedRowValues[i[1]].actualValue : 0;
@@ -5029,7 +5074,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                                 var selectedColValue = 0;
                                 if (selectedColumnValues.length === 0) {
                                     var selectedRow = this.getSelectedRow(currentSet.rowHeaders, rowheads);
-                                    selectedColValue = this.getAggregateValue(selectedRow.index, selectedCol.indexObject, this.fieldList[name_3].index, headers.type);
+                                    selectedColValue = this.getAggregateValue(selectedRow.index, selectedCol.indexObject, this.fieldList[name_3].index, headers.type, false);
                                 }
                                 else {
                                     selectedColValue = selectedColumnValues[i[0]].value;
@@ -5061,7 +5106,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                                                 rowheads[rlen].level === item.level && currentSet.axis === 'value' &&
                                                 currentSet.actualText === name_3) {
                                                 if (rowheads[rlen].type !== 'grand sum') {
-                                                    cVal += (!currentSet.showSubTotals && !(!isNullOrUndefined(currentSet.actualValue) && isNaN(currentSet.actualValue))) ? currentSet.actualValue : currentSet.value;
+                                                    cVal += (!currentSet.showSubTotals && !(!isNullOrUndefined(currentSet.actualValue) && isNaN(currentSet.actualValue))) ? currentSet.actualValue : (!isNullOrUndefined(currentSet.value) && !isNaN(currentSet.value)) ? currentSet.value : null;
                                                     currentSet.formattedText = currentSet.showSubTotals ? (cVal === 0 && (currentSet.actualValue && currentSet.actualValue !== 0) ? '' : this.getFormattedValue(cVal, name_3).formattedText) : currentSet.formattedText;
                                                     if (!this.aggregatedValueMatrix[rlen]) {
                                                         this.aggregatedValueMatrix[rlen] = [];
@@ -5166,7 +5211,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                     var i = 0;
                     for (var _i = 0, gTotalIndex_1 = gTotalIndex; _i < gTotalIndex_1.length; _i++) {
                         var rIndex = gTotalIndex_1[_i];
-                        totalValues[valueContent[i]] = this.getAggregateValue((rIndex[0]).index, (rIndex[1]).indexObject, mPos, aggregate);
+                        totalValues[valueContent[i]] = this.getAggregateValue((rIndex[0]).index, (rIndex[1]).indexObject, mPos, aggregate, i === 0 ? false : true);
                         i++;
                     }
                     var val_1 = ((totalValues.cVal) * (totalValues.gTotalVal)) / ((totalValues.rTotalVal) * (totalValues.cTotalVal));
@@ -5187,7 +5232,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                     var i = 0;
                     for (var _a = 0, gTotalIndex_2 = gTotalIndex; _a < gTotalIndex_2.length; _a++) {
                         var rIndex = gTotalIndex_2[_a];
-                        totalValues[valueContent[i]] = this.getAggregateValue((rIndex[0]).index, (rIndex[1]).indexObject, mPos, aggregate);
+                        totalValues[valueContent[i]] = this.getAggregateValue((rIndex[0]).index, (rIndex[1]).indexObject, mPos, aggregate, i === 0 ? false : true);
                         i++;
                     }
                     var val_2 = ((totalValues.cVal) / (totalValues.gTotalVal));
@@ -5198,7 +5243,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                 }
                 break;
             default:
-                var val = this.getAggregateValue(rows[rln].index, columns[cln].indexObject, mPos, aggregate);
+                var val = this.getAggregateValue(rows[rln].index, columns[cln].indexObject, mPos, aggregate, false);
                 value = (rows[rln].members.length > 0 && rows[rln].hasChild && rows[rln].isDrilled && ((!isNullOrUndefined(rows[rln].showSubTotals) && !rows[rln].showSubTotals) ||
                     !this.showSubTotals || !this.showRowSubTotals)) ? undefined : val;
                 actualValue = val;
@@ -5236,6 +5281,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             isNaN(value) && !isNullOrUndefined(value) &&
             (['PopulationStDev', 'SampleStDev', 'PopulationVar', 'SampleVar']).indexOf(aggregate) !== -1) {
             formattedText = '#DIV/0!';
+            value = 0;
         }
         //dln = data[tnum].length;
         formattedText = (cellDetails.skipFormatting ? isNullOrUndefined(value) ?
@@ -5244,8 +5290,8 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
             axis: 'value', actualText: field, indexObject: this.isDrillThrough ? this.rawIndexObject : {},
             rowHeaders: rows[rln].type === 'grand sum' ? '' : rows[rln].valueSort.levelName,
             columnHeaders: columns[cln].type === 'grand sum' ? '' : columns[cln].valueSort.levelName,
-            formattedText: formattedText, value: isNullOrUndefined(value) ? 0 : value,
-            actualValue: isNullOrUndefined(actualValue) ? 0 : actualValue,
+            formattedText: formattedText, value: value,
+            actualValue: actualValue,
             rowIndex: tnum, colIndex: dln, isSum: isSum, isGrandSum: isGrand, showSubTotals: !subTotal
         };
         this.rawIndexObject = {};
@@ -5548,7 +5594,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
         }
     };
     /* eslint-disable */
-    PivotEngine.prototype.getAggregateValue = function (rowIndex, columnIndex, value, type) {
+    PivotEngine.prototype.getAggregateValue = function (rowIndex, columnIndex, value, type, isGrandTotal) {
         //rowIndex = rowIndex.sort();
         //columnIndex = columnIndex.sort();
         var rlt = rowIndex.length;
@@ -5727,7 +5773,7 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                         var value_1 = aggregateField[aggregatedValue.formula];
                         if (value_1 === undefined) {
                             var type_1 = aggregatedValue.type;
-                            value_1 = this.getAggregateValue(rowIndex, columnIndex, aggregatedValue.index, type_1);
+                            value_1 = this.getAggregateValue(rowIndex, columnIndex, aggregatedValue.index, type_1, false);
                             aggregateField[aggregatedValue.formula] = value_1;
                         }
                         actualFormula = (actualFormula).replace(aggregatedValue.formula, String(value_1));
@@ -5741,7 +5787,9 @@ var PivotEngine = /** @__PURE__ @class */ (function () {
                 while (rowIndex[ri] !== undefined) {
                     if (columnIndex[rowIndex[ri]] !== undefined) {
                         isValueExist = true;
-                        this.rawIndexObject[rowIndex[ri]] = rowIndex[ri];
+                        if (!isGrandTotal) {
+                            this.rawIndexObject[rowIndex[ri]] = rowIndex[ri];
+                        }
                         //let cIndx: number = isLeastLevel ? columnIndex.splice(columnIndex.indexOf(rowIndex[ri]), 1)[0] : rowIndex[ri];
                         var currentVal = this.valueMatrix[rowIndex[ri]][value];
                         if (isNullOrUndefined(cellValue) && isNullOrUndefined(currentVal)) {
@@ -7536,6 +7584,7 @@ var Render = /** @__PURE__ @class */ (function () {
     Render.prototype.bindGrid = function (parent, isEmpty) {
         this.injectGridModules(parent);
         this.parent.grid = new Grid({
+            cssClass: this.parent.cssClass,
             frozenColumns: 1,
             frozenRows: 0,
             enableHover: false,
@@ -7728,9 +7777,6 @@ var Render = /** @__PURE__ @class */ (function () {
     /* eslint-disable */
     Render.prototype.contextMenuOpen = function (args) {
         var _this = this;
-        if (args.element && this.parent.cssClass) {
-            addClass([args.element.parentElement], this.parent.cssClass);
-        }
         var _loop_1 = function (item) {
             var cellTarget = this_1.parent.lastCellClicked;
             var elem = null;
@@ -9198,6 +9244,12 @@ var Render = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
+                if ((['PercentageOfDifferenceFrom', 'PercentageOfRowTotal', 'PercentageOfColumnTotal', 'PercentageOfGrandTotal', 'PercentageOfParentRowTotal', 'PercentageOfParentColumnTotal', 'PercentageOfParentTotal']).indexOf(field.type) > -1) {
+                    format = 'P2';
+                }
+                else if (['PopulationStDev', 'SampleStDev', 'PopulationVar', 'SampleVar', 'Index'].indexOf(field.type) > -1) {
+                    format = undefined;
+                }
                 if (this.parent.dataSourceSettings.formatSettings.length > 0) {
                     for (var fCnt = 0; fCnt < this.parent.dataSourceSettings.formatSettings.length; fCnt++) {
                         var formatSettings = this.parent.dataSourceSettings.formatSettings[fCnt];
@@ -9292,12 +9344,18 @@ var Render = /** @__PURE__ @class */ (function () {
         else {
             this.colPos++;
             /* eslint-disable-next-line */
-            if (isNullOrUndefined(args.data[this.colPos].value) || isNullOrUndefined(args.data[this.colPos].formattedText) || args.data[this.colPos].formattedText === "") {
+            var pivotValue = args.data[this.colPos];
+            if (isNullOrUndefined(pivotValue.value) || isNullOrUndefined(pivotValue.formattedText) || pivotValue.formattedText === "") {
                 args.value = this.parent.exportType === 'Excel' ? null : '';
             }
             else {
-                /* eslint-disable-next-line */
-                args.value = !isNullOrUndefined(args.data[this.colPos].value) ? args.data[this.colPos].value : args.data[this.colPos].formattedText;
+                var aggMatrix = this.parent.dataType === 'pivot' && this.parent.engineModule ? this.parent.engineModule.aggregatedValueMatrix : undefined;
+                if (aggMatrix && aggMatrix[pivotValue.rowIndex] && aggMatrix[pivotValue.rowIndex][pivotValue.colIndex]) {
+                    args.value = aggMatrix[pivotValue.rowIndex][pivotValue.colIndex];
+                }
+                else {
+                    args.value = !isNullOrUndefined(pivotValue.value) ? (pivotValue.formattedText === '#DIV/0!' ? pivotValue.formattedText : pivotValue.value) : pivotValue.formattedText;
+                }
             }
         }
         args = this.exportContentEvent(args);
@@ -9739,6 +9797,15 @@ var EventBase = /** @__PURE__ @class */ (function () {
                 /* eslint-disable  */
                 var membersInfo = fieldInfo && fieldInfo.membersOrder ?
                     fieldInfo.membersOrder.slice() : [];
+                var outOfRange = void 0;
+                if (members[0].actualText === 'Out of Range') {
+                    outOfRange = members[0];
+                    members.splice(0, 1);
+                }
+                else if (members[members.length - 1].actualText === 'Out of Range') {
+                    outOfRange = members[members.length - 1];
+                    members.splice(members.length - 1, 1);
+                }
                 var sortDetails = {
                     fieldName: fieldName,
                     sortOrder: fieldInfo.sort,
@@ -9760,6 +9827,24 @@ var EventBase = /** @__PURE__ @class */ (function () {
                     isInclude = this.isValidFilterItemsAvail(fieldName, filterObj) && filterObj.type === 'Include' ? true : false;
                     filterItems = filterObj.items ? filterObj.items : [];
                 }
+                if (outOfRange) {
+                    if (sortDetails.sortOrder === 'Ascending') {
+                        if (members[members.length - 1].actualText === 'Grand Total') {
+                            members.splice(members.length - 1, 0, outOfRange);
+                        }
+                        else {
+                            members.splice(members.length, 0, outOfRange);
+                        }
+                    }
+                    else {
+                        if (members[0].actualText === 'Grand Total') {
+                            members.splice(1, 0, outOfRange);
+                        }
+                        else {
+                            members.splice(0, 0, outOfRange);
+                        }
+                    }
+                }
                 if (isHeaderSortByDefault) {
                     var copyOrder = [];
                     for (var m = 0, n = 0; m < members.length; m++) {
@@ -13940,9 +14025,8 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
         }
         var actualText = eventArgs.currentCell.actualText.toString();
         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') {
+            if (this.parent.currentView === 'Table' && this.parent.editSettings.allowInlineEditing &&
+                this.parent.editSettings.allowEditing && eventArgs.rawData.length === 1) {
                 this.parent.actionObj.actionName = editRecord;
                 if (this.parent.actionBeginMethod()) {
                     return;
@@ -14105,9 +14189,9 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
         var previousData = this.frameHeaderWithKeys(eventArgs.rawData[eventArgs.rawData.length - 1]);
         var currentData = eventArgs.rawData[eventArgs.rawData.length - 1];
         /* eslint-enable */
-        if (eventArgs.currentCell.actualText in previousData) {
-            currentData[eventArgs.currentCell.actualText] = eventArgs.currentCell.actualValue;
-        }
+        // if (eventArgs.currentCell.actualText in previousData) {
+        //     currentData[eventArgs.currentCell.actualText] = eventArgs.currentCell.actualValue;
+        // }
         var actionInfo = {
             editInfo: { type: 'Inline editing', action: 'update', data: this.gridData }
         };
@@ -14239,6 +14323,7 @@ var DrillThroughDialog = /** @__PURE__ @class */ (function () {
         var drillThroughGrid = createElement('div', { id: this.parent.element.id + '_drillthroughgrid', className: DRILLTHROUGH_GRID_CLASS });
         Grid.Inject(Selection, Reorder, Resize, Toolbar, ColumnChooser);
         this.drillThroughGrid = new Grid({
+            cssClass: this.parent.cssClass,
             gridLines: 'Default',
             allowResizing: true,
             allowReordering: true,
@@ -14555,7 +14640,7 @@ var DrillThrough = /** @__PURE__ @class */ (function () {
         var valueCaption = '';
         var aggType = '';
         var rawData = [];
-        if (pivotValue.rowHeaders !== undefined && pivotValue.columnHeaders !== undefined && !isNullOrUndefined(pivotValue.value)) {
+        if (pivotValue.rowHeaders !== undefined && pivotValue.columnHeaders !== undefined) {
             if (this.parent.dataType === 'olap') {
                 var tupleInfo = void 0;
                 if (this.parent.dataSourceSettings.valueAxis === 'row') {
@@ -14628,7 +14713,7 @@ var DrillThrough = /** @__PURE__ @class */ (function () {
                     }
                 }
                 if (!isNullOrUndefined(rawData[k])) {
-                    var calculatedFeildValue = this.parent.engineModule.getAggregateValue([Number(indexArray[k])], colIndex, indexValue, 'calculatedfield');
+                    var calculatedFeildValue = this.parent.engineModule.getAggregateValue([Number(indexArray[k])], colIndex, indexValue, 'calculatedfield', false);
                     rawData[k][this.parent.dataSourceSettings.calculatedFieldSettings[i].name] = (isNaN(calculatedFeildValue) && isNullOrUndefined(calculatedFeildValue)) ? '#DIV/0!' : calculatedFeildValue;
                 }
             }
@@ -15003,7 +15088,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                             var columnSeries = colHeaders + ' | ' + actualText;
                             var yValue = (this.parent.dataType === 'pivot' ? (this.engineModule.aggregatedValueMatrix[rowIndex] &&
                                 !isNullOrUndefined(this.engineModule.aggregatedValueMatrix[rowIndex][cellIndex])) ?
-                                Number(this.engineModule.aggregatedValueMatrix[rowIndex][cellIndex]) : Number(cell.value) : Number(cell.value));
+                                Number(this.engineModule.aggregatedValueMatrix[rowIndex][cellIndex]) : (!isNullOrUndefined(cell.value) ? Number(cell.value) : cell.value) : (!isNullOrUndefined(cell.value) ? Number(cell.value) : cell.value));
                             yValue = yValue === Infinity ? null : yValue;
                             if (yValue === 0) {
                                 this.accEmptyPoint = true;
@@ -15112,6 +15197,9 @@ var PivotChart = /** @__PURE__ @class */ (function () {
                 if (this.persistSettings.chartSeries && this.persistSettings.chartSeries.emptyPointSettings) {
                     currentSeries.emptyPointSettings = this.persistSettings.chartSeries.emptyPointSettings;
                 }
+                if (!currentSeries.emptyPointSettings) {
+                    currentSeries.emptyPointSettings = { mode: 'Zero' };
+                }
                 this.chartSeries = this.chartSeries.concat(currentSeries);
             }
         }
@@ -16947,7 +17035,7 @@ var EmptyPointSettings = /** @__PURE__ @class */ (function (_super) {
         Complex({ color: 'transparent', width: 0 }, Border)
     ], EmptyPointSettings.prototype, "border", void 0);
     __decorate$3([
-        Property('Gap')
+        Property('Zero')
     ], EmptyPointSettings.prototype, "mode", void 0);
     return EmptyPointSettings;
 }(ChildProperty));
@@ -17392,7 +17480,7 @@ var PivotChartSeriesEmptyPointSettings = /** @__PURE__ @class */ (function () {
         Complex({ color: 'transparent', width: 0 }, Border)
     ], PivotChartSeriesEmptyPointSettings.prototype, "border", void 0);
     __decorate$3([
-        Property('Gap')
+        Property('Zero')
     ], PivotChartSeriesEmptyPointSettings.prototype, "mode", void 0);
     return PivotChartSeriesEmptyPointSettings;
 }());
@@ -19886,9 +19974,7 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
         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' ?
@@ -19897,21 +19983,11 @@ var OlapEngine = /** @__PURE__ @class */ (function () {
             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)] &&
@@ -25288,7 +25364,7 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         if (cell && hasField) {
             var rowHeaders = this.getRowText(rowIndex, 0);
             var columnHeaders = this.getColText(0, colIndex, rowIndex);
-            var value = ((cell.formattedText === '0' || cell.formattedText === '') ? this.localeObj.getConstant('noValue') :
+            var value = (cell.formattedText === '' ? this.localeObj.getConstant('noValue') :
                 cell.formattedText);
             if (this.tooltipTemplate && this.getTooltipTemplate() !== undefined) {
                 var rowFields = this.getHeaderField(rowIndex, colIndex, 'row');
@@ -25497,9 +25573,12 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         }
         var target = e.target;
         var ele = null;
+        var axis = (target.parentElement.classList.contains(ROWSHEADER) || target.classList.contains(ROWSHEADER)) ? 'row' : 'column';
+        ele = axis === 'column' ? closest(target, 'th') : closest(target, 'td');
+        if (axis === 'column' && !ele && this.gridSettings.selectionSettings.mode !== 'Row') {
+            ele = closest(target, 'td');
+        }
         if (!target.classList.contains(COLLAPSE) && !target.classList.contains(EXPAND) && this.enableValueSorting && this.dataType === 'pivot') {
-            var axis = (target.parentElement.classList.contains(ROWSHEADER) || target.classList.contains(ROWSHEADER)) ? 'row' : 'column';
-            ele = axis === 'column' ? closest(target, 'th') : closest(target, 'td');
             this.cellClicked(target, ele, e);
             try {
                 if ((ele.parentElement.parentElement.parentElement.parentElement.classList.contains('e-movableheader')
@@ -27612,7 +27691,8 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
                             var styles = (pivotCell.axis == 'row') ? { hAlign: 'Left', bold: true, wrapText: true } : { numberFormat: formatList[field], bold: false, wrapText: true };
                             var headerStyle = { bold: true, vAlign: 'Center', wrapText: true, indent: cCnt === 0 ? pivotCell.level * 10 : 0 };
                             if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
-                                var cellValue = pivotCell.axis === 'value' ? pivotCell.value : pivotCell.formattedText;
+                                var aggMatrix = this.parent.engineModule.aggregatedValueMatrix;
+                                var cellValue = pivotCell.axis === 'value' ? ((aggMatrix[rCnt] && aggMatrix[rCnt][cCnt]) ? aggMatrix[rCnt][cCnt] : (pivotCell.formattedText === '#DIV/0!' ? pivotCell.formattedText : pivotCell.value)) : pivotCell.formattedText;
                                 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')) {
@@ -28753,7 +28833,7 @@ var DialogRenderer = /** @__PURE__ @class */ (function () {
             this.parent.actionFailureMethod(execption);
         }
     };
-    DialogRenderer.prototype.onCloseFieldList = function () {
+    DialogRenderer.prototype.onCloseFieldList = function (args) {
         if (this.parent.allowDeferLayoutUpdate) {
             this.parent.dataSourceSettings =
                 extend({}, this.parent.clonedDataSource.properties, null, true); /* eslint-disable-line */
@@ -28776,7 +28856,9 @@ var DialogRenderer = /** @__PURE__ @class */ (function () {
             }
             if (this.parent.isPopupView && this.parent.pivotGridModule) {
                 this.parent.pivotGridModule.notify(uiUpdate, this);
-                this.parent.pivotGridModule.notify(contentReady, this);
+                if (!args.currentTarget.classList.contains('e-defer-cancel-button')) {
+                    this.parent.pivotGridModule.notify(contentReady, this);
+                }
             }
             else {
                 this.cancelButtonClick();
@@ -36715,7 +36797,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
     Toolbar$$1.prototype.saveReport = function (args) {
         if (this.currentReport && this.currentReport !== '' && args.item.id === (this.parent.element.id + 'save')) {
             var saveArgs = {
-                report: this.parent.getPersistData(),
+                report: this.getCurrentReport(),
                 reportName: this.currentReport
             };
             this.parent.actionObj.actionName = this.parent.getActionCompleteName();
@@ -36973,7 +37055,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                     return;
                 }
                 var saveArgs = {
-                    report: _this_2.parent.getPersistData(),
+                    report: _this_2.getCurrentReport(),
                     reportName: reportInput.value
                 };
                 var actionInfo = {
@@ -37009,7 +37091,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
                 }
                 _this_3.parent.trigger(newReport);
                 var saveArgs = {
-                    report: _this_3.parent.getPersistData(),
+                    report: _this_3.getCurrentReport(),
                     reportName: reportInput.value
                 };
                 var actionInfo = {
@@ -37153,7 +37235,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         else if (this.action === 'New' || (this.action !== 'Save' && this.action !== 'Rename' && this.action !== 'New')) {
             if (this.currentReport && this.currentReport !== '' && this.parent.isModified) {
                 var saveArgs = {
-                    report: this.parent.getPersistData(),
+                    report: this.getCurrentReport(),
                     reportName: this.currentReport
                 };
                 var actionInfo = {
@@ -37178,7 +37260,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             else if (this.action === 'New') {
                 this.parent.trigger(newReport);
                 var saveArgs = {
-                    report: this.parent.getPersistData(),
+                    report: this.getCurrentReport(),
                     reportName: this.currentReport
                 };
                 this.parent.trigger(saveReport, saveArgs);
@@ -37189,7 +37271,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         }
         else if (this.action === 'Save') {
             var saveArgs = {
-                report: this.parent.getPersistData(),
+                report: this.getCurrentReport(),
                 reportName: this.currentReport
             };
             this.parent.trigger(saveReport, saveArgs);
@@ -37488,6 +37570,15 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         }
         this.updateItemElements();
     };
+    Toolbar$$1.prototype.getCurrentReport = function () {
+        var reportStr = this.parent.getPersistData();
+        if (this.parent.dataSourceSettings.type === 'CSV') {
+            var reportSettings = JSON.parse(reportStr);
+            reportSettings.dataSourceSettings.dataSource.splice(0, 0, this.parent.engineModule.fields);
+            reportStr = JSON.stringify(reportSettings);
+        }
+        return reportStr;
+    };
     Toolbar$$1.prototype.updateItemElements = function () {
         var itemElements = [].slice.call(this.toolbar.element.querySelectorAll('.e-toolbar-item'));
         for (var _i = 0, itemElements_1 = itemElements; _i < itemElements_1.length; _i++) {