@syncfusion/ej2-maps 25.1.35 → 25.1.40

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

@@ -54,7 +54,7 @@ function stringToNumber(value, containerSize) {
 function calculateSize(maps) {
     maps.element.style.height = !isNullOrUndefined(maps.height) ? maps.height : 'auto';
     maps.element.style.width = !isNullOrUndefined(maps.width) ? maps.width : 'auto';
-    maps.element.style.setProperty("display", "block");
+    maps.element.style.setProperty('display', 'block');
     var containerWidth = maps.element.clientWidth;
     var containerHeight = maps.element.clientHeight;
     var containerElementWidth = stringToNumber(maps.element.style.width, containerWidth);
@@ -214,6 +214,11 @@ function convertGeoToPoint(latitude, longitude, factor, layer, mapModel) {
     return new Point(x, y);
 }
 /**
+ * @param {Maps} maps - Specifies the map control.
+ * @param {number} factor - Specifies the factor.
+ * @param {LayerSettings} currentLayer - Specifies the current layer.
+ * @param {Coordinate} markerData - Specifies the marker data.
+ * @returns {string} - Returns the path.
  * @private
  */
 function calculatePolygonPath(maps, factor, currentLayer, markerData) {
@@ -426,9 +431,14 @@ function measureText(text, font) {
         '; visibility: hidden; top: -100; left: 0; whiteSpace: nowrap; lineHeight: normal';
     return new Size(measureObject.clientWidth, measureObject.clientHeight);
 }
-/** @private */
+/**
+ * @param {string} text - Specifies the text.
+ * @param {FontModel} font - Specifies the font.
+ * @returns {Size} - Returns the size of text.
+ * @private */
 function measureTextElement(text, font) {
     var canvas = document.createElement('canvas');
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     var context = canvas.getContext('2d');
     context.font = font.fontStyle + " " + font.fontWeight + " " + (typeof font.size === 'number' ? font.size + 'px' : font.size) + " " + font.fontFamily;
     var metrics = context.measureText(text);
@@ -700,15 +710,15 @@ function renderTextElement(option, style, color, parent, isMinus) {
     return htmlObject;
 }
 /**
- * @param {HTMLCollection} element Specifies the html collection
- * @param {string} markerId Specifies the marker id
- * @param {any} data Specifies the data
- * @param {number} index Specifies the index
- * @param {Maps} mapObj Specifies the map object
- * @returns {HTMLCollection} Returns the html collection
+ * @param {HTMLCollection} element - Specifies the html collection
+ * @param {string} markerId - Specifies the marker id
+ * @param {object} data - Specifies the data
+ * @param {number} index - Specifies the index
+ * @param {Maps} mapObj - Specifies the map object
+ * @param {string} templateType - Specifies the template type
+ * @returns {HTMLElement} - Returns the html element
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function convertElement(element, markerId, data, index, mapObj, templateType) {
     var childElement = createElement('div', {
         id: markerId, className: mapObj.element.id + '_marker_template_element'
@@ -719,6 +729,7 @@ function convertElement(element, markerId, data, index, mapObj, templateType) {
         childElement.appendChild(element[0]);
         elementLength--;
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     if (!mapObj.isReact || templateType !== 'function') {
         var templateHtml = childElement.innerHTML;
         var properties = Object.keys(data);
@@ -760,12 +771,11 @@ function formatValue(value, maps) {
  *
  * @param {string} stringTemplate - Specifies the template
  * @param {string} format - Specifies the format
- * @param {any} data - Specifies the data
+ * @param {object} data - Specifies the data
  * @param {Maps} maps - Specifies the instance of the maps
  * @returns {string} - Returns the string value
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function convertStringToValue(stringTemplate, format, data, maps) {
     var templateHtml = (stringTemplate === '') ? format : stringTemplate;
     var templateValue = (stringTemplate === '') ? templateHtml.split('${') : templateHtml.split('{{:');
@@ -790,14 +800,11 @@ function convertStringToValue(stringTemplate, format, data, maps) {
  *
  * @param {Element} element - Specifies the element
  * @param {string} labelId - Specifies the label id
- * @param {any} data - Specifies the data
- * @param {number} index - Specifies the index
- * @param {Maps} mapObj - Specifies the map object
+ * @param {object} data - Specifies the data
  * @returns {HTMLElement} - Returns the html element
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function convertElementFromLabel(element, labelId, data, index, mapObj) {
+function convertElementFromLabel(element, labelId, data) {
     var labelEle = isNullOrUndefined(element.childElementCount) ? element[0] : element;
     var templateHtml = labelEle.outerHTML;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -826,7 +833,7 @@ function convertElementFromLabel(element, labelId, data, index, mapObj) {
  * @returns {Element} - Returns the element
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
 function drawSymbols(shape, imageUrl, location, markerID, shapeCustom, markerCollection, maps) {
     var markerEle;
     var x;
@@ -868,7 +875,7 @@ function drawSymbols(shape, imageUrl, location, markerID, shapeCustom, markerCol
 }
 /**
  *
- * @param {any} data - Specifies the data
+ * @param {object} data - Specifies the data
  * @param {string} value - Specifies the value
  * @returns {any} - Returns the data
  * @private
@@ -891,11 +898,10 @@ function getValueFromObject(data, value) {
 /**
  *
  * @param {IMarkerRenderingEventArgs} eventArgs - Specifies the event arguments
- * @param {any} data - Specifies the data
+ * @param {object} data - Specifies the data
  * @returns {IMarkerRenderingEventArgs} - Returns the arguments
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function markerColorChoose(eventArgs, data) {
     var color = (!isNullOrUndefined(eventArgs.colorValuePath)) ? ((eventArgs.colorValuePath.indexOf('.') > -1) ? (getValueFromObject(data, eventArgs.colorValuePath)).toString() :
         data[eventArgs.colorValuePath]) : data[eventArgs.colorValuePath];
@@ -908,11 +914,10 @@ function markerColorChoose(eventArgs, data) {
 /**
  *
  * @param {IMarkerRenderingEventArgs} eventArgs - Specifies the event arguments
- * @param {any} data - Specifies the data
+ * @param {object} data - Specifies the data
  * @returns {IMarkerRenderingEventArgs} - Returns the arguments
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function markerShapeChoose(eventArgs, data) {
     if (!isNullOrUndefined(eventArgs.shapeValuePath) && !isNullOrUndefined(data[eventArgs.shapeValuePath])) {
         var shape = ((eventArgs.shapeValuePath.indexOf('.') > -1) ?
@@ -945,7 +950,7 @@ function markerShapeChoose(eventArgs, data) {
  * @param {Element} layerElement - Specifies the layer element
  * @param {boolean} check - Specifies the boolean value
  * @param {boolean} zoomCheck - Specifies the boolean value
- * @returns {void}
+ * @returns {boolean} -Returns boolean for cluster completion
  * @private
  */
 function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerCollection, layerElement, check, zoomCheck) {
@@ -975,14 +980,15 @@ function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerC
         data: data, maps: maps, cluster: clusters, border: clusters.border
     };
     var containerRect = maps.element.getBoundingClientRect();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var translatePoint = (maps.isTileMap) ? new Object() : getTranslate(maps, currentLayer, false);
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+    (maps.isTileMap) ? new Object() : getTranslate(maps, currentLayer, false);
     var factor;
     if (!maps.isTileMap) {
         factor = maps.mapLayerPanel.calculateFactor(currentLayer);
     }
     var isClusteringCompleted = false;
     var currentZoomFactor = !maps.isTileMap ? maps.mapScaleValue : maps.tileZoomLevel;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     maps.trigger('markerClusterRendering', eventArg, function (clusterargs) {
         Array.prototype.forEach.call(markerTemplate.childNodes, function (markerElement, o) {
             indexCollection = [];
@@ -995,7 +1001,7 @@ function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerC
                         || (maps.markerModule.initialMarkerCluster.length > 0 && maps.markerModule.initialMarkerCluster[layerIndex] && maps.markerModule.initialMarkerCluster[layerIndex][o] && maps.markerModule.initialMarkerCluster[layerIndex][o].length > 0) ?
                         (maps.previousScale < currentZoomFactor ? maps.markerModule.zoomedMarkerCluster[layerIndex][o] : maps.markerModule.initialMarkerCluster[layerIndex][o]) : null;
                     if (!isNullOrUndefined(list) && list.length !== 0) {
-                        Array.prototype.forEach.call(list, function (currentIndex, p) {
+                        Array.prototype.forEach.call(list, function (currentIndex) {
                             if (o !== currentIndex) {
                                 var otherMarkerElement = document.getElementById(maps.element.id + '_LayerIndex_' + layerIndex + '_MarkerIndex_'
                                     + 0 + '_dataIndex_' + currentIndex);
@@ -1178,9 +1184,16 @@ function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerC
     });
     return isClusteringCompleted;
 }
-/** @private */
+/**
+ * @param {Maps} maps - Specifies the map control.
+ * @param {number} currentZoomFactor - Specifies the current zoom factor.
+ * @param {number} layerIndex - Specifies the layer index.
+ * @param {number} index - Specifies the index.
+ * @param {number} indexCollection - Specifies the index Collection.
+ * @returns {void}
+ * @private */
 function markerClusterListHandler(maps, currentZoomFactor, layerIndex, index, indexCollection) {
-    if (currentZoomFactor == 1) {
+    if (currentZoomFactor === 1) {
         var initialMarkerClusterList = isNullOrUndefined(maps.markerModule.initialMarkerCluster[layerIndex][index]) ? [] : indexCollection.length > 1 ? indexCollection : [];
         maps.markerModule.initialMarkerCluster[layerIndex][index] = initialMarkerClusterList;
         var zoomedMarkerClusterList = isNullOrUndefined(maps.markerModule.zoomedMarkerCluster[layerIndex][index]) ? [] : indexCollection.length > 1 ? indexCollection : [];
@@ -1190,8 +1203,16 @@ function markerClusterListHandler(maps, currentZoomFactor, layerIndex, index, in
         maps.markerModule.zoomedMarkerCluster[layerIndex][index] = indexCollection.length > 1 ? indexCollection : [];
     }
 }
-/** @private */
+/**
+ * @param {Element} tempElement - Specifies the temp element.
+ * @param {ClientRect} markerBounds - Specifies the marker bounds.
+ * @param {ClientRect} colloideBounds - Specifies the colloide Bounds.
+ * @param {number[]} indexCollection - Specifies the index collection.
+ * @param {number} p - Specifies the p.
+ * @returns {void}
+ * @private */
 function markerBoundsComparer(tempElement, markerBounds, colloideBounds, indexCollection, p) {
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     var currentMarkerBound = tempElement.getBoundingClientRect();
     if (!isNullOrUndefined(currentMarkerBound)) {
         if (!(markerBounds.left > currentMarkerBound.right || markerBounds.right < currentMarkerBound.left
@@ -1206,11 +1227,10 @@ function markerBoundsComparer(tempElement, markerBounds, colloideBounds, indexCo
  *
  * @param {MarkerClusterData[]} sameMarkerData - Specifies the marker data
  * @param {Maps} maps - Specifies the instance of the maps
- * @param {Element | HTMLElement} markerElement - Specifies the marker element
  * @returns {void}
  * @private
  */
-function mergeSeparateCluster(sameMarkerData, maps, markerElement) {
+function mergeSeparateCluster(sameMarkerData, maps) {
     var layerIndex = sameMarkerData[0].layerIndex;
     var clusterIndex = sameMarkerData[0].targetClusterIndex;
     var markerIndex = sameMarkerData[0].markerIndex;
@@ -1374,7 +1394,7 @@ function marker(eventArgs, markerSettings, markerData, dataIndex, location, tran
  * @returns {HTMLElement} - Returns the html element
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
 function markerTemplate(eventArgs, templateFn, markerID, data, markerIndex, markerTemplate, location, transPoint, scale, offset, maps) {
     templateFn = getTemplateFunction(eventArgs.template, maps);
     if (templateFn && (templateFn(data, maps, eventArgs.template, maps.element.id + '_MarkerTemplate' + markerIndex, false).length)) {
@@ -1792,8 +1812,10 @@ function getFieldData(dataSource, fields) {
  * @returns {number} - Returns the number
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function checkShapeDataFields(dataSource, properties, dataPath, propertyPath, layer) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+function checkShapeDataFields(dataSource, properties, dataPath, propertyPath, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+layer) {
     if (!(isNullOrUndefined(properties))) {
         for (var i = 0; i < dataSource.length; i++) {
             var shapeDataPath = ((dataPath.indexOf('.') > -1) ? getValueFromObject(dataSource[i], dataPath) :
@@ -1814,10 +1836,9 @@ function checkShapeDataFields(dataSource, properties, dataPath, propertyPath, la
  *
  * @param {string} shapeData - Specifies the shape data
  * @param {string | string[]} shapePropertyPath -  Specifies the shape property path
- * @param {any} shape -  Specifies the shape
+ * @param {object} shape -  Specifies the shape
  * @returns {string} - Returns the string value
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function checkPropertyPath(shapeData, shapePropertyPath, shape) {
     if (!isNullOrUndefined(shapeData) && !isNullOrUndefined(shape)) {
         if (!isNullOrUndefined(shapePropertyPath)) {
@@ -1912,6 +1933,7 @@ function findMidPointOfPolygon(points, type, geometryType) {
         ySum = ySum + Math.abs(((startY + startY1) * (((startX * startY1) - (startX1 * startY)))));
     }
     sum = 0.5 * sum;
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     var pointValue = points.some(function (point) { return point.x < 5 && point.y < 5; }) && geometryType === 'Normal' ? 6 : 4;
     xSum = (1 / (pointValue * sum)) * xSum;
     ySum = (1 / (pointValue * sum)) * ySum;
@@ -1979,7 +2001,7 @@ function findMidPointOfPolygon(points, type, geometryType) {
 function isCustomPath(layerData) {
     var customPath = false;
     if (Object.prototype.toString.call(layerData) === '[object Array]') {
-        Array.prototype.forEach.call(layerData, function (layer, index) {
+        Array.prototype.forEach.call(layerData, function (layer) {
             if (!isNullOrUndefined(layer['geometry']) && layer['geometry']['type'] === 'Path') {
                 customPath = true;
             }
@@ -1993,6 +2015,9 @@ function isCustomPath(layerData) {
  * @param {number} maxWidth - Specifies the maximum width
  * @param {string} text - Specifies the text
  * @param {FontModel} font - Specifies the font
+ * @param {number} width - Specifies the width of text
+ * @param {boolean} isCanvasMeasure - checks the canvas measure
+ * @param {number[]} widthList - Specifies the width list
  * @returns {string} - Returns the string
  * @private
  */
@@ -2107,6 +2132,7 @@ function getTranslate(mapObject, layer, animate) {
     }
     if (mapObject.zoomSettings.shouldZoomInitially && mapObject.zoomSettings.enable) {
         mapObject.mapScaleValue = scaleFactor = zoomFactorValue = ((mapObject.zoomSettings.shouldZoomInitially || mapObject.enablePersistence) && mapObject.scale === 1)
+            // eslint-disable-next-line radix
             ? mapObject.scale : (isNullOrUndefined(mapObject.markerZoomFactor)) ? 1 : (mapObject.markerZoomedState ? mapObject.markerZoomFactor : parseInt(mapObject.scale.toString()));
         if (mapObject.markerZoomedState && mapObject.mapScaleValue !== mapObject.markerZoomFactor && !mapObject.enablePersistence) {
             mapObject.mapScaleValue = zoomFactorValue = mapObject.markerZoomFactor;
@@ -2464,9 +2490,9 @@ function Internalize(maps, value) {
 /**
  * Function to compile the template function for maps.
  *
- * @param {string} template - Specifies the template
+ * @param {string | Function} template - Specifies the template
  * @param {Maps} maps - Specifies the Maps instance.
- * @returns {Function} - Returns the function
+ * @returns {any} - Returns the template function
  * @private
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2505,7 +2531,7 @@ function getElement(id) {
  *
  * @param {string} targetId - Specifies the target id
  * @param {Maps} map - Specifies the instance of the maps
- * @returns {any} - Returns the object
+ * @returns {object} - Returns the object
  * @private
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2668,14 +2694,12 @@ function customizeStyle(id, className, eventArgs) {
  * @param {SelectionSettingsModel} selectionSettings - Specifies the selection settings
  * @param {Maps} map - Specifies the instance of the maps
  * @param {Element} targetElement - Specifies the target element
- * @param {any} shapeData - Specifies the shape data
- * @param {any} data - Specifies the data
+ * @param {object} shapeData - Specifies the shape data
+ * @param {object} data - Specifies the data
  * @returns {void}
  * @private
  */
-function triggerItemSelectionEvent(selectionSettings, map, targetElement, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-shapeData, data) {
+function triggerItemSelectionEvent(selectionSettings, map, targetElement, shapeData, data) {
     var border = {
         color: selectionSettings.border.color,
         width: selectionSettings.border.width / map.scale,
@@ -2692,6 +2716,7 @@ shapeData, data) {
         data: data,
         maps: map
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     map.trigger('itemSelection', eventArgs, function (observedArgs) {
         eventArgs.border.opacity = isNullOrUndefined(selectionSettings.border.opacity) ? selectionSettings.opacity :
             selectionSettings.border.opacity;
@@ -2749,6 +2774,7 @@ function elementAnimate(element, delay, duration, point, maps, ele, radius) {
                     ' ) scale(' + height + ')');
             }
         },
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         end: function (model) {
             element.setAttribute('transform', transform);
             if (!ele) {
@@ -2889,15 +2915,17 @@ function wordWrap(tooltip, text, x, y, size1, width, areaWidth, element) {
 /**
  * @param {string} id - Specifies the id
  * @param {string} text - Specifies the text
- * @param {string} top - Specifies the top
- * @param {string} left - Specifies the left
+ * @param {number} top - Specifies the top
+ * @param {number} left - Specifies the left
  * @param {ZoomToolbarTooltipSettingsModel} settings - Specifies the tooltip settings.
  * @returns {void}
  * @private
  */
 function createTooltip(id, text, top, left, settings) {
     var tooltip = getElement(id);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var borderColor = getHexColor(settings.borderColor);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var fontColor = getHexColor(settings.fontColor);
     var style = 'top:' + top.toString() + 'px;' +
         'left:' + left.toString() + 'px;' +
@@ -2924,10 +2952,14 @@ function createTooltip(id, text, top, left, settings) {
     }
 }
 /**
+ * @param {string} color - Specifies the color
+ * @returns {any} - Returns the color in rgb
  * @private
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function getHexColor(color) {
     if (color.indexOf('#') !== -1 && color.toLowerCase().indexOf('rgb') === -1) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var colorArray = (/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i).exec(color);
         return colorArray ? { r: parseInt(colorArray[1], 16), g: parseInt(colorArray[2], 16), b: parseInt(colorArray[3], 16) } : null;
     }
@@ -3124,7 +3156,6 @@ function changeBorderWidth(element, index, scale, maps) {
         else {
             var currentStroke = void 0;
             var value = 0;
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var borderWidthValue = maps.layersCollection[index].shapeSettings.borderWidthValuePath;
             var borderWidth = maps.layersCollection[index].shapeSettings.border.width;
             var circleRadius = maps.layersCollection[index].shapeSettings.circleRadius;
@@ -3325,14 +3356,13 @@ function zoomAnimate(element, delay, duration, point, scale, size, maps) {
  * @returns {void}
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function animate(element, delay, duration, process, end) {
     var _this = this;
     var start = null;
     // eslint-disable-next-line prefer-const
     var clearAnimation;
     var markerStyle = 'visibility:visible';
-    duration = animationMode === "Disable" ? 0 : duration;
+    duration = animationMode === 'Disable' ? 0 : duration;
     var startAnimation = function (timestamp) {
         if (!start) {
             start = timestamp;
@@ -3435,6 +3465,7 @@ function compareZoomFactor(scaleFactor, maps) {
  * @param {number} mapWidth - Specifies the width of the maps
  * @param {number} mapHeight - Specifies the height of the maps
  * @param {Maps} maps - Specifies the instance of the maps
+ * @param {boolean} isZoomToCoordinates - Checks for the zoom to coordinates
  * @returns {number} - Returns the scale factor
  * @private
  */
@@ -3476,7 +3507,7 @@ function calculateZoomLevel(minLat, maxLat, minLong, maxLong, mapWidth, mapHeigh
  * @returns {any} - Returns the data value
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
 function processResult(e) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var dataValue;
@@ -3849,7 +3880,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'highcontrast':
@@ -3874,7 +3905,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'bootstrap4':
@@ -3902,7 +3933,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'tailwind':
@@ -3930,7 +3961,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#E5E7EB',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'tailwinddark':
@@ -3958,7 +3989,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#374151',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'bootstrap5':
@@ -3986,7 +4017,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#E9ECEF',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'bootstrap5dark':
@@ -4014,7 +4045,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#495057',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'fluent':
@@ -4042,7 +4073,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#F3F2F1',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'fluentdark':
@@ -4070,7 +4101,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#252423',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
         case 'material3':
@@ -4099,7 +4130,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#E7E0EC',
                 rectangleZoomFillColor: '#6750A4',
                 rectangleZoomFillOpacity: 0.24,
-                rectangleZoomBorderColor: "#6750A4"
+                rectangleZoomBorderColor: '#6750A4'
             };
             break;
         case 'material3dark':
@@ -4128,7 +4159,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#49454F',
                 rectangleZoomFillColor: '#D0BCFF',
                 rectangleZoomFillOpacity: 0.24,
-                rectangleZoomBorderColor: "#D0BCFF"
+                rectangleZoomBorderColor: '#D0BCFF'
             };
             break;
         default:
@@ -4153,7 +4184,7 @@ function getThemeStyle(theme) {
                 shapeFill: '#A6A6A6',
                 rectangleZoomFillColor: '#d3d3d3',
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
             break;
     }
@@ -5282,7 +5313,7 @@ var MarkerBase = /** @__PURE__ @class */ (function (_super) {
  */
 var MarkerSettings = /** @__PURE__ @class */ (function (_super) {
     __extends$2(MarkerSettings, _super);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     function MarkerSettings(parent, propName, defaultValue, isArray) {
         return _super.call(this, parent, propName, defaultValue, isArray) || this;
     }
@@ -5687,8 +5718,12 @@ var BingMap = /** @__PURE__ @class */ (function () {
  * ColorMapping class
  */
 var ColorMapping = /** @__PURE__ @class */ (function () {
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    /* eslint-disable @typescript-eslint/no-empty-function */
     function ColorMapping(maps) {
     }
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    /* eslint-enable @typescript-eslint/no-empty-function */
     /**
      * To get color based on shape settings.
      *
@@ -6117,7 +6152,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         if (panel.mapObject.markerModule) {
             panel.mapObject.markerModule.markerRender(this.mapObject, panel.layerObject, layerIndex, panel.mapObject.tileZoomLevel, null);
         }
-        panel.translateLayerElements(panel.layerObject, layerIndex);
+        panel.translateLayerElements(panel.layerObject);
         panel.layerGroup.appendChild(panel.layerObject);
     };
     LayerPanel.prototype.processLayers = function (layer, layerIndex) {
@@ -6145,6 +6180,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
             cancel: false, name: layerRendering, index: layerIndex,
             layer: layer, maps: this.mapObject, visible: layer.visible
         };
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.mapObject.trigger('layerRendering', eventArgs, function (observedArgs) {
             if (!eventArgs.cancel && eventArgs.visible) {
                 if (layer.layerType === 'OSM') {
@@ -6271,9 +6307,8 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         }
         this.rectBounds = null;
         var shapeSettings = this.currentLayer.shapeSettings;
-        var bubbleSettings = this.currentLayer.bubbleSettings;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Array.prototype.forEach.call(renderData, function (geometryData, index) {
+        Array.prototype.forEach.call(renderData, function (geometryData) {
             if (!isNullOrUndefined(geometryData['geometry']) || !isNullOrUndefined(geometryData['coordinates'])) {
                 var type = !isNullOrUndefined(geometryData['geometry']) ? geometryData['geometry']['type'] : geometryData['type'];
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -6480,7 +6515,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
                                 var circleRadius = (_this.mapObject.layers[layerIndex].type !== 'SubLayer') ? shapeSettings.circleRadius : shapeSettings.circleRadius / (_this.mapObject.isTileMap ? _this.mapObject.scale : _this.currentFactor);
                                 circleOptions = new CircleOption((shapeID + '_multiLine_' + index), eventArgs.fill, eventArgs.border, opacity, pointData['x'], pointData['y'], circleRadius, shapeSettings.dashArray);
                                 pathEle = _this.mapObject.renderer.drawCircle(circleOptions);
-                                _this.pathAttributeCalculate(groupElement, pathEle, drawingType, currentShapeData, i);
+                                _this.pathAttributeCalculate(groupElement, pathEle, drawingType, currentShapeData);
                             });
                             break;
                         case 'Path':
@@ -6490,7 +6525,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
                             break;
                     }
                     if (!isNullOrUndefined(pathEle) && drawingType !== 'MultiPoint') {
-                        _this.pathAttributeCalculate(groupElement, pathEle, drawingType, currentShapeData, i);
+                        _this.pathAttributeCalculate(groupElement, pathEle, drawingType, currentShapeData);
                     }
                     if (i === _this.currentLayer.layerData.length - 1) {
                         _this.layerFeatures(layerIndex, colors, renderData, labelTemplateEle);
@@ -6515,12 +6550,11 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
      * @param {Element} pathEle - Specifies the svg element.
      * @param {string} drawingType - Specifies the data type.
      * @param {any} currentShapeData - Specifies the layer of shapedata.
-     * @param {number} index - Specifies the tab index.
      * @returns {void}
      */
     LayerPanel.prototype.pathAttributeCalculate = function (groupElement, pathEle, drawingType, 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    currentShapeData, index) {
+    currentShapeData) {
         var property = (Object.prototype.toString.call(this.currentLayer.shapePropertyPath) === '[object Array]' ?
             this.currentLayer.shapePropertyPath : [this.currentLayer.shapePropertyPath]);
         var properties;
@@ -6564,7 +6598,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
      *
      * @param {number} layerIndex - Specifies the layer index
      * @param {string[]} colors - Specifies the colors
-     * @param {Object[]} renderData - Specifies the render data
+     * @param {any[]} renderData - Specifies the render data
      * @param {HTMLElement} labelTemplateEle - Specifies the label template element
      * @returns {void}
      */
@@ -6574,7 +6608,8 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         var _this = this;
         var bubbleG;
         if (this.mapObject.polygonModule) {
-            this.groupElements.push(this.mapObject.polygonModule.polygonRender(this.mapObject, layerIndex, (this.mapObject.isTileMap ? Math.floor(this.currentFactor) : this.currentFactor)));
+            this.groupElements.push(this.mapObject.polygonModule.polygonRender(this.mapObject, layerIndex, (this.mapObject.isTileMap ? Math.floor(this.currentFactor)
+                : this.currentFactor)));
         }
         if (this.currentLayer.bubbleSettings.length && this.mapObject.bubbleModule) {
             var length_1 = this.currentLayer.bubbleSettings.length;
@@ -6588,7 +6623,6 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
                 this_2.bubbleCalculation(bubble_1, range);
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var bubbleDataSource = bubble_1.dataSource;
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this_2.mapObject.bubbleModule.bubbleCollection = [];
                 bubbleDataSource.map(function (bubbleData, i) {
                     _this.renderBubble(_this.currentLayer, bubbleData, colors[i % colors.length], range, j, i, bubbleG, layerIndex, bubble_1);
@@ -6626,7 +6660,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
             this.mapObject.markerModule.markerRender(this.mapObject, this.layerObject, layerIndex, (this.mapObject.isTileMap ? Math.floor(this.currentFactor) :
                 this.currentFactor), null);
         }
-        this.translateLayerElements(this.layerObject, layerIndex);
+        this.translateLayerElements(this.layerObject);
         this.layerGroup.appendChild(this.layerObject);
     };
     /**
@@ -6675,6 +6709,8 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
      * @param {object} bubbleData - Specifies the bubble data
      * @param {string} color - Specifies the color
      * @param {number} range - Specifies the range
+     * @param {number} range.min - Specifies the minimum range
+     * @param {number} range.max - Specifies the maximum range
      * @param {number} bubbleIndex - Specifies the bubble index
      * @param {number} dataIndex - Specifies the data index
      * @param {number} group - Specifies the group
@@ -6697,9 +6733,9 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
      * To get the shape color from color mapping module
      *
      * @param {LayerSettingsModel} layer - Specifies the layer
-     * @param {object} shape - Specifies the shape
+     * @param {any} shape - Specifies the shape
      * @param {string} color - Specifies the color
-     * @returns {Object} - Returns the object
+     * @returns {any} - Returns the object
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     LayerPanel.prototype.getShapeColorMapping = function (layer, shape, color) {
@@ -6725,7 +6761,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         switch (type.toLowerCase()) {
             case 'polygon':
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                newData = this.calculatePolygonBox(coordinates[0], data, properties);
+                newData = this.calculatePolygonBox(coordinates[0]);
                 if (newData.length > 0) {
                     newData['property'] = properties;
                     newData['type'] = type;
@@ -6739,7 +6775,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
                 for (var i = 0; i < coordinates.length; i++) {
                     for (var j = 0; j < coordinates[i].length; j++) {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        newData = this.calculatePolygonBox(coordinates[i][j], data, properties);
+                        newData = this.calculatePolygonBox(coordinates[i][j]);
                         if (newData.length > 0) {
                             multiPolygonDatas.push(newData);
                         }
@@ -6883,7 +6919,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         }
         return (Math.min(verFactor, horFactor));
     };
-    LayerPanel.prototype.translateLayerElements = function (layerElement, index) {
+    LayerPanel.prototype.translateLayerElements = function (layerElement) {
         var childNode;
         this.mapObject.translateType = 'layer';
         if (!isNullOrUndefined(this.mapObject.baseMapRectBounds)) {
@@ -6944,7 +6980,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
     LayerPanel.prototype.calculateRectBounds = function (layerData) {
         var _this = this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Array.prototype.forEach.call(layerData, function (obj, index) {
+        Array.prototype.forEach.call(layerData, function (obj) {
             if (!isNullOrUndefined(obj['geometry']) || !isNullOrUndefined(obj['coordinates'])) {
                 var type = !isNullOrUndefined(obj['geometry']) ? obj['geometry']['type'] : obj['type'];
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -6956,13 +6992,13 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
                         break;
                     case 'multipolygon':
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        coordinates.map(function (point, index) {
+                        coordinates.map(function (point) {
                             _this.calculateRectBox(point[0]);
                         });
                         break;
                     case 'multilinestring':
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        coordinates.map(function (multiPoint, index) {
+                        coordinates.map(function (multiPoint) {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             multiPoint.map(function (point, index) {
                                 _this.calculateRectBox(point, 'multilinestring', index === 0 ? true : false);
@@ -6989,7 +7025,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         });
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    LayerPanel.prototype.calculatePolygonBox = function (coordinates, data, properties) {
+    LayerPanel.prototype.calculatePolygonBox = function (coordinates) {
         var _this = this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var newData = [];
@@ -7144,121 +7180,126 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
     };
     LayerPanel.prototype.arrangeTiles = function (type, x, y) {
         var _this = this;
-        var element = document.getElementById(this.mapObject.element.id + '_tile_parent');
-        var element1 = document.getElementById(this.mapObject.element.id + '_tiles');
         var timeOut;
         if (!isNullOrUndefined(type) && type !== 'Pan') {
             this.tileAnimation(type, x, y);
             timeOut = animationMode === 'Disable' ? 0 : (this.mapObject.layersCollection[0].animationDuration === 0 &&
                 animationMode === 'Enable') ? 1000 : this.mapObject.layersCollection[0].animationDuration;
         }
-        else {
-            timeOut = 0;
-        }
         if (this.mapObject.layers[this.mapObject.baseLayerIndex].layerType === 'GoogleStaticMap') {
             this.renderGoogleMap(this.mapObject.layers[0].key, this.mapObject.staticMapZoom);
         }
         else {
-            setTimeout(function () {
-                if (element) {
-                    element.style.zIndex = '1';
-                }
-                if (element1) {
-                    element1.style.zIndex = '0';
+            if (type === 'Pan') {
+                this.arrangeTilesLayer(type);
+            }
+            else {
+                setTimeout(function () {
+                    _this.arrangeTilesLayer(type);
+                }, timeOut);
+            }
+        }
+    };
+    LayerPanel.prototype.arrangeTilesLayer = function (type) {
+        var element = document.getElementById(this.mapObject.element.id + '_tile_parent');
+        var element1 = document.getElementById(this.mapObject.element.id + '_tiles');
+        if (element) {
+            element.style.zIndex = '1';
+        }
+        if (element1) {
+            element1.style.zIndex = '0';
+        }
+        var animateElement;
+        if (!document.getElementById(this.mapObject.element.id + '_animated_tiles') && element) {
+            animateElement = createElement('div', { id: this.mapObject.element.id + '_animated_tiles' });
+            element.appendChild(animateElement);
+        }
+        else {
+            if (type !== 'Pan' && element1 && element) {
+                element1.appendChild(element.children[0]);
+                if (!this.mapObject.isAddLayer && !isNullOrUndefined(document.getElementById(this.mapObject.element.id + '_animated_tiles'))) {
+                    document.getElementById(this.mapObject.element.id + '_animated_tiles').id =
+                        this.mapObject.element.id + '_animated_tiles_old';
                 }
-                var animateElement;
-                if (!document.getElementById(_this.mapObject.element.id + '_animated_tiles') && element) {
-                    animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
-                    element.appendChild(animateElement);
+                animateElement = createElement('div', { id: this.mapObject.element.id + '_animated_tiles' });
+                element.appendChild(animateElement);
+            }
+            else {
+                animateElement = element ? element.children[0] : null;
+            }
+        }
+        for (var id = 0; id < this.tiles.length; id++) {
+            var tile = this.tiles[id];
+            var imgElement = null;
+            var mapId = this.mapObject.element.id;
+            if (type === 'Pan') {
+                var child = document.getElementById(mapId + '_tile_' + id);
+                var isNewTile = false;
+                if (isNullOrUndefined(child)) {
+                    isNewTile = true;
+                    child = createElement('div', { id: mapId + '_tile_' + id });
+                    imgElement = createElement('img');
                 }
                 else {
-                    if (type !== 'Pan' && element1 && element) {
-                        element1.appendChild(element.children[0]);
-                        if (!_this.mapObject.isAddLayer && !isNullOrUndefined(document.getElementById(_this.mapObject.element.id + '_animated_tiles'))) {
-                            document.getElementById(_this.mapObject.element.id + '_animated_tiles').id =
-                                _this.mapObject.element.id + '_animated_tiles_old';
-                        }
-                        animateElement = createElement('div', { id: _this.mapObject.element.id + '_animated_tiles' });
-                        element.appendChild(animateElement);
-                    }
-                    else {
-                        animateElement = element ? element.children[0] : null;
-                    }
+                    child.style.removeProperty('display');
+                    imgElement = child.children[0];
+                }
+                if (!isNewTile && imgElement && imgElement.src !== tile.src) {
+                    imgElement.src = tile.src;
+                }
+                child.style.position = 'absolute';
+                child.style.left = tile.left + 'px';
+                child.style.top = tile.top + 'px';
+                child.style.height = tile.height + 'px';
+                child.style.width = tile.width + 'px';
+                if (isNewTile) {
+                    imgElement.setAttribute('height', '256px');
+                    imgElement.setAttribute('width', '256px');
+                    imgElement.setAttribute('src', tile.src);
+                    imgElement.setAttribute('alt', this.mapObject.getLocalizedLabel('ImageNotFound'));
+                    imgElement.style.setProperty('user-select', 'none');
+                    child.appendChild(imgElement);
+                    animateElement.appendChild(child);
                 }
-                for (var id = 0; id < _this.tiles.length; id++) {
-                    var tile = _this.tiles[id];
-                    var imgElement = null;
-                    var mapId = _this.mapObject.element.id;
-                    if (type === 'Pan') {
-                        var child = document.getElementById(mapId + '_tile_' + id);
-                        var isNewTile = false;
-                        if (isNullOrUndefined(child)) {
-                            isNewTile = true;
-                            child = createElement('div', { id: mapId + '_tile_' + id });
-                            imgElement = createElement('img');
-                        }
-                        else {
-                            child.style.removeProperty('display');
-                            imgElement = child.children[0];
-                        }
-                        if (!isNewTile && imgElement && imgElement.src !== tile.src) {
-                            imgElement.src = tile.src;
-                        }
-                        child.style.position = 'absolute';
-                        child.style.left = tile.left + 'px';
-                        child.style.top = tile.top + 'px';
-                        child.style.height = tile.height + 'px';
-                        child.style.width = tile.width + 'px';
-                        if (isNewTile) {
-                            imgElement.setAttribute('height', '256px');
-                            imgElement.setAttribute('width', '256px');
-                            imgElement.setAttribute('src', tile.src);
-                            imgElement.setAttribute('alt', _this.mapObject.getLocalizedLabel('ImageNotFound'));
-                            imgElement.style.setProperty('user-select', 'none');
-                            child.appendChild(imgElement);
-                            animateElement.appendChild(child);
-                        }
-                    }
-                    else {
-                        imgElement = createElement('img');
-                        imgElement.setAttribute('height', '256px');
-                        imgElement.setAttribute('width', '256px');
-                        imgElement.setAttribute('src', tile.src);
-                        imgElement.style.setProperty('user-select', 'none');
-                        imgElement.setAttribute('alt', _this.mapObject.getLocalizedLabel('ImageNotFound'));
-                        var child = createElement('div', { id: mapId + '_tile_' + id });
-                        child.style.position = 'absolute';
-                        child.style.left = tile.left + 'px';
-                        child.style.top = tile.top + 'px';
-                        child.style.height = tile.height + 'px';
-                        child.style.width = tile.width + 'px';
-                        child.appendChild(imgElement);
-                        if (animateElement) {
-                            animateElement.appendChild(child);
-                        }
-                    }
-                    if (id === (_this.tiles.length - 1) && document.getElementById(_this.mapObject.element.id + '_animated_tiles_old')) {
-                        removeElement(_this.mapObject.element.id + '_animated_tiles_old');
+            }
+            else {
+                imgElement = createElement('img');
+                imgElement.setAttribute('height', '256px');
+                imgElement.setAttribute('width', '256px');
+                imgElement.setAttribute('src', tile.src);
+                imgElement.style.setProperty('user-select', 'none');
+                imgElement.setAttribute('alt', this.mapObject.getLocalizedLabel('ImageNotFound'));
+                var child = createElement('div', { id: mapId + '_tile_' + id });
+                child.style.position = 'absolute';
+                child.style.left = tile.left + 'px';
+                child.style.top = tile.top + 'px';
+                child.style.height = tile.height + 'px';
+                child.style.width = tile.width + 'px';
+                child.appendChild(imgElement);
+                if (animateElement) {
+                    animateElement.appendChild(child);
+                }
+            }
+            if (id === (this.tiles.length - 1) && document.getElementById(this.mapObject.element.id + '_animated_tiles_old')) {
+                removeElement(this.mapObject.element.id + '_animated_tiles_old');
+            }
+        }
+        if (!isNullOrUndefined(this.mapObject.currentTiles)) {
+            for (var l = this.tiles.length; l < animateElement.childElementCount; l++) {
+                var isExistingElement = false;
+                for (var a = 0; a < this.mapObject.currentTiles.childElementCount; a++) {
+                    if (!isExistingElement &&
+                        this.mapObject.currentTiles.children[a].id === animateElement.children[l].id) {
+                        isExistingElement = true;
                     }
                 }
-                if (!isNullOrUndefined(_this.mapObject.currentTiles)) {
-                    for (var l = _this.tiles.length; l < animateElement.childElementCount; l++) {
-                        var isExistingElement = false;
-                        for (var a = 0; a < _this.mapObject.currentTiles.childElementCount; a++) {
-                            if (!isExistingElement &&
-                                _this.mapObject.currentTiles.children[a].id === animateElement.children[l].id) {
-                                isExistingElement = true;
-                            }
-                        }
-                        if (isExistingElement) {
-                            animateElement.children[l].style.display = 'none';
-                        }
-                        else {
-                            animateElement.removeChild(animateElement.children[l]);
-                        }
-                    }
+                if (isExistingElement) {
+                    animateElement.children[l].style.display = 'none';
+                }
+                else {
+                    animateElement.removeChild(animateElement.children[l]);
                 }
-            }, timeOut);
+            }
         }
     };
     /**
@@ -7452,10 +7493,14 @@ var Annotations = /** @__PURE__ @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.map.renderReactTemplates();
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * To create annotation elements
      *
+     * @param {HTMLElement} parentElement - Specifies the parent element in the map.
+     * @param {Annotation} annotation -  Specifies the options for customizing the annotation element in maps.
+     * @param {number} annotationIndex - Specifies the index of the annotation.
+     * @returns {void}
+     *
      * @private
      */
     Annotations.prototype.createAnnotationTemplate = function (parentElement, annotation, annotationIndex) {
@@ -7467,7 +7512,6 @@ var Annotations = /** @__PURE__ @class */ (function () {
         var map = this.map;
         var templateElement;
         var availSize = map.availableSize;
-        var id = map.element.id + '_Annotation_' + annotationIndex;
         var childElement = createElement('div', {
             id: map.element.id + '_Annotation_' + annotationIndex
         });
@@ -7476,6 +7520,7 @@ var Annotations = /** @__PURE__ @class */ (function () {
             cancel: false, name: annotationRendering, content: annotation.content,
             annotation: annotation
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.map.trigger(annotationRendering, argsData, function (annotationArgs) {
             if (argsData.cancel) {
                 return;
@@ -7873,16 +7918,19 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             }
         });
     };
-    /* eslint-disable @typescript-eslint/no-explicit-any */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Maps.prototype.processAjaxRequest = function (layer, localAjax, type) {
         var _this = this;
         this.serverProcess['request']++;
         var fetchApiModule = new Fetch(localAjax.dataOptions, localAjax.type, localAjax.contentType);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         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 map_1 = _this;
-                reader_1.onload = function (data) {
+                // eslint-disable-next-line @typescript-eslint/tslint/config
+                reader_1.onload = function () {
                     args = JSON.parse(reader_1.result.toString());
                     map_1.processResponseJsonData('Fetch', args, layer, type);
                 };
@@ -7904,13 +7952,17 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      * @private
      */
-    Maps.prototype.processResponseJsonData = function (processType, data, layer, dataType) {
+    Maps.prototype.processResponseJsonData = function (processType, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    data, layer, dataType) {
         this.serverProcess['response']++;
         if (processType) {
             if (dataType === 'ShapeData') {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 layer.shapeData = (processType === 'DataManager') ? processResult(data) : data;
             }
             else {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 layer.dataSource = (processType === 'DataManager') ? processResult(data) : data;
             }
         }
@@ -8049,12 +8101,14 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     Maps.prototype.triggerZoomEvent = function () {
         var loadedArgs;
         var minMaxLatitudeLongitude = this.getMinMaxLatitudeLongitude();
+        // eslint-disable-next-line prefer-const
         loadedArgs = {
             maps: this, isResized: this.isResize, minLatitude: minMaxLatitudeLongitude.minLatitude,
             maxLatitude: minMaxLatitudeLongitude.maxLatitude, minLongitude: minMaxLatitudeLongitude.minLongitude,
             maxLongitude: minMaxLatitudeLongitude.maxLongitude, cancel: false, name: 'Loaded'
         };
         this.trigger('loaded', loadedArgs);
+        //eslint-enable @typescript-eslint/prefer-const
     };
     /**
      * To apply color to the initial selected marker
@@ -8062,7 +8116,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      * @param {SelectionSettingsModel} selectionSettings - Specifies the selection settings
      * @param {Maps} map - Specifies the instance of the maps
      * @param {Element} targetElement - Specifies the target element
-     * @param {any} data - Specifies the data
+     * @param {object} data - Specifies the data
      * @returns {void}
      * @private
      */
@@ -8113,6 +8167,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         var selectionSettings = markerSettings.selectionSettings;
         if (selectionSettings.enable) {
             for (var i = 0; i < markerSettings.dataSource['length']; i++) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var data = markerSettings.dataSource[i];
                 if (data['latitude'] === latitude && data['longitude'] === longitude) {
                     var targetId = this.element.id + '_' + 'LayerIndex_' + layerIndex + '_MarkerIndex_' + markerIndex +
@@ -8234,7 +8289,9 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         var mapsElement = document.getElementById(this.element.id);
         if (!isNullOrUndefined(mapsElement)) {
             var element = mapsElement.getBoundingClientRect();
-            var minPosition = this.isTileMap ? this.pointToLatLong((this.mapAreaRect.x - this.margin.left), -this.mapAreaRect.y) : this.getGeoLocation(0, (this.mapAreaRect.x + element.left), this.mapAreaRect.y);
+            var minPosition = this.isTileMap ?
+                this.pointToLatLong((this.mapAreaRect.x - this.margin.left), -this.mapAreaRect.y) :
+                this.getGeoLocation(0, (this.mapAreaRect.x + element.left), this.mapAreaRect.y);
             var maxPosition = this.isTileMap ? this.pointToLatLong(this.mapAreaRect.width, (this.mapAreaRect.height - this.mapAreaRect.y)) :
                 this.getGeoLocation(0, (this.mapAreaRect.x + element.left + this.mapAreaRect.width), (this.mapAreaRect.y + this.mapAreaRect.height));
             var MinMaxLatitudeLongitude = {
@@ -8260,7 +8317,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         var templateElements = document.getElementsByClassName(this.element.id + '_template');
         if (!isNullOrUndefined(templateElements) && templateElements.length > 0 &&
             getElementByID(this.element.id + '_Layer_Collections') && !this.isTileMap) {
-            Array.prototype.forEach.call(templateElements, function (templateGroupEle, i) {
+            Array.prototype.forEach.call(templateElements, function (templateGroupEle) {
                 var offSetLetValue = 0;
                 var offSetTopValue = 0;
                 if (!isNullOrUndefined(templateGroupEle) && templateGroupEle.childElementCount > 0) {
@@ -8272,9 +8329,9 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                         offSetTopValue = _this.isTileMap ? 0 : (layerOffset.top < elementOffset.top) ?
                             -(Math.abs(elementOffset.top - layerOffset.top)) : Math.abs(elementOffset.top - layerOffset.top);
                     }
-                    Array.prototype.forEach.call(templateGroupEle.childNodes, function (currentTemplate, j) {
+                    Array.prototype.forEach.call(templateGroupEle.childNodes, function (currentTemplate) {
                         if (currentTemplate.id.indexOf('Marker') !== -1) {
-                            if (currentTemplate.style.visibility != "hidden") {
+                            if (currentTemplate.style.visibility !== 'hidden') {
                                 var elementOffset_1 = getElementByID(currentTemplate.id).getBoundingClientRect();
                                 currentTemplate.style.left = parseFloat(currentTemplate.style.left) - (_this.isTileMap ? 0 : elementOffset_1.width / 2) + 'px';
                                 currentTemplate.style.top = parseFloat(currentTemplate.style.top) - (_this.isTileMap ? 0 : elementOffset_1.height / 2) + 'px';
@@ -8333,6 +8390,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     Maps.prototype.findBaseAndSubLayers = function () {
         var _this = this;
         var baseIndex = this.baseLayerIndex;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var mainLayers = [];
         var subLayers = [];
         this.layersCollection = [];
@@ -8507,6 +8565,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      * @private
      */
+    //eslint-disable-next-line @typescript-eslint/no-unused-vars
     Maps.prototype.mouseLeaveOnMap = function (e) {
         if (document.getElementsByClassName('highlightMapStyle').length > 0 && this.legendModule) {
             this.legendModule.removeShapeHighlightCollection();
@@ -8532,7 +8591,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     Maps.prototype.keyboardHighlightSelection = function (id, key) {
         var layerIndex = parseInt(id.split('_LayerIndex_')[1].split('_')[0], 10);
         var shapeIndex = parseInt(id.split('_shapeIndex_')[1].split('_')[0], 10);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        //eslint-disable-next-line @typescript-eslint/no-explicit-any
         var shapeData = this.layers[layerIndex].shapeData['features']['length'] > shapeIndex ?
             this.layers[layerIndex].shapeData['features'][shapeIndex]['properties'] : null;
         var dataIndex = parseInt(id.split('_dataIndex_')[1].split('_')[0], 10);
@@ -8662,11 +8721,13 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             };
             if (this.onclick) {
                 eventArgs_1.name = onclick;
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 this.trigger('onclick', eventArgs_1, function (mouseArgs) {
                     _this.clickHandler(e, eventArgs_1, targetEle);
                 });
             }
             else {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 this.trigger('click', eventArgs_1, function (mouseArgs) {
                     _this.clickHandler(e, eventArgs_1, targetEle);
                 });
@@ -8711,7 +8772,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Maps.prototype.getMarkerClickLocation = function (pageX, pageY, x, y, marker$$1, isDragEnd) {
-        document.getElementById(this.element.id + "_svg").style.cursor = 'grabbing';
+        document.getElementById(this.element.id + '_svg').style.cursor = 'grabbing';
         var targetElement = getElement(marker$$1.targetId);
         var latLongValue = this.getClickLocation(marker$$1.targetId, pageX, pageY, targetElement, x, y);
         var location = (this.isTileMap) ? convertTileLatLongToPoint(new MapLocation(latLongValue.longitude, latLongValue.latitude), this.tileZoomLevel, this.tileTranslatePoint, true) : convertGeoToPoint(latLongValue.latitude, latLongValue.longitude, this.mapLayerPanel.currentFactor, this.layersCollection[marker$$1.layerIndex], this);
@@ -8730,9 +8791,24 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         }
         return latLongValue;
     };
-    /** @private */
+    /**
+     * Gets the location of the mouse click
+     *
+     * @param {string} targetId - Specifies the ID for the target.
+     * @param {number} pageX - Defines the page X position.
+     * @param {number} pageY - Defines the page Y position.
+     * @param {HTMLElement} targetElement - Specifies the target element on the event.
+     * @param  {number} x - Defines the x position in pixel.
+     * @param {number} y - Defines the y position in pixel.
+     * @param {string} type -  Specifies the type.
+     * @returns {GeoPosition} -  Returns the position of the event
+     *
+     * @private
+     *
+     */
     Maps.prototype.getClickLocation = function (targetId, pageX, pageY, targetElement, x, y, type) {
         var layerIndex = 0;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var latLongValue;
         if (targetId.indexOf('_LayerIndex_') !== -1 && !this.isTileMap && (!isNullOrUndefined(type) ||
             ((parseInt(this.mouseDownEvent['x'], 10) === parseInt(this.mouseClickEvent['x'], 10)) &&
@@ -8740,6 +8816,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             layerIndex = parseFloat(targetId.split('_LayerIndex_')[1].split('_')[0]);
             if (this.layers[layerIndex].geometryType === 'Normal') {
                 if (targetId.indexOf('_shapeIndex_') > -1) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var immediateParent = targetElement.parentElement;
                     var parentElement = immediateParent.id.indexOf('_Point_Group') > -1 || immediateParent.id.indexOf('_LineString_Group') > -1
                         || immediateParent.id.indexOf('_MultiLineString_Group') > -1 || immediateParent.id.indexOf('_Polygon_Group') > -1 ?
@@ -8753,9 +8830,11 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                         longitude: Math.abs((location_2.x / zoomScaleValue) + this.baseMapBounds.longitude.min)
                     };
                     if (this.baseMapBounds.longitude.min < 0 && minLongitude > location_2.x) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         latLongValue.longitude = -latLongValue.longitude;
                     }
                     if (this.baseMapBounds.latitude.min < 0 && minLatitude > location_2.y) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         latLongValue.latitude = -latLongValue.latitude;
                     }
                 }
@@ -8763,6 +8842,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                     var markerIndex = parseInt(targetId.split('_MarkerIndex_')[1].split('_')[0], 10);
                     var dataIndex = parseInt(targetId.split('_dataIndex_')[1].split('_')[0], 10);
                     if (!isNaN(markerIndex) && !isNaN(dataIndex)) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         var dataObject = this.layers[layerIndex].markerSettings[markerIndex].dataSource[dataIndex];
                         latLongValue = { latitude: dataObject['latitude'], longitude: dataObject.longitude };
                     }
@@ -8777,13 +8857,17 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                     var minLongitude = Math.abs((-this.baseMapBounds.longitude.min) * this.mapLayerPanel.currentFactor);
                     var minLatitude = Math.abs(this.baseMapBounds.latitude.max * this.mapLayerPanel.currentFactor);
                     latLongValue = {
-                        latitude: Math.abs(this.baseMapBounds.latitude.max - (location_3.y / (this.mapLayerPanel.currentFactor * this.scale))),
-                        longitude: Math.abs((location_3.x / (this.mapLayerPanel.currentFactor * this.scale)) + this.baseMapBounds.longitude.min)
+                        latitude: Math.abs(this.baseMapBounds.latitude.max
+                            - (location_3.y / (this.mapLayerPanel.currentFactor * this.scale))),
+                        longitude: Math.abs((location_3.x / (this.mapLayerPanel.currentFactor * this.scale))
+                            + this.baseMapBounds.longitude.min)
                     };
                     if (this.baseMapBounds.longitude.min < 0 && minLongitude > location_3.x) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         latLongValue.longitude = -latLongValue.longitude;
                     }
                     if (this.baseMapBounds.latitude.min < 0 && minLatitude > location_3.y) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         latLongValue.latitude = -latLongValue.latitude;
                     }
                 }
@@ -8819,25 +8903,17 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     Maps.prototype.mouseEndOnMap = function (e) {
-        var targetEle = e.target;
-        var targetId = targetEle.id;
         var pageX;
-        var latitude = null;
-        var longitude = null;
         var pageY;
-        var target;
         var touchArg;
         var layerX = 0;
         var layerY = 0;
-        var rect = this.element.getBoundingClientRect();
-        var element = e.target;
         if (e.type.indexOf('touch') !== -1) {
             this.isTouch = true;
             touchArg = e;
             layerX = pageX = touchArg.changedTouches[0].pageX;
             pageY = touchArg.changedTouches[0].pageY;
             layerY = pageY - (this.isTileMap ? 10 : 0);
-            target = touchArg.target;
             this.mouseClickEvent = { x: pageX, y: pageY };
         }
         else {
@@ -8846,19 +8922,11 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             pageY = e.pageY;
             layerX = e['layerX'];
             layerY = e['layerY'] - (this.isTileMap ? 10 : 0);
-            target = e.target;
         }
         if (this.isTileMap) {
             this.removeTileMap();
         }
         if (this.isTouch) {
-            if (targetEle.id.indexOf('_ToolBar') === -1) {
-                var latLongValue = this.getClickLocation(targetId, pageX, pageY, targetEle, pageX, pageY);
-                if (!isNullOrUndefined(latLongValue)) {
-                    latitude = latLongValue.latitude;
-                    longitude = latLongValue.longitude;
-                }
-            }
             this.titleTooltip(e, pageX, pageY, true);
             if (!isNullOrUndefined(this.legendModule)) {
                 this.legendTooltip(e, e.pageX, e.pageY, true);
@@ -8869,12 +8937,13 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             e.preventDefault();
         }
         if (!isNullOrUndefined(this.markerDragArgument)) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var marker$$1 = this.markerDragArgument;
             this.mouseClickEvent['x'] = this.mouseDownEvent['x'];
             this.mouseClickEvent['y'] = this.mouseDownEvent['y'];
             var latLongValue = this.getMarkerClickLocation(pageX, pageY, layerX, layerY, this.markerDragArgument, true);
             var markerObject = this.layers[marker$$1.layerIndex].markerSettings[marker$$1.markerIndex];
-            document.getElementById(this.element.id + "_svg").style.cursor = markerObject.enableDrag ? 'pointer' : 'grabbing';
+            document.getElementById(this.element.id + '_svg').style.cursor = markerObject.enableDrag ? 'pointer' : 'grabbing';
             var dragEventArgs = {
                 name: 'markerDragEnd', x: pageX, y: pageY,
                 latitude: latLongValue.latitude, longitude: latLongValue.longitude,
@@ -8901,7 +8970,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             this.trigger('markerDragEnd', dragEventArgs);
         }
         else {
-            document.getElementById(this.element.id + "_svg").style.cursor = 'auto';
+            document.getElementById(this.element.id + '_svg').style.cursor = 'auto';
         }
         if (this.zoomModule && this.isDevice) {
             this.zoomModule.removeToolbarOpacity(this.isTileMap ? Math.round(this.tileZoomLevel) : this.scale, this.element.id + '_Zooming_');
@@ -8918,13 +8987,14 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      */
     Maps.prototype.mouseDownOnMap = function (e) {
         this.mouseDownEvent = { x: e.x, y: e.y };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (e.type.indexOf('touch') !== -1 && e.changedTouches) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.mouseDownEvent = { x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY };
         }
         if (this.isDevice && !isNullOrUndefined(this.mapsTooltipModule)) {
             this.mapsTooltipModule.renderTooltip(e);
         }
-        var rect = this.element.getBoundingClientRect();
         var element = e.target;
         this.markerDragId = element.id;
         var animatedTiles = document.getElementById(this.element.id + '_animated_tiles');
@@ -8955,7 +9025,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     Maps.prototype.mergeCluster = function () {
         if (this.markerModule && (this.markerModule.sameMarkerData.length > 0) &&
             (this.zoomModule ? this.zoomModule.isSingleClick : true)) {
-            mergeSeparateCluster(this.markerModule.sameMarkerData, this, getElement(this.element.id + '_Markers_Group'));
+            mergeSeparateCluster(this.markerModule.sameMarkerData, this);
             this.markerModule.sameMarkerData = [];
         }
     };
@@ -8996,6 +9066,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         var targetElement = e.target;
         var targetId = targetElement.id;
         var layerIndex = 0;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var latLongValue;
         var latitude = null;
         var longitude = null;
@@ -9041,8 +9112,8 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         if (this.bubbleModule) {
             this.bubbleModule.bubbleMove(e);
         }
-        if (target.id.indexOf('MarkerIndex') == -1) {
-            document.getElementById(this.element.id + "_svg").style.cursor = 'auto';
+        if (target.id.indexOf('MarkerIndex') === -1) {
+            document.getElementById(this.element.id + '_svg').style.cursor = 'auto';
         }
         this.onMouseMove(e);
         this.notify(Browser.touchMoveEvent, e);
@@ -9062,7 +9133,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         var touches = null;
         var layerX = 0;
         var layerY = 0;
-        if (e.type.indexOf('touch') == -1) {
+        if (e.type.indexOf('touch') === -1) {
             pageX = e.pageX;
             pageY = e.pageY;
             layerX = e['layerX'];
@@ -9078,6 +9149,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             layerY = pageY = touches[0].clientY - (this.isTileMap ? 10 : 0);
         }
         if (!isNullOrUndefined(this.markerDragArgument)) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var marker$$1 = this.markerDragArgument;
             this.mouseClickEvent['x'] = this.mouseDownEvent['x'];
             this.mouseClickEvent['y'] = this.mouseDownEvent['y'];
@@ -9093,6 +9165,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         var legendText;
         var page = this.legendModule.currentPage;
         var legendIndex = event.target.id.split('_Index_')[1];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var collection;
         page = this.legendModule.totalPages.length <= this.legendModule.currentPage
             ? this.legendModule.totalPages.length - 1 : this.legendModule.currentPage < 0 ?
@@ -9135,6 +9208,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      *
      * @param e - Specifies the arguments of window resize event.
      */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Maps.prototype.mapsOnResize = function (e) {
         var _this = this;
         if (!this.isDestroyed && !this.isExportInitialTileMap) {
@@ -9169,6 +9243,8 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      * This method is used to zoom the map by specifying the center position.
      *
      * @param {number} centerPosition - Specifies the location of the maps to be zoomed as geographical coordinates.
+     * @param {number} centerPosition.longitude - Specifies the longitude of the location to be zoomed.
+     * @param {number} centerPosition.latitude - Specifies the latitude of the location to be zoomed.
      * @param {number} zoomFactor - Specifies the zoom factor for the maps.
      * @returns {void}
      */
@@ -9317,9 +9393,11 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                 var dataIndex = void 0;
                 var shapeIndex = void 0;
                 var indexValue = void 0;
+                /* eslint-disable @typescript-eslint/no-explicit-any */
                 var shapeDataValue = void 0;
                 var data = void 0;
                 var shapeData = this.layers[layerIndex].shapeData['features'];
+                /* eslint-enable @typescript-eslint/no-explicit-any */
                 for (var i = 0; i < shapeData.length; i++) {
                     for (var j = 0; j < popertyNameArray.length; j++) {
                         var propertyName_1 = !isNullOrUndefined(shapeData[i]['properties'][popertyNameArray[j]])
@@ -9329,7 +9407,9 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                         var k = void 0;
                         if (propertyName_1 === shapeName) {
                             if (!isNullOrUndefined(this.layers[layerIndex].shapeSettings.colorValuePath)) {
-                                k = checkShapeDataFields(this.layers[layerIndex].dataSource, shapeData[i]['properties'], this.layers[layerIndex].shapeDataPath, this.layers[layerIndex].shapePropertyPath, this.layers[layerIndex]);
+                                k = checkShapeDataFields(
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                this.layers[layerIndex].dataSource, shapeData[i]['properties'], this.layers[layerIndex].shapeDataPath, this.layers[layerIndex].shapePropertyPath, this.layers[layerIndex]);
                             }
                             var baseLayer = this.layers[layerIndex];
                             if (this.baseLayerIndex >= 0 && baseLayer.isBaseLayer) {
@@ -9611,11 +9691,6 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             var isMarker = false;
             var isLayer = false;
             var isStaticMapType = false;
-            var layerEle = void 0;
-            if (newProp['layers']) {
-                var newLayerLength = Object.keys(newProp['layers']).length;
-                layerEle = document.getElementById(this.element.id + '_LayerIndex_' + (newLayerLength - 1));
-            }
             for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
                 var prop = _a[_i];
                 switch (prop) {
@@ -9882,6 +9957,8 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     };
     /**
      * To find marker visibility
+     *
+     * @returns {boolean} - Returns whether the bubble is visible or not.
      */
     Maps.prototype.isBubbleVisible = function () {
         var isVisible = false;
@@ -9939,12 +10016,14 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                 allowDownload = true;
             }
             if ((type !== 'PDF') && (this.allowImageExport) && (this.imageExportModule)) {
-                return new Promise(function (resolve, reject) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                return new Promise(function (resolve) {
                     resolve(_this.imageExportModule.export(_this, type, fileName, allowDownload));
                 });
             }
             else if ((this.allowPdfExport) && (this.pdfExportModule)) {
-                return new Promise(function (resolve, reject) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                return new Promise(function (resolve) {
                     resolve(_this.pdfExportModule.export(_this, type, fileName, allowDownload, orientation));
                 });
             }
@@ -9960,10 +10039,11 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
     Maps.prototype.getBingUrlTemplate = function (url) {
         var promise;
         if (!this.isDestroyed) {
-            promise = new Promise(function (resolve, reject) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            promise = new Promise(function (resolve) {
                 var fetchApi = new Fetch({
                     url: url
-                });
+                }); // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 fetchApi.onSuccess = function (json) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var resource = json['resourceSets'][0]['resources'][0];
@@ -9983,7 +10063,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      * @param {boolean} istooltipVisible - Specifies whether the tooltip is visible or not.
      * @param {boolean} isSelection - Specifies whether the shape is selectd or not.
      * @param {boolean} isHighlight - Specfies whether the shape is highlighted or not.
-     * @returns {boolean} - Returns the boolean value
+     * @returns {object} - Returns the boolean values in object.
      */
     Maps.prototype.findVisibleLayers = function (layers, isLayerVisible, isBubblevisible, istooltipVisible, isSelection, isHighlight) {
         if (isLayerVisible === void 0) { isLayerVisible = false; }
@@ -10005,8 +10085,10 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
                 for (var _a = 0, navigationLine_1 = navigationLine; _a < navigationLine_1.length; _a++) {
                     var navigation = navigationLine_1[_a];
                     if (navigation.visible) {
-                        isSelection = (!isNullOrUndefined(navigation.highlightSettings) && navigation.highlightSettings.enable) || isSelection;
-                        isHighlight = (!isNullOrUndefined(navigation.selectionSettings) && navigation.selectionSettings.enable) || isHighlight;
+                        isSelection = (!isNullOrUndefined(navigation.highlightSettings) &&
+                            navigation.highlightSettings.enable) || isSelection;
+                        isHighlight = (!isNullOrUndefined(navigation.selectionSettings) &&
+                            navigation.selectionSettings.enable) || isHighlight;
                     }
                 }
                 for (var _b = 0, _c = polygonSetting.polygons; _b < _c.length; _b++) {
@@ -10068,6 +10150,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             var pageX = x - (isNullOrUndefined(this.markerDragArgument) ? container.offsetLeft : 0);
             var pageY = y - (isNullOrUndefined(this.markerDragArgument) ? container.offsetTop : 0);
             var currentLayer = this.layersCollection[layerIndex];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var translate = getTranslate(this, currentLayer, false);
             var translatePoint = translate['location'];
             var translatePointX = translatePoint.x * this.scale;
@@ -10097,6 +10180,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         if (!this.isDestroyed) {
             var container = document.getElementById(this.element.id);
             var ele = document.getElementById(this.element.id + '_tile_parent');
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var latLong = this.pointToLatLong(x + this.mapAreaRect.x - (ele.offsetLeft - (isNullOrUndefined(this.markerDragArgument) ? container.offsetLeft : 0)), y + this.mapAreaRect.y - (ele.offsetTop - (isNullOrUndefined(this.markerDragArgument) ? container.offsetTop : 0)));
             latitude = latLong['latitude'];
             longitude = latLong['longitude'];
@@ -10311,21 +10395,33 @@ var Bubble = /** @__PURE__ @class */ (function () {
     function Bubble(maps) {
         /**
          * Bubble Id for current layer
+         *
          * @private
          */
         this.id = '';
         this.maps = maps;
         this.bubbleCollection = [];
     }
-    // eslint-disable-next-line valid-jsdoc
     /**
      * To render bubble
      *
+     * @param {BubbleSettingsModel} bubbleSettings - Specifies the bubble data to be rendered
+     * @param {object} shapeData - Specifies the data about the shape
+     * @param {string} color - Specifies the color of the bubble
+     * @param {number} range - Specifies the range of the bubble
+     * @param {number} range.min - Specifies the minimum range of the bubble
+     * @param {number} range.max - Specifies the maximum range of the bubble
+     * @param {number} bubbleIndex - Specifies the index of the bubble
+     * @param {number} dataIndex - Specifies the index of the data
+     * @param {number} layerIndex - Specifies the index of the layer
+     * @param {LayerSettings} layer - Specifies the layer data
+     * @param {Element} group - Specifies the element group
+     * @param {string} bubbleID - Specifies the ID of the bubble
+     * @returns {void}
+     *
      * @private
      */
-    Bubble.prototype.renderBubble = function (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    bubbleSettings, shapeData, color, range, bubbleIndex, dataIndex, layerIndex, layer, group, bubbleID) {
+    Bubble.prototype.renderBubble = function (bubbleSettings, shapeData, color, range, bubbleIndex, dataIndex, layerIndex, layer, group, bubbleID) {
         var _this = this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var layerData = layer.layerData;
@@ -10425,6 +10521,7 @@ var Bubble = /** @__PURE__ @class */ (function () {
                     return;
                 }
             }
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
             this.maps.trigger('bubbleRendering', eventArgs, function (bubbleArgs) {
                 if (eventArgs.cancel) {
                     return;
@@ -10463,7 +10560,9 @@ var Bubble = /** @__PURE__ @class */ (function () {
                 var bubbleDataSource = bubbleSettings.dataSource;
                 var scale = translate['scale'];
                 var transPoint = translate['location'];
-                var position = new MapLocation((_this.maps.isTileMap ? ((eventArgs.cx + _this.maps.translatePoint.x) * _this.maps.tileZoomLevel) : ((eventArgs.cx + transPoint.x) * scale)), (_this.maps.isTileMap ? ((eventArgs.cy + _this.maps.translatePoint.y) * _this.maps.tileZoomLevel) : ((eventArgs.cy + transPoint.y) * scale)));
+                var position = new MapLocation((_this.maps.isTileMap ? ((eventArgs.cx + _this.maps.translatePoint.x) * _this.maps.tileZoomLevel)
+                    : ((eventArgs.cx + transPoint.x) * scale)), (_this.maps.isTileMap ? ((eventArgs.cy + _this.maps.translatePoint.y) * _this.maps.tileZoomLevel)
+                    : ((eventArgs.cy + transPoint.y) * scale)));
                 bubbleElement.setAttribute('transform', 'translate( ' + (position.x) + ' ' + (position.y) + ' )');
                 var bubble = (bubbleDataSource.length - 1) === dataIndex ? 'bubble' : null;
                 if (bubbleSettings.bubbleType === 'Square') {
@@ -10638,6 +10737,7 @@ var Marker = /** @__PURE__ @class */ (function () {
                     border: markerSettings.border, colorValuePath: markerSettings.colorValuePath,
                     shapeValuePath: markerSettings.shapeValuePath, imageUrlValuePath: markerSettings.imageUrlValuePath
                 };
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 maps.trigger('markerRendering', eventArgs, function (MarkerArgs) {
                     eventArgs = markerColorChoose(eventArgs, data);
                     eventArgs = markerShapeChoose(eventArgs, data);
@@ -10861,6 +10961,7 @@ var Marker = /** @__PURE__ @class */ (function () {
     };
     /**
      * To check and trigger marker click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
      * @private
@@ -10881,7 +10982,7 @@ var Marker = /** @__PURE__ @class */ (function () {
             return;
         }
         if (options.marker.enableDrag) {
-            document.getElementById(this.maps.element.id + "_svg").style.cursor = 'grabbing';
+            document.getElementById(this.maps.element.id + '_svg').style.cursor = 'grabbing';
         }
         var eventArgs = {
             cancel: false, name: markerClick, data: options.data, maps: this.maps,
@@ -10898,7 +10999,7 @@ var Marker = /** @__PURE__ @class */ (function () {
             var dataIndex_1 = parseInt(target.split('_dataIndex_')[1].split('_')[0], 10);
             var marker_1 = this.maps.layers[layerIndex].markerSettings[markerIndex];
             if (this.sameMarkerData.length > 0) {
-                isCluster = (this.sameMarkerData[0].data.filter(function (el) { return (el['index'] == dataIndex_1); })).length > 0 &&
+                isCluster = (this.sameMarkerData[0].data.filter(function (el) { return (el['index'] === dataIndex_1); })).length > 0 &&
                     this.sameMarkerData[0].layerIndex === layerIndex && this.sameMarkerData[0].markerIndex === markerIndex;
             }
             if (!isCluster) {
@@ -10913,7 +11014,8 @@ var Marker = /** @__PURE__ @class */ (function () {
                     targetId: target, x: e.clientX, y: e.clientY,
                     latitude: options.data['latitude'] || options.data['Latitude'],
                     longitude: options.data['longitude'] || options.data['Longitude'],
-                    shape: isNullOrUndefined(marker_1.shapeValuePath) ? marker_1.shape : marker_1.dataSource[dataIndex_1][marker_1.shapeValuePath],
+                    shape: isNullOrUndefined(marker_1.shapeValuePath) ? marker_1.shape
+                        : marker_1.dataSource[dataIndex_1][marker_1.shapeValuePath],
                     layerIndex: layerIndex, markerIndex: markerIndex, dataIndex: dataIndex_1
                 };
             }
@@ -10921,6 +11023,7 @@ var Marker = /** @__PURE__ @class */ (function () {
     };
     /**
      * To check and trigger Cluster click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
      * @private
@@ -10941,7 +11044,7 @@ var Marker = /** @__PURE__ @class */ (function () {
             }
             if (this.sameMarkerData.length > 0 && !this.maps.markerClusterExpandCheck) {
                 this.maps.markerClusterExpandCheck = true;
-                mergeSeparateCluster(this.sameMarkerData, this.maps, this.markerSVGObject);
+                mergeSeparateCluster(this.sameMarkerData, this.maps);
             }
             else {
                 this.sameMarkerData = options.clusterCollection;
@@ -10961,7 +11064,7 @@ var Marker = /** @__PURE__ @class */ (function () {
      * To get marker from target id
      *
      * @param {string} target - Specifies the target
-     * @returns {string} - Returns the string
+     * @returns {object} - Returns the marker, data, clusterCollection, markCollection
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Marker.prototype.getMarker = function (target) {
@@ -11030,7 +11133,7 @@ var Marker = /** @__PURE__ @class */ (function () {
             return;
         }
         if (options.marker.enableDrag) {
-            document.getElementById(this.maps.element.id + "_svg").style.cursor = isNullOrUndefined(this.maps.markerDragArgument) ?
+            document.getElementById(this.maps.element.id + '_svg').style.cursor = isNullOrUndefined(this.maps.markerDragArgument) ?
                 'pointer' : 'grabbing';
         }
         var eventArgs = {
@@ -11064,7 +11167,10 @@ var Marker = /** @__PURE__ @class */ (function () {
         };
         this.maps.trigger(markerClusterMouseMove, eventArgs);
     };
-    /** @private */
+    /** @private
+     *
+     * @returns {void}
+     */
     Marker.prototype.initializeMarkerClusterList = function () {
         for (var i = 0; i < this.maps.layers.length; i++) {
             this.initialMarkerCluster[i] = [];
@@ -11100,8 +11206,12 @@ var Marker = /** @__PURE__ @class */ (function () {
  * When injected, this module will be used to render polygon shapes over the Maps.
  */
 var Polygon = /** @__PURE__ @class */ (function () {
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    /* eslint-disable @typescript-eslint/no-empty-function */
     function Polygon(maps) {
     }
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    /* eslint-enable @typescript-eslint/no-empty-function */
     /**
      * To render polygon for maps
      *
@@ -11120,7 +11230,6 @@ var Polygon = /** @__PURE__ @class */ (function () {
             var polygonSVGObject = maps.renderer.createGroup({
                 id: maps.element.id + '_LayerIndex_' + layerIndex + '_Polygons_Group_' + polygonIndex
             });
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var polygonData = polygonSetting.points;
             var path = calculatePolygonPath(maps, factor, currentLayer, polygonData);
             var pathOptions = new PathOption(maps.element.id + '_LayerIndex_' + layerIndex + '_PolygonIndex_' + polygonIndex, polygonSetting.fill, (polygonSetting.borderWidth / factor), polygonSetting.borderColor, polygonSetting.opacity, polygonSetting.borderOpacity, '', path);
@@ -11145,6 +11254,7 @@ var Polygon = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @private
      */
+    //eslint-disable-next-line @typescript-eslint/no-empty-function
     Polygon.prototype.destroy = function () {
     };
     return Polygon;
@@ -11184,7 +11294,7 @@ var DataLabel = /** @__PURE__ @class */ (function () {
      *
      * @param {LayerSettings} layer - Specifies the layer settings
      * @param {number} layerIndex - Specifies the layer index.
-     * @param {any} shape - Specifies the shape.
+     * @param {object} shape - Specifies the shape.
      * @param {any[]} layerData - Specifies the layer data.
      * @param {Element} group Specifies the element.
      * @param {HTMLElement} labelTemplateElement - Specifies the template element.
@@ -11193,9 +11303,7 @@ var DataLabel = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @private
      */
-    DataLabel.prototype.renderLabel = function (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    layer, layerIndex, shape, 
+    DataLabel.prototype.renderLabel = function (layer, layerIndex, shape, 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     layerData, group, labelTemplateElement, index, intersect) {
         var _this = this;
@@ -11398,7 +11506,7 @@ var DataLabel = /** @__PURE__ @class */ (function () {
                     var templateElement = templateFn ? templateFn(!isNullOrUndefined(datasrcObj) ?
                         datasrcObj : shapeData['properties'], _this.maps, eventargs_1.template, _this.maps.element.id + '_LabelTemplate', false) : document.createElement('div');
                     templateElement.innerHTML = !templateFn ? eventargs_1.template : '';
-                    labelElement = convertElementFromLabel(templateElement, labelId, !isNullOrUndefined(datasrcObj) ? datasrcObj : shapeData['properties'], index, _this.maps);
+                    labelElement = convertElementFromLabel(templateElement, labelId, !isNullOrUndefined(datasrcObj) ? datasrcObj : shapeData['properties']);
                     if (_this.maps.isTileMap) {
                         labelElement.style.left = (((location['x'] + transPoint['x']) * scale) - (textSize['width'] / 2)) + 'px';
                         labelElement.style.top = (((location['y'] + transPoint['y']) * scale) - textSize['height']) + 'px';
@@ -11552,7 +11660,7 @@ var DataLabel = /** @__PURE__ @class */ (function () {
                     element.setAttribute(isRect ? 'fill-opacity' : 'opacity', (opacity * height).toString());
                 }
             },
-            end: function (model) {
+            end: function () {
                 element.style.visibility = 'visible';
                 element.setAttribute(isRect ? 'fill-opacity' : 'opacity', opacity.toString());
             }
@@ -11720,6 +11828,7 @@ var NavigationLine = /** @__PURE__ @class */ (function () {
                     pathOption = new PathOption(arcId, 'none', width, color, 1, 1, dashArray, d);
                     navigationEle = this.maps.renderer.drawPath(pathOption);
                     if (!isNullOrUndefined(arrowPosition)) {
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                         var position = (arrowPosition === 'Start') ? navigationEle.setAttribute('marker-start', startArrow)
                             : navigationEle.setAttribute('marker-end', endArrow);
                     }
@@ -12119,9 +12228,9 @@ var Legend = /** @__PURE__ @class */ (function () {
      * Get the legend collections
      *
      * @param {number} layerIndex - Specifies the layer index
-     * @param {object[]} layerData - Specifies the layer data
+     * @param {any[]} layerData - Specifies the layer data
      * @param {ColorMappingSettings[]} colorMapping - Specifies the color mapping
-     * @param {object[]} dataSource - Specifies the data source
+     * @param {any[]} dataSource - Specifies the data source
      * @param {string} dataPath - Specifies the data path
      * @param {string} colorValuePath - Specifies the color value path
      * @param {string | string[]} propertyPath - Specifies the property path
@@ -12163,6 +12272,7 @@ var Legend = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend shape and text.
+     *
      * @private
      */
     Legend.prototype.drawLegend = function () {
@@ -12207,7 +12317,7 @@ var Legend = /** @__PURE__ @class */ (function () {
         }
     };
     /**
-     * @param {string} page - Specifies the legend page.
+     * @param {number} page - Specifies the legend page.
      * @returns {void}
      * @private
      */
@@ -12231,8 +12341,6 @@ var Legend = /** @__PURE__ @class */ (function () {
                 var legendElement = render.createGroup({ id: map.element.id + '_Legend_Index_' + collection['idIndex'] });
                 var legendText = collection['DisplayText'];
                 var pagingArrowPadding = 4;
-                var shape = ((legend.type === 'Markers') ? ((isNullOrUndefined(collection['ImageSrc'])) ?
-                    legend.shape : 'Image') : collection['legendShape']);
                 var strokeColor = (legend.shape === 'HorizontalLine' || legend.shape === 'VerticalLine'
                     || legend.shape === 'Cross') ? isNullOrUndefined(legend.fill) ? '#000000' : legend.fill : shapeBorder.color;
                 var strokeWidth = (legend.shape === 'HorizontalLine' || legend.shape === 'VerticalLine'
@@ -12617,9 +12725,7 @@ var Legend = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Legend.prototype.shapeHighLightAndSelection = function (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    targetElement, data, module, getValue, layerIndex) {
+    Legend.prototype.shapeHighLightAndSelection = function (targetElement, data, module, getValue, layerIndex) {
         if (data !== undefined) {
             this.updateLegendElement();
             this.shapeToggled = true;
@@ -13045,9 +13151,12 @@ var Legend = /** @__PURE__ @class */ (function () {
         }
         if (legendTitle) {
             textStyle.color = (textStyle.color !== null) ? textStyle.color : this.maps.themeStyle.legendTitleFontColor;
-            textStyle.fontFamily = !isNullOrUndefined(textStyle.fontFamily) ? textStyle.fontFamily : this.maps.themeStyle.fontFamily;
-            textStyle.size = !isNullOrUndefined(textStyle.size) ? textStyle.size : this.maps.themeStyle.subTitleFontSize || Theme.legendTitleFont.size;
-            textStyle.fontWeight = !isNullOrUndefined(textStyle.fontWeight) ? textStyle.fontWeight : this.maps.themeStyle.titleFontWeight || Theme.legendTitleFont.fontWeight;
+            textStyle.fontFamily = !isNullOrUndefined(textStyle.fontFamily) ? textStyle.fontFamily
+                : this.maps.themeStyle.fontFamily;
+            textStyle.size = !isNullOrUndefined(textStyle.size) ? textStyle.size
+                : this.maps.themeStyle.subTitleFontSize || Theme.legendTitleFont.size;
+            textStyle.fontWeight = !isNullOrUndefined(textStyle.fontWeight) ? textStyle.fontWeight
+                : this.maps.themeStyle.titleFontWeight || Theme.legendTitleFont.fontWeight;
             textOptions = new TextOption(map.element.id + '_LegendTitle', (this.legendItemRect.x) + (this.legendItemRect.width / 2), this.legendItemRect.y - (textSize.height / 2) - spacing / 2, 'middle', trimTitle, '');
             var element = renderTextElement(textOptions, textStyle, textStyle.color, this.legendGroup);
             element.setAttribute('aria-label', legendTitle);
@@ -13151,6 +13260,7 @@ var Legend = /** @__PURE__ @class */ (function () {
             var field = marker$$1.legendText;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var templateFn;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             Array.prototype.forEach.call(dataSource, function (data, dataIndex) {
                 var imageSrc = null;
                 var showLegend = isNullOrUndefined(data[_this.maps.legendSettings.showLegendPath]) ? true :
@@ -13161,6 +13271,7 @@ var Legend = /** @__PURE__ @class */ (function () {
                         var templateElement = templateFn(_this.maps);
                         var markerEle = isNullOrUndefined(templateElement.childElementCount) ? templateElement[0] :
                             templateElement;
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                         imageSrc = markerEle.querySelector('img').src;
                     }
                     var text = isNullOrUndefined(data[field]) ? '' : data[field];
@@ -13358,7 +13469,6 @@ var Legend = /** @__PURE__ @class */ (function () {
                     }
                 });
                 if (outOfRangeValues.length === 0) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var range_1 = false;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     Array.prototype.forEach.call(dataSource, function (data, dataIndex) {
@@ -13599,7 +13709,12 @@ var Legend = /** @__PURE__ @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ? this.maps.layers[k].shapeSettings.opacity : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[k].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width)
+                                            ? 0 : this.maps.layers[k].shapeSettings.border.width, 
+                                        /* eslint-disable-next-line max-len */
+                                        isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity)
+                                            ? this.maps.layers[k].shapeSettings.opacity
+                                            : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[k].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -13668,7 +13783,12 @@ var Legend = /** @__PURE__ @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[j].shapeSettings.fill, this.maps.layers[j].shapeSettings.opacity, this.maps.layers[j].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[j].shapeSettings.border.width) ? 0 : this.maps.layers[j].shapeSettings.border.width, isNullOrUndefined(this.maps.layers[j].shapeSettings.border.opacity) ? this.maps.layers[j].shapeSettings.opacity : this.maps.layers[j].shapeSettings.border.opacity, this.maps.layers[j].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[j].shapeSettings.fill, this.maps.layers[j].shapeSettings.opacity, this.maps.layers[j].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[j].shapeSettings.border.width)
+                                            ? 0 : this.maps.layers[j].shapeSettings.border.width, 
+                                        /* eslint-disable-next-line max-len */
+                                        isNullOrUndefined(this.maps.layers[j].shapeSettings.border.opacity)
+                                            ? this.maps.layers[j].shapeSettings.opacity
+                                            : this.maps.layers[j].shapeSettings.border.opacity, this.maps.layers[j].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -13746,7 +13866,15 @@ var Legend = /** @__PURE__ @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width), (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ? this.maps.layers[k].shapeSettings.opacity : this.maps.layers[k].shapeSettings.border.opacity), this.maps.layers[k].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, 
+                                        /* eslint-disable-next-line max-len */
+                                        (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width)
+                                            ? 0
+                                            : this.maps.layers[k].shapeSettings.border.width), 
+                                        /* eslint-disable-next-line max-len */
+                                        (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity)
+                                            ? this.maps.layers[k].shapeSettings.opacity
+                                            : this.maps.layers[k].shapeSettings.border.opacity), this.maps.layers[k].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -13817,7 +13945,13 @@ var Legend = /** @__PURE__ @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[0].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[0].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ? this.maps.layers[k].shapeSettings.opacity : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[0].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[0].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[0].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width)
+                                            ? 0
+                                            : this.maps.layers[k].shapeSettings.border.width, 
+                                        /* eslint-disable-next-line max-len */
+                                        isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity)
+                                            ? this.maps.layers[k].shapeSettings.opacity
+                                            : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[0].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -14026,9 +14160,13 @@ var Highlight = /** @__PURE__ @class */ (function () {
         this.maps.off(Browser.touchMoveEvent, this.mouseMove);
         this.maps.off(Browser.touchStartEvent, this.mouseMove);
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * Public method for highlight module
+     *
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {string} name - Specifies the name.
+     * @param {boolean} enable - Specifies the enabling of highlight in map.
+     * @returns {void}
      * @private
      */
     Highlight.prototype.addHighlight = function (layerIndex, name, enable) {
@@ -14135,9 +14273,15 @@ var Highlight = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * Handles the highlighting events in map
+     *
+     * @param {Element} targetElement - Specifies the target element.
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {object} data - Specifies the data for the map.
+     * @param {object} shapeData - Specifies the data for the map to render.
+     * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Highlight.prototype.handleHighlight = function (targetElement, layerIndex, data, shapeData) {
         if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule
             && this.maps.legendSettings.type === 'Layers') {
@@ -14350,9 +14494,15 @@ var Selection = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * Selects the element in the map
+     *
+     * @param {Element} targetElement - Specifies the target element.
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {object} data - Specifies the data for the map.
+     * @param {object} shapeData - Specifies the data for the map to render.
+     * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Selection.prototype.selectElement = function (targetElement, layerIndex, data, shapeData) {
         this.maps.mapSelect = targetElement ? true : false;
         if (this.maps.legendModule && this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1) {
@@ -14364,9 +14514,13 @@ var Selection = /** @__PURE__ @class */ (function () {
             this.selectMap(targetElement, shapeData, data);
         }
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * Public method for selection
+     *
+     * @param {number} layerIndex - Specifies the index of the layer.
+     * @param {string} name - Specifies the name.
+     * @param {boolean} enable - Specifies the enabling of selection in map.
+     * @returns {void}
      * @private
      */
     Selection.prototype.addSelection = function (layerIndex, name, enable) {
@@ -14389,9 +14543,7 @@ var Selection = /** @__PURE__ @class */ (function () {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Selection.prototype.selectMap = function (targetElement, shapeData, data) {
         var _this = this;
-        var layerIndex = parseInt(targetElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
         var isLineStringShape = targetElement.parentElement.id.indexOf('LineString') > -1;
-        var selectionsettings = this.selectionsettings;
         var border = {
             color: isLineStringShape ? (this.selectionsettings.fill || this.selectionsettings.border.color) :
                 this.selectionsettings.border.color,
@@ -14410,6 +14562,7 @@ var Selection = /** @__PURE__ @class */ (function () {
             data: data,
             maps: this.maps
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.maps.trigger('itemSelection', eventArgs, function (observedArgs) {
             eventArgs.border.opacity = isNullOrUndefined(_this.selectionsettings.border.opacity) ?
                 _this.selectionsettings.opacity : _this.selectionsettings.border.opacity;
@@ -14426,9 +14579,9 @@ var Selection = /** @__PURE__ @class */ (function () {
                     }
                     if (targetElement.id.indexOf('NavigationIndex') > -1) {
                         var index = parseInt(targetElement.id.split('_NavigationIndex_')[1].split('_')[0], 10);
-                        var layerIndex_1 = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
-                        targetElement.setAttribute('stroke-width', _this.maps.layers[layerIndex_1].navigationLineSettings[index].width.toString());
-                        targetElement.setAttribute('stroke', _this.maps.layers[layerIndex_1].navigationLineSettings[index].color);
+                        var layerIndex = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
+                        targetElement.setAttribute('stroke-width', _this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());
+                        targetElement.setAttribute('stroke', _this.maps.layers[layerIndex].navigationLineSettings[index].color);
                     }
                 }
                 else {
@@ -14463,9 +14616,9 @@ var Selection = /** @__PURE__ @class */ (function () {
                         }
                         if (ele.id.indexOf('NavigationIndex') > -1) {
                             var index = parseInt(targetElement.id.split('_NavigationIndex_')[1].split('_')[0], 10);
-                            var layerIndex_2 = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
-                            ele.setAttribute('stroke-width', _this.maps.layers[layerIndex_2].navigationLineSettings[index].width.toString());
-                            ele.setAttribute('stroke', _this.maps.layers[layerIndex_2].navigationLineSettings[index].color);
+                            var layerIndex = parseInt(targetElement.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
+                            ele.setAttribute('stroke-width', _this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());
+                            ele.setAttribute('stroke', _this.maps.layers[layerIndex].navigationLineSettings[index].color);
                         }
                     }
                     if (!isLineStringShape) {
@@ -14582,6 +14735,8 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         this.addEventListener();
     }
     /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.renderTooltip = function (e) {
@@ -14771,6 +14926,7 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
                     }
                     document.getElementById(this.maps.element.id + '_Secondary_Element').appendChild(tooltipEle);
                 }
+                // eslint-disable-next-line no-constant-condition
                 if (typeof (isPolygon ? polygon.tooltipTemplate !== 'function' : option.template !== 'function') && (isPolygon ? polygon.tooltipTemplate !== null : option.template !== null) && Object.keys(typeof (isPolygon ? polygon.tooltipTemplate === 'object' : option.template === 'object') ? (isPolygon ? polygon.tooltipTemplate : option.template) : {}).length === 1) {
                     if (isPolygon) {
                         polygon.tooltipTemplate = polygon.tooltipTemplate[Object.keys(polygon.tooltipTemplate)[0]];
@@ -14930,6 +15086,10 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         return format;
     };
     /**
+     * Handles the mouse up
+     *
+     * @param {PointerEvent} e - Specifies the event
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.mouseUpHandler = function (e) {
@@ -14942,6 +15102,9 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * Removes the tooltip
+     *
+     * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
      */
     MapsTooltip.prototype.removeTooltip = function () {
@@ -14953,6 +15116,7 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         return isTooltipRemoved;
     };
     MapsTooltip.prototype.clearTooltip = function (element) {
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         var tooltipElement = element.closest('#' + this.maps.element.id + '_mapsTooltipparent_template');
         if (isNullOrUndefined(tooltipElement)) {
             var isTooltipRemoved = this.removeTooltip();
@@ -14962,9 +15126,10 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.addEventListener = function () {
@@ -14984,6 +15149,9 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
         this.maps.element.addEventListener('contextmenu', this.removeTooltip);
     };
     /**
+     * Removes the event listeners
+     *
+     * @returns {void}
      * @private
      */
     MapsTooltip.prototype.removeEventListener = function () {
@@ -15043,7 +15211,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.rectZoomingStart = false;
         /** @private */
         this.browserName = Browser.info.name;
-        // eslint-disable-next-line @typescript-eslint/ban-types
         /** @private */
         this.isPointer = Browser.isPointer;
         this.handled = false;
@@ -15053,10 +15220,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.pinchFactor = 1;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.startTouches = [];
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         /** @private */
         this.mouseDownLatLong = { x: 0, y: 0 };
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         /** @private */
         this.mouseMoveLatLong = { x: 0, y: 0 };
         /** @private */
@@ -15173,7 +15338,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
                     }
                     this.markerLineAnimation(map);
                     map.mapLayerPanel.generateTiles(newZoomFactor, map.tileTranslatePoint, type + 'wheel', null, position);
-                    var element1 = document.getElementById(this.maps.element.id + '_tiles');
                     var animationDuration = this.maps.layersCollection[0].animationDuration === 0 && animationMode === 'Enable' ? 1000 : this.maps.layersCollection[0].animationDuration;
                     setTimeout(function () {
                         // if (type === 'ZoomOut') {
@@ -15252,6 +15416,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
             position.y - ((y * totalSize) / 100);
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.performRectZooming = function () {
@@ -15331,26 +15496,29 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {PointerEvent} e - Specifies the vent in the map
+     * @returns {void}
      * @private
      */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Zoom.prototype.performPinchZooming = function (e) {
         var map = this.maps;
         var prevLevel = map.tileZoomLevel;
-        var availSize = map.mapAreaRect;
-        map.isMarkerZoomCompleted = false;
-        map.previousScale = map.scale;
-        map.previousPoint = map.translatePoint;
-        map.previousProjection = map.projectionType;
-        var prevTilePoint = map.tileTranslatePoint;
-        var scale = calculateScale(this.touchStartList, this.touchMoveList);
-        var touchCenter = getTouchCenter(getTouches(this.touchMoveList, this.maps));
-        var newScale = scale / this.lastScale;
-        this.lastScale = scale;
-        this.pinchFactor *= newScale;
-        this.pinchFactor = Math.min(this.maps.zoomSettings.maxZoom, Math.max(this.pinchFactor, this.maps.zoomSettings.minZoom));
         var zoomCalculationFactor = this.pinchFactor;
         var isZoomCancelled;
+        var prevTilePoint = map.tileTranslatePoint;
         if (!map.isTileMap) {
+            var availSize = map.mapAreaRect;
+            map.isMarkerZoomCompleted = false;
+            map.previousScale = map.scale;
+            map.previousPoint = map.translatePoint;
+            map.previousProjection = map.projectionType;
+            var scale = calculateScale(this.touchStartList, this.touchMoveList);
+            var touchCenter = getTouchCenter(getTouches(this.touchMoveList, this.maps));
+            var newScale = scale / this.lastScale;
+            this.lastScale = scale;
+            this.pinchFactor *= newScale;
+            this.pinchFactor = Math.min(this.maps.zoomSettings.maxZoom, Math.max(this.pinchFactor, this.maps.zoomSettings.minZoom));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var minBounds = map.baseMapRectBounds['min'];
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -15385,24 +15553,38 @@ var Zoom = /** @__PURE__ @class */ (function () {
             }
         }
         else {
-            var newTileFactor = zoomCalculationFactor;
-            this.getTileTranslatePosition(prevLevel, newTileFactor, { x: touchCenter.x, y: touchCenter.y });
-            map.tileZoomLevel = newTileFactor;
-            map.translatePoint.x = (map.tileTranslatePoint.x - (0.5 * Math.pow(2, newTileFactor))) /
-                (Math.pow(2, newTileFactor));
-            map.translatePoint.y = (map.tileTranslatePoint.y - (0.5 * Math.pow(2, newTileFactor))) /
-                (Math.pow(2, newTileFactor));
-            map.scale = (Math.pow(2, newTileFactor));
-            isZoomCancelled = this.triggerZoomEvent(prevTilePoint, prevLevel, '');
-            if (isZoomCancelled) {
-                map.translatePoint = map.tileTranslatePoint = new Point(0, 0);
-                map.scale = map.previousScale;
-                map.tileZoomLevel = prevLevel;
-                map.zoomSettings.zoomFactor = map.previousScale;
-            }
-            else {
-                map.mapLayerPanel.generateTiles(newTileFactor, map.tileTranslatePoint);
+            var touchCenter = this.getTouchCenterPoint();
+            var distance = Math.sqrt(Math.pow((this.touchMoveList[0].pageX - this.touchMoveList[1].pageX), 2) + Math.pow((this.touchMoveList[0].pageY - this.touchMoveList[1].pageY), 2));
+            var factor = map.tileZoomLevel;
+            if (!isNullOrUndefined(this.pinchDistance)) {
+                if (this.pinchDistance > distance) {
+                    factor = factor - 1;
+                }
+                else if (this.pinchDistance < distance) {
+                    factor = factor + 1;
+                }
+                factor = Math.min(this.maps.zoomSettings.maxZoom, Math.max(this.maps.zoomSettings.minZoom, factor));
+                if (factor !== map.tileZoomLevel) {
+                    this.pinchFactor = factor;
+                    map.previousScale = map.scale;
+                    map.tileZoomLevel = this.pinchFactor;
+                    map.scale = Math.pow(2, map.tileZoomLevel - 1);
+                    this.getTileTranslatePosition(prevLevel, this.pinchFactor, { x: touchCenter.x, y: touchCenter.y }, null);
+                    map.translatePoint.x = (map.tileTranslatePoint.x - (0.01 * map.scale)) / map.scale;
+                    map.translatePoint.y = (map.tileTranslatePoint.y - (0.01 * map.scale)) / map.scale;
+                    isZoomCancelled = this.triggerZoomEvent(prevTilePoint, prevLevel, '');
+                    if (isZoomCancelled) {
+                        map.translatePoint = map.tileTranslatePoint = new Point(0, 0);
+                        map.scale = map.previousScale;
+                        map.tileZoomLevel = prevLevel;
+                        map.zoomSettings.zoomFactor = map.previousScale;
+                    }
+                    else {
+                        map.mapLayerPanel.generateTiles(factor, map.tileTranslatePoint);
+                    }
+                }
             }
+            this.pinchDistance = distance;
         }
         map.mapScaleValue = zoomCalculationFactor;
         if (!isZoomCancelled) {
@@ -15413,6 +15595,16 @@ var Zoom = /** @__PURE__ @class */ (function () {
             this.removeToolbarOpacity(map.isTileMap ? Math.round(map.tileZoomLevel) : map.scale, map.element.id + '_Zooming_');
         }
     };
+    Zoom.prototype.getTouchCenterPoint = function () {
+        var touchList = [];
+        for (var i = 0; i < this.touchMoveList.length; i++) {
+            touchList.push(this.getMousePosition(this.touchMoveList[i].pageX, this.touchMoveList[i].pageY));
+        }
+        return {
+            x: (touchList[0].x + touchList[1].x) / 2,
+            y: (touchList[0].y + touchList[1].y) / 2
+        };
+    };
     Zoom.prototype.triggerZoomComplete = function (map, prevLevel, type) {
         if (map.zoomSettings.enable) {
             var zoomArgs = void 0;
@@ -15444,6 +15636,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.drawZoomRectangle = function () {
@@ -15456,7 +15649,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var height = Math.abs(move.y - down.y);
         var x = ((move.x > down.x) ? down.x : down.x - width);
         var y = ((move.y > down.y) ? down.y : down.y - height);
-        var elementRect = getElementByID(map.element.id).getBoundingClientRect();
         if ((x > map.mapAreaRect.x && x < (map.mapAreaRect.x + map.mapAreaRect.width)) &&
             (y > map.mapAreaRect.y) && (y < map.mapAreaRect.y + map.mapAreaRect.height)) {
             this.zoomingRect = new Rect(x, y, width, height);
@@ -15494,6 +15686,10 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {Maps} maps - Specifies the Map control
+     * @param {boolean} animate - Specifies the animation is available or not
+     * @param {boolean} isPanning - Specifies that it is panning or not
+     * @returns {void}
      * @private
      */
     Zoom.prototype.applyTransform = function (maps, animate$$1, isPanning) {
@@ -15505,14 +15701,13 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var x = maps.translatePoint.x;
         var y = maps.translatePoint.y;
         var currentLabelIndex = 0;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         maps.zoomShapeCollection = [];
         if (document.getElementById(maps.element.id + '_mapsTooltip')) {
             removeElement(maps.element.id + '_mapsTooltip');
         }
         if (this.layerCollectionEle) {
-            var _loop_1 = function (i_1) {
-                var layerElement = this_1.layerCollectionEle.childNodes[i_1];
+            var _loop_1 = function (i) {
+                var layerElement = this_1.layerCollectionEle.childNodes[i];
                 if (layerElement.tagName === 'g') {
                     this_1.templateCount++;
                     this_1.index = layerElement.id.indexOf('_LayerIndex_') > -1 && parseFloat(layerElement.id.split('_LayerIndex_')[1].split('_')[0]);
@@ -15551,14 +15746,13 @@ var Zoom = /** @__PURE__ @class */ (function () {
                         }
                         else if (currentEle.id.indexOf('_Markers_Group') > -1) {
                             if ((!this_1.isPanModeEnabled) && !isNullOrUndefined(currentEle.childNodes[0])) {
-                                this_1.markerTranslates(currentEle.childNodes[0], factor_1, x, y, scale, 'Marker', layerElement, animate$$1);
+                                this_1.markerTranslates(currentEle.childNodes[0], factor_1, x, y, scale, 'Marker', layerElement);
                             }
                             currentEle = layerElement.childNodes[j];
                             var markerAnimation_1;
                             if (!isNullOrUndefined(currentEle) && currentEle.id.indexOf('Markers') !== -1) {
                                 Array.prototype.forEach.call(currentEle.childNodes, function (childNode, k) {
                                     _this.markerTranslate(childNode, factor_1, x, y, scale, 'Marker', animate$$1);
-                                    var layerIndex = parseInt(childNode['id'].split('_LayerIndex_')[1].split('_')[0], 10);
                                     var dataIndex = parseInt(childNode['id'].split('_dataIndex_')[1].split('_')[0], 10);
                                     var markerIndex = parseInt(childNode['id'].split('_MarkerIndex_')[1].split('_')[0], 10);
                                     markerAnimation_1 = _this.currentLayer.markerSettings[markerIndex].animationDuration > 0 || animationMode === 'Enable';
@@ -15651,7 +15845,9 @@ var Zoom = /** @__PURE__ @class */ (function () {
                             maps.zoomLabelPositions = [];
                             maps.zoomLabelPositions = maps.dataLabelModule.dataLabelCollections;
                             var labelAnimate_1 = !maps.isTileMap && animate$$1;
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             var intersect_1 = [];
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             Array.prototype.forEach.call(currentEle.childNodes, function (childNode, k) {
                                 if (currentEle.childNodes[k]['id'].indexOf('_LabelIndex_') > -1) {
                                     var labelIndex = parseFloat(currentEle.childNodes[k]['id'].split('_LabelIndex_')[1].split('_')[0]);
@@ -15687,8 +15883,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 maps.arrangeTemplate();
             };
             var this_1 = this;
-            for (var i_1 = 0; i_1 < this.layerCollectionEle.childElementCount; i_1++) {
-                _loop_1(i_1);
+            for (var i = 0; i < this.layerCollectionEle.childElementCount; i++) {
+                _loop_1(i);
             }
             if (!isNullOrUndefined(this.currentLayer)) {
                 if (!animate$$1 || this.currentLayer.animationDuration === 0 || maps.isTileMap) {
@@ -15697,9 +15893,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    Zoom.prototype.markerTranslates = function (element, factor, x, y, scale, type, layerElement, animate$$1) {
+    Zoom.prototype.markerTranslates = function (element, factor, x, y, scale, type, layerElement) {
         var _this = this;
-        if (animate$$1 === void 0) { animate$$1 = false; }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var templateFn;
         var nullCount = 0;
@@ -15743,6 +15938,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 };
                 eventArgs = markerShapeChoose(eventArgs, data);
                 eventArgs = markerColorChoose(eventArgs, data);
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 _this.maps.trigger('markerRendering', eventArgs, function (MarkerArgs) {
                     if (markerSettings.shapeValuePath !== eventArgs.shapeValuePath) {
                         eventArgs = markerShapeChoose(eventArgs, data);
@@ -15855,6 +16051,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Zoom.prototype.dataLabelTranslate = function (element, factor, x, y, scale, type, animate$$1, currentLabelIndex, isPanning, intersect) {
         if (animate$$1 === void 0) { animate$$1 = false; }
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -16102,11 +16299,11 @@ var Zoom = /** @__PURE__ @class */ (function () {
      * @param {PanDirection} direction - Specifies the direction of the panning.
      * @param {number} xDifference - Specifies the distance moved in the horizontal direction.
      * @param {number} yDifference - Specifies the distance moved in the vertical direction.
-     * @param {PointerEvent | TouchEvent | KeyboardEvent} mouseLocation - Specifies the pointer event argument.
+     * @param {PointerEvent | TouchEvent | KeyboardEvent} event - Specifies the pointer event argument.
      * @returns {void}
      * @private
      */
-    Zoom.prototype.panning = function (direction, xDifference, yDifference, mouseLocation) {
+    Zoom.prototype.panning = function (direction, xDifference, yDifference, event) {
         var map = this.maps;
         var panArgs;
         var down = this.mouseDownPoints;
@@ -16122,6 +16319,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var y;
         xDifference = !isNullOrUndefined(xDifference) ? xDifference : (down.x - move.x);
         yDifference = !isNullOrUndefined(yDifference) ? yDifference : (down.y - move.y);
+        var layerX = event.type.indexOf('mouse') > -1 || event.type.indexOf('key') > -1 ? event['layerX'] : event.touches[0].pageX;
+        var layerY = event.type.indexOf('mouse') > -1 || event.type.indexOf('key') > -1 ? event['layerY'] : event.touches[0].pageY;
         this.maps.mergeCluster();
         if (!map.isTileMap) {
             var legendElement = document.getElementById(map.element.id + '_Legend_Group');
@@ -16135,7 +16334,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
             var panningYDirection = ((yDifference < 0 ? layerRect.top <= (elementRect.top + map.mapAreaRect.y) :
                 ((layerRect.top + layerRect.height + legendHeight + map.margin.top) >= (elementRect.top + elementRect.height))));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var location_3 = this.maps.getGeoLocation(this.maps.layersCollection.length - 1, mouseLocation['layerX'], mouseLocation['layerY']);
+            var location_3 = this.maps.getGeoLocation(this.maps.layersCollection.length - 1, layerX, layerY);
             var minMaxLatitudeLongitude = this.maps.getMinMaxLatitudeLongitude();
             panArgs = {
                 cancel: false, name: pan, maps: map,
@@ -16164,18 +16363,16 @@ var Zoom = /** @__PURE__ @class */ (function () {
         else if (this.maps.tileZoomLevel > 1) {
             x = map.tileTranslatePoint.x - xDifference;
             y = map.tileTranslatePoint.y - yDifference;
-            this.distanceX = x - map.tileTranslatePoint.x;
-            this.distanceY = y - map.tileTranslatePoint.y;
             map.tileTranslatePoint.x = x;
             map.tileTranslatePoint.y = y;
             if ((map.tileTranslatePoint.y > -10 && yDifference < 0) || ((map.tileTranslatePoint.y < -((Math.pow(2, this.maps.tileZoomLevel) - 2) * 256) && yDifference > 0))) {
                 map.tileTranslatePoint.x = x + xDifference;
                 map.tileTranslatePoint.y = y + yDifference;
             }
-            map.translatePoint.x = (map.tileTranslatePoint.x - xDifference) / map.scale;
-            map.translatePoint.y = (map.tileTranslatePoint.y - yDifference) / map.scale;
+            map.translatePoint.x = (map.tileTranslatePoint.x) / map.scale;
+            map.translatePoint.y = (map.tileTranslatePoint.y) / map.scale;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var location_4 = this.maps.getTileGeoLocation(mouseLocation['layerX'], mouseLocation['layerY']);
+            var location_4 = this.maps.getTileGeoLocation(layerX, layerY);
             var minMaxLatitudeLongitude = this.maps.getMinMaxLatitudeLongitude();
             panArgs = {
                 cancel: false, name: pan, maps: map,
@@ -16188,19 +16385,17 @@ var Zoom = /** @__PURE__ @class */ (function () {
             map.trigger(pan, panArgs);
             map.mapLayerPanel.generateTiles(map.tileZoomLevel, map.tileTranslatePoint, 'Pan');
             this.applyTransform(map, false, true);
+            map.translatePoint.x = (map.tileTranslatePoint.x - xDifference) / map.scale;
+            map.translatePoint.y = (map.tileTranslatePoint.y - yDifference) / map.scale;
         }
         map.zoomTranslatePoint = map.translatePoint;
         this.mouseDownPoints = this.mouseMovePoints;
         this.isSingleClick = false;
     };
-    Zoom.prototype.toAlignSublayer = function () {
-        this.maps.translatePoint.x = !isNullOrUndefined(this.distanceX) ? (this.maps.translatePoint.x -
-            (this.distanceX / this.maps.scale)) : this.maps.translatePoint.x;
-        this.maps.translatePoint.y = !isNullOrUndefined(this.distanceY) ? this.maps.translatePoint.y -
-            (this.distanceY / this.maps.scale) : this.maps.translatePoint.y;
-        this.applyTransform(this.maps, false);
-    };
     /**
+     * @param {number} zoomFactor - Specifies the factor for zooming
+     * @param {string} type - Specifies the type
+     * @returns {void}
      * @private
      */
     Zoom.prototype.toolBarZooming = function (zoomFactor, type) {
@@ -16294,7 +16489,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
                     }
                     this.markerLineAnimation(map);
                     map.mapLayerPanel.generateTiles(tileZoomFactor, map.tileTranslatePoint, type);
-                    var element1 = document.getElementById(this.maps.element.id + '_tiles');
                     var animationDuration = this.maps.layersCollection[0].animationDuration === 0 && animationMode === 'Enable' ? 1000 : this.maps.layersCollection[0].animationDuration;
                     setTimeout(function () {
                         _this.applyTransform(_this.maps, true);
@@ -16310,12 +16504,11 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.triggerZoomComplete(map, prevLevel, type);
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.createZoomingToolbars = function () {
         var map = this.maps;
-        var zoomInElements;
-        var zoomOutElements;
         this.toolBarGroup = map.renderer.createGroup({
             id: map.element.id + '_Zooming_KitCollection',
             opacity: map.theme.toLowerCase() === 'fluentdark' ? 0.6 : 0.3
@@ -16375,37 +16568,33 @@ var Zoom = /** @__PURE__ @class */ (function () {
             this.selectionColor = this.maps.toolbarProperties.selectionColor || this.maps.themeStyle.zoomSelectionColor;
             switch (toolbar_1.toLowerCase()) {
                 case 'zoom': {
-                    var fillColor_1 = void 0;
+                    var fillColor = void 0;
                     var strokeColor = void 0;
                     direction = 'M0.001,14.629L1.372,16l4.571-4.571v-0.685l0.228-0.274c1.051,0.868,2.423,1.417,3.885,1.417c3.291,0,';
                     direction += '5.943-2.651,5.943-5.943S13.395,0,10.103,0S4.16,2.651,4.16,5.943c0,1.508,0.503,2.834,1.417,3.885l-0.274,0.228H4.571';
                     direction = direction + 'L0.001,14.629L0.001,14.629z M5.943,5.943c0-2.285,1.828-4.114,4.114-4.114s4.114,1.828,4.114,';
                     this.currentToolbarEle.setAttribute('class', (this.maps.zoomSettings.enableSelectionZooming ? 'e-maps-toolbar' : ''));
                     if (this.maps.zoomSettings.enablePanning && !this.maps.zoomSettings.enableSelectionZooming) {
-                        fillColor_1 = fill;
+                        fillColor = fill;
                         strokeColor = pathStroke;
                     }
                     else if (this.maps.zoomSettings.enablePanning && this.maps.zoomSettings.enableSelectionZooming) {
-                        fillColor_1 = fill;
+                        fillColor = fill;
                         strokeColor = pathStroke;
                     }
                     else if (!this.maps.zoomSettings.enablePanning && !this.maps.zoomSettings.enableSelectionZooming) {
-                        fillColor_1 = fill;
+                        fillColor = fill;
                         strokeColor = pathStroke;
                     }
                     else if (!this.maps.zoomSettings.enablePanning && this.maps.zoomSettings.enableSelectionZooming) {
-                        fillColor_1 = this.maps.themeStyle.zoomFillColor;
-                        strokeColor = pathStroke;
-                    }
-                    else if (!this.maps.zoomSettings.enablePanning && !this.maps.zoomSettings.enableSelectionZooming) {
-                        fillColor_1 = fill;
+                        fillColor = this.maps.themeStyle.zoomFillColor;
                         strokeColor = pathStroke;
                     }
                     else {
-                        fillColor_1 = this.selectionColor;
+                        fillColor = this.selectionColor;
                         strokeColor = this.selectionColor;
                     }
-                    var zoomPath = map.renderer.drawPath(new PathOption(map.element.id + '_Zooming_ToolBar_' + toolbar_1, fillColor_1, 1, strokeColor, opacity, opacity, null, direction + '4.114s-1.828,4.114-4.114,4.114S5.943,8.229,5.943,5.943z'));
+                    var zoomPath = map.renderer.drawPath(new PathOption(map.element.id + '_Zooming_ToolBar_' + toolbar_1, fillColor, 1, strokeColor, opacity, opacity, null, direction + '4.114s-1.828,4.114-4.114,4.114S5.943,8.229,5.943,5.943z'));
                     zoomPath.setAttribute('transform', 'scale( ' + scaleX + ',' + scaleX + ' )');
                     this.currentToolbarEle.appendChild(zoomPath);
                     this.zoomElements = this.currentToolbarEle;
@@ -16414,18 +16603,20 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 }
                 case 'zoomin':
                     direction = 'M 8, 0 L 8, 16 M 0, 8 L 16, 8';
+                    /* eslint-disable no-case-declarations */
                     var zoomInPath = map.renderer.drawPath(new PathOption(map.element.id + '_Zooming_ToolBar_' + toolbar_1 + '_Path', fill, 3, pathStroke, 1, 1, null, direction));
+                    /* eslint-enable no-case-declarations */
                     zoomInPath.setAttribute('transform', 'scale( ' + scaleX + ',' + scaleX + ' )');
                     this.currentToolbarEle.appendChild(zoomInPath);
-                    zoomInElements = this.currentToolbarEle;
                     this.wireEvents(this.currentToolbarEle, this.performToolBarAction);
                     break;
                 case 'zoomout':
                     direction = 'M 0, 8 L 16, 8';
+                    /* eslint-disable no-case-declarations */
                     var zoomOutPath = map.renderer.drawPath(new PathOption(map.element.id + '_Zooming_ToolBar_' + toolbar_1, fill, 3, pathStroke, 1, 1, null, direction));
+                    /* eslint-enable no-case-declarations */
                     zoomOutPath.setAttribute('transform', 'scale( ' + scaleX + ',' + scaleX + ' )');
                     this.currentToolbarEle.appendChild(zoomOutPath);
-                    zoomOutElements = this.currentToolbarEle;
                     this.wireEvents(this.currentToolbarEle, this.performToolBarAction);
                     break;
                 case 'pan': {
@@ -16455,7 +16646,9 @@ var Zoom = /** @__PURE__ @class */ (function () {
                     direction = 'M12.364,8h-2.182l2.909,3.25L16,8h-2.182c0-3.575-2.618-6.5-5.818-6.5c-1.128,0-2.218,0.366-3.091,';
                     direction += '1.016l1.055,1.178C6.581,3.328,7.272,3.125,8,3.125C10.4,3.125,12.363,5.319,12.364,8L12.364,8z M11.091,';
                     direction += '13.484l-1.055-1.178C9.419,12.672,8.728,12.875,8,12.875c-2.4,0-4.364-2.194-4.364-4.875h2.182L2.909,4.75L0,8h2.182c0,';
+                    /* eslint-disable no-case-declarations */
                     var resetPath = map.renderer.drawPath(new PathOption(map.element.id + '_Zooming_ToolBar_' + toolbar_1, fill, null, pathStroke, 1, 1, null, direction + '3.575,2.618,6.5,5.818,6.5C9.128,14.5,10.219,14.134,11.091,13.484L11.091,13.484z'));
+                    /* eslint-enable no-case-declarations */
                     resetPath.setAttribute('transform', 'scale( ' + scaleX + ',' + scaleX + ' )');
                     this.currentToolbarEle.appendChild(resetPath);
                     this.wireEvents(this.currentToolbarEle, this.performToolBarAction);
@@ -16465,6 +16658,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     Zoom.prototype.performToolBarAction = function (e) {
@@ -16478,13 +16673,15 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 isToolbarPerform = (this.maps.isTileMap ? this.maps.tileZoomLevel : this.maps.scale) + 1 <= this.maps.zoomSettings.maxZoom;
                 break;
             case 'zoomout':
+                /* eslint-disable no-case-declarations */
                 var scaleValue = this.maps.isTileMap ? this.maps.tileZoomLevel : this.maps.scale;
+                /* eslint-enable no-case-declarations */
                 isToolbarPerform = (this.maps.projectionType === 'Miller' || this.maps.projectionType === 'Winkel3' ||
                     this.maps.projectionType === 'AitOff') ? Math.round(scaleValue) - 1 >= this.maps.zoomSettings.minZoom :
                     (scaleValue) - 1 >= this.maps.zoomSettings.minZoom;
                 break;
             case 'reset':
-                isToolbarPerform = Math.round(this.maps.isTileMap ? this.maps.tileZoomLevel : this.maps.scale) != this.maps.zoomSettings.minZoom;
+                isToolbarPerform = Math.round(this.maps.isTileMap ? this.maps.tileZoomLevel : this.maps.scale) !== this.maps.zoomSettings.minZoom;
                 break;
         }
         if (isTouch && isToolbarPerform) {
@@ -16618,6 +16815,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     Zoom.prototype.showTooltip = function (e) {
@@ -16646,6 +16845,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.removeTooltip = function () {
@@ -16654,6 +16854,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.alignToolBar = function () {
@@ -16713,6 +16914,9 @@ var Zoom = /** @__PURE__ @class */ (function () {
         element.appendChild(style);
     };
     /**
+     * @param {number} factor - Specifies the factor for toolbar
+     * @param {string} id - Specifies the id
+     * @returns {void}
      * @private
      */
     Zoom.prototype.removeToolbarOpacity = function (factor, id) {
@@ -16814,6 +17018,12 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.setOpacity('_Zooming_ToolBar_Reset_Rect', '_Zooming_ToolBar_Reset', resetStrokeOpacity, resetOpacity);
     };
     /**
+     * @param {string} zoomClassStyle - Specifies the style for zoom class.
+     * @param {string} zoomInClassStyle - Specifies the style for zoom in.
+     * @param {string} zoomOutClassStyle - Specifies the style for zoom out.
+     * @param {string} panClassStyle -  Specifies the style for pan.
+     * @param {string} resetClassStyle - Specifies the style for reset.
+     * @returns {void}
      * @private
      */
     Zoom.prototype.removeToolbarClass = function (zoomClassStyle, zoomInClassStyle, zoomOutClassStyle, panClassStyle, resetClassStyle) {
@@ -16851,30 +17061,30 @@ var Zoom = /** @__PURE__ @class */ (function () {
      * To bind events.
      *
      * @param {Element} element - Specifies the element.
-     * @param {any} process - Specifies the process.
+     * @param {Function} process - Specifies the process.
      * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Zoom.prototype.wireEvents = function (element, process) {
         EventHandler.add(element, Browser.touchStartEvent, process, this);
         EventHandler.add(element, 'mouseover', this.showTooltip, this);
         EventHandler.add(element, 'mouseout', this.removeTooltip, this);
     };
     /**
+     * @param {WheelEvent} e - Specifies the wheel event in the map for zooming
+     * @returns {void}
      * @private
      */
     Zoom.prototype.mapMouseWheel = function (e) {
         if (this.maps.zoomSettings.enable && this.maps.zoomSettings.mouseWheelZoom) {
             var map = this.maps;
-            var size = map.availableSize;
             map.markerZoomedState = false;
             map.zoomPersistence = map.enablePersistence;
             var position = this.getMousePosition(e.pageX, e.pageY);
             var prevLevel = map.tileZoomLevel;
             var prevScale = map.scale;
             var delta = 1;
-            var staticMaxZoomLevel = 22; // google map maximum zoom level value
+            var staticMaxZoomLevel = map.zoomSettings.maxZoom;
             var value = (map.isTileMap) ? prevLevel : prevScale;
             if (((position.x > map.mapAreaRect.x) && (position.x < (map.mapAreaRect.x + map.mapAreaRect.width))) &&
                 (position.y > map.mapAreaRect.y) && position.y < (map.mapAreaRect.y + map.mapAreaRect.height)) {
@@ -16887,8 +17097,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
                     map.staticMapZoom = map.tileZoomLevel;
                     if (map.staticMapZoom > 0 && map.staticMapZoom < staticMaxZoomLevel) {
                         map.staticMapZoom += 1;
+                        this.performZooming(position, (value + delta), direction);
                     }
-                    this.performZooming(position, (value + delta), direction);
                 }
                 else {
                     map.mapScaleValue = value - delta;
@@ -16909,18 +17119,18 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     Zoom.prototype.doubleClick = function (e) {
         var pageX = e.pageX;
         var pageY = e.pageY;
-        var target = e.target;
         var tooltipElement = e.target.closest('#' + this.maps.element.id + '_mapsTooltipparent_template');
         if (this.maps.zoomSettings.enable && this.maps.zoomSettings.doubleClickZoom
             && !(e.target['id'].indexOf('_Zooming_') > -1) && isNullOrUndefined(tooltipElement)) {
             var position = this.getMousePosition(pageX, pageY);
             var map = this.maps;
-            var size = map.availableSize;
             var prevLevel = map.tileZoomLevel;
             var prevScale = map.scale;
             map.mapScaleValue = map.mapScaleValue + 1;
@@ -16932,6 +17142,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     Zoom.prototype.mouseDownHandler = function (e) {
@@ -16939,6 +17151,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var pageY;
         var target;
         var touches = null;
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         var element = e.target;
         if (e.type === 'touchstart') {
             this.isTouch = true;
@@ -16950,6 +17163,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         else {
             pageX = e.pageX;
             pageY = e.pageY;
+            //eslint-disable-next-line @typescript-eslint/no-unused-vars
             target = e.target;
         }
         if (!this.maps.zoomSettings.enablePanning) {
@@ -16963,7 +17177,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var scale = this.maps.isTileMap ? Math.round(this.maps.tileZoomLevel) : Math.round(this.maps.mapScaleValue);
         this.rectZoomingStart = ((this.isZoomSelection && scale < this.maps.zoomSettings.maxZoom) && this.maps.zoomSettings.enable);
         this.mouseDownPoints = this.getMousePosition(pageX, pageY);
-        if (this.isTouch) {
+        if (this.isTouch && touches !== null) {
             this.firstMove = true;
             this.pinchFactor = this.maps.scale;
             this.fingers = touches.length;
@@ -16971,12 +17185,15 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.isSingleClick = true;
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     Zoom.prototype.mouseMoveHandler = function (e) {
         var pageX;
         var pageY;
         var map = this.maps;
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         var target;
         var touches = null;
         var zoom = this.maps.zoomSettings;
@@ -17001,7 +17218,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
             }
         }
         if (this.isTouch) {
-            if (this.maps.zoomSettings.pinchZooming) {
+            if (this.maps.zoomSettings.pinchZooming && touches !== null) {
                 if (this.firstMove && touches.length === 2) {
                     this.rectZoomingStart = false;
                     this.updateInteraction();
@@ -17017,9 +17234,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
             }
         }
         this.mouseMovePoints = this.getMousePosition(pageX, pageY);
-        var targetId = e.target['id'];
-        var targetEle = e.target;
-        if (zoom.enable && this.isPanModeEnabled && this.maps.markerDragId.indexOf('_MarkerIndex_') == -1 && ((Browser.isDevice && touches.length >= 1) || !Browser.isDevice)) {
+        if (zoom.enable && this.isPanModeEnabled && this.maps.markerDragId.indexOf('_MarkerIndex_') === -1 && ((Browser.isDevice && touches.length >= 1) || !Browser.isDevice)) {
             e.preventDefault();
             this.maps.element.style.cursor = 'pointer';
             this.mouseMoveLatLong = { x: pageX, y: pageY };
@@ -17031,7 +17246,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 this.mouseDownLatLong['y'] = pageY;
             }
         }
-        if (this.isTouch ? (touches.length === 1 && this.rectZoomingStart) : this.rectZoomingStart) {
+        if (this.isTouch ? (touches !== null && touches.length === 1 && this.rectZoomingStart) : this.rectZoomingStart) {
             e.preventDefault();
             var scale = this.maps.isTileMap ? Math.round(this.maps.tileZoomLevel) : Math.round(this.maps.mapScaleValue);
             if (this.maps.zoomSettings.enableSelectionZooming && scale < this.maps.zoomSettings.maxZoom) {
@@ -17044,10 +17259,11 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
     Zoom.prototype.mouseUpHandler = function (e) {
-        var map = this.maps;
         this.rectZoomingStart = false;
         this.isSingleClick = this.isSingleClick ? true : false;
         this.isTouch = false;
@@ -17055,7 +17271,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.touchMoveList = [];
         this.lastScale = 1;
         this.maps.element.style.cursor = 'auto';
-        // eslint-disable-next-line max-len
         if (this.isPanModeEnabled && this.maps.zoomSettings.enablePanning && !isNullOrUndefined(this.maps.previousPoint) &&
             (this.maps.translatePoint.x !== this.maps.previousPoint.x && this.maps.translatePoint.y !== this.maps.previousPoint.y)) {
             var pageX = void 0;
@@ -17063,7 +17278,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
             var layerX = 0;
             var layerY = 0;
             var target = void 0;
-            var rect = this.maps.element.getBoundingClientRect();
             var element = e.target;
             if (e.type.indexOf('touch') !== -1) {
                 var touchArg = e;
@@ -17078,6 +17292,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 pageY = e.pageY;
                 layerX = e['layerX'];
                 layerY = e['layerY'] - (this.maps.isTileMap ? 10 : 0);
+                //eslint-disable-next-line @typescript-eslint/no-unused-vars
                 target = e.target;
             }
             var panCompleteEventArgs = void 0;
@@ -17109,10 +17324,6 @@ var Zoom = /** @__PURE__ @class */ (function () {
             this.maps.trigger('panComplete', panCompleteEventArgs);
         }
         this.isPanModeEnabled = false;
-        if ((!isNullOrUndefined(this.distanceX) || !isNullOrUndefined(this.distanceY)) && (!isNullOrUndefined(this.currentLayer) && this.currentLayer.type === 'SubLayer')) {
-            this.toAlignSublayer();
-            this.distanceX = this.distanceY = null;
-        }
         var zoomRectElement = getElementByID(this.maps.element.id + '_Selection_Rect_Zooming');
         if (zoomRectElement && this.maps.zoomSettings.enable && this.maps.zoomSettings.enableSelectionZooming) {
             remove(zoomRectElement);
@@ -17120,10 +17331,14 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
         this.mouseMoveLatLong = { x: 0, y: 0 };
         this.mouseDownLatLong = { x: 0, y: 0 };
+        this.pinchDistance = null;
     };
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
      */
+    //eslint-disable-next-line @typescript-eslint/no-unused-vars
     Zoom.prototype.mouseCancelHandler = function (e) {
         this.isPanModeEnabled = false;
         this.isTouch = false;
@@ -17164,6 +17379,11 @@ var Zoom = /** @__PURE__ @class */ (function () {
         }
     };
     /**
+     * Gets the Mouse Position
+     *
+     * @param {number} pageX - Specifies the Page x in map
+     * @param {number} pageY - Specifies the Page y in map
+     * @returns {Point} - returns the mouse point position
      * @private
      */
     Zoom.prototype.getMousePosition = function (pageX, pageY) {
@@ -17178,6 +17398,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         return new Point(Math.abs(pageX - positionX), Math.abs(pageY - positionY));
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.addEventListener = function () {
@@ -17193,6 +17414,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         EventHandler.add(this.maps.element, this.cancelEvent, this.mouseCancelHandler, this);
     };
     /**
+     * @returns {void}
      * @private
      */
     Zoom.prototype.removeEventListener = function () {
@@ -17239,6 +17461,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         this.removeEventListener();
         this.layerCollectionEle = null;
         this.currentLayer = null;
+        this.pinchDistance = null;
         this.maps = null;
     };
     return Zoom;
@@ -17273,6 +17496,7 @@ var Print = /** @__PURE__ @class */ (function () {
         var argsData = {
             cancel: false, htmlContent: this.getHTMLContent(maps, elements), name: beforePrint
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         maps.trigger('beforePrint', argsData, function (beforePrintArgs) {
             if (!argsData.cancel) {
                 print(argsData.htmlContent, printWindow);
@@ -17290,6 +17514,7 @@ var Print = /** @__PURE__ @class */ (function () {
     Print.prototype.getHTMLContent = function (maps, elements) {
         var div = createElement('div');
         var divElement = maps.element.cloneNode(true);
+        //eslint-disable-next-line @typescript-eslint/no-explicit-any
         var backgroundElement = (!maps.isTileMap ? divElement.getElementsByTagName('svg')[0] : divElement.getElementsByTagName('svg')[1]);
         if (!isNullOrUndefined(backgroundElement)) {
             backgroundElement = backgroundElement.childNodes[0];
@@ -17541,7 +17766,7 @@ var ImageExport = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     ImageExport.prototype.destroy = function () { };
     return ImageExport;
 }());
@@ -17556,7 +17781,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
      * Constructor for Maps
      *
      */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     function PdfExport() {
     }
     /**
@@ -17572,7 +17797,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
      */
     PdfExport.prototype.export = function (maps, type, fileName, allowDownload, orientation) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var promise = new Promise(function (resolve, reject) {
+        var promise = new Promise(function (resolve) {
             if (maps.isTileMap) {
                 maps.isExportInitialTileMap = true;
             }
@@ -17711,7 +17936,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
      * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     PdfExport.prototype.destroy = function () { };
     return PdfExport;
 }());