@syncfusion/ej2-treemap 23.2.4 → 24.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.4
+*  version : 24.2.3
 *  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@23.1.36",
+  "_id": "@syncfusion/ej2-treemap@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-u5p8kYXLcdFcck6U1aUjlHQHno0ztygnC2bOQGYi31mqi8jd1EoSGKt1DFU9ZC+QUWs81YO/L2m1yqM+I5nAKA==",
+  "_integrity": "sha512-5Xfl6U2LzgkU42iS4zd0axbamZ8NZRMGbv93CRVxc9frRMsfY/oMoafQzGbUQHanw8yfjlJcwjMo/2EfjAc7gw==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-23.1.36.tgz",
-  "_shasum": "1f0e98d9025839f97b35917eaf9fb492552e1441",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-24.1.41.tgz",
+  "_shasum": "9a11f76035bf287941f69b3f4f0875241beff02e",
   "_spec": "@syncfusion/ej2-treemap@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-compression": "~23.2.4",
-    "@syncfusion/ej2-data": "~23.2.4",
-    "@syncfusion/ej2-file-utils": "~23.2.4",
-    "@syncfusion/ej2-pdf-export": "~23.2.4",
-    "@syncfusion/ej2-svg-base": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-compression": "~24.2.3",
+    "@syncfusion/ej2-data": "~24.2.3",
+    "@syncfusion/ej2-file-utils": "~24.2.3",
+    "@syncfusion/ej2-pdf-export": "~24.2.3",
+    "@syncfusion/ej2-svg-base": "~24.2.3"
   },
   "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": "23.2.4",
+  "version": "24.2.3",
   "sideEffects": false
 }

package/src/treemap/layout/legend.js

@@ -97,9 +97,9 @@ var TreeMapLegend = /** @class */ (function () {
                 * parseFloat(legend.width) : parseFloat(legend.width) : null;
             var legendHeight = (legend.height.length > 1) ? (legend.height.indexOf('%') > -1) ?
                 (treemap.availableSize.height / 100) * parseFloat(legend.height) : parseFloat(legend.height) : null;
-            titleTextStyle.fontFamily = treemap.themeStyle.fontFamily || titleTextStyle.fontFamily;
+            titleTextStyle.fontFamily = titleTextStyle.fontFamily || treemap.themeStyle.fontFamily;
             titleTextStyle.fontWeight = titleTextStyle.fontWeight || treemap.themeStyle.titleFontWeight;
-            titleTextStyle.size = treemap.themeStyle.legendFontSize || titleTextStyle.size;
+            titleTextStyle.size = titleTextStyle.size || treemap.themeStyle.legendFontSize;
             var legendTitleSize = measureText(legendTitle, titleTextStyle);
             var startX_1 = 0;
             var startY_1 = 0;
@@ -642,8 +642,10 @@ var TreeMapLegend = /** @class */ (function () {
             var _loop_1 = function (i) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var collection = this_1.totalPages[page]['Collection'][i];
-                var legendElement = render.createGroup({ id: treemap.element.id + '_Legend_Index_' + i });
                 var legendText = collection['DisplayText'];
+                var legendElement = render.createGroup({ id: treemap.element.id + '_Legend_Index_' + i });
+                legendElement.setAttribute('aria-label', legendText + ' Legend');
+                legendElement.setAttribute('role', 'region');
                 var shapeId = treemap.element.id + '_Legend_Shape_Index_' + i;
                 var textId = treemap.element.id + '_Legend_Text_Index_' + i;
                 var shapeLocation = collection['Shape'];

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

@@ -552,7 +552,7 @@ var LayoutPanel = /** @class */ (function () {
                     itemGroup.setAttribute('aria-label', item['name']);
                     if ((_this.treemap.enableDrillDown && isLeafItem) || (_this.treemap.selectionSettings.enable || _this.treemap.highlightSettings.enable)) {
                         itemGroup.setAttribute('role', 'button');
-                        itemGroup.setAttribute('tabindex', (_this.treemap.tabIndex + i + 2).toString());
+                        itemGroup.setAttribute('tabindex', _this.treemap.tabIndex.toString());
                         itemGroup.style.cursor = _this.treemap.highlightSettings.enable && !_this.treemap.selectionSettings.enable && (_this.treemap.enableDrillDown && item['groupIndex'] == (_this.treemap.levels.length - 1)) ? 'default' :
                             _this.treemap.highlightSettings.enable && !_this.treemap.selectionSettings.enable && !_this.treemap.enableDrillDown ? 'default' : 'pointer';
                     }

package/src/treemap/model/base.js

@@ -207,7 +207,7 @@ var LegendSettings = /** @class */ (function (_super) {
         Property('')
     ], LegendSettings.prototype, "height", void 0);
     __decorate([
-        Complex({ size: '12px', fontFamily: null, fontWeight: null }, Font)
+        Complex({ size: null, fontFamily: null, fontWeight: null }, Font)
     ], LegendSettings.prototype, "textStyle", void 0);
     __decorate([
         Property(null)
@@ -237,7 +237,7 @@ var LegendSettings = /** @class */ (function (_super) {
         Complex({}, CommonTitleSettings)
     ], LegendSettings.prototype, "title", void 0);
     __decorate([
-        Complex({ size: '14px' }, Font)
+        Complex({ size: null, fontFamily: null, fontWeight: null }, Font)
     ], LegendSettings.prototype, "titleStyle", void 0);
     __decorate([
         Property('Bottom')
@@ -375,7 +375,7 @@ var TooltipSettings = /** @class */ (function (_super) {
         Complex({}, Border)
     ], TooltipSettings.prototype, "border", void 0);
     __decorate([
-        Complex({ fontFamily: defaultFont, size: null, fontWeight: null }, Font)
+        Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
     ], TooltipSettings.prototype, "textStyle", void 0);
     return TooltipSettings;
 }(ChildProperty));

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

@@ -218,7 +218,7 @@ export interface TreeMapModel extends ComponentModel{
     /**
      * Sets and gets the tab index value for treemap.
      *
-     * @default 1
+     * @default 0
      */
     tabIndex?: number;
 

package/src/treemap/treemap.d.ts

@@ -257,7 +257,7 @@ export declare class TreeMap extends Component<HTMLElement> implements INotifyPr
     /**
      * Sets and gets the tab index value for treemap.
      *
-     * @default 1
+     * @default 0
      */
     tabIndex: number;
     /**

package/src/treemap/treemap.js

@@ -257,7 +257,7 @@ var TreeMap = /** @class */ (function (_super) {
             var element = renderTextElement(options, style, style.color || (type === 'title' ? this.themeStyle.titleFontColor : this.themeStyle.subTitleFontColor), groupEle);
             element.setAttribute('aria-label', title.description || title.text);
             element.setAttribute('role', '');
-            element.setAttribute('tabindex', (this.tabIndex + (type === 'title' ? 1 : 2)).toString());
+            element.setAttribute('tabindex', this.tabIndex.toString());
             if ((type === 'title' && !title.subtitleSettings.text) || (type === 'subtitle')) {
                 height = (this.availableSize.height - titleBounds.y - titlePadding - this.margin.bottom);
                 this.areaRect = new Rect(this.margin.left, titleBounds.y + titlePadding, width, height);
@@ -634,14 +634,8 @@ var TreeMap = /** @class */ (function (_super) {
      */
     TreeMap.prototype.addTabIndex = function () {
         this.element.setAttribute('aria-label', this.description || 'TreeMap Element');
-        if (this.enableDrillDown || (this.selectionSettings.enable || this.highlightSettings.enable)) {
-            this.element.setAttribute('role', 'button');
-            this.element.setAttribute('tabindex', this.tabIndex.toString());
-            this.element.style.cursor = this.highlightSettings.enable && !this.selectionSettings.enable && !this.enableDrillDown ? 'default' : 'pointer';
-        }
-        else {
-            this.element.setAttribute('role', 'region');
-        }
+        this.element.setAttribute('role', 'region');
+        this.element.setAttribute('tabindex', this.tabIndex.toString());
     };
     /**
      * This method handles the window resize event on treemap.
@@ -787,6 +781,9 @@ var TreeMap = /** @class */ (function (_super) {
             eventArgs = { cancel: false, name: itemMove, treemap: this, item: item, mouseEvent: e };
             this.trigger(itemMove, eventArgs);
         }
+        else {
+            this.element.style.cursor = 'default';
+        }
         this.notify(Browser.touchMoveEvent, e);
     };
     /**
@@ -1301,7 +1298,7 @@ var TreeMap = /** @class */ (function (_super) {
         Property(null)
     ], TreeMap.prototype, "description", void 0);
     __decorate([
-        Property(1)
+        Property(0)
     ], TreeMap.prototype, "tabIndex", void 0);
     __decorate([
         Property(null)

package/src/treemap/user-interaction/tooltip.js

@@ -8,7 +8,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Tooltip } from '@syncfusion/ej2-svg-base';
-import { Browser, createElement, isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
+import { Browser, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { getMousePosition, textFormatter, formatValue } from '../utils/helper';
 import { tooltipRendering } from '../model/constants';
 /**
@@ -60,12 +60,12 @@ var TreeMapTooltip = /** @class */ (function () {
                     markerFill = item['options']['fill'];
                 }
                 if (this.treemap.enableRtl) {
-                    tooltipContent = [SanitizeHtmlHelper.sanitize(textFormatter(this.tooltipSettings.format, toolTipData, this.treemap)) ||
-                            SanitizeHtmlHelper.sanitize(formatValue(value, this.treemap) + ' : ' + this.treemap.weightValuePath.toString())];
+                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ? textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
+                            || formatValue(value, this.treemap) + ' : ' + this.treemap.weightValuePath.toString()];
                 }
                 else {
-                    tooltipContent = [SanitizeHtmlHelper.sanitize(textFormatter(this.tooltipSettings.format, toolTipData, this.treemap)) ||
-                            SanitizeHtmlHelper.sanitize(this.treemap.weightValuePath.toString() + ' : ' + formatValue(value, this.treemap))];
+                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ? textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
+                            || this.treemap.weightValuePath.toString() + ' : ' + formatValue(value, this.treemap)];
                 }
                 if (document.getElementById(this.tooltipId)) {
                     tooltipEle = document.getElementById(this.tooltipId);
@@ -81,7 +81,7 @@ var TreeMapTooltip = /** @class */ (function () {
                 location = getMousePosition(pageX, pageY, this.treemap.svgObject);
                 location.y = (this.tooltipSettings.template) ? location.y + 10 : location.y;
                 this.tooltipSettings.textStyle.size = this.tooltipSettings.textStyle.size || this.treemap.themeStyle.tooltipFontSize;
-                this.tooltipSettings.textStyle.fontFamily = this.treemap.themeStyle.fontFamily;
+                this.tooltipSettings.textStyle.fontFamily = this.tooltipSettings.textStyle.fontFamily || this.treemap.themeStyle.fontFamily;
                 this.tooltipSettings.textStyle.fontStyle = !isNullOrUndefined(this.tooltipSettings.textStyle.fontStyle) ? this.tooltipSettings.textStyle.fontStyle : 'Normal';
                 this.tooltipSettings.textStyle.fontWeight = this.tooltipSettings.textStyle.fontWeight || this.treemap.themeStyle.fontWeight;
                 this.tooltipSettings.textStyle.color = this.treemap.themeStyle.tooltipFontColor
@@ -136,7 +136,8 @@ var TreeMapTooltip = /** @class */ (function () {
                 palette: [markerFill],
                 areaBounds: this.treemap.areaRect,
                 textStyle: args['textStyle'],
-                fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor
+                fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor,
+                enableShadow: true
             });
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.treemap.isVue || this.treemap.isVue3) {

package/src/treemap/utils/helper.js

@@ -1060,8 +1060,6 @@ export function drawSymbol(location, shape, size, url, options, label) {
     var svgRenderer = new SvgRenderer('');
     var temp = renderLegendShape(location, size, shape, options, url);
     var htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);
-    htmlElement.setAttribute('aria-label', label);
-    htmlElement.setAttribute('role', 'region');
     return htmlElement;
 }
 /**