@syncfusion/ej2-maps 20.4.54 → 21.1.37

package/src/maps/model/base.js

@@ -25,7 +25,7 @@ import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-ba
 import { Theme } from './theme';
 import { Point } from '../utils/helper';
 /**
- * Sets and gets the options for customizing the annotation element in maps.
+ * Gets or sets the options for customizing the annotation element in maps.
  */
 var Annotation = /** @class */ (function (_super) {
     __extends(Annotation, _super);
@@ -53,6 +53,9 @@ var Annotation = /** @class */ (function (_super) {
     return Annotation;
 }(ChildProperty));
 export { Annotation };
+/**
+ * Gets or sets the options to customize the arrow in the navigation line.
+ */
 var Arrow = /** @class */ (function (_super) {
     __extends(Arrow, _super);
     function Arrow() {
@@ -77,7 +80,7 @@ var Arrow = /** @class */ (function (_super) {
 }(ChildProperty));
 export { Arrow };
 /**
- * Sets and gets the options to customize the style of the text in data label, legend and other texts.
+ * Gets or sets the options to customize the style of the text in data label, legend and other texts in maps.
  */
 var Font = /** @class */ (function (_super) {
     __extends(Font, _super);
@@ -106,7 +109,133 @@ var Font = /** @class */ (function (_super) {
 }(ChildProperty));
 export { Font };
 /**
- * Sets and gets the options to customize the border for the maps.
+ * Specifies the options to customize the buttons in the zoom toolbar.
+ */
+var ZoomToolbarButtonSettings = /** @class */ (function (_super) {
+    __extends(ZoomToolbarButtonSettings, _super);
+    function ZoomToolbarButtonSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('transparent')
+    ], ZoomToolbarButtonSettings.prototype, "fill", void 0);
+    __decorate([
+        Property(null)
+    ], ZoomToolbarButtonSettings.prototype, "color", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarButtonSettings.prototype, "borderOpacity", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarButtonSettings.prototype, "borderWidth", void 0);
+    __decorate([
+        Property(null)
+    ], ZoomToolbarButtonSettings.prototype, "borderColor", void 0);
+    __decorate([
+        Property(30)
+    ], ZoomToolbarButtonSettings.prototype, "radius", void 0);
+    __decorate([
+        Property(null)
+    ], ZoomToolbarButtonSettings.prototype, "selectionColor", void 0);
+    __decorate([
+        Property(null)
+    ], ZoomToolbarButtonSettings.prototype, "highlightColor", void 0);
+    __decorate([
+        Property(5)
+    ], ZoomToolbarButtonSettings.prototype, "padding", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarButtonSettings.prototype, "opacity", void 0);
+    __decorate([
+        Property(['ZoomIn', 'ZoomOut', 'Reset'])
+    ], ZoomToolbarButtonSettings.prototype, "toolbarItems", void 0);
+    return ZoomToolbarButtonSettings;
+}(ChildProperty));
+export { ZoomToolbarButtonSettings };
+/**
+ * Specifies the options to customize the tooltip of the zoom toolbar.
+ */
+var ZoomToolbarTooltipSettings = /** @class */ (function (_super) {
+    __extends(ZoomToolbarTooltipSettings, _super);
+    function ZoomToolbarTooltipSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(true)
+    ], ZoomToolbarTooltipSettings.prototype, "visible", void 0);
+    __decorate([
+        Property('white')
+    ], ZoomToolbarTooltipSettings.prototype, "fill", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarTooltipSettings.prototype, "borderOpacity", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarTooltipSettings.prototype, "borderWidth", void 0);
+    __decorate([
+        Property('#707070')
+    ], ZoomToolbarTooltipSettings.prototype, "borderColor", void 0);
+    __decorate([
+        Property('black')
+    ], ZoomToolbarTooltipSettings.prototype, "fontColor", void 0);
+    __decorate([
+        Property('')
+    ], ZoomToolbarTooltipSettings.prototype, "fontFamily", void 0);
+    __decorate([
+        Property('')
+    ], ZoomToolbarTooltipSettings.prototype, "fontStyle", void 0);
+    __decorate([
+        Property('')
+    ], ZoomToolbarTooltipSettings.prototype, "fontWeight", void 0);
+    __decorate([
+        Property('')
+    ], ZoomToolbarTooltipSettings.prototype, "fontSize", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarTooltipSettings.prototype, "fontOpacity", void 0);
+    return ZoomToolbarTooltipSettings;
+}(ChildProperty));
+export { ZoomToolbarTooltipSettings };
+/**
+ * Sets and gets the options to customize the border of the zoom toolbar.
+ */
+var ZoomToolbarSettings = /** @class */ (function (_super) {
+    __extends(ZoomToolbarSettings, _super);
+    function ZoomToolbarSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('transparent')
+    ], ZoomToolbarSettings.prototype, "backgroundColor", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarSettings.prototype, "borderOpacity", void 0);
+    __decorate([
+        Property(1)
+    ], ZoomToolbarSettings.prototype, "borderWidth", void 0);
+    __decorate([
+        Property('transparent')
+    ], ZoomToolbarSettings.prototype, "borderColor", void 0);
+    __decorate([
+        Property('Far')
+    ], ZoomToolbarSettings.prototype, "horizontalAlignment", void 0);
+    __decorate([
+        Property('Near')
+    ], ZoomToolbarSettings.prototype, "verticalAlignment", void 0);
+    __decorate([
+        Property('Horizontal')
+    ], ZoomToolbarSettings.prototype, "orientation", void 0);
+    __decorate([
+        Complex({}, ZoomToolbarButtonSettings)
+    ], ZoomToolbarSettings.prototype, "buttonSettings", void 0);
+    __decorate([
+        Complex({}, ZoomToolbarTooltipSettings)
+    ], ZoomToolbarSettings.prototype, "tooltipSettings", void 0);
+    return ZoomToolbarSettings;
+}(ChildProperty));
+export { ZoomToolbarSettings };
+/**
+ * Gets or sets the options to customize the border of the maps.
  */
 var Border = /** @class */ (function (_super) {
     __extends(Border, _super);
@@ -126,7 +255,7 @@ var Border = /** @class */ (function (_super) {
 }(ChildProperty));
 export { Border };
 /**
- * Sets and gets the center position in maps.
+ * Gets or sets the values to change the center position of the maps.
  */
 var CenterPosition = /** @class */ (function (_super) {
     __extends(CenterPosition, _super);
@@ -143,7 +272,7 @@ var CenterPosition = /** @class */ (function (_super) {
 }(ChildProperty));
 export { CenterPosition };
 /**
- * Sets and gets the options to customize the tooltip for layers, markers, and bubble in maps.
+ * Gets or sets the options to customize the tooltip of layers, markers, and bubble in maps.
  */
 var TooltipSettings = /** @class */ (function (_super) {
     __extends(TooltipSettings, _super);
@@ -175,7 +304,7 @@ var TooltipSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { TooltipSettings };
 /**
- * Sets and gets the margin for the maps component.
+ * Gets or sets the options to customize the margin of the maps.
  */
 var Margin = /** @class */ (function (_super) {
     __extends(Margin, _super);
@@ -197,8 +326,8 @@ var Margin = /** @class */ (function (_super) {
     return Margin;
 }(ChildProperty));
 export { Margin };
-/*
- * Sets and gets the options to customize the line that connects the markers in marker cluster in maps.
+/**
+ * Gets or sets the options to customize the lines that connect the markers in marker cluster of the maps.
  */
 var ConnectorLineSettings = /** @class */ (function (_super) {
     __extends(ConnectorLineSettings, _super);
@@ -218,7 +347,7 @@ var ConnectorLineSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { ConnectorLineSettings };
 /**
- * Sets and gets the options to customize the cluster of markers in Maps.
+ * Gets or sets the options to customize the cluster of markers in maps.
  */
 var MarkerClusterSettings = /** @class */ (function (_super) {
     __extends(MarkerClusterSettings, _super);
@@ -268,7 +397,7 @@ var MarkerClusterSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { MarkerClusterSettings };
 /**
- * Sets and gets the data in the marker cluster.
+ * Gets or sets the data in the marker cluster.
  */
 var MarkerClusterData = /** @class */ (function (_super) {
     __extends(MarkerClusterData, _super);
@@ -279,7 +408,7 @@ var MarkerClusterData = /** @class */ (function (_super) {
 }(ChildProperty));
 export { MarkerClusterData };
 /**
- * Sets and gets the options to customize the color-mapping in maps.
+ * Gets or sets the options to customize the color-mapping in maps.
  */
 var ColorMappingSettings = /** @class */ (function (_super) {
     __extends(ColorMappingSettings, _super);
@@ -314,7 +443,8 @@ var ColorMappingSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { ColorMappingSettings };
 /**
- * To configure the initial marker shape selection settings
+ * Gets or sets the options to select the marker shape when the maps is loaded initially.
+ * The initial selection of the markers will work only when the selection settings of marker is enabled.
  */
 var InitialMarkerSelectionSettings = /** @class */ (function (_super) {
     __extends(InitialMarkerSelectionSettings, _super);
@@ -331,7 +461,8 @@ var InitialMarkerSelectionSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { InitialMarkerSelectionSettings };
 /**
- * Sets and gets the shapes that is selected initially on rendering the maps.
+ * Gets or sets the options to select the shapes when the maps is loaded initially.
+ * The initial selection of the shapes will work only when the selection settings of layer is enabled.
  */
 var InitialShapeSelectionSettings = /** @class */ (function (_super) {
     __extends(InitialShapeSelectionSettings, _super);
@@ -348,7 +479,7 @@ var InitialShapeSelectionSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { InitialShapeSelectionSettings };
 /**
- * Sets and gets the options to customize the maps on selecting the shapes.
+ * Gets or sets the options to customize the maps on selecting the shapes.
  */
 var SelectionSettings = /** @class */ (function (_super) {
     __extends(SelectionSettings, _super);
@@ -374,7 +505,7 @@ var SelectionSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { SelectionSettings };
 /**
- * Sets and gets the options to customize the shapes on which the mouse has hovered in maps.
+ * Gets or sets the options to customize the shapes on which the mouse has hovered in maps.
  */
 var HighlightSettings = /** @class */ (function (_super) {
     __extends(HighlightSettings, _super);
@@ -397,7 +528,7 @@ var HighlightSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { HighlightSettings };
 /**
- * Sets and gets the options to customize the navigation line in maps.
+ * Gets or sets the options to customize the navigation lines in maps which is used to connect different locations.
  */
 var NavigationLineSettings = /** @class */ (function (_super) {
     __extends(NavigationLineSettings, _super);
@@ -438,7 +569,7 @@ var NavigationLineSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { NavigationLineSettings };
 /**
- * Sets and gets the options to customize the bubble elements in maps.
+ * Gets or sets the options to customize the bubble elements in the maps.
  */
 var BubbleSettings = /** @class */ (function (_super) {
     __extends(BubbleSettings, _super);
@@ -500,7 +631,7 @@ var BubbleSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { BubbleSettings };
 /**
- * Sets and gets the title for the maps.
+ * Gets or sets the options to customize the title of the maps.
  */
 var CommonTitleSettings = /** @class */ (function (_super) {
     __extends(CommonTitleSettings, _super);
@@ -517,7 +648,7 @@ var CommonTitleSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { CommonTitleSettings };
 /**
- * Sets and gets the subtitle for maps.
+ * Gets or sets the options to customize the subtitle of the maps.
  */
 var SubTitleSettings = /** @class */ (function (_super) {
     __extends(SubTitleSettings, _super);
@@ -534,7 +665,7 @@ var SubTitleSettings = /** @class */ (function (_super) {
 }(CommonTitleSettings));
 export { SubTitleSettings };
 /**
- * Sets and gets the title for the maps.
+ * Gets or sets the options to customize the title of the maps.
  */
 var TitleSettings = /** @class */ (function (_super) {
     __extends(TitleSettings, _super);
@@ -554,7 +685,7 @@ var TitleSettings = /** @class */ (function (_super) {
 }(CommonTitleSettings));
 export { TitleSettings };
 /**
- * Sets and gets the options to configure maps zooming operations.
+ * Gets or sets the options to configure maps zooming operations.
  */
 var ZoomSettings = /** @class */ (function (_super) {
     __extends(ZoomSettings, _super);
@@ -618,11 +749,14 @@ var ZoomSettings = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], ZoomSettings.prototype, "resetToInitial", void 0);
+    __decorate([
+        Complex({}, ZoomToolbarSettings)
+    ], ZoomSettings.prototype, "toolbarSettings", void 0);
     return ZoomSettings;
 }(ChildProperty));
 export { ZoomSettings };
 /**
- * Sets and gets the settings to customize the color-mapping visibility based on the legend visibility.
+ * Gets or sets the settings to customize the color-mapping visibility based on the legend visibility.
  */
 var ToggleLegendSettings = /** @class */ (function (_super) {
     __extends(ToggleLegendSettings, _super);
@@ -648,7 +782,7 @@ var ToggleLegendSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { ToggleLegendSettings };
 /**
- * Sets and gets the options to customize the legend of the maps.
+ * Gets or sets the options to customize the legend of the maps.
  */
 var LegendSettings = /** @class */ (function (_super) {
     __extends(LegendSettings, _super);
@@ -749,7 +883,7 @@ var LegendSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { LegendSettings };
 /**
- * Sets and gets the options to customize the data-labels in maps.
+ * Gets or sets the options to customize the data labels in maps.
  */
 var DataLabelSettings = /** @class */ (function (_super) {
     __extends(DataLabelSettings, _super);
@@ -793,7 +927,7 @@ var DataLabelSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { DataLabelSettings };
 /**
- * Sets and gets the options to customize the shapes in the maps.
+ * Gets or sets the options to customize the shapes in the maps.
  */
 var ShapeSettings = /** @class */ (function (_super) {
     __extends(ShapeSettings, _super);
@@ -840,7 +974,7 @@ var ShapeSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { ShapeSettings };
 /**
- * Sets and gets the options to customize the marker in the maps.
+ * Gets or sets the options to customize the markers in the maps.
  */
 var MarkerBase = /** @class */ (function (_super) {
     __extends(MarkerBase, _super);
@@ -856,6 +990,9 @@ var MarkerBase = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], MarkerBase.prototype, "visible", void 0);
+    __decorate([
+        Property(false)
+    ], MarkerBase.prototype, "enableDrag", void 0);
     __decorate([
         Property('#FF471A')
     ], MarkerBase.prototype, "fill", void 0);
@@ -925,6 +1062,9 @@ var MarkerBase = /** @class */ (function (_super) {
     return MarkerBase;
 }(ChildProperty));
 export { MarkerBase };
+/**
+ * Gets or sets the options to customize the markers in the maps.
+ */
 var MarkerSettings = /** @class */ (function (_super) {
     __extends(MarkerSettings, _super);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -935,7 +1075,7 @@ var MarkerSettings = /** @class */ (function (_super) {
 }(MarkerBase));
 export { MarkerSettings };
 /**
- * Sets and gets the options to customize the layers of the maps.
+ * Gets or sets the options to customize the layers of the maps.
  */
 var LayerSettings = /** @class */ (function (_super) {
     __extends(LayerSettings, _super);
@@ -1047,7 +1187,7 @@ var Tile = /** @class */ (function () {
 }());
 export { Tile };
 /**
- * Sets and gets the maps area settings
+ * Gets or sets the options to customize the area around the shapes in the map layer.
  */
 var MapsAreaSettings = /** @class */ (function (_super) {
     __extends(MapsAreaSettings, _super);

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

@@ -106,6 +106,18 @@ export declare const markerClusterRendering: string;
  * @private
  */
 export declare const markerClick: string;
+/**
+ * Specifies the maps marker drag start event name.
+ *
+ * @private
+ */
+export declare const markerDragStart: string;
+/**
+ * Specifies the maps marker drag end event name.
+ *
+ * @private
+ */
+export declare const markerDragEnd: string;
 /**
  * Specifies the maps cluster click event name.
  *

package/src/maps/model/constants.js

@@ -106,6 +106,18 @@ export var markerClusterRendering = 'markerClusterRendering';
  * @private
  */
 export var markerClick = 'markerClick';
+/**
+ * Specifies the maps marker drag start event name.
+ *
+ * @private
+ */
+export var markerDragStart = 'markerDragStart';
+/**
+ * Specifies the maps marker drag end event name.
+ *
+ * @private
+ */
+export var markerDragEnd = 'markerDragEnd';
 /**
  * Specifies the maps cluster click event name.
  *

package/src/maps/model/export-image.d.ts

@@ -1,7 +1,7 @@
 import { Maps } from '../../index';
 import { ExportType } from '../utils/enum';
 /**
- * This module enables the export to Image functionality in Maps control.
+ * This module enables the export to Image functionality in maps.
  *
  * @hidden
  */

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

@@ -1,7 +1,7 @@
 import { createElement, Browser, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { triggerDownload, getElementByID } from '../utils/helper';
 /**
- * This module enables the export to Image functionality in Maps control.
+ * This module enables the export to Image functionality in maps.
  *
  * @hidden
  */

package/src/maps/model/export-pdf.d.ts

@@ -2,7 +2,7 @@ import { Maps } from '../../index';
 import { ExportType } from '../utils/enum';
 import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
 /**
- * This module enables the export to PDF functionality in Maps control.
+ * This module enables the export to PDF functionality in maps.
  *
  * @hidden
  */
@@ -19,7 +19,7 @@ export declare class PdfExport {
      * @param {ExportType} type - Specifies the type of the document.
      * @param {string} fileName - Specifies the name of the PDF document.
      * @param {boolean} allowDownload - Specifies whether to download the document or not.
-     * @param {PdfPageOrientation} orientation - Specifies the orientation of the PDF document to export the component.
+     * @param {PdfPageOrientation} orientation - Specifies the orientation of the PDF document to export the maps.
      * @returns {Promise<string>} - Returns "null" value when the allowDownload is set to false.
      * @private
      */

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

@@ -1,7 +1,7 @@
 import { createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { PdfPageOrientation, PdfDocument, PdfBitmap } from '@syncfusion/ej2-pdf-export';
 /**
- * This module enables the export to PDF functionality in Maps control.
+ * This module enables the export to PDF functionality in maps.
  *
  * @hidden
  */
@@ -20,7 +20,7 @@ var PdfExport = /** @class */ (function () {
      * @param {ExportType} type - Specifies the type of the document.
      * @param {string} fileName - Specifies the name of the PDF document.
      * @param {boolean} allowDownload - Specifies whether to download the document or not.
-     * @param {PdfPageOrientation} orientation - Specifies the orientation of the PDF document to export the component.
+     * @param {PdfPageOrientation} orientation - Specifies the orientation of the PDF document to export the maps.
      * @returns {Promise<string>} - Returns "null" value when the allowDownload is set to false.
      * @private
      */