@syncfusion/ej2-maps 26.2.9 → 27.1.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.9
+*  version : 27.1.48
 *  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@26.2.8",
+  "_id": "@syncfusion/ej2-maps@16.42.7",
   "_inBundle": false,
-  "_integrity": "sha512-MHANMevhylXjM5rTBMW/3ACkFJLPFHH9ChZGUIxasLEcSzjHUSZ9Ut6Pyaclut7Glw4YMtnm8SPjGysG1XE/bg==",
+  "_integrity": "sha512-WErWjt8C7bpoS4cAk8lBArnJR8k3C5LghGb4SC8/VjzaYWfGrEHCy8MYSfsx/SN7riueG+tK/5PkPOiO07esYQ==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-26.2.8.tgz",
-  "_shasum": "79009448c31422ee56c504677ebd70722c3bd716",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-maps/-/ej2-maps-16.42.7.tgz",
+  "_shasum": "57821f53cfc78caf44acf6dfb24146bb57d3b9f8",
   "_spec": "@syncfusion/ej2-maps@*",
-  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,13 +35,14 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-buttons": "~26.2.9",
-    "@syncfusion/ej2-compression": "~26.2.5",
-    "@syncfusion/ej2-data": "~26.2.9",
-    "@syncfusion/ej2-file-utils": "~26.2.5",
-    "@syncfusion/ej2-pdf-export": "~26.2.5",
-    "@syncfusion/ej2-svg-base": "~26.2.8"
+    "@syncfusion/ej2-base": "~27.1.48",
+    "@syncfusion/ej2-buttons": "~27.1.48",
+    "@syncfusion/ej2-compression": "~27.1.48",
+    "@syncfusion/ej2-data": "~27.1.48",
+    "@syncfusion/ej2-file-utils": "~27.1.48",
+    "@syncfusion/ej2-pdf-export": "~27.1.48",
+    "@syncfusion/ej2-svg-base": "~27.1.48",
+    "markdown-spellcheck": "^1.3.1"
   },
   "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 +94,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.9",
+  "version": "27.1.48",
   "sideEffects": false
 }

package/src/maps/layers/data-label.js

@@ -260,22 +260,26 @@ var DataLabel = /** @class */ (function () {
                     labelTemplateElement.appendChild(labelElement);
                 }
                 else {
-                    if (dataLabelSettings.smartLabelMode === 'Trim') {
+                    var smartLabelMode = !isNullOrUndefined(dataLabelSettings.smartLabelMode) ? dataLabelSettings.smartLabelMode.toString() : 'None';
+                    if (smartLabelMode === 'Trim') {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         var textType = typeof text === 'number' ? text.toString() : text;
                         trimmedLable = textTrim(width, textType, style, null, true);
                         elementSize = measureTextElement(trimmedLable, style);
                         options = new TextOption(labelId, textLocation.x, textLocation.y, 'middle', trimmedLable, '', '');
                     }
-                    if (dataLabelSettings.smartLabelMode === 'None') {
+                    if (smartLabelMode === 'None') {
                         options = new TextOption(labelId, (textLocation.x), textLocation.y, 'middle', text, '', '');
                     }
-                    if (dataLabelSettings.smartLabelMode === 'Hide') {
+                    if (smartLabelMode === 'Hide') {
                         text = (width >= textSize['width']) ? text : '';
                         options = new TextOption(labelId, (textLocation.x), (textLocation.y), 'middle', text, '', '');
                     }
-                    text = options['text'];
-                    if (dataLabelSettings.intersectionAction === 'Hide') {
+                    if (!isNullOrUndefined(options)) {
+                        text = options['text'];
+                    }
+                    var intersectionAction = !isNullOrUndefined(dataLabelSettings.intersectionAction) ? dataLabelSettings.intersectionAction.toString() : 'None';
+                    if (intersectionAction === 'Hide') {
                         for (var i = 0; i < intersect.length; i++) {
                             if (!isNullOrUndefined(intersect[i])) {
                                 if (!(_this.value[index]['leftWidth'] > intersect[i]['rightWidth']
@@ -291,7 +295,7 @@ var DataLabel = /** @class */ (function () {
                         options = new TextOption(labelId, textLocation.x, textLocation.y, 'middle', text, '', '');
                     }
                     var difference = void 0;
-                    if (dataLabelSettings.intersectionAction === 'Trim') {
+                    if (intersectionAction === 'Trim') {
                         for (var j = 0; j < intersect.length; j++) {
                             if (!isNullOrUndefined(intersect[j])) {
                                 if (intersect[j]['rightWidth'] < _this.value[index]['leftWidth']
@@ -321,7 +325,7 @@ var DataLabel = /** @class */ (function () {
                         intersect.push(_this.value[index]);
                         options = new TextOption(labelId, textLocation.x, (textLocation.y), 'middle', trimmedLable, '', '');
                     }
-                    if (dataLabelSettings.intersectionAction === 'None') {
+                    if (intersectionAction === 'None') {
                         options = new TextOption(labelId, (textLocation.x), (textLocation.y), 'middle', text, '', '');
                     }
                     if (trimmedLable.length > 1) {

package/src/maps/layers/layer-panel.d.ts

@@ -126,15 +126,6 @@ export declare class LayerPanel {
      * @returns {void}
      */
     private tileAnimation;
-    /**
-     * Static map rendering.
-     *
-     * @param {string} apikey - Specifies the api key
-     * @param {number} zoom - Specifies the zoom value
-     * @returns {void}
-     * @private
-     */
-    renderGoogleMap(apikey: string, zoom: number): void;
     /**
      * To find the tile translate point.
      *

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

@@ -281,7 +281,7 @@ var LayerPanel = /** @class */ (function () {
         bing.imageUrl = layer.urlTemplate;
         bing.subDomains = ['t0', 't1', 't2', 't3'];
         bing.maxZoom = '21';
-        proxy.mapObject['bingMap'] = bing;
+        proxy.mapObject.bingMap = bing;
         proxy.renderTileLayer(proxy, layer, layerIndex, bing);
         this.mapObject.arrangeTemplate();
         if (this.mapObject.zoomModule && (this.mapObject.previousScale !== this.mapObject.scale)) {
@@ -297,17 +297,19 @@ var LayerPanel = /** @class */ (function () {
                     Number(getValueFromObject(bubbleSettings.dataSource[i], bubbleSettings.valuePath)) :
                     parseFloat(bubbleSettings.dataSource[i][bubbleSettings.valuePath])) :
                     parseFloat(bubbleSettings.dataSource[i][bubbleSettings.valuePath]);
-                if (i !== 0) {
-                    if (bubbledata > range.max) {
-                        range.max = bubbledata;
+                if (!isNaN(bubbledata)) {
+                    if (i !== 0) {
+                        if (bubbledata > range.max) {
+                            range.max = bubbledata;
+                        }
+                        else if (bubbledata < range.min) {
+                            range.min = bubbledata;
+                        }
                     }
-                    else if (bubbledata < range.min) {
-                        range.min = bubbledata;
+                    else {
+                        range.max = range.min = bubbledata;
                     }
                 }
-                else {
-                    range.max = range.min = bubbledata;
-                }
             }
         }
     };
@@ -338,7 +340,8 @@ var LayerPanel = /** @class */ (function () {
         if (isNullOrUndefined(this.mapObject.baseMapRectBounds) && this.currentLayer.isBaseLayer) {
             this.mapObject.baseMapRectBounds = this.rectBounds;
         }
-        var colors = shapeSettings.palette.length > 1 ? shapeSettings.palette : getShapeColor(this.mapObject.theme);
+        var colors = (!isNullOrUndefined(shapeSettings.palette) && shapeSettings.palette.length > 1) ?
+            shapeSettings.palette : getShapeColor(this.mapObject.theme);
         var labelTemplateEle = createElement('div', {
             id: this.mapObject.element.id + '_LayerIndex_' + layerIndex + '_Label_Template_Group',
             className: this.mapObject.element.id + '_template'
@@ -1122,7 +1125,7 @@ var LayerPanel = /** @class */ (function () {
         var endX = Math.min(xcount, ((-tileTranslatePoint.x + size.width + (xRight * 256)) / 256) + 1);
         var startX = (-((tileTranslatePoint.x + (xLeft * 256)) + 256) / 256);
         var startY = (-(tileTranslatePoint.y + 256) / 256);
-        bing = bing || this.bing || this.mapObject['bingMap'];
+        bing = bing || this.bing || this.mapObject.bingMap;
         for (var i = Math.round(startX); i < Math.round(endX); i++) {
             for (var j = Math.round(startY); j < Math.round(endY); j++) {
                 var x = 256 * i + tileTranslatePoint.x;
@@ -1136,10 +1139,11 @@ var LayerPanel = /** @class */ (function () {
                         var tile = new Tile(tileI % ycount, j);
                         tile.left = Math.round(x);
                         tile.top = Math.round(y);
-                        if ((bing && !isNullOrUndefined(baseLayer.urlTemplate) && baseLayer.urlTemplate !== '')) {
+                        if ((bing && !isNullOrUndefined(baseLayer.urlTemplate) && baseLayer.urlTemplate !== '' && baseLayer.urlTemplate.indexOf('quadkey') > -1)) {
                             tile.src = bing.getBingMap(tile, '', '', userLang, bing.imageUrl, bing.subDomains);
                         }
                         else {
+                            bing = null;
                             tile.src = this.urlTemplate.replace('level', zoomLevel.toString()).replace('tileX', tile.x.toString())
                                 .replace('tileY', tile.y.toString());
                         }
@@ -1328,63 +1332,6 @@ var LayerPanel = /** @class */ (function () {
             animatedTiles.style.transform = 'translate(' + translateX + 'px, ' + translateY + 'px) scale(' + scaleValue + ')';
         }
     };
-    /**
-     * Static map rendering.
-     *
-     * @param {string} apikey - Specifies the api key
-     * @param {number} zoom - Specifies the zoom value
-     * @returns {void}
-     * @private
-     */
-    LayerPanel.prototype.renderGoogleMap = function (apikey, zoom) {
-        var map = this.mapObject;
-        // zoom = this.mapObject.zoomSettings.shouldZoomInitially ? this.mapObject.markerZoomFactor : zoom;
-        zoom = this.mapObject.tileZoomLevel;
-        var totalSize = Math.pow(2, zoom) * 256;
-        var x = (map.mapAreaRect.width / 2) - (totalSize / 2);
-        var y = (map.mapAreaRect.height / 2) - (totalSize / 2);
-        var centerPoint = new Point(null, null);
-        var diffX = 0;
-        var diffY = 0;
-        var position = convertTileLatLongToPoint(centerPoint, zoom, { x: x, y: y }, this.isMapCoordinates);
-        if (map.zoomModule && map.zoomSettings.enable) {
-            diffX = map.zoomModule.mouseDownLatLong['x'] - map.zoomModule.mouseMoveLatLong['x'];
-            diffY = map.zoomModule.mouseDownLatLong['y'] - map.zoomModule.mouseMoveLatLong['y'];
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var panLatLng = map.pointToLatLong(position.x - diffX, position.y - diffY);
-        map.centerPosition.latitude = panLatLng['latitude'];
-        map.centerPosition.longitude = panLatLng['longitude'];
-        var mapWidth;
-        var mapHeight;
-        if (isNullOrUndefined(parseInt(map.width, 10))) {
-            mapWidth = parseInt(map.width, 10) - 22;
-        }
-        else {
-            mapWidth = Math.round(map.mapAreaRect.width);
-        }
-        if (isNullOrUndefined(parseInt(map.height, 10))) {
-            mapHeight = parseInt(map.height, 10) - 22;
-        }
-        else {
-            mapHeight = Math.round(map.mapAreaRect.height);
-        }
-        var eleWidth = mapWidth > 640 ? (mapWidth - 640) / 2 : 0;
-        var eleHeight = mapHeight > 640 ? (mapHeight - 640) / 2 : 0;
-        var center;
-        var mapType = 'roadmap';
-        if (map.centerPosition.latitude && map.centerPosition.longitude) {
-            center = map.centerPosition.latitude.toString() + ',' + map.centerPosition.longitude.toString();
-        }
-        else {
-            center = '0,0';
-        }
-        var staticMapString = 'https://maps.googleapis.com/maps/api/staticmap?size=' + mapWidth + 'x' + mapHeight +
-            '&zoom=' + zoom + '&center=' + center + '&maptype=' + mapType + '&key=' + apikey;
-        document.getElementById(this.mapObject.element.id + '_tile_parent').innerHTML
-            = '<div id="' + this.mapObject.element.id + '_StaticGoogleMap"' + 'style="position:absolute; left:' + eleWidth + 'px; top:'
-                + eleHeight + 'px"><img src="' + staticMapString + '"' + 'alt="' + this.mapObject.getLocalizedLabel('ImageNotFound') + '"></div>';
-    };
     /**
      * To find the tile translate point.
      *

package/src/maps/layers/legend.js

@@ -240,7 +240,7 @@ var Legend = /** @class */ (function () {
                         shapeBorder: this.legendCollection[i]['shapeBorder']
                     });
                 }
-                if (this.legendCollection.length === 1) {
+                if (this.legendCollection.length === 1 && !(map.theme === 'Fluent2HighContrast' && legend.position === 'Bottom')) {
                     legendHeight = rectHeight;
                     legendWidth = rectWidth;
                 }
@@ -439,7 +439,7 @@ var Legend = /** @class */ (function () {
                 var rectOptions = new RectOption(itemId, item['fill'], item['shapeBorder'], legend.opacity, bounds);
                 textOptions = new TextOption(textId, textLocation.x, textLocation.y, 'middle', item['text'], '', '');
                 textFont.fontFamily = !isNullOrUndefined(textFont.fontFamily) ? textFont.fontFamily : this.maps.themeStyle.fontFamily;
-                textFont.size = map.themeStyle.legendFontSize || textFont.size;
+                textFont.size = textFont.size || map.themeStyle.legendFontSize;
                 var textElement = renderTextElement(textOptions, textFont, textFont.color, this.legendGroup);
                 textElement.setAttribute('aria-label', item['text']);
                 textElement.setAttribute('role', 'region');
@@ -499,7 +499,7 @@ var Legend = /** @class */ (function () {
                     this.maps.themeStyle.legendTextColor;
                 legendTextStyle.fontFamily = !isNullOrUndefined(legendTextStyle.fontFamily) ? legendTextStyle.fontFamily :
                     this.maps.themeStyle.fontFamily;
-                legendTextStyle.size = map.themeStyle.legendFontSize || legendTextStyle.size;
+                legendTextStyle.size = legendTextStyle.size || map.themeStyle.legendFontSize;
                 legendTextStyle.fontWeight = legendTextStyle.fontWeight || map.themeStyle.fontWeight;
                 if (i === 0) {
                     this.renderLegendBorder();
@@ -1016,7 +1016,7 @@ var Legend = /** @class */ (function () {
                     }
                     else {
                         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(module.fill) ? module.fill : legendShape.getAttribute('fill'), !isNullOrUndefined(module.opacity) ? module.opacity.toString() : '1', module.border.color, module.border.width.toString(), 'highlight');
                     }
                 }
                 else if (getValue === 'selection') {
@@ -1081,7 +1081,7 @@ var Legend = /** @class */ (function () {
                         this.maps.legendSelectionClass = module;
                         this.removeLegend(this.shapeHighlightCollection);
                         if (!isNullOrUndefined(legendShape)) {
-                            this.setColor(legendShape, !isNullOrUndefined(module.fill) ? module.fill : legendShape.getAttribute('fill'), module.opacity.toString(), module.border.color, module.border.width.toString(), 'selection');
+                            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');
                             var legendSelectionIndex = this.getIndexofLegend(this.maps.legendSelectionCollection, legendShape);
                             this.maps.legendSelectionCollection[legendSelectionIndex]['MapShapeCollection']['Elements'].push(targetElement);
                         }
@@ -1154,10 +1154,10 @@ var Legend = /** @class */ (function () {
         var collection = this.maps.legendModule.legendCollection;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var currentCollection;
-        if (legendType === 'Default' && !isNullOrUndefined(this.maps.legendModule.totalPages)) {
+        if (legendType === 'Default' && !isNullOrUndefined(this.maps.legendModule.totalPages) && (this.maps.legendModule.totalPages.length > 0)) {
             currentCollection = this.maps.legendModule.totalPages[this.maps.legendModule.currentPage]['Collection'];
         }
-        var currentCollectionLength = legendType === 'Default' ? currentCollection['length'] : 1;
+        var currentCollectionLength = (legendType === 'Default' && !isNullOrUndefined(currentCollection)) ? currentCollection['length'] : 1;
         for (var i = 0; i < collection.length; i++) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var dataValue = collection[i]['data'];
@@ -1308,7 +1308,18 @@ var Legend = /** @class */ (function () {
         var spacing = 10;
         var trimTitle = textTrim((this.legendItemRect.width + (spacing * 2)), legendTitle, textStyle);
         var textSize = measureText(trimTitle, textStyle);
-        this.legendBorderRect = new Rect((this.legendItemRect.x - spacing), (this.legendItemRect.y - spacing - textSize.height), (this.legendItemRect.width) + (spacing * 2), (this.legendItemRect.height) + (spacing * 2) + textSize.height +
+        var sameTextWidth = false;
+        for (var i = 0; i < this.legendRenderingCollections.length; i++) {
+            if (this.legendRenderingCollections[i].textWidth !== this.legendRenderingCollections[0].textWidth) {
+                sameTextWidth = false;
+                break;
+            }
+            else {
+                sameTextWidth = true;
+            }
+        }
+        this.legendBorderRect = new Rect((map.theme === 'Fluent2HighContrast' && !sameTextWidth && (legend.position === 'Left' || legend.position === 'Right') && legend.mode === 'Interactive')
+            ? (this.legendItemRect.x - (spacing * 3)) : (this.legendItemRect.x - spacing), (this.legendItemRect.y - spacing - textSize.height), (this.legendItemRect.width) + (spacing * 2), (this.legendItemRect.height) + (spacing * 2) + textSize.height +
             (legend.mode === 'Interactive' ? 0 : (this.page !== 0) ? spacing : 0));
         var legendBorder = {
             color: legend.border.color || this.maps.themeStyle.legendBorderColor, opacity: legend.border.opacity,
@@ -1600,7 +1611,7 @@ var Legend = /** @class */ (function () {
                 if (!isNullOrUndefined(dataSource) && dataSource.length > 0) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     Array.prototype.forEach.call(dataSource, function (data, dataIndex) {
-                        var equalValue = ((colorValuePath.indexOf('.') > -1) ? (getValueFromObject(data, colorValuePath)) :
+                        var equalValue = ((colorValuePath && colorValuePath.indexOf('.') > -1) ? (getValueFromObject(data, colorValuePath)) :
                             (data[colorValuePath]));
                         if (equalValue === colorMap.value) {
                             eqaulColorProcess_1 = true;
@@ -1698,7 +1709,8 @@ var Legend = /** @class */ (function () {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var newData = [];
                 var legendFill = (isNullOrUndefined(fill)) ? dataValue : fill;
-                if (!isNullOrUndefined(dataValue) && colorMapping.length === 0) {
+                if (!isNullOrUndefined(dataValue) && colorMapping.length === 0 &&
+                    (!isNullOrUndefined(valuePath) || !isNullOrUndefined(dataPath))) {
                     legendText = !isNullOrUndefined(data[valuePath]) ? ((valuePath.indexOf('.') > -1) ?
                         getValueFromObject(data, valuePath) : data[valuePath]) : ((dataPath.indexOf('.') > -1) ?
                         getValueFromObject(data, dataPath) : data[dataPath]);
@@ -1748,7 +1760,11 @@ var Legend = /** @class */ (function () {
                                 var arrowElement_1 = querySelector(id, this_3.maps.element.id);
                                 if (this_3.maps.isDevice && !(isNullOrUndefined(arrowElement_1))) {
                                     clearTimeout(this_3.arrowTimer);
-                                    this_3.arrowTimer = setTimeout(function () { remove(arrowElement_1); }, 2000);
+                                    this_3.arrowTimer = setTimeout(function () {
+                                        if (!isNullOrUndefined(arrowElement_1.parentNode)) {
+                                            remove(arrowElement_1);
+                                        }
+                                    }, 2000);
                                 }
                                 return "break";
                             }

package/src/maps/layers/marker.js

@@ -283,7 +283,8 @@ var Marker = /** @class */ (function () {
                     && this.maps.mapScaleValue <= 1) {
                     this.maps.tileZoomLevel = this.maps.mapScaleValue === 0 ? (this.maps.isZoomByPosition ? this.maps.tileZoomLevel : 1)
                         : this.maps.mapScaleValue;
-                    if (this.maps.mapScaleValue === 1 && this.maps.markerZoomFactor === 1) {
+                    if (this.maps.mapScaleValue === 1 && this.maps.markerZoomFactor === 1 &&
+                        !isNullOrUndefined(this.maps.tileTranslatePoint)) {
                         this.maps.tileTranslatePoint.x = 0;
                         this.maps.tileTranslatePoint.y = 0;
                     }

package/src/maps/layers/navigation-selected-line.js

@@ -89,7 +89,7 @@ var NavigationLine = /** @class */ (function () {
                     }
                     if (showArrow) {
                         arrowColor = arrowSettings.color;
-                        arrowSize = arrowSettings.size;
+                        arrowSize = !isNullOrUndefined(arrowSettings.size) ? arrowSettings.size : 0;
                         offSetValue = !isNullOrUndefined(arrowSettings.offSet) ? arrowSettings.offSet : 0;
                         var divide = (Math.round(arrowSize / 2));
                         arrowPosition = arrowSettings.position;

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

@@ -1,4 +1,4 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Fetch } from '@syncfusion/ej2-base';import { EventHandler, Browser, EmitType, isNullOrUndefined, createElement, setValue, extend } from '@syncfusion/ej2-base';import { Event, remove, L10n, Collection, Internationalization, Complex } from '@syncfusion/ej2-base';import { ModuleDeclaration } from '@syncfusion/ej2-base';import { SvgRenderer } from '@syncfusion/ej2-svg-base';import { Size, createSvg, Point, removeElement, triggerShapeEvent, showTooltip, checkShapeDataFields, MapLocation, getMousePosition, calculateSize } from './utils/helper';import { getElement, removeClass, getTranslate, triggerItemSelectionEvent, mergeSeparateCluster, customizeStyle, querySelector } from './utils/helper';import { createStyle } from './utils/helper';import { ZoomSettings, LegendSettings } from './model/base';import { LayerSettings, TitleSettings, Border, Margin, MapsAreaSettings, Annotation, CenterPosition } from './model/base';import { ZoomSettingsModel, LegendSettingsModel, LayerSettingsModel, BubbleSettingsModel, PolygonSettingsModel } from './model/base-model';import { MarkerSettingsModel, SelectionSettingsModel, InitialMarkerSelectionSettingsModel } from './model/base-model';import { TitleSettingsModel, BorderModel, MarginModel, CenterPositionModel, InitialShapeSelectionSettingsModel } from './model/base-model';import { MapsAreaSettingsModel, AnnotationModel } from './model/base-model';import { Bubble } from './layers/bubble';import { Legend } from './layers/legend';import { Marker } from './layers/marker';import { Highlight } from './user-interaction/highlight';import { Selection } from './user-interaction/selection';import { MapsTooltip } from './user-interaction/tooltip';import { Zoom } from './user-interaction/zoom';import { load, click, onclick, rightClick, doubleClick, resize, shapeSelected, zoomIn } from './model/constants';import { ProjectionType, MapsTheme, PanDirection, TooltipGesture } from './utils/enum';import { getThemeStyle, Theme } from './model/theme';import { ILoadEventArgs, ILoadedEventArgs, IMinMaxLatitudeLongitude, IMouseEventArgs, IResizeEventArgs, ITooltipRenderEventArgs } from './model/interface';import { GeoPosition, ITooltipRenderCompleteEventArgs, ILegendRenderingEventArgs } from './model/interface';import { ILayerRenderingEventArgs, IShapeRenderingEventArgs, IMarkerRenderingEventArgs, IMarkerClickEventArgs } from './model/interface';import { IMarkerMoveEventArgs, ILabelRenderingEventArgs, IBubbleMoveEventArgs, IBubbleClickEventArgs } from './model/interface';import { IMarkerClusterClickEventArgs, IMarkerClusterMoveEventArgs, IMarkerClusterRenderingEventArgs } from './model/interface';import { ISelectionEventArgs, IShapeSelectedEventArgs, IMapPanEventArgs, IMapZoomEventArgs } from './model/interface';import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs, IThemeStyle } from './model/interface';import { LayerPanel } from './layers/layer-panel';import { GeoLocation, Rect, RectOption, measureText, getElementByID, MapAjax, processResult, getElementsByClassName } from '../maps/utils/helper';import { findPosition, textTrim, TextOption, renderTextElement, calculateZoomLevel, convertTileLatLongToPoint, convertGeoToPoint} from '../maps/utils/helper';import { Annotations } from '../maps/user-interaction/annotation';import { FontModel, DataLabel, MarkerSettings, IAnnotationRenderingEventArgs, IMarkerDragEventArgs } from './index';import { NavigationLineSettingsModel, changeBorderWidth } from './index';import { NavigationLine } from './layers/navigation-selected-line';import { Polygon } from './layers/polygon';import { DataManager, Query } from '@syncfusion/ej2-data';import { ExportType } from '../maps/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Print } from './model/print';import { PdfExport } from './model/export-pdf';import { ImageExport } from './model/export-image';
+import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Fetch } from '@syncfusion/ej2-base';import { EventHandler, Browser, EmitType, isNullOrUndefined, createElement, setValue, extend } from '@syncfusion/ej2-base';import { Event, remove, L10n, Collection, Internationalization, Complex } from '@syncfusion/ej2-base';import { ModuleDeclaration } from '@syncfusion/ej2-base';import { SvgRenderer } from '@syncfusion/ej2-svg-base';import { Size, createSvg, Point, removeElement, triggerShapeEvent, showTooltip, checkShapeDataFields, MapLocation, getMousePosition, calculateSize } from './utils/helper';import { getElement, removeClass, getTranslate, triggerItemSelectionEvent, mergeSeparateCluster, customizeStyle, querySelector } from './utils/helper';import { createStyle, getProcessedMarginValue } from './utils/helper';import { ZoomSettings, LegendSettings } from './model/base';import { LayerSettings, TitleSettings, Border, Margin, MapsAreaSettings, Annotation, CenterPosition } from './model/base';import { ZoomSettingsModel, LegendSettingsModel, LayerSettingsModel, BubbleSettingsModel, PolygonSettingsModel } from './model/base-model';import { MarkerSettingsModel, SelectionSettingsModel, InitialMarkerSelectionSettingsModel } from './model/base-model';import { TitleSettingsModel, BorderModel, MarginModel, CenterPositionModel, InitialShapeSelectionSettingsModel } from './model/base-model';import { MapsAreaSettingsModel, AnnotationModel } from './model/base-model';import { Bubble } from './layers/bubble';import { Legend } from './layers/legend';import { Marker } from './layers/marker';import { Highlight } from './user-interaction/highlight';import { Selection } from './user-interaction/selection';import { MapsTooltip } from './user-interaction/tooltip';import { Zoom } from './user-interaction/zoom';import { load, click, onclick, rightClick, doubleClick, resize, shapeSelected, zoomIn } from './model/constants';import { ProjectionType, MapsTheme, PanDirection, TooltipGesture } from './utils/enum';import { getThemeStyle, Theme } from './model/theme';import { ILoadEventArgs, ILoadedEventArgs, IMinMaxLatitudeLongitude, IMouseEventArgs, IResizeEventArgs, ITooltipRenderEventArgs } from './model/interface';import { GeoPosition, ITooltipRenderCompleteEventArgs, ILegendRenderingEventArgs } from './model/interface';import { ILayerRenderingEventArgs, IShapeRenderingEventArgs, IMarkerRenderingEventArgs, IMarkerClickEventArgs } from './model/interface';import { IMarkerMoveEventArgs, ILabelRenderingEventArgs, IBubbleMoveEventArgs, IBubbleClickEventArgs } from './model/interface';import { IMarkerClusterClickEventArgs, IMarkerClusterMoveEventArgs, IMarkerClusterRenderingEventArgs } from './model/interface';import { ISelectionEventArgs, IShapeSelectedEventArgs, IMapPanEventArgs, IMapZoomEventArgs } from './model/interface';import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs, IThemeStyle } from './model/interface';import { LayerPanel } from './layers/layer-panel';import { GeoLocation, Rect, RectOption, measureText, getElementByID, MapAjax, processResult, getElementsByClassName } from '../maps/utils/helper';import { findPosition, textTrim, TextOption, renderTextElement, calculateZoomLevel, convertTileLatLongToPoint, convertGeoToPoint} from '../maps/utils/helper';import { Annotations } from '../maps/user-interaction/annotation';import { FontModel, DataLabel, MarkerSettings, IAnnotationRenderingEventArgs, IMarkerDragEventArgs, BingMap } from './index';import { NavigationLineSettingsModel, changeBorderWidth } from './index';import { NavigationLine } from './layers/navigation-selected-line';import { Polygon } from './layers/polygon';import { DataManager, Query } from '@syncfusion/ej2-data';import { ExportType } from '../maps/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Print } from './model/print';import { PdfExport } from './model/export-pdf';import { ImageExport } from './model/export-image';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

package/src/maps/maps.d.ts

@@ -31,7 +31,7 @@ import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs
 import { LayerPanel } from './layers/layer-panel';
 import { GeoLocation, Rect } from '../maps/utils/helper';
 import { Annotations } from '../maps/user-interaction/annotation';
-import { DataLabel, IAnnotationRenderingEventArgs, IMarkerDragEventArgs } from './index';
+import { DataLabel, IAnnotationRenderingEventArgs, IMarkerDragEventArgs, BingMap } from './index';
 import { NavigationLine } from './layers/navigation-selected-line';
 import { Polygon } from './layers/polygon';
 import { ExportType } from '../maps/utils/enum';
@@ -135,6 +135,12 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * @private
      */
     imageExportModule: ImageExport;
+    /**
+     * This module enables the bing map functionality in maps.
+     *
+     * @private
+     */
+    bingMap: BingMap;
     /**
      * Gets or sets the background color of the maps container.
      *
@@ -619,8 +625,6 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
     /** @private */
     previousZoomFactor: number;
     /** @private */
-    isTileMapSubLayer: boolean;
-    /** @private */
     shouldZoomCurrentFactor: number;
     /** @private */
     shouldZoomPreviousFactor: number;
@@ -898,9 +902,23 @@ export declare class Maps extends Component<HTMLElement> implements INotifyPrope
      * @private
      */
     mouseLeaveOnMap(e: PointerEvent): void;
-    private keyUpHandler;
+    /**
+     * This method is used to perform operations when keyboard key from maps.
+     *
+     * @param {KeyboardEvent} event - Specifies the keyboard event on maps.
+     * @returns {void}
+     * @private
+     */
+    keyUpHandler(event: KeyboardEvent): void;
     private keyboardHighlightSelection;
-    private keyDownHandler;
+    /**
+     * This method is used to perform operations when keyboard down from maps.
+     *
+     * @param {KeyboardEvent} event - Specifies the keyboard event on maps.
+     * @returns {void}
+     * @private
+     */
+    keyDownHandler(event: KeyboardEvent): void;
     /**
      * Gets the selected element to be maintained or not.
      *