@syncfusion/ej2-maps - npm Package Compare versions

Comparing version 25.1.37 to 25.1.40

CHANGELOG.md

@@ -15,2 +15,11 @@ <!-- markdownlint-disable MD010 -->
 
+- `#I566503` - The slight variation between the sublayer shape map and tile images of the online map in the base layer is now properly synchronized when panning the Maps.
+- `#F186927` - The pinch zooming will now work properly for the online maps, which zoom in and out by a factor of 1.
+
+## 25.1.37 (2024-03-26)
+
+### Maps
+
+#### Bug Fixes
+
 - `#I566503` - The shape map in the sublayer is now properly synchronized with the tile images in the base layer when panning the Maps.
@@ -17,0 +26,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 25.1.37
+*  version : 25.1.40
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@25.1.35",
+  "_id": "@syncfusion/ej2-maps@25.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-DwRb9/sCynmLALR+Q3u4KgKfTsIr1eSwWw7NkrzL5PExkXv8UvkxkoJ/KorGmvkvsBzqOR+hUOfEcc+hHZa2WA==",
+  "_integrity": "sha512-CWC04KDnHjmE6WI+jSrzsAM4JRyaZ++anTsS4BMOwpaFVRHg09afWT0/K9G7YXarS8LN7JW39jmD3p0NHJTUSA==",
   "_location": "/@syncfusion/ej2-maps",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-25.1.35.tgz",
-  "_shasum": "2273da59b69ec780533dc983e98a91d424cd0741",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-25.1.37.tgz",
+  "_shasum": "4c429228b5fcee8b1e66f931c7d6802f702b1a28",
   "_spec": "@syncfusion/ej2-maps@*",
@@ -40,7 +40,7 @@ "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
     "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.35",
+    "@syncfusion/ej2-buttons": "~25.1.39",
     "@syncfusion/ej2-compression": "~25.1.35",
     "@syncfusion/ej2-data": "~25.1.35",
     "@syncfusion/ej2-file-utils": "~25.1.35",
-    "@syncfusion/ej2-pdf-export": "~25.1.35",
+    "@syncfusion/ej2-pdf-export": "~25.1.38",
     "@syncfusion/ej2-svg-base": "~25.1.37"
@@ -98,4 +98,4 @@ },
   "typings": "index.d.ts",
-  "version": "25.1.37",
+  "version": "25.1.40",
   "sideEffects": false
 }

src/maps/layers/bubble.d.ts

@@ -10,5 +10,6 @@ import { Maps } from '../../index';
     /** @private */
-    bubbleCollection: any[];
+    bubbleCollection: object[];
     /**
      * Bubble Id for current layer
+     *
      * @private
@@ -21,5 +22,19 @@ */
      *
+     * @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
      */
-    renderBubble(bubbleSettings: BubbleSettingsModel, shapeData: any, color: string, range: {
+    renderBubble(bubbleSettings: BubbleSettingsModel, shapeData: object, color: string, range: {
         min: number;
@@ -26,0 +41,0 @@ max: number;

src/maps/layers/bubble.js

@@ -13,2 +13,3 @@ import { ColorMapping, bubbleRendering } from '../index';
          * Bubble Id for current layer
+         *
          * @private
@@ -20,11 +21,22 @@ */
     }
-    // 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;
@@ -129,2 +141,3 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any
             }
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
             this.maps.trigger('bubbleRendering', eventArgs, function (bubbleArgs) {
@@ -168,3 +181,5 @@ if (eventArgs.cancel) {
                 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) + ' )');
@@ -171,0 +186,0 @@ var bubble = (bubbleDataSource.length - 1) === dataIndex ? 'bubble' : null;

src/maps/layers/color-mapping.d.ts

@@ -17,3 +17,3 @@ import { Maps } from '../../index';
      */
-    getShapeColorMapping(shapeSettings: ShapeSettingsModel, layerData: any, color: string): any;
+    getShapeColorMapping(shapeSettings: ShapeSettingsModel, layerData: object, color: string): any;
     /**
@@ -20,0 +20,0 @@ * To color by value and color mapping

src/maps/layers/color-mapping.js

@@ -8,4 +8,8 @@ import { ColorValue } from '../index';
 var ColorMapping = /** @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 */
     /**
@@ -12,0 +16,0 @@ * To get color based on shape settings.

src/maps/layers/data-label.d.ts

@@ -22,3 +22,3 @@ import { Maps } from '../../index';
      * @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.
@@ -32,3 +32,3 @@ * @param {Element} group Specifies the element.
      */
-    renderLabel(layer: LayerSettings, layerIndex: number, shape: any, layerData: any[], group: Element, labelTemplateElement: HTMLElement, index: number, intersect: any[]): void;
+    renderLabel(layer: LayerSettings, layerIndex: number, shape: object, layerData: any[], group: Element, labelTemplateElement: HTMLElement, index: number, intersect: any[]): void;
     private datalabelAnimate;
@@ -35,0 +35,0 @@ private getPoint;

src/maps/layers/data-label.js

@@ -39,3 +39,3 @@ import { findMidPointOfPolygon, Rect, filter, getTemplateFunction, getZoomTranslate, getTranslate, RectOption, convertElementFromLabel, Point, TextOption, renderTextElement, textTrim, Internalize, measureTextElement } from '../utils/helper';
      * @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.
@@ -49,6 +49,4 @@ * @param {Element} group Specifies the element.
      */
-    DataLabel.prototype.renderLabel = function (
+    DataLabel.prototype.renderLabel = function (layer, layerIndex, shape, 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    layer, layerIndex, shape, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     layerData, group, labelTemplateElement, index, intersect) {
@@ -255,3 +253,3 @@ var _this = this;
                     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) {
@@ -410,3 +408,3 @@ labelElement.style.left = (((location['x'] + transPoint['x']) * scale) - (textSize['width'] / 2)) + 'px';
             },
-            end: function (model) {
+            end: function () {
                 element.style.visibility = 'visible';
@@ -413,0 +411,0 @@ element.setAttribute(isRect ? 'fill-opacity' : 'opacity', opacity.toString());

src/maps/layers/layer-panel.d.ts

@@ -52,3 +52,2 @@ import { Maps } from '../../maps/maps';
      * @param {any} currentShapeData - Specifies the layer of shapedata.
-     * @param {number} index - Specifies the tab index.
      * @returns {void}
@@ -62,3 +61,3 @@ */
      * @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
@@ -95,2 +94,4 @@ * @returns {void}
      * @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
@@ -108,16 +109,17 @@ * @param {number} dataIndex - Specifies the data index
      * @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
      */
     private getShapeColorMapping;
-    generatePoints(type: string, coordinates: any[], data: any, properties: any): void;
+    generatePoints(type: string, coordinates: any[], data: object, properties: object): void;
     calculateBox(point: Point, extraSpace: number): void;
     calculateFactor(layer: LayerSettings): number;
-    translateLayerElements(layerElement: Element, index: number): void;
+    translateLayerElements(layerElement: Element): void;
     calculateRectBounds(layerData: any[]): void;
-    calculatePolygonBox(coordinates: any[], data: any, properties: any): any;
+    calculatePolygonBox(coordinates: any[]): any;
     calculateRectBox(coordinates: any[], type?: string, isFirstItem?: boolean): void;
     generateTiles(zoomLevel: number, tileTranslatePoint: Point, zoomType?: string, bing?: BingMap, position?: Point): void;
     arrangeTiles(type: string, x: number, y: number): void;
+    private arrangeTilesLayer;
     /**
@@ -124,0 +126,0 @@ * Animation for tile layers and hide the group element until the tile layer rendering

src/maps/layers/legend.d.ts

@@ -90,5 +90,5 @@ import { Maps } from '../../index';
      * @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
@@ -104,2 +104,3 @@ * @param {string} colorValuePath - Specifies the color value path
      * To draw the legend shape and text.
+     *
      * @private
@@ -109,3 +110,3 @@ */
     /**
-     * @param {string} page - Specifies the legend page.
+     * @param {number} page - Specifies the legend page.
      * @returns {void}
@@ -117,3 +118,3 @@ * @private
     private setColor;
-    pushCollection(targetElement: Element, collection: any[], oldElement: any, shapeSettings: ShapeSettings): void;
+    pushCollection(targetElement: Element, collection: any[], oldElement: object, shapeSettings: ShapeSettings): void;
     private removeLegend;
@@ -123,3 +124,3 @@ removeLegendHighlightCollection(): void;
     removeShapeHighlightCollection(): void;
-    shapeHighLightAndSelection(targetElement: Element, data: any, module: SelectionSettingsModel | HighlightSettingsModel, getValue: string, layerIndex: number): void;
+    shapeHighLightAndSelection(targetElement: Element, data: object, module: SelectionSettingsModel | HighlightSettingsModel, getValue: string, layerIndex: number): void;
     private isTargetSelected;
@@ -129,3 +130,3 @@ private updateLegendElement;
     private removeAllSelections;
-    legendIndexOnShape(data: any, index: number): any;
+    legendIndexOnShape(data: object, index: number): any;
     private shapeDataOnLegend;
@@ -132,0 +133,0 @@ private shapesOfLegend;

src/maps/layers/marker.d.ts

@@ -38,2 +38,3 @@ import { Maps } from '../../index';
      * To check and trigger marker click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
@@ -46,2 +47,3 @@ * @returns {void}
      * To check and trigger Cluster click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
@@ -56,3 +58,3 @@ * @returns {void}
      * @param {string} target - Specifies the target
-     * @returns {string} - Returns the string
+     * @returns {object} - Returns the marker, data, clusterCollection, markCollection
      */
@@ -76,3 +78,6 @@ private getMarker;
     markerClusterMouseMove(e: PointerEvent): void;
-    /** @private */
+    /** @private
+     *
+     * @returns {void}
+     */
     initializeMarkerClusterList(): void;
@@ -79,0 +84,0 @@ /**

src/maps/layers/marker.js

@@ -61,2 +61,3 @@ import { markerRendering, convertTileLatLongToPoint, MapLocation, markerDragStart } from '../index';
                 };
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 maps.trigger('markerRendering', eventArgs, function (MarkerArgs) {
@@ -168,5 +169,2 @@ eventArgs = markerColorChoose(eventArgs, data);
                 var maxLong_1;
-                var latZoom = void 0;
-                var lngZoom = void 0;
-                var result = void 0;
                 var zoomLevel = void 0;
@@ -289,2 +287,3 @@ var centerLat = void 0;
      * To check and trigger marker click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
@@ -310,3 +309,3 @@ * @returns {void}
         if (options.marker.enableDrag) {
-            document.getElementById(this.maps.element.id + "_svg").style.cursor = 'grabbing';
+            document.getElementById(this.maps.element.id + '_svg').style.cursor = 'grabbing';
         }
@@ -328,3 +327,3 @@ var eventArgs = {
             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;
@@ -344,3 +343,4 @@ }
                     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
@@ -353,2 +353,3 @@ };
      * To check and trigger Cluster click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
@@ -374,3 +375,3 @@ * @returns {void}
                 this.maps.markerClusterExpandCheck = true;
-                mergeSeparateCluster(this.sameMarkerData, this.maps, this.markerSVGObject);
+                mergeSeparateCluster(this.sameMarkerData, this.maps);
             }
@@ -395,3 +396,3 @@ else {
      * @param {string} target - Specifies the target
-     * @returns {string} - Returns the string
+     * @returns {object} - Returns the marker, data, clusterCollection, markCollection
      */
@@ -465,3 +466,3 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any
         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';
@@ -500,3 +501,6 @@ }
     };
-    /** @private */
+    /** @private
+     *
+     * @returns {void}
+     */
     Marker.prototype.initializeMarkerClusterList = function () {
@@ -503,0 +507,0 @@ for (var i = 0; i < this.maps.layers.length; i++) {

src/maps/layers/navigation-selected-line.js

@@ -127,2 +127,3 @@ import { convertTileLatLongToPoint } from '../index';
                     if (!isNullOrUndefined(arrowPosition)) {
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                         var position = (arrowPosition === 'Start') ? navigationEle.setAttribute('marker-start', startArrow)
@@ -129,0 +130,0 @@ : navigationEle.setAttribute('marker-end', endArrow);

src/maps/layers/polygon.js

@@ -6,4 +6,8 @@ import { PathOption, calculatePolygonPath, maintainSelection } from '../utils/helper';
 var Polygon = /** @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 */
     /**
@@ -27,3 +31,2 @@ * To render polygon for maps
             });
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var polygonData = polygonSetting.points;
@@ -53,2 +56,3 @@ var path = calculatePolygonPath(maps, factor, currentLayer, polygonData);
      */
+    //eslint-disable-next-line @typescript-eslint/no-empty-function
     Polygon.prototype.destroy = function () {
@@ -55,0 +59,0 @@ };

src/maps/maps-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Fetch } from '@syncfusion/ej2-base';import { EventHandler, Browser, EmitType, isNullOrUndefined, createElement, setValue, extend } from '@syncfusion/ej2-base';import { Event, remove, L10n, Collection, Internationalization, Complex } from '@syncfusion/ej2-base';import { ModuleDeclaration } from '@syncfusion/ej2-base';import { SvgRenderer } from '@syncfusion/ej2-svg-base';import { Size, createSvg, Point, removeElement, triggerShapeEvent, showTooltip, checkShapeDataFields, MapLocation, getMousePosition, calculateSize } from './utils/helper';import { getElement, removeClass, getTranslate, triggerItemSelectionEvent, mergeSeparateCluster, customizeStyle, querySelector } from './utils/helper';import { createStyle } from './utils/helper';import { ZoomSettings, LegendSettings } from './model/base';import { LayerSettings, TitleSettings, Border, Margin, MapsAreaSettings, Annotation, CenterPosition } from './model/base';import { ZoomSettingsModel, LegendSettingsModel, LayerSettingsModel, BubbleSettingsModel, PolygonSettingsModel } from './model/base-model';import { MarkerSettingsModel, SelectionSettingsModel, InitialMarkerSelectionSettingsModel } from './model/base-model';import { TitleSettingsModel, BorderModel, MarginModel, CenterPositionModel, InitialShapeSelectionSettingsModel } from './model/base-model';import { MapsAreaSettingsModel, AnnotationModel } from './model/base-model';import { Bubble } from './layers/bubble';import { Legend } from './layers/legend';import { Marker } from './layers/marker';import { Highlight } from './user-interaction/highlight';import { Selection } from './user-interaction/selection';import { MapsTooltip } from './user-interaction/tooltip';import { Zoom } from './user-interaction/zoom';import { load, click, onclick, rightClick, loaded, doubleClick, resize, shapeSelected, zoomIn } from './model/constants';import { ProjectionType, MapsTheme, PanDirection, TooltipGesture } from './utils/enum';import { getThemeStyle, Theme } from './model/theme';import { ILoadEventArgs, ILoadedEventArgs, IMinMaxLatitudeLongitude, IMouseEventArgs, IResizeEventArgs, ITooltipRenderEventArgs } from './model/interface';import { GeoPosition, ITooltipRenderCompleteEventArgs, ILegendRenderingEventArgs } from './model/interface';import { ILayerRenderingEventArgs, IShapeRenderingEventArgs, IMarkerRenderingEventArgs, IMarkerClickEventArgs } from './model/interface';import { IMarkerMoveEventArgs, ILabelRenderingEventArgs, IBubbleMoveEventArgs, IBubbleClickEventArgs } from './model/interface';import { IMarkerClusterClickEventArgs, IMarkerClusterMoveEventArgs, IMarkerClusterRenderingEventArgs } from './model/interface';import { ISelectionEventArgs, IShapeSelectedEventArgs, IMapPanEventArgs, IMapZoomEventArgs } from './model/interface';import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs, IThemeStyle } from './model/interface';import { LayerPanel } from './layers/layer-panel';import { GeoLocation, Rect, RectOption, measureText, getElementByID, MapAjax, processResult, getElementsByClassName } from '../maps/utils/helper';import { findPosition, textTrim, TextOption, renderTextElement, calculateZoomLevel, convertTileLatLongToPoint, convertGeoToPoint} from '../maps/utils/helper';import { Annotations } from '../maps/user-interaction/annotation';import { FontModel, DataLabel, MarkerSettings, IAnnotationRenderingEventArgs, IMarkerDragEventArgs } from './index';import { NavigationLineSettingsModel, changeBorderWidth } from './index';import { NavigationLine } from './layers/navigation-selected-line';import { Polygon } from './layers/polygon';import { DataManager, Query } from '@syncfusion/ej2-data';import { ExportType } from '../maps/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Print } from './model/print';import { PdfExport } from './model/export-pdf';import { ImageExport } from './model/export-image';
+import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Fetch } from '@syncfusion/ej2-base';import { EventHandler, Browser, EmitType, isNullOrUndefined, createElement, setValue, extend } from '@syncfusion/ej2-base';import { Event, remove, L10n, Collection, Internationalization, Complex } from '@syncfusion/ej2-base';import { ModuleDeclaration } from '@syncfusion/ej2-base';import { SvgRenderer } from '@syncfusion/ej2-svg-base';import { Size, createSvg, Point, removeElement, triggerShapeEvent, showTooltip, checkShapeDataFields, MapLocation, getMousePosition, calculateSize } from './utils/helper';import { getElement, removeClass, getTranslate, triggerItemSelectionEvent, mergeSeparateCluster, customizeStyle, querySelector } from './utils/helper';import { createStyle } from './utils/helper';import { ZoomSettings, LegendSettings } from './model/base';import { LayerSettings, TitleSettings, Border, Margin, MapsAreaSettings, Annotation, CenterPosition } from './model/base';import { ZoomSettingsModel, LegendSettingsModel, LayerSettingsModel, BubbleSettingsModel, PolygonSettingsModel } from './model/base-model';import { MarkerSettingsModel, SelectionSettingsModel, InitialMarkerSelectionSettingsModel } from './model/base-model';import { TitleSettingsModel, BorderModel, MarginModel, CenterPositionModel, InitialShapeSelectionSettingsModel } from './model/base-model';import { MapsAreaSettingsModel, AnnotationModel } from './model/base-model';import { Bubble } from './layers/bubble';import { Legend } from './layers/legend';import { Marker } from './layers/marker';import { Highlight } from './user-interaction/highlight';import { Selection } from './user-interaction/selection';import { MapsTooltip } from './user-interaction/tooltip';import { Zoom } from './user-interaction/zoom';import { load, click, onclick, rightClick, doubleClick, resize, shapeSelected, zoomIn } from './model/constants';import { ProjectionType, MapsTheme, PanDirection, TooltipGesture } from './utils/enum';import { getThemeStyle, Theme } from './model/theme';import { ILoadEventArgs, ILoadedEventArgs, IMinMaxLatitudeLongitude, IMouseEventArgs, IResizeEventArgs, ITooltipRenderEventArgs } from './model/interface';import { GeoPosition, ITooltipRenderCompleteEventArgs, ILegendRenderingEventArgs } from './model/interface';import { ILayerRenderingEventArgs, IShapeRenderingEventArgs, IMarkerRenderingEventArgs, IMarkerClickEventArgs } from './model/interface';import { IMarkerMoveEventArgs, ILabelRenderingEventArgs, IBubbleMoveEventArgs, IBubbleClickEventArgs } from './model/interface';import { IMarkerClusterClickEventArgs, IMarkerClusterMoveEventArgs, IMarkerClusterRenderingEventArgs } from './model/interface';import { ISelectionEventArgs, IShapeSelectedEventArgs, IMapPanEventArgs, IMapZoomEventArgs } from './model/interface';import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs, IThemeStyle } from './model/interface';import { LayerPanel } from './layers/layer-panel';import { GeoLocation, Rect, RectOption, measureText, getElementByID, MapAjax, processResult, getElementsByClassName } from '../maps/utils/helper';import { findPosition, textTrim, TextOption, renderTextElement, calculateZoomLevel, convertTileLatLongToPoint, convertGeoToPoint} from '../maps/utils/helper';import { Annotations } from '../maps/user-interaction/annotation';import { FontModel, DataLabel, MarkerSettings, IAnnotationRenderingEventArgs, IMarkerDragEventArgs } from './index';import { NavigationLineSettingsModel, changeBorderWidth } from './index';import { NavigationLine } from './layers/navigation-selected-line';import { Polygon } from './layers/polygon';import { DataManager, Query } from '@syncfusion/ej2-data';import { ExportType } from '../maps/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Print } from './model/print';import { PdfExport } from './model/export-pdf';import { ImageExport } from './model/export-image';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -389,15 +389,15 @@
     /**
-    * This event is triggered after performing the panning action.
-    *
-    * @event panComplete
-    */
+     * This event is triggered after performing the panning action.
+     *
+     * @event panComplete
+     */
     panComplete?: EmitType<IMapPanEventArgs>;
 
     /**
-    * This event is triggered after the zooming operation is completed.
-    *
-    * @event zoomComplete
-    */
+     * This event is triggered after the zooming operation is completed.
+     *
+     * @event zoomComplete
+     */
     zoomComplete?: EmitType<IMapPanEventArgs>;
 
 }

src/maps/maps.d.ts

@@ -462,12 +462,12 @@ /**
     /**
-    * This event is triggered after performing the panning action.
-    *
-    * @event panComplete
-    */
+     * This event is triggered after performing the panning action.
+     *
+     * @event panComplete
+     */
     panComplete: EmitType<IMapPanEventArgs>;
     /**
-    * This event is triggered after the zooming operation is completed.
-    *
-    * @event zoomComplete
-    */
+     * This event is triggered after the zooming operation is completed.
+     *
+     * @event zoomComplete
+     */
     zoomComplete: EmitType<IMapPanEventArgs>;
@@ -803,7 +803,7 @@ /**
      * @param {Element} targetElement - Specifies the target element
-     * @param {any} data - Specifies the data
+     * @param {object} data - Specifies the data
      * @returns {void}
      * @private
      */
-    markerSelection(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, data: any): void;
+    markerSelection(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, data: object): void;
     /**
@@ -925,3 +925,17 @@ * initial selection of marker
     private getMarkerClickLocation;
-    /** @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
+     *
+     */
     getClickLocation(targetId: string, pageX: number, pageY: number, targetElement: HTMLElement, x: number, y: number, type?: string): GeoPosition;
@@ -989,2 +1003,4 @@ private removeTileMap;
      * @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.
@@ -1129,2 +1145,4 @@ * @returns {void}
      * To find marker visibility
+     *
+     * @returns {boolean} - Returns whether the bubble is visible or not.
      */
@@ -1173,3 +1191,3 @@ private isBubbleVisible;
      * @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.
      */
@@ -1176,0 +1194,0 @@ private findVisibleLayers;

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

@@ -577,3 +577,3 @@ import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Alignment, LegendPosition, LegendType, LegendMode, ShapeLayerType, Type, MarkerType, Orientation, MapAjax } from '../../index';import { SmartLabelMode, IntersectAction } from '../../index';import { Theme } from './theme';import { Point, GeoLocation, Coordinate } from '../utils/helper';import { BingMapType, LegendArrangement, LegendShape, BubbleType, StaticMapType, ToolbarItem } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
      * If set to false, the clustering logic will only be executed once, increasing performance while maintaining decent accuracy.
-     * 
+     *
      * @default true
@@ -934,3 +934,3 @@ */
     /**
-     * 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.
      */
@@ -1275,2 +1275,3 @@ tooltipSettings?: PolygonTooltipSettingsModel;
      * 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.
+     *
 
@@ -1277,0 +1278,0 @@ */

src/maps/model/base.d.ts

@@ -796,13 +796,13 @@ /**
     /**
- * 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;
@@ -1112,2 +1112,3 @@ }
      * 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.
+     *
 
@@ -1114,0 +1115,0 @@ */

src/maps/model/base.js

@@ -1158,3 +1158,3 @@ var __extends = (this && this.__extends) || (function () {
     __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) {
@@ -1161,0 +1161,0 @@ return _super.call(this, parent, propName, defaultValue, isArray) || this;

src/maps/model/export-image.js

@@ -184,3 +184,3 @@ import { createElement, Browser, isNullOrUndefined } from '@syncfusion/ej2-base';
      */
-    // 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 () { };
@@ -187,0 +187,0 @@ return ImageExport;

src/maps/model/export-pdf.js

@@ -13,3 +13,3 @@ import { createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
      */
-    // 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() {
@@ -30,3 +30,3 @@ }
         // 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) {
@@ -170,3 +170,3 @@ maps.isExportInitialTileMap = true;
      */
-    // 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 () { };
@@ -173,0 +173,0 @@ return PdfExport;

src/maps/model/interface.d.ts

@@ -789,2 +789,3 @@ /**
  * Specifies the theme style for maps.
+ *
  * @private
@@ -791,0 +792,0 @@ */

src/maps/model/print.js

@@ -33,2 +33,3 @@ import { print as printFunction, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         maps.trigger('beforePrint', argsData, function (beforePrintArgs) {
@@ -51,2 +52,3 @@ if (!argsData.cancel) {
         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]);
@@ -53,0 +55,0 @@ if (!isNullOrUndefined(backgroundElement)) {

src/maps/model/theme.js

@@ -357,3 +357,3 @@ /**
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -383,3 +383,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -412,3 +412,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -441,3 +441,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -470,3 +470,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -499,3 +499,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -528,3 +528,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -557,3 +557,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -586,3 +586,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -616,3 +616,3 @@ break;
                 rectangleZoomFillOpacity: 0.24,
-                rectangleZoomBorderColor: "#6750A4"
+                rectangleZoomBorderColor: '#6750A4'
             };
@@ -646,3 +646,3 @@ break;
                 rectangleZoomFillOpacity: 0.24,
-                rectangleZoomBorderColor: "#D0BCFF"
+                rectangleZoomBorderColor: '#D0BCFF'
             };
@@ -672,3 +672,3 @@ break;
                 rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: "#009900"
+                rectangleZoomBorderColor: '#009900'
             };
@@ -675,0 +675,0 @@ break;

src/maps/user-interaction/annotation.d.ts

@@ -12,2 +12,7 @@ import { Maps, Annotation } from '../index';
      *
+     * @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
@@ -14,0 +19,0 @@ */

src/maps/user-interaction/annotation.js

@@ -29,6 +29,10 @@ import { annotationRendering } from '../index';
     };
-    // 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
@@ -45,3 +49,2 @@ */
         var availSize = map.availableSize;
-        var id = map.element.id + '_Annotation_' + annotationIndex;
         var childElement = createElement('div', {
@@ -55,2 +58,3 @@ id: map.element.id + '_Annotation_' + annotationIndex
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.map.trigger(annotationRendering, argsData, function (annotationArgs) {
@@ -57,0 +61,0 @@ if (argsData.cancel) {

src/maps/user-interaction/highlight.d.ts

@@ -27,2 +27,7 @@ import { Maps } from '../../index';
      * 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
@@ -33,5 +38,12 @@ */
     /**
+     * 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
      */
-    handleHighlight(targetElement: Element, layerIndex: number, data: any, shapeData: any): void;
+    handleHighlight(targetElement: Element, layerIndex: number, data: object, shapeData: object): void;
     private mapHighlight;
@@ -38,0 +50,0 @@ private highlightMap;

src/maps/user-interaction/highlight.js

@@ -36,5 +36,9 @@ import { itemHighlight, shapeHighlight } from '../index';
     };
-    // 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
@@ -146,5 +150,11 @@ */
     /**
+     * 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) {
@@ -151,0 +161,0 @@ if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule

src/maps/user-interaction/selection.d.ts

@@ -31,7 +31,19 @@ import { Maps } from '../../index';
     /**
+     * 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
      */
-    selectElement(targetElement: Element, layerIndex: number, data: any, shapeData: any): void;
+    selectElement(targetElement: Element, layerIndex: number, data: object, shapeData: object): void;
     /**
      * 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
@@ -38,0 +50,0 @@ */

src/maps/user-interaction/selection.js

@@ -102,5 +102,11 @@ import { click, itemSelection } from '../index';
     /**
+     * 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) {
@@ -117,5 +123,9 @@ this.maps.mapSelect = targetElement ? true : false;
     };
-    // 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
@@ -143,8 +153,3 @@ */
         var _this = this;
-        var layerIndex = parseInt(targetElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
-        var parentElement;
-        var children;
-        var selectionClass;
         var isLineStringShape = targetElement.parentElement.id.indexOf('LineString') > -1;
-        var selectionsettings = this.selectionsettings;
         var border = {
@@ -168,2 +173,3 @@ color: isLineStringShape ? (this.selectionsettings.fill || this.selectionsettings.border.color) :
         };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.maps.trigger('itemSelection', eventArgs, function (observedArgs) {
@@ -185,5 +191,5 @@ eventArgs.border.opacity = isNullOrUndefined(_this.selectionsettings.border.opacity) ?
                         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);
                     }
@@ -223,5 +229,5 @@ }
                             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);
                         }
@@ -228,0 +234,0 @@ }

src/maps/user-interaction/tooltip.d.ts

@@ -21,2 +21,4 @@ import { Maps } from '../index';
     /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
      * @private
@@ -35,2 +37,6 @@ */
     /**
+     * Handles the mouse up
+     *
+     * @param {PointerEvent} e - Specifies the event
+     * @returns {void}
      * @private
@@ -40,2 +46,5 @@ */
     /**
+     * Removes the tooltip
+     *
+     * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
@@ -47,2 +56,4 @@ */
      * To bind events for tooltip module
+     *
+     * @returns {void}
      * @private
@@ -52,2 +63,5 @@ */
     /**
+     * Removes the event listeners
+     *
+     * @returns {void}
      * @private
@@ -54,0 +68,0 @@ */

src/maps/user-interaction/tooltip.js

@@ -15,2 +15,4 @@ import { tooltipRender } from '../index';
     /**
+     * @param {PointerEvent} e - Specifies the event.
+     * @returns {void}
      * @private
@@ -205,2 +207,3 @@ */
                 }
+                // 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) {
@@ -365,2 +368,6 @@ if (isPolygon) {
     /**
+     * Handles the mouse up
+     *
+     * @param {PointerEvent} e - Specifies the event
+     * @returns {void}
      * @private
@@ -378,2 +385,5 @@ */
     /**
+     * Removes the tooltip
+     *
+     * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
@@ -390,2 +400,3 @@ */
     MapsTooltip.prototype.clearTooltip = function (element) {
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         var tooltipElement = element.closest('#' + this.maps.element.id + '_mapsTooltipparent_template');
@@ -400,5 +411,6 @@ if (isNullOrUndefined(tooltipElement)) {
     };
-    // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     *
+     * @returns {void}
      * @private
@@ -423,2 +435,5 @@ */
     /**
+     * Removes the event listeners
+     *
+     * @returns {void}
      * @private
@@ -425,0 +440,0 @@ */

src/maps/user-interaction/zoom.d.ts

@@ -55,3 +55,3 @@ import { Maps, ITouches } from '../../index';
     /** @private */
-    isPointer: Boolean;
+    isPointer: boolean;
     private handled;
@@ -70,8 +70,7 @@ private fingers;
     private templateCount;
-    private distanceX;
-    private distanceY;
+    private pinchDistance;
     /** @private */
-    mouseDownLatLong: any;
+    mouseDownLatLong: object;
     /** @private */
-    mouseMoveLatLong: any;
+    mouseMoveLatLong: object;
     /** @private */
@@ -96,2 +95,3 @@ isSingleClick: boolean;
     /**
+     * @returns {void}
      * @private
@@ -103,7 +103,11 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the vent in the map
+     * @returns {void}
      * @private
      */
     performPinchZooming(e: PointerEvent | TouchEvent): void;
+    private getTouchCenterPoint;
     private triggerZoomComplete;
     /**
+     * @returns {void}
      * @private
@@ -124,2 +128,6 @@ */
     /**
+     * @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
@@ -147,9 +155,11 @@ */
      * @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
      */
-    panning(direction: PanDirection, xDifference: number, yDifference: number, mouseLocation?: PointerEvent | TouchEvent | KeyboardEvent): void;
-    private toAlignSublayer;
+    panning(direction: PanDirection, xDifference: number, yDifference: number, event?: PointerEvent | TouchEvent | KeyboardEvent): void;
     /**
+     * @param {number} zoomFactor - Specifies the factor for zooming
+     * @param {string} type - Specifies the type
+     * @returns {void}
      * @private
@@ -159,2 +169,3 @@ */
     /**
+     * @returns {void}
      * @private
@@ -164,2 +175,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -177,2 +190,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -182,2 +197,3 @@ */
     /**
+     * @returns {void}
      * @private
@@ -187,2 +203,3 @@ */
     /**
+     * @returns {void}
      * @private
@@ -192,2 +209,5 @@ */
     /**
+     * @param {number} factor - Specifies the factor for toolbar
+     * @param {string} id - Specifies the id
+     * @returns {void}
      * @private
@@ -199,2 +219,8 @@ */
     /**
+     * @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
@@ -209,8 +235,10 @@ */
      * @param {Element} element - Specifies the element.
-     * @param {any} process - Specifies the process.
+     * @param {Function} process - Specifies the process.
      * @returns {void}
      * @private
      */
-    wireEvents(element: Element, process: any): void;
+    wireEvents(element: Element, process: Function): void;
     /**
+     * @param {WheelEvent} e - Specifies the wheel event in the map for zooming
+     * @returns {void}
      * @private
@@ -220,2 +248,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -225,2 +255,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -230,2 +262,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -235,2 +269,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -240,2 +276,4 @@ */
     /**
+     * @param {PointerEvent} e - Specifies the event in the map
+     * @returns {void}
      * @private
@@ -253,2 +291,7 @@ */
     /**
+     * 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
@@ -258,2 +301,3 @@ */
     /**
+     * @returns {void}
      * @private
@@ -263,2 +307,3 @@ */
     /**
+     * @returns {void}
      * @private
@@ -265,0 +310,0 @@ */

src/maps/utils/helper.d.ts

@@ -83,2 +83,7 @@ import { Maps, FontModel, BorderModel, LayerSettings } from '../../index';
 /**
+ * @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
@@ -223,3 +228,7 @@ */
 export declare function measureText(text: string, font: FontModel): Size;
-/** @private */
+/**
+ * @param {string} text - Specifies the text.
+ * @param {FontModel} font - Specifies the font.
+ * @returns {Size} - Returns the size of text.
+ * @private */
 export declare function measureTextElement(text: string, font: FontModel): Size;
@@ -364,2 +373,3 @@ /**
  * Defines the pattern unit types for drawing the patterns in maps.
+ *
  * @private
@@ -403,11 +413,12 @@ */
 /**
- * @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
  */
-export declare function convertElement(element: HTMLCollection, markerId: string, data: any, index: number, mapObj: Maps, templateType: string): HTMLElement;
+export declare function convertElement(element: HTMLCollection, markerId: string, data: object, index: number, mapObj: Maps, templateType: string): HTMLElement;
 /**
@@ -425,3 +436,3 @@ *
  * @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
@@ -431,3 +442,3 @@ * @returns {string} - Returns the string value
  */
-export declare function convertStringToValue(stringTemplate: string, format: string, data: any, maps: Maps): string;
+export declare function convertStringToValue(stringTemplate: string, format: string, data: object, maps: Maps): string;
 /**
@@ -437,9 +448,7 @@ *
  * @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
  */
-export declare function convertElementFromLabel(element: Element, labelId: string, data: any, index: number, mapObj: Maps): HTMLElement;
+export declare function convertElementFromLabel(element: Element, labelId: string, data: object): HTMLElement;
 /**
@@ -460,3 +469,3 @@ *
  *
- * @param {any} data - Specifies the data
+ * @param {object} data - Specifies the data
  * @param {string} value - Specifies the value
@@ -466,19 +475,19 @@ * @returns {any} - Returns the data
  */
-export declare function getValueFromObject(data: any, value: string): any;
+export declare function getValueFromObject(data: object, value: string): any;
 /**
  *
  * @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
  */
-export declare function markerColorChoose(eventArgs: IMarkerRenderingEventArgs, data: any): IMarkerRenderingEventArgs;
+export declare function markerColorChoose(eventArgs: IMarkerRenderingEventArgs, data: object): IMarkerRenderingEventArgs;
 /**
  *
  * @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
  */
-export declare function markerShapeChoose(eventArgs: IMarkerRenderingEventArgs, data: any): IMarkerRenderingEventArgs;
+export declare function markerShapeChoose(eventArgs: IMarkerRenderingEventArgs, data: object): IMarkerRenderingEventArgs;
 /**
@@ -494,9 +503,23 @@ *
  * @param {boolean} zoomCheck - Specifies the boolean value
- * @returns {void}
+ * @returns {boolean} -Returns boolean for cluster completion
  * @private
  */
 export declare function clusterTemplate(currentLayer: LayerSettings, markerTemplate: HTMLElement | Element, maps: Maps, layerIndex: number, markerCollection: Element, layerElement: Element, check: boolean, zoomCheck: boolean): boolean;
-/** @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 */
 export declare function markerClusterListHandler(maps: Maps, currentZoomFactor: number, layerIndex: number, index: number, indexCollection: number[]): void;
-/** @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 */
 export declare function markerBoundsComparer(tempElement: Element, markerBounds: ClientRect, colloideBounds: ClientRect[], indexCollection: number[], p: number): void;
@@ -507,7 +530,6 @@ /**
  * @param {Maps} maps - Specifies the instance of the maps
- * @param {Element | HTMLElement} markerElement - Specifies the marker element
  * @returns {void}
  * @private
  */
-export declare function mergeSeparateCluster(sameMarkerData: MarkerClusterData[], maps: Maps, markerElement: Element | HTMLElement): void;
+export declare function mergeSeparateCluster(sameMarkerData: MarkerClusterData[], maps: Maps): void;
 /**
@@ -785,6 +807,6 @@ *
  * @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
  */
-export declare function checkPropertyPath(shapeData: string, shapePropertyPath: string | string[], shape: any): string;
+export declare function checkPropertyPath(shapeData: string, shapePropertyPath: string | string[], shape: object): string;
 /**
@@ -834,2 +856,5 @@ *
  * @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
@@ -919,5 +944,5 @@ * @private
  *
- * @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
@@ -939,3 +964,3 @@ */
  * @param {Maps} map - Specifies the instance of the maps
- * @returns {any} - Returns the object
+ * @returns {object} - Returns the object
  * @private
@@ -1015,8 +1040,8 @@ */
  * @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
  */
-export declare function triggerItemSelectionEvent(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, shapeData: any, data: any): void;
+export declare function triggerItemSelectionEvent(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, shapeData: object, data: object): void;
 /**
@@ -1080,4 +1105,4 @@ * Function to remove class from element
  * @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.
@@ -1089,2 +1114,4 @@ * @returns {void}
 /**
+ * @param {string} color - Specifies the color
+ * @returns {any} - Returns the color in rgb
  * @private
@@ -1206,3 +1233,3 @@ */
  */
-export declare function animate(element: Element, delay: number, duration: number, process: any, end: any): void;
+export declare function animate(element: Element, delay: number, duration: number, process: Function, end: Function): void;
 /**
@@ -1264,2 +1291,3 @@ * Defines the options to get shape data file using Ajax request.
  * @param {Maps} maps - Specifies the instance of the maps
+ * @param {boolean} isZoomToCoordinates - Checks for the zoom to coordinates
  * @returns {number} - Returns the scale factor
@@ -1266,0 +1294,0 @@ * @private

No alert changes

Improved metrics

Total package byte prevSize

10427317

increased by0.77%

Number of package files

79

increased by2.6%

Lines of code

66576

increased by1.74%

Dependency changes

• Updated@syncfusion/ej2-buttons@~25.1.39

• Updated@syncfusion/ej2-pdf-export@~25.1.38