@syncfusion/ej2-treemap 20.4.48 → 21.1.35

package/src/treemap/treemap.d.ts

@@ -29,7 +29,7 @@ import { Print } from './model/print';
 import { ImageExport } from './model/image-export';
 import { PdfExport } from './model/pdf-export';
 /**
- * Represents the treemap component.
+ * Represents the treemap control. It is used to visualize both hierarchical and flat data.
  * ```html
  * <div id="container"/>
  * <script>
@@ -41,18 +41,22 @@ import { PdfExport } from './model/pdf-export';
 export declare class TreeMap extends Component<HTMLElement> implements INotifyPropertyChanged {
     /**
      * Sets and gets the module that is used to add tooltip in the treemap.
+     * @private
      */
     treeMapTooltipModule: TreeMapTooltip;
     /**
      * Sets and gets the module that is used to add highlight functionality in the treemap.
+     * @private
      */
     treeMapHighlightModule: TreeMapHighlight;
     /**
      * Sets and gets the module that is used to add selection functionality in the treemap.
+     * @private
      */
     treeMapSelectionModule: TreeMapSelection;
     /**
      * Sets and gets the module that is used to add legend in the treemap.
+     * @private
      */
     treeMapLegendModule: TreeMapLegend;
     /**
@@ -92,13 +96,13 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     allowPdfExport: boolean;
     /**
-     * Sets and gets the width of the treemap component.
+     * Sets and gets the width of the treemap.
      *
      * @default null
      */
     width: string;
     /**
-     * Sets and gets the height of the treemap component.
+     * Sets and gets the height of the treemap.
      *
      * @default null
      */
@@ -108,27 +112,33 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     border: BorderModel;
     /**
-     * Sets and gets the options for customizing the margin in the treemap component.
+     * Sets and gets the options for customizing the margin in the treemap.
      */
     margin: MarginModel;
     /**
      * Sets and gets the background color of the treemap.
+     *
+     * @default null
      */
     background: string;
     /**
-     * Sets and gets the options for customizing the theme of the treemap component.
+     * Sets and gets the theme styles supported for treemap. When the theme is set, the styles associated with the theme will be set in the treemap.
+     *
+     * @default Material
      */
     theme: TreeMapTheme;
     /**
-     * Sets and gets the options for customizing the title of the treemap component.
+     * Sets and gets the options for customizing the title of the treemap.
      */
     titleSettings: TitleSettingsModel;
     /**
-     * Specifies the rendering type of layout of the treemap component.
+     * Specifies the rendering type for the layout of the treemap.
+     *
+     * @default 'Squarified'
      */
     layoutType: LayoutMode;
     /**
-     * Sets and gets the data source for the treemap component.
+     * Sets and gets the data source for the treemap.
      *
      * @isGenericType true
      * @isObservable true
@@ -143,23 +153,35 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     query: Query;
     /**
-     * Sets and gets the value path of the weight from the data source, based on which the map item is rendered.
+     * Sets and gets the value path of the weight from the data source, based on which the treemap item is rendered.
+     *
+     * @default null
      */
     weightValuePath: string;
     /**
      * Sets and gets the value path from the data source, based on it color is filled in treemap.
+     * This property is used when range color mapping is set in the treemap.
+     *
+     * @default ''
      */
     rangeColorValuePath: string;
     /**
      * Sets and gets the value path from the data source, based on it color is filled in treemap.
+     * This property is used when equal color mapping is set in the treemap.
+     *
+     * @default ''
      */
     equalColorValuePath: string;
     /**
      * Sets and gets the value path from the data source, based on it color is filled in treemap.
+     *
+     * @default null
      */
     colorValuePath: string;
     /**
-     * Sets and gets the set of colors to apply in the treemap items.
+     * Sets and gets a set of colors to apply in the treemap items.
+     *
+     * @default []
      */
     palette: string[];
     /**
@@ -170,18 +192,26 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
     renderDirection: RenderingMode;
     /**
      * Enables or disables the drill down functionality in treemap.
+     *
+     * @default false
      */
     enableDrillDown: boolean;
     /**
-     * Enables or disables the connection text in the header of the treemap.
+     * Enables or disables the connection text in the header of the treemap when drill down is enabled.
+     *
+     * @default false
      */
     enableBreadcrumb: boolean;
     /**
-     * Specifies the connection between the two words.
+     * Specifies the symbol to show connection between the two words in the header of the treemap during drill down.
+     *
+     * @default ' - '
      */
     breadcrumbConnector: string;
     /**
      * Enables or disables the initial drill in the treemap.
+     *
+     * @default false
      */
     drillDownView: boolean;
     /**
@@ -193,15 +223,15 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     leafItemSettings: LeafItemSettingsModel;
     /**
-     * Sets and gets the options for customizing the levels of the treemap.
+     * Sets and gets the options to configure and customize the levels of treemap items.
      */
     levels: LevelSettingsModel[];
     /**
-     * Sets and gets the options for customizing the highlight of the treemap item on mouse over on the treemap component.
+     * Sets and gets the options to customize the highlight functionality of the treemap.
      */
     highlightSettings: HighlightSettingsModel;
     /**
-     * Sets and gets the options for customizing the selection of the treemap item on click event on the treemap component.
+     * Sets and gets the options for customizing the selection functionality of the treemap.
      */
     selectionSettings: SelectionSettingsModel;
     /**
@@ -231,19 +261,19 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     tabIndex: number;
     /**
-     * Sets and gets format for the texts in the treemap.
+     * Sets and gets format for the texts in the treemap. This property accepts any global string format like 'C', 'N1', 'P' etc.
      *
      * @default null
      */
     format: string;
     /**
-     * Triggers when the treemap is on load.
+     * Triggers before the treemap is rendered.
      *
      * @event load
      */
     load: EmitType<ILoadEventArgs>;
     /**
-     * Triggers before the prints gets started.
+     * Triggers before the print gets started.
      *
      * @event beforePrint
      */
@@ -255,7 +285,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     loaded: EmitType<ILoadedEventArgs>;
     /**
-     * Triggers before item rendering in the treemap component.
+     * Triggers before item rendering in the treemap.
      *
      * @event itemRendering
      */
@@ -285,7 +315,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     itemHighlight: EmitType<IItemHighlightEventArgs>;
     /**
-     * Triggers on rendering of the tooltip in the treemap component.
+     * Triggers on rendering of the tooltip in the treemap.
      *
      * @event tooltipRendering
      */
@@ -327,7 +357,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     mouseMove: EmitType<IMouseMoveEventArgs>;
     /**
-     * Triggers after resizing the treemap component.
+     * Triggers to notify the resize of the treemap when the window is resized.
      *
      * @event resize
      */
@@ -380,7 +410,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      */
     areaRect: Rect;
     /**
-     * Define the theme style for treemap components
+     * Define the theme style for treemap.
      *
      * @private
      */
@@ -417,9 +447,11 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
     legendId: string[];
     /** @private */
     selectionId: string;
+    /** @private */
+    treemapLevelData: LevelsData;
     private resizeEvent;
     /**
-     * Constructor for TreeMap component.
+     * Constructor for TreeMap.
      *
      * @param {TreeMapModel} options - Specifies the treemap instance.
      * @param {string | HTMLElement} element - Specifies the treemap element.
@@ -473,6 +505,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {number} start - Specifies the start value of the treemap level.
      * @returns {void}
+     * @private
      */
     reOrderLevelData(start: number): void;
     private IsChildHierarchy;
@@ -482,12 +515,14 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      * @param {any[]} processData - Specifies the treemap data.
      * @param {string} type - Specifies the type of the data.
      * @returns {void}
+     * @private
      */
     findTotalWeight(processData: any[], type: string): void;
     /**
      * To unbind event handlers for treemap.
      *
      * @returns {void}
+     * @private
      */
     private unWireEVents;
     /**
@@ -513,6 +548,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {Event} e - Specifies the pointer event.
      * @returns {void}
+     * @private
      */
     resizeOnTreeMap(e: Event): void;
     /**
@@ -520,6 +556,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {PointerEvent} e - Specifies the mouse click event in the treemap.
      * @returns {void}
+     * @private
      */
     clickOnTreeMap(e: PointerEvent): void;
     /**
@@ -534,6 +571,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse click.
      * @returns {void}
+     * @private
      */
     rightClickOnTreeMap(e: PointerEvent): void;
     /**
@@ -541,6 +579,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse click.
      * @returns {void}
+     * @private
      */
     mouseDownOnTreeMap(e: PointerEvent): void;
     /**
@@ -548,6 +587,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse click.
      * @returns {void}
+     * @private
      */
     mouseMoveOnTreeMap(e: PointerEvent): void;
     /**
@@ -556,6 +596,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      * @param {string} labelText - Specifies the label text.
      * @param {any} item - Specifies the treemap item.
      * @returns {any} - Returns label of the drilled level.
+     * @private
      */
     calculateSelectedTextLevels(labelText: string, item: any): any;
     /**
@@ -575,6 +616,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      * @param {any} item - Specifies the treemap item.
      * @param {number} i - Specifies the treemap item.
      * @returns {any} - return the new drill down object.
+     * @private
      */
     compareSelectedLabelWithDrillDownItems(drillLevelValues: any, item: any, i: number): any;
     /**
@@ -582,6 +624,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse.
      * @returns {void}
+     * @private
      */
     mouseEndOnTreeMap(e: PointerEvent): void;
     /**
@@ -589,13 +632,14 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse.
      * @return {void}
+     * @private
      */
     mouseLeaveOnTreeMap(e: PointerEvent): void;
     /**
      * 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.
+     * @param {boolean} isSelected - Specifies whether the treemap item should be selected or the selection should be removed.
      * @return {void}
      */
     selectItem(levelOrder: string[], isSelected?: boolean): void;
@@ -619,10 +663,11 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
      * Gets component name.
      *
      * @returns {string} - return the treemap instance.
+     * @private
      */
     getModuleName(): string;
     /**
-     * This method is used to dispose the treemap component.
+     * This method destroys the treemap. This method removes the events associated with the treemap and disposes the objects created for rendering and updating the treemap.
      */
     destroy(): void;
     private removeSvg;
@@ -638,7 +683,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
  * @private
  */
 export declare class LevelsData {
-    static levelsData: any[];
-    static defaultLevelsData: any[];
-    static hierarchyData: any[];
+    levelsData: any[];
+    defaultLevelsData: any[];
+    hierarchyData: any[];
 }

package/src/treemap/treemap.js

@@ -39,7 +39,7 @@ import { Print } from './model/print';
 import { ImageExport } from './model/image-export';
 import { PdfExport } from './model/pdf-export';
 /**
- * Represents the treemap component.
+ * Represents the treemap control. It is used to visualize both hierarchical and flat data.
  * ```html
  * <div id="container"/>
  * <script>
@@ -51,7 +51,7 @@ import { PdfExport } from './model/pdf-export';
 var TreeMap = /** @class */ (function (_super) {
     __extends(TreeMap, _super);
     /**
-     * Constructor for TreeMap component.
+     * Constructor for TreeMap.
      *
      * @param {TreeMapModel} options - Specifies the treemap instance.
      * @param {string | HTMLElement} element - Specifies the treemap element.
@@ -89,16 +89,17 @@ var TreeMap = /** @class */ (function (_super) {
         this.renderElements();
     };
     TreeMap.prototype.renderElements = function () {
-        LevelsData.levelsData = null;
-        LevelsData.defaultLevelsData = null;
-        LevelsData.hierarchyData = null;
+        this.treemapLevelData = new LevelsData();
+        this.treemapLevelData.levelsData = null;
+        this.treemapLevelData.defaultLevelsData = null;
+        this.treemapLevelData.hierarchyData = null;
         this.createSecondaryElement();
         this.addTabIndex();
         this.themeStyle = getThemeStyle(this.theme);
         this.renderBorder();
         this.renderTitle(this.titleSettings, 'title', null, null);
-        if (!isNullOrUndefined(LevelsData.levelsData)) {
-            LevelsData.defaultLevelsData = LevelsData.levelsData;
+        if (!isNullOrUndefined(this.treemapLevelData.levelsData)) {
+            this.treemapLevelData.defaultLevelsData = this.treemapLevelData.levelsData;
         }
         this.processDataManager();
     };
@@ -265,7 +266,7 @@ var TreeMap = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.dataSource = this.dataSource;
         if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0 && this.weightValuePath) {
-            LevelsData.levelsData = [];
+            this.treemapLevelData.levelsData = [];
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.dataSource.map(function (data) {
                 data[_this.weightValuePath] = (data[_this.weightValuePath]) ? data[_this.weightValuePath].toString() :
@@ -305,28 +306,28 @@ var TreeMap = /** @class */ (function (_super) {
                         }
                     }
                 }
-                LevelsData.levelsData.push(data_1);
+                this.treemapLevelData.levelsData.push(data_1);
             }
             else {
                 if (this.isHierarchicalData) {
-                    LevelsData.hierarchyData = [];
+                    this.treemapLevelData.hierarchyData = [];
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    LevelsData.hierarchyData = extend([], this.dataSource, LevelsData.hierarchyData, true);
-                    for (var i = 0; i < LevelsData.hierarchyData.length; i++) {
-                        this.processHierarchicalData(LevelsData.hierarchyData[i], i);
+                    this.treemapLevelData.hierarchyData = extend([], this.dataSource, this.treemapLevelData.hierarchyData, true);
+                    for (var i = 0; i < this.treemapLevelData.hierarchyData.length; i++) {
+                        this.processHierarchicalData(this.treemapLevelData.hierarchyData[i], i);
                     }
-                    LevelsData.levelsData = LevelsData.hierarchyData;
+                    this.treemapLevelData.levelsData = this.treemapLevelData.hierarchyData;
                 }
                 else {
                     this.processFlatJsonData();
-                    if (LevelsData.levelsData.length > 1) {
-                        this.reOrderLevelData(LevelsData.levelsData.length - 1);
+                    if (this.treemapLevelData.levelsData.length > 1) {
+                        this.reOrderLevelData(this.treemapLevelData.levelsData.length - 1);
                     }
                 }
                 path = this.levels[0].groupPath;
             }
             if (!this.isHierarchicalData) {
-                this.findTotalWeight(LevelsData.levelsData[0][path], 'Parent');
+                this.findTotalWeight(this.treemapLevelData.levelsData[0][path], 'Parent');
             }
         }
     };
@@ -388,19 +389,19 @@ var TreeMap = /** @class */ (function (_super) {
                 _this.processHierarchicalData(currentData, dataCount);
             });
         }
-        if (dataCount === LevelsData.hierarchyData.length - 1) {
+        if (dataCount === this.treemapLevelData.hierarchyData.length - 1) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var mainData_1 = LevelsData.hierarchyData[0][this.levels[0].groupPath];
-            for (var k = 0; k < LevelsData.hierarchyData.length; k++) {
-                childData = findChildren(LevelsData.hierarchyData[k])['values'];
+            var mainData_1 = this.treemapLevelData.hierarchyData[0][this.levels[0].groupPath];
+            for (var k = 0; k < this.treemapLevelData.hierarchyData.length; k++) {
+                childData = findChildren(this.treemapLevelData.hierarchyData[k])['values'];
                 if (k !== 0 && childData) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     childData.forEach(function (currentData) { mainData_1.push(currentData); });
-                    LevelsData.hierarchyData.splice(k, 1);
+                    this.treemapLevelData.hierarchyData.splice(k, 1);
                     k -= 1;
                 }
             }
-            mainData_1 = LevelsData.hierarchyData[0][this.levels[0].groupPath];
+            mainData_1 = this.treemapLevelData.hierarchyData[0][this.levels[0].groupPath];
             for (var l = 0; l < mainData_1.length; l++) {
                 newData[this.levels[0].groupPath] = mainData_1;
                 mainData_1[l]['parent'] = newData;
@@ -458,7 +459,7 @@ var TreeMap = /** @class */ (function (_super) {
             var level = {};
             level['level'] = i;
             level[groupPath] = [];
-            LevelsData.levelsData.push(level);
+            this.treemapLevelData.levelsData.push(level);
             for (var j = 0; j < this.dataSource.length; j++) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var currentData = {};
@@ -480,7 +481,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);
+                        this.treemapLevelData.levelsData[(this.treemapLevelData.levelsData.length - 1)][groupPath].push(currentData);
                         orderNames.push((childName) ? childName : name_1);
                     }
                 }
@@ -492,15 +493,16 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {number} start - Specifies the start value of the treemap level.
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.reOrderLevelData = function (start) {
         var currentName;
         var currentPath = this.levels[start] ? this.levels[start].groupPath : this.leafItemSettings.labelPath;
         var prevPath = this.levels[start - 1].groupPath;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var currentData = LevelsData.levelsData[start][currentPath];
+        var currentData = this.treemapLevelData.levelsData[start][currentPath];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var previousData = LevelsData.levelsData[start - 1][prevPath];
+        var previousData = this.treemapLevelData.levelsData[start - 1][prevPath];
         for (var i = 0; i < currentData.length; i++) {
             currentName = currentData[i]['levelOrderName'];
             for (var j = 0; j < previousData.length; j++) {
@@ -516,8 +518,8 @@ var TreeMap = /** @class */ (function (_super) {
                 }
             }
         }
-        this.findTotalWeight(LevelsData.levelsData[LevelsData.levelsData.length - 1][currentPath], 'Child');
-        LevelsData.levelsData.splice(start, 1);
+        this.findTotalWeight(this.treemapLevelData.levelsData[this.treemapLevelData.levelsData.length - 1][currentPath], 'Child');
+        this.treemapLevelData.levelsData.splice(start, 1);
         if ((start - 1) > 0) {
             this.reOrderLevelData(start - 1);
         }
@@ -540,6 +542,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @param {any[]} processData - Specifies the treemap data.
      * @param {string} type - Specifies the type of the data.
      * @returns {void}
+     * @private
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.findTotalWeight = function (processData, type) {
@@ -574,6 +577,7 @@ var TreeMap = /** @class */ (function (_super) {
      * To unbind event handlers for treemap.
      *
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.unWireEVents = function () {
         EventHandler.remove(this.element, 'click', this.clickOnTreeMap);
@@ -624,6 +628,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {Event} e - Specifies the pointer event.
      * @returns {void}
+     * @private
      */
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     TreeMap.prototype.resizeOnTreeMap = function (e) {
@@ -660,6 +665,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {PointerEvent} e - Specifies the mouse click event in the treemap.
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.clickOnTreeMap = function (e) {
         var _this = this;
@@ -682,7 +688,7 @@ var TreeMap = /** @class */ (function (_super) {
                 if (observedArgs.text !== labelText || observedArgs.contentItemTemplate !== labelText) {
                     if (isNullOrUndefined(_this.leafItemSettings.labelTemplate)) {
                         observedArgs.text = textFormatter(observedArgs.text, observedArgs['item']['data'], observedArgs.treemap);
-                        targetEle.innerHTML = observedArgs.text;
+                        targetEle.textContent = observedArgs.text;
                     }
                     else {
                         setItemTemplateContent(targetId, targetEle, observedArgs.contentItemTemplate);
@@ -715,6 +721,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse click.
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.rightClickOnTreeMap = function (e) {
         var rightClickArgs = { cancel: false, name: rightClick, treemap: this, mouseEvent: e };
@@ -725,6 +732,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse click.
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.mouseDownOnTreeMap = function (e) {
         if (e.target.id.indexOf('_Item_Index') > -1) {
@@ -737,6 +745,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse click.
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.mouseMoveOnTreeMap = function (e) {
         var targetEle = e.target;
@@ -765,6 +774,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @param {string} labelText - Specifies the label text.
      * @param {any} item - Specifies the treemap item.
      * @returns {any} - Returns label of the drilled level.
+     * @private
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     TreeMap.prototype.calculateSelectedTextLevels = function (labelText, item) {
@@ -832,6 +842,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @param {any} item - Specifies the treemap item.
      * @param {number} i - Specifies the treemap item.
      * @returns {any} - return the new drill down object.
+     * @private
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     TreeMap.prototype.compareSelectedLabelWithDrillDownItems = function (drillLevelValues, item, i) {
@@ -858,6 +869,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse.
      * @returns {void}
+     * @private
      */
     TreeMap.prototype.mouseEndOnTreeMap = function (e) {
         var _this = this;
@@ -883,7 +895,7 @@ var TreeMap = /** @class */ (function (_super) {
             }
             index = parseFloat(targetId.split('_Item_Index_')[1]);
             item = this.layout.renderItems[index];
-            var labelText = targetEle.innerHTML;
+            var labelText = targetEle.textContent;
             if (this.enableBreadcrumb) {
                 drillLevelValues = this.calculateSelectedTextLevels(labelText, item);
                 drillLevel = drillLevelValues['drillLevel'];
@@ -1001,6 +1013,7 @@ var TreeMap = /** @class */ (function (_super) {
      *
      * @param {PointerEvent} e - Specifies the pointer event of mouse.
      * @return {void}
+     * @private
      */
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     TreeMap.prototype.mouseLeaveOnTreeMap = function (e) {
@@ -1020,7 +1033,7 @@ var TreeMap = /** @class */ (function (_super) {
      * 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.
+     * @param {boolean} isSelected - Specifies whether the treemap item should be selected or the selection should be removed.
      * @return {void}
      */
     TreeMap.prototype.selectItem = function (levelOrder, isSelected) {
@@ -1133,12 +1146,13 @@ var TreeMap = /** @class */ (function (_super) {
      * Gets component name.
      *
      * @returns {string} - return the treemap instance.
+     * @private
      */
     TreeMap.prototype.getModuleName = function () {
         return 'treemap';
     };
     /**
-     * This method is used to dispose the treemap component.
+     * This method destroys the treemap. This method removes the events associated with the treemap and disposes the objects created for rendering and updating the treemap.
      */
     TreeMap.prototype.destroy = function () {
         this.unWireEVents();

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

@@ -17,6 +17,7 @@ export declare class TreeMapHighlight {
      *
      * @param {PointerEvent} e - Specifies the pointer argument.
      * @returns {boolean} - return the highlight process is true or false.
+     * @private
      */
     mouseMove(e: PointerEvent): boolean;
     /**
@@ -63,6 +64,7 @@ export declare class TreeMapSelection {
      *
      * @param {PointerEvent} e - Specifies the pointer argument.
      * @returns {void}
+     * @private
      */
     mouseDown(e: PointerEvent): void;
     /**