@syncfusion/ej2-treemap 23.2.4 → 24.2.3

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

@@ -321,7 +321,7 @@ var LegendSettings = /** @__PURE__ @class */ (function (_super) {
         Property('')
     ], LegendSettings.prototype, "height", void 0);
     __decorate$1([
-        Complex({ size: '12px', fontFamily: null, fontWeight: null }, Font)
+        Complex({ size: null, fontFamily: null, fontWeight: null }, Font)
     ], LegendSettings.prototype, "textStyle", void 0);
     __decorate$1([
         Property(null)
@@ -351,7 +351,7 @@ var LegendSettings = /** @__PURE__ @class */ (function (_super) {
         Complex({}, CommonTitleSettings)
     ], LegendSettings.prototype, "title", void 0);
     __decorate$1([
-        Complex({ size: '14px' }, Font)
+        Complex({ size: null, fontFamily: null, fontWeight: null }, Font)
     ], LegendSettings.prototype, "titleStyle", void 0);
     __decorate$1([
         Property('Bottom')
@@ -486,7 +486,7 @@ var TooltipSettings = /** @__PURE__ @class */ (function (_super) {
         Complex({}, Border)
     ], TooltipSettings.prototype, "border", void 0);
     __decorate$1([
-        Complex({ fontFamily: defaultFont, size: null, fontWeight: null }, Font)
+        Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
     ], TooltipSettings.prototype, "textStyle", void 0);
     return TooltipSettings;
 }(ChildProperty));
@@ -1650,8 +1650,6 @@ 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;
 }
 /**
@@ -2465,7 +2463,7 @@ var LayoutPanel = /** @__PURE__ @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';
                     }
@@ -3461,7 +3459,7 @@ var TreeMap = /** @__PURE__ @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);
@@ -3838,14 +3836,8 @@ var TreeMap = /** @__PURE__ @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.
@@ -3991,6 +3983,9 @@ var TreeMap = /** @__PURE__ @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);
     };
     /**
@@ -4505,7 +4500,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         Property(null)
     ], TreeMap.prototype, "description", void 0);
     __decorate([
-        Property(1)
+        Property(0)
     ], TreeMap.prototype, "tabIndex", void 0);
     __decorate([
         Property(null)
@@ -4673,9 +4668,9 @@ var TreeMapLegend = /** @__PURE__ @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;
@@ -5218,8 +5213,10 @@ var TreeMapLegend = /** @__PURE__ @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'];
@@ -6188,12 +6185,12 @@ var TreeMapTooltip = /** @__PURE__ @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);
@@ -6209,7 +6206,7 @@ var TreeMapTooltip = /** @__PURE__ @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
@@ -6264,7 +6261,8 @@ var TreeMapTooltip = /** @__PURE__ @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) {