@syncfusion/ej2-treemap 20.2.45 → 20.3.56

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

@@ -2213,6 +2213,7 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
                         }
                     }
                     itemGroup.setAttribute('aria-label', item['name']);
+                    itemGroup.setAttribute('role', '');
                     itemGroup.setAttribute('tabindex', (_this.treemap.tabIndex + i + 2).toString());
                     maintainSelection(_this.treemap, itemGroup, 'treeMapSelection');
                     _this.layoutGroup.appendChild(itemGroup);
@@ -2381,6 +2382,19 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
         }
         return textValue;
     };
+    /**
+     *
+     * @returns {void}
+     * @private
+     */
+    LayoutPanel.prototype.destroy = function () {
+        this.treemap = null;
+        this.currentRect = null;
+        this.layoutGroup = null;
+        this.renderer = null;
+        this.renderItems = [];
+        this.parentData = [];
+    };
     return LayoutPanel;
 }());
 
@@ -2613,7 +2627,6 @@ var Print = /** @__PURE__ @class */ (function () {
      */
     // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function Print(control) {
-        this.control = control;
     }
     /**
      * This method is used to perform the print functionality in treemap.
@@ -2622,17 +2635,16 @@ var Print = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @private
      */
-    Print.prototype.print = function (elements) {
-        var _this = this;
-        this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
-        this.printWindow.moveTo(0, 0);
-        this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
+    Print.prototype.print = function (treeMap, elements) {
+        var printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
+        printWindow.moveTo(0, 0);
+        printWindow.resizeTo(screen.availWidth, screen.availHeight);
         var argsData = {
-            cancel: false, htmlContent: this.getHTMLContent(elements), name: beforePrint
+            cancel: false, htmlContent: this.getHTMLContent(treeMap, elements), name: beforePrint
         };
-        this.control.trigger(beforePrint, argsData, function () {
+        treeMap.trigger(beforePrint, argsData, function () {
             if (!argsData.cancel) {
-                print(argsData.htmlContent, _this.printWindow);
+                print(argsData.htmlContent, printWindow);
             }
         });
     };
@@ -2643,7 +2655,7 @@ var Print = /** @__PURE__ @class */ (function () {
      * @returns {Element} - Returns the element
      * @private
      */
-    Print.prototype.getHTMLContent = function (elements) {
+    Print.prototype.getHTMLContent = function (treeMap, elements) {
         var div = createElement('div');
         if (elements) {
             if (elements instanceof Array) {
@@ -2659,7 +2671,7 @@ var Print = /** @__PURE__ @class */ (function () {
             }
         }
         else {
-            div.appendChild(this.control.element.cloneNode(true));
+            div.appendChild(treeMap.element.cloneNode(true));
         }
         return div;
     };
@@ -2673,17 +2685,12 @@ var Print = /** @__PURE__ @class */ (function () {
         return 'Print';
     };
     /**
-     * To destroy the legend.
+     * To destroy the Print module.
      *
-     * @param {TreeMap} treemap - Specifies the treemap instance
      * @returns {void}
      * @private
      */
-    Print.prototype.destroy = function (treemap) {
-        /**
-         * Destroy method performed here
-         */
-    };
+    Print.prototype.destroy = function () { };
     return Print;
 }());
 
@@ -2700,7 +2707,6 @@ var ImageExport = /** @__PURE__ @class */ (function () {
      */
     // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function ImageExport(control) {
-        this.control = control;
     }
     /**
      * This method is used to perform the export functionality for the rendered treemap.
@@ -2711,23 +2717,22 @@ var ImageExport = /** @__PURE__ @class */ (function () {
      * @returns {Promise} - Returns the promise string.
      * @private
      */
-    ImageExport.prototype.export = function (type, fileName, allowDownload) {
-        var _this = this;
+    ImageExport.prototype.export = function (treeMap, type, fileName, allowDownload) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var promise = new Promise(function (resolve, reject) {
             var element = createElement('canvas', {
                 id: 'ej2-canvas',
                 attrs: {
-                    'height': _this.control.availableSize.height.toString(),
-                    'width': _this.control.availableSize.width.toString()
+                    'height': treeMap.availableSize.height.toString(),
+                    'width': treeMap.availableSize.width.toString()
                 }
             });
             var isDownload = !(Browser.userAgent.toString().indexOf('HeadlessChrome') > -1);
             var svgData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' +
-                _this.control.svgObject.outerHTML +
+                treeMap.svgObject.outerHTML +
                 '</svg>';
             var url = window.URL.createObjectURL(new Blob(type === 'SVG' ? [svgData] :
-                [(new XMLSerializer()).serializeToString(_this.control.svgObject)], { type: 'image/svg+xml' }));
+                [(new XMLSerializer()).serializeToString(treeMap.svgObject)], { type: 'image/svg+xml' }));
             if (type === 'SVG') {
                 if (allowDownload) {
                     triggerDownload(fileName, type, url, isDownload);
@@ -2766,13 +2771,10 @@ var ImageExport = /** @__PURE__ @class */ (function () {
     /**
      * To destroy the ImageExport.
      *
-     * @param {TreeMap} treemap - Specifies the instance of the treemap.
      * @returns {void}
      * @private
      */
-    ImageExport.prototype.destroy = function (treemap) {
-        // Destroy method performed here
-    };
+    ImageExport.prototype.destroy = function () { };
     return ImageExport;
 }());
 
@@ -2789,7 +2791,6 @@ var PdfExport = /** @__PURE__ @class */ (function () {
      */
     // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
     function PdfExport(control) {
-        this.control = control;
     }
     /**
      * This method is used to perform the export functionality for the rendered treemap.
@@ -2801,25 +2802,24 @@ var PdfExport = /** @__PURE__ @class */ (function () {
      * @returns {Promise} - Returns the string.
      * @private
      */
-    PdfExport.prototype.export = function (type, fileName, orientation, allowDownload) {
-        var _this = this;
+    PdfExport.prototype.export = function (treeMap, type, fileName, orientation, allowDownload) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var promise = new Promise(function (resolve, reject) {
             var element = createElement('canvas', {
                 id: 'ej2-canvas',
                 attrs: {
-                    'width': _this.control.availableSize.width.toString(),
-                    'height': _this.control.availableSize.height.toString()
+                    'width': treeMap.availableSize.width.toString(),
+                    'height': treeMap.availableSize.height.toString()
                 }
             });
             var isDownload = !(Browser.userAgent.toString().indexOf('HeadlessChrome') > -1);
             orientation = isNullOrUndefined(orientation) ? PdfPageOrientation.Landscape : orientation;
-            var exportElement = _this.control.svgObject.cloneNode(true);
+            var exportElement = treeMap.svgObject.cloneNode(true);
             var backgroundElement = exportElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((_this.control.theme === 'Tailwind' || _this.control.theme === 'TailwindDark' || _this.control.theme === 'Bootstrap5' || _this.control.theme === 'Bootstrap5Dark'
-                    || _this.control.theme === 'Fluent' || _this.control.theme === 'FluentDark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                if ((treeMap.theme === 'Tailwind' || treeMap.theme === 'TailwindDark' || treeMap.theme === 'Bootstrap5' || treeMap.theme === 'Bootstrap5Dark'
+                    || treeMap.theme === 'Fluent' || treeMap.theme === 'FluentDark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
             }
@@ -2833,7 +2833,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
                 var imageString = element.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream');
                 document.pageSettings.orientation = orientation;
                 imageString = imageString.slice(imageString.indexOf(',') + 1);
-                document.pages.add().graphics.drawImage(new PdfBitmap(imageString), 0, 0, (_this.control.availableSize.width - 60), _this.control.availableSize.height);
+                document.pages.add().graphics.drawImage(new PdfBitmap(imageString), 0, 0, (treeMap.availableSize.width - 60), treeMap.availableSize.height);
                 if (allowDownload) {
                     document.save(fileName + '.pdf');
                     document.destroy();
@@ -2851,15 +2851,12 @@ var PdfExport = /** @__PURE__ @class */ (function () {
         return 'PdfExport';
     };
     /**
-     * To destroy the ImageExport.
+     * To destroy the PdfExport.
      *
-     * @param {TreeMap} treemap - Specifies the treemap instance.
      * @returns {void}
      * @private
      */
-    PdfExport.prototype.destroy = function (treemap) {
-        // Destroy method performed here
-    };
+    PdfExport.prototype.destroy = function () { };
     return PdfExport;
 }());
 
@@ -3002,6 +2999,12 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                 remove(this.svgObject);
             }
         }
+        if (isNullOrUndefined(this.renderer)) {
+            this.renderer = new SvgRenderer(this.element.id);
+        }
+        if (isNullOrUndefined(this.layout)) {
+            this.layout = new LayoutPanel(this);
+        }
         this.clearTemplate();
         var containerWidth = this.element.clientWidth;
         var containerHeight = this.element.clientHeight;
@@ -3084,6 +3087,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
             var titleBounds = new Rect(location_1.x, location_1.y, elementSize.width, elementSize.height);
             var element = renderTextElement(options, style, style.color || (type === 'title' ? this.themeStyle.titleFontColor : this.themeStyle.subTitleFontColor), groupEle);
             element.setAttribute('aria-label', title.description || title.text);
+            element.setAttribute('role', '');
             element.setAttribute('tabindex', (this.tabIndex + (type === 'title' ? 1 : 2)).toString());
             if ((type === 'title' && !title.subtitleSettings.text) || (type === 'subtitle')) {
                 height = (this.availableSize.height - titleBounds.y - titlePadding - this.margin.bottom);
@@ -3258,7 +3262,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
      */
     TreeMap.prototype.print = function (id) {
         if (this.allowPrint && this.printModule) {
-            this.printModule.print(id);
+            this.printModule.print(this, id);
         }
     };
     /**
@@ -3276,13 +3280,13 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         if (type === 'PDF' && this.allowPdfExport && this.pdfExportModule) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return new Promise(function (resolve, reject) {
-                resolve(_this.pdfExportModule.export(type, fileName, orientation, allowDownload));
+                resolve(_this.pdfExportModule.export(_this, type, fileName, orientation, allowDownload));
             });
         }
         else if (this.allowImageExport && (type !== 'PDF') && this.imageExportModule) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return new Promise(function (resolve, reject) {
-                resolve(_this.imageExportModule.export(type, fileName, allowDownload));
+                resolve(_this.imageExportModule.export(_this, type, fileName, allowDownload));
             });
         }
         return null;
@@ -3453,6 +3457,7 @@ var TreeMap = /** @__PURE__ @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());
     };
     /**
@@ -3462,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);
+            }
         }
     };
     /**
@@ -3917,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();
         }
     };
     /**
@@ -3953,6 +3962,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
      */
     TreeMap.prototype.destroy = function () {
         this.unWireEVents();
+        removeElement('treeMapMeasureText');
         this.drilledItems = [];
         this.levelSelection = [];
         this.legendId = [];
@@ -5098,15 +5108,25 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
     /**
      * To destroy the legend.
      *
-     * @param {TreeMap} treemap - Specifies treemap instance
      * @returns {void}
      * @private
      */
-    TreeMapLegend.prototype.destroy = function (treemap) {
-        /**
-         * Destroy method performed here
-         */
+    TreeMapLegend.prototype.destroy = function () {
+        this.legendRenderingCollections = [];
+        this.legendCollections = [];
+        this.outOfRangeLegend = null;
+        this.totalPages = [];
+        this.translate = null;
+        this.legendBorderRect = null;
+        this.legendGroup = null;
+        this.legendNames = [];
+        this.defsElement = null;
+        this.legendLinearGradient = null;
+        this.legendInteractiveGradient = [];
+        this.legendItemRect = null;
         this.removeEventListener();
+        //TODO: The removeInteractivePointer method (calling method) is called in a timer in the mouseUpHandler method. Because of this handling, adding the below code results in a spec failure.
+        //this.treemap = null;
     };
     // eslint-disable-next-line valid-jsdoc
     /**
@@ -5342,12 +5362,16 @@ var TreeMapHighlight = /** @__PURE__ @class */ (function () {
     /**
      * To destroy the hightlight.
      *
-     * @param {TreeMap} treeMap - Specifies the instance of the treemap.
      * @returns {void}
      * @private
      */
-    TreeMapHighlight.prototype.destroy = function (treeMap) {
+    TreeMapHighlight.prototype.destroy = function () {
+        this.shapeElement = null;
+        this.shapeHighlightCollection = [];
+        this.legendHighlightCollection = [];
+        this.currentElement = [];
         this.removeEventListener();
+        this.treemap = null;
     };
     return TreeMapHighlight;
 }());
@@ -5640,8 +5664,12 @@ var TreeMapSelection = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @private
      */
-    TreeMapSelection.prototype.destroy = function (treeMap) {
+    TreeMapSelection.prototype.destroy = function () {
+        this.shapeElement = null;
+        this.shapeSelectionCollection = [];
+        this.legendSelectionCollection = [];
         this.removeEventListener();
+        this.treemap = null;
     };
     return TreeMapSelection;
 }());
@@ -5703,7 +5731,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()];
@@ -5837,15 +5867,17 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
     /**
      * To destroy the tooltip.
      *
-     * @param {TreeMap} treeMap - Specifies the instance of the treemap
      * @returns {void}
      * @private
      */
-    TreeMapTooltip.prototype.destroy = function (treeMap) {
-        /**
-         * Destroy method performed here
-         */
+    TreeMapTooltip.prototype.destroy = function () {
+        if (!isNullOrUndefined(this.svgTooltip)) {
+            this.svgTooltip.destroy();
+        }
+        this.svgTooltip = null;
+        this.tooltipSettings = null;
         this.removeEventListener();
+        this.treemap = null;
     };
     return TreeMapTooltip;
 }());