@syncfusion/ej2-pivotview 20.1.56 → 20.1.57

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

@@ -3770,7 +3770,7 @@ class PivotEngine {
     /* eslint-disable */
     getIndexedHeaders(keys, data, keyInd, position, axis, parentMember, valueFil) {
         let hierarchy = [];
-        if (keys) {
+        if (keys && keys.length > 0) {
             let rlen = keys.length;
             let decisionObj = {};
             let fieldName = keys[keyInd].name;
@@ -5123,8 +5123,8 @@ class PivotEngine {
             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 = {};
@@ -7406,6 +7406,7 @@ class Render {
     bindGrid(parent, isEmpty) {
         this.injectGridModules(parent);
         this.parent.grid = new Grid({
+            cssClass: this.parent.cssClass,
             frozenColumns: 1,
             frozenRows: 0,
             enableHover: false,
@@ -7596,9 +7597,6 @@ class Render {
     }
     /* eslint-disable */
     contextMenuOpen(args) {
-        if (args.element && this.parent.cssClass) {
-            addClass([args.element.parentElement], this.parent.cssClass);
-        }
         for (let item of args.items) {
             let cellTarget = this.parent.lastCellClicked;
             let elem = null;
@@ -13924,6 +13922,7 @@ class DrillThroughDialog {
         let 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,
@@ -14674,7 +14673,7 @@ class PivotChart {
                             let columnSeries = colHeaders + ' | ' + actualText;
                             let 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;
@@ -24585,7 +24584,7 @@ let PivotView = class PivotView extends Component {
         if (cell && hasField) {
             let rowHeaders = this.getRowText(rowIndex, 0);
             let columnHeaders = this.getColText(0, colIndex, rowIndex);
-            let value = ((cell.formattedText === '0' || cell.formattedText === '') ? this.localeObj.getConstant('noValue') :
+            let value = (cell.formattedText === '' ? this.localeObj.getConstant('noValue') :
                 cell.formattedText);
             if (this.tooltipTemplate && this.getTooltipTemplate() !== undefined) {
                 let rowFields = this.getHeaderField(rowIndex, colIndex, 'row');
@@ -24793,9 +24792,12 @@ let PivotView = class PivotView extends Component {
         }
         let target = e.target;
         let ele = null;
+        let 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') {
-            let 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')
@@ -28021,7 +28023,7 @@ class DialogRenderer {
             this.parent.actionFailureMethod(execption);
         }
     }
-    onCloseFieldList() {
+    onCloseFieldList(args) {
         if (this.parent.allowDeferLayoutUpdate) {
             this.parent.dataSourceSettings =
                 extend({}, this.parent.clonedDataSource.properties, null, true); /* eslint-disable-line */
@@ -28044,7 +28046,9 @@ class DialogRenderer {
             }
             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();