@syncfusion/ej2-maps 23.1.38 → 23.1.42

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

@@ -1106,11 +1106,14 @@ function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerC
         while (0 < clusterGroup.childNodes.length) {
             markerCollection.insertBefore(clusterGroup.childNodes[0], markerCollection.firstChild);
         }
-        if (check) {
-            layerElement.appendChild(markerCollection);
+        if (!check) {
+            getElementByID(maps.element.id + '_Secondary_Element').appendChild(markerCollection);
+        }
+        var element = document.getElementById(maps.element.id + '_LayerIndex_' + layerIndex + '_Polygon_Group');
+        if (isNullOrUndefined(element)) {
+            layerElement.insertBefore(markerCollection, layerElement.firstChild);
         }
         else {
-            getElementByID(maps.element.id + '_Secondary_Element').appendChild(markerCollection);
             layerElement.appendChild(markerCollection);
         }
         var markerCluster = document.getElementById(maps.element.id + '_LayerIndex_' + layerIndex + '_markerCluster');
@@ -1119,7 +1122,11 @@ function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex, markerC
         }
         if (zoomCheck) {
             var layerGroupElement = document.getElementById(maps.element.id + '_Layer_Collections');
-            if (!isNullOrUndefined(layerGroupElement)) {
+            var element_1 = document.getElementById(maps.element.id + '_LayerIndex_' + (layerIndex + 1));
+            if (!isNullOrUndefined(layerGroupElement) && !isNullOrUndefined(element_1)) {
+                layerGroupElement.insertBefore(layerElement, element_1);
+            }
+            else if (!isNullOrUndefined(layerGroupElement)) {
                 layerGroupElement.appendChild(layerElement);
             }
         }
@@ -2195,6 +2202,9 @@ function getZoomTranslate(mapObject, layer, animate) {
             // eslint-disable-next-line no-self-assign
             mapObject.mapScaleValue = mapObject.mapScaleValue;
         }
+        else if (!isNullOrUndefined(mapObject.mapScaleValue) && mapObject.mapScaleValue <= mapObject.scale) {
+            mapObject.mapScaleValue = mapObject.scale;
+        }
         else {
             mapObject.mapScaleValue = zoomFactorValue;
         }
@@ -5318,6 +5328,7 @@ var Marker = /** @__PURE__ @class */ (function () {
                             maps.element.appendChild(maps.svgObject);
                             if ((currentLayer.layerType === 'OSM' || (currentLayer.urlTemplate.indexOf('openstreetmap') !== -1 && isNullOrUndefined(currentLayer.shapeData)))
                                 && maps.zoomSettings.enable) {
+                                clusterTemplate(currentLayer, _this.markerSVGObject, maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
                                 layerElement.appendChild(_this.markerSVGObject);
                             }
                             else {
@@ -5500,6 +5511,12 @@ var Marker = /** @__PURE__ @class */ (function () {
      */
     Marker.prototype.markerClick = function (e) {
         var target = e.target.id;
+        if (target.indexOf(this.maps.element.id) === -1) {
+            var ancestor = e.target.closest('.' + this.maps.element.id + '_marker_template_element');
+            if (!isNullOrUndefined(ancestor) && ancestor.id.indexOf('_MarkerIndex_') > -1) {
+                target = ancestor.id;
+            }
+        }
         if (target.indexOf('_LayerIndex_') === -1 || target.indexOf('_cluster_') > 0) {
             return;
         }
@@ -6806,7 +6823,7 @@ var LayerPanel = /** @__PURE__ @class */ (function () {
         pathEle.setAttribute('aria-label', ((!isNullOrUndefined(currentShapeData['property'])) ?
             (currentShapeData['property'][properties]) : ''));
         if (this.currentLayer.selectionSettings.enable || this.currentLayer.highlightSettings.enable) {
-            pathEle.tabIndex = this.mapObject.tabIndex + index + 3;
+            pathEle.tabIndex = this.mapObject.tabIndex;
             pathEle.setAttribute('role', 'button');
             pathEle.style.cursor = this.currentLayer.highlightSettings.enable && !this.currentLayer.selectionSettings.enable ? 'default' : 'pointer';
         }
@@ -8397,7 +8414,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
      */
     Maps.prototype.addTabIndex = function () {
         this.element.setAttribute('aria-label', this.description || 'Maps Element');
-        this.element.setAttribute('role', '');
+        this.element.setAttribute('role', 'region');
         this.element.tabIndex = this.tabIndex;
     };
     Maps.prototype.setSecondaryElementPosition = function () {
@@ -8645,7 +8662,6 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
             var titleBounds = new Rect(location_1.x, location_1.y, elementSize.width, elementSize.height);
             var element = renderTextElement(options, style, style.color || (type === 'title' ? this.themeStyle.titleFontColor : this.themeStyle.subTitleFontColor), groupEle);
             element.setAttribute('aria-label', this.description || title.text);
-            element.setAttribute('role', '');
             if ((type === 'title' && !title.subtitleSettings.text) || (type === 'subtitle')) {
                 height = Math.abs((titleBounds.y + this.margin.bottom) - this.availableSize.height);
                 this.mapAreaRect = new Rect(this.margin.left, titleBounds.y + 10, width, height - 10);
@@ -9398,6 +9414,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         if (!this.isDestroyed) {
             this.zoomNotApplied = false;
             var isRefresh = this.zoomSettings.zoomFactor === zoomFactor;
+            this.previousProjection = null;
             if (!this.isTileMap && this.zoomModule) {
                 if (!isNullOrUndefined(centerPosition)) {
                     this.zoomSettings.zoomFactor = zoomFactor;
@@ -10316,7 +10333,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
         Property(null)
     ], Maps.prototype, "description", void 0);
     __decorate([
-        Property(1)
+        Property(0)
     ], Maps.prototype, "tabIndex", void 0);
     __decorate([
         Complex({ latitude: null, longitude: null }, CenterPosition)
@@ -11856,14 +11873,34 @@ var Legend = /** @__PURE__ @class */ (function () {
                         leftPageElement.appendChild(render.drawPath(leftPageOptions));
                         var leftRectPageOptions = new RectOption(map.element.id + '_Left_Page_Rect', 'transparent', {}, 1, new Rect(leftPageX - (width / 2), (locY - (height * 2)), width * 2, spacing * 2), null, null, '', '');
                         var pathEle = render.drawRectangle(leftRectPageOptions);
-                        pathEle.tabIndex = (page + 1) === 1 ? -1 : (map.tabIndex + 1);
+                        pathEle.setAttribute('aria-label', 'Navigate to the previous legend items');
+                        pathEle.setAttribute('role', 'button');
+                        pathEle.tabIndex = (page + 1) === 1 ? -1 : map.tabIndex;
+                        if ((page + 1) === 1) {
+                            pathEle.style.cursor = 'default';
+                            pathEle.style.setProperty('outline', 'none');
+                        }
+                        else {
+                            pathEle.style.cursor = 'pointer';
+                            pathEle.style.removeProperty('outline');
+                        }
                         leftPageElement.appendChild(pathEle);
                         this.wireEvents(leftPageElement);
                         var rightPageOptions = new PathOption(map.element.id + '_Right_Page', this.maps.themeStyle.legendTextColor, 0, this.maps.themeStyle.legendTextColor, ((page + 1) === this.totalPages.length ? 0.5 : 1), 1, '', rightPath);
                         rightPageElement.appendChild(render.drawPath(rightPageOptions));
                         var rightRectPageOptions = new RectOption(map.element.id + '_Right_Page_Rect', 'transparent', {}, 1, new Rect(rightPageX - spacing - (width / 2), (locY - (height * 2)), width * 2, spacing * 2), null, null, '', '');
                         pathEle = render.drawRectangle(rightRectPageOptions);
-                        pathEle.tabIndex = (page + 1) === this.totalPages.length ? -1 : (map.tabIndex + 2);
+                        pathEle.setAttribute('aria-label', 'Navigate to the next legend items');
+                        pathEle.setAttribute('role', 'button');
+                        pathEle.tabIndex = (page + 1) === this.totalPages.length ? -1 : map.tabIndex;
+                        if ((page + 1) === this.totalPages.length) {
+                            pathEle.style.cursor = 'default';
+                            pathEle.style.setProperty('outline', 'none');
+                        }
+                        else {
+                            pathEle.style.cursor = 'pointer';
+                            pathEle.style.removeProperty('outline');
+                        }
                         rightPageElement.appendChild(pathEle);
                         this.wireEvents(rightPageElement);
                         pagingGroup.appendChild(leftPageElement);
@@ -14304,7 +14341,8 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
                             areaBounds: _this.maps.mapAreaRect,
                             textStyle: option['textStyle'],
                             availableSize: _this.maps.availableSize,
-                            fill: option.fill || _this.maps.themeStyle.tooltipFillColor
+                            fill: option.fill || _this.maps.themeStyle.tooltipFillColor,
+                            enableShadow: true
                         });
                     }
                     else {
@@ -14321,7 +14359,8 @@ var MapsTooltip = /** @__PURE__ @class */ (function () {
                             areaBounds: _this.maps.mapAreaRect,
                             textStyle: tooltipArgs.options['textStyle'],
                             availableSize: _this.maps.availableSize,
-                            fill: tooltipArgs.fill || _this.maps.themeStyle.tooltipFillColor
+                            fill: tooltipArgs.fill || _this.maps.themeStyle.tooltipFillColor,
+                            enableShadow: true
                         });
                     }
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -14801,6 +14840,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var availSize = map.mapAreaRect;
         map.previousScale = map.scale;
         map.previousPoint = map.translatePoint;
+        map.previousProjection = map.projectionType;
         var prevTilePoint = map.tileTranslatePoint;
         var scale = calculateScale(this.touchStartList, this.touchMoveList);
         var touchCenter = getTouchCenter(getTouches(this.touchMoveList, this.maps));
@@ -14864,6 +14904,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
                 map.mapLayerPanel.generateTiles(newTileFactor, map.tileTranslatePoint);
             }
         }
+        map.mapScaleValue = zoomCalculationFactor;
         if (!isZoomCancelled) {
             this.applyTransform(map);
         }
@@ -15181,7 +15222,12 @@ var Zoom = /** @__PURE__ @class */ (function () {
                         ? _this.maps.markerNullCount + 1 : _this.maps.markerNullCount;
                     var markerDataLength = markerDatas.length - _this.maps.markerNullCount;
                     if (markerSVGObject.childElementCount === (markerDataLength - markerTemplateCounts - nullCount) && (type !== 'Template')) {
-                        layerElement.appendChild(markerSVGObject);
+                        if (_this.maps.isTileMap) {
+                            layerElement.insertBefore(markerSVGObject, layerElement.firstElementChild);
+                        }
+                        else {
+                            layerElement.appendChild(markerSVGObject);
+                        }
                         if (currentLayers.markerClusterSettings.allowClustering) {
                             _this.maps.svgObject.appendChild(markerSVGObject);
                             _this.maps.element.appendChild(_this.maps.svgObject);
@@ -15579,7 +15625,7 @@ var Zoom = /** @__PURE__ @class */ (function () {
         var size = map.mapAreaRect;
         var translatePoint = map.previousPoint = map.translatePoint;
         var prevTilePoint = map.tileTranslatePoint;
-        map.previousProjection = map.projectionType;
+        map.previousProjection = (type !== 'Reset') ? map.projectionType : null;
         zoomFactor = (type === 'ZoomOut') ? (Math.round(zoomFactor) === 1 ? 1 : zoomFactor) : zoomFactor;
         zoomFactor = (type === 'Reset') ? minZoom : (Math.round(zoomFactor) === 0) ? 1 : zoomFactor;
         zoomFactor = (minZoom > zoomFactor && type === 'ZoomIn') ? minZoom + 1 : zoomFactor;