@syncfusion/ej2-treemap 20.3.47 → 20.3.59

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.47
+*  version : 20.3.59
 *  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@16.30.8",
+  "_id": "@syncfusion/ej2-treemap@20.3.56",
   "_inBundle": false,
-  "_integrity": "sha512-JwUy66HrBScRNb6zrjFgsz2QSKNtYgTwL7n3fHbrgy7t2W6leTOGZj3ZSjJUVvHqA6LX9zZtijssdg87rN+jew==",
+  "_integrity": "sha512-xH6m8oF4jRwdzcQCylKPoBWXCJr3ERSHzTyMBbM/ccxBmUQfwohLJOYTmT1Dj164OAS8+co1YZ5vIxQSDjkh7Q==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-treemap/-/ej2-treemap-16.30.8.tgz",
-  "_shasum": "6f1c2738e6e72bf212a8b6c4edd0431d3fadad05",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-20.3.56.tgz",
+  "_shasum": "24a095f720f1e3ee0514b7c74a8d8fbc3202211a",
   "_spec": "@syncfusion/ej2-treemap@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.47",
-    "@syncfusion/ej2-compression": "~20.3.47",
-    "@syncfusion/ej2-data": "~20.3.47",
-    "@syncfusion/ej2-file-utils": "~20.3.47",
-    "@syncfusion/ej2-pdf-export": "~20.3.47",
-    "@syncfusion/ej2-svg-base": "~20.3.47"
+    "@syncfusion/ej2-base": "~20.3.56",
+    "@syncfusion/ej2-compression": "~20.3.56",
+    "@syncfusion/ej2-data": "~20.3.56",
+    "@syncfusion/ej2-file-utils": "~20.3.56",
+    "@syncfusion/ej2-pdf-export": "~20.3.56",
+    "@syncfusion/ej2-svg-base": "~20.3.56"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeMap Components",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.47",
+  "version": "20.3.59",
   "sideEffects": false
 }

package/src/treemap/layout/legend.js

@@ -65,6 +65,9 @@ var TreeMapLegend = /** @class */ (function () {
             this.findPaletteLegendItems(LevelsData.levelsData[0], 'Parent');
         }
         if (this.legendCollections.length > 0) {
+            this.legendCollections.sort(function (firstItem, nextItem) { return (firstItem.levelIndex > nextItem.levelIndex) ? 1 : (firstItem.levelIndex < nextItem.levelIndex) ? -1 : 0; });
+            this.legendCollections.sort(function (firstItem, nextItem) { return (firstItem.groupIndex > nextItem.groupIndex) ? 1 : (firstItem.groupIndex < nextItem.groupIndex) ? -1 : 0; });
+            this.legendCollections.sort(function (firstItem, nextItem) { return (firstItem.leafIndex > nextItem.leafIndex) ? 1 : (firstItem.leafIndex < nextItem.leafIndex) ? -1 : 0; });
             var defaultSize = 25;
             var textPadding = 10;
             var position = legend.position;
@@ -403,8 +406,8 @@ var TreeMapLegend = /** @class */ (function () {
             groupIndex = data[i]['groupIndex'];
             isLeafItem = (this.treemap.levels.length === 0 || groupIndex === this.treemap.levels.length);
             colorMapping = isLeafItem ? leaf.colorMapping : levels[groupIndex].colorMapping;
-            for (var _i = 0, colorMapping_1 = colorMapping; _i < colorMapping_1.length; _i++) {
-                var colorMap = colorMapping_1[_i];
+            for (var j = 0; j < colorMapping.length; j++) {
+                var colorMap = colorMapping[j];
                 gradientElement = null;
                 rangeValue = Number(currentData[this.treemap.rangeColorValuePath]);
                 equalValue = currentData[this.treemap.equalColorValuePath];
@@ -465,8 +468,8 @@ var TreeMapLegend = /** @class */ (function () {
                     fill = ((Object.prototype.toString.call(colorMap.color) === '[object Array]')) && isNullOrUndefined(gradientElement)
                         && isNullOrUndefined(colorMap.value) ? this.legendGradientColor(colorMap, legendIndex) : fill;
                     this.legendCollections.push({
-                        actualValue: actualValue,
-                        legendName: legendText, legendFill: fill, legendData: [],
+                        actualValue: actualValue, levelIndex: !isLeafItem ? j : -1, leafIndex: isLeafItem ? j : -1,
+                        legendName: legendText, legendFill: fill, legendData: [], groupIndex: !isLeafItem ? groupIndex : -1,
                         gradientElement: !isNullOrUndefined(gradientElement) ? gradientElement : isNullOrUndefined(colorMap.value)
                             ? this.legendLinearGradient : null, name: data[i]['name'],
                         opacity: this.treemap.legendSettings.opacity, borderColor: this.treemap.legendSettings.border.color,

package/src/treemap/treemap.js

@@ -631,28 +631,30 @@ var TreeMap = /** @class */ (function (_super) {
      */
     TreeMap.prototype.resizeOnTreeMap = function (e) {
         var _this = this;
-        this.isResize = true;
-        var args = {
-            name: resize,
-            cancel: false,
-            previousSize: this.availableSize,
-            currentSize: new Size(0, 0),
-            treemap: this
-        };
-        if (this.resizeTo) {
-            clearTimeout(this.resizeTo);
-        }
-        if (!isNullOrUndefined(this.element) && this.element.classList.contains('e-treemap')) {
-            this.resizeTo = setTimeout(function () {
-                _this.unWireEVents();
-                _this.createSvg();
-                _this.refreshing = true;
-                _this.wireEVents();
-                args.currentSize = _this.availableSize;
-                _this.trigger(resize, args, function (observedArgs) {
-                    _this.render();
-                });
-            }, 500);
+        if (!this.isDestroyed) {
+            this.isResize = true;
+            var args_1 = {
+                name: resize,
+                cancel: false,
+                previousSize: this.availableSize,
+                currentSize: new Size(0, 0),
+                treemap: this
+            };
+            if (this.resizeTo) {
+                clearTimeout(this.resizeTo);
+            }
+            if (!isNullOrUndefined(this.element) && this.element.classList.contains('e-treemap')) {
+                this.resizeTo = setTimeout(function () {
+                    _this.unWireEVents();
+                    _this.createSvg();
+                    _this.refreshing = true;
+                    _this.wireEVents();
+                    args_1.currentSize = _this.availableSize;
+                    _this.trigger(resize, args_1, function (observedArgs) {
+                        _this.render();
+                    });
+                }, 500);
+            }
         }
     };
     /**
@@ -1086,29 +1088,31 @@ var TreeMap = /** @class */ (function (_super) {
      * @private
      */
     TreeMap.prototype.onPropertyChanged = function (newProp, oldProp) {
-        var render = false;
-        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-            var prop = _a[_i];
-            switch (prop) {
-                case 'background':
-                    this.renderBorder();
-                    break;
-                case 'height':
-                case 'width':
-                case 'layoutType':
-                case 'levels':
-                case 'drillDownView':
-                case 'renderDirection':
-                case 'leafItemSettings':
-                case 'legendSettings':
-                case 'dataSource':
-                    render = true;
-                    break;
+        if (!this.isDestroyed) {
+            var render = false;
+            for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+                var prop = _a[_i];
+                switch (prop) {
+                    case 'background':
+                        this.renderBorder();
+                        break;
+                    case 'height':
+                    case 'width':
+                    case 'layoutType':
+                    case 'levels':
+                    case 'drillDownView':
+                    case 'renderDirection':
+                    case 'leafItemSettings':
+                    case 'legendSettings':
+                    case 'dataSource':
+                        render = true;
+                        break;
+                }
+            }
+            if (render) {
+                this.createSvg();
+                this.renderElements();
             }
-        }
-        if (render) {
-            this.createSvg();
-            this.renderElements();
         }
     };
     /**

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

@@ -59,7 +59,9 @@ var TreeMapTooltip = /** @class */ (function () {
                 toolTipHeader = item['name'];
                 value = item['weight'];
                 toolTipData = item['data'];
-                markerFill = item['options']['fill'];
+                if (!isNullOrUndefined(item['options'])) {
+                    markerFill = item['options']['fill'];
+                }
                 if (this.treemap.enableRtl) {
                     tooltipContent = [textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) ||
                             formatValue(value, this.treemap) + ' : ' + this.treemap.weightValuePath.toString()];