@syncfusion/ej2-maps 27.1.50 → 27.2.2

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.2.2
 *  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@27.1.48",
+  "_id": "@syncfusion/ej2-maps@27.1.56",
   "_inBundle": false,
-  "_integrity": "sha512-e/uUcXQfFkZoImZBrS5GO/Yudgwwm7IPwdp8tDxRSmTa9GjxVkwzkmu7ueYobIiS6za7pX0L/66LpgWAbeO5wQ==",
+  "_integrity": "sha512-IAVWYftjlNTABvcqvcz6R6CJR8eUhxcnZcTUpHBn3EXifrZwtk/Mf/tk6Xos2qLPl4vUhiInu2m/Nl/ckZhDbw==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-27.1.48.tgz",
-  "_shasum": "f1ba5d11b3af1626d8a508fa8685b5d9f0869264",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-27.1.56.tgz",
+  "_shasum": "e12db7a9908e35c7f168473c3c6d6e732ea45035",
   "_spec": "@syncfusion/ej2-maps@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -35,13 +35,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.50",
-    "@syncfusion/ej2-compression": "~27.1.50",
-    "@syncfusion/ej2-data": "~27.1.50",
-    "@syncfusion/ej2-file-utils": "~27.1.50",
-    "@syncfusion/ej2-pdf-export": "~27.1.50",
-    "@syncfusion/ej2-svg-base": "~27.1.50"
+    "@syncfusion/ej2-base": "~27.2.2",
+    "@syncfusion/ej2-buttons": "~27.2.2",
+    "@syncfusion/ej2-compression": "~27.2.2",
+    "@syncfusion/ej2-data": "~27.2.2",
+    "@syncfusion/ej2-file-utils": "~27.2.2",
+    "@syncfusion/ej2-pdf-export": "~27.2.2",
+    "@syncfusion/ej2-svg-base": "~27.2.2"
   },
   "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": "27.1.50",
+  "version": "27.2.2",
   "sideEffects": false
 }

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

@@ -126,7 +126,7 @@ export declare class Legend {
     removeLegendHighlightCollection(): void;
     removeLegendSelectionCollection(targetElement: Element): void;
     removeShapeHighlightCollection(): void;
-    shapeHighLightAndSelection(targetElement: Element, data: object, module: SelectionSettingsModel | HighlightSettingsModel, getValue: string, layerIndex: number): void;
+    shapeHighLightAndSelection(targetElement: Element, data: object, legendModule: SelectionSettingsModel | HighlightSettingsModel, getValue: string, layerIndex: number): void;
     private isTargetSelected;
     private updateLegendElement;
     private getIndexofLegend;

package/src/maps/layers/legend.js

@@ -724,13 +724,13 @@ var Legend = /** @class */ (function () {
                     && idIndex_1 === i) {
                     var layer = this.maps.layers[collection[i]['data'][0]['layerIndex']];
                     var enable = void 0;
-                    var module = void 0;
+                    var legendModule = void 0;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var data = void 0;
                     if (!isNullOrUndefined(layer)) {
                         enable = (value === 'selection') ? layer.selectionSettings.enable : layer.highlightSettings.enable;
-                        module = void 0;
-                        module = (value === 'selection') ? layer.selectionSettings : layer.highlightSettings;
+                        legendModule = void 0;
+                        legendModule = (value === 'selection') ? layer.selectionSettings : layer.highlightSettings;
                         data = collection[i]['data'];
                     }
                     if (enable) {
@@ -774,12 +774,12 @@ var Legend = /** @class */ (function () {
                                     var shapeOldColor = this.legendHighlightCollection[length - 1]['shapeOldFillColor'][shapeItemCount];
                                     var shapeOldFillOpacity = this.legendHighlightCollection[length - 1]['shapeOldOpacity'];
                                     this.shapePreviousColor = this.legendHighlightCollection[length - 1]['shapeOldFillColor'];
-                                    this.setColor(shapeElement, !isNullOrUndefined(module.fill) ? module.fill : shapeOldColor, isNullOrUndefined(module.opacity) ? shapeOldFillOpacity : module.opacity.toString(), module.border.color, module.border.width.toString(), 'highlight');
-                                    this.setColor(targetElement, !isNullOrUndefined(module.fill) ? module.fill : legendHighlightColor, isNullOrUndefined(module.opacity) ? shapeOldFillOpacity : module.opacity.toString(), module.border.color, module.border.width.toString(), 'highlight');
+                                    this.setColor(shapeElement, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : shapeOldColor, isNullOrUndefined(legendModule.opacity) ? shapeOldFillOpacity : legendModule.opacity.toString(), legendModule.border.color, legendModule.border.width.toString(), 'highlight');
+                                    this.setColor(targetElement, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : legendHighlightColor, isNullOrUndefined(legendModule.opacity) ? shapeOldFillOpacity : legendModule.opacity.toString(), legendModule.border.color, legendModule.border.width.toString(), 'highlight');
                                 }
                                 else if (value === 'selection') {
                                     this.legendHighlightCollection = [];
-                                    this.maps.legendSelectionClass = module;
+                                    this.maps.legendSelectionClass = legendModule;
                                     if (j === 0) {
                                         this.pushCollection(targetElement, this.maps.legendSelectionCollection, collection[i], layer.shapeSettings);
                                         if (multiSelectEnable) {
@@ -799,8 +799,8 @@ var Legend = /** @class */ (function () {
                                     var legendSelectionColor = this.maps.legendSelectionCollection[selectLength - 1]['legendOldFill'];
                                     this.maps.legendSelectionCollection[selectLength - 1]['MapShapeCollection']['Elements'].push(shapeElement);
                                     this.maps.legendSelectionCollection[selectLength - 1]['shapeOldFillColor'] = this.shapePreviousColor;
-                                    this.setColor(targetElement, !isNullOrUndefined(module.fill) ? module.fill : legendSelectionColor, module.opacity.toString(), module.border.color, module.border.width.toString(), 'selection');
-                                    this.setColor(shapeElement, !isNullOrUndefined(module.fill) ? module.fill : legendSelectionColor, module.opacity.toString(), module.border.color, module.border.width.toString(), 'selection');
+                                    this.setColor(targetElement, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : legendSelectionColor, legendModule.opacity.toString(), legendModule.border.color, legendModule.border.width.toString(), 'selection');
+                                    this.setColor(shapeElement, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : legendSelectionColor, legendModule.opacity.toString(), legendModule.border.color, legendModule.border.width.toString(), 'selection');
                                     if (this.maps.selectedElementId.indexOf(shapeElement.getAttribute('id')) === -1) {
                                         this.maps.selectedElementId.push(shapeElement.getAttribute('id'));
                                     }
@@ -898,7 +898,7 @@ var Legend = /** @class */ (function () {
             }
         }
     };
-    Legend.prototype.shapeHighLightAndSelection = function (targetElement, data, module, getValue, layerIndex) {
+    Legend.prototype.shapeHighLightAndSelection = function (targetElement, data, legendModule, getValue, layerIndex) {
         if (data !== undefined) {
             this.updateLegendElement();
             this.shapeToggled = true;
@@ -944,7 +944,7 @@ var Legend = /** @class */ (function () {
                     var selectionIndex = this.maps.selectedLegendElementId.indexOf(indexes['actualIndex']);
                     if (selectionIndex === -1) {
                         this.maps.selectedLegendElementId.push(indexes['actualIndex']);
-                        this.maps.legendSelectionClass = module;
+                        this.maps.legendSelectionClass = legendModule;
                     }
                     else {
                         if ((checkSelection <= 1) && (targetElement.getAttribute('class') === 'ShapeselectionMapStyle'
@@ -1010,13 +1010,13 @@ var Legend = /** @class */ (function () {
                             }
                             else if (j === length_1 - 1) {
                                 this.removeShapeHighlightCollection();
-                                this.setColor(legendShape, !isNullOrUndefined(module.fill) ? module.fill : legendShape.getAttribute('fill'), module.opacity.toString(), module.border.color, module.border.width.toString(), 'highlight');
+                                this.setColor(legendShape, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : legendShape.getAttribute('fill'), legendModule.opacity.toString(), legendModule.border.color, legendModule.border.width.toString(), 'highlight');
                             }
                         }
                     }
                     else {
                         this.removeShapeHighlightCollection();
-                        this.setColor(legendShape, !isNullOrUndefined(module.fill) ? module.fill : legendShape.getAttribute('fill'), !isNullOrUndefined(module.opacity) ? module.opacity.toString() : '1', module.border.color, module.border.width.toString(), 'highlight');
+                        this.setColor(legendShape, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : legendShape.getAttribute('fill'), !isNullOrUndefined(legendModule.opacity) ? legendModule.opacity.toString() : '1', legendModule.border.color, legendModule.border.width.toString(), 'highlight');
                     }
                 }
                 else if (getValue === 'selection') {
@@ -1026,7 +1026,7 @@ var Legend = /** @class */ (function () {
                         var j = 0;
                         while (j < this.maps.legendSelectionCollection.length) {
                             if (shapeElement['LegendEle'] !== this.maps.legendSelectionCollection[j]['legendElement'] &&
-                                !module.enableMultiSelect) {
+                                !legendModule.enableMultiSelect) {
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 var element = this.maps.legendSelectionCollection[j];
                                 var selectedLegendIndex = this.maps.selectedLegendElementId.indexOf(indexes['actualIndex']);
@@ -1044,14 +1044,14 @@ var Legend = /** @class */ (function () {
                     if (selectionEle && (selectionEle['IsSelected'] && (targetElement.getAttribute('class') === 'ShapeselectionMapStyle'
                         || targetElement.getAttribute('class') === 'LineselectionMapStyle'))) {
                         var multiSelection = 0;
-                        if (module.enableMultiSelect) {
+                        if (legendModule.enableMultiSelect) {
                             for (var i = 0; i < shapeElement['Elements'].length; i++) {
                                 if (targetElement.getAttribute('class') === shapeElement['Elements'][i].getAttribute('class')) {
                                     multiSelection++;
                                 }
                             }
                         }
-                        if (multiSelection <= 1 && (!module.enableMultiSelect ?
+                        if (multiSelection <= 1 && (!legendModule.enableMultiSelect ?
                             this.maps.legendSelection : true)) {
                             this.maps.selectedLegendElementId.splice(this.maps.selectedLegendElementId.indexOf(indexes['actualIndex']), 1);
                             if (!isNullOrUndefined(shapeElement['LegendEle'])) {
@@ -1078,10 +1078,10 @@ var Legend = /** @class */ (function () {
                         if (addId) {
                             this.maps.selectedLegendElementId.push(indexes['actualIndex']);
                         }
-                        this.maps.legendSelectionClass = module;
+                        this.maps.legendSelectionClass = legendModule;
                         this.removeLegend(this.shapeHighlightCollection);
                         if (!isNullOrUndefined(legendShape)) {
-                            this.setColor(legendShape, !isNullOrUndefined(module.fill) ? module.fill : legendShape.getAttribute('fill'), !isNullOrUndefined(module.opacity) ? module.opacity.toString() : '1', module.border.color, module.border.width.toString(), 'selection');
+                            this.setColor(legendShape, !isNullOrUndefined(legendModule.fill) ? legendModule.fill : legendShape.getAttribute('fill'), !isNullOrUndefined(legendModule.opacity) ? legendModule.opacity.toString() : '1', legendModule.border.color, legendModule.border.width.toString(), 'selection');
                             var legendSelectionIndex = this.getIndexofLegend(this.maps.legendSelectionCollection, legendShape);
                             this.maps.legendSelectionCollection[legendSelectionIndex]['MapShapeCollection']['Elements'].push(targetElement);
                         }

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

@@ -2092,7 +2092,8 @@ var Zoom = /** @class */ (function () {
         this.lastScale = 1;
         this.maps.element.style.cursor = 'auto';
         if (this.isPanModeEnabled && this.maps.zoomSettings.enablePanning && !isNullOrUndefined(this.maps.previousPoint) &&
-            (this.maps.translatePoint.x !== this.maps.previousPoint.x && this.maps.translatePoint.y !== this.maps.previousPoint.y)) {
+            (!this.maps.isTileMap ? (this.maps.translatePoint.x !== this.maps.previousPoint.x && this.maps.translatePoint.y !== this.maps.previousPoint.y)
+                : this.isPanningInProgress)) {
             var pageX = void 0;
             var pageY = void 0;
             var layerX = 0;
@@ -2144,6 +2145,7 @@ var Zoom = /** @class */ (function () {
             this.maps.trigger('panComplete', panCompleteEventArgs);
         }
         this.isPanModeEnabled = false;
+        this.isPanningInProgress = false;
         var zoomRectElement = getElementByID(this.maps.element.id + '_Selection_Rect_Zooming');
         if (zoomRectElement && this.maps.zoomSettings.enable && this.maps.zoomSettings.enableSelectionZooming) {
             remove(zoomRectElement);