@syncfusion/ej2-treemap 20.3.47 → 20.3.59

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

@@ -3338,28 +3338,30 @@ let TreeMap = class TreeMap extends Component {
      * @param e - Specifies the pointer event.
      */
     resizeOnTreeMap(e) {
-        this.isResize = true;
-        let 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(() => {
-                this.unWireEVents();
-                this.createSvg();
-                this.refreshing = true;
-                this.wireEVents();
-                args.currentSize = this.availableSize;
-                this.trigger(resize, args, (observedArgs) => {
-                    this.render();
-                });
-            }, 500);
+        if (!this.isDestroyed) {
+            this.isResize = true;
+            let 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(() => {
+                    this.unWireEVents();
+                    this.createSvg();
+                    this.refreshing = true;
+                    this.wireEVents();
+                    args.currentSize = this.availableSize;
+                    this.trigger(resize, args, (observedArgs) => {
+                        this.render();
+                    });
+                }, 500);
+            }
         }
     }
     /**
@@ -3789,28 +3791,30 @@ let TreeMap = class TreeMap extends Component {
      * @private
      */
     onPropertyChanged(newProp, oldProp) {
-        let render = false;
-        for (const prop of Object.keys(newProp)) {
-            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) {
+            let render = false;
+            for (const prop of Object.keys(newProp)) {
+                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();
         }
     }
     /**
@@ -4077,6 +4081,9 @@ class TreeMapLegend {
             this.findPaletteLegendItems(LevelsData.levelsData[0], 'Parent');
         }
         if (this.legendCollections.length > 0) {
+            this.legendCollections.sort((firstItem, nextItem) => (firstItem.levelIndex > nextItem.levelIndex) ? 1 : (firstItem.levelIndex < nextItem.levelIndex) ? -1 : 0);
+            this.legendCollections.sort((firstItem, nextItem) => (firstItem.groupIndex > nextItem.groupIndex) ? 1 : (firstItem.groupIndex < nextItem.groupIndex) ? -1 : 0);
+            this.legendCollections.sort((firstItem, nextItem) => (firstItem.leafIndex > nextItem.leafIndex) ? 1 : (firstItem.leafIndex < nextItem.leafIndex) ? -1 : 0);
             const defaultSize = 25;
             const textPadding = 10;
             const position = legend.position;
@@ -4412,7 +4419,8 @@ class TreeMapLegend {
             groupIndex = data[i]['groupIndex'];
             isLeafItem = (this.treemap.levels.length === 0 || groupIndex === this.treemap.levels.length);
             colorMapping = isLeafItem ? leaf.colorMapping : levels[groupIndex].colorMapping;
-            for (const colorMap$$1 of colorMapping) {
+            for (let j = 0; j < colorMapping.length; j++) {
+                let colorMap$$1 = colorMapping[j];
                 gradientElement = null;
                 rangeValue = Number(currentData[this.treemap.rangeColorValuePath]);
                 equalValue = currentData[this.treemap.equalColorValuePath];
@@ -4473,8 +4481,8 @@ class TreeMapLegend {
                     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,
@@ -5577,7 +5585,9 @@ class TreeMapTooltip {
                 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()];