@syncfusion/ej2-treemap 24.2.3 → 25.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.3
+*  version : 25.2.3
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@24.1.41",
+  "_id": "@syncfusion/ej2-treemap@25.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-5Xfl6U2LzgkU42iS4zd0axbamZ8NZRMGbv93CRVxc9frRMsfY/oMoafQzGbUQHanw8yfjlJcwjMo/2EfjAc7gw==",
+  "_integrity": "sha512-cammG0kT1v7yX5m5icGgKH+Yhn3EXEVozjdClFSsJOR1cLIx5ZpjmYLxoZNvyhT5OPRhFDlZ3I8lzSResAiozg==",
   "_location": "/@syncfusion/ej2-treemap",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-24.1.41.tgz",
-  "_shasum": "9a11f76035bf287941f69b3f4f0875241beff02e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treemap/-/ej2-treemap-25.1.35.tgz",
+  "_shasum": "d8aabc67b6bdfe95e29aea829c2dc717d94cc544",
   "_spec": "@syncfusion/ej2-treemap@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,12 +35,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
-    "@syncfusion/ej2-compression": "~24.2.3",
-    "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-file-utils": "~24.2.3",
-    "@syncfusion/ej2-pdf-export": "~24.2.3",
-    "@syncfusion/ej2-svg-base": "~24.2.3"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-compression": "~25.2.3",
+    "@syncfusion/ej2-data": "~25.2.3",
+    "@syncfusion/ej2-file-utils": "~25.2.3",
+    "@syncfusion/ej2-pdf-export": "~25.2.3",
+    "@syncfusion/ej2-svg-base": "~25.2.3"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeMap Components",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.3",
+  "version": "25.2.3",
   "sideEffects": false
 }

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

@@ -39,6 +39,8 @@ export declare class TreeMapLegend {
     constructor(treemap: TreeMap);
     /**
      * method for legend
+     *
+     * @returns {void}
      * @private
      */
     renderLegend(): void;
@@ -52,6 +54,7 @@ export declare class TreeMapLegend {
     private isAddNewLegendData;
     /**
      * To draw the legend
+     *
      * @private
      */
     drawLegend(): void;
@@ -69,10 +72,15 @@ export declare class TreeMapLegend {
     renderInteractivePointer(e: PointerEvent | TouchEvent): void;
     private drawInteractivePointer;
     private getLegendAlignment;
-    /** @private */
+    /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
+     * @private
+     */
     mouseUpHandler(e: PointerEvent): void;
     /**
      * To remove the interactive pointer
+     *
      * @private
      */
     removeInteractivePointer(): void;
@@ -94,11 +102,13 @@ export declare class TreeMapLegend {
     wireEvents(element: Element): void;
     /**
      * To add the event listener
+     *
      * @private
      */
     addEventListener(): void;
     /**
      * To remove the event listener
+     *
      * @private
      */
     removeEventListener(): void;

package/src/treemap/layout/legend.js

@@ -21,9 +21,10 @@ var TreeMapLegend = /** @class */ (function () {
         this.treemap = treemap;
         this.addEventListener();
     }
-    // eslint-disable-next-line valid-jsdoc
     /**
      * method for legend
+     *
+     * @returns {void}
      * @private
      */
     TreeMapLegend.prototype.renderLegend = function () {
@@ -549,6 +550,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend
+     *
      * @private
      */
     TreeMapLegend.prototype.drawLegend = function () {
@@ -661,7 +663,7 @@ var TreeMapLegend = /** @class */ (function () {
                 };
                 treemap.trigger(legendItemRendering, eventArgs, function (observedArgs) {
                     var renderOptions = new PathOption(shapeId, observedArgs.fill, strokeWidth_1, isLineShape_1 ? collection['Fill'] : strokeColor_1, legend.opacity, '');
-                    legendElement.appendChild(drawSymbol(shapeLocation, observedArgs.shape, shapeSize, observedArgs.imageUrl, renderOptions, legendText));
+                    legendElement.appendChild(drawSymbol(shapeLocation, observedArgs.shape, shapeSize, observedArgs.imageUrl, renderOptions));
                     textOptions = new TextOption(textId, textLocation.x, textLocation.y, 'start', legendText, '', '');
                     renderTextElement(textOptions, legend.textStyle, legend.textStyle.color || treemap.themeStyle.legendTextColor, legendElement);
                     _this.legendGroup.appendChild(legendElement);
@@ -716,7 +718,9 @@ var TreeMapLegend = /** @class */ (function () {
                     'text-anchor': 'middle',
                     'transform': '',
                     'opacity': 1,
-                    'dominant-baseline': ''
+                    'dominant-baseline': '',
+                    'role': 'region',
+                    'aria-label': pagingText
                 };
                 pagingGroup.appendChild(render.createText(pageTextOptions, pagingText));
                 this.legendGroup.appendChild(pagingGroup);
@@ -752,7 +756,10 @@ var TreeMapLegend = /** @class */ (function () {
         var textSize = measureText(trimTitle, textStyle);
         if (legendTitle) {
             textOptions = new TextOption(this.treemap.element.id + '_LegendTitle', (this.legendItemRect.x) + (this.legendItemRect.width / 2), this.legendItemRect.y - (textSize.height / 2) - (spacing / 2), 'middle', trimTitle, '');
-            renderTextElement(textOptions, textStyle, textStyle.color || this.treemap.themeStyle.legendTitleColor, this.legendGroup);
+            var textElement = renderTextElement(textOptions, textStyle, textStyle.color ||
+                this.treemap.themeStyle.legendTitleColor, this.legendGroup);
+            textElement.setAttribute('role', 'region');
+            textElement.setAttribute('aria-label', legendTitle);
         }
     };
     /**
@@ -902,8 +909,11 @@ var TreeMapLegend = /** @class */ (function () {
             this.translate = new Location(x, y);
         }
     };
-    // eslint-disable-next-line valid-jsdoc
-    /** @private */
+    /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
+     * @private
+     */
     TreeMapLegend.prototype.mouseUpHandler = function (e) {
         this.renderInteractivePointer(e);
         clearTimeout(this.clearTimeout);
@@ -912,6 +922,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the interactive pointer
+     *
      * @private
      */
     TreeMapLegend.prototype.removeInteractivePointer = function () {
@@ -950,6 +961,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To add the event listener
+     *
      * @private
      */
     TreeMapLegend.prototype.addEventListener = function () {
@@ -962,6 +974,7 @@ var TreeMapLegend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the event listener
+     *
      * @private
      */
     TreeMapLegend.prototype.removeEventListener = function () {
@@ -986,6 +999,8 @@ var TreeMapLegend = /** @class */ (function () {
      * @private
      */
     TreeMapLegend.prototype.destroy = function () {
+        clearTimeout(this.clearTimeout);
+        this.clearTimeout = null;
         this.legendRenderingCollections = [];
         this.legendCollections = [];
         this.outOfRangeLegend = null;
@@ -999,8 +1014,7 @@ var TreeMapLegend = /** @class */ (function () {
         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;
+        this.treemap = null;
     };
     /**
      * Get the gradient color for interactive legend.

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

@@ -550,10 +550,11 @@ var LayoutPanel = /** @class */ (function () {
                         }
                     }
                     itemGroup.setAttribute('aria-label', item['name']);
-                    if ((_this.treemap.enableDrillDown && isLeafItem) || (_this.treemap.selectionSettings.enable || _this.treemap.highlightSettings.enable)) {
+                    if ((_this.treemap.enableDrillDown && isLeafItem) || (_this.treemap.selectionSettings.enable ||
+                        _this.treemap.highlightSettings.enable)) {
                         itemGroup.setAttribute('role', 'button');
                         itemGroup.setAttribute('tabindex', _this.treemap.tabIndex.toString());
-                        itemGroup.style.cursor = _this.treemap.highlightSettings.enable && !_this.treemap.selectionSettings.enable && (_this.treemap.enableDrillDown && item['groupIndex'] == (_this.treemap.levels.length - 1)) ? 'default' :
+                        itemGroup.style.cursor = _this.treemap.highlightSettings.enable && !_this.treemap.selectionSettings.enable && (_this.treemap.enableDrillDown && item['groupIndex'] === (_this.treemap.levels.length - 1)) ? 'default' :
                             _this.treemap.highlightSettings.enable && !_this.treemap.selectionSettings.enable && !_this.treemap.enableDrillDown ? 'default' : 'pointer';
                     }
                     else {

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

@@ -160,6 +160,7 @@ export interface IItemClickEventArgs extends ITreeMapEventArgs {
 }
 /**
  * Defines the event argument of the treemap item data.
+ *
  * @private
  */
 export interface IItemDataEventArgs {
@@ -349,6 +350,7 @@ export interface ITreeMapTooltipRenderEventArgs extends ITreeMapEventArgs {
 }
 /**
  * Specifies the event arguments available for the tooltip events in the treemap.
+ *
  * @private
  */
 export interface ITreeMapTooltipArgs extends ITreeMapEventArgs {
@@ -454,6 +456,7 @@ export interface IShapes {
 }
 /**
  * Defines the theme supported for treemap.
+ *
  * @private
  */
 export interface IThemeStyle {

package/src/treemap/model/print.js

@@ -61,6 +61,7 @@ var Print = /** @class */ (function () {
         }
         else {
             var exportElement = treeMap.element.cloneNode(true);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var backgroundElement = exportElement.getElementsByTagName('svg')[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 backgroundElement = backgroundElement.childNodes[0];

package/src/treemap/treemap.d.ts

@@ -41,21 +41,25 @@ import { PdfExport } from './model/pdf-export';
 export declare class TreeMap extends Component<HTMLElement> implements INotifyPropertyChanged {
     /**
      * Sets and gets the module that is used to add tooltip in the treemap.
+     *
      * @private
      */
     treeMapTooltipModule: TreeMapTooltip;
     /**
      * Sets and gets the module that is used to add highlight functionality in the treemap.
+     *
      * @private
      */
     treeMapHighlightModule: TreeMapHighlight;
     /**
      * Sets and gets the module that is used to add selection functionality in the treemap.
+     *
      * @private
      */
     treeMapSelectionModule: TreeMapSelection;
     /**
      * Sets and gets the module that is used to add legend in the treemap.
+     *
      * @private
      */
     treeMapLegendModule: TreeMapLegend;

package/src/treemap/treemap.js

@@ -127,8 +127,9 @@ var TreeMap = /** @class */ (function (_super) {
             fetchApiModule.onSuccess = function (args) {
                 if (!isNullOrUndefined(args.type) && args.type === 'application/octet-stream') {
                     var reader_1 = new FileReader();
+                    // eslint-disable-next-line @typescript-eslint/no-this-alias
                     var treemap_1 = _this;
-                    reader_1.onload = function (data) {
+                    reader_1.onload = function () {
                         args = JSON.parse(reader_1.result.toString());
                         treemap_1.dataSource = args;
                         treemap_1.renderTreeMapElements();
@@ -256,7 +257,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('role', 'region');
             element.setAttribute('tabindex', this.tabIndex.toString());
             if ((type === 'title' && !title.subtitleSettings.text) || (type === 'subtitle')) {
                 height = (this.availableSize.height - titleBounds.y - titlePadding - this.margin.bottom);
@@ -1082,43 +1083,50 @@ var TreeMap = /** @class */ (function (_super) {
         if (this.tooltipSettings.visible) {
             modules.push({
                 member: 'treeMapTooltip',
-                args: [this]
+                args: [this],
+                name: 'TreeMapTooltip'
             });
         }
         if (this.highlightSettings.enable) {
             modules.push({
                 member: 'treeMapHighlight',
-                args: [this]
+                args: [this],
+                name: 'TreeMapHighlight'
             });
         }
         if (this.selectionSettings.enable) {
             modules.push({
                 member: 'treeMapSelection',
-                args: [this]
+                args: [this],
+                name: 'TreeMapSelection'
             });
         }
         if (this.legendSettings.visible) {
             modules.push({
                 member: 'treeMapLegend',
-                args: [this]
+                args: [this],
+                name: 'TreeMapLegend'
             });
         }
         if (this.allowPrint) {
             modules.push({
                 member: 'Print',
-                args: [this, Print]
+                args: [this, Print],
+                name: 'Print'
             });
         }
         if (this.allowImageExport) {
             modules.push({
                 member: 'ImageExport',
-                args: [this, ImageExport]
+                args: [this, ImageExport],
+                name: 'ImageExport'
             });
         }
         if (this.allowPdfExport) {
             modules.push({
                 member: 'PdfExport',
-                args: [this, PdfExport]
+                args: [this, PdfExport],
+                name: 'PdfExport'
             });
         }
         return modules;
@@ -1180,6 +1188,20 @@ var TreeMap = /** @class */ (function (_super) {
         this.legendId = [];
         this.removeSvg();
         _super.prototype.destroy.call(this);
+        this.areaRect = null;
+        this.themeStyle = null;
+        this.totalRect = null;
+        this.drilledLegendItems = null;
+        this.doubleTapTimer = null;
+        this.treemapLevelData = null;
+        this.resizeEvent = null;
+        this.availableSize = null;
+        this.intl = null;
+        if (!isNullOrUndefined(this.layout)) {
+            this.layout.destroy();
+        }
+        this.layout = null;
+        this.renderer = null;
     };
     TreeMap.prototype.removeSvg = function () {
         removeElement(this.element.id + '_Secondary_Element');

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

@@ -16,11 +16,13 @@ export declare class TreeMapTooltip {
     removeTooltip(): void;
     /**
      * To bind events for tooltip module
+     *
      * @private
      */
     addEventListener(): void;
     /**
      * To unbind events for tooltip module
+     *
      * @private
      */
     removeEventListener(): void;

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

@@ -60,11 +60,13 @@ var TreeMapTooltip = /** @class */ (function () {
                     markerFill = item['options']['fill'];
                 }
                 if (this.treemap.enableRtl) {
-                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ? textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
+                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ?
+                            textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
                             || formatValue(value, this.treemap) + ' : ' + this.treemap.weightValuePath.toString()];
                 }
                 else {
-                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ? textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
+                    tooltipContent = [(!isNullOrUndefined(this.tooltipSettings.format) ?
+                            textFormatter(this.tooltipSettings.format, toolTipData, this.treemap) : null)
                             || this.treemap.weightValuePath.toString() + ' : ' + formatValue(value, this.treemap)];
                 }
                 if (document.getElementById(this.tooltipId)) {
@@ -168,6 +170,7 @@ var TreeMapTooltip = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
      * @private
      */
     TreeMapTooltip.prototype.addEventListener = function () {
@@ -180,6 +183,7 @@ var TreeMapTooltip = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To unbind events for tooltip module
+     *
      * @private
      */
     TreeMapTooltip.prototype.removeEventListener = function () {

package/src/treemap/utils/enum.d.ts

@@ -220,6 +220,7 @@ export declare type RenderingMode =
 'TopLeftBottomRight';
 /**
  * Defines the shape of the marker in the tooltip of the treemap.
+ *
  * @private
  */
 export declare type MarkerShape = 

package/src/treemap/utils/helper.d.ts

@@ -434,11 +434,10 @@ export declare function colorNameToHex(color: string): string;
  * @param {Size} size - Specifies the size
  * @param {string} url - Specifies the url
  * @param {PathOption} options - Specifies the options
- * @param {string} label - Specifies the label
  * @returns {Element} - Returns the element
  * @private
  */
-export declare function drawSymbol(location: Location, shape: string, size: Size, url: string, options: PathOption, label: string): Element;
+export declare function drawSymbol(location: Location, shape: string, size: Size, url: string, options: PathOption): Element;
 /**
  * @param {Location} location - Specifies the location
  * @param {Size} size - Specifies the size

package/src/treemap/utils/helper.js

@@ -1052,11 +1052,10 @@ export function colorNameToHex(color) {
  * @param {Size} size - Specifies the size
  * @param {string} url - Specifies the url
  * @param {PathOption} options - Specifies the options
- * @param {string} label - Specifies the label
  * @returns {Element} - Returns the element
  * @private
  */
-export function drawSymbol(location, shape, size, url, options, label) {
+export function drawSymbol(location, shape, size, url, options) {
     var svgRenderer = new SvgRenderer('');
     var temp = renderLegendShape(location, size, shape, options, url);
     var htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);

package/.github/PULL_REQUEST_TEMPLATE/Bug.md

@@ -1,72 +0,0 @@
-# Bug description
-
-Clearly and concisely describe the problem or feature (this cannot be empty).
-
-## Root cause
-
-Briefly describe the root cause and analysis of the problem.
-If there is an internal discussion on the forum, provide the link.
-
-## Reason for not identifying earlier
-
-Find how it was missed in our earlier testing and development and by whom it was missed. This will help prevent similar mistakes in the future.
-
-### Reason
-
-Provide reason for missing.
-
-### Action taken:
-
-Provide the action plan taken to avoid this issue further. Also, mention if we addressed any other area in the same product based on this learning.
-
-### Related Area for missing test case: 
-
-Unit test case / E2E test case / Manual testing
-
-## Is it a breaking issue?
-
-If it is a breaking issue, provide the commit detail which caused this break.
-
-## Solution description
-
-Describe your code changes in detail for reviewers.
-
-### Cause:
-
-Technical explanation for cause.
-
-### Fix: 
-
-Technical explanation for your fix.
-
-## Output screenshots
-
-Post the output screenshots if an UI is affected or added due to this bug.
-
-### Before issue fix output image:
-
-Provide issue image before fix.
-
-### After issue fix output image:
-
-Provide issue fixed image with your fix.
-
-## Areas affected and ensured
-
-List the areas affected by your code changes.
-
-## Additional checklist
-
-- [ ] Did you run the automation against your fix? <b> Yes | No Your Explanation </b>
-
-- [ ] Is there any API name change? <b> Yes | No Your Explanation </b>
-
-- [ ] Is there any existing behavior change of other features due to this code change? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you record this case in the unit test or UI test? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you added issue fix comment? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you tested this issue fix for all browsers? <b> [ ] Chrome [ ] Firefox [ ] Edge [ ] Internet Explorer </b>
-
-- [ ] Does it have any known issues? <b> Yes | No Your Explanation </b>

package/.github/PULL_REQUEST_TEMPLATE/Feature.md

@@ -1,49 +0,0 @@
-# Feature description
-
-Clearly and concisely describe the problem/feature (this cannot be empty)
-
-## Analysis / Design
-
-If there is an external design, link to it project documentation area
-If there is an internal discussion on the Forum, provide the link.
-
-## Solution Description
-
-Describe your code changes in detail for reviewers
-
-## Output screenshots
-
-Post the output screenshots if an UI is affected or added due to this feature.
-
-## Areas affected and ensured
-
-List out the areas are affected by your code changes.
-
-## Test cases
-
-Provide the unit testing written file details to understand the use cases considered in this implementation.
-If there is no TDD (if it’s not possible to follow), provide the UI automation script location and the Excel file that contains the use cases considered in this implementation.
-Provide the test cases Excel file alone if the feature cannot be automated in any case.
-
-## Test bed sample location
-
-Provide the test bed sample location where code reviewers can review the new feature’s behaviors. It can be from NPMCI, staging site, local server, etc.
-
-## Additional checklist
-
-- [ ] Did you run the automation against your feature? <b> Yes | No Your Explanation </b>
-
-- [ ] Is there any API name change? <b> Yes | No Your Explanation </b>
-
-- [ ] Is there any existing behavior change of other features due to this code change? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you record this case in the unit test or UI test? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you add comment for your new code (Method / Class / API / Interface / Event)? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you configured third party config your feature? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you tested this feature with all browsers? <b> [ ] Chrome [ ] Firefox [ ] Edge [ ] Internet Explorer </b>
-
- 
-