@syncfusion/ej2-treemap 20.3.59 → 20.4.38

package/src/treemap/utils/helper.js

@@ -11,6 +11,12 @@ var Size = /** @class */ (function () {
     return Size;
 }());
 export { Size };
+/**
+ *
+ * @param {string} value - specifies the text.
+ * @param {number} containerSize - specifies the container size value.
+ * @returns {number} - Returns the number value which is converted from string.
+ */
 export function stringToNumber(value, containerSize) {
     if (value !== null && value !== undefined) {
         return value.indexOf('%') !== -1 ? (containerSize / 100) * parseInt(value, 10) : parseInt(value, 10);
@@ -71,7 +77,6 @@ export { PathOption };
  *
  * @param  {string} text - Specifies the text.
  * @param  {FontModel} font - Specifies the font.
- * @param  {string} id - Specifies the id.
  * @returns {Size} - Returns the size.
  * @private
  */
@@ -157,6 +162,12 @@ var Location = /** @class */ (function () {
 export { Location };
 /**
  * Method to calculate x position of title
+ *
+ * @param {Rect} location - Specifies the location of text.
+ * @param {Alignment} alignment - Specifies the alignment of the text.
+ * @param {Size} textSize - Specifies the size of the text.
+ * @param {type} type - Specifies whether the provided text is title or subtitle.
+ * @returns {Location} - Returns the location of text.
  */
 export function findPosition(location, alignment, textSize, type) {
     var x;
@@ -176,9 +187,14 @@ export function findPosition(location, alignment, textSize, type) {
     var y = (type === 'title') ? location.y + (textSize.height / 2) : ((location.y + location.height / 2) + textSize.height / 2);
     return new Location(x, y);
 }
-export function createTextStyle(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-renderer, renderOptions, text) {
+/**
+ *
+ * @param {SvgRenderer} renderer - Specifies the rendering element of the SVG.
+ * @param {any} renderOptions - Specifies the settings of the text.
+ * @param {string} text - Specifies the text.
+ * @returns {HTMLElement} - Returns the HTML element for the text.
+ */
+export function createTextStyle(renderer, renderOptions, text) {
     var htmlObject = renderer.createText(renderOptions, text);
     htmlObject.setAttributeNS('http://www.w3.org/XML/1998/namespace', 'xml:space', 'preserve');
     htmlObject.style['user-select'] = 'none';
@@ -196,14 +212,13 @@ renderer, renderOptions, text) {
  * @param {TextOption} options - Specifies the text option
  * @param {FontModel} font - Specifies the font model
  * @param {string} color - Specifies the color
- * @param {HTMLElement | Element} parent - Specifes the html element
+ * @param {HTMLElement | Element} parent - Specifies the parent element of the text
  * @param {boolean} isMinus - Specifies the boolean value
  * @returns {Element} - Returns the element
  * @private
  */
 export function renderTextElement(options, font, color, parent, isMinus) {
     if (isMinus === void 0) { isMinus = false; }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var renderOptions = {
         'font-size': font.size,
         'font-style': font.fontStyle,
@@ -230,7 +245,8 @@ export function renderTextElement(options, font, color, parent, isMinus) {
         var spacing = 5;
         var drillLevelText = drilledLabel.split('#');
         for (var z = 0; z < drillLevelText.length; z++) {
-            var drillText = (drillLevelText[z].search(options.connectorText) !== -1 && !isNullOrUndefined(options.connectorText)) ?
+            var drillText = (drillLevelText[z].search(options.connectorText) !== -1 &&
+                !isNullOrUndefined(options.connectorText)) ?
                 options.connectorText : drillLevelText[z];
             renderOptions['id'] = options.id + '_' + z;
             htmlObject = createTextStyle(renderer, renderOptions, drillText);
@@ -260,6 +276,13 @@ export function renderTextElement(options, font, color, parent, isMinus) {
     }
     return htmlObject;
 }
+/**
+ *
+ * @param {string} targetId - Specifies the id of the element to which template is to be appended.
+ * @param {Element} targetElement - Specifies the element to which template is to be appended.
+ * @param {string} contentItemTemplate - Specifies the content to be appended as template.
+ * @returns {void}
+ */
 export function setItemTemplateContent(targetId, targetElement, contentItemTemplate) {
     var itemSelect = targetId.split('_RectPath')[0];
     var itemTemplate;
@@ -273,21 +296,39 @@ export function setItemTemplateContent(targetId, targetElement, contentItemTempl
         itemTemplate.innerHTML = contentItemTemplate;
     }
 }
+/**
+ *
+ * @param {string} id - Specifies the id of the element.
+ * @returns {Element} - Returns the element.
+ */
 export function getElement(id) {
     return document.getElementById(id);
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {any} a - Specifies the first order of TreeMap leaf elements.
+ * @param {any} b - Specifies the second order of TreeMap leaf elements.
+ * @returns {number} - Returns the order of the TreeMap leaf element.
+ */
 export function itemsToOrder(a, b) {
     return a['weight'] === b['weight'] ? 0 : a['weight'] < b['weight'] ? 1 : -1;
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {string[]} source - Specifies the data from the data source.
+ * @param {string} pathName - Specifies the path name in the data source.
+ * @param {any} processData - Specifies the data source object.
+ * @param {TreeMap} treemap - Specifies the treemap instance.
+ * @returns {boolean} - Specifies whether data is available in the data source or not.
+ */
 export function isContainsData(source, pathName, processData, treemap) {
     var isExist = false;
     var name = '';
     var path;
     var leaf = treemap.leafItemSettings;
     for (var i = 0; i < source.length; i++) {
-        path = treemap.levels[i] ? treemap.levels[i].groupPath : leaf.labelPath ? leaf.labelPath : treemap.weightValuePath;
+        path = treemap.levels[i] ? treemap.levels[i].groupPath : leaf.labelPath ? leaf.labelPath :
+            treemap.weightValuePath;
         var data = processData[path] || 'undefined';
         if (source[i] === data) {
             name += data + (i === source.length - 1 ? '' : '#');
@@ -299,9 +340,12 @@ export function isContainsData(source, pathName, processData, treemap) {
     }
     return isExist;
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {any} data - Specifies the data to which the children elements to be found.
+ * @returns {any} - Returns the children elements of the TreeMap leaf element.
+ */
 export function findChildren(data) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var children;
     if (data) {
         var keys = Object.keys(data);
@@ -316,11 +360,17 @@ export function findChildren(data) {
     }
     return children;
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {any} data - Specifies the data to which highlight must be done.
+ * @param {items} items - Specifies the data source items.
+ * @param {string} mode - Specifies the mode of highlight.
+ * @param {TreeMap} treeMap - Specifies the treemap instance.
+ * @returns {string[]} - Returns the highlighted items.
+ */
 export function findHightLightItems(data, items, mode, treeMap) {
     if (mode === 'Child') {
         items.push(data['levelOrderName']);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var children = findChildren(data)['values'];
         if (children && children.length > 0) {
             for (var i = 0; i < children.length; i++) {
@@ -341,7 +391,6 @@ export function findHightLightItems(data, items, mode, treeMap) {
     }
     else if (mode === 'All') {
         var parentName = data['levelOrderName'].split('#')[0];
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var currentItem = void 0;
         for (var i = 0; i < treeMap.layout.renderItems.length; i++) {
             currentItem = treeMap.layout.renderItems[i];
@@ -362,12 +411,8 @@ export function findHightLightItems(data, items, mode, treeMap) {
  * @returns {Function} - Returns the template function
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function getTemplateFunction(template) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var templateFn = null;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var e;
     try {
         if (document.querySelectorAll(template).length) {
             templateFn = compile(document.querySelector(template).innerHTML.trim());
@@ -385,31 +430,38 @@ export function getTemplateFunction(template) {
  * @param {Object} data - Specifies the data
  * @returns {HTMLElement} - Returns the element
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function convertElement(element, labelId, data) {
     var childElement = createElement('div', {
-        id: labelId,
-        styles: 'position: absolute;pointer-events: auto;'
+        id: labelId
     });
+    childElement.style.cssText = 'position: absolute;pointer-events: auto;';
     var elementLength = element.length;
     while (elementLength > 0) {
         childElement.appendChild(element[0]);
         elementLength--;
     }
     var templateHtml = childElement.innerHTML;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var keys = Object.keys(data);
     for (var i = 0; i < keys.length; i++) {
-        templateHtml = templateHtml.replace(new RegExp('{{:' + keys[i] + '}}', 'g'), data[keys[i].toString()]);
+        var regExp = RegExp;
+        templateHtml = templateHtml.replace(new regExp('{{:' + keys[i] + '}}', 'g'), data[keys[i].toString()]);
     }
     childElement.innerHTML = templateHtml;
     return childElement;
 }
+/**
+ *
+ * @param {Rect} rect - Specifies the area.
+ * @param {LabelPosition} position - Specifies the position
+ * @param {Size} labelSize - Specifies the label size.
+ * @param {string} type - Specifies the type.
+ * @param {TreeMap} treemap - Specifies the treemap instance.
+ * @returns {Location} - Returns the text location.
+ */
 export function findLabelLocation(rect, position, labelSize, type, treemap) {
     var location = new Location(0, 0);
     var padding = 5;
     var paddings = 2;
-    var elementRect = treemap.element.getBoundingClientRect();
     var x = (type === 'Template') ? treemap.areaRect.x : 0;
     var y = (type === 'Template') ? treemap.areaRect.y : 0;
     location.x = (Math.abs(x - ((position.indexOf('Left') > -1) ? rect.x + padding : !(position.indexOf('Right') > -1) ?
@@ -425,6 +477,12 @@ export function findLabelLocation(rect, position, labelSize, type, treemap) {
     }
     return location;
 }
+/**
+ *
+ * @param {HTMLElement} element - Specifies the element to be measured.
+ * @param {HTMLElement} parentElement - Specifies the parent element of the element to be measured.
+ * @returns {Size} - Returns the element size.
+ */
 export function measureElement(element, parentElement) {
     var size = new Size(0, 0);
     parentElement.appendChild(element);
@@ -434,9 +492,19 @@ export function measureElement(element, parentElement) {
     measureElementId.parentNode.removeChild(measureElementId);
     return size;
 }
+/**
+ *
+ * @param {Rect} rect - Specifies the area.
+ * @returns {number} - Returns the area width.
+ */
 export function getArea(rect) {
     return (rect.width - rect.x) * (rect.height - rect.y);
 }
+/**
+ *
+ * @param {Rect} input - Specifies input for the calculation.
+ * @returns {number} - Returns the shortest edge.
+ */
 export function getShortestEdge(input) {
     var container = convertToContainer(input);
     var width = container.width;
@@ -444,6 +512,11 @@ export function getShortestEdge(input) {
     var result = Math.min(width, height);
     return result;
 }
+/**
+ *
+ * @param {Rect} rect - Specifies the rectangle bounds of the container.
+ * @returns {Rect} - Returns the rectangle bounds.
+ */
 export function convertToContainer(rect) {
     var x = rect.x;
     var y = rect.y;
@@ -456,6 +529,11 @@ export function convertToContainer(rect) {
         height: height - y
     };
 }
+/**
+ *
+ * @param {Rect} container - Specifies the rectangle bounds of the container.
+ * @returns {Rect} - Returns the rectangle bounds.
+ */
 export function convertToRect(container) {
     var xOffset = container.x;
     var yOffset = container.y;
@@ -468,6 +546,13 @@ export function convertToRect(container) {
         height: yOffset + height
     };
 }
+/**
+ *
+ * @param {number} pageX - Specifies the horizontal position of the mouse location.
+ * @param {number} pageY - Specifies the vertical position of the mouse location.
+ * @param {Element} element - Specifies the element to which the click is done.
+ * @returns {Location} - Returns the clicked location.
+ */
 export function getMousePosition(pageX, pageY, element) {
     var elementRect = element.getBoundingClientRect();
     var pageXOffset = element.ownerDocument.defaultView.pageXOffset;
@@ -478,9 +563,15 @@ export function getMousePosition(pageX, pageY, element) {
     var positionY = elementRect.top + pageYOffset - clientTop;
     return new Location((pageX - positionX), (pageY - positionY));
 }
-export function colorMap(colorMapping, equalValue, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-value, weightValuePath) {
+/**
+ *
+ * @param {ColorMappingModel[]} colorMapping - Specifies the color mapping instance.
+ * @param {string} equalValue - Specifies the equal value.
+ * @param {number | string} value - Specifies the range value.
+ * @returns {any} - Returns the color mapping object.
+ * @private
+ */
+export function colorMap(colorMapping, equalValue, value) {
     var fill;
     var paths = [];
     var opacity;
@@ -492,7 +583,8 @@ value, weightValuePath) {
         var dataValue = value;
         if (!isNullOrUndefined(colorMapping[i].from) && !isNullOrUndefined(colorMapping[i].to)
             && !isNullOrUndefined(colorMapping[i].value)) {
-            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) && (colorMapping[i].value === equalValue)) {
+            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) &&
+                (colorMapping[i].value === equalValue)) {
                 isEqualColor = true;
                 if (Object.prototype.toString.call(colorMapping[i].color) === '[object Array]') {
                     fill = !isEqualColor ? colorCollections(colorMapping[i], dataValue) : colorMapping[i].color[0];
@@ -504,7 +596,8 @@ value, weightValuePath) {
         }
         else if ((!isNullOrUndefined(colorMapping[i].from) && !isNullOrUndefined(colorMapping[i].to))
             || !isNullOrUndefined((colorMapping[i].value))) {
-            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) || (colorMapping[i].value === equalValue)) {
+            if ((value >= colorMapping[i].from && colorMapping[i].to >= value)
+                || (colorMapping[i].value === equalValue)) {
                 if (colorMapping[i].value === equalValue) {
                     isEqualColor = true;
                 }
@@ -516,9 +609,11 @@ value, weightValuePath) {
                 }
             }
         }
-        if (((value >= colorMapping[i].from && value <= colorMapping[i].to) || (colorMapping[i].value === equalValue))
-            && !isNullOrUndefined(colorMapping[i].minOpacity) && !isNullOrUndefined(colorMapping[i].maxOpacity) && fill) {
-            opacity = deSaturationColor(weightValuePath, colorMapping[i], fill, value);
+        if (((value >= colorMapping[i].from && value <= colorMapping[i].to)
+            || (colorMapping[i].value === equalValue))
+            && !isNullOrUndefined(colorMapping[i].minOpacity) && !isNullOrUndefined(colorMapping[i].maxOpacity)
+            && fill) {
+            opacity = deSaturationColor(colorMapping[i], value);
         }
         if ((fill === '' || isNullOrUndefined(fill))
             && isNullOrUndefined(colorMapping[i].from) && isNullOrUndefined(colorMapping[i].to)
@@ -536,7 +631,14 @@ value, weightValuePath) {
     }
     return { fill: fill, opacity: opacity };
 }
-export function deSaturationColor(weightValuePath, colorMapping, color, rangeValue) {
+/**
+ *
+ * @param {ColorMappingModel} colorMapping - Specifies the color mapping object.
+ * @param {number} rangeValue - Specifies the range value.
+ * @returns {string} - Returns the opacity for the color mapping.
+ * @private
+ */
+export function deSaturationColor(colorMapping, rangeValue) {
     var opacity = 1;
     if ((rangeValue >= colorMapping.from && rangeValue <= colorMapping.to)) {
         var ratio = (rangeValue - colorMapping.from) / (colorMapping.to - colorMapping.from);
@@ -544,13 +646,32 @@ export function deSaturationColor(weightValuePath, colorMapping, color, rangeVal
     }
     return opacity.toString();
 }
+/**
+ *
+ * @param {ColorMappingModel} colorMap - Specifies the color mapping object.
+ * @param {number} value - Specifies the range value.
+ * @returns {string} - Returns the fill color.
+ */
 export function colorCollections(colorMap, value) {
     var gradientFill = getColorByValue(colorMap, value);
     return gradientFill;
 }
+/**
+ *
+ * @param {number} r - Specifies the red color value.
+ * @param {number} g - Specifies the green color value.
+ * @param {number} b - Specifies the blue color value.
+ * @returns {string} - Returns the fill color.
+ */
 export function rgbToHex(r, g, b) {
     return '#' + componentToHex(r) + componentToHex(g) + componentToHex(b);
 }
+/**
+ *
+ * @param {ColorMappingModel} colorMap - Specifies the color mapping.
+ * @param {number} value - Specifies the range value.
+ * @returns {string} - Returns the fill color.
+ */
 export function getColorByValue(colorMap, value) {
     var color = '';
     var rbg;
@@ -566,14 +687,18 @@ export function getColorByValue(colorMap, value) {
     }
     return color;
 }
+/**
+ *
+ * @param {number} value - Specifies the range value.
+ * @param {ColorMappingModel} colorMap - Specifies the color mapping.
+ * @returns {ColorValue} - Returns the color value object.
+ */
 export function getGradientColor(value, colorMap) {
     var previousOffset = colorMap.from;
     var nextOffset = colorMap.to;
     var percent = 0;
-    var prev1;
     var full = nextOffset - previousOffset;
     var midColor;
-    var midreturn;
     percent = (value - previousOffset) / full;
     var previousColor;
     var nextColor;
@@ -590,7 +715,6 @@ export function getGradientColor(value, colorMap) {
         var b = void 0;
         var c = void 0;
         var length_1 = colorMap.color.length - 1;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var splitColorValueOffset = [];
         var splitColor = {};
         for (var j = 1; j < length_1; j++) {
@@ -628,6 +752,13 @@ export function getGradientColor(value, colorMap) {
     }
     return getPercentageColor(percent, previousColor, nextColor);
 }
+/**
+ *
+ * @param {number} percent - Specifies the percentage of the color.
+ * @param {number} previous - Specifies the previous color.
+ * @param {number} next - Specifies the next color.
+ * @returns {ColorValue} - Returns the color value object.
+ */
 export function getPercentageColor(percent, previous, next) {
     var nextColor = next.split('#')[1];
     var prevColor = previous.split('#')[1];
@@ -636,10 +767,24 @@ export function getPercentageColor(percent, previous, next) {
     var b = getPercentage(percent, parseInt(prevColor.substr(4, 2), 16), parseInt(nextColor.substr(4, 2), 16));
     return new ColorValue(r, g, b);
 }
+/**
+ *
+ * @param {number} percent - Specifies the percentage of the color.
+ * @param {number} previous - Specifies the previous color.
+ * @param {number} next - Specifies the next color.
+ * @returns {number} - Returns the color value.
+ */
 export function getPercentage(percent, previous, next) {
     var full = next - previous;
     return Math.round((previous + (full * percent)));
 }
+/**
+ *
+ * @param {number} maximumWidth - Specifies the length of the text.
+ * @param {string} dataLabel - Specifies the label.
+ * @param {FontModel} font - Specifies the font of the label.
+ * @returns {string[]} - Returns the labels.
+ */
 export function wordWrap(maximumWidth, dataLabel, font) {
     var textCollection = dataLabel.split(' ');
     var label = '';
@@ -666,8 +811,14 @@ export function wordWrap(maximumWidth, dataLabel, font) {
     }
     return labelCollection;
 }
+/**
+ *
+ * @param {number} maxWidth - Specifies the length of the text.
+ * @param {string} label - Specifies the label.
+ * @param {FontModel} font - Specifies the font of the label.
+ * @returns {string[]} - Returns the labels.
+ */
 export function textWrap(maxWidth, label, font) {
-    var text = label;
     var resultText = [];
     var currentLength = 0;
     var totalWidth = measureText(label, font).width;
@@ -695,11 +846,11 @@ export function textWrap(maxWidth, label, font) {
 /**
  * hide function
  *
- * @param {number} maxWidth - Specifies the maximum width
- * @param {number} maxHeight - Specifies the maximum height
- * @param {string} text - Specifies the text
- * @param {FontModel} font - Specifies the font
- * @returns {string} - Returns the hideText
+ * @param {number} maxWidth - Specifies the maximum width.
+ * @param {number} maxHeight - Specifies the maximum height.
+ * @param {string} text - Specifies the text.
+ * @param {FontModel} font - Specifies the font.
+ * @returns {string} - Returns the hidden text.
  */
 export function hide(maxWidth, maxHeight, text, font) {
     var hideText = text;
@@ -707,6 +858,12 @@ export function hide(maxWidth, maxHeight, text, font) {
     hideText = (textSize.width > maxWidth || textSize.height > maxHeight) ? ' ' : text;
     return hideText;
 }
+/**
+ *
+ * @param {number} a - Specifies the first value of the leaf.
+ * @param {number} b - Specifies the second value of the leaf.
+ * @returns {number} - Returns whether values are equal or not.
+ */
 export function orderByArea(a, b) {
     if (a['itemArea'] === b['itemArea']) {
         return 0;
@@ -716,6 +873,13 @@ export function orderByArea(a, b) {
     }
     return -1;
 }
+/**
+ *
+ * @param {TreeMap} treemap - Specifies the treemap instance.
+ * @param {Element} element - Specifies the selected TreeMap leaf item.
+ * @param {string} className -Specifies the selected class name.
+ * @returns {void}
+ */
 export function maintainSelection(treemap, element, className) {
     var elementId = treemap.levelSelection;
     if (elementId) {
@@ -735,29 +899,37 @@ export function maintainSelection(treemap, element, className) {
         }
     }
 }
+/**
+ *
+ * @param {TreeMap} treemap - Specifies the treemap instance.
+ * @param {Element} legendGroup - Specifies the selected element.
+ * @returns {void}
+ */
 export function legendMaintain(treemap, legendGroup) {
     var elementId = treemap.legendId;
     if (elementId) {
         for (var i = 0; i < elementId.length; i++) {
             for (var j = 0; j < legendGroup.childElementCount; j++) {
                 if (legendGroup.childNodes[j]['id'] === elementId[i]) {
-                    legendGroup.childNodes[j].setAttribute('fill', treemap.selectionSettings.fill);
-                    legendGroup.childNodes[j].setAttribute('stroke', treemap.selectionSettings.border.color);
-                    legendGroup.childNodes[j].setAttribute('stroke-width', (treemap.selectionSettings.border.width).toString());
-                    legendGroup.childNodes[j].setAttribute('opacity', treemap.selectionSettings.opacity);
+                    var treemapSVGRectElement = legendGroup.childNodes[j];
+                    treemapSVGRectElement.setAttribute('fill', treemap.selectionSettings.fill);
+                    treemapSVGRectElement.setAttribute('stroke', treemap.selectionSettings.border.color);
+                    treemapSVGRectElement.setAttribute('stroke-width', (treemap.selectionSettings.border.width).toString());
+                    treemapSVGRectElement.setAttribute('opacity', treemap.selectionSettings.opacity);
                 }
             }
         }
     }
 }
+/**
+ *
+ * @param {HTMLCollection} elements - Specifies the selected TreeMap element.
+ * @param {string} type - Specifies the selection type.
+ * @param {TreeMap} treemap - Specifies the TreeMap instance.
+ * @returns {void}
+ */
 export function removeClassNames(elements, type, treemap) {
-    var opacity;
-    var process = true;
     var element;
-    var stroke;
-    var strokeWidth;
-    var fill;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var options = {};
     for (var j = 0; j < elements.length; j++) {
         element = isNullOrUndefined(elements[j].childNodes[0]) ? elements[j] :
@@ -768,7 +940,12 @@ export function removeClassNames(elements, type, treemap) {
         j -= 1;
     }
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {SVGPathElement} element - Specifies the SVG path element.
+ * @param {any} options - Specifies the settings for the SVG path element.
+ * @returns {void}
+ */
 export function applyOptions(element, options) {
     element.setAttribute('opacity', options['opacity']);
     if (!isNullOrUndefined(options['fill'])) {
@@ -777,7 +954,13 @@ export function applyOptions(element, options) {
     element.setAttribute('stroke', options['border']['color']);
     element.setAttribute('stroke-width', options['border']['width']);
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {string} format - Specifies the format value.
+ * @param {any} data - Specifies the data source object.
+ * @param {TreeMap} treemap - Specifies the TreeMap instance.
+ * @returns {string} - Returns the formatted text.
+ */
 export function textFormatter(format, data, treemap) {
     if (isNullOrUndefined(format)) {
         return null;
@@ -789,8 +972,13 @@ export function textFormatter(format, data, treemap) {
     }
     return format;
 }
+/**
+ *
+ * @param {number} value - Specifies the text to be formatted.
+ * @param {TreeMap} treemap - Specifies the TreeMap instance.
+ * @returns {string | number} - Returns the formatted text.
+ */
 export function formatValue(value, treemap) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var formatValue;
     var formatFunction;
     if (treemap.format && !isNaN(Number(value))) {
@@ -823,7 +1011,7 @@ export function convertToHexCode(value) {
     return '#' + componentToHex(value.r) + componentToHex(value.g) + componentToHex(value.b);
 }
 /**
- * @param {number} value - Specifes the value
+ * @param {number} value - Specifies the value
  * @returns {string} - Returns the string
  * @private */
 export function componentToHex(value) {
@@ -850,9 +1038,8 @@ export function colorNameToHex(color) {
     var element = document.getElementById('treeMapMeasureText');
     element.style.color = color;
     color = window.getComputedStyle(element).color;
-    var exp = /^(rgb|hsl)(a?)[(]\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*,\s*([\d.]+\s*%?)\s*(?:,\s*([\d.]+)\s*)?[)]$/;
-    var isRGBValue = exp.exec(color);
-    return convertToHexCode(new ColorValue(parseInt(isRGBValue[3], 10), parseInt(isRGBValue[4], 10), parseInt(isRGBValue[5], 10)));
+    var isRGBValue = color.replace(/[()RGBrgba ]/g, '').split(',');
+    return convertToHexCode(new ColorValue(parseInt(isRGBValue[0], 10), parseInt(isRGBValue[1], 10), parseInt(isRGBValue[2], 10)));
 }
 /**
  * @param {Location} location - Specifies the location
@@ -865,7 +1052,6 @@ export function colorNameToHex(color) {
  * @private
  */
 export function drawSymbol(location, shape, size, url, options, label) {
-    var functionName = 'Path';
     var svgRenderer = new SvgRenderer('');
     var temp = renderLegendShape(location, size, shape, options, url);
     var htmlElement = svgRenderer['draw' + temp.functionName](temp.renderOption);
@@ -971,7 +1157,12 @@ export function renderLegendShape(location, size, shape, options, url) {
     }
     return { renderOption: options, functionName: functionName };
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {any} data - Specifies the data source object.
+ * @param {any} item - Specifies the leaf item.
+ * @returns {boolean} - Returns whether the TreeMap item is level item or leaf item.
+ */
 export function isParentItem(data, item) {
     var isParentItem = false;
     for (var j = 0; j < data.length; j++) {
@@ -986,7 +1177,6 @@ export function isParentItem(data, item) {
  * Ajax support for treemap
  */
 var TreeMapAjax = /** @class */ (function () {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     function TreeMapAjax(options, type, async, contentType, sendData) {
         this.dataOptions = options;
         this.type = type || 'GET';
@@ -997,21 +1187,29 @@ var TreeMapAjax = /** @class */ (function () {
     return TreeMapAjax;
 }());
 export { TreeMapAjax };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function removeShape(collection, value) {
+/**
+ *
+ * @param {any[]} collection - Specifies the legend collection.
+ * @returns {void}
+ * @private
+ */
+export function removeShape(collection) {
     if (collection.length > 0) {
         for (var i = 0; i < collection.length; i++) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var item = collection[i];
             setColor(item['legendEle'], item['oldFill'], item['oldOpacity'], item['oldBorderColor'], item['oldBorderWidth']);
         }
     }
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function removeLegend(collection, value) {
+/**
+ *
+ * @param {any[]} collection - Specifies the legend collection.
+ * @returns {void}
+ * @private
+ */
+export function removeLegend(collection) {
     if (collection.length > 0) {
         for (var j = 0; j < collection.length; j++) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var item = collection[j];
             setColor(item['legendEle'], item['oldFill'], item['oldOpacity'], item['oldBorderColor'], item['oldBorderWidth']);
             var dataCount = item['ShapeCollection']['Elements'].length;
@@ -1021,19 +1219,40 @@ export function removeLegend(collection, value) {
         }
     }
 }
+/**
+ *
+ * @param {Element} element - Specifies the selected element.
+ * @param {string} fill - Specifies the fill color.
+ * @param {string} opacity - Specifies the opacity.
+ * @param {string} borderColor - Specifies the border color.
+ * @param {string} borderWidth - Specifies the border width.
+ * @returns {void}
+ */
 export function setColor(element, fill, opacity, borderColor, borderWidth) {
     element.setAttribute('fill', fill);
     element.setAttribute('opacity', opacity);
     element.setAttribute('stroke', borderColor);
     element.setAttribute('stroke-width', borderWidth);
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {any[]} collection - Specifies the selected item collection.
+ * @param {any[]} element - Specifies the selected element collection.
+ * @param {TreeMap} treemap - Specifies the TreeMap instance.
+ * @returns {void}
+ */
 export function removeSelectionWithHighlight(collection, element, treemap) {
-    removeShape(collection, 'highlight');
+    removeShape(collection);
     element = [];
     removeClassNames(document.getElementsByClassName('treeMapHighLight'), 'treeMapHighLight', treemap);
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ *
+ * @param {number} length - Specifies the length of the legend group.
+ * @param {any} item - Specifies the legend item.
+ * @param {TreeMap} treemap - Specifies the TreeMap instance.
+ * @returns {number} - Returns the legend index.
+ */
 export function getLegendIndex(length, item, treemap) {
     var index;
     for (var i = 0; i < length; i++) {
@@ -1047,11 +1266,18 @@ export function getLegendIndex(length, item, treemap) {
     }
     return index;
 }
-export function pushCollection(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-collection, index, number, legendElement, shapeElement, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-renderItems, legendCollection) {
+/**
+ *
+ * @param {any[]} collection - Specifies the legend collection.
+ * @param {number} index - Specifies the index of legend.
+ * @param {number} number - Specifies the leaf item index.
+ * @param {Element} legendElement - Specifies the legend element.
+ * @param {Element} shapeElement - Specifies the shape element.
+ * @param {any[]} renderItems - Specifies the item index.
+ * @param {any[]} legendCollection - Specifies the legend collection.
+ * @returns {void}
+ */
+export function pushCollection(collection, index, number, legendElement, shapeElement, renderItems, legendCollection) {
     collection.push({
         legendEle: legendElement, oldFill: legendCollection[index]['legendFill'],
         oldOpacity: legendCollection[index]['opacity'], oldBorderColor: legendCollection[index]['borderColor'],
@@ -1083,6 +1309,11 @@ export function triggerDownload(fileName, type, url, isDownload) {
         cancelable: true
     }));
 }
+/**
+ *
+ * @param {string} id - Specifies the id of the element to be removed.
+ * @returns {void}
+ */
 export function removeElement(id) {
     var element = document.getElementById(id);
     return element ? remove(element) : null;