@syncfusion/ej2-treemap 22.1.36 → 23.1.36

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.36
+*  version : 23.1.36
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@21.1.36",
+  "_id": "@syncfusion/ej2-treemap@16.31.23",
   "_inBundle": false,
-  "_integrity": "sha512-6KjL9YzzTdmxRe0uGIuD0VM8FU7l8zeNxWtnJhJw1qI6SphWxy4t0vGw1+I5M0LPfzJzV43BaRixFrMNNVj1bg==",
+  "_integrity": "sha512-4h8mmP2jr8EzRp9Bk/9bahCR0/1npRJvZLMYv9ZV8fhFMG+/EsXlGoqm2tH6t9sfayBZ0bjB39Yj8oOYECqacQ==",
   "_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-21.1.36.tgz",
-  "_shasum": "c63742e24410f33b8ec78e618922509c08f51130",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-treemap/-/ej2-treemap-16.31.23.tgz",
+  "_shasum": "f3f946680ab6ba77f449234d87dc960fd6fc4ffd",
   "_spec": "@syncfusion/ej2-treemap@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-compression": "~22.1.34",
-    "@syncfusion/ej2-data": "~22.1.36",
-    "@syncfusion/ej2-file-utils": "~22.1.34",
-    "@syncfusion/ej2-pdf-export": "~22.1.34",
-    "@syncfusion/ej2-svg-base": "~22.1.34"
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-compression": "~23.1.36",
+    "@syncfusion/ej2-data": "~23.1.36",
+    "@syncfusion/ej2-file-utils": "~23.1.36",
+    "@syncfusion/ej2-pdf-export": "~23.1.36",
+    "@syncfusion/ej2-svg-base": "~23.1.36"
   },
   "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": "22.1.36",
+  "version": "23.1.36",
   "sideEffects": false
 }

package/src/treemap/layout/legend.js

@@ -52,6 +52,7 @@ var TreeMapLegend = /** @class */ (function () {
             }
         });
     };
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     TreeMapLegend.prototype.calculateLegendBounds = function () {
         var _this = this;
@@ -899,6 +900,7 @@ var TreeMapLegend = /** @class */ (function () {
             this.translate = new Location(x, y);
         }
     };
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     TreeMapLegend.prototype.mouseUpHandler = function (e) {
         this.renderInteractivePointer(e);

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

@@ -410,6 +410,7 @@ var LayoutPanel = /** @class */ (function () {
         this.calculateLayoutItems(parentItemGroupname, totalRect);
         this.renderLayoutItems();
     };
+    // eslint-disable-next-line valid-jsdoc
     /** @private */
     LayoutPanel.prototype.renderLayoutItems = function () {
         var _this = this;
@@ -549,8 +550,15 @@ var LayoutPanel = /** @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);
                 }
@@ -672,7 +680,7 @@ var LayoutPanel = /** @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';

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

@@ -53,14 +53,14 @@ export interface TreeMapModel extends ComponentModel{
 
     /**
      * Sets and gets the background color of the treemap.
-     * 
+     *
      * @default null
      */
     background?: string;
 
     /**
      * Sets and gets the theme styles supported for treemap. When the theme is set, the styles associated with the theme will be set in the treemap.
-     * 
+     *
      * @default Material
      */
     theme?: TreeMapTheme;
@@ -72,7 +72,7 @@ export interface TreeMapModel extends ComponentModel{
 
     /**
      * Specifies the rendering type for the layout of the treemap.
-     * 
+     *
      * @default 'Squarified'
      */
     layoutType?: LayoutMode;
@@ -96,7 +96,7 @@ export interface TreeMapModel extends ComponentModel{
 
     /**
      * Sets and gets the value path of the weight from the data source, based on which the treemap item is rendered.
-     * 
+     *
      * @default null
      */
     weightValuePath?: string;
@@ -104,7 +104,7 @@ export interface TreeMapModel extends ComponentModel{
     /**
      * Sets and gets the value path from the data source, based on it color is filled in treemap.
      * This property is used when range color mapping is set in the treemap.
-     * 
+     *
      * @default ''
      */
     rangeColorValuePath?: string;
@@ -112,21 +112,21 @@ export interface TreeMapModel extends ComponentModel{
     /**
      * Sets and gets the value path from the data source, based on it color is filled in treemap.
      * This property is used when equal color mapping is set in the treemap.
-     * 
+     *
      * @default ''
      */
     equalColorValuePath?: string;
 
     /**
      * Sets and gets the value path from the data source, based on it color is filled in treemap.
-     * 
+     *
      * @default null
      */
     colorValuePath?: string;
 
     /**
      * Sets and gets a set of colors to apply in the treemap items.
-     * 
+     *
      * @default []
      */
     palette?: string[];
@@ -140,28 +140,28 @@ export interface TreeMapModel extends ComponentModel{
 
     /**
      * Enables or disables the drill down functionality in treemap.
-     * 
+     *
      * @default false
      */
     enableDrillDown?: boolean;
 
     /**
      * Enables or disables the connection text in the header of the treemap when drill down is enabled.
-     * 
+     *
      * @default false
      */
     enableBreadcrumb?: boolean;
 
     /**
      * Specifies the symbol to show connection between the two words in the header of the treemap during drill down.
-     * 
+     *
      * @default ' - '
      */
     breadcrumbConnector?: string;
 
     /**
      * Enables or disables the initial drill in the treemap.
-     * 
+     *
      * @default false
      */
     drillDownView?: boolean;

package/src/treemap/treemap.js

@@ -123,9 +123,22 @@ var TreeMap = /** @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);
         }
@@ -481,7 +494,7 @@ var TreeMap = /** @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);
                     }
@@ -621,8 +634,14 @@ var TreeMap = /** @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.

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

@@ -128,6 +128,7 @@ var TreeMapTooltip = /** @class */ (function () {
                 enable: true,
                 header: '',
                 data: args['data'],
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 template: args['template'],
                 content: args['text'],
                 shapes: [],

package/src/treemap/utils/helper.js

@@ -1061,6 +1061,7 @@ export 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;
 }
 /**