@syncfusion/ej2-angular-maps 22.1.34 → 22.1.39

package/schematics/utils/lib-details.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pkgName = '@syncfusion/ej2-angular-maps';
+exports.pkgVer = '^22.1.39';
+exports.moduleName = 'MapsModule';
+exports.themeVer = '~22.1.39';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-maps';
-export const pkgVer = '^20.1.55';
+export const pkgVer = '^22.1.39';
 export const moduleName = 'MapsModule';
-export const themeVer = '~20.1.55';
+export const themeVer = '~22.1.39';

package/src/maps/annotations.directive.d.ts

@@ -2,7 +2,7 @@ import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 import * as i0 from "@angular/core";
 /**
- * Annotation Directive
+ * Represents the directive to define the annotations in the maps.
  * ```html
  * <e-maps-annotations>
  * <e-maps-annotation></e-maps-annotation>
@@ -13,30 +13,34 @@ export declare class AnnotationDirective extends ComplexBase<AnnotationDirective
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Sets and gets the annotation element to be aligned horizontally.
+     * Gets or sets the type of the placement when the annotation is to be aligned horizontally.
      * @default None
      */
     horizontalAlignment: any;
     /**
-     * Sets and gets the annotation element to be aligned vertically.
+     * Gets or sets the type of the placement when the annotation is to be aligned vertically.
      * @default None
      */
     verticalAlignment: any;
     /**
-     * Sets and gets the x position of the annotation in maps component.
+     * Gets or sets the x position of the annotation in pixel or percentage format.
+     * @default '0px'
      */
     x: any;
     /**
-     * Sets and gets the y position of the annotation in maps component.
+     * Gets or sets the y position of the annotation in pixel or percentage format.
+     * @default '0px'
      */
     y: any;
     /**
-     * Sets and gets the z-index of the annotation in maps component.
+     * Gets or sets the z-index of the annotation in maps.
      * @default '-1'
      */
     zIndex: any;
     /**
-     * Sets and gets the content for the annotation in maps component.
+     * Gets or sets the content for the annotation in maps.
+     * @default ''
+     * @asptype string
      */
     content: any;
     constructor(viewContainerRef: ViewContainerRef);

package/src/maps/bubblesettings.directive.d.ts

@@ -2,7 +2,7 @@ import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 import * as i0 from "@angular/core";
 /**
- * Layer Directive
+ * Represents the directive to define the bubbles in the maps.
  * ```html
  * <e-layers>
  * <e-layer>
@@ -20,88 +20,88 @@ export declare class BubbleDirective extends ComplexBase<BubbleDirective> {
     childColorMapping: any;
     tags: string[];
     /**
-     * Sets and gets the delay in animation for bubble in maps.
+     * Gets or sets the delay in animation for the bubbles in maps.
      * @default 0
      */
     animationDelay: any;
     /**
-     * Sets and gets the duration for the animation for bubble in maps.
+     * Gets or sets the duration for the animation of the bubbles in maps.
      * @default 1000
      */
     animationDuration: any;
     /**
-     * Sets and gets the options to customize the color and width of the border for the bubble in maps.
+     * Gets or sets the options to customize the style properties of the border for the bubbles in maps.
      */
     border: any;
     /**
-     * Sets and gets the type of the bubble in maps.
+     * Gets or sets the type of the bubble in maps.
      * @default Circle
      */
     bubbleType: any;
     /**
-     * Sets and gets the color-mapping for the bubble in maps.
+     * Gets or sets the color-mapping for the bubbles in maps.
      * @default []
      */
     colorMapping: any;
     /**
-     * Sets and gets the value from the data source of bubble settings for the color of the bubble in maps.
+     * Gets or sets the field name from the data source of bubble settings to set the color for each bubble in maps.
      * @default null
      */
     colorValuePath: any;
     /**
-     * Sets and gets the data source for the bubble.
+     * Gets or sets the data source for the bubble.
      * The data source must contain the size value of the bubble that can be bound to the bubble
-     * of the Maps using the valuePath property in the bubbleSettings.
-     * The data source can contain data such as color, and the other information that can be bound to the bubble, and tooltip of the bubble.
+     * of the maps using the `valuePath` property in the `bubbleSettings`.
+     * The data source can contain data such as color and other informations that can be bound to the bubble and tooltip of the bubble.
      * @isobservable true
      * @default []
      */
     dataSource: any;
     /**
-     * Sets and gets the color for the bubble in maps.
+     * Gets or sets the color for the bubbles in maps.
      * @default ''
      */
     fill: any;
     /**
-     * Sets and gets the highlight settings for the bubble in maps.
+     * Gets or sets the options to customize the highlight of the bubbles in maps.
      */
     highlightSettings: any;
     /**
-     * Sets and gets the maximum radius for the bubble in maps.
+     * Gets or sets the maximum radius for the bubbles in maps.
      * @default 20
      */
     maxRadius: any;
     /**
-     * Sets and gets the minimum radius for the bubble in maps.
+     * Gets or sets the minimum radius for the bubbles in maps.
      * @default 10
      */
     minRadius: any;
     /**
-     * Sets and gets the opacity of the bubble in maps.
+     * Gets or sets the opacity of the bubbles in maps.
      * @default 1
      */
     opacity: any;
     /**
-     * Sets and gets the query to select particular data from the bubble data.
+     * Gets or sets the query to select particular data from the bubble data source.
      * This property is applicable only when the data source is created by data manager.
      * @default null
      */
     query: any;
     /**
-     * Sets and gets the selection settings for the bubble in maps.
+     * Gets or sets the options to customize the selection of the bubbles in maps.
      */
     selectionSettings: any;
     /**
-     * Sets and gets the options to customize the tooltip for the bubbles in maps.
+     * Gets or sets the options to customize the tooltip of the bubbles in maps.
      */
     tooltipSettings: any;
     /**
-     * Sets and gets the value from the data source of bubble settings for the bubble to be rendered in maps.
+     * Gets or sets the field name from the data source of bubble settings based on which the bubbles are rendered on the maps.
      * @default null
      */
     valuePath: any;
     /**
-     * Enables or disables the visibility state of the bubbles in maps.
+     * Enables or disables the visibility of the bubbles in maps.
      * @default false
      */
     visible: any;

package/src/maps/colormapping.directive.d.ts

@@ -2,7 +2,7 @@ import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 import * as i0 from "@angular/core";
 /**
- * ColorMapping Directive
+ * Represents the directive to define the bubble color mapping in the maps.
  * ```html
  * <e-layers>
  * <e-layer>
@@ -20,44 +20,44 @@ export declare class ColorMappingDirective extends ComplexBase<ColorMappingDirec
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Sets and gets the color for the color-mapping in maps.
+     * Gets or sets the color for the color-mapping in maps.
      * @default null
      */
     color: any;
     /**
-     * Sets and gets the value from where the range color-mapping starts.
+     * Gets or sets the value from where the range for the color-mapping starts.
      * @aspdefaultvalueignore
      * @default null
      */
     from: any;
     /**
-     * Sets and gets the label for the color-mapping from the data source in maps.
+     * Gets or sets the label for the color-mapping to display in the legend item text.
      * @default null
      */
     label: any;
     /**
-     * Sets and gets the maximum opacity for the color-mapping in maps.
+     * Gets or sets the maximum opacity for the color-mapping in maps.
      * @default null
      */
     maxOpacity: any;
     /**
-     * Sets and gets the minimum opacity for the color-mapping in maps.
+     * Gets or sets the minimum opacity for the color-mapping in maps.
      * @default null
      */
     minOpacity: any;
     /**
-     * Enables or disables the visibility state of legend for the color-mapping shapes in maps.
+     * Enables or disables the visibility of legend for the corresponding color-mapped shapes in maps.
      * @default true
      */
     showLegend: any;
     /**
-     * Sets and gets the value to where the range color-mapping ends.
+     * Gets or sets the value to where the range for the color-mapping ends.
      * @aspdefaultvalueignore
      * @default null
      */
     to: any;
     /**
-     * Sets and gets the value for the color-mapping from the data source.
+     * Gets or sets the value from the data source to map the corresponding colors to the shapes.
      * @default null
      */
     value: any;

package/src/maps/initialshapeselection.directive.d.ts

@@ -2,7 +2,7 @@ import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 import * as i0 from "@angular/core";
 /**
- * Layer Directive
+ * Represents the directive to configure the selection of the shapes when the maps is initially rendered.
  * ```html
  * <e-layers>
  * <e-layer>
@@ -18,12 +18,12 @@ export declare class InitialShapeSelectionDirective extends ComplexBase<InitialS
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Sets and gets the property name from the data source in maps.
+     * Gets or sets the property name from the data source in maps.
      * @default null
      */
     shapePath: any;
     /**
-     * Sets and gets the value for the shape from data source in maps.
+     * Gets or sets the value from the data source which is bound to the shape in maps.
      * @default null
      */
     shapeValue: any;

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

@@ -2,7 +2,7 @@ import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
 import * as i0 from "@angular/core";
 /**
- * Layer Directive
+ * Represents the directive to define the layer of the maps.
  * ```html
  * <e-layers>
  * <e-layer></e-layer>
@@ -18,122 +18,131 @@ export declare class LayerDirective extends ComplexBase<LayerDirective> {
     childNavigationLineSettings: any;
     tags: string[];
     /**
-     * Sets and gets the type of the layer in maps.
+     * Gets or sets the type of the layer in maps. There are two types: Layer and SubLayer.
      * @default Layer
      */
     type: any;
     /**
-     * Sets and gets the duration for the animation of layers in maps.
+     * Gets or sets the duration of the animation of layers when the zooming is performed in maps.
      * @default 0
      */
     animationDuration: any;
     /**
-     * Sets and gets the Bing map type for the layer. If you use shape data with BingMapType without using layer type as Bing,
-     * then the map will render based on shape data since default layer type will be set as Geometry.
+     * 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".
+     * @deprecated
      * @default Aerial
      */
     bingMapType: any;
     /**
-     * Sets and gets the options for customizing the bubble in maps.
+     * Gets or sets the options for customizing the bubbles in maps.
      */
     bubbleSettings: any;
     /**
-     * Sets and gets the options for customizing the data-label in maps.
+     * Gets or sets the options for customizing the data labels in maps.
      */
     dataLabelSettings: any;
     /**
-     * * Sets and gets the data source for the layer.
-     * * The data source can contain data that can be bound to the tooltip, marker, and bubble.
+     * Gets or sets the data source for the layer.
+     * The data bound to the shapes using data source can be used to display the tooltip, marker, and bubble.
      * @isobservable true
      * @default []
      */
     dataSource: any;
     /**
-     * Sets and gets the geometry type for the layer in maps.
+     * Gets or sets the geometry type for the layer in maps. There are two types: Geographic and Normal.
+     * * Geographic type renders the shape maps with geographical coordinate system.
+     * * Normal type renders the shape maps using default coordinate system.
      * @default Geographic
      */
     geometryType: any;
     /**
-     * Sets and gets the options for customizing the shapes when the mouse has hovered on maps.
+     * Gets or sets the options for customizing the shapes when the mouse hovers over maps.
      */
     highlightSettings: any;
     /**
-     * Sets and gets the settings for shapes that is selected at the time of rendering.
+     * Gets or sets the settings for the shapes to be selected when the maps rendering initially.
+     * The initial selection of shapes will be performed only when the selection functionality of layer is enabled.
      */
     initialShapeSelection: any;
     /**
-     * Sets and gets the key for the tile map layer in maps.
+     * Gets or sets the key for the online map provider to render in the layer of the maps.
+     * @deprecated
      * @default ''
      */
     key: any;
     /**
-     * Sets and gets the type of the layer in maps. If we use layer type with shape data property in layer of the maps
+     * 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.
+     * @deprecated
      * @default Geometry
      */
     layerType: any;
     /**
-     * Sets and gets the options for customizing the cluster of markers in maps.
+     * Gets or sets the options for customizing the cluster of markers in maps.
      */
     markerClusterSettings: any;
     /**
-     * Sets and gets the options for customizing the marker in maps.
+     * Gets or sets the options for customizing the markers in maps.
      */
     markerSettings: any;
     /**
-     * Sets and gets the options for customizing the navigation line in maps.
+     * Gets or sets the options for customizing the navigation lines in maps.
      */
     navigationLineSettings: any;
     /**
-     * Sets and gets the query to select particular data from the shape data.
+     * Gets or sets the query to select particular data from the layer data source.
      * This property is applicable only when the data source is created by data manager.
      * @default null
      */
     query: any;
     /**
-     * Sets and gets the options for customizing the shapes when clicking the shapes in maps.
+     * Gets or sets the options for customizing the shapes when clicking on the shapes in maps.
      */
     selectionSettings: any;
     /**
-     * Sets and gets the shape data for the maps to render.
+     * Gets or sets the data for the maps to render.
+     * The data is normally JSON object with GeoJSON format that defines the shapes and geometries of the map.
      * @isobservable true
      * @default null
      */
     shapeData: any;
     /**
-     * Sets and gets the path for the shape from the shape data in maps.
+     * Gets or sets the field name from the GeoJSON data to map the shape to the data defined in the layer data source.
      * @default 'name'
      */
     shapeDataPath: any;
     /**
-     * Sets and gets the path for the layers from the layer data source in maps.
+     * Gets or sets the field name from the data source to map the shape to the data defined in the layer data source.
      * @default 'name'
      */
     shapePropertyPath: any;
     /**
-     * Sets and gets the options to customize the shape of the maps.
+     * Gets or sets the options to customize the shape of the maps.
      */
     shapeSettings: any;
     /**
-     * Sets and gets the type of the static maps.
+     * Gets or sets the type of the static maps.
+     * @deprecated
      * @default RoadMap
      */
     staticMapType: any;
     /**
-     * Sets and gets the options for customizing the toggle state of shapes when selecting the legend in maps.
+     * Gets or sets the options for customizing the toggle state of shapes when selecting the legend in maps.
      */
     toggleLegendSettings: any;
     /**
-     * Sets and gets the options for customizing the tooltip for the layers, markers, and bubbles in maps.
+     * Gets or sets the options for customizing the tooltip of the layers in maps.
      */
     tooltipSettings: any;
     /**
-     * Sets and gets the template for the map using the url.
-     * @default 'https://a.tile.openstreetmap.org/level/tileX/tileY.png'
+     * 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.
+     * @default ''
      */
     urlTemplate: any;
     /**
-     * Enables or disables the visibility state for the layers in maps.
+     * Enables or disables the visibility of the layers in maps.
      * @default true
      */
     visible: any;

package/src/maps/maps.component.d.ts

@@ -8,7 +8,8 @@ export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
 /**
- * Represents Maps Component
+ * Represents the Angular Maps component.
+ * It is ideal for rendering maps from GeoJSON data or other map providers like OpenStreetMap, Google Maps, Bing Maps, etc that has rich feature set that includes markers, labels, bubbles and much more.
  * ```html
  * <ej-maps></ej-maps>
  * ```
@@ -39,8 +40,11 @@ export declare class MapsComponent extends Maps implements IComponentBase {
     markerClusterClick: any;
     markerClusterMouseMove: any;
     markerClusterRendering: any;
+    markerDragEnd: any;
+    markerDragStart: any;
     markerMouseMove: any;
     markerRendering: any;
+    onclick: any;
     pan: any;
     resize: any;
     rightClick: any;
@@ -62,5 +66,5 @@ export declare class MapsComponent extends Maps implements IComponentBase {
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MapsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MapsComponent, "ejs-maps", never, { "allowImageExport": "allowImageExport"; "allowPdfExport": "allowPdfExport"; "allowPrint": "allowPrint"; "annotations": "annotations"; "background": "background"; "baseLayerIndex": "baseLayerIndex"; "border": "border"; "centerPosition": "centerPosition"; "description": "description"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "format": "format"; "height": "height"; "layers": "layers"; "legendSettings": "legendSettings"; "locale": "locale"; "mapsArea": "mapsArea"; "margin": "margin"; "projectionType": "projectionType"; "tabIndex": "tabIndex"; "theme": "theme"; "titleSettings": "titleSettings"; "tooltipDisplayMode": "tooltipDisplayMode"; "useGroupingSeparator": "useGroupingSeparator"; "width": "width"; "zoomSettings": "zoomSettings"; }, { "animationComplete": "animationComplete"; "annotationRendering": "annotationRendering"; "beforePrint": "beforePrint"; "bubbleClick": "bubbleClick"; "bubbleMouseMove": "bubbleMouseMove"; "bubbleRendering": "bubbleRendering"; "click": "click"; "dataLabelRendering": "dataLabelRendering"; "doubleClick": "doubleClick"; "itemHighlight": "itemHighlight"; "itemSelection": "itemSelection"; "layerRendering": "layerRendering"; "legendRendering": "legendRendering"; "load": "load"; "loaded": "loaded"; "markerClick": "markerClick"; "markerClusterClick": "markerClusterClick"; "markerClusterMouseMove": "markerClusterMouseMove"; "markerClusterRendering": "markerClusterRendering"; "markerMouseMove": "markerMouseMove"; "markerRendering": "markerRendering"; "pan": "pan"; "resize": "resize"; "rightClick": "rightClick"; "shapeHighlight": "shapeHighlight"; "shapeRendering": "shapeRendering"; "shapeSelected": "shapeSelected"; "tooltipRender": "tooltipRender"; "tooltipRenderComplete": "tooltipRenderComplete"; "zoom": "zoom"; "dataSourceChange": "dataSourceChange"; }, ["childLayers", "childAnnotations"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapsComponent, "ejs-maps", never, { "allowImageExport": "allowImageExport"; "allowPdfExport": "allowPdfExport"; "allowPrint": "allowPrint"; "annotations": "annotations"; "background": "background"; "baseLayerIndex": "baseLayerIndex"; "border": "border"; "centerPosition": "centerPosition"; "description": "description"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "format": "format"; "height": "height"; "layers": "layers"; "legendSettings": "legendSettings"; "locale": "locale"; "mapsArea": "mapsArea"; "margin": "margin"; "projectionType": "projectionType"; "tabIndex": "tabIndex"; "theme": "theme"; "titleSettings": "titleSettings"; "tooltipDisplayMode": "tooltipDisplayMode"; "useGroupingSeparator": "useGroupingSeparator"; "width": "width"; "zoomSettings": "zoomSettings"; }, { "animationComplete": "animationComplete"; "annotationRendering": "annotationRendering"; "beforePrint": "beforePrint"; "bubbleClick": "bubbleClick"; "bubbleMouseMove": "bubbleMouseMove"; "bubbleRendering": "bubbleRendering"; "click": "click"; "dataLabelRendering": "dataLabelRendering"; "doubleClick": "doubleClick"; "itemHighlight": "itemHighlight"; "itemSelection": "itemSelection"; "layerRendering": "layerRendering"; "legendRendering": "legendRendering"; "load": "load"; "loaded": "loaded"; "markerClick": "markerClick"; "markerClusterClick": "markerClusterClick"; "markerClusterMouseMove": "markerClusterMouseMove"; "markerClusterRendering": "markerClusterRendering"; "markerDragEnd": "markerDragEnd"; "markerDragStart": "markerDragStart"; "markerMouseMove": "markerMouseMove"; "markerRendering": "markerRendering"; "onclick": "onclick"; "pan": "pan"; "resize": "resize"; "rightClick": "rightClick"; "shapeHighlight": "shapeHighlight"; "shapeRendering": "shapeRendering"; "shapeSelected": "shapeSelected"; "tooltipRender": "tooltipRender"; "tooltipRenderComplete": "tooltipRenderComplete"; "zoom": "zoom"; "dataSourceChange": "dataSourceChange"; }, ["childLayers", "childAnnotations"], never>;
 }