@syncfusion/ej2-maps 23.1.38 → 23.1.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.38
+*  version : 23.1.40
 *  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@23.1.36",
+  "_id": "@syncfusion/ej2-maps@23.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-DHexGEx9Reh9aCOtiKewi3be9q+bGrjK5N4vhJbZ5A8x7Ysnyd9jWq6OSGwk31KnQW8dEJ+6y9rAhkBgsF58IQ==",
+  "_integrity": "sha512-dICyZztGFAexcEDWDd/2HtAZRapAEuwJH/vYMSuRWSlnGIrr29XVmMKJfIcCnEvubdL3DXKs4OeWP/ONdFkmuw==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-23.1.36.tgz",
-  "_shasum": "9222849a225a6da65d0d4e3784a38fd46408a8bf",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-23.1.38.tgz",
+  "_shasum": "94a28ab3e94bf0ea9954f88baf9abe6808bc5664",
   "_spec": "@syncfusion/ej2-maps@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -36,11 +36,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-buttons": "~23.1.36",
+    "@syncfusion/ej2-buttons": "~23.1.39",
     "@syncfusion/ej2-compression": "~23.1.36",
     "@syncfusion/ej2-data": "~23.1.36",
     "@syncfusion/ej2-file-utils": "~23.1.36",
-    "@syncfusion/ej2-pdf-export": "~23.1.36",
+    "@syncfusion/ej2-pdf-export": "~23.1.39",
     "@syncfusion/ej2-svg-base": "~23.1.36"
   },
   "deprecated": false,
@@ -93,6 +93,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.38",
+  "version": "23.1.40",
   "sideEffects": false
 }

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

@@ -624,7 +624,7 @@ var LayerPanel = /** @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';
         }

package/src/maps/layers/legend.js

@@ -546,14 +546,34 @@ var Legend = /** @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);

package/src/maps/layers/marker.js

@@ -94,6 +94,7 @@ var Marker = /** @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 {

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

@@ -137,7 +137,7 @@ export interface MapsModel extends ComponentModel{
     /**
      * Gets or sets the tab index value for the maps.
      *
-     * @default 1
+     * @default 0
      */
     tabIndex?: number;
 

package/src/maps/maps.d.ts

@@ -239,7 +239,7 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     /**
      * Gets or sets the tab index value for the maps.
      *
-     * @default 1
+     * @default 0
      */
     tabIndex: number;
     /**

package/src/maps/maps.js

@@ -597,7 +597,7 @@ var Maps = /** @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 () {
@@ -845,7 +845,6 @@ var Maps = /** @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);
@@ -1608,6 +1607,7 @@ var Maps = /** @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;
@@ -2526,7 +2526,7 @@ var Maps = /** @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)

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

@@ -225,7 +225,8 @@ var MapsTooltip = /** @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 {
@@ -242,7 +243,8 @@ var MapsTooltip = /** @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

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

@@ -306,6 +306,7 @@ var Zoom = /** @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));
@@ -370,6 +371,7 @@ var Zoom = /** @class */ (function () {
                 map.mapLayerPanel.generateTiles(newTileFactor, map.tileTranslatePoint);
             }
         }
+        map.mapScaleValue = zoomCalculationFactor;
         if (!isZoomCancelled) {
             this.applyTransform(map);
         }
@@ -692,7 +694,12 @@ var Zoom = /** @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);
@@ -1090,7 +1097,7 @@ var Zoom = /** @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;

package/src/maps/utils/helper.js

@@ -1124,11 +1124,14 @@ export function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex,
         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');
@@ -1137,7 +1140,11 @@ export function clusterTemplate(currentLayer, markerTemplate, maps, layerIndex,
         }
         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);
             }
         }
@@ -2213,6 +2220,9 @@ export 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;
         }