@syncfusion/ej2-pivotview 19.4.40 → 19.4.47

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

@@ -10103,7 +10103,7 @@ var NodeStateModified = /** @__PURE__ @class */ (function () {
                 this.parent.engineModule.updateFieldlistData(fieldName);
             }
         }
-        this.parent.dataSourceUpdate.updateDataSource(fieldName, droppedClass, droppedPosition);
+        nodeDropped = this.parent.dataSourceUpdate.updateDataSource(fieldName, droppedClass, droppedPosition);
         return nodeDropped;
     };
     NodeStateModified.prototype.getButtonPosition = function (target, droppedClass) {
@@ -10152,6 +10152,7 @@ var DataSourceUpdate = /** @__PURE__ @class */ (function () {
         var dataSourceItem;
         var draggedClass;
         var draggedPosition = -1;
+        var nodeDropped = true;
         var row = this.parent.dataSourceSettings.rows;
         var column = this.parent.dataSourceSettings.columns;
         var value = this.parent.dataSourceSettings.values;
@@ -10278,7 +10279,11 @@ var DataSourceUpdate = /** @__PURE__ @class */ (function () {
                     });
                 }
             }
+            else {
+                nodeDropped = false;
+            }
         });
+        return nodeDropped;
     };
     /**
      * Updates the dataSource by removing the given field from the dataSource.
@@ -13130,6 +13135,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();
@@ -13153,11 +13159,14 @@ 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);
                 EventHandler.add(mCont.parentElement, 'scroll wheel touchmove pointermove keyup keydown', this.onVerticalScroll(fCont, mCont), this);
-                EventHandler.add(mCont.parentElement.parentElement, 'mouseup touchend', this.common(mHdr, mCont, fCont), this);
+                EventHandler.add(mCont, 'mouseup touchend scroll', this.common(mHdr, mCont, fCont), this);
                 EventHandler.add(mScrollBar, 'scroll', this.onCustomScrollbarScroll(mCont, mHdr), this);
                 EventHandler.add(mCont, 'scroll', this.onCustomScrollbarScroll(mScrollBar, mHdr), this);
                 EventHandler.add(mHdr, 'scroll', this.onCustomScrollbarScroll(mScrollBar, mCont), this);
@@ -13214,7 +13223,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;
@@ -15942,7 +15951,7 @@ var PivotChart = /** @__PURE__ @class */ (function () {
         if (this.parent && this.parent.isDestroyed) {
             return;
         }
-        if (this.engineModule) {
+        if (this.engineModule && !this.parent.destroyEngine) {
             this.engineModule.fieldList = {};
             this.engineModule = {};
         }
@@ -22537,6 +22546,8 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         _this_1.isServerWaitingPopup = false;
         /** @hidden */
         _this_1.actionObj = {};
+        /** @hidden */
+        _this_1.destroyEngine = false;
         _this_1.pivotView = _this_1;
         setValue('mergePersistData', _this_1.mergePersistPivotData, _this_1);
         return _this_1;
@@ -23688,24 +23699,37 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
                             this.displayOption.primary : newProp.displayOption.view);
                         if (this.showGroupingBar || this.showFieldList) {
                             if (this.showFieldList && this.pivotFieldListModule) {
+                                this.pivotFieldListModule.destroyEngine = true;
                                 this.pivotFieldListModule.destroy();
+                                this.pivotFieldListModule.destroyEngine = false;
                             }
-                            if (this.showGroupingBar && this.groupingBarModule) {
-                                this.groupingBarModule.destroy();
-                            }
+                            /**
+                             * Below lines are affected the grouping bar render between table and chart.
+                             * In "Init subcomponent" function, grouping bar rendered properly for table and chart view.
+                             * So, The below lines are commanded out.
+                             */
+                            // if (this.showGroupingBar && this.groupingBarModule) {
+                            //     this.groupingBarModule.destroy();
+                            // }
                             this.notify(initSubComponent, this);
                         }
                         if (!this.grid && newProp.displayOption.view !== 'Chart') {
                             this.renderEmptyGrid();
                             if (newProp.displayOption.view === 'Table') {
                                 if (this.pivotChartModule) {
+                                    this.destroyEngine = true;
                                     this.pivotChartModule.destroy();
+                                    this.destroyEngine = false;
                                     this.chart = undefined;
                                     this.pivotChartModule = undefined;
                                 }
                             }
                         }
                         else if (!this.pivotChartModule && this.displayOption.view !== 'Table') {
+                            if (this.grid) {
+                                this.grid.destroy();
+                                this.grid = undefined;
+                            }
                             this.pivotChartModule = new PivotChart();
                         }
                     }
@@ -24710,12 +24734,12 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
         var hasField = false;
         if (cell && this.dataType === 'olap') {
             var measureName = cell.actualText;
-            if (!isNullOrUndefined(measureName) && !this.olapEngineModule.fieldList[measureName]) {
+            if (!isNullOrUndefined(measureName) && this.olapEngineModule.fieldList && !this.olapEngineModule.fieldList[measureName]) {
                 var tupleInfo = this.olapEngineModule.tupRowInfo;
                 measureName = cell.rowOrdinal > -1 && tupleInfo.length > 0 && tupleInfo[cell.rowOrdinal] &&
                     !isNullOrUndefined(tupleInfo[cell.rowOrdinal].measureName) ? tupleInfo[cell.rowOrdinal].measureName : measureName;
             }
-            if (this.olapEngineModule.fieldList[measureName]) {
+            if (this.olapEngineModule.fieldList && this.olapEngineModule.fieldList[measureName]) {
                 var field = this.olapEngineModule.fieldList[measureName];
                 aggregateType = field.isCalculatedField ? field.type : field.aggregateType;
                 caption = (this.olapEngineModule.dataFields[measureName] &&
@@ -24725,7 +24749,7 @@ var PivotView = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else {
-            if (cell && this.engineModule.fieldList[cell.actualText]) {
+            if (cell && this.engineModule.fieldList && this.engineModule.fieldList[cell.actualText]) {
                 var field = this.engineModule.fieldList[cell.actualText];
                 aggregateType = field.aggregateType;
                 if ((aggregateType !== 'DistinctCount') && (field.type !== 'number' || field.type === 'include' ||
@@ -27003,9 +27027,6 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         var clonedValues;
         var currentPivotValues = PivotExportUtil.getClonedPivotValues(this.engine.pivotValues);
         var customFileName = isFileNameSet ? exportProperties.fileName : 'default.xlsx';
-        if (isHeaderSet) {
-            this.addHeaderAndFooter(exportProperties.header, '', 'header', exportProperties.header.headerRows);
-        }
         if (this.parent.exportAllPages && this.parent.enableVirtualization && this.parent.dataType !== 'olap') {
             var pageSettings = this.engine.pageSettings;
             this.engine.pageSettings = null;
@@ -27019,7 +27040,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;
@@ -27053,6 +27074,14 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
                     for (var cCnt = 0; cCnt < colLen; cCnt++) {
                         if (pivotValues[rCnt][cCnt]) {
                             var pivotCell = pivotValues[rCnt][cCnt];
+                            var field = (this.parent.dataSourceSettings.valueAxis === 'row' &&
+                                this.parent.dataType === 'olap' && pivotCell.rowOrdinal &&
+                                this.engine.tupRowInfo[pivotCell.rowOrdinal]) ?
+                                this.engine.tupRowInfo[pivotCell.rowOrdinal].measureName :
+                                pivotCell.actualText;
+                            var styles = (pivotCell.axis == 'row') ? { hAlign: 'Left', bold: true, wrapText: true } : { numberFormat: formatList[field], bold: false, wrapText: true };
+                            var pivotCells = currentPivotValues[rCnt][cCnt];
+                            var headerStyle = { bold: true, vAlign: 'Center', wrapText: true, indent: cCnt === 0 ? pivotCell.level * 10 : 0 };
                             if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                 var cellValue = pivotCell.axis === 'value' ? pivotCell.value : pivotCell.formattedText;
                                 var isgetValuesHeader = ((this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row')
@@ -27072,33 +27101,21 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
                                         index: cCnt + 1, value: cellValue,
                                         colSpan: pivotCell.colSpan, rowSpan: (pivotCell.rowSpan === -1 ? 1 : pivotCell.rowSpan),
                                     });
+                                    var lastCell = cells[cells.length - 1];
                                     if (pivotCell.axis === 'value') {
                                         if (isNaN(pivotCell.value) || pivotCell.formattedText === '' ||
                                             pivotCell.formattedText === undefined || isNullOrUndefined(pivotCell.value)) {
-                                            cells[cells.length - 1].value = type === 'Excel' ? null : '';
-                                        }
-                                        var field = (this.parent.dataSourceSettings.valueAxis === 'row' &&
-                                            this.parent.dataType === 'olap' && pivotCell.rowOrdinal &&
-                                            this.engine.tupRowInfo[pivotCell.rowOrdinal]) ?
-                                            this.engine.tupRowInfo[pivotCell.rowOrdinal].measureName :
-                                            pivotCell.actualText;
-                                        cells[cells.length - 1].style = !isNullOrUndefined(cells[cells.length - 1].value) ? { numberFormat: formatList[field], bold: false, wrapText: true } : { bold: false, wrapText: true };
-                                        if (pivotCell.style) {
-                                            cells[cells.length - 1].style.backColor = pivotCell.style.backgroundColor;
-                                            cells[cells.length - 1].style.fontColor = pivotCell.style.color;
-                                            cells[cells.length - 1].style.fontName = pivotCell.style.fontFamily;
-                                            cells[cells.length - 1].style.fontSize = Number(pivotCell.style.fontSize.split('px')[0]);
+                                            lastCell.value = type === 'Excel' ? null : '';
                                         }
+                                        lastCell.style = !isNullOrUndefined(lastCell.value) ? styles : { bold: false, wrapText: true };
                                     }
                                     else {
-                                        cells[cells.length - 1].style = {
-                                            bold: true, vAlign: 'Center', wrapText: true, indent: cCnt === 0 ? pivotCell.level * 10 : 0
-                                        };
+                                        lastCell.style = headerStyle;
                                         if (pivotCell.axis === 'row' && cCnt === 0) {
-                                            cells[cells.length - 1].style.hAlign = 'Left';
+                                            lastCell.style = styles;
                                             if (this.parent.dataType === 'olap') {
                                                 var indent = this.parent.renderModule.indentCollection[rCnt];
-                                                cells[cells.length - 1].style.indent = indent * 2;
+                                                lastCell.style.indent = indent * 2;
                                                 maxLevel = maxLevel > indent ? maxLevel : indent;
                                             }
                                             else {
@@ -27108,19 +27125,55 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
                                                 var levelPosition = levelName.split(this.parent.dataSourceSettings.valueSortSettings.headerDelimiter).length -
                                                     (memberPos ? memberPos - 1 : memberPos);
                                                 var level = levelPosition ? (levelPosition - 1) : 0;
-                                                cells[cells.length - 1].style.indent = level * 2;
+                                                lastCell.style.indent = level * 2;
                                                 maxLevel = level > maxLevel ? level : maxLevel;
                                             }
                                         }
                                     }
-                                    cells[cells.length - 1].style.borders = { color: '#000000', lineStyle: 'Thin' };
+                                    if (pivotCell.style || lastCell.style.backgroundColor || lastCell.style.fontColor || lastCell.style.fontName || lastCell.style.fontSize) {
+                                        lastCell.style.backgroundColor = lastCell.style.backgroundColor ? lastCell.style.backgroundColor : pivotCell.style.backgroundColor;
+                                        lastCell.style.fontColor = lastCell.style.fontColor ? lastCell.style.fontColor : pivotCell.style.color;
+                                        lastCell.style.fontName = lastCell.style.fontName ? lastCell.style.fontName : pivotCell.style.fontFamily;
+                                        lastCell.style.fontSize = lastCell.style.fontSize ? Number(lastCell.style.fontSize) : Number(pivotCell.style.fontSize.split('px')[0]);
+                                    }
+                                    lastCell.style.borders = { color: '#000000', lineStyle: 'Thin' };
+                                    var excelHeaderQueryCellInfoArgs = void 0;
+                                    var excelQueryCellInfoArgs = void 0;
+                                    if (pivotCell.axis === 'column') {
+                                        excelHeaderQueryCellInfoArgs = {
+                                            style: headerStyle,
+                                            cell: pivotCells,
+                                        };
+                                        this.parent.trigger(excelHeaderQueryCellInfo, excelHeaderQueryCellInfoArgs);
+                                    }
+                                    else {
+                                        excelQueryCellInfoArgs = {
+                                            style: styles,
+                                            cell: pivotCells,
+                                            column: undefined,
+                                            data: pivotValues,
+                                            value: cellValue
+                                        };
+                                        this.parent.trigger(excelQueryCellInfo, excelQueryCellInfoArgs);
+                                    }
+                                    lastCell.value = (pivotCell.axis == 'column') ? excelHeaderQueryCellInfoArgs.cell.formattedText : excelQueryCellInfoArgs.value;
+                                    lastCell.style = (pivotCell.axis == 'column') ? excelHeaderQueryCellInfoArgs.style : excelQueryCellInfoArgs.style;
                                 }
                             }
                             cCnt = cCnt + (pivotCell.colSpan ? (pivotCell.colSpan - 1) : 0);
                         }
                         else {
+                            var pivotCell = { formattedText: "" };
+                            var excelHeaderQueryCellInfoArgs = void 0;
+                            if (pivotCell) {
+                                excelHeaderQueryCellInfoArgs = {
+                                    style: undefined,
+                                    cell: pivotCell,
+                                };
+                                this.parent.trigger(excelHeaderQueryCellInfo, excelHeaderQueryCellInfoArgs);
+                            }
                             cells.push({
-                                index: cCnt + 1, value: '', colSpan: 1, rowSpan: 1,
+                                index: cCnt + 1, colSpan: 1, rowSpan: 1, value: pivotCell.formattedText, style: excelHeaderQueryCellInfoArgs.style
                             });
                         }
                     }
@@ -27192,14 +27245,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;
     };
@@ -27381,12 +27441,12 @@ var PDFExport = /** @__PURE__ @class */ (function () {
                             var isValueCell = false;
                             if (pivotValues[rCnt][cCnt]) {
                                 var pivotCell = pivotValues[rCnt][cCnt];
+                                var cellValue = pivotCell.formattedText;
+                                cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
+                                cellValue = pivotCell.type === 'grand sum' ? (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'grandTotal') :
+                                    this.parent.localeObj.getConstant('grandTotal') : (pivotCell.type === 'sum' ?
+                                    cellValue.toString().replace('Total', this.parent.localeObj.getConstant('total')) : cellValue);
                                 if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
-                                    var cellValue = pivotCell.formattedText;
-                                    cellValue = (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'value') : cellValue;
-                                    cellValue = pivotCell.type === 'grand sum' ? (this.parent.dataSourceSettings.rows.length === 0 || this.parent.dataSourceSettings.columns.length === 0) ? this.parent.getValuesHeader(pivotCell, 'grandTotal') :
-                                        this.parent.localeObj.getConstant('grandTotal') : (pivotCell.type === 'sum' ?
-                                        cellValue.toString().replace('Total', this.parent.localeObj.getConstant('total')) : cellValue);
                                     if (!(pivotCell.level === -1 && !pivotCell.rowSpan)) {
                                         pdfGridRow.cells.getCell(localCnt).columnSpan = pivotCell.colSpan ?
                                             (pageSize - localCnt < pivotCell.colSpan ? pageSize - localCnt : pivotCell.colSpan) : 1;
@@ -27409,11 +27469,31 @@ var PDFExport = /** @__PURE__ @class */ (function () {
                                     pdfGridRow = this.applyStyle(pdfGridRow, pivotCell, localCnt);
                                 }
                                 var args = {
-                                    style: (pivotCell && pivotCell.isSum) ? { bold: true } : undefined,
+                                    style: (pivotCell.axis == "column") ? { bold: false } : ((pivotCell && pivotCell.isSum) || (pivotCell.axis == "row")) ? { bold: true } : undefined,
                                     pivotCell: pivotCell,
                                     cell: pdfGridRow.cells.getCell(localCnt)
                                 };
                                 this.parent.trigger(onPdfCellRender, args);
+                                if (pivotCell.axis == "column") {
+                                    args = {
+                                        style: args.style,
+                                        cell: args.cell,
+                                        gridCell: args.pivotCell
+                                    };
+                                    this.parent.trigger(pdfHeaderQueryCellInfo, args);
+                                    pdfGridRow.cells.getCell(localCnt).value = args.gridCell.formattedText ? args.gridCell.formattedText : cellValue;
+                                }
+                                else {
+                                    args = {
+                                        style: args.style,
+                                        cell: args.cell,
+                                        column: undefined,
+                                        data: args.pivotCell,
+                                        value: cellValue,
+                                    };
+                                    this.parent.trigger(pdfQueryCellInfo, args);
+                                    pdfGridRow.cells.getCell(localCnt).value = args.value ? args.value : cellValue;
+                                }
                                 if (args.style) {
                                     this.processCellStyle(pdfGridRow.cells.getCell(localCnt), args);
                                 }
@@ -27425,6 +27505,15 @@ var PDFExport = /** @__PURE__ @class */ (function () {
                                     cell: pdfGridRow.cells.getCell(localCnt)
                                 };
                                 this.parent.trigger(onPdfCellRender, args);
+                                var pivotCell = { formattedText: "" };
+                                if (pivotCell.axis == "column") {
+                                    args = {
+                                        style: args.style,
+                                        cell: args.cell,
+                                        gridCell: args.pivotCell
+                                    };
+                                    this.parent.trigger(pdfHeaderQueryCellInfo, args);
+                                }
                                 if (args.style) {
                                     this.processCellStyle(pdfGridRow.cells.getCell(localCnt), args);
                                 }
@@ -28670,6 +28759,9 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
     };
     TreeViewRenderer.prototype.nodeStateChange = function (args) {
         var _this = this;
+        if (!args.isInteracted) {
+            return;
+        }
         var node = closest(args.node, '.' + TEXT_CONTENT_CLASS);
         if (!isNullOrUndefined(node)) {
             var li_1 = closest(node, 'li');
@@ -28701,7 +28793,7 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
                         _this.updateNodeStateChange(id_1, args, selectedNode_1);
                     }
                     else {
-                        _this.updateCheckState(selectedNode_1);
+                        _this.updateCheckState(selectedNode_1, args.action);
                     }
                 });
             }
@@ -28728,7 +28820,7 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
                         _this.updateNodeStateChange(id_1, args, selectedNode_1);
                     }
                     else {
-                        _this.updateCheckState(selectedNode_1);
+                        _this.updateCheckState(selectedNode_1, args.action);
                     }
                 });
             }
@@ -28785,19 +28877,17 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
                 break;
         }
     };
-    TreeViewRenderer.prototype.updateCheckState = function (selectedNode) {
+    TreeViewRenderer.prototype.updateCheckState = function (selectedNode, action) {
         var chkState = this.fieldTable.element.querySelectorAll('.e-checkbox-wrapper');
         var innerText = this.fieldTable.element.querySelectorAll('.e-list-text');
         var checkClass = this.fieldTable.element.querySelectorAll('.e-frame');
         for (var i = 0; i < chkState.length; i++) {
             if (selectedNode.caption === innerText[i].textContent) {
-                if (chkState[i].getAttribute('aria-checked') === 'false') {
-                    chkState[i].setAttribute('aria-checked', 'false');
-                    checkClass[i].classList.add(NODE_CHECK_CLASS);
+                if (action === 'check') {
+                    this.fieldTable.uncheckAll([selectedNode['id']]);
                 }
                 else {
-                    chkState[i].setAttribute('aria-checked', 'true');
-                    checkClass[i].classList.remove(NODE_CHECK_CLASS);
+                    this.fieldTable.checkAll([selectedNode['id']]);
                 }
             }
         }
@@ -28848,6 +28938,9 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
     };
     TreeViewRenderer.prototype.addNode = function (args) {
         var _this = this;
+        if (!args.isInteracted) {
+            return;
+        }
         /* eslint-disable */
         var fieldList = this.parent.pivotFieldList;
         var selectedNode = fieldList[args.data[0].id.toString()];
@@ -28855,17 +28948,18 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
         var fieldInfo = PivotUtil.getFieldInfo(selectedNode.id.toString(), this.parent);
         var control = this.parent.isPopupView ? this.parent.pivotGridModule : this.parent;
         if (args.action === 'check') {
+            var axis = ['filters', 'columns', 'rows', 'values'];
             var eventdrop = {
                 fieldName: fieldInfo.fieldName, dropField: fieldInfo.fieldItem,
                 dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.parent.dataSourceSettings),
-                dropAxis: 'rows', draggedAxis: 'fieldlist', cancel: false
+                dropAxis: axis[this.parent.dialogRenderer.adaptiveElement.selectedItem], draggedAxis: 'fieldlist', cancel: false
             };
             control.trigger(fieldDrop, eventdrop, function (observedArgs) {
                 if (!observedArgs.cancel) {
                     _this.selectedNodes.push(selectedNode.id.toString());
                 }
                 else {
-                    _this.updateCheckState(selectedNode);
+                    _this.updateCheckState(selectedNode, args.action);
                 }
             });
         }
@@ -28886,7 +28980,7 @@ var TreeViewRenderer = /** @__PURE__ @class */ (function () {
                     }
                 }
                 else {
-                    _this.updateCheckState(selectedNode);
+                    _this.updateCheckState(selectedNode, args.action);
                 }
             });
         }
@@ -29286,7 +29380,7 @@ var AxisTableRenderer = /** @__PURE__ @class */ (function () {
                 addClass([element[element.length - 1].querySelector('.' + DROP_INDICATOR_CLASS + '-last')], INDICATOR_HOVER_CLASS);
             }
         }
-        else if (e.type === 'mouseleave') {
+        else if (!this.parent.isDragging || (!e.target.classList.contains(DROPPABLE_CLASS) && e.type === 'mouseleave')) {
             removeClass([].slice.call(parentElement.querySelectorAll('.' + DROP_INDICATOR_CLASS)), INDICATOR_HOVER_CLASS);
             removeClass([].slice.call(parentElement.querySelectorAll('.' + DROP_INDICATOR_CLASS + '-last')), INDICATOR_HOVER_CLASS);
         }
@@ -30993,6 +31087,8 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
         _this.remoteData = [];
         /** @hidden */
         _this.actionObj = {};
+        /** @hidden */
+        _this.destroyEngine = false;
         return _this;
     }
     /**
@@ -32082,7 +32178,7 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
      */
     PivotFieldList.prototype.destroy = function () {
         this.unWireEvent();
-        if (this.engineModule) {
+        if (this.engineModule && !this.destroyEngine) {
             this.engineModule.fieldList = {};
             this.engineModule.rMembers = null;
             this.engineModule.cMembers = null;
@@ -32090,7 +32186,7 @@ var PivotFieldList = /** @__PURE__ @class */ (function (_super) {
             this.engineModule.indexMatrix = null;
             this.engineModule = {};
         }
-        if (this.olapEngineModule) {
+        if (this.olapEngineModule && !this.destroyEngine) {
             this.olapEngineModule.fieldList = {};
             this.olapEngineModule = {};
         }
@@ -35082,7 +35178,7 @@ var GroupingBar = /** @__PURE__ @class */ (function () {
     };
     GroupingBar.prototype.dropIndicatorUpdate = function (e) {
         if ((this.parent.isDragging && e.target.classList.contains(DROPPABLE_CLASS) && e.type === 'mouseover') ||
-            e.type === 'mouseleave') {
+            (!this.parent.isDragging || (!e.target.classList.contains(DROPPABLE_CLASS) && e.type === 'mouseleave'))) {
             removeClass([].slice.call(this.parent.element.querySelectorAll('.' + DROP_INDICATOR_CLASS)), INDICATOR_HOVER_CLASS);
             removeClass([].slice.call(this.parent.element.querySelectorAll('.' + DROP_INDICATOR_CLASS + '-last')), INDICATOR_HOVER_CLASS);
         }
@@ -36108,10 +36204,10 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         }
     };
     Toolbar$$1.prototype.actionClick = function (args) {
-        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 : '';
+        var actionName = (args.item.id == this.parent.element.id + 'new') ? addNewReport : (args.item.id == this.parent.element.id + 'save') ? saveCurrentReport : (args.item.id == this.parent.element.id + 'saveas') ? saveAsCurrentReport
+            : (args.item.id == this.parent.element.id + 'rename') ? renameCurrentReport : (args.item.id == this.parent.element.id + 'remove') ? removeCurrentReport : (args.item.id == this.parent.element.id + 'load') ? loadReports
+                : (args.item.id == this.parent.element.id + 'formatting') ? openConditionalFormatting : (args.item.id == this.parent.element.id + 'numberFormatting') ? openNumberFormatting
+                    : (args.item.id == this.parent.element.id + 'mdxQuery') ? MdxQuery : (args.item.id == this.parent.element.id + 'fieldlist') ? showFieldList : '';
         this.parent.actionObj.actionName = actionName;
         if (this.parent.actionBeginMethod()) {
             return;
@@ -36953,14 +37049,14 @@ 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 : '';
+        var actionName = (args.item.id == this.parent.element.id + 'grid') ? tableView : (args.item.id == this.parent.element.id + '_' + "Column") ? chartView : (args.item.id == this.parent.element.id + '_' + "Bar") ? chartView : (args.item.id == this.parent.element.id + '_' + "Line") ? chartView
+            : (args.item.id == this.parent.element.id + '_' + "Area") ? chartView : (args.item.id == this.parent.element.id + '_' + "Scatter") ? chartView : (args.item.id == this.parent.element.id + '_' + "Polar") ? chartView : (args.item.id == this.parent.element.id + '_' + "ChartMoreOption") ? chartView
+                : (args.item.id == this.parent.element.id + '_' + "multipleAxes") ? multipleAxis : (args.item.id == this.parent.element.id + '_' + "showLegend") ? showLegend : (args.item.id == this.parent.element.id + "pdf") ? pdfExport : (args.item.id == this.parent.element.id + "png") ? pngExport
+                    : (args.item.id == this.parent.element.id + "excel") ? excelExport : (args.item.id == this.parent.element.id + "csv") ? csvExport : (args.item.id == this.parent.element.id + "jpeg") ? jpegExport : (args.item.id == this.parent.element.id + "svg") ? svgExport
+                        : (args.item.id == this.parent.element.id + "notsubtotal") ? hideSubTotals : (args.item.id == this.parent.element.id + "subtotalrow") ? subTotalsRow : (args.item.id == this.parent.element.id + "subtotalcolumn") ? subTotalsColumn
+                            : (args.item.id == this.parent.element.id + "subtotal") ? showSubTotals : (args.item.id == this.parent.element.id + "notgrandtotal") ? hideGrandTotals : (args.item.id == this.parent.element.id + "grandtotalrow") ? grandTotalsRow
+                                : (args.item.id == this.parent.element.id + "grandtotalcolumn") ? grandTotalsColumn : (args.item.id == this.parent.element.id + "grandtotal") ? showGrandTotals
+                                    : (args.item.id == this.parent.element.id + "numberFormattingMenu") ? numberFormattingMenu : (args.item.id == this.parent.element.id + "conditionalFormattingMenu") ? conditionalFormattingMenu : '';
         this.parent.actionObj.actionName = actionName;
         if (this.parent.actionBeginMethod()) {
             return;