@syncfusion/ej2-treemap 27.1.50 → 27.1.55

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

@@ -376,7 +376,7 @@ __decorate([
     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)
@@ -502,7 +502,7 @@ __decorate([
     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')
@@ -2326,10 +2326,18 @@ class LayoutPanel {
             renderText = !isLeafItem && childItems && childItems.length > 0 && this.treemap.enableDrillDown ?
                 !item['isDrilled'] ? treeMap.enableRtl ? renderText + ' [+]' : '[+] ' + renderText :
                     treeMap.enableRtl ? renderText + ' [-]' : '[-] ' + renderText : renderText;
-            textStyle = (isLeafItem ? leaf.labelStyle : levels[index].headerStyle);
-            textStyle.fontFamily = this.treemap.themeStyle.labelFontFamily || textStyle.fontFamily;
-            textStyle.fontWeight = textStyle.fontWeight || this.treemap.themeStyle.fontWeight;
-            textStyle.size = textStyle.size || this.treemap.themeStyle.labelFontSize;
+            let fontFamily = (isLeafItem ? leaf.labelStyle.fontFamily : levels[index].headerStyle.fontFamily);
+            fontFamily = fontFamily || this.treemap.themeStyle.labelFontFamily;
+            let size = (isLeafItem ? leaf.labelStyle.size : levels[index].headerStyle.size);
+            size = size || this.treemap.themeStyle.labelFontSize;
+            let fontWeight = (isLeafItem ? leaf.labelStyle.fontWeight : levels[index].headerStyle.fontWeight);
+            fontWeight = fontWeight || this.treemap.themeStyle.fontWeight;
+            const color = (isLeafItem ? leaf.labelStyle.color : levels[index].headerStyle.color);
+            const fontStyle = (isLeafItem ? leaf.labelStyle.fontStyle : levels[index].headerStyle.fontStyle);
+            const 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;
@@ -2338,7 +2346,7 @@ class LayoutPanel {
             item['options'] = { border: border, opacity: opacity, fill: fill };
             eventArgs = {
                 cancel: false, name: itemRendering, treemap: this.treemap, text: renderText,
-                currentItem: item, RenderItems: this.renderItems, options: item['options']
+                currentItem: item, RenderItems: this.renderItems, options: item['options'], textColor: textStyle.color
             };
             this.treemap.trigger(itemRendering, eventArgs, (observedArgs) => {
                 if (!observedArgs.cancel) {
@@ -2351,6 +2359,7 @@ class LayoutPanel {
                         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) {
@@ -2608,6 +2617,7 @@ function getThemeStyle(theme) {
                 legendFontSize: '13px',
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
+                labelFontFamily: defaultFont,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -2629,6 +2639,7 @@ function getThemeStyle(theme) {
                 legendFontSize: '13px',
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
+                labelFontFamily: defaultFont,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -2936,6 +2947,7 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '13px',
+                labelFontFamily: defaultFont,
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
                 legendBorderColor: '#000000',