@syncfusion/ej2-treemap 24.2.3 → 25.2.3

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

@@ -1642,11 +1642,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) {
     var svgRenderer = new SvgRenderer('');
     var temp = renderLegendShape(location, size, shape, options, url);
     var htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);
@@ -2461,10 +2460,11 @@ var LayoutPanel = /** @__PURE__ @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 {
@@ -2999,6 +2999,7 @@ var Print = /** @__PURE__ @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];
@@ -3329,8 +3330,9 @@ var TreeMap = /** @__PURE__ @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();
@@ -3458,7 +3460,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('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);
@@ -4284,43 +4286,50 @@ var TreeMap = /** @__PURE__ @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;
@@ -4382,6 +4391,20 @@ var TreeMap = /** @__PURE__ @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');
@@ -4592,9 +4615,10 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
         this.treemap = treemap;
         this.addEventListener();
     }
-    // eslint-disable-next-line valid-jsdoc
     /**
      * method for legend
+     *
+     * @returns {void}
      * @private
      */
     TreeMapLegend.prototype.renderLegend = function () {
@@ -5120,6 +5144,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend
+     *
      * @private
      */
     TreeMapLegend.prototype.drawLegend = function () {
@@ -5232,7 +5257,7 @@ var TreeMapLegend = /** @__PURE__ @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);
@@ -5287,7 +5312,9 @@ var TreeMapLegend = /** @__PURE__ @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);
@@ -5323,7 +5350,10 @@ var TreeMapLegend = /** @__PURE__ @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);
         }
     };
     /**
@@ -5473,8 +5503,11 @@ var TreeMapLegend = /** @__PURE__ @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);
@@ -5483,6 +5516,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the interactive pointer
+     *
      * @private
      */
     TreeMapLegend.prototype.removeInteractivePointer = function () {
@@ -5521,6 +5555,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To add the event listener
+     *
      * @private
      */
     TreeMapLegend.prototype.addEventListener = function () {
@@ -5533,6 +5568,7 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To remove the event listener
+     *
      * @private
      */
     TreeMapLegend.prototype.removeEventListener = function () {
@@ -5557,6 +5593,8 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
      * @private
      */
     TreeMapLegend.prototype.destroy = function () {
+        clearTimeout(this.clearTimeout);
+        this.clearTimeout = null;
         this.legendRenderingCollections = [];
         this.legendCollections = [];
         this.outOfRangeLegend = null;
@@ -5570,8 +5608,7 @@ var TreeMapLegend = /** @__PURE__ @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.
@@ -6185,11 +6222,13 @@ var TreeMapTooltip = /** @__PURE__ @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)) {
@@ -6293,6 +6332,7 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
      * @private
      */
     TreeMapTooltip.prototype.addEventListener = function () {
@@ -6305,6 +6345,7 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To unbind events for tooltip module
+     *
      * @private
      */
     TreeMapTooltip.prototype.removeEventListener = function () {