@syncfusion/ej2-maps 31.2.2 → 32.1.19

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _maps from '@syncfusion/ej2-maps';
 
 export declare namespace ej {

package/package.json

@@ -1,53 +1,19 @@
 {
-  "_from": "@syncfusion/ej2-maps@*",
-  "_id": "@syncfusion/ej2-maps@31.1.1",
-  "_inBundle": false,
-  "_integrity": "sha512-IbeGjXXeiLdbFukZo+e2SqauaYvhhnnUUdUPap2m/VdIK1DC7Yn7BX23tzGBNIaHEz9Zc3iPXvf8EcQwHhkCVA==",
-  "_location": "/@syncfusion/ej2-maps",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-maps@*",
-    "name": "@syncfusion/ej2-maps",
-    "escapedName": "@syncfusion%2fej2-maps",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-maps",
-    "/@syncfusion/ej2-react-maps",
-    "/@syncfusion/ej2-vue-maps"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-maps/-/ej2-maps-31.1.1.tgz",
-  "_shasum": "bf377a92730246baeaee36e9df53f94856664dfc",
-  "_spec": "@syncfusion/ej2-maps@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-maps",
+  "version": "32.1.19",
+  "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",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-buttons": "~31.2.2",
-    "@syncfusion/ej2-compression": "~31.2.2",
-    "@syncfusion/ej2-data": "~31.2.2",
-    "@syncfusion/ej2-file-utils": "~31.2.2",
-    "@syncfusion/ej2-pdf-export": "~31.2.2",
-    "@syncfusion/ej2-svg-base": "~31.2.2"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-buttons": "~32.1.19",
+    "@syncfusion/ej2-compression": "~32.1.19",
+    "@syncfusion/ej2-data": "~32.1.19",
+    "@syncfusion/ej2-file-utils": "~32.1.19",
+    "@syncfusion/ej2-pdf-export": "~32.1.19",
+    "@syncfusion/ej2-svg-base": "~32.1.19"
   },
-  "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",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-maps.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -84,15 +50,14 @@
     "geometry-collection",
     "feature-collection"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-maps.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-maps",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
+  "main": "./dist/ej2-maps.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-maps.es5.js",
   "typings": "index.d.ts",
-  "version": "31.2.2",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -322,35 +322,40 @@ var LayerPanel = /** @class */ (function () {
         }
         this.rectBounds = null;
         var shapeSettings = this.currentLayer.shapeSettings;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        Array.prototype.forEach.call(renderData, function (geometryData) {
-            if (!isNullOrUndefined(geometryData['geometry']) || !isNullOrUndefined(geometryData['coordinates'])) {
-                var type = !isNullOrUndefined(geometryData['geometry']) ? geometryData['geometry']['type'] : geometryData['type'];
+        for (var r = 0; r < renderData.length; r++) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            var geometryData = renderData[r];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            var geom = geometryData['geometry'];
+            var hasGeom = !isNullOrUndefined(geom);
+            var hasCoords = !isNullOrUndefined(geometryData['coordinates']);
+            if (hasGeom || hasCoords) {
+                var type = hasGeom ? geom['type'] : geometryData['type'];
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                var coords = !isNullOrUndefined(geometryData['geometry']) ? geometryData['geometry']['coordinates'] :
-                    geometryData['coordinates'];
+                var coords = hasGeom ? geom['coordinates'] : geometryData['coordinates'];
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                var data = geometryData['geometry'];
+                var data = geom;
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var properties = geometryData['properties'];
-                _this.generatePoints(type, coords, data, properties);
+                this.generatePoints(type, coords, data, properties);
             }
-        });
+        }
         this.currentLayer.rectBounds = this.rectBounds;
         if (isNullOrUndefined(this.mapObject.baseMapRectBounds) && this.currentLayer.isBaseLayer) {
             this.mapObject.baseMapRectBounds = this.rectBounds;
         }
         var colors = (!isNullOrUndefined(shapeSettings.palette) && shapeSettings.palette.length > 1) ?
             shapeSettings.palette : getShapeColor(this.mapObject.theme);
+        var areaRect = this.mapObject.mapAreaRect;
         var labelTemplateEle = createElement('div', {
             id: this.mapObject.element.id + '_LayerIndex_' + layerIndex + '_Label_Template_Group',
             className: this.mapObject.element.id + '_template'
         });
         labelTemplateEle.style.cssText = 'pointer-events: none; overflow: hidden; position: absolute;' +
-            'top:' + this.mapObject.mapAreaRect.y + 'px;' +
-            'left:' + this.mapObject.mapAreaRect.x + 'px;' +
-            'height:' + this.mapObject.mapAreaRect.height + 'px;' +
-            'width:' + this.mapObject.mapAreaRect.width + 'px;';
+            'top:' + areaRect.y + 'px;' +
+            'left:' + areaRect.x + 'px;' +
+            'height:' + areaRect.height + 'px;' +
+            'width:' + areaRect.width + 'px;';
         if (this.currentLayer.layerData.length !== 0) {
             var _loop_1 = function (i) {
                 var k = void 0;
@@ -395,11 +400,13 @@ var LayerPanel = /** @class */ (function () {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     this_1.currentLayer.dataSource, currentShapeData['property'], this_1.currentLayer.shapeDataPath, this_1.currentLayer.shapePropertyPath, this_1.currentLayer);
                     if (k !== null) {
-                        if (this_1.currentLayer.dataSource[k][shapeSettings.borderColorValuePath]) {
-                            borderValue.color = this_1.currentLayer.dataSource[k][shapeSettings.borderColorValuePath];
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        var currentDataSource = this_1.currentLayer.dataSource[k];
+                        if (currentDataSource[shapeSettings.borderColorValuePath]) {
+                            borderValue.color = currentDataSource[shapeSettings.borderColorValuePath];
                         }
-                        if (this_1.currentLayer.dataSource[k][shapeSettings.borderWidthValuePath]) {
-                            borderValue.width = this_1.currentLayer.dataSource[k][shapeSettings.borderWidthValuePath];
+                        if (currentDataSource[shapeSettings.borderWidthValuePath]) {
+                            borderValue.width = currentDataSource[shapeSettings.borderWidthValuePath];
                         }
                     }
                 }
@@ -462,17 +469,26 @@ var LayerPanel = /** @class */ (function () {
                     switch (drawingType) {
                         case 'Polygon':
                             if (!currentShapeData['_isMultiPolygon']) {
-                                path += 'M' + (currentShapeData[0]['point']['x']) + ' ' + (currentShapeData[0]['point']['y']);
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                currentShapeData.map(function (shapeData) {
-                                    path += ' L ' + (shapeData['point']['x']) + ' ' + (shapeData['point']['y']);
-                                });
+                                var shapeData = currentShapeData;
+                                if (shapeData.length > 0) {
+                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                    var firstPoint = shapeData[0]['point'];
+                                    var pathSegments = ['M', String(firstPoint['x']), String(firstPoint['y'])];
+                                    for (var index = 0; index < shapeData.length; index++) {
+                                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                        var point = shapeData[index]['point'];
+                                        pathSegments.push('L', String(point['x']), String(point['y']));
+                                    }
+                                    pathSegments.push('z');
+                                    path = pathSegments.join(' ');
+                                }
                             }
                             else {
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 path = _this.generateMultiPolygonPath(currentShapeData);
+                                path += ' z ';
                             }
-                            path += ' z ';
                             if (path.length > 3) {
                                 pathOptions = new PathOption(shapeID, eventArgs.fill, eventArgs.border.width, eventArgs.border.color, opacity, eventArgs.border.opacity, shapeSettings.dashArray, path);
                                 pathEle = _this.mapObject.renderer.drawPath(pathOptions);
@@ -700,19 +716,22 @@ var LayerPanel = /** @class */ (function () {
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     LayerPanel.prototype.generateMultiPolygonPath = function (currentShapeData) {
-        var path = '';
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var shape;
-        for (var j = 0; j < currentShapeData.length; j++) {
-            path += 'M' + (currentShapeData[j][0]['point']['x']) + ' ' + (currentShapeData[j][0]['point']['y']);
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            shape = currentShapeData[j];
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            shape.map(function (shapeData) {
-                path += ' L ' + (shapeData['point']['x']) + ' ' + (shapeData['point']['y']);
-            });
+        var parts = [];
+        for (var _i = 0, currentShapeData_1 = currentShapeData; _i < currentShapeData_1.length; _i++) {
+            var shape = currentShapeData_1[_i];
+            if (!shape || shape.length === 0) {
+                continue;
+            }
+            var startX = shape[0].point.x;
+            var startY = shape[0].point.y;
+            parts.push("M" + startX + " " + startY);
+            for (var i = 1; i < shape.length; i++) {
+                var x = shape[i].point.x;
+                var y = shape[i].point.y;
+                parts.push(" L " + x + " " + y);
+            }
         }
-        return path;
+        return parts.join(' ');
     };
     /**
      * To render bubble.
@@ -1038,33 +1057,51 @@ var LayerPanel = /** @class */ (function () {
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     LayerPanel.prototype.calculatePolygonBox = function (coordinates) {
-        var _this = this;
+        // Use a simple for-loop, cache frequent lookups, and update rectBounds once
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var newData = [];
         var bounds = this.mapObject.baseMapBounds;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        coordinates.map(function (currentPoint) {
+        var lonMin = bounds.longitude.min;
+        var lonMax = bounds.longitude.max;
+        var latMin = bounds.latitude.min;
+        var latMax = bounds.latitude.max;
+        var minX;
+        var minY;
+        var maxX;
+        var maxY;
+        for (var i = 0; i < coordinates.length; i++) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            var currentPoint = coordinates[i];
             var latitude = currentPoint[1];
             var longitude = currentPoint[0];
-            if ((longitude >= bounds.longitude.min && longitude <= bounds.longitude.max)
-                && (latitude >= bounds.latitude.min && latitude <= bounds.latitude.max)) {
-                var point = convertGeoToPoint(latitude, longitude, _this.currentFactor, _this.currentLayer, _this.mapObject);
-                if (isNullOrUndefined(_this.rectBounds)) {
-                    _this.rectBounds = { min: { x: point.x, y: point.y }, max: { x: point.x, y: point.y } };
+            if (longitude >= lonMin && longitude <= lonMax && latitude >= latMin && latitude <= latMax) {
+                var point = convertGeoToPoint(latitude, longitude, this.currentFactor, this.currentLayer, this.mapObject);
+                if (minX === undefined) {
+                    minX = maxX = point.x;
+                    minY = maxY = point.y;
                 }
                 else {
-                    _this.rectBounds['min']['x'] = Math.min(_this.rectBounds['min']['x'], point.x);
-                    _this.rectBounds['min']['y'] = Math.min(_this.rectBounds['min']['y'], point.y);
-                    _this.rectBounds['max']['x'] = Math.max(_this.rectBounds['max']['x'], point.x);
-                    _this.rectBounds['max']['y'] = Math.max(_this.rectBounds['max']['y'], point.y);
+                    // Update local bounds only
+                    minX = Math.min(minX, point.x);
+                    minY = Math.min(minY, point.y);
+                    maxX = Math.max(maxX, point.x);
+                    maxY = Math.max(maxY, point.y);
                 }
-                newData.push({
-                    point: point,
-                    lat: latitude,
-                    lng: longitude
-                });
+                newData.push({ point: point, lat: latitude, lng: longitude });
             }
-        });
+        }
+        // Apply the accumulated bounds once to reduce repeated property access
+        if (newData.length) {
+            if (isNullOrUndefined(this.rectBounds)) {
+                this.rectBounds = { min: { x: minX, y: minY }, max: { x: maxX, y: maxY } };
+            }
+            else {
+                this.rectBounds.min.x = Math.min(this.rectBounds.min.x, minX);
+                this.rectBounds.min.y = Math.min(this.rectBounds.min.y, minY);
+                this.rectBounds.max.x = Math.max(this.rectBounds.max.x, maxX);
+                this.rectBounds.max.y = Math.max(this.rectBounds.max.y, maxY);
+            }
+        }
         return newData;
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/ts/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * exporting all modules from maps index
- */
-export * from './maps/index';

package/dist/ts/index.ts

@@ -1,4 +0,0 @@
-/**
- * exporting all modules from maps index
- */
-export * from './maps/index';

package/dist/ts/maps/index.d.ts

@@ -1,28 +0,0 @@
-/**
- * export all modules from maps component
- */
-export * from './maps';
-export * from './maps-model';
-export * from './model/interface';
-export * from './model/constants';
-export * from './model/base';
-export * from './model/base-model';
-export * from './utils/enum';
-export * from './utils/helper';
-export * from './layers/layer-panel';
-export * from './layers/bubble';
-export * from './layers/bing-map';
-export * from './layers/marker';
-export * from './layers/polygon';
-export * from './layers/color-mapping';
-export * from './layers/data-label';
-export * from './layers/navigation-selected-line';
-export * from './layers/legend';
-export * from './user-interaction/highlight';
-export * from './user-interaction/selection';
-export * from './user-interaction/tooltip';
-export * from './user-interaction/zoom';
-export * from './user-interaction/annotation';
-export * from './model/print';
-export * from './model/export-image';
-export * from './model/export-pdf';

package/dist/ts/maps/index.ts

@@ -1,28 +0,0 @@
-/**
- * export all modules from maps component
- */
-export * from './maps';
-export * from './maps-model';
-export * from './model/interface';
-export * from './model/constants';
-export * from './model/base';
-export * from './model/base-model';
-export * from './utils/enum';
-export * from './utils/helper';
-export * from './layers/layer-panel';
-export * from './layers/bubble';
-export * from './layers/bing-map';
-export * from './layers/marker';
-export * from './layers/polygon';
-export * from './layers/color-mapping';
-export * from './layers/data-label';
-export * from './layers/navigation-selected-line';
-export * from './layers/legend';
-export * from './user-interaction/highlight';
-export * from './user-interaction/selection';
-export * from './user-interaction/tooltip';
-export * from './user-interaction/zoom';
-export * from './user-interaction/annotation';
-export * from './model/print';
-export * from './model/export-image';
-export * from './model/export-pdf';

package/dist/ts/maps/layers/bing-map.d.ts

@@ -1,21 +0,0 @@
-import { Maps } from '../maps';
-import { Tile } from '../index';
-/**
- * Bing map src doc
- */
-export declare class BingMap {
-    /**
-     * map instance
-     */
-    private maps;
-    subDomains: string[];
-    imageUrl: string;
-    maxZoom: string;
-    constructor(maps: Maps);
-    getBingMap(tile: Tile, key: string, type: string, language: string, imageUrl: string, subDomains: string[]): string;
-    /**
-     * @returns {void}
-     * @private
-     */
-    destroy(): void;
-}

package/dist/ts/maps/layers/bing-map.ts

@@ -1,51 +0,0 @@
-import { Maps } from '../maps';
-import { Tile } from '../index';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
-
-/**
- * Bing map src doc
- */
-export class BingMap {
-    /**
-     * map instance
-     */
-    private maps: Maps;
-    public subDomains: string[];
-    public imageUrl: string;
-    public maxZoom: string;
-    constructor(maps: Maps) {
-        this.maps = maps;
-    }
-
-    public getBingMap(tile: Tile, key: string, type: string, language: string, imageUrl: string, subDomains: string[]): string {
-        let quadKey: string = '';
-        const maxZoom: number = Math.min(this.maps.tileZoomLevel, parseInt(this.maxZoom, 10));
-        for (let i: number = maxZoom; i > 0; i--) {
-            let digit: number = 0;
-            const mask: number = 1 << (i - 1);
-            if ((tile.x & mask) !== 0) {
-                digit++;
-            }
-            if ((tile.y & mask) !== 0) {
-                digit += 2;
-            }
-            quadKey = quadKey + '' + digit;
-        }
-        if (!isNullOrUndefined(subDomains)) {
-            const subDomain: string = subDomains[Math.min(parseInt(quadKey.substr(quadKey.length - 1, 1), 10), subDomains.length)];
-            imageUrl = imageUrl.replace('{quadkey}', quadKey).replace('{subdomain}', subDomain);
-            return imageUrl += '&mkt=' + language + '&ur=IN&Key=' + key;
-        } else {
-            return '';
-        }
-    }
-
-    /**
-     * @returns {void}
-     * @private
-     */
-    public destroy(): void {
-        this.maps = null;
-        this.subDomains = [];
-    }
-}

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

@@ -1,77 +0,0 @@
-import { Maps } from '../../index';
-import { BubbleSettingsModel } from '../index';
-import { LayerSettings } from '../index';
-/**
- * Bubble module class
- */
-export declare class Bubble {
-    private maps;
-    /** @private */
-    bubbleCollection: object[];
-    /**
-     * Bubble Id for current layer
-     *
-     * @private
-     */
-    id: string;
-    constructor(maps: Maps);
-    /**
-     * To render bubble
-     *
-     * @param {BubbleSettingsModel} bubbleSettings - Specifies the bubble data to be rendered
-     * @param {object} shapeData - Specifies the data about the shape
-     * @param {string} color - Specifies the color of the bubble
-     * @param {number} range - Specifies the range of the bubble
-     * @param {number} range.min - Specifies the minimum range of the bubble
-     * @param {number} range.max - Specifies the maximum range of the bubble
-     * @param {number} bubbleIndex - Specifies the index of the bubble
-     * @param {number} dataIndex - Specifies the index of the data
-     * @param {number} layerIndex - Specifies the index of the layer
-     * @param {LayerSettings} layer - Specifies the layer data
-     * @param {Element} group - Specifies the element group
-     * @param {string} bubbleID - Specifies the ID of the bubble
-     * @returns {void}
-     * @private
-     */
-    renderBubble(bubbleSettings: BubbleSettingsModel, shapeData: object, color: string, range: {
-        min: number;
-        max: number;
-    }, bubbleIndex: number, dataIndex: number, layerIndex: number, layer: LayerSettings, group: Element, bubbleID?: string): void;
-    private getPoints;
-    /**
-     * To check and trigger bubble click event.
-     *
-     * @param {PointerEvent} e - Specifies the pointer event argument.
-     * @returns {void}
-     * @private
-     */
-    bubbleClick(e: PointerEvent): void;
-    /**
-     * To get bubble from target id.
-     *
-     * @param {string} target - Specifies the target
-     * @returns {object} - Returns the object
-     */
-    private getbubble;
-    /**
-     * To check and trigger bubble move event.
-     *
-     * @param {PointerEvent} e - Specifies the pointer event argument.
-     * @retruns {void}
-     * @private
-     */
-    bubbleMove(e: PointerEvent): void;
-    /**
-     * Get module name.
-     *
-     * @returns {string} - Returns the module name.
-     */
-    protected getModuleName(): string;
-    /**
-     * To destroy the bubble.
-     *
-     * @returns {void}
-     * @private
-     */
-    destroy(): void;
-}