@syncfusion/ej2-treemap 31.2.12 → 32.1.23

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

@@ -1048,24 +1048,32 @@ function convertElement(element, labelId, data) {
  * @param {Size} labelSize - Specifies the label size.
  * @param {string} type - Specifies the type.
  * @param {TreeMap} treemap - Specifies the treemap instance.
+ * @param {number} textCount - Specifies the number of text.
  * @returns {Location} - Returns the text location.
  */
-function findLabelLocation(rect, position, labelSize, type, treemap) {
+function findLabelLocation(rect, position, labelSize, type, treemap, textCount) {
+    if (textCount === void 0) { textCount = 0; }
     var location = new Location(0, 0);
     var padding = 5;
     var paddings = 2;
     var x = (type === 'Template') ? treemap.areaRect.x : 0;
     var y = (type === 'Template') ? treemap.areaRect.y : 0;
+    var isTopLabel = (treemap.leafItemSettings.labelPosition === 'TopCenter' ||
+        treemap.leafItemSettings.labelPosition === 'TopLeft' ||
+        treemap.leafItemSettings.labelPosition === 'TopRight');
+    var textHeight = (textCount > 1 && !isTopLabel &&
+        (treemap.renderDirection === 'BottomLeftTopRight' ||
+            treemap.renderDirection === 'BottomRightTopLeft')) ? (labelSize.height * textCount) : labelSize.height;
     location.x = (Math.abs(x - ((position.indexOf('Left') > -1) ? rect.x + padding : !(position.indexOf('Right') > -1) ?
         rect.x + ((rect.width / 2) - (labelSize.width / 2)) : (rect.x + rect.width) - labelSize.width))) - paddings;
     if (treemap.enableDrillDown && (treemap.renderDirection === 'BottomLeftTopRight'
         || treemap.renderDirection === 'BottomRightTopLeft')) {
-        location.y = Math.abs((rect.y + rect.height) - labelSize.height + padding);
+        location.y = Math.abs((rect.y + rect.height) - textHeight + padding);
     }
     else {
-        location.y = Math.abs(y - ((position.indexOf('Top') > -1) ? (type === 'Template' ? rect.y : rect.y + labelSize.height) :
-            !(position.indexOf('Bottom') > -1) ? type === 'Template' ? (rect.y + ((rect.height / 2) - (labelSize.height / 2))) :
-                (rect.y + (rect.height / 2) + labelSize.height / 4) : (rect.y + rect.height) - labelSize.height));
+        location.y = Math.abs(y - ((position.indexOf('Top') > -1) ? (type === 'Template' ? rect.y : rect.y + textHeight) :
+            !(position.indexOf('Bottom') > -1) ? type === 'Template' ? (rect.y + ((rect.height / 2) - (textHeight / 2))) :
+                (rect.y + (rect.height / 2) + textHeight / 4) : (rect.y + rect.height) - textHeight));
     }
     return location;
 }
@@ -2572,7 +2580,18 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
         var textName;
         textCollection = ((text.indexOf('<br>')) !== -1) ? text.split('<br>') : null;
         customText = this.labelInterSectAction(rect, text, textStyle, interSectAction);
-        textSize = measureText(textCollection && textCollection[0] || customText[0], textStyle);
+        var largerText = '';
+        var largerTextWidth = 0;
+        if (!isNullOrUndefined(textCollection) && textCollection.length > 0) {
+            for (var i = 0; i < textCollection.length; i++) {
+                var currentTextWidth = measureText(textCollection[i], textStyle).width;
+                if (currentTextWidth > largerTextWidth) {
+                    largerTextWidth = currentTextWidth;
+                    largerText = textCollection[i];
+                }
+            }
+        }
+        textSize = measureText(textCollection && largerText || customText[0], textStyle);
         if (this.treemap.enableRtl) {
             var labelSize = measureText(text, textStyle);
             var drillSymbolCount = text.search('[+]') || text.search('[-]');
@@ -2583,7 +2602,8 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
                 customText['0'] = textTrim(rect.width - drillSymbolSize.width - padding, customText[0], textStyle) + label;
             }
         }
-        var textLocation = findLabelLocation(rect, position, textSize, 'Text', this.treemap);
+        var textCount = (!isNullOrUndefined(textCollection) && textCollection.length > 1) ? textCollection.length : 0;
+        var textLocation = findLabelLocation(rect, position, textSize, 'Text', this.treemap, textCount);
         if (!isNullOrUndefined(textCollection)) {
             var collection = [];
             var texts = null;