@syncfusion/ej2-treemap 27.1.53 → 27.2.2

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.53
+*  version : 27.2.2
 *  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@27.1.48",
+  "_id": "@syncfusion/ej2-treemap@27.1.53",
   "_inBundle": false,
-  "_integrity": "sha512-pb2oAzpHiG+szVNwZ5C2r53Ph1C2BUcTGtUnFGl0A/NEBR50yTkMQQrsXuUN6K1tjRBRcxeMiKdWqvIYR2pgCw==",
+  "_integrity": "sha512-+hzaGEi6Xd/IV3niTwsIGdPmZFsXIi8dGAtvOnxl6v5LelfRSEOt+2lPfCEo8kt9RsWnB6vJmu58r0gLfVp4zQ==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-27.1.48.tgz",
-  "_shasum": "51c081f10b22153d71c099385e7da15f57271013",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-27.1.53.tgz",
+  "_shasum": "99fd9c5350c65495873ddfa91d38fe5dda59b7ba",
   "_spec": "@syncfusion/ej2-treemap@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.53",
-    "@syncfusion/ej2-compression": "~27.1.50",
-    "@syncfusion/ej2-data": "~27.1.52",
-    "@syncfusion/ej2-file-utils": "~27.1.50",
-    "@syncfusion/ej2-pdf-export": "~27.1.51",
-    "@syncfusion/ej2-svg-base": "~27.1.50"
+    "@syncfusion/ej2-base": "~27.2.2",
+    "@syncfusion/ej2-compression": "~27.2.2",
+    "@syncfusion/ej2-data": "~27.2.2",
+    "@syncfusion/ej2-file-utils": "~27.2.2",
+    "@syncfusion/ej2-pdf-export": "~27.2.2",
+    "@syncfusion/ej2-svg-base": "~27.2.2"
   },
   "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": "27.1.53",
+  "version": "27.2.2",
   "sideEffects": false
 }

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

@@ -515,10 +515,18 @@ var LayoutPanel = /** @class */ (function () {
             renderText = !isLeafItem && childItems && childItems.length > 0 && this_1.treemap.enableDrillDown ?
                 !item['isDrilled'] ? treeMap.enableRtl ? renderText + ' [+]' : '[+] ' + renderText :
                     treeMap.enableRtl ? renderText + ' [-]' : '[-] ' + renderText : renderText;
-            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;
+            var fontFamily = (isLeafItem ? leaf.labelStyle.fontFamily : levels[index].headerStyle.fontFamily);
+            fontFamily = fontFamily || this_1.treemap.themeStyle.labelFontFamily;
+            var size = (isLeafItem ? leaf.labelStyle.size : levels[index].headerStyle.size);
+            size = size || this_1.treemap.themeStyle.labelFontSize;
+            var fontWeight = (isLeafItem ? leaf.labelStyle.fontWeight : levels[index].headerStyle.fontWeight);
+            fontWeight = fontWeight || this_1.treemap.themeStyle.fontWeight;
+            var color = (isLeafItem ? leaf.labelStyle.color : levels[index].headerStyle.color);
+            var fontStyle = (isLeafItem ? leaf.labelStyle.fontStyle : levels[index].headerStyle.fontStyle);
+            var textStyleOpacity = (isLeafItem ? leaf.labelStyle.opacity : levels[index].headerStyle.opacity);
+            textStyle = {
+                fontFamily: fontFamily, size: size, fontWeight: fontWeight, color: color, fontStyle: fontStyle, opacity: textStyleOpacity
+            };
             border = isLeafItem ? leaf.border : levels[index].border;
             position = !isLeafItem ? (levels[index].headerAlignment) === 'Near' ? 'TopLeft' : (levels[index].headerAlignment) === 'Center' ?
                 'TopCenter' : 'TopRight' : leaf.labelPosition;
@@ -527,7 +535,7 @@ var LayoutPanel = /** @class */ (function () {
             item['options'] = { border: border, opacity: opacity, fill: fill };
             eventArgs = {
                 cancel: false, name: itemRendering, treemap: this_1.treemap, text: renderText,
-                currentItem: item, RenderItems: this_1.renderItems, options: item['options']
+                currentItem: item, RenderItems: this_1.renderItems, options: item['options'], textColor: textStyle.color
             };
             this_1.treemap.trigger(itemRendering, eventArgs, function (observedArgs) {
                 if (!observedArgs.cancel) {
@@ -540,6 +548,7 @@ var LayoutPanel = /** @class */ (function () {
                         if (eventArgs.text !== renderText) {
                             eventArgs.text = textFormatter(eventArgs.text, item['data'], _this.treemap) || levelName;
                         }
+                        textStyle.color = eventArgs.textColor ? eventArgs.textColor : textStyle.color;
                         _this.renderItemText(eventArgs.text.toString(), itemGroup, textStyle, rect, interSectAction, groupId, fill, position, connectorText);
                     }
                     if (template) {

package/src/treemap/model/base.js

@@ -328,7 +328,7 @@ var LeafItemSettings = /** @class */ (function (_super) {
         Property('TopLeft')
     ], LeafItemSettings.prototype, "labelPosition", void 0);
     __decorate([
-        Complex({ color: null, size: null }, Font)
+        Complex({ color: null, size: null, fontFamily: null }, Font)
     ], LeafItemSettings.prototype, "labelStyle", void 0);
     __decorate([
         Property(null)
@@ -478,7 +478,7 @@ var LevelSettings = /** @class */ (function (_super) {
         Property('Near')
     ], LevelSettings.prototype, "headerAlignment", void 0);
     __decorate([
-        Complex({ color: null, size: '13px' }, Font)
+        Complex({ color: null, size: '13px', fontFamily: null }, Font)
     ], LevelSettings.prototype, "headerStyle", void 0);
     __decorate([
         Property('TopLeft')

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

@@ -73,6 +73,10 @@ export interface IItemRenderingEventArgs extends ITreeMapEventArgs {
      * Defines the label of the treemap item.
      */
     text: string;
+    /**
+     * Defines the text color of the TreeMap item.
+     */
+    textColor: string;
 }
 /**
  * Specifies the event arguments for the drill down start event of treemap.

package/src/treemap/model/theme.js

@@ -1,6 +1,7 @@
 /**
  * Maps Themes doc
  */
+import { defaultFont } from './constants';
 // eslint-disable-next-line @typescript-eslint/no-namespace
 export var Theme;
 (function (Theme) {
@@ -56,6 +57,7 @@ export function getThemeStyle(theme) {
                 legendFontSize: '13px',
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
+                labelFontFamily: defaultFont,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -77,6 +79,7 @@ export function getThemeStyle(theme) {
                 legendFontSize: '13px',
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
+                labelFontFamily: defaultFont,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -384,6 +387,7 @@ export function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '13px',
+                labelFontFamily: defaultFont,
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
                 legendBorderColor: '#000000',