@syncfusion/ej2-maps 25.2.5 → 26.1.35

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

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Alignment, LegendPosition, LegendType, LegendMode, ShapeLayerType, Type, MarkerType, Orientation, MapAjax } from '../../index';import { SmartLabelMode, IntersectAction } from '../../index';import { Theme } from './theme';import { Point, GeoLocation, Coordinate } from '../utils/helper';import { BingMapType, LegendArrangement, LegendShape, BubbleType, StaticMapType, ToolbarItem } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
+import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Alignment, LegendPosition, LegendType, LegendMode, Type, MarkerType, Orientation, MapAjax } from '../../index';import { SmartLabelMode, IntersectAction } from '../../index';import { Theme } from './theme';import { Point, GeoLocation, Coordinate } from '../utils/helper';import { LegendArrangement, LegendShape, BubbleType, ToolbarItem } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
 
 /**
  * Interface for a class Annotation
@@ -174,7 +174,7 @@ export interface ZoomToolbarButtonSettingsModel {
     /**
      * Gets or sets the radius of the button. This property is used to modify the size of the button.
      *
-     * @default 30
+     * @default null
      */
     radius?: number;
 
@@ -1236,61 +1236,6 @@ export interface ZoomSettingsModel {
      */
     enableSelectionZooming?: boolean;
 
-    /**
-     * Gets or sets the orientation of the zoom toolbar.
-     *
-     * @default Horizontal
-
-     */
-    toolBarOrientation?: Orientation;
-
-    /**
-     * Gets or sets the color for the toolbar in maps.
-     *
-     * @default null
-
-     */
-    color?: string;
-
-    /**
-     * Gets or sets the color for the zoom toolbar when the mouse has hovered on toolbar element in maps.
-     *
-     * @default null
-
-     */
-    highlightColor?: string;
-
-    /**
-     * Gets or sets the color for the zooming toolbar when clicking the zooming toolbar in maps.
-     *
-     * @default null
-
-     */
-    selectionColor?: string;
-
-    /**
-     * Gets or sets the position type of toolbar when it is placed horizontally.
-     *
-     * @default Far
-
-     */
-    horizontalAlignment?: Alignment;
-
-    /**
-     * Gets or sets the position type of toolbar when it is placed vertically.
-     *
-     * @default Near
-
-     */
-    verticalAlignment?: Alignment;
-
-    /**
-     * Gets or sets the items that are to be shown in the zooming toolbar of the maps. Zoom-in, zoom-out and reset buttons are displayed by default.
-     *
-
-     */
-    toolbars?: string[];
-
     /**
      * Enables or disables the mouse wheel zooming in maps.
      *
@@ -2016,40 +1961,6 @@ export interface LayerSettingsModel {
      */
     geometryType?: GeometryType;
 
-    /**
-     * Gets or sets the Bing map type for the layer. If you set GeoJSON data in the map and set the `BingMapType` value without setting the layer type as "Bing",
-     * then the map will be rendered based on the provided shape data since the default layer type will be set as "Geometry".
-     *
-
-     * @default Aerial
-     */
-    bingMapType?: BingMapType;
-
-    /**
-     * Gets or sets the type of the static maps.
-     *
-
-     * @default RoadMap
-     */
-    staticMapType?: StaticMapType;
-
-    /**
-     * Gets or sets the key for the online map provider to render in the layer of the maps.
-     *
-
-     * @default ''
-     */
-    key?: string;
-
-    /**
-     * Gets or sets the type of the layer in maps. If we use layer type with shape data property in layer of the maps
-     * then map will render based on the provided layer type.
-     *
-
-     * @default Geometry
-     */
-    layerType?: ShapeLayerType;
-
     /**
      * Gets or sets the URL of the online map providers.
      * The online map providers will be rendered only when the shape data is not set and layer type is set with default value.

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

@@ -3,7 +3,7 @@
  */
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
-import { Alignment, LegendPosition, LegendType, LegendMode, ShapeLayerType, Type, MarkerType, Orientation, MapAjax } from '../../index';
+import { Alignment, LegendPosition, LegendType, LegendMode, Type, MarkerType, Orientation, MapAjax } from '../../index';
 import { SmartLabelMode, IntersectAction } from '../../index';
 import { BorderModel, ColorMappingSettingsModel, FontModel, CommonTitleSettingsModel, NavigationLineSettingsModel, PolygonSettingsModel, ZoomToolbarTooltipSettingsModel } from './base-model';
 import { MarkerSettingsModel, MarkerClusterSettingsModel, ShapeSettingsModel, BubbleSettingsModel, ArrowModel } from './base-model';
@@ -11,7 +11,7 @@ import { DataLabelSettingsModel, TooltipSettingsModel, SubTitleSettingsModel, Se
 import { HighlightSettingsModel, ToggleLegendSettingsModel, ConnectorLineSettingsModel, PolygonTooltipSettingsModel } from './base-model';
 import { InitialShapeSelectionSettingsModel, InitialMarkerSelectionSettingsModel, ZoomToolbarSettingsModel, ZoomToolbarButtonSettingsModel } from './base-model';
 import { Point, GeoLocation, Coordinate } from '../utils/helper';
-import { BingMapType, LegendArrangement, LegendShape, BubbleType, StaticMapType, ToolbarItem } from '../utils/enum';
+import { LegendArrangement, LegendShape, BubbleType, ToolbarItem } from '../utils/enum';
 import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';
 /**
  * Gets or sets the options for customizing the annotation element in maps.
@@ -158,7 +158,7 @@ export declare class ZoomToolbarButtonSettings extends ChildProperty<ZoomToolbar
     /**
      * Gets or sets the radius of the button. This property is used to modify the size of the button.
      *
-     * @default 30
+     * @default null
      */
     radius: number;
     /**
@@ -1078,54 +1078,6 @@ export declare class ZoomSettings extends ChildProperty<ZoomSettings> {
      * @default true
      */
     enableSelectionZooming: boolean;
-    /**
-     * Gets or sets the orientation of the zoom toolbar.
-     *
-     * @default Horizontal
-
-     */
-    toolBarOrientation: Orientation;
-    /**
-     * Gets or sets the color for the toolbar in maps.
-     *
-     * @default null
-
-     */
-    color: string;
-    /**
-     * Gets or sets the color for the zoom toolbar when the mouse has hovered on toolbar element in maps.
-     *
-     * @default null
-
-     */
-    highlightColor: string;
-    /**
-     * Gets or sets the color for the zooming toolbar when clicking the zooming toolbar in maps.
-     *
-     * @default null
-
-     */
-    selectionColor: string;
-    /**
-     * Gets or sets the position type of toolbar when it is placed horizontally.
-     *
-     * @default Far
-
-     */
-    horizontalAlignment: Alignment;
-    /**
-     * Gets or sets the position type of toolbar when it is placed vertically.
-     *
-     * @default Near
-
-     */
-    verticalAlignment: Alignment;
-    /**
-     * Gets or sets the items that are to be shown in the zooming toolbar of the maps. Zoom-in, zoom-out and reset buttons are displayed by default.
-     *
-
-     */
-    toolbars: string[];
     /**
      * Enables or disables the mouse wheel zooming in maps.
      *
@@ -1737,36 +1689,6 @@ export declare class LayerSettings extends ChildProperty<LayerSettings> {
      * @default Geographic
      */
     geometryType: GeometryType;
-    /**
-     * Gets or sets the Bing map type for the layer. If you set GeoJSON data in the map and set the `BingMapType` value without setting the layer type as "Bing",
-     * then the map will be rendered based on the provided shape data since the default layer type will be set as "Geometry".
-     *
-
-     * @default Aerial
-     */
-    bingMapType: BingMapType;
-    /**
-     * Gets or sets the type of the static maps.
-     *
-
-     * @default RoadMap
-     */
-    staticMapType: StaticMapType;
-    /**
-     * Gets or sets the key for the online map provider to render in the layer of the maps.
-     *
-
-     * @default ''
-     */
-    key: string;
-    /**
-     * Gets or sets the type of the layer in maps. If we use layer type with shape data property in layer of the maps
-     * then map will render based on the provided layer type.
-     *
-
-     * @default Geometry
-     */
-    layerType: ShapeLayerType;
     /**
      * Gets or sets the URL of the online map providers.
      * The online map providers will be rendered only when the shape data is not set and layer type is set with default value.

package/src/maps/model/base.js

@@ -88,7 +88,7 @@ var Font = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     __decorate([
-        Property('12px')
+        Property(null)
     ], Font.prototype, "size", void 0);
     __decorate([
         Property(null)
@@ -132,7 +132,7 @@ var ZoomToolbarButtonSettings = /** @class */ (function (_super) {
         Property(null)
     ], ZoomToolbarButtonSettings.prototype, "borderColor", void 0);
     __decorate([
-        Property(30)
+        Property(null)
     ], ZoomToolbarButtonSettings.prototype, "radius", void 0);
     __decorate([
         Property(null)
@@ -289,7 +289,7 @@ var TooltipSettings = /** @class */ (function (_super) {
         Property('')
     ], TooltipSettings.prototype, "fill", void 0);
     __decorate([
-        Complex({ color: 'transparent', width: 1 }, Border)
+        Complex({ color: null, width: 1 }, Border)
     ], TooltipSettings.prototype, "border", void 0);
     __decorate([
         Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
@@ -321,7 +321,7 @@ var PolygonTooltipSettings = /** @class */ (function (_super) {
         Property('')
     ], PolygonTooltipSettings.prototype, "fill", void 0);
     __decorate([
-        Complex({ color: 'transparent', width: 1 }, Border)
+        Complex({ color: null, width: 1 }, Border)
     ], PolygonTooltipSettings.prototype, "border", void 0);
     __decorate([
         Complex({ fontFamily: null, size: null, fontWeight: null }, Font)
@@ -792,27 +792,6 @@ var ZoomSettings = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], ZoomSettings.prototype, "enableSelectionZooming", void 0);
-    __decorate([
-        Property('Horizontal')
-    ], ZoomSettings.prototype, "toolBarOrientation", void 0);
-    __decorate([
-        Property(null)
-    ], ZoomSettings.prototype, "color", void 0);
-    __decorate([
-        Property(null)
-    ], ZoomSettings.prototype, "highlightColor", void 0);
-    __decorate([
-        Property(null)
-    ], ZoomSettings.prototype, "selectionColor", void 0);
-    __decorate([
-        Property('Far')
-    ], ZoomSettings.prototype, "horizontalAlignment", void 0);
-    __decorate([
-        Property('Near')
-    ], ZoomSettings.prototype, "verticalAlignment", void 0);
-    __decorate([
-        Property(['ZoomIn', 'ZoomOut', 'Reset'])
-    ], ZoomSettings.prototype, "toolbars", void 0);
     __decorate([
         Property(true)
     ], ZoomSettings.prototype, "mouseWheelZoom", void 0);
@@ -926,7 +905,7 @@ var LegendSettings = /** @class */ (function (_super) {
         Property(10)
     ], LegendSettings.prototype, "shapePadding", void 0);
     __decorate([
-        Complex({ color: '#000000', width: 0 }, Border)
+        Complex({ color: null, width: 0 }, Border)
     ], LegendSettings.prototype, "border", void 0);
     __decorate([
         Complex({ color: '#000000', width: 0 }, Border)
@@ -1038,7 +1017,7 @@ var ShapeSettings = /** @class */ (function (_super) {
         Property(5)
     ], ShapeSettings.prototype, "circleRadius", void 0);
     __decorate([
-        Complex({ width: null, color: '#000000' }, Border)
+        Complex({ width: null, color: null }, Border)
     ], ShapeSettings.prototype, "border", void 0);
     __decorate([
         Property('')
@@ -1199,18 +1178,6 @@ var LayerSettings = /** @class */ (function (_super) {
     __decorate([
         Property('Geographic')
     ], LayerSettings.prototype, "geometryType", void 0);
-    __decorate([
-        Property('Aerial')
-    ], LayerSettings.prototype, "bingMapType", void 0);
-    __decorate([
-        Property('RoadMap')
-    ], LayerSettings.prototype, "staticMapType", void 0);
-    __decorate([
-        Property('')
-    ], LayerSettings.prototype, "key", void 0);
-    __decorate([
-        Property('Geometry')
-    ], LayerSettings.prototype, "layerType", void 0);
     __decorate([
         Property('')
     ], LayerSettings.prototype, "urlTemplate", void 0);

package/src/maps/model/export-image.js

@@ -41,10 +41,13 @@ var ImageExport = /** @class */ (function () {
             var svgObject = getElementByID(maps.element.id + '_svg').cloneNode(true);
             var backgroundElement = svgObject.childNodes[0];
             var backgroundColor = backgroundElement.getAttribute('fill');
-            if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+            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')) {
                 svgObject.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
             }
-            else if ((maps.theme === 'TailwindDark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+            else if ((maps.theme === 'TailwindDark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark' ||
+                maps.theme === 'Fluent2Dark' || maps.theme === 'Fluent2HighContrast')
+                && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                 svgObject.childNodes[0].setAttribute('fill', 'rgba(0, 0, 0, 1)');
             }
             if (!maps.isTileMap) {

package/src/maps/model/export-pdf.js

@@ -43,10 +43,13 @@ var PdfExport = /** @class */ (function () {
             var exportElement = maps.svgObject.cloneNode(true);
             var backgroundElement = exportElement.childNodes[0];
             var backgroundColor = backgroundElement.getAttribute('fill');
-            if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+            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')) {
                 exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
             }
-            else if ((maps.theme === 'TailwindDark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+            else if ((maps.theme === 'TailwindDark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark' ||
+                maps.theme === 'Fluent2Dark' || maps.theme === 'Fluent2HighContrast')
+                && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                 exportElement.childNodes[0].setAttribute('fill', 'rgba(0, 0, 0, 1)');
             }
             var url = window.URL.createObjectURL(new Blob(type === 'SVG' ? [svgData] :

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

@@ -835,12 +835,24 @@ export interface IThemeStyle {
     zoomSelectionColor?: string;
     /** Specifies the color for the shapes in the maps. */
     shapeFill?: string;
+    /** Specifies the color of the border of the shapes in the maps. */
+    shapeBorderColor?: string;
     /** Specifies the color by using rectangle zoom fill color in maps. */
     rectangleZoomFillColor?: string;
     /** Specifies the color by using rectangle zoom fill color in maps. */
     rectangleZoomFillOpacity?: number;
     /** Specifies the color by using rectangle zoom fill color in maps. */
     rectangleZoomBorderColor?: string;
+    /** Specifies the color of the legend border in maps. */
+    legendBorderColor?: string;
+    /** Specifies the width of the legend border in maps. */
+    legendBorderWidth?: number;
+    /** Specifies the border color of the zoom toolbar buttons in maps. */
+    zoomBorderColor?: string;
+    /** Specifies the border color of the tooltip in maps. */
+    tooltipBorderColor?: string;
+    /** Specifies the radius of the zoom buttons in maps. */
+    zoomButtonRadius: number;
 }
 /**
  * Defines the template for the marker.

package/src/maps/model/interface.js

@@ -1 +0,0 @@
-

package/src/maps/model/print.js

@@ -54,10 +54,13 @@ var Print = /** @class */ (function () {
             backgroundElement = backgroundElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((maps.theme === 'Tailwind' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                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')) {
                     backgroundElement.setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
-                else if ((maps.theme === 'TailwindDark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark') && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                else if ((maps.theme === 'TailwindDark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark' ||
+                    maps.theme === 'Fluent2Dark' || maps.theme === 'Fluent2HighContrast')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     backgroundElement.setAttribute('fill', 'rgba(0, 0, 0, 1)');
                 }
             }