@syncfusion/ej2-maps 20.4.54 → 21.1.37

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

@@ -93,5 +93,6 @@ export declare namespace DarkTheme {
  *
  * @param {MapsTheme} theme - Specifies the theme.
  * @returns {IThemeStyle} - Returns the theme style.
+ * @private
  */
 export declare function getThemeStyle(theme: MapsTheme): IThemeStyle;

package/src/maps/model/theme.js

@@ -305,6 +305,7 @@ export var DarkTheme;
  *
  * @param {MapsTheme} theme - Specifies the theme.
  * @returns {IThemeStyle} - Returns the theme style.
+ * @private
  */
 export function getThemeStyle(theme) {
     var style;

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

@@ -8,6 +8,8 @@ export declare class Annotations {
     renderAnnotationElements(): void;
     /**
      * To create annotation elements
+     *
+     * @private
      */
     createAnnotationTemplate(parentElement: HTMLElement, annotation: Annotation, annotationIndex: number): void;
     protected getModuleName(): string;

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

@@ -29,6 +29,8 @@ var Annotations = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To create annotation elements
+     *
+     * @private
      */
     Annotations.prototype.createAnnotationTemplate = function (parentElement, annotation, annotationIndex) {
         var _this = this;

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

@@ -24,6 +24,7 @@ export declare class Highlight {
     private removeEventListener;
     /**
      * Public method for highlight module
+     * @private
      */
     addHighlight(layerIndex: number, name: string, enable: boolean): void;
     private mouseMove;

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

@@ -36,6 +36,7 @@ var Highlight = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * Public method for highlight module
+     * @private
      */
     Highlight.prototype.addHighlight = function (layerIndex, name, enable) {
         var targetEle = getTargetElement(layerIndex, name, enable, this.maps);

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

@@ -33,6 +33,7 @@ export declare class Selection {
     selectElement(targetElement: Element, layerIndex: number, data: any, shapeData: any): void;
     /**
      * Public method for selection
+     * @private
      */
     addSelection(layerIndex: number, name: string, enable: boolean): void;
     /**

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

@@ -110,6 +110,7 @@ var Selection = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * Public method for selection
+     * @private
      */
     Selection.prototype.addSelection = function (layerIndex, name, enable) {
         var targetElement = getTargetElement(layerIndex, name, enable, this.maps);

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

@@ -12,8 +12,14 @@ export declare class MapsTooltip {
     private isTouch;
     private tooltipId;
     private clearTimeout;
+    /**
+     * @private
+     */
     tooltipTargetID: string;
     constructor(maps: Maps);
+    /**
+     * @private
+     */
     renderTooltip(e: PointerEvent): void;
     /**
      * To get content for the current toolitp
@@ -24,13 +30,23 @@ export declare class MapsTooltip {
      */
     private setTooltipContent;
     private formatter;
+    /**
+     * @private
+     */
     mouseUpHandler(e: PointerEvent): void;
+    /**
+     * @private
+     */
     removeTooltip(): boolean;
     private clearTooltip;
     /**
      * To bind events for tooltip module
+     * @private
      */
     addEventListener(): void;
+    /**
+     * @private
+     */
     removeEventListener(): void;
     /**
      * Get module name.

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

@@ -1,6 +1,6 @@
 import { tooltipRender } from '../index';
 import { Tooltip } from '@syncfusion/ej2-svg-base';
-import { createElement, Browser, isNullOrUndefined, extend, remove } from '@syncfusion/ej2-base';
+import { createElement, Browser, isNullOrUndefined, extend, remove, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { getMousePosition, Internalize, checkPropertyPath, getValueFromObject, formatValue, convertStringToValue } from '../utils/helper';
 import { click } from '../model/constants';
 /**
@@ -12,6 +12,9 @@ var MapsTooltip = /** @class */ (function () {
         this.tooltipId = this.maps.element.id + '_mapsTooltip';
         this.addEventListener();
     }
+    /**
+     * @private
+     */
     MapsTooltip.prototype.renderTooltip = function (e) {
         var _this = this;
         var pageX;
@@ -33,6 +36,10 @@ 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);
+        }
         var option;
         var currentData = '';
         var targetId = target.id;
@@ -48,7 +55,7 @@ var MapsTooltip = /** @class */ (function () {
         this.tooltipTargetID = targetId;
         var istooltipRender = (targetId.indexOf('_shapeIndex_') > -1)
             || (targetId.indexOf('_MarkerIndex_') > -1) || (targetId.indexOf('_BubbleIndex_') > -1);
-        if (istooltipRender) {
+        if (istooltipRender && this.maps.markerDragArgument === null) {
             if (targetId.indexOf('_shapeIndex_') > -1) {
                 option = layer.tooltipSettings;
                 var shape = parseInt(targetId.split('_shapeIndex_')[1].split('_')[0], 10);
@@ -200,8 +207,8 @@ var MapsTooltip = /** @class */ (function () {
                             header: '',
                             data: option['data'],
                             template: option['template'],
-                            content: tooltipArgs.content.toString() !== currentData.toString() ? [tooltipArgs.content.toString()] :
-                                [currentData.toString()],
+                            content: tooltipArgs.content.toString() !== currentData.toString() ? [SanitizeHtmlHelper.sanitize(tooltipArgs.content.toString())] :
+                                [SanitizeHtmlHelper.sanitize(currentData.toString())],
                             shapes: [],
                             location: option['location'],
                             palette: [markerFill],
@@ -217,8 +224,8 @@ var MapsTooltip = /** @class */ (function () {
                             header: '',
                             data: tooltipArgs.options['data'],
                             template: tooltipArgs.options['template'],
-                            content: tooltipArgs.content.toString() !== currentData.toString() ? [tooltipArgs.content.toString()] :
-                                [currentData.toString()],
+                            content: tooltipArgs.content.toString() !== currentData.toString() ? [SanitizeHtmlHelper.sanitize(tooltipArgs.content.toString())] :
+                                [SanitizeHtmlHelper.sanitize(currentData.toString())],
                             shapes: [],
                             location: tooltipArgs.options['location'],
                             palette: [markerFill],
@@ -308,6 +315,9 @@ var MapsTooltip = /** @class */ (function () {
         }
         return format;
     };
+    /**
+     * @private
+     */
     MapsTooltip.prototype.mouseUpHandler = function (e) {
         this.renderTooltip(e);
         if (this.maps.tooltipDisplayMode === 'MouseMove') {
@@ -315,6 +325,9 @@ var MapsTooltip = /** @class */ (function () {
             this.clearTimeout = setTimeout(this.removeTooltip.bind(this), 2000);
         }
     };
+    /**
+     * @private
+     */
     MapsTooltip.prototype.removeTooltip = function () {
         var isTooltipRemoved = false;
         if (document.getElementsByClassName('EJ2-maps-Tooltip').length > 0) {
@@ -333,6 +346,7 @@ var MapsTooltip = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To bind events for tooltip module
+     * @private
      */
     MapsTooltip.prototype.addEventListener = function () {
         if (this.maps.isDestroyed) {
@@ -350,6 +364,9 @@ var MapsTooltip = /** @class */ (function () {
         this.maps.on(Browser.touchCancelEvent, this.removeTooltip, this);
         this.maps.element.addEventListener('contextmenu', this.removeTooltip);
     };
+    /**
+     * @private
+     */
     MapsTooltip.prototype.removeEventListener = function () {
         if (this.maps) {
             if (this.maps.isDestroyed) {

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

@@ -7,50 +7,75 @@ import { PanDirection } from '../utils/enum';
  */
 export declare class Zoom {
     private maps;
+    /** @private */
     toolBarGroup: Element;
     private currentToolbarEle;
+    /** @private */
     zoomingRect: Rect;
+    /** @private */
     selectionColor: string;
     private fillColor;
     private zoomElements;
     private panElements;
+    /** @private */
     isPanning: boolean;
+    /** @private */
     mouseEnter: boolean;
+    /** @private */
     baseTranslatePoint: Point;
     private wheelEvent;
     private cancelEvent;
+    /** @private */
     currentScale: number;
+    /** @private */
     isTouch: boolean;
+    /** @private */
     rectZoomingStart: boolean;
+    /** @private */
     touchStartList: ITouches[] | TouchList;
+    /** @private */
     touchMoveList: ITouches[] | TouchList;
+    /** @private */
     previousTouchMoveList: ITouches[] | TouchList;
+    /** @private */
     mouseDownPoints: Point;
+    /** @private */
     mouseMovePoints: Point;
+    /** @private */
     isDragZoom: boolean;
+    /** @private */
     currentLayer: LayerSettings;
     private panColor;
+    private clearTimeout;
+    /** @private */
     zoomColor: string;
+    /** @private */
     browserName: string;
+    /** @private */
     isPointer: Boolean;
     private handled;
     private fingers;
+    /** @private */
     firstMove: boolean;
+    private isPan;
+    private isZoomFinal;
+    private isZoomSelection;
     private interaction;
     private lastScale;
     private pinchFactor;
     private startTouches;
     private zoomshapewidth;
     private index;
+    /** @private */
     intersect: any[];
     private templateCount;
     private distanceX;
     private distanceY;
+    /** @private */
     mouseDownLatLong: any;
+    /** @private */
     mouseMoveLatLong: any;
-    /**
-     * @private
-     */
+    /** @private */
     isSingleClick: boolean;
     /** @private */
     layerCollectionEle: Element;
@@ -62,15 +87,25 @@ export declare class Zoom {
      * @param {number} newZoomFactor - Specifies the zoom factor.
      * @param {string} type - Specifies the type.
      * @returns {void}
+     * @private
      */
     performZooming(position: Point, newZoomFactor: number, type: string): void;
     private calculateInitalZoomTranslatePoint;
     private triggerZoomEvent;
     private getTileTranslatePosition;
+    /**
+     * @private
+     */
     performRectZooming(): void;
     private setInteraction;
     private updateInteraction;
+    /**
+     * @private
+     */
     performPinchZooming(e: PointerEvent | TouchEvent): void;
+    /**
+     * @private
+     */
     drawZoomRectangle(): void;
     /**
      * To animate the zooming process
@@ -83,6 +118,9 @@ export declare class Zoom {
      * @returns {void}
      */
     private animateTransform;
+    /**
+     * @private
+     */
     applyTransform(maps: Maps, animate?: boolean): void;
     private markerTranslates;
     /**
@@ -109,8 +147,17 @@ export declare class Zoom {
      */
     panning(direction: PanDirection, xDifference: number, yDifference: number, mouseLocation?: PointerEvent | TouchEvent | KeyboardEvent): void;
     private toAlignSublayer;
+    /**
+     * @private
+     */
     toolBarZooming(zoomFactor: number, type: string): void;
+    /**
+     * @private
+     */
     createZoomingToolbars(): void;
+    /**
+     * @private
+     */
     performToolBarAction(e: PointerEvent): void;
     /**
      * @param {string} type - Specifies the type.
@@ -120,9 +167,30 @@ export declare class Zoom {
     performZoomingByToolBar(type: string): void;
     private panningStyle;
     private applySelection;
+    /**
+     * @private
+     */
     showTooltip(e: PointerEvent): void;
+    /**
+     * @private
+     */
     removeTooltip(): void;
+    /**
+     * @private
+     */
     alignToolBar(): void;
+    /**
+     * @private
+     */
+    removeToolbarOpacity(factor: number, id: string): void;
+    private setOpacity;
+    private removeZoomOpacity;
+    /**
+     * @private
+     */
+    removeToolbarClass(zoomClassStyle: string, zoomInClassStyle: string, zoomOutClassStyle: string, panClassStyle: string, resetClassStyle: string): void;
+    private removePanColor;
+    private removeZoomColor;
     /**
      * To bind events.
      *
@@ -132,21 +200,49 @@ export declare class Zoom {
      * @private
      */
     wireEvents(element: Element, process: any): void;
+    /**
+     * @private
+     */
     mapMouseWheel(e: WheelEvent): void;
+    /**
+     * @private
+     */
     doubleClick(e: PointerEvent): void;
+    /**
+     * @private
+     */
     mouseDownHandler(e: PointerEvent | TouchEvent): void;
+    /**
+     * @private
+     */
     mouseMoveHandler(e: PointerEvent | TouchEvent): void;
+    /**
+     * @private
+     */
     mouseUpHandler(e: PointerEvent | TouchEvent): void;
+    /**
+     * @private
+     */
     mouseCancelHandler(e: PointerEvent): void;
     /**
      * To handle the click event for maps.
      *
      * @param {PointerEvent} e - Specifies the pointer event.
      * @returns {void}
+     * @private
      */
     click(e: PointerEvent): void;
+    /**
+     * @private
+     */
     getMousePosition(pageX: number, pageY: number): Point;
+    /**
+     * @private
+     */
     addEventListener(): void;
+    /**
+     * @private
+     */
     removeEventListener(): void;
     /**
      * Get module name.