@syncfusion/ej2-treemap 31.2.12 → 32.1.23

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.12
+*  version : 32.1.23
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,16 +1,16 @@
 {
   "name": "@syncfusion/ej2-treemap",
-  "version": "31.2.12",
+  "version": "32.1.23",
   "description": "Essential JS 2 TreeMap Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-compression": "~31.2.12",
-    "@syncfusion/ej2-data": "~31.2.12",
-    "@syncfusion/ej2-file-utils": "~31.2.12",
-    "@syncfusion/ej2-pdf-export": "~31.2.12",
-    "@syncfusion/ej2-svg-base": "~31.2.12"
+    "@syncfusion/ej2-base": "~32.1.23",
+    "@syncfusion/ej2-compression": "~32.1.19",
+    "@syncfusion/ej2-data": "~32.1.23",
+    "@syncfusion/ej2-file-utils": "~32.1.19",
+    "@syncfusion/ej2-pdf-export": "~32.1.19",
+    "@syncfusion/ej2-svg-base": "~32.1.19"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -600,7 +600,18 @@ var LayoutPanel = /** @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('[-]');
@@ -611,7 +622,8 @@ var LayoutPanel = /** @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;

package/src/treemap/utils/helper.d.ts

@@ -213,9 +213,10 @@ export declare function convertElement(element: HTMLCollection, labelId: string,
  * @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.
  */
-export declare function findLabelLocation(rect: Rect, position: LabelPosition, labelSize: Size, type: string, treemap: TreeMap): Location;
+export declare function findLabelLocation(rect: Rect, position: LabelPosition, labelSize: Size, type: string, treemap: TreeMap, textCount?: number): Location;
 /**
  *
  * @param {HTMLElement} element - Specifies the element to be measured.

package/src/treemap/utils/helper.js

@@ -460,24 +460,32 @@ export 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.
  */
-export function findLabelLocation(rect, position, labelSize, type, treemap) {
+export 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;
 }