@syncfusion/ej2-maps 27.1.50 → 27.2.2

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

@@ -12335,13 +12335,13 @@ class Legend {
                     && idIndex === i) {
                     const layer = this.maps.layers[collection[i]['data'][0]['layerIndex']];
                     let enable;
-                    let module;
+                    let legendModule;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     let data;
                     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) {
@@ -12385,12 +12385,12 @@ class Legend {
                                     const shapeOldColor = this.legendHighlightCollection[length - 1]['shapeOldFillColor'][shapeItemCount];
                                     const 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) {
@@ -12410,8 +12410,8 @@ class Legend {
                                     const 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'));
                                     }
@@ -12509,7 +12509,7 @@ class Legend {
             }
         }
     }
-    shapeHighLightAndSelection(targetElement, data, module, getValue, layerIndex) {
+    shapeHighLightAndSelection(targetElement, data, legendModule, getValue, layerIndex) {
         if (data !== undefined) {
             this.updateLegendElement();
             this.shapeToggled = true;
@@ -12555,7 +12555,7 @@ class Legend {
                     const 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'
@@ -12621,13 +12621,13 @@ class Legend {
                             }
                             else if (j === length - 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') {
@@ -12637,7 +12637,7 @@ class Legend {
                         let 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
                                 const element = this.maps.legendSelectionCollection[j];
                                 const selectedLegendIndex = this.maps.selectedLegendElementId.indexOf(indexes['actualIndex']);
@@ -12655,14 +12655,14 @@ class Legend {
                     if (selectionEle && (selectionEle['IsSelected'] && (targetElement.getAttribute('class') === 'ShapeselectionMapStyle'
                         || targetElement.getAttribute('class') === 'LineselectionMapStyle'))) {
                         let multiSelection = 0;
-                        if (module.enableMultiSelect) {
+                        if (legendModule.enableMultiSelect) {
                             for (let 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'])) {
@@ -12689,10 +12689,10 @@ class Legend {
                         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');
                             const legendSelectionIndex = this.getIndexofLegend(this.maps.legendSelectionCollection, legendShape);
                             this.maps.legendSelectionCollection[legendSelectionIndex]['MapShapeCollection']['Elements'].push(targetElement);
                         }
@@ -17115,7 +17115,8 @@ class Zoom {
         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)) {
             let pageX;
             let pageY;
             let layerX = 0;
@@ -17167,6 +17168,7 @@ class Zoom {
             this.maps.trigger('panComplete', panCompleteEventArgs);
         }
         this.isPanModeEnabled = false;
+        this.isPanningInProgress = false;
         const zoomRectElement = getElementByID(this.maps.element.id + '_Selection_Rect_Zooming');
         if (zoomRectElement && this.maps.zoomSettings.enable && this.maps.zoomSettings.enableSelectionZooming) {
             remove(zoomRectElement);