@syncfusion/ej2-treemap 22.2.5 → 23.2.4

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

@@ -1558,6 +1558,7 @@ function drawSymbol(location, shape, size, url, options, label) {
     const temp = renderLegendShape(location, size, shape, options, url);
     const htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);
     htmlElement.setAttribute('aria-label', label);
+    htmlElement.setAttribute('role', 'region');
     return htmlElement;
 }
 /**
@@ -2228,6 +2229,7 @@ class LayoutPanel {
         this.calculateLayoutItems(parentItemGroupname, totalRect);
         this.renderLayoutItems();
     }
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     renderLayoutItems() {
         let position;
@@ -2366,8 +2368,15 @@ class LayoutPanel {
                         }
                     }
                     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);
                 }
@@ -2485,7 +2494,7 @@ class LayoutPanel {
         return contrast >= 128 ? 'black' : 'white';
     }
     renderTemplate(
-    // 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) {
         const templateId = isLeafItem ? groupId + '_LabelTemplate' : groupId + '_HeaderTemplate';
         const baseTemplateId = isLeafItem ? '_LabelTemplate' : '_HeaderTemplate';
@@ -3198,9 +3207,22 @@ let TreeMap = class TreeMap extends Component {
         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 = (args) => {
-                this.dataSource = args;
-                this.renderTreeMapElements();
+                if (!isNullOrUndefined(args.type) && args.type === 'application/octet-stream') {
+                    let reader = new FileReader();
+                    let treemap = this;
+                    reader.onload = function (data) {
+                        args = JSON.parse(reader.result.toString());
+                        treemap.dataSource = args;
+                        treemap.renderTreeMapElements();
+                    };
+                    reader.readAsText(args);
+                }
+                else {
+                    this.dataSource = args;
+                    this.renderTreeMapElements();
+                }
             };
             fetchApiModule.send(localAjax.sendData);
         }
@@ -3553,7 +3575,7 @@ let TreeMap = class TreeMap extends Component {
                         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);
                     }
@@ -3688,8 +3710,14 @@ let TreeMap = class TreeMap extends Component {
      */
     addTabIndex() {
         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.
@@ -4461,6 +4489,7 @@ class TreeMapLegend {
             }
         });
     }
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     calculateLegendBounds() {
         const treemap = this.treemap;
@@ -5302,6 +5331,7 @@ class TreeMapLegend {
             this.translate = new Location(x, y);
         }
     }
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     mouseUpHandler(e) {
         this.renderInteractivePointer(e);
@@ -6077,6 +6107,7 @@ class TreeMapTooltip {
                 enable: true,
                 header: '',
                 data: args['data'],
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 template: args['template'],
                 content: args['text'],
                 shapes: [],