@syncfusion/ej2-treemap 22.1.36 → 23.1.36

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

@@ -1651,6 +1651,7 @@ function drawSymbol(location, shape, size, url, options, label) {
     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;
 }
 /**
@@ -2322,6 +2323,7 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
         this.calculateLayoutItems(parentItemGroupname, totalRect);
         this.renderLayoutItems();
     };
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     LayoutPanel.prototype.renderLayoutItems = function () {
         var _this = this;
@@ -2461,8 +2463,15 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
                         }
                     }
                     itemGroup.setAttribute('aria-label', item['name']);
-                    itemGroup.setAttribute('role', '');
-                    itemGroup.setAttribute('tabindex', (_this.treemap.tabIndex + i + 2).toString());
+                    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.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';
+                    }
+                    else {
+                        itemGroup.setAttribute('role', 'region');
+                    }
                     maintainSelection(_this.treemap, itemGroup, 'treeMapSelection');
                     _this.layoutGroup.appendChild(itemGroup);
                 }
@@ -2584,7 +2593,7 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
         return contrast >= 128 ? 'black' : 'white';
     };
     LayoutPanel.prototype.renderTemplate = function (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, max-len
     secondaryEle, groupId, rect, position, template, item, isLeafItem) {
         var templateId = isLeafItem ? groupId + '_LabelTemplate' : groupId + '_HeaderTemplate';
         var baseTemplateId = isLeafItem ? '_LabelTemplate' : '_HeaderTemplate';
@@ -3318,9 +3327,22 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         else if (this.dataSource instanceof TreeMapAjax) {
             localAjax = this.dataSource;
             fetchApiModule = new Fetch(localAjax.dataOptions, localAjax.type, localAjax.contentType);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             fetchApiModule.onSuccess = function (args) {
-                _this.dataSource = args;
-                _this.renderTreeMapElements();
+                if (!isNullOrUndefined(args.type) && args.type === 'application/octet-stream') {
+                    var reader_1 = new FileReader();
+                    var treemap_1 = _this;
+                    reader_1.onload = function (data) {
+                        args = JSON.parse(reader_1.result.toString());
+                        treemap_1.dataSource = args;
+                        treemap_1.renderTreeMapElements();
+                    };
+                    reader_1.readAsText(args);
+                }
+                else {
+                    _this.dataSource = args;
+                    _this.renderTreeMapElements();
+                }
             };
             fetchApiModule.send(localAjax.sendData);
         }
@@ -3676,7 +3698,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                         currentData['isDrilled'] = false;
                         currentData['groupName'] = groupPath;
                         currentData['data'] = this.dataSource[j];
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any, max-len
                         this.treemapLevelData.levelsData[(this.treemapLevelData.levelsData.length - 1)][groupPath].push(currentData);
                         orderNames.push((childName) ? childName : name_1);
                     }
@@ -3816,8 +3838,14 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
      */
     TreeMap.prototype.addTabIndex = function () {
         this.element.setAttribute('aria-label', this.description || 'TreeMap Element');
-        this.element.setAttribute('role', '');
-        this.element.setAttribute('tabindex', this.tabIndex.toString());
+        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 method handles the window resize event on treemap.
@@ -4600,6 +4628,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
             }
         });
     };
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     TreeMapLegend.prototype.calculateLegendBounds = function () {
         var _this = this;
@@ -5447,6 +5476,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
             this.translate = new Location(x, y);
         }
     };
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     TreeMapLegend.prototype.mouseUpHandler = function (e) {
         this.renderInteractivePointer(e);
@@ -6226,6 +6256,7 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
                 enable: true,
                 header: '',
                 data: args['data'],
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 template: args['template'],
                 content: args['text'],
                 shapes: [],