@syncfusion/ej2-treemap 27.1.53 → 27.1.55

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

@@ -437,7 +437,7 @@ var LeafItemSettings = /** @__PURE__ @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)
@@ -583,7 +583,7 @@ var LevelSettings = /** @__PURE__ @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')
@@ -2421,10 +2421,18 @@ var LayoutPanel = /** @__PURE__ @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;
@@ -2433,7 +2441,7 @@ var LayoutPanel = /** @__PURE__ @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) {
@@ -2446,6 +2454,7 @@ var LayoutPanel = /** @__PURE__ @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) {
@@ -2708,6 +2717,7 @@ function getThemeStyle(theme) {
                 legendFontSize: '13px',
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
+                labelFontFamily: defaultFont,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -2729,6 +2739,7 @@ function getThemeStyle(theme) {
                 legendFontSize: '13px',
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
+                labelFontFamily: defaultFont,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0
             };
@@ -3036,6 +3047,7 @@ function getThemeStyle(theme) {
                 fontWeight: 'Normal',
                 subtitleFontSize: '14px',
                 legendFontSize: '13px',
+                labelFontFamily: defaultFont,
                 fontFamily: 'Roboto, Noto, Sans-serif',
                 labelFontSize: '12px',
                 legendBorderColor: '#000000',