@syncfusion/ej2-maps 24.2.4 → 25.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.4
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@24.2.3",
+  "_id": "@syncfusion/ej2-maps@16.42.7",
   "_inBundle": false,
-  "_integrity": "sha512-BaaTF4jeFZlhezCjeUOzd7aQM/3otxJo5NGf/qauIMwrYjSq22pdOPme89Ptnu64FW3tEua9lUxZ5R3dGOK16g==",
+  "_integrity": "sha512-NlcqBKvee5acIzRhuW6lTfmKVWkT3FvyKs3eSTanBYPLHOgQ2RvL7o3QCH0YhoqWHtSm/DlwKxR9ZN2qqv7//g==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-24.2.3.tgz",
-  "_shasum": "8d7d8c62ba2b21ab6c14b3f5a2e37cb3fdbdbd23",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-maps/-/ej2-maps-16.42.7.tgz",
+  "_shasum": "fc9aee98313d4f59d93909fbcb1bbe912d0a2ce2",
   "_spec": "@syncfusion/ej2-maps@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,13 +35,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
-    "@syncfusion/ej2-buttons": "~24.2.3",
-    "@syncfusion/ej2-compression": "~24.2.3",
-    "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-file-utils": "~24.2.3",
-    "@syncfusion/ej2-pdf-export": "~24.2.3",
-    "@syncfusion/ej2-svg-base": "~24.2.3"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-buttons": "~25.1.35",
+    "@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-svg-base": "~25.1.35"
   },
   "deprecated": false,
   "description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options",
@@ -93,6 +93,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.4",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/maps/layers/bubble.js

@@ -224,10 +224,10 @@ var Bubble = /** @class */ (function () {
     Bubble.prototype.getbubble = function (target) {
         var id = target.split('_LayerIndex_');
         var index = parseInt(id[1].split('_')[0], 10);
-        var layer = this.maps.layers[index];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var data;
         if (target.indexOf('_BubbleIndex_') > -1) {
+            var layer = this.maps.layers[index];
             var bubbleIndex = parseInt(id[1].split('_BubbleIndex_')[1], 10);
             var dataIndex = parseInt(id[1].split('_BubbleIndex_')[1].split('_dataIndex_')[1], 10);
             if (!isNaN(bubbleIndex)) {
@@ -277,8 +277,7 @@ var Bubble = /** @class */ (function () {
      */
     Bubble.prototype.destroy = function () {
         this.bubbleCollection = [];
-        //TODO: Calling the below code throws spec issue.
-        //this.maps = null;
+        this.maps = null;
     };
     return Bubble;
 }());

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

@@ -4,7 +4,6 @@ import { ShapeSettingsModel, ColorMappingSettingsModel, ColorValue } from '../in
  * ColorMapping class
  */
 export declare class ColorMapping {
-    private maps;
     constructor(maps: Maps);
     /**
      * To get color based on shape settings.

package/src/maps/layers/color-mapping.js

@@ -6,7 +6,6 @@ import { getValueFromObject } from '../utils/helper';
  */
 var ColorMapping = /** @class */ (function () {
     function ColorMapping(maps) {
-        this.maps = maps;
     }
     /**
      * To get color based on shape settings.

package/src/maps/layers/data-label.js

@@ -1,4 +1,4 @@
-import { findMidPointOfPolygon, Rect, filter, getTemplateFunction, getZoomTranslate, getTranslate, RectOption, convertElementFromLabel, Point, TextOption, renderTextElement, textTrim, measureText, Internalize } from '../utils/helper';
+import { findMidPointOfPolygon, Rect, filter, getTemplateFunction, getZoomTranslate, getTranslate, RectOption, convertElementFromLabel, Point, TextOption, renderTextElement, textTrim, Internalize, measureTextElement } from '../utils/helper';
 import { isNullOrUndefined, Animation, animationMode } from '@syncfusion/ej2-base';
 import { dataLabelRendering } from '../model/constants';
 import { Theme } from '../model/theme';
@@ -83,7 +83,7 @@ var DataLabel = /** @class */ (function () {
         var locationY;
         style.fontFamily = this.maps.theme.toLowerCase() !== 'material' ? this.maps.themeStyle.labelFontFamily : style.fontFamily;
         style.fontWeight = style.fontWeight || this.maps.themeStyle.fontWeight || Theme.dataLabelFont.fontWeight;
-        shape = shapes['property'];
+        shape = !isNullOrUndefined(shapes) ? shapes['property'] : null;
         var properties = (Object.prototype.toString.call(layer.shapePropertyPath) === '[object Array]' ?
             layer.shapePropertyPath : [layer.shapePropertyPath]);
         var propertyPath;
@@ -115,7 +115,7 @@ var DataLabel = /** @class */ (function () {
         datasrcObj = this.getDataLabel(
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         layer.dataSource, layer.shapeDataPath, shapeData['properties'][propertyPath], layer.shapeDataPath);
-        if (!isNullOrUndefined(shapes['property'])) {
+        if (!isNullOrUndefined(shapes) && !isNullOrUndefined(shapes['property'])) {
             shapePoint = [[]];
             if (!layerData[index]['_isMultiPolygon'] && layerData[index]['type'] !== 'Point' && layerData[index]['type'] !== 'MultiPoint') {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -218,13 +218,13 @@ var DataLabel = /** @class */ (function () {
                 if (eventargs_1.text !== text && !eventargs_1.cancel) {
                     text = eventargs_1.text;
                 }
-                var textSize = measureText(text, style);
+                var textSize = measureTextElement(text, style);
                 var trimmedLable = text;
                 var elementSize = textSize;
-                var startY = location['y'] - textSize['height'] / 4;
-                var endY = location['y'] + textSize['height'] / 4;
-                var start = ((location['y'] + transPoint['y']) * scale) - textSize['height'] / 4;
-                var end = ((location['y'] + transPoint['y']) * scale) + textSize['height'] / 4;
+                var startY = location['y'] - textSize['height'] / 2;
+                var endY = location['y'] + textSize['height'] / 2;
+                var start = ((location['y'] + transPoint['y']) * scale) - textSize['height'] / 2;
+                var end = ((location['y'] + transPoint['y']) * scale) + textSize['height'] / 2;
                 position = filter(shapePoint[midIndex], startY, endY);
                 if (!isPoint && position.length > 5 && (shapeData['geometry']['type'] !== 'MultiPolygon') &&
                     (shapeData['type'] !== 'MultiPolygon')) {
@@ -265,8 +265,8 @@ var DataLabel = /** @class */ (function () {
                     if (dataLabelSettings.smartLabelMode === 'Trim') {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         var textType = typeof text === 'number' ? text.toString() : text;
-                        trimmedLable = textTrim(width, textType, style);
-                        elementSize = measureText(trimmedLable, style);
+                        trimmedLable = textTrim(width, textType, style, null, true);
+                        elementSize = measureTextElement(trimmedLable, style);
                         options = new TextOption(labelId, textLocation.x, textLocation.y, 'middle', trimmedLable, '', '');
                     }
                     if (dataLabelSettings.smartLabelMode === 'None') {
@@ -307,19 +307,19 @@ var DataLabel = /** @class */ (function () {
                                     if (_this.value[index]['leftWidth'] > intersect[j]['leftWidth']) {
                                         width = intersect[j]['rightWidth'] - _this.value[index]['leftWidth'];
                                         difference = width - (_this.value[index]['rightWidth'] - _this.value[index]['leftWidth']);
-                                        trimmedLable = textTrim(difference, text, style);
+                                        trimmedLable = textTrim(difference, text, style, null, true);
                                         break;
                                     }
                                     if (_this.value[index]['leftWidth'] < intersect[j]['leftWidth']) {
                                         width = _this.value[index]['rightWidth'] - intersect[j]['leftWidth'];
                                         difference = Math.abs(width - (_this.value[index]['rightWidth'] - _this.value[index]['leftWidth']));
-                                        trimmedLable = textTrim(difference, text, style);
+                                        trimmedLable = textTrim(difference, text, style, null, true);
                                         break;
                                     }
                                 }
                             }
                         }
-                        elementSize = measureText(trimmedLable, style);
+                        elementSize = measureTextElement(trimmedLable, style);
                         intersect.push(_this.value[index]);
                         options = new TextOption(labelId, textLocation.x, (textLocation.y), 'middle', trimmedLable, '', '');
                     }
@@ -353,6 +353,8 @@ var DataLabel = /** @class */ (function () {
                         }
                     }
                     element = renderTextElement(options, style, style.color || _this.maps.themeStyle.dataLabelFontColor, group);
+                    element.setAttribute('aria-label', text);
+                    element.setAttribute('role', 'region');
                     element.setAttribute('visibility', layer.dataLabelSettings.animationDuration > 0 || animationMode === 'Enable' ? 'hidden' : 'visibile');
                     if (zoomLabelsPosition && scaleZoomValue > 1 && !_this.maps.zoomNotApplied) {
                         element.setAttribute('transform', 'translate( ' + ((location['x'] + labelArgs.offsetX)) + ' '
@@ -362,7 +364,7 @@ var DataLabel = /** @class */ (function () {
                     }
                     else {
                         element.setAttribute('transform', 'translate( ' + (((location['x'] + transPoint.x) * scale) + labelArgs.offsetX) + ' '
-                            + ((((location['y'] + transPoint.y) * scale) + (elementSize.height / 4)) + labelArgs.offsetY) + ' )');
+                            + ((((location['y'] + transPoint.y) * scale) + (elementSize.height / 2)) + labelArgs.offsetY) + ' )');
                     }
                     group.appendChild(element);
                 }
@@ -412,16 +414,16 @@ var DataLabel = /** @class */ (function () {
     DataLabel.prototype.getPoint = function (shapes, points) {
         if (shapes['type'] === 'MultiLineString') {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            shapes.map(function (current) {
+            Array.prototype.forEach.call(shapes, function (current) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                current.map(function (shape) {
+                Array.prototype.forEach.call(current, function (shape) {
                     points.push(new Point(shape['point']['x'], shape['point']['y']));
                 });
             });
         }
         else {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            shapes.map(function (current) {
+            Array.prototype.forEach.call(shapes, function (current) {
                 points.push(new Point(current['point']['x'], current['point']['y']));
             });
         }

package/src/maps/layers/layer-panel.js

@@ -167,8 +167,10 @@ var LayerPanel = /** @class */ (function () {
         else if (panel.mapObject.defaultState) {
             panel.mapObject.previousZoomFactor = panel.mapObject.tileZoomLevel;
             panel.mapObject.tileZoomLevel = zoomFactorValue;
-            panel.mapObject.tileTranslatePoint.x = 0;
-            panel.mapObject.tileTranslatePoint.y = 0;
+            if (!isNullOrUndefined(panel.mapObject.tileTranslatePoint)) {
+                panel.mapObject.tileTranslatePoint.x = 0;
+                panel.mapObject.tileTranslatePoint.y = 0;
+            }
         }
         if (zoomFactorValue <= 1 && !isNullOrUndefined(panel.mapObject.height) && !panel.mapObject.zoomSettings.shouldZoomInitially
             && (panel.mapObject.tileZoomLevel === panel.mapObject.tileZoomScale) && this.mapObject.initialCheck) {
@@ -176,8 +178,10 @@ var LayerPanel = /** @class */ (function () {
         }
         if (!isNullOrUndefined(panel.mapObject.centerLatOfGivenLocation) && !isNullOrUndefined(panel.mapObject.centerLongOfGivenLocation) &&
             panel.mapObject.zoomNotApplied) {
-            centerTileMap.y = panel.mapObject.centerLatOfGivenLocation;
-            centerTileMap.x = panel.mapObject.centerLongOfGivenLocation;
+            if (!isNullOrUndefined(centerTileMap)) {
+                centerTileMap.y = panel.mapObject.centerLatOfGivenLocation;
+                centerTileMap.x = panel.mapObject.centerLongOfGivenLocation;
+            }
             panel.mapObject.tileZoomLevel = panel.mapObject.mapScaleValue = panel.mapObject.scaleOfGivenLocation;
         }
         panel.mapObject.tileTranslatePoint = panel.panTileMap(panel.mapObject.availableSize.width, panel.mapObject.availableSize.height, centerTileMap);
@@ -188,8 +192,10 @@ var LayerPanel = /** @class */ (function () {
             var padding = this.mapObject.layers[this.mapObject.baseLayerIndex].layerType !== 'GoogleStaticMap' ?
                 20 : 0;
             var totalSize = Math.pow(2, this.mapObject.initialZoomLevel) * 256;
-            this.mapObject.initialTileTranslate.x = (this.mapObject.availableSize.width / 2) - (totalSize / 2);
-            this.mapObject.initialTileTranslate.y = (this.mapObject.availableSize.height / 2) - (totalSize / 2) + padding;
+            if (!isNullOrUndefined(this.mapObject.initialTileTranslate)) {
+                this.mapObject.initialTileTranslate.x = (this.mapObject.availableSize.width / 2) - (totalSize / 2);
+                this.mapObject.initialTileTranslate.y = (this.mapObject.availableSize.height / 2) - (totalSize / 2) + padding;
+            }
         }
         panel.generateTiles(panel.mapObject.tileZoomLevel, panel.mapObject.tileTranslatePoint, null, bing);
         if (!isNullOrUndefined(panel.mapObject.previousZoomFactor)
@@ -708,7 +714,7 @@ var LayerPanel = /** @class */ (function () {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var intersect_1 = [];
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            renderData.map(function (currentShapeData, i) {
+            Array.prototype.forEach.call(renderData, function (currentShapeData, i) {
                 _this.renderLabel(_this.currentLayer, layerIndex, currentShapeData, group, i, labelTemplateEle, intersect_1);
             });
             this.groupElements.push(group);

package/src/maps/layers/legend.js

@@ -442,7 +442,9 @@ var Legend = /** @class */ (function () {
                 textOptions = new TextOption(textId, textLocation.x, textLocation.y, 'middle', item['text'], '', '');
                 textFont.fontFamily = !isNullOrUndefined(textFont.fontFamily) ? textFont.fontFamily : this.maps.themeStyle.fontFamily;
                 textFont.size = map.themeStyle.legendFontSize || textFont.size;
-                renderTextElement(textOptions, textFont, textFont.color, this.legendGroup);
+                var element = renderTextElement(textOptions, textFont, textFont.color, this.legendGroup);
+                element.setAttribute('aria-label', item['text']);
+                element.setAttribute('role', 'region');
                 this.legendGroup.appendChild(render.drawRectangle(rectOptions));
                 this.legendToggle();
             }
@@ -519,7 +521,9 @@ var Legend = /** @class */ (function () {
                     legendText = trimmedText;
                 }
                 textOptions = new TextOption(textId, textLocation.x, textLocation.y, 'start', legendText, '', '');
-                renderTextElement(textOptions, legendTextStyle, legendTextStyle.color, legendElement);
+                var element = renderTextElement(textOptions, legendTextStyle, legendTextStyle.color, legendElement);
+                element.setAttribute('aria-label', legendText);
+                element.setAttribute('role', 'region');
                 this.legendGroup.appendChild(legendElement);
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (i === (this.totalPages[page]['Collection'].length - 1)) {
@@ -595,6 +599,8 @@ var Legend = /** @class */ (function () {
                         };
                         var pagingTextElement = render.createText(pageTextOptions, pagingText);
                         pagingTextElement.style.cssText = 'user-select: none;';
+                        pagingTextElement.setAttribute('aria-label', pagingText);
+                        pagingTextElement.setAttribute('role', 'region');
                         pagingGroup.appendChild(pagingTextElement);
                         this.legendGroup.appendChild(pagingGroup);
                     }
@@ -1290,7 +1296,9 @@ var Legend = /** @class */ (function () {
             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, '');
-            renderTextElement(textOptions, textStyle, textStyle.color, this.legendGroup);
+            var element = renderTextElement(textOptions, textStyle, textStyle.color, this.legendGroup);
+            element.setAttribute('aria-label', legendTitle);
+            element.setAttribute('role', 'region');
         }
     };
     Legend.prototype.changeNextPage = function (e) {

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

@@ -8,6 +8,8 @@ export declare class Marker {
     private isMarkerExplode;
     private trackElements;
     private markerSVGObject;
+    initialMarkerCluster: number[][][];
+    zoomedMarkerCluster: number[][][];
     /**
      * @private
      */
@@ -68,6 +70,8 @@ export declare class Marker {
      * @private
      */
     markerClusterMouseMove(e: PointerEvent): void;
+    /** @private */
+    initializeMarkerClusterList(): void;
     /**
      * Get module name.
      *

package/src/maps/layers/marker.js

@@ -11,6 +11,8 @@ var Marker = /** @class */ (function () {
         this.maps = maps;
         this.trackElements = [];
         this.sameMarkerData = [];
+        this.initialMarkerCluster = [];
+        this.zoomedMarkerCluster = [];
     }
     Marker.prototype.markerRender = function (maps, layerElement, layerIndex, factor, type) {
         var _this = this;
@@ -43,12 +45,11 @@ var Marker = /** @class */ (function () {
                 getZoomTranslate(maps, currentLayer, allowAnimation) :
                 getTranslate(maps, currentLayer, allowAnimation);
         }
-        var _loop_1 = function (markerIndex) {
-            var markerSettings = currentLayer.markerSettings[markerIndex];
+        Array.prototype.forEach.call(currentLayer.markerSettings, function (markerSettings, markerIndex) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var markerData = markerSettings.dataSource;
-            var _loop_2 = function (dataIndex) {
-                var data = markerData[dataIndex];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            Array.prototype.forEach.call(markerData, function (data, dataIndex) {
                 maps.markerNullCount = markerIndex > 0 && dataIndex === 0 ? 0 : maps.markerNullCount;
                 var eventArgs = {
                     cancel: false, name: markerRendering, fill: markerSettings.fill, height: markerSettings.height,
@@ -122,15 +123,8 @@ var Marker = /** @class */ (function () {
                         }
                     }
                 });
-            };
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            for (var dataIndex = 0; dataIndex < markerData.length; dataIndex++) {
-                _loop_2(dataIndex);
-            }
-        };
-        for (var markerIndex = 0; markerIndex < currentLayer.markerSettings.length; markerIndex++) {
-            _loop_1(markerIndex);
-        }
+            });
+        });
     };
     /**
      * To find zoom level for individual layers like India, USA.
@@ -493,6 +487,13 @@ var Marker = /** @class */ (function () {
         };
         this.maps.trigger(markerClusterMouseMove, eventArgs);
     };
+    /** @private */
+    Marker.prototype.initializeMarkerClusterList = function () {
+        for (var i = 0; i < this.maps.layers.length; i++) {
+            this.initialMarkerCluster[i] = [];
+            this.zoomedMarkerCluster[i] = [];
+        }
+    };
     /**
      * Get module name.
      *
@@ -512,6 +513,8 @@ var Marker = /** @class */ (function () {
         this.trackElements = [];
         this.markerSVGObject = null;
         this.sameMarkerData = [];
+        this.initialMarkerCluster = [];
+        this.zoomedMarkerCluster = [];
     };
     return Marker;
 }());

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

@@ -3,7 +3,6 @@ import { Maps } from '../../index';
  * When injected, this module will be used to render polygon shapes over the Maps.
  */
 export declare class Polygon {
-    private maps;
     constructor(maps: Maps);
     /**
      * To render polygon for maps

package/src/maps/layers/polygon.js

@@ -4,7 +4,6 @@ import { PathOption, calculatePolygonPath, maintainSelection } from '../utils/he
  */
 var Polygon = /** @class */ (function () {
     function Polygon(maps) {
-        this.maps = maps;
     }
     /**
      * To render polygon for maps
@@ -16,7 +15,6 @@ var Polygon = /** @class */ (function () {
      * @private
      */
     Polygon.prototype.polygonRender = function (maps, layerIndex, factor) {
-        var _this = this;
         var currentLayer = maps.layersCollection[layerIndex];
         var polygonsSVGObject = maps.renderer.createGroup({
             id: maps.element.id + '_LayerIndex_' + layerIndex + '_Polygons_Group'
@@ -30,7 +28,7 @@ var Polygon = /** @class */ (function () {
             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);
             var polygonEle = maps.renderer.drawPath(pathOptions);
-            maintainSelection(_this.maps.selectedPolygonElementId, _this.maps.polygonSelectionClass, polygonEle, 'PolygonselectionMapStyle');
+            maintainSelection(maps.selectedPolygonElementId, maps.polygonSelectionClass, polygonEle, 'PolygonselectionMapStyle');
             polygonSVGObject.appendChild(polygonEle);
             polygonsSVGObject.appendChild(polygonSVGObject);
         });
@@ -51,7 +49,6 @@ var Polygon = /** @class */ (function () {
      * @private
      */
     Polygon.prototype.destroy = function () {
-        this.maps = null;
     };
     return Polygon;
 }());

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

@@ -385,4 +385,18 @@ export interface MapsModel extends ComponentModel{
      */
     pan?: EmitType<IMapPanEventArgs>;
 
+    /**
+    * 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
+    */
+    zoomComplete?: EmitType<IMapPanEventArgs>;
+
 }

package/src/maps/maps.d.ts

@@ -458,6 +458,18 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * @event pan
      */
     pan: EmitType<IMapPanEventArgs>;
+    /**
+    * 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
+    */
+    zoomComplete: EmitType<IMapPanEventArgs>;
     /**
      * Specifies the function to format the text contents in the maps.
      *
@@ -660,7 +672,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     zoomNotApplied: boolean;
     /** @public */
     dataLabelShape: number[];
-    zoomShapeCollection: object[];
+    zoomShapeCollection: string[];
     zoomLabelPositions: object[];
     mouseDownEvent: Object;
     mouseClickEvent: Object;
@@ -909,7 +921,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     private triggerShapeSelection;
     private getMarkerClickLocation;
     /** @private */
-    getClickLocation(targetId: string, pageX: number, pageY: number, targetElement: HTMLElement, x: number, y: number): GeoPosition;
+    getClickLocation(targetId: string, pageX: number, pageY: number, targetElement: HTMLElement, x: number, y: number, type?: string): GeoPosition;
     private removeTileMap;
     /**
      * This method is used to perform operations when mouse click on maps.