@syncfusion/ej2-maps 25.1.37 → 25.1.40

package/src/maps/maps.js

@@ -340,16 +340,19 @@ var Maps = /** @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);
                 };
@@ -371,13 +374,17 @@ var Maps = /** @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;
             }
         }
@@ -516,12 +523,14 @@ var Maps = /** @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
@@ -529,7 +538,7 @@ var Maps = /** @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
      */
@@ -580,6 +589,7 @@ var Maps = /** @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 +
@@ -701,7 +711,9 @@ var Maps = /** @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 = {
@@ -727,7 +739,7 @@ var Maps = /** @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) {
@@ -739,9 +751,9 @@ var Maps = /** @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';
@@ -800,6 +812,7 @@ var Maps = /** @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 = [];
@@ -974,6 +987,7 @@ var Maps = /** @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();
@@ -999,7 +1013,7 @@ var Maps = /** @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);
@@ -1129,11 +1143,13 @@ var Maps = /** @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);
                 });
@@ -1178,7 +1194,7 @@ var Maps = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Maps.prototype.getMarkerClickLocation = function (pageX, pageY, x, y, marker, isDragEnd) {
-        document.getElementById(this.element.id + "_svg").style.cursor = 'grabbing';
+        document.getElementById(this.element.id + '_svg').style.cursor = 'grabbing';
         var targetElement = getElement(marker.targetId);
         var latLongValue = this.getClickLocation(marker.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.layerIndex], this);
@@ -1197,9 +1213,24 @@ var Maps = /** @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)) &&
@@ -1207,6 +1238,7 @@ var Maps = /** @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 ?
@@ -1220,9 +1252,11 @@ var Maps = /** @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;
                     }
                 }
@@ -1230,6 +1264,7 @@ var Maps = /** @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 };
                     }
@@ -1244,13 +1279,17 @@ var Maps = /** @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;
                     }
                 }
@@ -1286,25 +1325,17 @@ var Maps = /** @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 {
@@ -1313,19 +1344,11 @@ var Maps = /** @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);
@@ -1336,12 +1359,13 @@ var Maps = /** @class */ (function (_super) {
             e.preventDefault();
         }
         if (!isNullOrUndefined(this.markerDragArgument)) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var marker = 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.layerIndex].markerSettings[marker.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,
@@ -1368,7 +1392,7 @@ var Maps = /** @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_');
@@ -1384,18 +1408,15 @@ var Maps = /** @class */ (function (_super) {
      * @private
      */
     Maps.prototype.mouseDownOnMap = function (e) {
-        var pageX;
-        var pageY;
-        var target;
-        var touchArg;
         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');
@@ -1426,7 +1447,7 @@ var Maps = /** @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 = [];
         }
     };
@@ -1467,6 +1488,7 @@ var Maps = /** @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;
@@ -1499,11 +1521,7 @@ var Maps = /** @class */ (function (_super) {
      * @private
      */
     Maps.prototype.mouseMoveOnMap = function (e) {
-        var pageX;
-        var pageY;
-        var touchArg;
         var target;
-        var touches = null;
         target = (e.type === 'touchmove') ? e.target :
             target = e.target;
         // if (target.id.indexOf('shapeIndex') !== -1 && !this.highlightSettings.enable) {
@@ -1516,8 +1534,8 @@ var Maps = /** @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);
@@ -1534,12 +1552,10 @@ var Maps = /** @class */ (function (_super) {
         this.mouseMoveId = element['id'];
         var pageX;
         var pageY;
-        var target;
-        var touchArg;
         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'];
@@ -1555,6 +1571,7 @@ var Maps = /** @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 = this.markerDragArgument;
             this.mouseClickEvent['x'] = this.mouseDownEvent['x'];
             this.mouseClickEvent['y'] = this.mouseDownEvent['y'];
@@ -1570,6 +1587,7 @@ var Maps = /** @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 ?
@@ -1612,6 +1630,7 @@ var Maps = /** @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) {
@@ -1646,6 +1665,8 @@ var Maps = /** @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}
      */
@@ -1794,9 +1815,11 @@ var Maps = /** @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]])
@@ -1806,7 +1829,9 @@ var Maps = /** @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) {
@@ -2088,11 +2113,6 @@ var Maps = /** @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) {
@@ -2359,6 +2379,8 @@ var Maps = /** @class */ (function (_super) {
     };
     /**
      * To find marker visibility
+     *
+     * @returns {boolean} - Returns whether the bubble is visible or not.
      */
     Maps.prototype.isBubbleVisible = function () {
         var isVisible = false;
@@ -2416,12 +2438,14 @@ var Maps = /** @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));
                 });
             }
@@ -2437,10 +2461,11 @@ var Maps = /** @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];
@@ -2460,7 +2485,7 @@ var Maps = /** @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; }
@@ -2482,8 +2507,10 @@ var Maps = /** @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++) {
@@ -2545,6 +2572,7 @@ var Maps = /** @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;
@@ -2574,6 +2602,7 @@ var Maps = /** @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'];

package/src/maps/model/base-model.d.ts

@@ -574,7 +574,7 @@ export interface MarkerClusterSettingsModel {
      * Enables or disables intense marker clustering for improved accuracy.
      * The default value is true, and clustering logic will be executed twice for improved accuracy.
      * If set to false, the clustering logic will only be executed once, increasing performance while maintaining decent accuracy.
-     * 
+     *
      * @default true
      */
     allowDeepClustering?: boolean;
@@ -930,7 +930,7 @@ export interface PolygonSettingsModel {
     highlightSettings?: HighlightSettingsModel;
 
     /**
-     * Specifies the properties such as visibility, fill, border and text style to customize the tooltip. 
+     * Specifies the properties such as visibility, fill, border and text style to customize the tooltip.
      */
     tooltipSettings?: PolygonTooltipSettingsModel;
 
@@ -1270,6 +1270,7 @@ export interface ZoomSettingsModel {
 
     /**
      * Gets or sets the items that are to be shown in the zooming toolbar of the maps. Zoom-in, zoom-out and reset buttons are displayed by default.
+     *
 
      */
     toolbars?: string[];

package/src/maps/model/base.d.ts

@@ -793,17 +793,17 @@ export declare class PolygonSetting extends ChildProperty<PolygonSettings> {
      */
     points: Coordinate[];
     /**
- * Specifies the tooltip text to be displayed for the polygon shape. If it is not set, the tooltip will not be displayed.
- *
- * @default ''
- */
+     * Specifies the tooltip text to be displayed for the polygon shape. If it is not set, the tooltip will not be displayed.
+     *
+     * @default ''
+     */
     tooltipText: string;
     /**
- * Specifies any HTML content as a tooltip on the polygon shape. If it is not set, the tooltip will not be displayed.
- *
- * @default ''
- * @aspType string
- */
+     * Specifies any HTML content as a tooltip on the polygon shape. If it is not set, the tooltip will not be displayed.
+     *
+     * @default ''
+     * @aspType string
+     */
     tooltipTemplate: string | Function;
 }
 /**
@@ -1108,6 +1108,7 @@ export declare class ZoomSettings extends ChildProperty<ZoomSettings> {
     verticalAlignment: Alignment;
     /**
      * Gets or sets the items that are to be shown in the zooming toolbar of the maps. Zoom-in, zoom-out and reset buttons are displayed by default.
+     *
 
      */
     toolbars: string[];

package/src/maps/model/base.js

@@ -1155,7 +1155,7 @@ export { MarkerBase };
  */
 var MarkerSettings = /** @class */ (function (_super) {
     __extends(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;
     }

package/src/maps/model/export-image.js

@@ -181,7 +181,7 @@ var ImageExport = /** @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;
 }());

package/src/maps/model/export-pdf.js

@@ -10,7 +10,7 @@ var PdfExport = /** @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() {
     }
     /**
@@ -26,7 +26,7 @@ var PdfExport = /** @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;
             }
@@ -165,7 +165,7 @@ var PdfExport = /** @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;
 }());

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

@@ -786,6 +786,7 @@ export interface IMapZoomEventArgs extends IMinMaxLatitudeLongitude, IMapsEventA
 }
 /**
  * Specifies the theme style for maps.
+ *
  * @private
  */
 export interface IThemeStyle {

package/src/maps/model/print.js

@@ -30,6 +30,7 @@ var Print = /** @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) {
                 printFunction(argsData.htmlContent, printWindow);
@@ -47,6 +48,7 @@ var Print = /** @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];