@syncfusion/ej2-treemap 25.2.3 → 26.1.35

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

@@ -1,7 +1,7 @@
-import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Fetch, Internationalization, NotifyPropertyChanges, Property, SanitizeHtmlHelper, compile, createElement, extend, isNullOrUndefined, merge, print, remove } from '@syncfusion/ej2-base';
+import { Property, ChildProperty, Complex, Collection, createElement, SanitizeHtmlHelper, isNullOrUndefined, compile, merge, remove, extend, print, Browser, Fetch, EventHandler, Internationalization, Event, NotifyPropertyChanges, Component } from '@syncfusion/ej2-base';
 import { SvgRenderer, Tooltip } from '@syncfusion/ej2-svg-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
-import { PdfBitmap, PdfDocument, PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
+import { PdfPageOrientation, PdfDocument, PdfBitmap } from '@syncfusion/ej2-pdf-export';
 
 /**
  * TreeMap constants doc
@@ -121,7 +121,7 @@ var resize = 'resize';
  */
 var defaultFont = 'Roboto, Segoe UI, Noto, Sans-serif';
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
+var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -134,27 +134,24 @@ var __extends$1 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/**
- * Maps base doc
- */
 /**
  * Sets and gets the options for customizing the color and width of the border in treemap.
  */
 var Border = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(Border, _super);
+    __extends(Border, _super);
     function Border() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property('#808080')
     ], Border.prototype, "color", void 0);
-    __decorate$1([
+    __decorate([
         Property(0)
     ], Border.prototype, "width", void 0);
     return Border;
@@ -163,20 +160,20 @@ var Border = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the margin for the treemap.
  */
 var Margin = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(Margin, _super);
+    __extends(Margin, _super);
     function Margin() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(10)
     ], Margin.prototype, "left", void 0);
-    __decorate$1([
+    __decorate([
         Property(10)
     ], Margin.prototype, "right", void 0);
-    __decorate$1([
+    __decorate([
         Property(10)
     ], Margin.prototype, "top", void 0);
-    __decorate$1([
+    __decorate([
         Property(10)
     ], Margin.prototype, "bottom", void 0);
     return Margin;
@@ -185,26 +182,26 @@ var Margin = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options to customize the style of the text contents in the treemap.
  */
 var Font = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(Font, _super);
+    __extends(Font, _super);
     function Font() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(null)
     ], Font.prototype, "size", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], Font.prototype, "color", void 0);
-    __decorate$1([
+    __decorate([
         Property(defaultFont)
     ], Font.prototype, "fontFamily", void 0);
-    __decorate$1([
+    __decorate([
         Property('')
     ], Font.prototype, "fontWeight", void 0);
-    __decorate$1([
+    __decorate([
         Property('Normal')
     ], Font.prototype, "fontStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property(1)
     ], Font.prototype, "opacity", void 0);
     return Font;
@@ -213,14 +210,14 @@ var Font = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the title of the treemap.
  */
 var CommonTitleSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(CommonTitleSettings, _super);
+    __extends(CommonTitleSettings, _super);
     function CommonTitleSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property('')
     ], CommonTitleSettings.prototype, "text", void 0);
-    __decorate$1([
+    __decorate([
         Property('')
     ], CommonTitleSettings.prototype, "description", void 0);
     return CommonTitleSettings;
@@ -229,14 +226,14 @@ var CommonTitleSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the subtitle of the treemap.
  */
 var SubTitleSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(SubTitleSettings, _super);
+    __extends(SubTitleSettings, _super);
     function SubTitleSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Complex({ fontFamily: null, fontWeight: null }, Font)
     ], SubTitleSettings.prototype, "textStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property('Center')
     ], SubTitleSettings.prototype, "alignment", void 0);
     return SubTitleSettings;
@@ -245,17 +242,17 @@ var SubTitleSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the title of the treemap.
  */
 var TitleSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(TitleSettings, _super);
+    __extends(TitleSettings, _super);
     function TitleSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Complex({ fontFamily: null, fontWeight: null }, Font)
     ], TitleSettings.prototype, "textStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property('Center')
     ], TitleSettings.prototype, "alignment", void 0);
-    __decorate$1([
+    __decorate([
         Complex({}, SubTitleSettings)
     ], TitleSettings.prototype, "subtitleSettings", void 0);
     return TitleSettings;
@@ -264,32 +261,32 @@ var TitleSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options to customize the color-mapping in treemap.
  */
 var ColorMapping = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(ColorMapping, _super);
+    __extends(ColorMapping, _super);
     function ColorMapping() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "from", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "to", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "color", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "label", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "value", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "minOpacity", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], ColorMapping.prototype, "maxOpacity", void 0);
-    __decorate$1([
+    __decorate([
         Property(true)
     ], ColorMapping.prototype, "showLegend", void 0);
     return ColorMapping;
@@ -298,89 +295,89 @@ var ColorMapping = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the legend of the treemap.
  */
 var LegendSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(LegendSettings, _super);
+    __extends(LegendSettings, _super);
     function LegendSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(false)
     ], LegendSettings.prototype, "visible", void 0);
-    __decorate$1([
+    __decorate([
         Property('Default')
     ], LegendSettings.prototype, "mode", void 0);
-    __decorate$1([
+    __decorate([
         Property('transparent')
     ], LegendSettings.prototype, "background", void 0);
-    __decorate$1([
+    __decorate([
         Property('Circle')
     ], LegendSettings.prototype, "shape", void 0);
-    __decorate$1([
+    __decorate([
         Property('')
     ], LegendSettings.prototype, "width", void 0);
-    __decorate$1([
+    __decorate([
         Property('')
     ], LegendSettings.prototype, "height", void 0);
-    __decorate$1([
+    __decorate([
         Complex({ size: null, fontFamily: null, fontWeight: null }, Font)
     ], LegendSettings.prototype, "textStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LegendSettings.prototype, "fill", void 0);
-    __decorate$1([
+    __decorate([
         Property(1)
     ], LegendSettings.prototype, "opacity", void 0);
-    __decorate$1([
+    __decorate([
         Property(15)
     ], LegendSettings.prototype, "shapeWidth", void 0);
-    __decorate$1([
+    __decorate([
         Property(15)
     ], LegendSettings.prototype, "shapeHeight", void 0);
-    __decorate$1([
+    __decorate([
         Property(10)
     ], LegendSettings.prototype, "shapePadding", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LegendSettings.prototype, "imageUrl", void 0);
-    __decorate$1([
-        Complex({ color: '#000000', width: 0 }, Border)
+    __decorate([
+        Complex({ color: null, width: null }, Border)
     ], LegendSettings.prototype, "border", void 0);
-    __decorate$1([
+    __decorate([
         Complex({ color: '#000000', width: 0 }, Border)
     ], LegendSettings.prototype, "shapeBorder", void 0);
-    __decorate$1([
+    __decorate([
         Complex({}, CommonTitleSettings)
     ], LegendSettings.prototype, "title", void 0);
-    __decorate$1([
+    __decorate([
         Complex({ size: null, fontFamily: null, fontWeight: null }, Font)
     ], LegendSettings.prototype, "titleStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property('Bottom')
     ], LegendSettings.prototype, "position", void 0);
-    __decorate$1([
+    __decorate([
         Property('None')
     ], LegendSettings.prototype, "orientation", void 0);
-    __decorate$1([
+    __decorate([
         Property(false)
     ], LegendSettings.prototype, "invertedPointer", void 0);
-    __decorate$1([
+    __decorate([
         Property('After')
     ], LegendSettings.prototype, "labelPosition", void 0);
-    __decorate$1([
+    __decorate([
         Property('None')
     ], LegendSettings.prototype, "labelDisplayMode", void 0);
-    __decorate$1([
+    __decorate([
         Property('Center')
     ], LegendSettings.prototype, "alignment", void 0);
-    __decorate$1([
+    __decorate([
         Property({ x: 0, y: 0 })
     ], LegendSettings.prototype, "location", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LegendSettings.prototype, "showLegendPath", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LegendSettings.prototype, "valuePath", void 0);
-    __decorate$1([
+    __decorate([
         Property(false)
     ], LegendSettings.prototype, "removeDuplicateLegend", void 0);
     return LegendSettings;
@@ -389,14 +386,14 @@ var LegendSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the settings for drill down to visualize the treemap rendered in the initial state.
  */
 var InitialDrillSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(InitialDrillSettings, _super);
+    __extends(InitialDrillSettings, _super);
     function InitialDrillSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(null)
     ], InitialDrillSettings.prototype, "groupIndex", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], InitialDrillSettings.prototype, "groupName", void 0);
     return InitialDrillSettings;
@@ -405,53 +402,53 @@ var InitialDrillSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the leaf item of the treemap.
  */
 var LeafItemSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(LeafItemSettings, _super);
+    __extends(LeafItemSettings, _super);
     function LeafItemSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LeafItemSettings.prototype, "fill", void 0);
-    __decorate$1([
+    __decorate([
         Property(false)
     ], LeafItemSettings.prototype, "autoFill", void 0);
-    __decorate$1([
+    __decorate([
         Complex({}, Border)
     ], LeafItemSettings.prototype, "border", void 0);
-    __decorate$1([
+    __decorate([
         Property(0)
     ], LeafItemSettings.prototype, "gap", void 0);
-    __decorate$1([
+    __decorate([
         Property(10)
     ], LeafItemSettings.prototype, "padding", void 0);
-    __decorate$1([
+    __decorate([
         Property(1)
     ], LeafItemSettings.prototype, "opacity", void 0);
-    __decorate$1([
+    __decorate([
         Property(true)
     ], LeafItemSettings.prototype, "showLabels", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LeafItemSettings.prototype, "labelPath", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LeafItemSettings.prototype, "labelFormat", void 0);
-    __decorate$1([
+    __decorate([
         Property('TopLeft')
     ], LeafItemSettings.prototype, "labelPosition", void 0);
-    __decorate$1([
-        Complex({ color: null, size: '12px' }, Font)
+    __decorate([
+        Complex({ color: null, size: null }, Font)
     ], LeafItemSettings.prototype, "labelStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LeafItemSettings.prototype, "labelTemplate", void 0);
-    __decorate$1([
+    __decorate([
         Property('Center')
     ], LeafItemSettings.prototype, "templatePosition", void 0);
-    __decorate$1([
+    __decorate([
         Property('Trim')
     ], LeafItemSettings.prototype, "interSectAction", void 0);
-    __decorate$1([
+    __decorate([
         Collection([], ColorMapping)
     ], LeafItemSettings.prototype, "colorMapping", void 0);
     return LeafItemSettings;
@@ -460,32 +457,32 @@ var LeafItemSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the tooltip of the treemap.
  */
 var TooltipSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(TooltipSettings, _super);
+    __extends(TooltipSettings, _super);
     function TooltipSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(false)
     ], TooltipSettings.prototype, "visible", void 0);
-    __decorate$1([
+    __decorate([
         Property('')
     ], TooltipSettings.prototype, "template", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], TooltipSettings.prototype, "format", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], TooltipSettings.prototype, "fill", void 0);
-    __decorate$1([
+    __decorate([
         Property(0.75)
     ], TooltipSettings.prototype, "opacity", void 0);
-    __decorate$1([
+    __decorate([
         Property(['Circle'])
     ], TooltipSettings.prototype, "markerShapes", void 0);
-    __decorate$1([
-        Complex({}, Border)
+    __decorate([
+        Complex({ width: null, color: null }, Border)
     ], TooltipSettings.prototype, "border", void 0);
-    __decorate$1([
+    __decorate([
         Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
     ], TooltipSettings.prototype, "textStyle", void 0);
     return TooltipSettings;
@@ -494,23 +491,23 @@ var TooltipSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the selection of the leaf items in treemap.
  */
 var SelectionSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(SelectionSettings, _super);
+    __extends(SelectionSettings, _super);
     function SelectionSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(false)
     ], SelectionSettings.prototype, "enable", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], SelectionSettings.prototype, "fill", void 0);
-    __decorate$1([
+    __decorate([
         Property('0.5')
     ], SelectionSettings.prototype, "opacity", void 0);
-    __decorate$1([
+    __decorate([
         Complex({}, Border)
     ], SelectionSettings.prototype, "border", void 0);
-    __decorate$1([
+    __decorate([
         Property('Item')
     ], SelectionSettings.prototype, "mode", void 0);
     return SelectionSettings;
@@ -520,23 +517,23 @@ var SelectionSettings = /** @__PURE__ @class */ (function (_super) {
  * when the mouse hover is performed in it.
  */
 var HighlightSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(HighlightSettings, _super);
+    __extends(HighlightSettings, _super);
     function HighlightSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(false)
     ], HighlightSettings.prototype, "enable", void 0);
-    __decorate$1([
+    __decorate([
         Property('#808080')
     ], HighlightSettings.prototype, "fill", void 0);
-    __decorate$1([
+    __decorate([
         Property('0.5')
     ], HighlightSettings.prototype, "opacity", void 0);
-    __decorate$1([
+    __decorate([
         Complex({}, Border)
     ], HighlightSettings.prototype, "border", void 0);
-    __decorate$1([
+    __decorate([
         Property('Item')
     ], HighlightSettings.prototype, "mode", void 0);
     return HighlightSettings;
@@ -545,53 +542,53 @@ var HighlightSettings = /** @__PURE__ @class */ (function (_super) {
  * Sets and gets the options for customizing the level leaf items of the treemap.
  */
 var LevelSettings = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(LevelSettings, _super);
+    __extends(LevelSettings, _super);
     function LevelSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LevelSettings.prototype, "groupPath", void 0);
-    __decorate$1([
+    __decorate([
         Property(0)
     ], LevelSettings.prototype, "groupGap", void 0);
-    __decorate$1([
+    __decorate([
         Property(10)
     ], LevelSettings.prototype, "groupPadding", void 0);
-    __decorate$1([
+    __decorate([
         Complex({}, Border)
     ], LevelSettings.prototype, "border", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LevelSettings.prototype, "fill", void 0);
-    __decorate$1([
+    __decorate([
         Property(false)
     ], LevelSettings.prototype, "autoFill", void 0);
-    __decorate$1([
+    __decorate([
         Property(1)
     ], LevelSettings.prototype, "opacity", void 0);
-    __decorate$1([
+    __decorate([
         Property(true)
     ], LevelSettings.prototype, "showHeader", void 0);
-    __decorate$1([
+    __decorate([
         Property(20)
     ], LevelSettings.prototype, "headerHeight", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LevelSettings.prototype, "headerTemplate", void 0);
-    __decorate$1([
+    __decorate([
         Property(null)
     ], LevelSettings.prototype, "headerFormat", void 0);
-    __decorate$1([
+    __decorate([
         Property('Near')
     ], LevelSettings.prototype, "headerAlignment", void 0);
-    __decorate$1([
+    __decorate([
         Complex({ color: null, size: '13px' }, Font)
     ], LevelSettings.prototype, "headerStyle", void 0);
-    __decorate$1([
+    __decorate([
         Property('TopLeft')
     ], LevelSettings.prototype, "templatePosition", void 0);
-    __decorate$1([
+    __decorate([
         Collection([], ColorMapping)
     ], LevelSettings.prototype, "colorMapping", void 0);
     return LevelSettings;
@@ -1835,7 +1832,6 @@ function setColor(element, fill, opacity, borderColor, borderWidth) {
  */
 function removeSelectionWithHighlight(collection, element, treemap) {
     removeShape(collection);
-    element = [];
     removeClassNames(document.getElementsByClassName('treeMapHighLight'), 'treeMapHighLight', treemap);
 }
 /**
@@ -1983,7 +1979,7 @@ var LayoutPanel = /** @__PURE__ @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 = [];
@@ -2288,7 +2284,7 @@ var LayoutPanel = /** @__PURE__ @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 = {};
@@ -2428,6 +2424,7 @@ var LayoutPanel = /** @__PURE__ @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;
@@ -2563,14 +2560,16 @@ var LayoutPanel = /** @__PURE__ @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';
                 }
             }
@@ -2707,7 +2706,10 @@ 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':
@@ -2725,7 +2727,10 @@ 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':
@@ -2746,7 +2751,10 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '14px',
-                labelFontFamily: 'HelveticaNeue'
+                labelFontFamily: 'HelveticaNeue',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'tailwind':
@@ -2767,7 +2775,10 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Inter'
+                labelFontFamily: 'Inter',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'tailwinddark':
@@ -2788,7 +2799,10 @@ function getThemeStyle(theme) {
                 fontSize: '14px',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Inter'
+                labelFontFamily: 'Inter',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'bootstrap5':
@@ -2809,7 +2823,10 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Helvetica Neue'
+                labelFontFamily: 'Helvetica Neue',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'bootstrap5dark':
@@ -2830,7 +2847,10 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Helvetica Neue'
+                labelFontFamily: 'Helvetica Neue',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'fluent':
@@ -2851,7 +2871,10 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Segoe UI'
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'fluentdark':
@@ -2872,7 +2895,10 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '12px',
                 legendFontSize: '12px',
-                labelFontFamily: 'Segoe UI'
+                labelFontFamily: 'Segoe UI',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'material3':
@@ -2893,7 +2919,10 @@ function getThemeStyle(theme) {
                 fontWeight: '400',
                 subtitleFontSize: '14px',
                 legendFontSize: '14px',
-                labelFontFamily: 'Roboto'
+                labelFontFamily: 'Roboto',
+                labelFontSize: '12px',
+                legendBorderColor: '#000000',
+                legendBorderWidth: 0
             };
             break;
         case 'material3dark':
@@ -2914,7 +2943,84 @@ 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:
@@ -2932,7 +3038,10 @@ 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;
     }
@@ -3005,10 +3114,13 @@ var Print = /** @__PURE__ @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)');
                     }
                 }
@@ -3075,10 +3187,13 @@ var ImageExport = /** @__PURE__ @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)');
                 }
             }
@@ -3174,10 +3289,13 @@ var PdfExport = /** @__PURE__ @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)');
                 }
             }
@@ -3222,7 +3340,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
 /**
  * Tree Map Components
  */
-var __extends = (undefined && undefined.__extends) || (function () {
+var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -3235,7 +3353,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3252,7 +3370,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
  * ```
  */
 var TreeMap = /** @__PURE__ @class */ (function (_super) {
-    __extends(TreeMap, _super);
+    __extends$1(TreeMap, _super);
     /**
      * Constructor for TreeMap.
      *
@@ -3610,19 +3728,21 @@ var TreeMap = /** @__PURE__ @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;
             }
         }
     };
@@ -3998,7 +4118,7 @@ var TreeMap = /** @__PURE__ @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;
@@ -4024,7 +4144,7 @@ var TreeMap = /** @__PURE__ @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
@@ -4066,7 +4186,7 @@ var TreeMap = /** @__PURE__ @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;
@@ -4105,7 +4225,6 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         var index;
         var newDrillItem = {};
         var item;
-        var process = true;
         var layoutID = this.element.id + '_TreeMap_' + this.layoutType + '_Layout';
         var drillLevel;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -4220,7 +4339,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                 });
                 endEvent = { cancel: false, name: drillEnd, treemap: this, renderItems: this.layout.renderItems };
                 this.trigger(drillEnd, endEvent);
-                if (process) {
+                {
                     if (!directLevel && isNullOrUndefined(drillLevel)) {
                         this.drilledItems.push({ name: item['levelOrderName'], data: item });
                     }
@@ -4426,163 +4545,163 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
     TreeMap.prototype.getPersistData = function () {
         return '';
     };
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "allowPrint", void 0);
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "allowImageExport", void 0);
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "allowPdfExport", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "width", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "height", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, Border)
     ], TreeMap.prototype, "border", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, Margin)
     ], TreeMap.prototype, "margin", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "background", void 0);
-    __decorate([
+    __decorate$1([
         Property('Material')
     ], TreeMap.prototype, "theme", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, TitleSettings)
     ], TreeMap.prototype, "titleSettings", void 0);
-    __decorate([
+    __decorate$1([
         Property('Squarified')
     ], TreeMap.prototype, "layoutType", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "dataSource", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "query", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "weightValuePath", void 0);
-    __decorate([
+    __decorate$1([
         Property('')
     ], TreeMap.prototype, "rangeColorValuePath", void 0);
-    __decorate([
+    __decorate$1([
         Property('')
     ], TreeMap.prototype, "equalColorValuePath", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "colorValuePath", void 0);
-    __decorate([
+    __decorate$1([
         Property([])
     ], TreeMap.prototype, "palette", void 0);
-    __decorate([
+    __decorate$1([
         Property('TopLeftBottomRight')
     ], TreeMap.prototype, "renderDirection", void 0);
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "enableDrillDown", void 0);
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "enableBreadcrumb", void 0);
-    __decorate([
+    __decorate$1([
         Property(' - ')
     ], TreeMap.prototype, "breadcrumbConnector", void 0);
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "drillDownView", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, InitialDrillSettings)
     ], TreeMap.prototype, "initialDrillDown", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, LeafItemSettings)
     ], TreeMap.prototype, "leafItemSettings", void 0);
-    __decorate([
+    __decorate$1([
         Collection([], LevelSettings)
     ], TreeMap.prototype, "levels", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, HighlightSettings)
     ], TreeMap.prototype, "highlightSettings", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, SelectionSettings)
     ], TreeMap.prototype, "selectionSettings", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, TooltipSettings)
     ], TreeMap.prototype, "tooltipSettings", void 0);
-    __decorate([
+    __decorate$1([
         Complex({}, LegendSettings)
     ], TreeMap.prototype, "legendSettings", void 0);
-    __decorate([
+    __decorate$1([
         Property(false)
     ], TreeMap.prototype, "useGroupingSeparator", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "description", void 0);
-    __decorate([
+    __decorate$1([
         Property(0)
     ], TreeMap.prototype, "tabIndex", void 0);
-    __decorate([
+    __decorate$1([
         Property(null)
     ], TreeMap.prototype, "format", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "load", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "beforePrint", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "loaded", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "itemRendering", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "drillStart", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "drillEnd", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "itemSelected", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "itemHighlight", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "tooltipRendering", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "itemClick", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "itemMove", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "click", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "doubleClick", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "rightClick", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "mouseMove", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "resize", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "legendItemRendering", void 0);
-    __decorate([
+    __decorate$1([
         Event()
     ], TreeMap.prototype, "legendRendering", void 0);
-    TreeMap = __decorate([
+    TreeMap = __decorate$1([
         NotifyPropertyChanges
     ], TreeMap);
     return TreeMap;
@@ -4654,7 +4773,7 @@ var TreeMapLegend = /** @__PURE__ @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]);
         }
@@ -5005,38 +5124,38 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
             isLeafItem = (this.treemap.levels.length === 0 || groupIndex === this.treemap.levels.length);
             colorMapping = isLeafItem ? leaf.colorMapping : levels[groupIndex].colorMapping;
             for (var j = 0; j < colorMapping.length; j++) {
-                var colorMap$$1 = colorMapping[j];
+                var colorMap = colorMapping[j];
                 gradientElement = null;
                 rangeValue = Number(currentData[this.treemap.rangeColorValuePath]);
                 equalValue = currentData[this.treemap.equalColorValuePath];
-                colorMap$$1.value = !isNullOrUndefined(colorMap$$1.value) ? colorMap$$1.value.toString() : colorMap$$1.value;
-                if (!isNullOrUndefined(colorMap$$1.from) && !isNullOrUndefined(colorMap$$1.to) &&
-                    rangeValue >= colorMap$$1.from && rangeValue <= colorMap$$1.to && colorMap$$1.showLegend) {
+                colorMap.value = !isNullOrUndefined(colorMap.value) ? colorMap.value.toString() : colorMap.value;
+                if (!isNullOrUndefined(colorMap.from) && !isNullOrUndefined(colorMap.to) &&
+                    rangeValue >= colorMap.from && rangeValue <= colorMap.to && colorMap.showLegend) {
                     colorMapProcess = true;
                     isRange = true;
-                    actualValue = colorMap$$1.from + ' - ' + colorMap$$1.to;
-                    legendText = !isNullOrUndefined(colorMap$$1.label) ? colorMap$$1.label : colorMap$$1.from + ' - ' + colorMap$$1.to;
-                    fill = isNullOrUndefined(colorMap$$1.color) ? fill : colorMap$$1.color;
+                    actualValue = colorMap.from + ' - ' + colorMap.to;
+                    legendText = !isNullOrUndefined(colorMap.label) ? colorMap.label : colorMap.from + ' - ' + colorMap.to;
+                    fill = isNullOrUndefined(colorMap.color) ? fill : colorMap.color;
                     isAddData = this.isAddNewLegendData(actualValue);
                 }
-                else if (!isNullOrUndefined(colorMap$$1.value) && equalValue === colorMap$$1.value && colorMap$$1.showLegend) {
+                else if (!isNullOrUndefined(colorMap.value) && equalValue === colorMap.value && colorMap.showLegend) {
                     colorMapProcess = true;
                     isEqualColor = true;
-                    actualValue = colorMap$$1.value.toString();
-                    legendText = !isNullOrUndefined(colorMap$$1.label) ? colorMap$$1.label : colorMap$$1.value.toString();
-                    fill = isNullOrUndefined(colorMap$$1.color) ? fill :
-                        Object.prototype.toString.call(colorMap$$1.color) === '[object Array]' ? colorMap$$1.color[0] : colorMap$$1.color;
+                    actualValue = colorMap.value.toString();
+                    legendText = !isNullOrUndefined(colorMap.label) ? colorMap.label : colorMap.value.toString();
+                    fill = isNullOrUndefined(colorMap.color) ? fill :
+                        Object.prototype.toString.call(colorMap.color) === '[object Array]' ? colorMap.color[0] : colorMap.color;
                     isAddData = this.isAddNewLegendData(actualValue);
                 }
-                if (colorMapProcess && isNullOrUndefined(colorMap$$1.value) && colorMap$$1.maxOpacity && colorMap$$1.minOpacity
+                if (colorMapProcess && isNullOrUndefined(colorMap.value) && colorMap.maxOpacity && colorMap.minOpacity
                     && this.treemap.legendSettings.mode === 'Interactive') {
                     var colors = [];
                     isDesaturation = true;
-                    if (Object.prototype.toString.call(colorMap$$1.color) === '[object Array]') {
-                        for (var q = 0; q < colorMap$$1.color.length; q++) {
-                            var offsetColor = 100 / (colorMap$$1.color.length - 1);
+                    if (Object.prototype.toString.call(colorMap.color) === '[object Array]') {
+                        for (var q = 0; q < colorMap.color.length; q++) {
+                            var offsetColor = 100 / (colorMap.color.length - 1);
                             var offsetValue = q * offsetColor + '%';
-                            var stop1Color = { colorStop: offsetValue.toString(), color: colorMap$$1.color[q] };
+                            var stop1Color = { colorStop: offsetValue.toString(), color: colorMap.color[q] };
                             colors.push(stop1Color);
                         }
                     }
@@ -5052,9 +5171,9 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                         id: 'groupIndex_' + groupIndex + '_colorIndex_' + this.gradientCount, x1: '0%', y1: '0%', x2: x2, y2: y2
                     };
                     gradientElement = this.treemap.renderer.drawGradient('linearGradient', gradient, colors).childNodes[0];
-                    if (Object.prototype.toString.call(colorMap$$1.color) !== '[object Array]') {
-                        gradientElement.childNodes[0].setAttribute('stop-opacity', colorMap$$1.minOpacity.toString());
-                        gradientElement.childNodes[1].setAttribute('stop-opacity', colorMap$$1.maxOpacity.toString());
+                    if (Object.prototype.toString.call(colorMap.color) !== '[object Array]') {
+                        gradientElement.childNodes[0].setAttribute('stop-opacity', colorMap.minOpacity.toString());
+                        gradientElement.childNodes[1].setAttribute('stop-opacity', colorMap.maxOpacity.toString());
                     }
                     this.defsElement.appendChild(gradientElement);
                     this.gradientCount++;
@@ -5063,12 +5182,12 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                     this.removeDuplicates(this.legendCollections, legendText) : false;
                 if (isAddData && isAddData['process'] && colorMapProcess && !isDuplicate) {
                     colorMapProcess = false;
-                    fill = ((Object.prototype.toString.call(colorMap$$1.color) === '[object Array]')) && isNullOrUndefined(gradientElement)
-                        && isNullOrUndefined(colorMap$$1.value) ? this.legendGradientColor(colorMap$$1, legendIndex) : fill;
+                    fill = ((Object.prototype.toString.call(colorMap.color) === '[object Array]')) && isNullOrUndefined(gradientElement)
+                        && isNullOrUndefined(colorMap.value) ? this.legendGradientColor(colorMap, legendIndex) : fill;
                     this.legendCollections.push({
                         actualValue: actualValue, levelIndex: !isLeafItem ? j : -1, leafIndex: isLeafItem ? j : -1,
                         legendName: legendText, legendFill: fill, legendData: [], groupIndex: !isLeafItem ? groupIndex : -1,
-                        gradientElement: !isNullOrUndefined(gradientElement) ? gradientElement : isNullOrUndefined(colorMap$$1.value)
+                        gradientElement: !isNullOrUndefined(gradientElement) ? gradientElement : isNullOrUndefined(colorMap.value)
                             ? this.legendLinearGradient : null, name: data[i]['name'],
                         opacity: this.treemap.legendSettings.opacity, borderColor: this.treemap.legendSettings.border.color,
                         borderWidth: this.treemap.legendSettings.border.width
@@ -5083,13 +5202,13 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                     this.legendCollections[isAddData['value']]['legendData'].push(data[i]);
                 }
                 if (!isRange && !isDesaturation && !isEqualColor) {
-                    if (isNullOrUndefined(colorMap$$1.from) && isNullOrUndefined(colorMap$$1.to)
-                        && isNullOrUndefined(colorMap$$1.minOpacity) &&
-                        isNullOrUndefined(colorMap$$1.maxOpacity) && isNullOrUndefined(colorMap$$1.value) &&
-                        !isNullOrUndefined(colorMap$$1.color)) {
-                        outfill = ((Object.prototype.toString.call(colorMap$$1.color) === '[object Array]'))
-                            ? colorMap$$1.color[0] : colorMap$$1.color;
-                        labelLegend = !isNullOrUndefined(colorMap$$1.label) ? colorMap$$1.label : 'Others';
+                    if (isNullOrUndefined(colorMap.from) && isNullOrUndefined(colorMap.to)
+                        && isNullOrUndefined(colorMap.minOpacity) &&
+                        isNullOrUndefined(colorMap.maxOpacity) && isNullOrUndefined(colorMap.value) &&
+                        !isNullOrUndefined(colorMap.color)) {
+                        outfill = ((Object.prototype.toString.call(colorMap.color) === '[object Array]'))
+                            ? colorMap.color[0] : colorMap.color;
+                        labelLegend = !isNullOrUndefined(colorMap.label) ? colorMap.label : 'Others';
                         if (isNullOrUndefined(this.outOfRangeLegend)) {
                             this.legendCollections.push({
                                 actualValue: labelLegend, legendData: [],
@@ -5331,7 +5450,11 @@ var TreeMapLegend = /** @__PURE__ @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);
@@ -5618,10 +5741,10 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
      * @returns {string} - Returns the legend color.
      * @private
      */
-    TreeMapLegend.prototype.legendGradientColor = function (colorMap$$1, legendIndex) {
+    TreeMapLegend.prototype.legendGradientColor = function (colorMap, legendIndex) {
         var legendFillColor;
         var xmlns = 'http://www.w3.org/2000/svg';
-        if (!isNullOrUndefined(colorMap$$1.color) && Object.prototype.toString.call(colorMap$$1.color) === '[object Array]') {
+        if (!isNullOrUndefined(colorMap.color) && Object.prototype.toString.call(colorMap.color) === '[object Array]') {
             var defElement = this.treemap.renderer.createDefs();
             var linerGradientEle = document.createElementNS(xmlns, 'linearGradient');
             var opacity = 1;
@@ -5633,11 +5756,11 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
             linerGradientEle.setAttribute('y1', 0 + '%');
             linerGradientEle.setAttribute('x2', x2 + '%');
             linerGradientEle.setAttribute('y2', y2 + '%');
-            for (var b = 0; b < colorMap$$1.color.length; b++) {
-                var offsetColor = 100 / (colorMap$$1.color.length - 1);
+            for (var b = 0; b < colorMap.color.length; b++) {
+                var offsetColor = 100 / (colorMap.color.length - 1);
                 var stopEle = document.createElementNS(xmlns, 'stop');
                 stopEle.setAttribute('offset', b * offsetColor + '%');
-                stopEle.setAttribute('stop-color', colorMap$$1.color[b]);
+                stopEle.setAttribute('stop-color', colorMap.color[b]);
                 stopEle.setAttribute('stop-opacity', opacity.toString());
                 linerGradientEle.appendChild(stopEle);
             }
@@ -5798,13 +5921,13 @@ var TreeMapHighlight = /** @__PURE__ @class */ (function () {
         }
         else {
             if (selectionModule ? this.shapeElement ? this.shapeElement.getAttribute('id') !== selectionModule.legendSelectId : true : true) {
-                if (selectionModule ? this.shapeElement !== selectionModule.shapeElement : true && this.treemap.legendSettings.visible) {
+                if (selectionModule ? this.shapeElement !== selectionModule.shapeElement :  this.treemap.legendSettings.visible) {
                     removeClassNames(document.getElementsByClassName('treeMapHighLight'), 'treeMapHighLight', treemap);
                 }
             }
             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 ?
+                    if (selectionModule ? this.shapeElement !== selectionModule.shapeElement :  selectionModule ?
                         selectionModule.legendSelect : true) {
                         removeShape(this.shapeHighlightCollection);
                         this.shapeHighlightCollection = [];
@@ -6252,10 +6375,14 @@ var TreeMapTooltip = /** @__PURE__ @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,
@@ -6289,6 +6416,7 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
         }
         if (!cancel) {
             this.svgTooltip = new Tooltip({
+                theme: this.treemap.theme,
                 enable: true,
                 header: '',
                 data: args['data'],
@@ -6301,6 +6429,7 @@ var TreeMapTooltip = /** @__PURE__ @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
@@ -6381,13 +6510,5 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
     return TreeMapTooltip;
 }());
 
-/**
- * export all modules from treemap component
- */
-
-/**
- * exporting all modules from tree map index
- */
-
-export { TreeMap, LevelsData, Border, Margin, Font, CommonTitleSettings, SubTitleSettings, TitleSettings, ColorMapping, LegendSettings, InitialDrillSettings, LeafItemSettings, TooltipSettings, SelectionSettings, HighlightSettings, LevelSettings, load, loaded, beforePrint, itemRendering, drillStart, drillEnd, itemSelected, itemHighlight, tooltipRendering, itemClick, itemMove, click, doubleClick, rightClick, mouseMove, legendItemRendering, legendRendering, resize, defaultFont, Theme, getThemeStyle, Size, stringToNumber, Rect, RectOption, PathOption, measureText, TextOption, textTrim, Location, findPosition, createTextStyle, renderTextElement, setItemTemplateContent, getElement, itemsToOrder, isContainsData, findChildren, findHightLightItems, getTemplateFunction, convertElement, findLabelLocation, measureElement, getArea, getShortestEdge, convertToContainer, convertToRect, getMousePosition, colorMap, deSaturationColor, colorCollections, rgbToHex, getColorByValue, getGradientColor, getPercentageColor, getPercentage, wordWrap, textWrap, hide, orderByArea, maintainSelection, legendMaintain, removeClassNames, applyOptions, textFormatter, formatValue, ColorValue, convertToHexCode, componentToHex, convertHexToColor, colorNameToHex, drawSymbol, renderLegendShape, isParentItem, TreeMapAjax, removeShape, removeLegend, setColor, removeSelectionWithHighlight, getLegendIndex, pushCollection, triggerDownload, removeElement, TreeMapLegend, LayoutPanel, TreeMapHighlight, TreeMapSelection, TreeMapTooltip, ImageExport, PdfExport, Print };
+export { Border, ColorMapping, ColorValue, CommonTitleSettings, Font, HighlightSettings, ImageExport, InitialDrillSettings, LayoutPanel, LeafItemSettings, LegendSettings, LevelSettings, LevelsData, Location, Margin, PathOption, PdfExport, Print, Rect, RectOption, SelectionSettings, Size, SubTitleSettings, TextOption, Theme, TitleSettings, TooltipSettings, TreeMap, TreeMapAjax, TreeMapHighlight, TreeMapLegend, TreeMapSelection, TreeMapTooltip, applyOptions, beforePrint, click, colorCollections, colorMap, colorNameToHex, componentToHex, convertElement, convertHexToColor, convertToContainer, convertToHexCode, convertToRect, createTextStyle, deSaturationColor, defaultFont, doubleClick, drawSymbol, drillEnd, drillStart, findChildren, findHightLightItems, findLabelLocation, findPosition, formatValue, getArea, getColorByValue, getElement, getGradientColor, getLegendIndex, getMousePosition, getPercentage, getPercentageColor, getShortestEdge, getTemplateFunction, getThemeStyle, hide, isContainsData, isParentItem, itemClick, itemHighlight, itemMove, itemRendering, itemSelected, itemsToOrder, legendItemRendering, legendMaintain, legendRendering, load, loaded, maintainSelection, measureElement, measureText, mouseMove, orderByArea, pushCollection, removeClassNames, removeElement, removeLegend, removeSelectionWithHighlight, removeShape, renderLegendShape, renderTextElement, resize, rgbToHex, rightClick, setColor, setItemTemplateContent, stringToNumber, textFormatter, textTrim, textWrap, tooltipRendering, triggerDownload, wordWrap };
 //# sourceMappingURL=ej2-treemap.es5.js.map