@syncfusion/ej2-maps 27.1.50 → 27.2.2

package/dist/es6/ej2-maps.es5.js

@@ -12670,13 +12670,13 @@ var Legend = /** @__PURE__ @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) {
@@ -12720,12 +12720,12 @@ var Legend = /** @__PURE__ @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) {
@@ -12745,8 +12745,8 @@ var Legend = /** @__PURE__ @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'));
                                     }
@@ -12844,7 +12844,7 @@ var Legend = /** @__PURE__ @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;
@@ -12890,7 +12890,7 @@ var Legend = /** @__PURE__ @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'
@@ -12956,13 +12956,13 @@ var Legend = /** @__PURE__ @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') {
@@ -12972,7 +12972,7 @@ var Legend = /** @__PURE__ @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']);
@@ -12990,14 +12990,14 @@ var Legend = /** @__PURE__ @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'])) {
@@ -13024,10 +13024,10 @@ var Legend = /** @__PURE__ @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);
                         }
@@ -17493,7 +17493,8 @@ var Zoom = /** @__PURE__ @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;
@@ -17545,6 +17546,7 @@ var Zoom = /** @__PURE__ @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);