@syncfusion/ej2-maps - npm Package Compare versions

Comparing version 26.2.10 to 27.1.48

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 26.2.10
+*  version : 27.1.48
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_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",
@@ -26,6 +26,6 @@ "_phantomChildren": {},
   ],
-  "_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": {
@@ -39,9 +39,10 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.10",
-    "@syncfusion/ej2-buttons": "~26.2.10",
-    "@syncfusion/ej2-compression": "~26.2.10",
-    "@syncfusion/ej2-data": "~26.2.10",
-    "@syncfusion/ej2-file-utils": "~26.2.10",
-    "@syncfusion/ej2-pdf-export": "~26.2.10",
-    "@syncfusion/ej2-svg-base": "~26.2.10"
+    "@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"
   },
@@ -98,4 +99,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "26.2.10",
+  "version": "27.1.48",
   "sideEffects": false
 }

src/maps/layers/data-label.js

@@ -263,3 +263,4 @@ import { findMidPointOfPolygon, Rect, filter, getTemplateFunction, getZoomTranslate, getTranslate, RectOption, convertElementFromLabel, Point, TextOption, renderTextElement, textTrim, Internalize, measureTextElement } from '../utils/helper';
                 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
@@ -271,11 +272,14 @@ var textType = typeof text === 'number' ? text.toString() : text;
                     }
-                    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++) {
@@ -296,3 +300,3 @@ if (!isNullOrUndefined(intersect[i])) {
                     var difference = void 0;
-                    if (dataLabelSettings.intersectionAction === 'Trim') {
+                    if (intersectionAction === 'Trim') {
                         for (var j = 0; j < intersect.length; j++) {
@@ -327,3 +331,3 @@ if (!isNullOrUndefined(intersect[j])) {
                     }
-                    if (dataLabelSettings.intersectionAction === 'None') {
+                    if (intersectionAction === 'None') {
                         options = new TextOption(labelId, (textLocation.x), (textLocation.y), 'middle', text, '', '');
@@ -330,0 +334,0 @@ }

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

@@ -130,11 +130,2 @@ import { Maps } from '../../maps/maps';
     /**
-     * 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.
@@ -141,0 +132,0 @@ *

src/maps/layers/marker.js

@@ -286,3 +286,4 @@ import { markerRendering, convertTileLatLongToPoint, MapLocation, markerDragStart } from '../index';
                         : 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;
@@ -289,0 +290,0 @@ this.maps.tileTranslatePoint.y = 0;

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

@@ -92,3 +92,3 @@ import { convertTileLatLongToPoint } from '../index';
                         arrowColor = arrowSettings.color;
-                        arrowSize = arrowSettings.size;
+                        arrowSize = !isNullOrUndefined(arrowSettings.size) ? arrowSettings.size : 0;
                         offSetValue = !isNullOrUndefined(arrowSettings.offSet) ? arrowSettings.offSet : 0;
@@ -95,0 +95,0 @@ var divide = (Math.round(arrowSize / 2));

src/maps/maps-model.d.ts

@@ -1,2 +0,2 @@
-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';
@@ -3,0 +3,0 @@

src/maps/maps.d.ts

@@ -34,3 +34,3 @@ /**
 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';
@@ -140,2 +140,8 @@ import { Polygon } from './layers/polygon';
     /**
+     * This module enables the bing map functionality in maps.
+     *
+     * @private
+     */
+    bingMap: BingMap;
+    /**
      * Gets or sets the background color of the maps container.
@@ -624,4 +630,2 @@ *
     /** @private */
-    isTileMapSubLayer: boolean;
-    /** @private */
     shouldZoomCurrentFactor: number;
@@ -904,6 +908,20 @@ /** @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.
@@ -910,0 +928,0 @@ *

src/maps/model/export-pdf.js

@@ -46,3 +46,4 @@ import { createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
             var backgroundColor = backgroundElement.getAttribute('fill');
-            if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3' || maps.theme === 'Fluent2')
+            if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3' ||
+                maps.theme === 'Fluent2')
                 && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
@@ -49,0 +50,0 @@ exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');

src/maps/model/print.js

@@ -57,3 +57,4 @@ import { print as printFunction, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3' || maps.theme === 'Fluent2')
+                if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3' ||
+                    maps.theme === 'Fluent2')
                     && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
@@ -60,0 +61,0 @@ backgroundElement.setAttribute('fill', 'rgba(255,255,255, 1)');

src/maps/model/theme.js

@@ -178,10 +178,2 @@ /**
             break;
-        case 'bootstrap5':
-            themePalette = ['#262E0B', '#668E1F', '#AF6E10', '#862C0B', '#1F2D50',
-                '#64680B', '#311508', '#4C4C81', '#0C7DA0', '#862C0B'];
-            break;
-        case 'bootstrap5dark':
-            themePalette = ['#5ECB9B', '#A860F1', '#EBA844', '#557EF7', '#E9599B',
-                '#BFC529', '#3BC6CF', '#7A68EC', '#74B706', '#EA6266'];
-            break;
         case 'fluent':
@@ -212,2 +204,7 @@ themePalette = ['#614570', '#4C6FB1', '#CC6952', '#3F579A', '#4EA09B',
             break;
+        case 'bootstrap5':
+        case 'bootstrap5dark':
+            themePalette = ['#6610F2', '#6f42C1', '#D63384', '#DC3545',
+                '#FD7E14', '#FFC107', '#198754', '#0DCAF0'];
+            break;
         default:
@@ -509,4 +506,4 @@ themePalette = ['#B5E485', '#7BC1E8', '#DF819C', '#EC9B79', '#78D0D3',
             style = {
-                backgroundColor: 'rgba(255,255,255, 0.0)',
-                areaBackgroundColor: 'rgba(255,255,255, 0.0)',
+                backgroundColor: 'transparent',
+                areaBackgroundColor: 'transparent',
                 titleFontColor: '#212529',
@@ -517,24 +514,26 @@ subTitleFontColor: '#212529',
                 dataLabelFontColor: '#212529',
-                tooltipFontColor: '#F9FAFB',
-                tooltipFillColor: '#212529',
-                zoomFillColor: '#6C757D',
-                fontFamily: 'Helvetica Neue',
-                fontSize: '12px',
-                fontWeight: 'Medium',
+                tooltipFontColor: '#FFFFFF',
+                tooltipFillColor: '#000000',
+                zoomFillColor: '#6E757D',
+                fontFamily: 'Segoe UI',
+                fontSize: '10px',
+                fontWeight: '400',
                 titleFontSize: '14px',
-                legendFontSize: '12px',
-                tooltipFillOpacity: 1,
+                subTitleFontSize: '12px',
+                legendFontSize: '10px',
+                tooltipFillOpacity: 0.9,
                 tooltipTextOpacity: 1,
-                labelFontFamily: 'Helvetica Neue',
-                titleFontWeight: 'normal',
-                zoomSelectionColor: '#343A40',
+                labelFontFamily: 'Segoe UI',
+                titleFontWeight: '400',
+                zoomSelectionColor: '#212529',
+                zoomBorderColor: '#DEE2E6',
                 shapeFill: '#E9ECEF',
-                shapeBorderColor: '#000000',
-                rectangleZoomFillColor: '#d3d3d3',
-                rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: '#009900',
+                shapeBorderColor: '#DEE2E6',
+                zoomButtonRadius: 32,
+                rectangleZoomBorderColor: '#0D6EFD',
+                rectangleZoomFillColor: '#86B7FE',
+                rectangleZoomFillOpacity: 0.30,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0,
-                tooltipBorderColor: 'transparent',
-                zoomButtonRadius: 30
+                tooltipBorderColor: 'transparent'
             };
@@ -544,31 +543,33 @@ break;
             style = {
-                backgroundColor: 'rgba(255,255,255, 0.0)',
-                areaBackgroundColor: 'rgba(255,255,255, 0.0)',
-                titleFontColor: '#FFFFFF',
-                subTitleFontColor: '#FFFFFF',
-                legendTitleFontColor: '#FFFFFF',
-                legendTextColor: '#FFFFFF',
-                dataLabelFontColor: '#FFFFFF',
+                backgroundColor: 'transparent',
+                areaBackgroundColor: 'transparent',
+                titleFontColor: '#DEE2E6',
+                subTitleFontColor: '#DEE2E6',
+                legendTitleFontColor: '#DEE2E6',
+                legendTextColor: '#DEE2E6',
+                dataLabelFontColor: '#DEE2E6',
                 tooltipFontColor: '#212529',
-                tooltipFillColor: '#E9ECEF',
-                zoomFillColor: '#B5BABE',
-                fontFamily: 'Helvetica Neue',
-                fontSize: '12px',
-                fontWeight: 'Medium',
+                tooltipFillColor: '#FFFFFF',
+                zoomFillColor: '#ADB5BD',
+                fontFamily: 'Segoe UI',
+                fontSize: '10px',
+                fontWeight: '400',
                 titleFontSize: '14px',
-                legendFontSize: '12px',
-                tooltipFillOpacity: 1,
+                subTitleFontSize: '12px',
+                legendFontSize: '10px',
+                tooltipFillOpacity: 0.9,
                 tooltipTextOpacity: 1,
-                labelFontFamily: 'Helvetica Neue',
-                titleFontWeight: 'normal',
-                zoomSelectionColor: '#DEE2E6',
-                shapeFill: '#495057',
-                shapeBorderColor: '#000000',
-                rectangleZoomFillColor: '#d3d3d3',
-                rectangleZoomFillOpacity: 0.5,
-                rectangleZoomBorderColor: '#009900',
+                labelFontFamily: 'Segoe UI',
+                titleFontWeight: '400',
+                zoomSelectionColor: '#F8F9FA',
+                zoomBorderColor: '#495057',
+                shapeFill: '#343A40',
+                shapeBorderColor: '#495057',
+                zoomButtonRadius: 32,
+                rectangleZoomFillColor: '#86B7FE',
+                rectangleZoomBorderColor: '#0D6EFD',
+                rectangleZoomFillOpacity: 0.30,
                 legendBorderColor: '#000000',
                 legendBorderWidth: 0,
-                tooltipBorderColor: 'transparent',
-                zoomButtonRadius: 30
+                tooltipBorderColor: 'transparent'
             };
@@ -802,4 +803,4 @@ break;
                 zoomBorderColor: '#FFFFFF',
-                shapeFill: '#292827',
-                shapeBorderColor: '#292827',
+                shapeFill: '#FFFFFF',
+                shapeBorderColor: '#FFFFFF',
                 rectangleZoomFillColor: '#1AEBFF',
@@ -806,0 +807,0 @@ rectangleZoomFillOpacity: 0.25,

src/maps/user-interaction/annotation.js

@@ -79,6 +79,8 @@ import { annotationRendering } from '../index';
         top = Math.abs(bounds.top - elementRect.top);
-        var annotationXValue = (annotation.x.indexOf('%') > -1) ? (availSize.width / 100) * parseFloat(annotation.x) :
-            parseFloat(annotation.x);
-        var annotationYValue = (annotation.y.indexOf('%') > -1) ? (availSize.height / 100) * parseFloat(annotation.y) :
-            parseFloat(annotation.y);
+        var annotationX = !isNullOrUndefined(annotation.x) ? annotation.x : '0%';
+        var annotationY = !isNullOrUndefined(annotation.y) ? annotation.y : '0%';
+        var annotationXValue = (annotationX.indexOf('%') > -1) ? (availSize.width / 100) * parseFloat(annotationX) :
+            parseFloat(annotationX);
+        var annotationYValue = (annotationY.indexOf('%') > -1) ? (availSize.height / 100) * parseFloat(annotationY) :
+            parseFloat(annotationY);
         left = (annotation.horizontalAlignment === 'None') ? (left + annotationXValue) : left;
@@ -85,0 +87,0 @@ top = (annotation.verticalAlignment === 'None') ? (top + annotationYValue) : top;

src/maps/user-interaction/tooltip.js

@@ -95,3 +95,3 @@ import { tooltipRender } from '../index';
                     for (var k = 0; k < properties.length; k++) {
-                        if (!isNullOrUndefined(layer.dataSource)) {
+                        if (!isNullOrUndefined(layer.dataSource) && !isNullOrUndefined(layer.shapeDataPath)) {
                             for (var i = 0; i < layer['dataSource']['length']; i++) {
@@ -142,3 +142,3 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 layer.dataSource[index][option.valuePath]), this.maps) : value[shapePath];
-                        if (isNullOrUndefined(currentData)) {
+                        if (isNullOrUndefined(currentData) && !isNullOrUndefined(option.valuePath)) {
                             currentData = (option.valuePath.indexOf('.') > -1) ?
@@ -166,6 +166,8 @@ (getValueFromObject(value, option.valuePath)) : value[option.valuePath];
                         else {
-                            currentData =
-                                formatValue(((marker.tooltipSettings.valuePath.indexOf('.') > -1) ?
-                                    (getValueFromObject(marker.dataSource[dataIndex], marker.tooltipSettings.valuePath)) :
-                                    marker.dataSource[dataIndex][marker.tooltipSettings.valuePath]), this.maps);
+                            if (!isNullOrUndefined(marker.tooltipSettings.valuePath)) {
+                                currentData =
+                                    formatValue(((marker.tooltipSettings.valuePath.indexOf('.') > -1) ?
+                                        (getValueFromObject(marker.dataSource[dataIndex], marker.tooltipSettings.valuePath)) :
+                                        marker.dataSource[dataIndex][marker.tooltipSettings.valuePath]), this.maps);
+                            }
                         }
@@ -187,6 +189,8 @@ }
                     else {
-                        currentData =
-                            formatValue(((bubble.tooltipSettings.valuePath.indexOf('.') > -1) ?
-                                (getValueFromObject(bubble.dataSource[dataIndex], bubble.tooltipSettings.valuePath)) :
-                                bubble.dataSource[dataIndex][bubble.tooltipSettings.valuePath]), this.maps);
+                        if (!isNullOrUndefined(bubble.tooltipSettings.valuePath)) {
+                            currentData =
+                                formatValue(((bubble.tooltipSettings.valuePath.indexOf('.') > -1) ?
+                                    (getValueFromObject(bubble.dataSource[dataIndex], bubble.tooltipSettings.valuePath)) :
+                                    bubble.dataSource[dataIndex][bubble.tooltipSettings.valuePath]), this.maps);
+                        }
                     }
@@ -241,3 +245,4 @@ }
                     maps: this.maps, latitude: latitude, longitude: longitude,
-                    element: target, eventArgs: e, content: isPolygon ? polygon.tooltipText : !isNullOrUndefined(currentData) ? currentData.toString() : ''
+                    element: target, eventArgs: e, content: isPolygon ? (!isNullOrUndefined(polygon.tooltipText) ? polygon.tooltipText : '') :
+                        !isNullOrUndefined(currentData) ? currentData.toString() : ''
                 };
@@ -244,0 +249,0 @@ if (tooltipArgs.content !== '' || tooltipArgs.options['template'] !== '') {

src/maps/utils/helper.d.ts

@@ -933,2 +933,10 @@ import { Maps, FontModel, BorderModel, LayerSettings } from '../../index';
 /**
+ * Function to return the number value for the string value.
+ *
+ * @param {string | number} marginValue - Specifies the margin value.
+ * @returns {number} - Returns the number value.
+ * @private
+ */
+export declare function getProcessedMarginValue(marginValue: string | number): number;
+/**
  * To apply internalization.
@@ -935,0 +943,0 @@ *

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

67186

increased by0.11%

Worsened metrics

Total package byte prevSize

10698209

decreased by-0.01%

Dependency count

8

increased by14.29%

Number of package files

78

decreased by-1.27%

Dependency changes

• + Addedmarkdown-spellcheck@^1.3.1

• + Added@syncfusion/ej2-base@27.1.50(transitive)

• + Added@syncfusion/ej2-buttons@27.1.50(transitive)

• + Added@syncfusion/ej2-compression@27.1.50(transitive)

• + Added@syncfusion/ej2-data@27.1.50(transitive)

• + Added@syncfusion/ej2-file-utils@27.1.50(transitive)

• + Added@syncfusion/ej2-icons@27.1.50(transitive)

• + Added@syncfusion/ej2-pdf-export@27.1.50(transitive)

• + Added@syncfusion/ej2-svg-base@27.1.50(transitive)

• + Addedansi-escapes@1.4.0(transitive)

• + Addedansi-regex@2.1.1(transitive)

• + Addedansi-styles@2.2.13.2.1(transitive)

• + Addedargparse@1.0.10(transitive)

• + Addedarray-union@1.0.2(transitive)

• + Addedarray-uniq@1.0.3(transitive)

• + Addedasync@2.6.4(transitive)

• + Addedavailable-typed-arrays@1.0.7(transitive)

• + Addedbalanced-match@1.0.2(transitive)

• + Addedbrace-expansion@1.1.11(transitive)

• + Addedbuffer-from@1.1.2(transitive)

• + Addedcall-bind@1.0.7(transitive)

• + Addedchalk@1.1.32.4.2(transitive)

• + Addedcli-cursor@1.0.2(transitive)

• + Addedcli-width@2.2.1(transitive)

• + Addedcode-point-at@1.1.0(transitive)

• + Addedcolor-convert@1.9.3(transitive)

• + Addedcolor-name@1.1.3(transitive)

• + Addedcommander@2.20.3(transitive)

• + Addedconcat-map@0.0.1(transitive)

• + Addedconcat-stream@1.6.2(transitive)

• + Addedcore-util-is@1.0.3(transitive)

• + Addedcreate-thenable@1.0.3(transitive)

• + Addeddefine-data-property@1.1.4(transitive)

• + Addedes-define-property@1.0.0(transitive)

• + Addedes-errors@1.3.0(transitive)

• + Addedescape-string-regexp@1.0.5(transitive)

• + Addedesprima@4.0.1(transitive)

• + Addedexit-hook@1.1.1(transitive)

• + Addedextend@3.0.2(transitive)

• + Addedexternal-editor@1.1.1(transitive)

• + Addedfigures@1.7.0(transitive)

• + Addedfor-each@0.3.3(transitive)

• + Addedfor-in@1.0.2(transitive)

• + Addedfor-own@0.1.5(transitive)

• + Addedformatio@1.1.1(transitive)

• + Addedfs.realpath@1.0.0(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedget-intrinsic@1.2.4(transitive)

• + Addedglob@7.2.3(transitive)

• + Addedglobby@6.1.0(transitive)

• + Addedgopd@1.0.1(transitive)

• + Addedhas-ansi@2.0.0(transitive)

• + Addedhas-flag@3.0.0(transitive)

• + Addedhas-property-descriptors@1.0.2(transitive)

• + Addedhas-proto@1.0.3(transitive)

• + Addedhas-symbols@1.0.3(transitive)

• + Addedhas-tostringtag@1.0.2(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedhunspell-spellchecker@1.0.2(transitive)

• + Addedinflight@1.0.6(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedinquirer@1.2.3(transitive)

• + Addedis-arguments@1.1.1(transitive)

• + Addedis-callable@1.2.7(transitive)

• + Addedis-extendable@0.1.1(transitive)

• + Addedis-fullwidth-code-point@1.0.0(transitive)

• + Addedis-generator-function@1.0.10(transitive)

• + Addedis-typed-array@1.1.13(transitive)

• + Addedisarray@1.0.0(transitive)

• + Addedjs-yaml@3.14.1(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedlolex@1.3.2(transitive)

• + Addedmarkdown-spellcheck@1.3.1(transitive)

• + Addedmarked@0.3.19(transitive)

• + Addedminimatch@3.1.2(transitive)

• + Addedmute-stream@0.0.6(transitive)

• + Addednative-promise-only@0.8.1(transitive)

• + Addednumber-is-nan@1.0.1(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedobject.omit@2.0.1(transitive)

• + Addedonce@1.4.0(transitive)

• + Addedonetime@1.1.0(transitive)

• + Addedos-shim@0.1.3(transitive)

• + Addedos-tmpdir@1.0.2(transitive)

• + Addedpath-is-absolute@1.0.1(transitive)

• + Addedpify@2.3.0(transitive)

• + Addedpinkie@2.0.4(transitive)

• + Addedpinkie-promise@2.0.1(transitive)

• + Addedpossible-typed-array-names@1.0.0(transitive)

• + Addedprocess-nextick-args@2.0.1(transitive)

• + Addedreadable-stream@2.3.8(transitive)

• + Addedrestore-cursor@1.0.1(transitive)

• + Addedrun-async@2.4.1(transitive)

• + Addedrx@4.1.0(transitive)

• + Addedsafe-buffer@5.1.2(transitive)

• + Addedsamsam@1.1.2(transitive)

• + Addedset-function-length@1.2.2(transitive)

• + Addedsinon@1.17.7(transitive)

• + Addedsinon-as-promised@4.0.3(transitive)

• + Addedspawn-sync@1.0.15(transitive)

• + Addedsprintf-js@1.0.3(transitive)

• + Addedstring-width@1.0.2(transitive)

• + Addedstring_decoder@1.1.1(transitive)

• + Addedstrip-ansi@3.0.1(transitive)

• + Addedsupports-color@2.0.05.5.0(transitive)

• + Addedthrough@2.3.8(transitive)

• + Addedtmp@0.0.29(transitive)

• + Addedtypedarray@0.0.6(transitive)

• + Addedunique-concat@0.2.2(transitive)

• + Addedutil@0.12.5(transitive)

• + Addedutil-deprecate@1.0.2(transitive)

• + Addedwhich-typed-array@1.1.15(transitive)

• + Addedwrappy@1.0.2(transitive)

• - Removed@syncfusion/ej2-base@26.2.10(transitive)

• - Removed@syncfusion/ej2-buttons@26.2.10(transitive)

• - Removed@syncfusion/ej2-compression@26.2.10(transitive)

• - Removed@syncfusion/ej2-data@26.2.14(transitive)

• - Removed@syncfusion/ej2-file-utils@26.2.10(transitive)

• - Removed@syncfusion/ej2-icons@26.2.10(transitive)

• - Removed@syncfusion/ej2-pdf-export@26.2.14(transitive)

• - Removed@syncfusion/ej2-svg-base@26.2.10(transitive)

• Updated@syncfusion/ej2-base@~27.1.48

• Updated@syncfusion/ej2-buttons@~27.1.48

• Updated@syncfusion/ej2-compression@~27.1.48

• Updated@syncfusion/ej2-data@~27.1.48

• Updated@syncfusion/ej2-file-utils@~27.1.48

• Updated@syncfusion/ej2-pdf-export@~27.1.48

• Updated@syncfusion/ej2-svg-base@~27.1.48