@syncfusion/ej2-treemap 20.3.59 → 20.4.40

package/src/treemap/treemap.js

@@ -1,7 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable @typescript-eslint/dot-notation */
-/* eslint-disable brace-style */
-/* eslint-disable max-len */
 /**
  * Tree Map Components
  */
@@ -54,10 +50,12 @@ import { PdfExport } from './model/pdf-export';
  */
 var TreeMap = /** @class */ (function (_super) {
     __extends(TreeMap, _super);
-    /**s
+    /**
      * Constructor for TreeMap component.
+     *
+     * @param {TreeMapModel} options - Specifies the treemap instance.
+     * @param {string | HTMLElement} element - Specifies the treemap element.
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function TreeMap(options, element) {
         var _this = _super.call(this, options, element) || this;
         /**
@@ -191,9 +189,9 @@ var TreeMap = /** @class */ (function (_super) {
         }
         if (isNullOrUndefined(document.getElementById(this.element.id + '_Secondary_Element'))) {
             var secondaryElement = createElement('div', {
-                id: this.element.id + '_Secondary_Element',
-                styles: 'position: absolute;z-index:1;'
+                id: this.element.id + '_Secondary_Element'
             });
+            secondaryElement.style.cssText = 'position: absolute;z-index:1;';
             this.element.appendChild(secondaryElement);
         }
     };
@@ -205,9 +203,9 @@ var TreeMap = /** @class */ (function (_super) {
         }
     };
     /**
-     * @private
      * Render the treemap border
      *
+     * @private
      * @returns {void}
      */
     TreeMap.prototype.renderBorder = function () {
@@ -286,11 +284,12 @@ var TreeMap = /** @class */ (function (_super) {
                     var child = findChildren(this.dataSource[i])['values'];
                     if (this.isHierarchicalData && child && child.length > 0) {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        child.forEach(function (currentData, dataIndex) {
+                        child.forEach(function (currentData) {
                             if (currentData[path]) {
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 data_1[path].push({
-                                    groupIndex: 0, name: currentData[path], levelOrderName: currentData[path].toString(),
+                                    groupIndex: 0, name: currentData[path],
+                                    levelOrderName: currentData[path].toString(),
                                     data: currentData, weight: currentData[_this.weightValuePath]
                                 });
                             }
@@ -351,14 +350,10 @@ var TreeMap = /** @class */ (function (_super) {
         var _this = this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var childData;
-        var levelData = [];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var newData = {};
         var levelIndex;
         var path = this.leafItemSettings.labelPath ? this.leafItemSettings.labelPath : this.weightValuePath;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var currentData = {};
-        var level;
         var key;
         newData = findChildren(data);
         childData = newData ? newData['values'] : null;
@@ -366,7 +361,6 @@ var TreeMap = /** @class */ (function (_super) {
             key = newData['key'];
             for (var i = 0; i < this.levels.length; i++) {
                 if (key === this.levels[i].groupPath) {
-                    level = this.levels[i];
                     levelIndex = i;
                 }
             }
@@ -417,7 +411,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method is used to perform the print functionality in treemap.
      *
-     * @param id - Specifies the element to print the treemap.
+     * @param {string[] | string | Element} id - Specifies the element to print the treemap.
+     * @returns {void}
      */
     TreeMap.prototype.print = function (id) {
         if (this.allowPrint && this.printModule) {
@@ -427,9 +422,11 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method is used to perform the export functionality for the rendered treemap.
      *
-     * @param type - Specifies the index of the axis.
-     * @param fileName - Specifies file name for exporting the rendered treemap.
-     * @param orientation - Specifies the orientation of the pdf document.
+     * @param {ExportType} type - Specifies the extension type of the exported document.
+     * @param {string} fileName - Specifies file name for exporting the rendered TreeMap.
+     * @param {PdfPageOrientation} orientation - Specifies the orientation of the PDF document.
+     * @param {boolean} allowDownload - Specifies whether the exported file should be downloaded or not.
+     * @returns {string} - Specifies the base64 string of the exported image which is returned when the allowDownload is set to false.
      */
     TreeMap.prototype.export = function (type, fileName, orientation, allowDownload) {
         var _this = this;
@@ -437,13 +434,13 @@ var TreeMap = /** @class */ (function (_super) {
             allowDownload = true;
         }
         if (type === 'PDF' && this.allowPdfExport && this.pdfExportModule) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
             return new Promise(function (resolve, reject) {
                 resolve(_this.pdfExportModule.export(_this, type, fileName, orientation, allowDownload));
             });
         }
         else if (this.allowImageExport && (type !== 'PDF') && this.imageExportModule) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
             return new Promise(function (resolve, reject) {
                 resolve(_this.imageExportModule.export(_this, type, fileName, allowDownload));
             });
@@ -454,9 +451,7 @@ var TreeMap = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.dataSource = this.dataSource;
         var groupPath;
-        var childGroupPath;
         var orderNames = [];
-        var process = false;
         for (var i = 0; i < this.levels.length + 1; i++) {
             groupPath = this.levels[i] ? this.levels[i].groupPath : this.leafItemSettings.labelPath;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -472,8 +467,8 @@ var TreeMap = /** @class */ (function (_super) {
                     var name_1 = this.dataSource[j][groupPath];
                     if (i !== 0) {
                         for (var k = 0; k <= i; k++) {
-                            var childGroupPath_1 = this.levels[k] ? this.levels[k].groupPath : groupPath;
-                            childName += (this.dataSource[j][childGroupPath_1]) + ((k === i) ? '' : '#');
+                            var childGroupPath = this.levels[k] ? this.levels[k].groupPath : groupPath;
+                            childName += (this.dataSource[j][childGroupPath]) + ((k === i) ? '' : '#');
                         }
                     }
                     if (!(orderNames.length > 0 ? orderNames.indexOf(childName ?
@@ -485,7 +480,7 @@ var TreeMap = /** @class */ (function (_super) {
                         currentData['groupName'] = groupPath;
                         currentData['data'] = this.dataSource[j];
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        LevelsData.levelsData[LevelsData.levelsData.length - 1][groupPath].push(currentData);
+                        LevelsData.levelsData[(LevelsData.levelsData.length - 1)][groupPath].push(currentData);
                         orderNames.push((childName) ? childName : name_1);
                     }
                 }
@@ -495,7 +490,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method orders the treemap level data.
      *
-     * @param start - Specifies the start value of the treemap level.
+     * @param {number} start - Specifies the start value of the treemap level.
+     * @returns {void}
      */
     TreeMap.prototype.reOrderLevelData = function (start) {
         var currentName;
@@ -508,7 +504,8 @@ var TreeMap = /** @class */ (function (_super) {
         for (var i = 0; i < currentData.length; i++) {
             currentName = currentData[i]['levelOrderName'];
             for (var j = 0; j < previousData.length; j++) {
-                previousData[j][currentPath] = isNullOrUndefined(previousData[j][currentPath]) ? [] : previousData[j][currentPath];
+                previousData[j][currentPath] = isNullOrUndefined(previousData[j][currentPath]) ?
+                    [] : previousData[j][currentPath];
                 if (this.IsChildHierarchy(currentName.split('#'), previousData[j]['levelOrderName'].split('#'))) {
                     if (isNullOrUndefined(currentData[i]['parent'])) {
                         currentData[i]['parent'] = previousData[j];
@@ -540,17 +537,14 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method finds the weight value of the treemap level.
      *
-     * @param processData - Specifies the treemap data.
-     * @param type - Specifies the type of the data.
+     * @param {any[]} processData - Specifies the treemap data.
+     * @param {string} type - Specifies the type of the data.
+     * @returns {void}
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.findTotalWeight = function (processData, type) {
         var _this = this;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var totalWeight;
-        var childData = [];
-        var levelName;
-        var start = 0;
         var split;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var groupName;
@@ -627,8 +621,10 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles the window resize event on treemap.
      *
-     * @param e - Specifies the pointer event.
+     * @param {Event} e - Specifies the pointer event.
+     * @returns {void}
      */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     TreeMap.prototype.resizeOnTreeMap = function (e) {
         var _this = this;
         if (!this.isDestroyed) {
@@ -650,6 +646,7 @@ var TreeMap = /** @class */ (function (_super) {
                     _this.refreshing = true;
                     _this.wireEVents();
                     args_1.currentSize = _this.availableSize;
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     _this.trigger(resize, args_1, function (observedArgs) {
                         _this.render();
                     });
@@ -660,7 +657,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles the click event on the treemap.
      *
-     * @param e - Specifies the mouse click event in the treemap.
+     * @param {PointerEvent} e - Specifies the mouse click event in the treemap.
+     * @returns {void}
      */
     TreeMap.prototype.clickOnTreeMap = function (e) {
         var _this = this;
@@ -703,7 +701,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles the double click event in the treemap.
      *
-     * @param e - Specifies the pointer event of mouse click.
+     * @param {PointerEvent} e - Specifies the pointer event of mouse click.
+     * @returns {void}
      */
     TreeMap.prototype.doubleClickOnTreeMap = function (e) {
         var doubleClickArgs = { cancel: false, name: doubleClick, treemap: this, mouseEvent: e };
@@ -713,7 +712,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles the right click event in the treemap.
      *
-     * @param e - Specifies the pointer event of mouse click.
+     * @param {PointerEvent} e - Specifies the pointer event of mouse click.
+     * @returns {void}
      */
     TreeMap.prototype.rightClickOnTreeMap = function (e) {
         var rightClickArgs = { cancel: false, name: rightClick, treemap: this, mouseEvent: e };
@@ -722,7 +722,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles the mouse down event in the treemap.
      *
-     * @param e - Specifies the pointer event of mouse click.
+     * @param {PointerEvent} e - Specifies the pointer event of mouse click.
+     * @returns {void}
      */
     TreeMap.prototype.mouseDownOnTreeMap = function (e) {
         if (e.target.id.indexOf('_Item_Index') > -1) {
@@ -733,7 +734,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles the mouse move event in the treemap.
      *
-     * @param e - Specifies the pointer event of mouse click.
+     * @param {PointerEvent} e - Specifies the pointer event of mouse click.
+     * @returns {void}
      */
     TreeMap.prototype.mouseMoveOnTreeMap = function (e) {
         var targetEle = e.target;
@@ -759,10 +761,11 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method calculates the selected treemap levels.
      *
-     * @param labelText - Specifies the label text.
-     * @param item - Specifies the treemap item.
+     * @param {string} labelText - Specifies the label text.
+     * @param {any} item - Specifies the treemap item.
+     * @returns {any} - Returns label of the drilled level.
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     TreeMap.prototype.calculateSelectedTextLevels = function (labelText, item) {
         //to find the levels by clicking the particular text both for drillDownView as true / false.
         var drillLevel;
@@ -782,13 +785,14 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method calculates the previous level of child items in treemap.
      *
-     * @param labelText - Specifies the label text in treemap
-     * @param drillLevelValues - Specifies the values of drill level.
-     * @param item - Specifies the treemap item.
-     * @param directLevel - Specifies the current level.
+     * @param {any} drillLevelValues - Specifies the values of drill level.
+     * @param {any} item - Specifies the treemap item.
+     * @param {boolean} directLevel - Specifies the current level.
+     * @returns {boolean} - check whether it is previous level or not.
+     * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    TreeMap.prototype.calculatePreviousLevelChildItems = function (labelText, drillLevelValues, item, directLevel) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    TreeMap.prototype.calculatePreviousLevelChildItems = function (drillLevelValues, item, directLevel) {
         //By clicking any child items drilldown to the particular level.
         //At the time store all the previous drilled level items in drilledItems
         // This condition satisfies while drilldown View is set as false and the text contains '[+]'
@@ -823,11 +827,12 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method compares the selected labels with the drill down items.
      *
-     * @param drillLevelValues - Specifies the values of drill level.
-     * @param item - Specifies the treemap item.
-     * @param i - Specifies the treemap item.
+     * @param {any} drillLevelValues - Specifies the values of drill level.
+     * @param {any} item - Specifies the treemap item.
+     * @param {number} i - Specifies the treemap item.
+     * @returns {any} - return the new drill down object.
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     TreeMap.prototype.compareSelectedLabelWithDrillDownItems = function (drillLevelValues, item, i) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var drillLevelChild;
@@ -850,7 +855,8 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles mouse end event in treemap.
      *
-     * @param e - Specifies the pointer event of mouse.
+     * @param {PointerEvent} e - Specifies the pointer event of mouse.
+     * @returns {void}
      */
     TreeMap.prototype.mouseEndOnTreeMap = function (e) {
         var _this = this;
@@ -881,7 +887,7 @@ var TreeMap = /** @class */ (function (_super) {
                 drillLevelValues = this.calculateSelectedTextLevels(labelText, item);
                 drillLevel = drillLevelValues['drillLevel'];
                 if (!this.drillDownView && labelText.search('[+]') !== -1) {
-                    directLevel = this.calculatePreviousLevelChildItems(labelText, drillLevelValues, item, directLevel);
+                    directLevel = this.calculatePreviousLevelChildItems(drillLevelValues, item, directLevel);
                 }
             }
             if (this.levels.length !== 0 && !item['isLeafItem'] && findChildren(item)['values'] &&
@@ -973,7 +979,7 @@ var TreeMap = /** @class */ (function (_super) {
                         }
                         else {
                             _this.layout.calculateLayoutItems(newDrillItem, totalRect);
-                            _this.layout.renderLayoutItems(newDrillItem);
+                            _this.layout.renderLayoutItems();
                         }
                     }
                 });
@@ -992,8 +998,10 @@ var TreeMap = /** @class */ (function (_super) {
     /**
      * This method handles mouse leave event in treemap.
      *
-     * @param e - Specifies the pointer event of mouse.
+     * @param {PointerEvent} e - Specifies the pointer event of mouse.
+     * @return {void}
      */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     TreeMap.prototype.mouseLeaveOnTreeMap = function (e) {
         if (this.treeMapTooltipModule) {
             this.treeMapTooltipModule.removeTooltip();
@@ -1003,12 +1011,16 @@ var TreeMap = /** @class */ (function (_super) {
         }
         removeClassNames(document.getElementsByClassName('treeMapHighLight'), 'treeMapHighLight', this);
         if (this.treeMapHighlightModule) {
-            removeShape(this.treeMapHighlightModule.shapeHighlightCollection, 'highlight');
+            removeShape(this.treeMapHighlightModule.shapeHighlightCollection);
             this.treeMapHighlightModule.highLightId = '';
         }
     };
     /**
      * This method is used to select or remove the selection of treemap item based on the provided selection settings.
+     *
+     * @param {string[]} levelOrder - Specifies the order of the level.
+     * @param {boolean} isSelected - check whether it is selected or not.
+     * @return {void}
      */
     TreeMap.prototype.selectItem = function (levelOrder, isSelected) {
         if (isNullOrUndefined(isSelected)) {
@@ -1087,6 +1099,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {void}
      * @private
      */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     TreeMap.prototype.onPropertyChanged = function (newProp, oldProp) {
         if (!this.isDestroyed) {
             var render = false;
@@ -1117,6 +1130,8 @@ var TreeMap = /** @class */ (function (_super) {
     };
     /**
      * Gets component name.
+     *
+     * @returns {string} - return the treemap instance.
      */
     TreeMap.prototype.getModuleName = function () {
         return 'treemap';

package/src/treemap/user-interaction/highlight-selection.d.ts

@@ -14,6 +14,9 @@ export declare class TreeMapHighlight {
     constructor(treeMap: TreeMap);
     /**
      * Mouse down event in highlight
+     *
+     * @param {PointerEvent} e - Specifies the pointer argument.
+     * @returns {boolean} - return the highlight process is true or false.
      */
     mouseMove(e: PointerEvent): boolean;
     /**
@@ -57,6 +60,9 @@ export declare class TreeMapSelection {
     constructor(treeMap: TreeMap);
     /**
      * Mouse down event in selection
+     *
+     * @param {PointerEvent} e - Specifies the pointer argument.
+     * @returns {void}
      */
     mouseDown(e: PointerEvent): void;
     /**
@@ -87,7 +93,6 @@ export declare class TreeMapSelection {
     /**
      * To destroy the selection.
      *
-     * @param {TreeMap} treeMap - Specifies the treemap instance.
      * @returns {void}
      * @private
      */

package/src/treemap/user-interaction/highlight-selection.js

@@ -5,7 +5,6 @@ import { findHightLightItems, removeClassNames, applyOptions, removeShape, remov
  * Performing treemap highlight
  */
 var TreeMapHighlight = /** @class */ (function () {
-    // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function TreeMapHighlight(treeMap) {
         this.target = 'highlight';
         this.shapeTarget = 'highlight';
@@ -18,10 +17,11 @@ var TreeMapHighlight = /** @class */ (function () {
         this.treemap = treeMap;
         this.addEventListener();
     }
-    /* eslint-disable max-len */
-    // eslint-disable-next-line valid-jsdoc
     /**
      * Mouse down event in highlight
+     *
+     * @param {PointerEvent} e - Specifies the pointer argument.
+     * @returns {boolean} - return the highlight process is true or false.
      */
     TreeMapHighlight.prototype.mouseMove = function (e) {
         var treemap = this.treemap;
@@ -54,7 +54,7 @@ var TreeMapHighlight = /** @class */ (function () {
                     if (this.shapeElement !== null && (selectionModule ? this.shapeElement.getAttribute('id') !== selectionModule.legendSelectId : true)) {
                         if (selectionModule ? this.shapeElement !== selectionModule.shapeElement : true) {
                             this.currentElement.push({ currentElement: this.shapeElement });
-                            removeShape(this.shapeHighlightCollection, 'highlight');
+                            removeShape(this.shapeHighlightCollection);
                             this.shapeHighlightCollection.push({ legendEle: this.shapeElement, oldFill: collection[index]['legendFill'],
                                 oldOpacity: collection[index]['opacity'], oldBorderColor: collection[index]['borderColor'],
                                 oldBorderWidth: collection[index]['borderWidth']
@@ -74,7 +74,8 @@ var TreeMapHighlight = /** @class */ (function () {
                 }
                 orders = findHightLightItems(item, [], highlight.mode, treemap);
                 if (this.treemap.legendSettings.visible ? selectionModule ? this.shapeElement ? this.shapeElement.getAttribute('id') !== selectionModule.legendSelectId : true : true : true) {
-                    if (this.treemap.legendSettings.visible ? selectionModule ? this.shapeElement !== selectionModule.shapeElement : true : true) {
+                    if (this.treemap.legendSettings.visible ? selectionModule ?
+                        this.shapeElement !== selectionModule.shapeElement : true : true) {
                         for (var i = 0; i < treeMapElement.childElementCount; i++) {
                             element = treeMapElement.childNodes[i];
                             process = true;
@@ -107,13 +108,14 @@ var TreeMapHighlight = /** @class */ (function () {
             }
         }
         else if (targetId.indexOf('_Legend_Shape') > -1 || targetId.indexOf('_Legend_Index') > -1) {
-            if (this.treemap.legendSettings.visible && (selectionModule ? selectionModule.legendSelectId !== targetId : true) && (selectionModule ? selectionModule.shapeSelectId !== targetId : true)) {
+            if (this.treemap.legendSettings.visible && (selectionModule ? selectionModule.legendSelectId !== targetId : true)
+                && (selectionModule ? selectionModule.shapeSelectId !== targetId : true)) {
                 var itemIndex = void 0;
                 var groupIndex = void 0;
                 var length_2;
                 var targetEle = document.getElementById(targetId);
                 if (this.shapeTarget === 'highlight') {
-                    removeLegend(this.legendHighlightCollection, 'highlight');
+                    removeLegend(this.legendHighlightCollection);
                 }
                 this.shapeTarget = 'highlight';
                 var index = this.treemap.legendSettings.mode === 'Default' ? parseFloat(targetId.split('_Legend_Shape_Index_')[1]) : parseFloat(targetId.split('_Legend_Index_')[1]);
@@ -150,14 +152,15 @@ var TreeMapHighlight = /** @class */ (function () {
             }
             if ((this.shapeTarget === 'highlight' || this.target === 'highlight') && this.treemap.legendSettings.visible) {
                 if (selectionModule ? this.shapeElement ? this.shapeElement.getAttribute('id') !== selectionModule.legendSelectId : true : true) {
-                    if (selectionModule ? this.shapeElement !== selectionModule.shapeElement : true && selectionModule ? selectionModule.legendSelect : true) {
-                        removeShape(this.shapeHighlightCollection, 'highlight');
+                    if (selectionModule ? this.shapeElement !== selectionModule.shapeElement : true && selectionModule ?
+                        selectionModule.legendSelect : true) {
+                        removeShape(this.shapeHighlightCollection);
                         this.shapeHighlightCollection = [];
                     }
                 }
             }
             if (this.shapeTarget === 'highlight' && this.treemap.legendSettings.visible) {
-                removeLegend(this.legendHighlightCollection, 'highlight');
+                removeLegend(this.legendHighlightCollection);
             }
             this.highLightId = '';
             processHighlight = false;
@@ -215,7 +218,6 @@ export { TreeMapHighlight };
  * Performing treemap selection
  */
 var TreeMapSelection = /** @class */ (function () {
-    // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function TreeMapSelection(treeMap) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.shapeSelectionCollection = [];
@@ -226,14 +228,15 @@ var TreeMapSelection = /** @class */ (function () {
         this.treemap = treeMap;
         this.addEventListener();
     }
-    // eslint-disable-next-line valid-jsdoc
     /**
      * Mouse down event in selection
+     *
+     * @param {PointerEvent} e - Specifies the pointer argument.
+     * @returns {void}
      */
     TreeMapSelection.prototype.mouseDown = function (e) {
         var targetEle = e.target;
         var eventArgs;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var treemap = this.treemap;
         treemap.levelSelection = [];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -243,7 +246,6 @@ var TreeMapSelection = /** @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var item;
         var selectionElements = [];
-        var opacity;
         var treeMapElement;
         var element;
         var orders;
@@ -262,7 +264,7 @@ var TreeMapSelection = /** @class */ (function () {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var collection = this.treemap.treeMapLegendModule.legendCollections;
                     this.shapeElement = undefined;
-                    removeShape(this.shapeSelectionCollection, 'selection');
+                    removeShape(this.shapeSelectionCollection);
                     if (highlightModule) {
                         highlightModule.shapeTarget = 'selection';
                         highlightModule.shapeHighlightCollection = [];
@@ -316,7 +318,7 @@ var TreeMapSelection = /** @class */ (function () {
                 }
             }
             else {
-                removeShape(this.shapeSelectionCollection, 'selection');
+                removeShape(this.shapeSelectionCollection);
                 this.shapeSelectionCollection = [];
                 this.shapeElement = undefined;
                 this.shapeSelect = true;
@@ -337,7 +339,7 @@ var TreeMapSelection = /** @class */ (function () {
                 this.legendSelect = false;
                 var legendIndex = parseInt(targetId[targetId.length - 1], 10);
                 var targetEle_1 = document.getElementById(targetId);
-                removeLegend(this.legendSelectionCollection, 'selection');
+                removeLegend(this.legendSelectionCollection);
                 if (highlightModule) {
                     highlightModule.shapeTarget = 'selection';
                 }
@@ -363,7 +365,7 @@ var TreeMapSelection = /** @class */ (function () {
                 }
             }
             else {
-                removeLegend(this.legendSelectionCollection, 'Selection');
+                removeLegend(this.legendSelectionCollection);
                 if (highlightModule) {
                     highlightModule.shapeTarget = 'highlight';
                 }
@@ -414,7 +416,7 @@ var TreeMapSelection = /** @class */ (function () {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var collection = this.treemap.treeMapLegendModule.legendCollections;
                     this.shapeElement = undefined;
-                    removeShape(this.shapeSelectionCollection, 'selection');
+                    removeShape(this.shapeSelectionCollection);
                     index = getLegendIndex(length_5, items[m], this.treemap);
                     this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById(this.treemap.element.id + '_Legend_Shape_Index_' + index) : document.getElementById(this.treemap.element.id + '_Legend_Index_' + index);
                     if (this.shapeElement !== null) {
@@ -454,7 +456,7 @@ var TreeMapSelection = /** @class */ (function () {
             }
         }
         else {
-            removeShape(this.shapeSelectionCollection, 'selection');
+            removeShape(this.shapeSelectionCollection);
             this.shapeElement = undefined;
             this.treemap.levelSelection = [];
             this.shapeSelect = true;
@@ -497,7 +499,6 @@ var TreeMapSelection = /** @class */ (function () {
     /**
      * To destroy the selection.
      *
-     * @param {TreeMap} treeMap - Specifies the treemap instance.
      * @returns {void}
      * @private
      */

package/src/treemap/user-interaction/tooltip.js

@@ -15,7 +15,6 @@ import { tooltipRendering } from '../model/constants';
  * Render Tooltip
  */
 var TreeMapTooltip = /** @class */ (function () {
-    // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function TreeMapTooltip(treeMap) {
         this.treemap = treeMap;
         this.tooltipSettings = this.treemap.tooltipSettings;
@@ -49,14 +48,12 @@ var TreeMapTooltip = /** @class */ (function () {
         var tooltipEle;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var location;
-        var toolTipHeader;
         var toolTipData = {};
         var tooltipContent = [];
         var markerFill;
         if (targetId.indexOf('_Item_Index') > -1) {
             item = this.treemap.layout.renderItems[parseFloat(targetId.split('_Item_Index_')[1])];
             if (!isNullOrUndefined(item)) {
-                toolTipHeader = item['name'];
                 value = item['weight'];
                 toolTipData = item['data'];
                 if (!isNullOrUndefined(item['options'])) {
@@ -76,9 +73,9 @@ var TreeMapTooltip = /** @class */ (function () {
                 else {
                     tooltipEle = createElement('div', {
                         id: this.treemap.element.id + '_TreeMapTooltip',
-                        className: 'EJ2-TreeMap-Tooltip',
-                        styles: 'position: absolute;pointer-events:none;'
+                        className: 'EJ2-TreeMap-Tooltip'
                     });
+                    tooltipEle.style.cssText = 'position: absolute;pointer-events:none;';
                     document.getElementById(this.treemap.element.id + '_Secondary_Element').appendChild(tooltipEle);
                 }
                 location = getMousePosition(pageX, pageY, this.treemap.svgObject);
@@ -97,6 +94,7 @@ var TreeMapTooltip = /** @class */ (function () {
                     treemap: this.treemap,
                     element: target, eventArgs: e
                 };
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 this.treemap.trigger(tooltipRendering, tootipArgs, function (args) {
                     _this.addTooltip(tootipArgs, markerFill, tooltipEle);
                 });