@syncfusion/ej2-treemap 20.2.45 → 20.3.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.45
+*  version : 20.3.47
 *  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@20.2.38",
+  "_id": "@syncfusion/ej2-treemap@16.30.8",
   "_inBundle": false,
-  "_integrity": "sha512-g3c3FH0FXC9HUf6CYB7xQdz7X32gSAwMHQwTzv8piDBsRdc1TOzhi+IVFYnDo4IUL5fp1JBB8Fb1p4IjtBfEIw==",
+  "_integrity": "sha512-JwUy66HrBScRNb6zrjFgsz2QSKNtYgTwL7n3fHbrgy7t2W6leTOGZj3ZSjJUVvHqA6LX9zZtijssdg87rN+jew==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-20.2.38.tgz",
-  "_shasum": "57cb5cae16af5ad05f75720d0e605e284e03413d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-treemap/-/ej2-treemap-16.30.8.tgz",
+  "_shasum": "6f1c2738e6e72bf212a8b6c4edd0431d3fadad05",
   "_spec": "@syncfusion/ej2-treemap@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,17 +35,17 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.45",
-    "@syncfusion/ej2-compression": "~20.2.45",
-    "@syncfusion/ej2-data": "~20.2.45",
-    "@syncfusion/ej2-file-utils": "~20.2.45",
-    "@syncfusion/ej2-pdf-export": "~20.2.45",
-    "@syncfusion/ej2-svg-base": "~20.2.45"
+    "@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"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeMap Components",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-treemap.es2015.js",
+  "es2015": "./dist/es6/ej2-treemap.es5.js",
   "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
   "keywords": [
     "ej2",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.45",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/src/treemap/layout/legend.d.ts

@@ -84,11 +84,10 @@ export declare class TreeMapLegend {
     /**
      * To destroy the legend.
      *
-     * @param {TreeMap} treemap - Specifies treemap instance
      * @returns {void}
      * @private
      */
-    destroy(treemap: TreeMap): void;
+    destroy(): void;
     /**
      * Get the gradient color for interactive legend.
      */

package/src/treemap/layout/legend.js

@@ -958,15 +958,25 @@ var TreeMapLegend = /** @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
     /**

package/src/treemap/layout/render-panel.d.ts

@@ -37,4 +37,10 @@ export declare class LayoutPanel {
     private getSaturatedColor;
     private renderTemplate;
     private labelInterSectAction;
+    /**
+     *
+     * @returns {void}
+     * @private
+     */
+    destroy(): void;
 }

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

@@ -563,6 +563,7 @@ var LayoutPanel = /** @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);
@@ -734,6 +735,19 @@ var LayoutPanel = /** @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;
 }());
 export { LayoutPanel };

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

@@ -6,7 +6,6 @@ import { ExportType } from '../utils/enum';
  * @hidden
  */
 export declare class ImageExport {
-    private control;
     /**
      * Constructor for Maps
      *
@@ -22,14 +21,13 @@ export declare class ImageExport {
      * @returns {Promise} - Returns the promise string.
      * @private
      */
-    export(type: ExportType, fileName: string, allowDownload?: boolean): Promise<string>;
+    export(treeMap: TreeMap, type: ExportType, fileName: string, allowDownload?: boolean): Promise<string>;
     protected getModuleName(): string;
     /**
      * To destroy the ImageExport.
      *
-     * @param {TreeMap} treemap - Specifies the instance of the treemap.
      * @returns {void}
      * @private
      */
-    destroy(treemap: TreeMap): void;
+    destroy(): void;
 }

package/src/treemap/model/image-export.js

@@ -13,7 +13,6 @@ var ImageExport = /** @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.
@@ -24,23 +23,22 @@ var ImageExport = /** @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);
@@ -79,13 +77,10 @@ var ImageExport = /** @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;
 }());
 export { ImageExport };

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

@@ -7,7 +7,6 @@ import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
  * @hidden
  */
 export declare class PdfExport {
-    private control;
     /**
      * Constructor for Maps
      *
@@ -24,14 +23,13 @@ export declare class PdfExport {
      * @returns {Promise} - Returns the string.
      * @private
      */
-    export(type: ExportType, fileName: string, orientation?: PdfPageOrientation, allowDownload?: boolean): Promise<string>;
+    export(treeMap: TreeMap, type: ExportType, fileName: string, orientation?: PdfPageOrientation, allowDownload?: boolean): Promise<string>;
     protected getModuleName(): string;
     /**
-     * To destroy the ImageExport.
+     * To destroy the PdfExport.
      *
-     * @param {TreeMap} treemap - Specifies the treemap instance.
      * @returns {void}
      * @private
      */
-    destroy(treemap: TreeMap): void;
+    destroy(): void;
 }

package/src/treemap/model/pdf-export.js

@@ -13,7 +13,6 @@ var PdfExport = /** @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.
@@ -25,25 +24,24 @@ var PdfExport = /** @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)');
                 }
             }
@@ -57,7 +55,7 @@ var PdfExport = /** @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();
@@ -75,15 +73,12 @@ var PdfExport = /** @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;
 }());
 export { PdfExport };

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

@@ -5,8 +5,6 @@ import { TreeMap } from '../../index';
  * @hidden
  */
 export declare class Print {
-    private control;
-    private printWindow;
     /**
      * Constructor for Maps
      *
@@ -20,7 +18,7 @@ export declare class Print {
      * @returns {void}
      * @private
      */
-    print(elements?: string[] | string | Element): void;
+    print(treeMap: TreeMap, elements?: string[] | string | Element): void;
     /**
      * To get the html string of the Maps
      *
@@ -28,7 +26,7 @@ export declare class Print {
      * @returns {Element} - Returns the element
      * @private
      */
-    getHTMLContent(elements?: string[] | string | Element): Element;
+    getHTMLContent(treeMap: TreeMap, elements?: string[] | string | Element): Element;
     /**
      * Get module name.
      *
@@ -36,11 +34,10 @@ export declare class Print {
      */
     protected getModuleName(): string;
     /**
-     * To destroy the legend.
+     * To destroy the Print module.
      *
-     * @param {TreeMap} treemap - Specifies the treemap instance
      * @returns {void}
      * @private
      */
-    destroy(treemap: TreeMap): void;
+    destroy(): void;
 }

package/src/treemap/model/print.js

@@ -1,4 +1,4 @@
-import { print as printWindow, createElement } from '@syncfusion/ej2-base';
+import { print as printFunction, createElement } from '@syncfusion/ej2-base';
 import { getElement } from '../utils/helper';
 import { beforePrint } from '../model/constants';
 /**
@@ -14,7 +14,6 @@ var Print = /** @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.
@@ -23,17 +22,16 @@ var Print = /** @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) {
-                printWindow(argsData.htmlContent, _this.printWindow);
+                printFunction(argsData.htmlContent, printWindow);
             }
         });
     };
@@ -44,7 +42,7 @@ var Print = /** @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) {
@@ -60,7 +58,7 @@ var Print = /** @class */ (function () {
             }
         }
         else {
-            div.appendChild(this.control.element.cloneNode(true));
+            div.appendChild(treeMap.element.cloneNode(true));
         }
         return div;
     };
@@ -74,17 +72,12 @@ var Print = /** @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;
 }());
 export { Print };

package/src/treemap/treemap.js

@@ -155,6 +155,12 @@ var TreeMap = /** @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;
@@ -237,6 +243,7 @@ var TreeMap = /** @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);
@@ -414,7 +421,7 @@ var TreeMap = /** @class */ (function (_super) {
      */
     TreeMap.prototype.print = function (id) {
         if (this.allowPrint && this.printModule) {
-            this.printModule.print(id);
+            this.printModule.print(this, id);
         }
     };
     /**
@@ -432,13 +439,13 @@ var TreeMap = /** @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;
@@ -614,6 +621,7 @@ 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());
     };
     /**
@@ -1114,6 +1122,7 @@ var TreeMap = /** @class */ (function (_super) {
      */
     TreeMap.prototype.destroy = function () {
         this.unWireEVents();
+        removeElement('treeMapMeasureText');
         this.drilledItems = [];
         this.levelSelection = [];
         this.legendId = [];

package/src/treemap/user-interaction/highlight-selection.d.ts

@@ -37,11 +37,10 @@ export declare class TreeMapHighlight {
     /**
      * To destroy the hightlight.
      *
-     * @param {TreeMap} treeMap - Specifies the instance of the treemap.
      * @returns {void}
      * @private
      */
-    destroy(treeMap: TreeMap): void;
+    destroy(): void;
 }
 /**
  * Performing treemap selection
@@ -92,5 +91,5 @@ export declare class TreeMapSelection {
      * @returns {void}
      * @private
      */
-    destroy(treeMap: TreeMap): void;
+    destroy(): void;
 }

package/src/treemap/user-interaction/highlight-selection.js

@@ -197,12 +197,16 @@ var TreeMapHighlight = /** @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;
 }());
@@ -497,8 +501,12 @@ var TreeMapSelection = /** @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;
 }());

package/src/treemap/user-interaction/tooltip.d.ts

@@ -31,9 +31,8 @@ export declare class TreeMapTooltip {
     /**
      * To destroy the tooltip.
      *
-     * @param {TreeMap} treeMap - Specifies the instance of the treemap
      * @returns {void}
      * @private
      */
-    destroy(treeMap: TreeMap): void;
+    destroy(): void;
 }

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

@@ -193,15 +193,17 @@ var TreeMapTooltip = /** @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;
 }());