@syncfusion/ej2-treemap 24.2.3 → 25.2.3

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

@@ -1549,11 +1549,10 @@ 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
  */
-function drawSymbol(location, shape, size, url, options, label) {
+function drawSymbol(location, shape, size, url, options) {
     const svgRenderer = new SvgRenderer('');
     const temp = renderLegendShape(location, size, shape, options, url);
     const htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);
@@ -2366,10 +2365,11 @@ class LayoutPanel {
                         }
                     }
                     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 {
@@ -2899,6 +2899,7 @@ class Print {
         }
         else {
             const exportElement = treeMap.element.cloneNode(true);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             let backgroundElement = exportElement.getElementsByTagName('svg')[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 backgroundElement = backgroundElement.childNodes[0];
@@ -3208,9 +3209,10 @@ let TreeMap = class TreeMap extends Component {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             fetchApiModule.onSuccess = (args) => {
                 if (!isNullOrUndefined(args.type) && args.type === 'application/octet-stream') {
-                    let reader = new FileReader();
-                    let treemap = this;
-                    reader.onload = function (data) {
+                    const reader = new FileReader();
+                    // eslint-disable-next-line @typescript-eslint/no-this-alias
+                    const treemap = this;
+                    reader.onload = function () {
                         args = JSON.parse(reader.result.toString());
                         treemap.dataSource = args;
                         treemap.renderTreeMapElements();
@@ -3338,7 +3340,7 @@ let TreeMap = class TreeMap extends Component {
             const titleBounds = new Rect(location.x, location.y, elementSize.width, elementSize.height);
             const 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);
@@ -4151,43 +4153,50 @@ let TreeMap = class TreeMap extends Component {
         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;
@@ -4248,6 +4257,20 @@ let TreeMap = class TreeMap extends Component {
         this.legendId = [];
         this.removeSvg();
         super.destroy();
+        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;
     }
     removeSvg() {
         removeElement(this.element.id + '_Secondary_Element');
@@ -4454,9 +4477,10 @@ class TreeMapLegend {
         this.treemap = treemap;
         this.addEventListener();
     }
-    // eslint-disable-next-line valid-jsdoc
     /**
      * method for legend
+     *
+     * @returns {void}
      * @private
      */
     renderLegend() {
@@ -4980,6 +5004,7 @@ class TreeMapLegend {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend
+     *
      * @private
      */
     drawLegend() {
@@ -5092,7 +5117,7 @@ class TreeMapLegend {
                 };
                 treemap.trigger(legendItemRendering, eventArgs, (observedArgs) => {
                     const renderOptions = new PathOption(shapeId, observedArgs.fill, strokeWidth, isLineShape ? collection['Fill'] : strokeColor, 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);
@@ -5142,7 +5167,9 @@ class TreeMapLegend {
                     '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);
@@ -5178,7 +5205,10 @@ class TreeMapLegend {
         const 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);
+            const textElement = renderTextElement(textOptions, textStyle, textStyle.color ||
+                this.treemap.themeStyle.legendTitleColor, this.legendGroup);
+            textElement.setAttribute('role', 'region');
+            textElement.setAttribute('aria-label', legendTitle);
         }
     }
     /**
@@ -5328,8 +5358,11 @@ class TreeMapLegend {
             this.translate = new Location(x, y);
         }
     }
-    // eslint-disable-next-line valid-jsdoc
-    /** @private */
+    /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
+     * @private
+     */
     mouseUpHandler(e) {
         this.renderInteractivePointer(e);
         clearTimeout(this.clearTimeout);
@@ -5338,6 +5371,7 @@ class TreeMapLegend {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the interactive pointer
+     *
      * @private
      */
     removeInteractivePointer() {
@@ -5376,6 +5410,7 @@ class TreeMapLegend {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To add the event listener
+     *
      * @private
      */
     addEventListener() {
@@ -5388,6 +5423,7 @@ class TreeMapLegend {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the event listener
+     *
      * @private
      */
     removeEventListener() {
@@ -5412,6 +5448,8 @@ class TreeMapLegend {
      * @private
      */
     destroy() {
+        clearTimeout(this.clearTimeout);
+        this.clearTimeout = null;
         this.legendRenderingCollections = [];
         this.legendCollections = [];
         this.outOfRangeLegend = null;
@@ -5425,8 +5463,7 @@ class TreeMapLegend {
         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.
@@ -6036,11 +6073,13 @@ class TreeMapTooltip {
                     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)) {
@@ -6144,6 +6183,7 @@ class TreeMapTooltip {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
      * @private
      */
     addEventListener() {
@@ -6156,6 +6196,7 @@ class TreeMapTooltip {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To unbind events for tooltip module
+     *
      * @private
      */
     removeEventListener() {