@syncfusion/ej2-treemap 20.3.47 → 20.3.59

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

@@ -3467,28 +3467,30 @@ var TreeMap = /** @__PURE__ @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);
+            }
         }
     };
     /**
@@ -3922,29 +3924,31 @@ var TreeMap = /** @__PURE__ @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();
         }
     };
     /**
@@ -4217,6 +4221,9 @@ var TreeMapLegend = /** @__PURE__ @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;
@@ -4552,8 +4559,8 @@ var TreeMapLegend = /** @__PURE__ @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$$1 = colorMapping_1[_i];
+            for (var j = 0; j < colorMapping.length; j++) {
+                var colorMap$$1 = colorMapping[j];
                 gradientElement = null;
                 rangeValue = Number(currentData[this.treemap.rangeColorValuePath]);
                 equalValue = currentData[this.treemap.equalColorValuePath];
@@ -4614,8 +4621,8 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                     fill = ((Object.prototype.toString.call(colorMap$$1.color) === '[object Array]')) && isNullOrUndefined(gradientElement)
                         && isNullOrUndefined(colorMap$$1.value) ? this.legendGradientColor(colorMap$$1, 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$$1.value)
                             ? this.legendLinearGradient : null, name: data[i]['name'],
                         opacity: this.treemap.legendSettings.opacity, borderColor: this.treemap.legendSettings.border.color,
@@ -5727,7 +5734,9 @@ var TreeMapTooltip = /** @__PURE__ @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()];