@syncfusion/ej2-maps 25.1.37 → 25.1.40

package/src/maps/layers/legend.js

@@ -1,5 +1,5 @@
 import { click, legendRendering } from '../index';
-import { Rect, measureText, PathOption, textTrim, drawBalloon, removeClass, querySelector, getTemplateFunction, maintainStyleClass, getValueFromObject } from '../utils/helper';
+import { Rect, measureText, PathOption, textTrim, drawBalloon, removeClass, querySelector, maintainStyleClass, getValueFromObject, getTemplateFunction } from '../utils/helper';
 import { RectOption, Size, TextOption, Point, renderTextElement, drawSymbol, checkPropertyPath, getElement } from '../utils/helper';
 import { isNullOrUndefined, Browser, EventHandler, remove, extend } from '@syncfusion/ej2-base';
 import { Theme } from '../model/theme';
@@ -155,7 +155,6 @@ var Legend = /** @class */ (function () {
             var shapeWidth = legend.shapeWidth;
             var shapeLocation = [];
             var textLocation = [];
-            var legendRectCollection = [];
             var position = legend.position;
             var labelAction = legend.labelDisplayMode;
             var arrangement = (legend.orientation === 'None') ? ((position === 'Top' || position === 'Bottom')
@@ -277,7 +276,6 @@ var Legend = /** @class */ (function () {
                                     j = 0;
                                     shapeLocation = [];
                                     textLocation = [];
-                                    legendRectCollection = [];
                                     shapeX = startX;
                                     shapeY = startY;
                                 }
@@ -299,7 +297,6 @@ var Legend = /** @class */ (function () {
                                 if ((nextPositionX + shapePadding + legendTextSize.width) > legendWidth) {
                                     shapeX = startX;
                                     shapeY = startY;
-                                    legendRectCollection = [];
                                     textLocation = [];
                                     shapeLocation = [];
                                     this.getPageChanged();
@@ -366,9 +363,9 @@ var Legend = /** @class */ (function () {
      * Get the legend collections
      *
      * @param {number} layerIndex - Specifies the layer index
-     * @param {object[]} layerData - Specifies the layer data
+     * @param {any[]} layerData - Specifies the layer data
      * @param {ColorMappingSettings[]} colorMapping - Specifies the color mapping
-     * @param {object[]} dataSource - Specifies the data source
+     * @param {any[]} dataSource - Specifies the data source
      * @param {string} dataPath - Specifies the data path
      * @param {string} colorValuePath - Specifies the color value path
      * @param {string | string[]} propertyPath - Specifies the property path
@@ -410,6 +407,7 @@ var Legend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend shape and text.
+     *
      * @private
      */
     Legend.prototype.drawLegend = function () {
@@ -454,7 +452,7 @@ var Legend = /** @class */ (function () {
         }
     };
     /**
-     * @param {string} page - Specifies the legend page.
+     * @param {number} page - Specifies the legend page.
      * @returns {void}
      * @private
      */
@@ -478,8 +476,6 @@ var Legend = /** @class */ (function () {
                 var legendElement = render.createGroup({ id: map.element.id + '_Legend_Index_' + collection['idIndex'] });
                 var legendText = collection['DisplayText'];
                 var pagingArrowPadding = 4;
-                var shape = ((legend.type === 'Markers') ? ((isNullOrUndefined(collection['ImageSrc'])) ?
-                    legend.shape : 'Image') : collection['legendShape']);
                 var strokeColor = (legend.shape === 'HorizontalLine' || legend.shape === 'VerticalLine'
                     || legend.shape === 'Cross') ? isNullOrUndefined(legend.fill) ? '#000000' : legend.fill : shapeBorder.color;
                 var strokeWidth = (legend.shape === 'HorizontalLine' || legend.shape === 'VerticalLine'
@@ -864,9 +860,7 @@ var Legend = /** @class */ (function () {
             }
         }
     };
-    Legend.prototype.shapeHighLightAndSelection = function (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    targetElement, data, module, getValue, layerIndex) {
+    Legend.prototype.shapeHighLightAndSelection = function (targetElement, data, module, getValue, layerIndex) {
         if (data !== undefined) {
             this.updateLegendElement();
             this.shapeToggled = true;
@@ -1292,9 +1286,12 @@ var Legend = /** @class */ (function () {
         }
         if (legendTitle) {
             textStyle.color = (textStyle.color !== null) ? textStyle.color : this.maps.themeStyle.legendTitleFontColor;
-            textStyle.fontFamily = !isNullOrUndefined(textStyle.fontFamily) ? textStyle.fontFamily : this.maps.themeStyle.fontFamily;
-            textStyle.size = !isNullOrUndefined(textStyle.size) ? textStyle.size : this.maps.themeStyle.subTitleFontSize || Theme.legendTitleFont.size;
-            textStyle.fontWeight = !isNullOrUndefined(textStyle.fontWeight) ? textStyle.fontWeight : this.maps.themeStyle.titleFontWeight || Theme.legendTitleFont.fontWeight;
+            textStyle.fontFamily = !isNullOrUndefined(textStyle.fontFamily) ? textStyle.fontFamily
+                : this.maps.themeStyle.fontFamily;
+            textStyle.size = !isNullOrUndefined(textStyle.size) ? textStyle.size
+                : this.maps.themeStyle.subTitleFontSize || Theme.legendTitleFont.size;
+            textStyle.fontWeight = !isNullOrUndefined(textStyle.fontWeight) ? textStyle.fontWeight
+                : this.maps.themeStyle.titleFontWeight || Theme.legendTitleFont.fontWeight;
             textOptions = new TextOption(map.element.id + '_LegendTitle', (this.legendItemRect.x) + (this.legendItemRect.width / 2), this.legendItemRect.y - (textSize.height / 2) - spacing / 2, 'middle', trimTitle, '');
             var element = renderTextElement(textOptions, textStyle, textStyle.color, this.legendGroup);
             element.setAttribute('aria-label', legendTitle);
@@ -1398,7 +1395,6 @@ var Legend = /** @class */ (function () {
             var field = marker.legendText;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var templateFn;
-            var isDuplicate;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             Array.prototype.forEach.call(dataSource, function (data, dataIndex) {
                 var imageSrc = null;
@@ -1410,6 +1406,7 @@ var Legend = /** @class */ (function () {
                         var templateElement = templateFn(_this.maps);
                         var markerEle = isNullOrUndefined(templateElement.childElementCount) ? templateElement[0] :
                             templateElement;
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                         imageSrc = markerEle.querySelector('img').src;
                     }
                     var text = isNullOrUndefined(data[field]) ? '' : data[field];
@@ -1550,7 +1547,6 @@ var Legend = /** @class */ (function () {
         var equalValues = [];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var legendText;
-        var legendIndex = 0;
         var equalData = [];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var outOfRangeValues = [];
@@ -1593,7 +1589,6 @@ var Legend = /** @class */ (function () {
                 }
                 var legendFill = (isNullOrUndefined(fill)) ? Object.prototype.toString.call(colorMap.color) === '[object Array]'
                     ? colorMap.color[0] : colorMap.color : fill;
-                legendIndex++;
                 this_2.getOverallLegendItemsCollection(legendText, legendFill, equalData, colorMap.showLegend);
             }
             else if (isNullOrUndefined(colorMap.minOpacity) && isNullOrUndefined(colorMap.maxOpacity) && isNullOrUndefined(colorMap.value)
@@ -1609,7 +1604,6 @@ var Legend = /** @class */ (function () {
                     }
                 });
                 if (outOfRangeValues.length === 0) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var range_1 = false;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     Array.prototype.forEach.call(dataSource, function (data, dataIndex) {
@@ -1634,7 +1628,6 @@ var Legend = /** @class */ (function () {
                 var outfill = ((Object.prototype.toString.call(colorMap.color) === '[object Array]'))
                     ? colorMap.color[0] : colorMap.color;
                 var legendOutFill = outfill;
-                legendIndex++;
                 this_2.getOverallLegendItemsCollection(legendText, legendOutFill, outOfRange, colorMap.showLegend);
             }
         };
@@ -1851,7 +1844,12 @@ var Legend = /** @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ? this.maps.layers[k].shapeSettings.opacity : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[k].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width)
+                                            ? 0 : this.maps.layers[k].shapeSettings.border.width, 
+                                        /* eslint-disable-next-line max-len */
+                                        isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity)
+                                            ? this.maps.layers[k].shapeSettings.opacity
+                                            : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[k].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -1920,7 +1918,12 @@ var Legend = /** @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[j].shapeSettings.fill, this.maps.layers[j].shapeSettings.opacity, this.maps.layers[j].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[j].shapeSettings.border.width) ? 0 : this.maps.layers[j].shapeSettings.border.width, isNullOrUndefined(this.maps.layers[j].shapeSettings.border.opacity) ? this.maps.layers[j].shapeSettings.opacity : this.maps.layers[j].shapeSettings.border.opacity, this.maps.layers[j].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[j].shapeSettings.fill, this.maps.layers[j].shapeSettings.opacity, this.maps.layers[j].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[j].shapeSettings.border.width)
+                                            ? 0 : this.maps.layers[j].shapeSettings.border.width, 
+                                        /* eslint-disable-next-line max-len */
+                                        isNullOrUndefined(this.maps.layers[j].shapeSettings.border.opacity)
+                                            ? this.maps.layers[j].shapeSettings.opacity
+                                            : this.maps.layers[j].shapeSettings.border.opacity, this.maps.layers[j].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -1998,7 +2001,15 @@ var Legend = /** @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width), (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ? this.maps.layers[k].shapeSettings.opacity : this.maps.layers[k].shapeSettings.border.opacity), this.maps.layers[k].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[k].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[k].shapeSettings.border.color, 
+                                        /* eslint-disable-next-line max-len */
+                                        (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width)
+                                            ? 0
+                                            : this.maps.layers[k].shapeSettings.border.width), 
+                                        /* eslint-disable-next-line max-len */
+                                        (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity)
+                                            ? this.maps.layers[k].shapeSettings.opacity
+                                            : this.maps.layers[k].shapeSettings.border.opacity), this.maps.layers[k].shapeSettings.fill);
                                     }
                                 }
                             }
@@ -2069,7 +2080,13 @@ var Legend = /** @class */ (function () {
                                         this.setToggleAttributes(legendTextId, legendShapeId, legendToggleFill, legendToggleOpacity, legendToggleBorderColor, legendToggleBorderWidth, legendToggleBorderOpacity, legendToggleFill);
                                     }
                                     else {
-                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[0].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[0].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ? this.maps.layers[k].shapeSettings.opacity : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[0].shapeSettings.fill);
+                                        this.setToggleAttributes(legendTextId, legendShapeId, this.maps.layers[0].shapeSettings.fill, this.maps.layers[k].shapeSettings.opacity, this.maps.layers[0].shapeSettings.border.color, isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width)
+                                            ? 0
+                                            : this.maps.layers[k].shapeSettings.border.width, 
+                                        /* eslint-disable-next-line max-len */
+                                        isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity)
+                                            ? this.maps.layers[k].shapeSettings.opacity
+                                            : this.maps.layers[k].shapeSettings.border.opacity, this.maps.layers[0].shapeSettings.fill);
                                     }
                                 }
                             }

package/src/maps/layers/marker.d.ts

@@ -35,6 +35,7 @@ export declare class Marker {
     calculateZoomCenterPositionAndFactor(layersCollection: LayerSettings[]): void;
     /**
      * To check and trigger marker click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
      * @private
@@ -42,6 +43,7 @@ export declare class Marker {
     markerClick(e: PointerEvent): void;
     /**
      * To check and trigger Cluster click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
      * @private
@@ -51,7 +53,7 @@ export declare class Marker {
      * To get marker from target id
      *
      * @param {string} target - Specifies the target
-     * @returns {string} - Returns the string
+     * @returns {object} - Returns the marker, data, clusterCollection, markCollection
      */
     private getMarker;
     /**
@@ -70,7 +72,10 @@ export declare class Marker {
      * @private
      */
     markerClusterMouseMove(e: PointerEvent): void;
-    /** @private */
+    /** @private
+     *
+     * @returns {void}
+     */
     initializeMarkerClusterList(): void;
     /**
      * Get module name.

package/src/maps/layers/marker.js

@@ -58,6 +58,7 @@ var Marker = /** @class */ (function () {
                     border: markerSettings.border, colorValuePath: markerSettings.colorValuePath,
                     shapeValuePath: markerSettings.shapeValuePath, imageUrlValuePath: markerSettings.imageUrlValuePath
                 };
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 maps.trigger('markerRendering', eventArgs, function (MarkerArgs) {
                     eventArgs = markerColorChoose(eventArgs, data);
                     eventArgs = markerShapeChoose(eventArgs, data);
@@ -164,9 +165,6 @@ var Marker = /** @class */ (function () {
                 var maxLat_1;
                 var minLat_1;
                 var maxLong_1;
-                var latZoom = void 0;
-                var lngZoom = void 0;
-                var result = void 0;
                 var zoomLevel = void 0;
                 var centerLat = void 0;
                 var centerLong = void 0;
@@ -284,6 +282,7 @@ var Marker = /** @class */ (function () {
     };
     /**
      * To check and trigger marker click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
      * @private
@@ -304,7 +303,7 @@ var Marker = /** @class */ (function () {
             return;
         }
         if (options.marker.enableDrag) {
-            document.getElementById(this.maps.element.id + "_svg").style.cursor = 'grabbing';
+            document.getElementById(this.maps.element.id + '_svg').style.cursor = 'grabbing';
         }
         var eventArgs = {
             cancel: false, name: markerClick, data: options.data, maps: this.maps,
@@ -321,7 +320,7 @@ var Marker = /** @class */ (function () {
             var dataIndex_1 = parseInt(target.split('_dataIndex_')[1].split('_')[0], 10);
             var marker_1 = this.maps.layers[layerIndex].markerSettings[markerIndex];
             if (this.sameMarkerData.length > 0) {
-                isCluster = (this.sameMarkerData[0].data.filter(function (el) { return (el['index'] == dataIndex_1); })).length > 0 &&
+                isCluster = (this.sameMarkerData[0].data.filter(function (el) { return (el['index'] === dataIndex_1); })).length > 0 &&
                     this.sameMarkerData[0].layerIndex === layerIndex && this.sameMarkerData[0].markerIndex === markerIndex;
             }
             if (!isCluster) {
@@ -336,7 +335,8 @@ var Marker = /** @class */ (function () {
                     targetId: target, x: e.clientX, y: e.clientY,
                     latitude: options.data['latitude'] || options.data['Latitude'],
                     longitude: options.data['longitude'] || options.data['Longitude'],
-                    shape: isNullOrUndefined(marker_1.shapeValuePath) ? marker_1.shape : marker_1.dataSource[dataIndex_1][marker_1.shapeValuePath],
+                    shape: isNullOrUndefined(marker_1.shapeValuePath) ? marker_1.shape
+                        : marker_1.dataSource[dataIndex_1][marker_1.shapeValuePath],
                     layerIndex: layerIndex, markerIndex: markerIndex, dataIndex: dataIndex_1
                 };
             }
@@ -344,6 +344,7 @@ var Marker = /** @class */ (function () {
     };
     /**
      * To check and trigger Cluster click event
+     *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
      * @private
@@ -364,7 +365,7 @@ var Marker = /** @class */ (function () {
             }
             if (this.sameMarkerData.length > 0 && !this.maps.markerClusterExpandCheck) {
                 this.maps.markerClusterExpandCheck = true;
-                mergeSeparateCluster(this.sameMarkerData, this.maps, this.markerSVGObject);
+                mergeSeparateCluster(this.sameMarkerData, this.maps);
             }
             else {
                 this.sameMarkerData = options.clusterCollection;
@@ -384,7 +385,7 @@ var Marker = /** @class */ (function () {
      * To get marker from target id
      *
      * @param {string} target - Specifies the target
-     * @returns {string} - Returns the string
+     * @returns {object} - Returns the marker, data, clusterCollection, markCollection
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Marker.prototype.getMarker = function (target) {
@@ -453,7 +454,7 @@ var Marker = /** @class */ (function () {
             return;
         }
         if (options.marker.enableDrag) {
-            document.getElementById(this.maps.element.id + "_svg").style.cursor = isNullOrUndefined(this.maps.markerDragArgument) ?
+            document.getElementById(this.maps.element.id + '_svg').style.cursor = isNullOrUndefined(this.maps.markerDragArgument) ?
                 'pointer' : 'grabbing';
         }
         var eventArgs = {
@@ -487,7 +488,10 @@ var Marker = /** @class */ (function () {
         };
         this.maps.trigger(markerClusterMouseMove, eventArgs);
     };
-    /** @private */
+    /** @private
+     *
+     * @returns {void}
+     */
     Marker.prototype.initializeMarkerClusterList = function () {
         for (var i = 0; i < this.maps.layers.length; i++) {
             this.initialMarkerCluster[i] = [];

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

@@ -124,6 +124,7 @@ var NavigationLine = /** @class */ (function () {
                     pathOption = new PathOption(arcId, 'none', width, color, 1, 1, dashArray, d);
                     navigationEle = this.maps.renderer.drawPath(pathOption);
                     if (!isNullOrUndefined(arrowPosition)) {
+                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                         var position = (arrowPosition === 'Start') ? navigationEle.setAttribute('marker-start', startArrow)
                             : navigationEle.setAttribute('marker-end', endArrow);
                     }

package/src/maps/layers/polygon.js

@@ -3,8 +3,12 @@ import { PathOption, calculatePolygonPath, maintainSelection } from '../utils/he
  * When injected, this module will be used to render polygon shapes over the Maps.
  */
 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 */
     /**
      * To render polygon for maps
      *
@@ -23,7 +27,6 @@ var Polygon = /** @class */ (function () {
             var polygonSVGObject = maps.renderer.createGroup({
                 id: maps.element.id + '_LayerIndex_' + layerIndex + '_Polygons_Group_' + polygonIndex
             });
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var polygonData = polygonSetting.points;
             var path = calculatePolygonPath(maps, factor, currentLayer, polygonData);
             var pathOptions = new PathOption(maps.element.id + '_LayerIndex_' + layerIndex + '_PolygonIndex_' + polygonIndex, polygonSetting.fill, (polygonSetting.borderWidth / factor), polygonSetting.borderColor, polygonSetting.opacity, polygonSetting.borderOpacity, '', path);
@@ -48,6 +51,7 @@ var Polygon = /** @class */ (function () {
      * @returns {void}
      * @private
      */
+    //eslint-disable-next-line @typescript-eslint/no-empty-function
     Polygon.prototype.destroy = function () {
     };
     return Polygon;

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

@@ -1,4 +1,4 @@
-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';
 
 /**
@@ -386,17 +386,17 @@ export interface MapsModel extends ComponentModel{
     pan?: EmitType<IMapPanEventArgs>;
 
     /**
-    * 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>;
 
 }

package/src/maps/maps.d.ts

@@ -459,16 +459,16 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      */
     pan: EmitType<IMapPanEventArgs>;
     /**
-    * 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>;
     /**
      * Specifies the function to format the text contents in the maps.
@@ -799,11 +799,11 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * @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
      */
-    markerSelection(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, data: any): void;
+    markerSelection(selectionSettings: SelectionSettingsModel, map: Maps, targetElement: Element, data: object): void;
     /**
      * initial selection of marker
      *
@@ -920,7 +920,21 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private clickHandler;
     private triggerShapeSelection;
     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;
     private removeTileMap;
     /**
@@ -983,6 +997,8 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * 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}
      */
@@ -1122,6 +1138,8 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private isPolygonVisible;
     /**
      * To find marker visibility
+     *
+     * @returns {boolean} - Returns whether the bubble is visible or not.
      */
     private isBubbleVisible;
     /**
@@ -1165,7 +1183,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * @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.
      */
     private findVisibleLayers;
     /**