@syncfusion/ej2-maps 25.2.4 → 25.2.5

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

@@ -398,6 +398,13 @@ export declare class TooltipSettings extends ChildProperty<TooltipSettings> {
      * @default null
      */
     valuePath: string;
+    /**
+     * Specifies the value within which the tooltip will be removed on a mobile device. The value represents time in milliseconds.
+     * If the value is set to 0, the tooltip will not be removed. If the value is set to greater than 0, the tooltip will be removed at the specified time.
+     *
+     * @default 2000
+     */
+    duration: number;
 }
 /**
  * Specifies the properties such as visibility, fill, border and text style to customize the tooltip.
@@ -423,6 +430,13 @@ export declare class PolygonTooltipSettings extends ChildProperty<PolygonTooltip
      * Gets or sets the font properties of the text content of the tooltip element of the polygon shape.
      */
     textStyle: FontModel;
+    /**
+     * Specifies the value within which the tooltip will be removed on a mobile device. The value represents time in milliseconds.
+     * If the value is set to 0, the tooltip will not be removed. If the value is set to greater than 0, the tooltip will be removed at the specified time.
+     *
+     * @default 2000
+     */
+    duration: number;
 }
 /**
  * Gets or sets the options to customize the margin of the maps.
@@ -1717,8 +1731,8 @@ export declare class LayerSettings extends ChildProperty<LayerSettings> {
     type: Type;
     /**
      * Gets or sets the geometry type for the layer in maps. There are two types: Geographic and Normal.
-     * * Geographic type renders the shape maps with geographical coordinate system.
-     * * Normal type renders the shape maps using default coordinate system.
+     * - Geographic type renders the shape maps with geographical coordinate system.
+     * - Normal type renders the shape maps using default coordinate system.
      *
      * @default Geographic
      */

package/src/maps/model/base.js

@@ -300,6 +300,9 @@ var TooltipSettings = /** @class */ (function (_super) {
     __decorate([
         Property(null)
     ], TooltipSettings.prototype, "valuePath", void 0);
+    __decorate([
+        Property(2000)
+    ], TooltipSettings.prototype, "duration", void 0);
     return TooltipSettings;
 }(ChildProperty));
 export { TooltipSettings };
@@ -323,6 +326,9 @@ var PolygonTooltipSettings = /** @class */ (function (_super) {
     __decorate([
         Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
     ], PolygonTooltipSettings.prototype, "textStyle", void 0);
+    __decorate([
+        Property(2000)
+    ], PolygonTooltipSettings.prototype, "duration", void 0);
     return PolygonTooltipSettings;
 }(ChildProperty));
 export { PolygonTooltipSettings };
@@ -1155,7 +1161,7 @@ export { MarkerBase };
  */
 var MarkerSettings = /** @class */ (function (_super) {
     __extends(MarkerSettings, _super);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     function MarkerSettings(parent, propName, defaultValue, isArray) {
         return _super.call(this, parent, propName, defaultValue, isArray) || this;
     }

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

@@ -203,21 +203,17 @@ export declare const zoomComplete: string;
 export declare const itemHighlight: string;
 /**
  * Specifies the maps before print event name.
- *
  */
 export declare const beforePrint: string;
 /**
  * Specifies the maps zoom in event name.
- *
  */
 export declare const zoomIn: string;
 /**
  * Specifies the maps zoom out event name.
- *
  */
 export declare const zoomOut: string;
 /**
  * Specifies the maps pan event name.
- *
  */
 export declare const pan: string;

package/src/maps/model/constants.js

@@ -203,21 +203,17 @@ export var zoomComplete = 'zoomComplete';
 export var itemHighlight = 'itemHighlight';
 /**
  * Specifies the maps before print event name.
- *
  */
 export var beforePrint = 'beforePrint';
 /**
  * Specifies the maps zoom in event name.
- *
  */
 export var zoomIn = 'zoomIn';
 /**
  * Specifies the maps zoom out event name.
- *
  */
 export var zoomOut = 'zoomOut';
 /**
  * Specifies the maps pan event name.
- *
  */
 export var pan = 'pan';

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

@@ -65,7 +65,8 @@ export interface ILoadedEventArgs extends IMinMaxLatitudeLongitude, IMapsEventAr
  * Specifies the event argument of the load event in maps.
  */
 export interface ILoadEventArgs extends IMapsEventArgs {
-    /** Defines the current maps instance.
+    /**
+     * Defines the current maps instance.
      *
 
      */

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

@@ -6,13 +6,13 @@ import { Maps } from '../../index';
  */
 export declare class Print {
     /**
-     * Constructor for Maps
+     * Constructor for Maps.
      *
      * @param {Maps} control - Specifies the instance of the Maps
      */
     constructor(control: Maps);
     /**
-     * To print the Maps
+     * To print the Maps.
      *
      * @param {Maps} maps -Specifies the Maps instance.
      * @param {string[] | string | Element} elements - Specifies the element of the Maps
@@ -21,7 +21,7 @@ export declare class Print {
      */
     print(maps: Maps, elements?: string[] | string | Element): void;
     /**
-     * To get the html string of the Maps
+     * To get the html string of the Maps.
      *
      * @param {Maps} maps -Specifies the Maps instance.
      * @param {string[] | string | Element} elements - Specifies the html element

package/src/maps/model/print.js

@@ -8,7 +8,7 @@ import { beforePrint } from '../model/constants';
  */
 var Print = /** @class */ (function () {
     /**
-     * Constructor for Maps
+     * Constructor for Maps.
      *
      * @param {Maps} control - Specifies the instance of the Maps
      */
@@ -16,7 +16,7 @@ var Print = /** @class */ (function () {
     function Print(control) {
     }
     /**
-     * To print the Maps
+     * To print the Maps.
      *
      * @param {Maps} maps -Specifies the Maps instance.
      * @param {string[] | string | Element} elements - Specifies the element of the Maps
@@ -38,7 +38,7 @@ var Print = /** @class */ (function () {
         });
     };
     /**
-     * To get the html string of the Maps
+     * To get the html string of the Maps.
      *
      * @param {Maps} maps -Specifies the Maps instance.
      * @param {string[] | string | Element} elements - Specifies the html element

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

@@ -89,7 +89,7 @@ export declare namespace DarkTheme {
     const legendLabelFont: IFontMapping;
 }
 /**
- * Method to get the theme style
+ * Method to get the theme style.
  *
  * @param {MapsTheme} theme - Specifies the theme.
  * @returns {IThemeStyle} - Returns the theme style.

package/src/maps/model/theme.js

@@ -309,7 +309,7 @@ export var DarkTheme;
     };
 })(DarkTheme || (DarkTheme = {}));
 /**
- * Method to get the theme style
+ * Method to get the theme style.
  *
  * @param {MapsTheme} theme - Specifies the theme.
  * @returns {IThemeStyle} - Returns the theme style.

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

@@ -7,13 +7,12 @@ export declare class Annotations {
     constructor(map: Maps);
     renderAnnotationElements(): void;
     /**
-     * To create annotation elements
+     * 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
      */
     createAnnotationTemplate(parentElement: HTMLElement, annotation: Annotation, annotationIndex: number): void;

package/src/maps/user-interaction/annotation.js

@@ -27,13 +27,12 @@ var Annotations = /** @class */ (function () {
         this.map.renderReactTemplates();
     };
     /**
-     * To create annotation elements
+     * To create annotation elements.
      *
      * @param {HTMLElement} parentElement - Specifies the parent element in the map.
      * @param {Annotation} annotation -  Specifies the options for customizing the annotation element in maps.
      * @param {number} annotationIndex - Specifies the index of the annotation.
      * @returns {void}
-     *
      * @private
      */
     Annotations.prototype.createAnnotationTemplate = function (parentElement, annotation, annotationIndex) {

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

@@ -11,19 +11,19 @@ export declare class Highlight {
     highlightSettings: HighlightSettingsModel;
     constructor(maps: Maps);
     /**
-     * To bind events for highlight module
+     * To bind events for highlight module.
      *
      * @returns {void}
      */
     private addEventListener;
     /**
-     * To unbind events for highlight module
+     * To unbind events for highlight module.
      *
      * @returns {void}
      */
     private removeEventListener;
     /**
-     * Public method for highlight module
+     * Public method for highlight module.
      *
      * @param {number} layerIndex - Specifies the index of the layer.
      * @param {string} name - Specifies the name.
@@ -34,7 +34,7 @@ export declare class Highlight {
     addHighlight(layerIndex: number, name: string, enable: boolean): void;
     private mouseMove;
     /**
-     * Handles the highlighting events in map
+     * Handles the highlighting events in map.
      *
      * @param {Element} targetElement - Specifies the target element.
      * @param {number} layerIndex - Specifies the index of the layer.

package/src/maps/user-interaction/highlight.js

@@ -10,7 +10,7 @@ var Highlight = /** @class */ (function () {
         this.addEventListener();
     }
     /**
-     * To bind events for highlight module
+     * To bind events for highlight module.
      *
      * @returns {void}
      */
@@ -22,7 +22,7 @@ var Highlight = /** @class */ (function () {
         this.maps.on(Browser.touchStartEvent, this.mouseMove, this);
     };
     /**
-     * To unbind events for highlight module
+     * To unbind events for highlight module.
      *
      * @returns {void}
      */
@@ -34,7 +34,7 @@ var Highlight = /** @class */ (function () {
         this.maps.off(Browser.touchStartEvent, this.mouseMove);
     };
     /**
-     * Public method for highlight module
+     * Public method for highlight module.
      *
      * @param {number} layerIndex - Specifies the index of the layer.
      * @param {string} name - Specifies the name.
@@ -146,7 +146,7 @@ var Highlight = /** @class */ (function () {
         }
     };
     /**
-     * Handles the highlighting events in map
+     * Handles the highlighting events in map.
      *
      * @param {Element} targetElement - Specifies the target element.
      * @param {number} layerIndex - Specifies the index of the layer.

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

@@ -15,20 +15,20 @@ export declare class Selection {
     selectionType: string;
     constructor(maps: Maps);
     /**
-     * For binding events to selection module
+     * For binding events to selection module.
      *
      * @returns {void}
      */
     private addEventListener;
     /**
-     * For removing events from selection modue
+     * For removing events from selection module.
      *
      * @returns {void}
      */
     private removeEventListener;
     private mouseClick;
     /**
-     * Selects the element in the map
+     * Selects the element in the map.
      *
      * @param {Element} targetElement - Specifies the target element.
      * @param {number} layerIndex - Specifies the index of the layer.
@@ -39,7 +39,7 @@ export declare class Selection {
      */
     selectElement(targetElement: Element, layerIndex: number, data: object, shapeData: object): void;
     /**
-     * Public method for selection
+     * Public method for selection.
      *
      * @param {number} layerIndex - Specifies the index of the layer.
      * @param {string} name - Specifies the name.
@@ -49,7 +49,7 @@ export declare class Selection {
      */
     addSelection(layerIndex: number, name: string, enable: boolean): void;
     /**
-     * Method for selection
+     * Method for selection.
      *
      * @param {Element} targetElement - Specifies the target element
      * @param {any} shapeData - Specifies the shape data

package/src/maps/user-interaction/selection.js

@@ -10,7 +10,7 @@ var Selection = /** @class */ (function () {
         this.addEventListener();
     }
     /**
-     * For binding events to selection module
+     * For binding events to selection module.
      *
      * @returns {void}
      */
@@ -20,7 +20,7 @@ var Selection = /** @class */ (function () {
         }
     };
     /**
-     * For removing events from selection modue
+     * For removing events from selection module.
      *
      * @returns {void}
      */
@@ -99,7 +99,7 @@ var Selection = /** @class */ (function () {
         }
     };
     /**
-     * Selects the element in the map
+     * Selects the element in the map.
      *
      * @param {Element} targetElement - Specifies the target element.
      * @param {number} layerIndex - Specifies the index of the layer.
@@ -120,7 +120,7 @@ var Selection = /** @class */ (function () {
         }
     };
     /**
-     * Public method for selection
+     * Public method for selection.
      *
      * @param {number} layerIndex - Specifies the index of the layer.
      * @param {string} name - Specifies the name.
@@ -138,7 +138,7 @@ var Selection = /** @class */ (function () {
         }
     };
     /**
-     * Method for selection
+     * Method for selection.
      *
      * @param {Element} targetElement - Specifies the target element
      * @param {any} shapeData - Specifies the shape data

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

@@ -11,7 +11,7 @@ export declare class MapsTooltip {
     svgTooltip: Tooltip;
     private isTouch;
     private tooltipId;
-    private clearTimeout;
+    private tooltipTimer;
     /**
      * @private
      */
@@ -24,7 +24,7 @@ export declare class MapsTooltip {
      */
     renderTooltip(e: PointerEvent): void;
     /**
-     * To get content for the current toolitp
+     * To get content for the current toolitp.
      *
      * @param {TooltipSettingsModel} options - Specifies the options for rendering tooltip
      * @param {any} templateData - Specifies the template data
@@ -33,7 +33,7 @@ export declare class MapsTooltip {
     private setTooltipContent;
     private formatter;
     /**
-     * Handles the mouse up
+     * Handles the mouse up.
      *
      * @param {PointerEvent} e - Specifies the event
      * @returns {void}
@@ -41,7 +41,7 @@ export declare class MapsTooltip {
      */
     mouseUpHandler(e: PointerEvent): void;
     /**
-     * Removes the tooltip
+     * Removes the tooltip.
      *
      * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
@@ -49,14 +49,14 @@ export declare class MapsTooltip {
     removeTooltip(): boolean;
     private clearTooltip;
     /**
-     * To bind events for tooltip module
+     * To bind events for tooltip module.
      *
      * @returns {void}
      * @private
      */
     addEventListener(): void;
     /**
-     * Removes the event listeners
+     * Removes the event listeners.
      *
      * @returns {void}
      * @private

package/src/maps/user-interaction/tooltip.js

@@ -36,10 +36,6 @@ var MapsTooltip = /** @class */ (function () {
             pageY = e.pageY;
             target = e.target;
         }
-        if (this.maps.isDevice) {
-            clearTimeout(this.clearTimeout);
-            this.clearTimeout = setTimeout(this.removeTooltip.bind(this), 2000);
-        }
         if (target.id.indexOf(this.maps.element.id) === -1) {
             var ancestor = target.closest('.' + this.maps.element.id + '_marker_template_element');
             if (!isNullOrUndefined(ancestor) && ancestor.id.indexOf('_MarkerIndex_') > -1) {
@@ -206,9 +202,11 @@ var MapsTooltip = /** @class */ (function () {
                 // eslint-disable-next-line no-constant-condition
                 if (typeof (isPolygon ? polygon.tooltipTemplate !== 'function' : option.template !== 'function') && (isPolygon ? polygon.tooltipTemplate !== null : option.template !== null) && Object.keys(typeof (isPolygon ? polygon.tooltipTemplate === 'object' : option.template === 'object') ? (isPolygon ? polygon.tooltipTemplate : option.template) : {}).length === 1) {
                     if (isPolygon) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         polygon.tooltipTemplate = polygon.tooltipTemplate[Object.keys(polygon.tooltipTemplate)[0]];
                     }
                     else {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         option.template = option.template[Object.keys(option.template)[0]];
                     }
                 }
@@ -293,6 +291,15 @@ var MapsTooltip = /** @class */ (function () {
                             _this.svgTooltip.appendTo(tooltipEle);
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             _this.maps.renderReactTemplates();
+                            if (_this.maps.isDevice) {
+                                var timer = targetId.indexOf('_MarkerIndex_') > -1 || targetId.indexOf('_BubbleIndex_') > -1
+                                    || targetId.indexOf('_shapeIndex_') > -1 ? option.duration : polygonTooltipOption.duration;
+                                timer = (!isNullOrUndefined(timer) && timer > 0) ? timer : (timer < 0) ? 2000 : null;
+                                if (timer !== null) {
+                                    clearTimeout(_this.tooltipTimer);
+                                    _this.tooltipTimer = setTimeout(_this.removeTooltip.bind(_this), timer);
+                                }
+                            }
                         }
                         else {
                             _this.clearTooltip(e.target);
@@ -329,7 +336,7 @@ var MapsTooltip = /** @class */ (function () {
         }
     };
     /**
-     * To get content for the current toolitp
+     * To get content for the current toolitp.
      *
      * @param {TooltipSettingsModel} options - Specifies the options for rendering tooltip
      * @param {any} templateData - Specifies the template data
@@ -363,7 +370,7 @@ var MapsTooltip = /** @class */ (function () {
         return format;
     };
     /**
-     * Handles the mouse up
+     * Handles the mouse up.
      *
      * @param {PointerEvent} e - Specifies the event
      * @returns {void}
@@ -373,13 +380,13 @@ var MapsTooltip = /** @class */ (function () {
         if (!isNullOrUndefined(this.maps)) {
             this.renderTooltip(e);
             if (this.maps.tooltipDisplayMode === 'MouseMove') {
-                clearTimeout(this.clearTimeout);
-                this.clearTimeout = setTimeout(this.removeTooltip.bind(this), 2000);
+                clearTimeout(this.tooltipTimer);
+                this.tooltipTimer = setTimeout(this.removeTooltip.bind(this), 2000);
             }
         }
     };
     /**
-     * Removes the tooltip
+     * Removes the tooltip.
      *
      * @returns {boolean} - Returns the boolean whether tooltip is removed or not.
      * @private
@@ -404,7 +411,7 @@ var MapsTooltip = /** @class */ (function () {
         }
     };
     /**
-     * To bind events for tooltip module
+     * To bind events for tooltip module.
      *
      * @returns {void}
      * @private
@@ -426,7 +433,7 @@ var MapsTooltip = /** @class */ (function () {
         this.maps.element.addEventListener('contextmenu', this.removeTooltip);
     };
     /**
-     * Removes the event listeners
+     * Removes the event listeners.
      *
      * @returns {void}
      * @private

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

@@ -57,6 +57,8 @@ export declare class Zoom {
     private fingers;
     /** @private */
     firstMove: boolean;
+    /** @private */
+    isPanningInProgress: boolean;
     private isPan;
     private isZoomFinal;
     private isZoomSelection;
@@ -77,7 +79,7 @@ export declare class Zoom {
     layerCollectionEle: Element;
     constructor(maps: Maps);
     /**
-     * To perform zooming for maps
+     * To perform zooming for maps.
      *
      * @param {Point} position - Specifies the position.
      * @param {number} newZoomFactor - Specifies the zoom factor.
@@ -110,7 +112,7 @@ export declare class Zoom {
      */
     drawZoomRectangle(): void;
     /**
-     * To animate the zooming process
+     * To animate the zooming process.
      *
      * @param {Element} element - Specifies the element
      * @param {boolean} animate - Specifies the boolean value
@@ -130,7 +132,7 @@ export declare class Zoom {
     applyTransform(maps: Maps, animate?: boolean, isPanning?: boolean): void;
     private markerTranslates;
     /**
-     * To translate the layer template elements
+     * To translate the layer template elements.
      *
      * @param {number} x - Specifies the x value
      * @param {number} y - Specifies the y value
@@ -269,7 +271,7 @@ export declare class Zoom {
      */
     click(e: PointerEvent): void;
     /**
-     * Gets the Mouse Position
+     * Gets the Mouse Position.
      *
      * @param {number} pageX - Specifies the Page x in map
      * @param {number} pageY - Specifies the Page y in map

package/src/maps/user-interaction/zoom.js

@@ -25,6 +25,8 @@ var Zoom = /** @class */ (function () {
         /** @private */
         this.isPointer = Browser.isPointer;
         this.handled = false;
+        /** @private */
+        this.isPanningInProgress = false;
         this.isPan = false;
         this.isZoomFinal = false;
         this.isZoomSelection = false;
@@ -47,7 +49,7 @@ var Zoom = /** @class */ (function () {
         this.addEventListener();
     }
     /**
-     * To perform zooming for maps
+     * To perform zooming for maps.
      *
      * @param {Point} position - Specifies the position.
      * @param {number} newZoomFactor - Specifies the zoom factor.
@@ -475,7 +477,7 @@ var Zoom = /** @class */ (function () {
         }
     };
     /**
-     * To animate the zooming process
+     * To animate the zooming process.
      *
      * @param {Element} element - Specifies the element
      * @param {boolean} animate - Specifies the boolean value
@@ -513,6 +515,7 @@ var Zoom = /** @class */ (function () {
         var y = maps.translatePoint.y;
         var currentLabelIndex = 0;
         maps.zoomShapeCollection = [];
+        this.isPanningInProgress = isPanning || false;
         if (document.getElementById(maps.element.id + '_mapsTooltip')) {
             removeElement(maps.element.id + '_mapsTooltip');
         }
@@ -556,7 +559,7 @@ var Zoom = /** @class */ (function () {
                             }
                         }
                         else if (currentEle.id.indexOf('_Markers_Group') > -1) {
-                            if ((!this_1.isPanModeEnabled) && !isNullOrUndefined(currentEle.childNodes[0])) {
+                            if ((!this_1.isPanModeEnabled || !isPanning) && !isNullOrUndefined(currentEle.childNodes[0])) {
                                 this_1.markerTranslates(currentEle.childNodes[0], factor_1, x, y, scale, 'Marker', layerElement);
                             }
                             currentEle = layerElement.childNodes[j];
@@ -823,7 +826,7 @@ var Zoom = /** @class */ (function () {
         });
     };
     /**
-     * To translate the layer template elements
+     * To translate the layer template elements.
      *
      * @param {number} x - Specifies the x value
      * @param {number} y - Specifies the y value
@@ -1546,10 +1549,15 @@ var Zoom = /** @class */ (function () {
                 break;
             case 'zoomin':
                 map.staticMapZoom = map.tileZoomLevel;
-                if (map.staticMapZoom > 0 && map.staticMapZoom < 22) {
+                if (map.staticMapZoom > 0 && map.staticMapZoom < map.zoomSettings.maxZoom) {
                     map.staticMapZoom += 1;
                 }
-                this.toolBarZooming((map.isTileMap ? map.tileZoomLevel : map.scale) + 1, 'ZoomIn');
+                if (map.isTileMap && map.tileZoomLevel >= map.zoomSettings.minZoom && map.tileZoomLevel < map.zoomSettings.maxZoom) {
+                    this.toolBarZooming(map.tileZoomLevel + 1, 'ZoomIn');
+                }
+                else if (!map.isTileMap) {
+                    this.toolBarZooming(map.scale + 1, 'ZoomIn');
+                }
                 scale = this.maps.isTileMap ? Math.round(this.maps.tileZoomLevel) : Math.round(this.maps.mapScaleValue);
                 if (!this.isZoomSelection) {
                     if (scale === map.zoomSettings.maxZoom || scale > 1 || (scale === 1 && this.maps.isTileMap)) {
@@ -1909,9 +1917,14 @@ var Zoom = /** @class */ (function () {
                     -(e.detail) / 3 > 0 ? 'ZoomIn' : 'ZoomOut' : (e.wheelDelta / 120) > 0 ? 'ZoomIn' : 'ZoomOut';
                 if (direction === 'ZoomIn') {
                     map.mapScaleValue = value + delta;
-                    map.staticMapZoom = map.tileZoomLevel;
-                    if (map.staticMapZoom > 0 && map.staticMapZoom < staticMaxZoomLevel) {
-                        map.staticMapZoom += 1;
+                    if (map.isTileMap) {
+                        map.staticMapZoom = map.tileZoomLevel;
+                        if (map.staticMapZoom > 0 && map.staticMapZoom < staticMaxZoomLevel) {
+                            map.staticMapZoom += 1;
+                            this.performZooming(position, (value + delta), direction);
+                        }
+                    }
+                    else {
                         this.performZooming(position, (value + delta), direction);
                     }
                 }
@@ -2195,7 +2208,7 @@ var Zoom = /** @class */ (function () {
         }
     };
     /**
-     * Gets the Mouse Position
+     * Gets the Mouse Position.
      *
      * @param {number} pageX - Specifies the Page x in map
      * @param {number} pageY - Specifies the Page y in map