@syncfusion/ej2-maps 20.4.49 → 21.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.49
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@20.4.48",
+  "_id": "@syncfusion/ej2-maps@16.41.27",
   "_inBundle": false,
-  "_integrity": "sha512-223OUDfEl+Z1a+jXhD9ie4XYVHmPPJU3B4LjBpdq5ZcCDtEZmU6nEp/iDBUzj6bx2a4m4wfJ/XrfbgpeB/Ypxw==",
+  "_integrity": "sha512-Z43MfstcGu8fHlTWUFOEB8TSkIfhfWeQf7Cj1D8yrw9mSMJaOpuoHluSyGupWs3YWXElCj0hEkSoNc0NMZ4y4A==",
   "_location": "/@syncfusion/ej2-maps",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-vue-maps"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-20.4.48.tgz",
-  "_shasum": "4867f7d8ef1de1f2739c0af3a0a08dc4573b7012",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-maps/-/ej2-maps-16.41.27.tgz",
+  "_shasum": "6a314c493513e471eb32bd21ec50a9b68de7b445",
   "_spec": "@syncfusion/ej2-maps@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,13 +35,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-buttons": "~20.4.49",
-    "@syncfusion/ej2-compression": "~20.4.48",
-    "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-file-utils": "~20.4.48",
-    "@syncfusion/ej2-pdf-export": "~20.4.48",
-    "@syncfusion/ej2-svg-base": "~20.4.48"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-buttons": "~21.1.35",
+    "@syncfusion/ej2-compression": "~21.1.35",
+    "@syncfusion/ej2-data": "~21.1.35",
+    "@syncfusion/ej2-file-utils": "~21.1.35",
+    "@syncfusion/ej2-pdf-export": "~21.1.35",
+    "@syncfusion/ej2-svg-base": "~21.1.35"
   },
   "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 +93,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.49",
+  "version": "21.1.35",
   "sideEffects": false
 }

package/src/maps/layers/bubble.d.ts

@@ -6,9 +6,11 @@ import { LayerSettings } from '../index';
  */
 export declare class Bubble {
     private maps;
+    /** @private */
     bubbleCollection: any[];
     /**
      * Bubble Id for current layer
+     * @private
      */
     id: string;
     constructor(maps: Maps);

package/src/maps/layers/bubble.js

@@ -10,6 +10,7 @@ var Bubble = /** @class */ (function () {
     function Bubble(maps) {
         /**
          * Bubble Id for current layer
+         * @private
          */
         this.id = '';
         this.maps = maps;
@@ -161,7 +162,7 @@ var Bubble = /** @class */ (function () {
                 var bubbleDataSource = bubbleSettings.dataSource;
                 var scale = translate['scale'];
                 var transPoint = translate['location'];
-                var position = new MapLocation((_this.maps.isTileMap ? (eventArgs.cx) : ((eventArgs.cx + transPoint.x) * scale)), (_this.maps.isTileMap ? (eventArgs.cy) : ((eventArgs.cy + transPoint.y) * scale)));
+                var position = new MapLocation((_this.maps.isTileMap ? ((eventArgs.cx + _this.maps.translatePoint.x) * _this.maps.tileZoomLevel) : ((eventArgs.cx + transPoint.x) * scale)), (_this.maps.isTileMap ? ((eventArgs.cy + _this.maps.translatePoint.y) * _this.maps.tileZoomLevel) : ((eventArgs.cy + transPoint.y) * scale)));
                 bubbleElement.setAttribute('transform', 'translate( ' + (position.x) + ' ' + (position.y) + ' )');
                 var bubble = (bubbleDataSource.length - 1) === dataIndex ? 'bubble' : null;
                 if (bubbleSettings.bubbleType === 'Square') {

package/src/maps/layers/color-mapping.d.ts

@@ -23,6 +23,7 @@ export declare class ColorMapping {
      * @param {number} colorValue - Specifies the color value
      * @param {string} equalValue - Specifies the equal value.
      * @returns {any} - Returns the color mapping values.
+     * @private
      */
     getColorByValue(colorMapping: ColorMappingSettingsModel[], colorValue: number, equalValue: string): any;
     deSaturationColor(colorMapping: ColorMappingSettingsModel, color: string, rangeValue: number, equalValue: string): number;

package/src/maps/layers/color-mapping.js

@@ -34,6 +34,7 @@ var ColorMapping = /** @class */ (function () {
      * @param {number} colorValue - Specifies the color value
      * @param {string} equalValue - Specifies the equal value.
      * @returns {any} - Returns the color mapping values.
+     * @private
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ColorMapping.prototype.getColorByValue = function (colorMapping, colorValue, equalValue) {

package/src/maps/layers/data-label.d.ts

@@ -26,6 +26,7 @@ export declare class DataLabel {
      * @param {number} index - Specifies the index number.
      * @param {any[]} intersect - Specifies the intersect.
      * @returns {void}
+     * @private
      */
     renderLabel(layer: LayerSettings, layerIndex: number, shape: any, layerData: any[], group: Element, labelTemplateElement: HTMLElement, index: number, intersect: any[]): void;
     private getPoint;

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

@@ -42,6 +42,7 @@ var DataLabel = /** @class */ (function () {
      * @param {number} index - Specifies the index number.
      * @param {any[]} intersect - Specifies the intersect.
      * @returns {void}
+     * @private
      */
     DataLabel.prototype.renderLabel = function (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -150,6 +151,9 @@ var DataLabel = /** @class */ (function () {
         if (isNullOrUndefined(text) && (layer.dataLabelSettings.template !== '' && layer.dataSource['length'] === 0)) {
             text = shapeData['properties'][layer.shapePropertyPath];
         }
+        if (isNullOrUndefined(text) && layer.dataSource['length'] > 0) {
+            text = '';
+        }
         var dataLabelText = text;
         var projectionType = this.maps.projectionType;
         if (isPoint) {
@@ -202,9 +206,9 @@ var DataLabel = /** @class */ (function () {
                 }
                 var position = [];
                 var width = zoomLabelsPosition && scaleZoomValue > 1 && !_this.maps.zoomNotApplied
-                    && _this.maps.zoomShapeCollection.length > index ? _this.maps.zoomShapeCollection[index]['width'] :
+                    && _this.maps.zoomShapeCollection.length > index ? (_this.maps.dataLabelShape[index]) * scale :
                     (location['rightMax']['x'] - location['leftMax']['x']) * scale;
-                if (!isNullOrUndefined(_this.maps.dataLabelShape)) {
+                if (!isNullOrUndefined(_this.maps.dataLabelShape) && !_this.maps.isReset) {
                     shapeWidth = firstLevelMapLocation['rightMax']['x'] - firstLevelMapLocation['leftMax']['x'];
                     _this.maps.dataLabelShape.push(shapeWidth);
                 }
@@ -230,8 +234,9 @@ var DataLabel = /** @class */ (function () {
                     locationX = location1['x'];
                     location['x'] = location1['x'];
                     width = zoomLabelsPosition && scaleZoomValue > 1 && !_this.maps.zoomNotApplied
-                        && _this.maps.zoomShapeCollection.length > index ? _this.maps.zoomShapeCollection[index]['width'] :
-                        (location1['rightMax']['x'] - location1['leftMax']['x']) * scale;
+                        && _this.maps.zoomShapeCollection.length > index ? (_this.maps.dataLabelShape[index]) * scale :
+                        ((location1['rightMax']['x'] - location1['leftMax']['x']) * scale) > 0 ?
+                            ((location1['rightMax']['x'] - location1['leftMax']['x']) * scale) : width;
                 }
                 var xpositionEnds = ((location['x'] + transPoint['x']) * scale) + textSize['width'] / 2;
                 var xpositionStart = ((location['x'] + transPoint['x']) * scale) - textSize['width'] / 2;

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

@@ -672,6 +672,7 @@ var LayerPanel = /** @class */ (function () {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var bubbleDataSource = bubble_1.dataSource;
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this_2.mapObject.bubbleModule.bubbleCollection = [];
                 bubbleDataSource.map(function (bubbleData, i) {
                     _this.renderBubble(_this.currentLayer, bubbleData, colors[i % colors.length], range, j, i, bubbleG, layerIndex, bubble_1);
                 });

package/src/maps/layers/legend.d.ts

@@ -79,6 +79,7 @@ export declare class Legend {
      * To calculate legend bounds and draw the legend shape and text.
      *
      * @returns {void}
+     * @private
      */
     renderLegend(): void;
     calculateLegendBounds(): void;
@@ -99,6 +100,7 @@ export declare class Legend {
     private legendTextTrim;
     /**
      * To draw the legend shape and text.
+     * @private
      */
     drawLegend(): void;
     /**

package/src/maps/layers/legend.js

@@ -64,6 +64,7 @@ var Legend = /** @class */ (function () {
      * To calculate legend bounds and draw the legend shape and text.
      *
      * @returns {void}
+     * @private
      */
     Legend.prototype.renderLegend = function () {
         this.legendRenderingCollections = [];
@@ -408,6 +409,7 @@ var Legend = /** @class */ (function () {
     // eslint-disable-next-line valid-jsdoc
     /**
      * To draw the legend shape and text.
+     * @private
      */
     Legend.prototype.drawLegend = function () {
         var map = this.maps;

package/src/maps/layers/marker.d.ts

@@ -28,18 +28,21 @@ export declare class Marker {
      *
      * @param {LayerSettings[]} layersCollection - Specifies the layer settings instance.
      * @returns {void}
+     * @private
      */
     calculateZoomCenterPositionAndFactor(layersCollection: LayerSettings[]): void;
     /**
      * To check and trigger marker click event
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     markerClick(e: PointerEvent): void;
     /**
      * To check and trigger Cluster click event
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     markerClusterClick(e: PointerEvent): void;
     /**
@@ -54,6 +57,7 @@ export declare class Marker {
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     markerMove(e: PointerEvent): void;
     /**
@@ -61,6 +65,7 @@ export declare class Marker {
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     markerClusterMouseMove(e: PointerEvent): void;
     /**

package/src/maps/layers/marker.js

@@ -1,4 +1,4 @@
-import { markerRendering, convertTileLatLongToPoint, MapLocation } from '../index';
+import { markerRendering, convertTileLatLongToPoint, MapLocation, markerDragStart } from '../index';
 import { markerClick, markerMouseMove, markerClusterClick, markerClusterMouseMove } from '../index';
 import { isNullOrUndefined, createElement } from '@syncfusion/ej2-base';
 import { getTranslate, convertGeoToPoint, clusterTemplate, marker, markerTemplate, getZoomTranslate } from '../utils/helper';
@@ -146,6 +146,7 @@ var Marker = /** @class */ (function () {
      *
      * @param {LayerSettings[]} layersCollection - Specifies the layer settings instance.
      * @returns {void}
+     * @private
      */
     Marker.prototype.calculateZoomCenterPositionAndFactor = function (layersCollection) {
         if (!isNullOrUndefined(this.maps)) {
@@ -218,7 +219,7 @@ var Marker = /** @class */ (function () {
                     }
                     var markerFactor = void 0;
                     if (this.maps.isTileMap || this.maps.baseMapRectBounds['min']['x'] === 0) {
-                        zoomLevel = calculateZoomLevel(minLat_1, maxLat_1, minLong_1, maxLong_1, mapWidth, mapHeight, this.maps);
+                        zoomLevel = calculateZoomLevel(minLat_1, maxLat_1, minLong_1, maxLong_1, mapWidth, mapHeight, this.maps, false);
                         if (this.maps.isTileMap) {
                             markerFactor = isNullOrUndefined(this.maps.markerZoomFactor) ?
                                 zoomLevel : isNullOrUndefined(this.maps.mapScaleValue) ?
@@ -274,6 +275,7 @@ var Marker = /** @class */ (function () {
      * To check and trigger marker click event
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     Marker.prototype.markerClick = function (e) {
         var target = e.target.id;
@@ -284,6 +286,9 @@ var Marker = /** @class */ (function () {
         if (isNullOrUndefined(options)) {
             return;
         }
+        if (options.marker.enableDrag) {
+            document.getElementById(this.maps.element.id + "_svg").style.cursor = 'grabbing';
+        }
         var eventArgs = {
             cancel: false, name: markerClick, data: options.data, maps: this.maps,
             marker: options.marker, target: target, x: e.clientX, y: e.clientY,
@@ -292,11 +297,39 @@ var Marker = /** @class */ (function () {
             value: options.data['name']
         };
         this.maps.trigger(markerClick, eventArgs);
+        if (options.marker.enableDrag) {
+            var isCluster = false;
+            var layerIndex = parseInt(target.split('_LayerIndex_')[1].split('_')[0], 10);
+            var markerIndex = parseInt(target.split('_MarkerIndex_')[1].split('_')[0], 10);
+            var dataIndex_1 = parseInt(target.split('_dataIndex_')[1].split('_')[0], 10);
+            var marker_1 = this.maps.layers[layerIndex].markerSettings[markerIndex];
+            if (this.sameMarkerData.length > 0) {
+                isCluster = (this.sameMarkerData[0].data.filter(function (el) { return (el['index'] == dataIndex_1); })).length > 0 &&
+                    this.sameMarkerData[0].layerIndex === layerIndex && this.sameMarkerData[0].markerIndex === markerIndex;
+            }
+            if (!isCluster) {
+                var dragEventArgs = {
+                    name: markerDragStart, x: e.clientX, y: e.clientY,
+                    latitude: options.data['latitude'] || options.data['Latitude'],
+                    longitude: options.data['longitude'] || options.data['Longitude'],
+                    layerIndex: layerIndex, markerIndex: markerIndex, dataIndex: dataIndex_1
+                };
+                this.maps.trigger(markerDragStart, dragEventArgs);
+                this.maps.markerDragArgument = {
+                    targetId: target, x: e.clientX, y: e.clientY,
+                    latitude: options.data['latitude'] || options.data['Latitude'],
+                    longitude: options.data['longitude'] || options.data['Longitude'],
+                    shape: isNullOrUndefined(marker_1.shapeValuePath) ? marker_1.shape : marker_1.dataSource[dataIndex_1][marker_1.shapeValuePath],
+                    layerIndex: layerIndex, markerIndex: markerIndex, dataIndex: dataIndex_1
+                };
+            }
+        }
     };
     /**
      * To check and trigger Cluster click event
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     Marker.prototype.markerClusterClick = function (e) {
         var target = e.target.id;
@@ -367,7 +400,7 @@ var Marker = /** @class */ (function () {
                 if ((target.indexOf('_cluster_') > -1)) {
                     var isClusterSame = false;
                     var clusterElement = document.getElementById(target.indexOf('_datalabel_') > -1 ? layer.markerClusterSettings.shape === 'Balloon' ? target.split('_datalabel_')[0] + '_Group' : target.split('_datalabel_')[0] : layer.markerClusterSettings.shape === 'Balloon' ? target + '_Group' : target);
-                    var indexes = layer.markerClusterSettings.shape === 'Balloon' ? clusterElement.children[0].innerHTML.split(',').map(Number) : clusterElement.innerHTML.split(',').map(Number);
+                    var indexes = layer.markerClusterSettings.shape === 'Balloon' ? clusterElement.children[0].innerText.split(',').map(Number) : clusterElement.innerText.split(',').map(Number);
                     collection_1 = [];
                     for (var _i = 0, indexes_1 = indexes; _i < indexes_1.length; _i++) {
                         var i = indexes_1[_i];
@@ -391,6 +424,7 @@ var Marker = /** @class */ (function () {
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     Marker.prototype.markerMove = function (e) {
         var targetId = e.target.id;
@@ -401,6 +435,10 @@ var Marker = /** @class */ (function () {
         if (isNullOrUndefined(options)) {
             return;
         }
+        if (options.marker.enableDrag) {
+            document.getElementById(this.maps.element.id + "_svg").style.cursor = isNullOrUndefined(this.maps.markerDragArgument) ?
+                'pointer' : 'grabbing';
+        }
         var eventArgs = {
             cancel: false, name: markerMouseMove, data: options.data,
             maps: this.maps, target: targetId, x: e.clientX, y: e.clientY
@@ -412,6 +450,7 @@ var Marker = /** @class */ (function () {
      *
      * @param {PointerEvent} e - Specifies the pointer event argument.
      * @returns {void}
+     * @private
      */
     Marker.prototype.markerClusterMouseMove = function (e) {
         var targetId = e.target.id;

package/src/maps/layers/navigation-selected-line.d.ts

@@ -13,6 +13,7 @@ export declare class NavigationLine {
      * @param {number} factor - Specifies the current zoom factor of the Maps.
      * @param {number} layerIndex -Specifies the index of current layer.
      * @returns {Element} - Returns the navigation line element.
+     * @private
      */
     renderNavigation(layer: LayerSettings, factor: number, layerIndex: number): Element;
     private convertRadius;

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

@@ -15,6 +15,7 @@ var NavigationLine = /** @class */ (function () {
      * @param {number} factor - Specifies the current zoom factor of the Maps.
      * @param {number} layerIndex -Specifies the index of current layer.
      * @returns {Element} - Returns the navigation line element.
+     * @private
      */
     NavigationLine.prototype.renderNavigation = function (layer, factor, layerIndex) {
         var group;