@syncfusion/ej2-treemap 25.2.3 → 26.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treemap@*",
-  "_id": "@syncfusion/ej2-treemap@25.1.35",
+  "_id": "@syncfusion/ej2-treemap@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-cammG0kT1v7yX5m5icGgKH+Yhn3EXEVozjdClFSsJOR1cLIx5ZpjmYLxoZNvyhT5OPRhFDlZ3I8lzSResAiozg==",
+  "_integrity": "sha512-ZDB7ob4I9mM3Ep/2wKrsDsK9y3RQh5/VIfjnGe6iOvvOzvmrugoqnOjswkWieoo9x1RkvIou8DPPrpUDqkYQNw==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-25.1.35.tgz",
-  "_shasum": "d8aabc67b6bdfe95e29aea829c2dc717d94cc544",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-26.1.35.tgz",
+  "_shasum": "87d9b2b55ae0f118de5152513acea050327c30b3",
   "_spec": "@syncfusion/ej2-treemap@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-compression": "~25.2.3",
-    "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-file-utils": "~25.2.3",
-    "@syncfusion/ej2-pdf-export": "~25.2.3",
-    "@syncfusion/ej2-svg-base": "~25.2.3"
+    "@syncfusion/ej2-base": "~26.2.4",
+    "@syncfusion/ej2-compression": "~26.2.4",
+    "@syncfusion/ej2-data": "~26.2.4",
+    "@syncfusion/ej2-file-utils": "~26.2.4",
+    "@syncfusion/ej2-pdf-export": "~26.2.4",
+    "@syncfusion/ej2-svg-base": "~26.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeMap Components",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "26.2.4",
   "sideEffects": false
 }

package/src/treemap/layout/legend.js

@@ -60,7 +60,7 @@ var TreeMapLegend = /** @class */ (function () {
         var treemap = this.treemap;
         var legend = treemap.legendSettings;
         this.findColorMappingLegendItems(treemap.treemapLevelData.levelsData[0]);
-        if ((this.treemap.palette.length > 0 || !isNullOrUndefined(treemap.colorValuePath))
+        if (((!isNullOrUndefined(this.treemap.palette) && this.treemap.palette.length > 0) || !isNullOrUndefined(treemap.colorValuePath))
             && this.legendCollections.length === 0) {
             this.findPaletteLegendItems(treemap.treemapLevelData.levelsData[0]);
         }
@@ -737,7 +737,11 @@ var TreeMapLegend = /** @class */ (function () {
         var textSize = measureText(title, textStyle);
         this.legendBorderRect = new Rect((this.legendItemRect.x - spacing), (this.legendItemRect.y - spacing - textSize.height), (this.legendItemRect.width) + (spacing * 2), (this.legendItemRect.height) + (spacing * 2) + textSize.height +
             (legend.mode === 'Interactive' ? 0 : (this.page !== 0) ? spacing : 0));
-        var renderOptions = new RectOption(treemap.element.id + '_Legend_Border', legend.background, legend.border, 1, this.legendBorderRect, '');
+        var borderStyle = {
+            color: legend.border.color || this.treemap.themeStyle.legendBorderColor,
+            width: legend.border.width || this.treemap.themeStyle.legendBorderWidth
+        };
+        var renderOptions = new RectOption(treemap.element.id + '_Legend_Border', legend.background, borderStyle, 1, this.legendBorderRect, '');
         var legendBorder = treemap.renderer.drawRectangle(renderOptions);
         legendBorder.style.pointerEvents = 'none';
         this.legendGroup.appendChild(legendBorder);

package/src/treemap/layout/render-panel.js

@@ -73,7 +73,7 @@ var LayoutPanel = /** @class */ (function () {
         }
         return drillData;
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     LayoutPanel.prototype.calculateLayoutItems = function (data, rect) {
         this.renderItems = [];
         this.parentData = [];
@@ -378,7 +378,7 @@ var LayoutPanel = /** @class */ (function () {
         }
         return result;
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     LayoutPanel.prototype.onDemandProcess = function (childItems) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var parentItem = {};
@@ -518,6 +518,7 @@ var LayoutPanel = /** @class */ (function () {
             textStyle = (isLeafItem ? leaf.labelStyle : levels[index].headerStyle);
             textStyle.fontFamily = this_1.treemap.themeStyle.labelFontFamily || textStyle.fontFamily;
             textStyle.fontWeight = textStyle.fontWeight || this_1.treemap.themeStyle.fontWeight;
+            textStyle.size = textStyle.size || this_1.treemap.themeStyle.labelFontSize;
             border = isLeafItem ? leaf.border : levels[index].border;
             position = !isLeafItem ? (levels[index].headerAlignment) === 'Near' ? 'TopLeft' : (levels[index].headerAlignment) === 'Center' ?
                 'TopCenter' : 'TopRight' : leaf.labelPosition;
@@ -653,14 +654,16 @@ var LayoutPanel = /** @class */ (function () {
         if (colorMapping.length > 0) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var option = colorMap(colorMapping, item['data'][treemap.equalColorValuePath], item['data'][treemap.rangeColorValuePath]);
-            itemFill = !isNullOrUndefined(option['fill']) ? option['fill'] : treemap.leafItemSettings.fill;
-            itemOpacity = option['opacity'];
+            if (!isNullOrUndefined(option)) {
+                itemFill = !isNullOrUndefined(option['fill']) ? option['fill'] : treemap.leafItemSettings.fill;
+                itemOpacity = option['opacity'];
+            }
         }
         else {
             for (var i = 0; i < parentData.length; i++) {
                 if (parentData[i]['levelOrderName'] === item['levelOrderName'].split('#')[0]) {
                     itemFill = !isNullOrUndefined(itemFill) ? itemFill : !isNullOrUndefined(treemap.colorValuePath) ?
-                        parentData[i]['data'][treemap.colorValuePath] : treemap.palette.length > 0 ?
+                        parentData[i]['data'][treemap.colorValuePath] : (!isNullOrUndefined(treemap.palette) && treemap.palette.length > 0) ?
                         treemap.palette[i % treemap.palette.length] : '#808080';
                 }
             }

package/src/treemap/model/base.js

@@ -228,7 +228,7 @@ var LegendSettings = /** @class */ (function (_super) {
         Property(null)
     ], LegendSettings.prototype, "imageUrl", void 0);
     __decorate([
-        Complex({ color: '#000000', width: 0 }, Border)
+        Complex({ color: null, width: null }, Border)
     ], LegendSettings.prototype, "border", void 0);
     __decorate([
         Complex({ color: '#000000', width: 0 }, Border)
@@ -328,7 +328,7 @@ var LeafItemSettings = /** @class */ (function (_super) {
         Property('TopLeft')
     ], LeafItemSettings.prototype, "labelPosition", void 0);
     __decorate([
-        Complex({ color: null, size: '12px' }, Font)
+        Complex({ color: null, size: null }, Font)
     ], LeafItemSettings.prototype, "labelStyle", void 0);
     __decorate([
         Property(null)
@@ -372,7 +372,7 @@ var TooltipSettings = /** @class */ (function (_super) {
         Property(['Circle'])
     ], TooltipSettings.prototype, "markerShapes", void 0);
     __decorate([
-        Complex({}, Border)
+        Complex({ width: null, color: null }, Border)
     ], TooltipSettings.prototype, "border", void 0);
     __decorate([
         Complex({ fontFamily: null, size: null, fontWeight: null }, Font)

package/src/treemap/model/image-export.js

@@ -38,10 +38,13 @@ var ImageExport = /** @class */ (function () {
             var backgroundElement = exportElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' || treeMap.theme === 'Fluent2')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
-                else if ((treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5Dark' || treeMap.theme === 'FluentDark' || treeMap.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                else if ((treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5Dark' || treeMap.theme === 'FluentDark' || treeMap.theme === 'Material3Dark' ||
+                    treeMap.theme === 'Fluent2Dark' || treeMap.theme === 'Fluent2HighContrast')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(0, 0, 0, 1)');
                 }
             }

package/src/treemap/model/interface.d.ts

@@ -528,4 +528,24 @@ export interface IThemeStyle {
      * Defines the font family of the label contents in the treemap, supporting the theme.
      */
     labelFontFamily?: string;
+    /**
+     * Defines the font size of the label contents in the treemap, supporting the theme.
+     */
+    labelFontSize?: string;
+    /**
+     * Defines the border color of the legend in the treemap, supporting the theme.
+     */
+    legendBorderColor?: string;
+    /**
+     * Defines the border width of the legend in the treemap, supporting the theme.
+     */
+    legendBorderWidth?: number;
+    /**
+     * Defines the border color of the tooltip in the treemap, supporting the theme.
+     */
+    tooltipBorderColor?: string;
+    /**
+     * Defines the border width of the tooltip in the treemap, supporting the theme.
+     */
+    tooltipBorderWidth?: number;
 }

package/src/treemap/model/interface.js

@@ -1 +0,0 @@
-

package/src/treemap/model/pdf-export.js

@@ -40,10 +40,13 @@ var PdfExport = /** @class */ (function () {
             var backgroundElement = exportElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' || treeMap.theme === 'Fluent2')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
-                else if ((treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5Dark' || treeMap.theme === 'FluentDark' || treeMap.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                else if ((treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5Dark' || treeMap.theme === 'FluentDark' || treeMap.theme === 'Material3Dark' ||
+                    treeMap.theme === 'Fluent2Dark' || treeMap.theme === 'Fluent2HighContrast')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(0, 0, 0, 1)');
                 }
             }

package/src/treemap/model/print.js

@@ -67,10 +67,13 @@ var Print = /** @class */ (function () {
                 backgroundElement = backgroundElement.childNodes[0];
                 if (!isNullOrUndefined(backgroundElement)) {
                     var backgroundColor = backgroundElement.getAttribute('fill');
-                    if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                    if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Fluent' || treeMap.theme === 'Material3' || treeMap.theme === 'Fluent2')
+                        && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                         backgroundElement.setAttribute('fill', 'rgba(255,255,255, 1)');
                     }
-                    else if ((treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5Dark' || treeMap.theme === 'FluentDark' || treeMap.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                    else if ((treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5Dark' || treeMap.theme === 'FluentDark' || treeMap.theme === 'Material3Dark' ||
+                        treeMap.theme === 'Fluent2Dark' || treeMap.theme === 'Fluent2HighContrast')
+                        && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                         backgroundElement.setAttribute('fill', 'rgba(0, 0, 0, 1)');
                     }
                 }

package/src/treemap/model/theme.js

@@ -54,7 +54,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '13px',
-                fontFamily: 'Roboto, Noto, Sans-serif'
+                fontFamily: 'Roboto, Noto, Sans-serif',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'highcontrast':
@@ -72,7 +75,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '13px',
-                fontFamily: 'Roboto, Noto, Sans-serif'
+                fontFamily: 'Roboto, Noto, Sans-serif',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'bootstrap4':
@@ -93,7 +99,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '14px',
-                labelFontFamily: 'HelveticaNeue'
+                labelFontFamily: 'HelveticaNeue',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'tailwind':
@@ -114,7 +123,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Inter'
+                labelFontFamily: 'Inter',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'tailwinddark':
@@ -135,7 +147,10 @@ export function getThemeStyle(theme) {
                 fontSize: '14px',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Inter'
+                labelFontFamily: 'Inter',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'bootstrap5':
@@ -156,7 +171,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Helvetica Neue'
+                labelFontFamily: 'Helvetica Neue',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'bootstrap5dark':
@@ -177,7 +195,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Helvetica Neue'
+                labelFontFamily: 'Helvetica Neue',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'fluent':
@@ -198,7 +219,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Segoe UI'
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'fluentdark':
@@ -219,7 +243,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Segoe UI'
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'material3':
@@ -240,7 +267,10 @@ export function getThemeStyle(theme) {
                 fontWeight: '400',
                 subtitleFontSize: '14px',
                 legendFontSize: '14px',
-                labelFontFamily: 'Roboto'
+                labelFontFamily: 'Roboto',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'material3dark':
@@ -261,7 +291,84 @@ export function getThemeStyle(theme) {
                 fontWeight: '400',
                 subtitleFontSize: '14px',
                 legendFontSize: '14px',
-                labelFontFamily: 'Roboto'
+                labelFontFamily: 'Roboto',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
+            };
+            break;
+        case 'fluent2':
+            style = {
+                backgroundColor: 'transparent',
+                titleFontColor: '#242424',
+                titleFontWeight: '600',
+                subTitleFontColor: '#242424',
+                tooltipFillColor: '#FFFFFF',
+                tooltipFontColor: '#242424',
+                tooltipFontSize: '12px',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#242424',
+                legendTextColor: '#242424',
+                fontFamily: 'Segoe UI',
+                fontSize: '14px',
+                fontWeight: '400',
+                subtitleFontSize: '12px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '10px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
+            };
+            break;
+        case 'fluent2dark':
+            style = {
+                backgroundColor: 'transparent',
+                titleFontColor: '#FFFFFF',
+                titleFontWeight: '600',
+                subTitleFontColor: '#FFFFFF',
+                tooltipFillColor: '#292929',
+                tooltipFontColor: '#FFFFFF',
+                tooltipFontSize: '12px',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#FFFFFF',
+                legendTextColor: '#FFFFFF',
+                fontFamily: 'Segoe UI',
+                fontSize: '14px',
+                fontWeight: '400',
+                subtitleFontSize: '12px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '10px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
+            };
+            break;
+        case 'fluent2highcontrast':
+            style = {
+                backgroundColor: 'transparent',
+                titleFontColor: '#FFFFFF',
+                titleFontWeight: '600',
+                subTitleFontColor: '#FFFFFF',
+                tooltipFillColor: '#000000',
+                tooltipFontColor: '#FFFFFF',
+                tooltipFontSize: '12px',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#FFFFFF',
+                legendTextColor: '#FFFFFF',
+                fontFamily: 'Segoe UI',
+                fontSize: '14px',
+                fontWeight: '400',
+                subtitleFontSize: '12px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '10px',
+                legendBorderColor: '#FFF',
+                legendBorderWidth: 1,
+                tooltipBorderColor: '#FFF',
+                tooltipBorderWidth: 1
             };
             break;
         default:
@@ -279,7 +386,10 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '13px',
-                fontFamily: 'Roboto, Noto, Sans-serif'
+                fontFamily: 'Roboto, Noto, Sans-serif',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
     }

package/src/treemap/treemap.js

@@ -407,19 +407,21 @@ var TreeMap = /** @class */ (function (_super) {
         if (dataCount === this.treemapLevelData.hierarchyData.length - 1) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             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); });
-                    this.treemapLevelData.hierarchyData.splice(k, 1);
-                    k -= 1;
+            if (!isNullOrUndefined(mainData_1)) {
+                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); });
+                        this.treemapLevelData.hierarchyData.splice(k, 1);
+                        k -= 1;
+                    }
+                }
+                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;
                 }
-            }
-            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;
             }
         }
     };
@@ -795,7 +797,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {any} - Returns label of the drilled level.
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.calculateSelectedTextLevels = function (labelText, item) {
         //to find the levels by clicking the particular text both for drillDownView as true / false.
         var drillLevel;
@@ -821,7 +823,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {boolean} - check whether it is previous level or not.
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     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
@@ -863,7 +865,7 @@ var TreeMap = /** @class */ (function (_super) {
      * @returns {any} - return the new drill down object.
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TreeMap.prototype.compareSelectedLabelWithDrillDownItems = function (drillLevelValues, item, i) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var drillLevelChild;

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

@@ -90,10 +90,14 @@ var TreeMapTooltip = /** @class */ (function () {
                     || this.tooltipSettings.textStyle.color;
                 this.tooltipSettings.textStyle.opacity = this.treemap.themeStyle.tooltipTextOpacity
                     || this.tooltipSettings.textStyle.opacity;
+                var border = {
+                    width: this.tooltipSettings.border.width || this.treemap.themeStyle.tooltipBorderWidth || 0,
+                    color: this.tooltipSettings.border.color || this.treemap.themeStyle.tooltipBorderColor || 'transparent'
+                };
                 tootipArgs = {
                     cancel: false, name: tooltipRendering, item: item,
                     options: {
-                        location: location, text: tooltipContent, data: toolTipData,
+                        location: location, text: tooltipContent, data: toolTipData, border: border,
                         textStyle: this.tooltipSettings.textStyle, template: this.tooltipSettings.template
                     },
                     treemap: this.treemap,
@@ -127,6 +131,7 @@ var TreeMapTooltip = /** @class */ (function () {
         }
         if (!cancel) {
             this.svgTooltip = new Tooltip({
+                theme: this.treemap.theme,
                 enable: true,
                 header: '',
                 data: args['data'],
@@ -139,6 +144,7 @@ var TreeMapTooltip = /** @class */ (function () {
                 areaBounds: this.treemap.areaRect,
                 textStyle: args['textStyle'],
                 fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor,
+                border: args['border'],
                 enableShadow: true
             });
             // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/treemap/utils/enum.d.ts

@@ -205,7 +205,13 @@ export declare type TreeMapTheme =
 /** Render a treemap with Material3 theme. */
 'Material3' | 
 /** Render a treemap with Material3Dark theme. */
-'Material3Dark';
+'Material3Dark' | 
+/** Render a treemap with Fluent2 theme. */
+'Fluent2' | 
+/** Render a treemap with Fluent2 dark theme. */
+'Fluent2Dark' | 
+/** Render a treemap with Fluent2 high contrast theme. */
+'Fluent2HighContrast';
 /**
  * Defines the rendering directions to render the treemap items in the treemap.
  */

package/src/treemap/utils/enum.js

@@ -1 +0,0 @@
-

package/CHANGELOG.md

@@ -1,80 +0,0 @@
-<!-- markdownlint-disable MD010 -->
-
-<!-- markdownlint-disable MD030 -->
-
-<!-- markdownlint-disable MD004 -->
-
-# Changelog
-
-## [Unreleased]
-
-## 18.2.44 (2020-07-07)
-
-### TreeMap
-
-#### New Features
-
-- `#280380` - `isResized` argument is exposed in the `loaded` event arguments for indicating that the component is resized.
-
-#### Bug Fixes
-
-- `#280380` - Color of the treemap item will be maintained when the fill color of the selection settings is not provided.
-
-## 17.1.48 (2019-05-21)
-
-### TreeMap
-
-#### Bug Fixes
-
-- `#I235721` - The issue with color value in individual nodes of levels in treemap has been resolved.
-
-## 17.1.44 (2019-05-07)
-
-### TreeMap
-
-#### Bug Fixes
-
-- `#I234615` - The issue with value from the "fill" property is not applied when we have both the "fill" and "colorValuePath" APIs has been fixed.
-
-## 17.1.42 (2019-04-23)
-
-### TreeMap
-
-#### Bug Fixes
-
-- `#I233284` – The issue of breaking the treemap, if data contains the "_" character in its value has been fixed.
-
-## 17.1.32-beta (2019-03-13)
-
-### TreeMap
-
-#### New Features
-
-- The right-to-left (RTL) rendering support has been provided.
-- Load on-demand option has been provided to load and render the child items dynamically.
-- Responsive support has been provided to the TreeMap legend.
-- The 'doubleClick', 'rightClick', and 'legendRendering' events have been provided in TreeMap.
-
-## 16.4.40-beta (2018-12-10)
-
-### TreeMap
-
-#### New Features
-
-- Support has been added for desaturation color mapping.
-- Support has been added to hide specific legend items and bind legend text from data source.
-- Support has been added for highlighting or selecting the legend items along with shapes.
-- Support has been added to bind colors for the items from the data source.
-
-## 16.2.41 (2018-06-25)
-
-### TreeMap
-
-The TreeMap is used to displayed the hierarchical or multi-level data to visualize the nested rectangles.
-
-- **Layout Mode** - TreeMap supports different type of layouts like Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto.
-- **Legend** - TreeMap supports legend feature with different mode. Default and Interactive.
-- **LabelTemplate** - Leaf item labels can be customized by the label template.
-- **ColorMapping** - TreeMap supports the color mapping feature. It used to customize the leaf item fill colors based on range or values.
-- **User-Interactions** - TreeMap supports the Drilldown, Tooltip, Highlight and Selection user interaction features.
-- **Print and Export** - TreeMap supports printing and exporting as different file types.