@syncfusion/ej2-angular-maps 29.2.11-ngcc → 30.1.37-ngcc

package/dist/ej2-angular-maps.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-maps.umd.js
-*  version : 29.2.11
+*  version : 30.1.37
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -13,872 +13,872 @@
 	(factory((global['ej2-angular-maps'] = {}),global.ng.core,global.ej2.angular.base,global.ej2.maps,global.ng.common));
 }(this, (function (exports,core,ej2AngularBase,ej2Maps,common) { 'use strict';
 
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var input = ['shapePath', 'shapeValue'];
-var outputs = [];
-/**
- * Represents the directive to configure the selection of the shapes when the maps is initially rendered.
- * ```html
- * <e-layers>
- * <e-layer>
- * <e-initialShapeSelections>
- * <e-initialShapeSelection>
- * </e-initialShapeSelection>
- * </e-initialShapeSelections>
- * </e-layer>
- * </e-layers>
- * ```
- */
-var InitialShapeSelectionDirective = /** @class */ (function (_super) {
-    __extends(InitialShapeSelectionDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function InitialShapeSelectionDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs);
-        _this.directivePropList = input;
-        return _this;
-    }
-    return InitialShapeSelectionDirective;
-}(ej2AngularBase.ComplexBase));
-InitialShapeSelectionDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-initialShapeSelections>e-initialShapeSelection',
-                inputs: input,
-                outputs: outputs,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-InitialShapeSelectionDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-/**
- * InitialShapeSelection Array Directive
- */
-var InitialShapeSelectionsDirective = /** @class */ (function (_super) {
-    __extends(InitialShapeSelectionsDirective, _super);
-    function InitialShapeSelectionsDirective() {
-        return _super.call(this, 'initialshapeselection') || this;
-    }
-    return InitialShapeSelectionsDirective;
-}(ej2AngularBase.ArrayBase));
-InitialShapeSelectionsDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-initialShapeSelections',
-                queries: {
-                    children: new core.ContentChildren(InitialShapeSelectionDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-InitialShapeSelectionsDirective.ctorParameters = function () { return []; };
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-var input$1 = ['animationDelay', 'animationDuration', 'border', 'clusterSettings', 'colorValuePath', 'dashArray', 'dataSource', 'enableDrag', 'fill', 'height', 'heightValuePath', 'highlightSettings', 'imageUrl', 'imageUrlValuePath', 'initialMarkerSelection', 'latitudeValuePath', 'legendText', 'longitudeValuePath', 'offset', 'opacity', 'query', 'selectionSettings', 'shape', 'shapeValuePath', 'template', 'tooltipSettings', 'visible', 'width', 'widthValuePath'];
-var outputs$1 = [];
-/**
- * Represents the directive to define the markers in the maps.
- * ```html
- * <e-layers>
- * <e-layer>
- * <e-markerSettings>
- * <e-markerSetting>
- * </e-markerSetting>
- * </e-markerSettings>
- * </e-layer>
- * </e-layers>
- * ```
- */
-var MarkerDirective = /** @class */ (function (_super) {
-    __extends(MarkerDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function MarkerDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$1);
-        _this.directivePropList = input$1;
-        return _this;
-    }
-    return MarkerDirective;
-}(ej2AngularBase.ComplexBase));
-MarkerDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-markerSettings>e-markerSetting',
-                inputs: input$1,
-                outputs: outputs$1,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-MarkerDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-MarkerDirective.propDecorators = {
-    'template': [{ type: core.ContentChild, args: ['template',] },],
-    'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
-};
-__decorate([
-    ej2AngularBase.Template(),
-    __metadata("design:type", Object)
-], MarkerDirective.prototype, "template", void 0);
-__decorate([
-    ej2AngularBase.Template(),
-    __metadata("design:type", Object)
-], MarkerDirective.prototype, "tooltipSettings_template", void 0);
-/**
- * Marker Array Directive
- */
-var MarkersDirective = /** @class */ (function (_super) {
-    __extends(MarkersDirective, _super);
-    function MarkersDirective() {
-        return _super.call(this, 'markersettings') || this;
-    }
-    return MarkersDirective;
-}(ej2AngularBase.ArrayBase));
-MarkersDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-markerSettings',
-                queries: {
-                    children: new core.ContentChildren(MarkerDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-MarkersDirective.ctorParameters = function () { return []; };
-var input$2 = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
-var outputs$2 = [];
-/**
- * Represents the directive to define the bubble color mapping in the maps.
- * ```html
- * <e-layers>
- * <e-layer>
- * <e-bubbleSettings>
- * <e-colorMappings>
- * <e-colorMapping>
- * </e-colorMapping>
- * </e-colorMappings>
- * </e-bubbleSettings>
- * </e-layer>
- * </e-layers>
- * ```
- */
-var ColorMappingDirective = /** @class */ (function (_super) {
-    __extends(ColorMappingDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function ColorMappingDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$2);
-        _this.directivePropList = input$2;
-        return _this;
-    }
-    return ColorMappingDirective;
-}(ej2AngularBase.ComplexBase));
-ColorMappingDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-bubbleSettings>e-colorMappings>e-colorMapping',
-                inputs: input$2,
-                outputs: outputs$2,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ColorMappingDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-/**
- * ColorMapping Array Directive
- */
-var ColorMappingsDirective = /** @class */ (function (_super) {
-    __extends(ColorMappingsDirective, _super);
-    function ColorMappingsDirective() {
-        return _super.call(this, 'colormapping') || this;
-    }
-    return ColorMappingsDirective;
-}(ej2AngularBase.ArrayBase));
-ColorMappingsDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-bubbleSettings>e-colorMappings',
-                queries: {
-                    children: new core.ContentChildren(ColorMappingDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-ColorMappingsDirective.ctorParameters = function () { return []; };
-var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$1 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-var input$3 = ['animationDelay', 'animationDuration', 'border', 'bubbleType', 'colorMapping', 'colorValuePath', 'dataSource', 'fill', 'highlightSettings', 'maxRadius', 'minRadius', 'opacity', 'query', 'selectionSettings', 'tooltipSettings', 'valuePath', 'visible'];
-var outputs$3 = [];
-/**
- * Represents the directive to define the bubbles in the maps.
- * ```html
- * <e-layers>
- * <e-layer>
- * <e-bubbleSettings>
- * <e-bubbleSetting>
- * </e-bubbleSetting>
- * </e-bubbleSettings>
- * </e-layer>
- * </e-layers>
- * ```
- */
-var BubbleDirective = /** @class */ (function (_super) {
-    __extends(BubbleDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function BubbleDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        _this.tags = ['colorMapping'];
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$3);
-        _this.directivePropList = input$3;
-        return _this;
-    }
-    return BubbleDirective;
-}(ej2AngularBase.ComplexBase));
-BubbleDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-bubbleSettings>e-bubbleSetting',
-                inputs: input$3,
-                outputs: outputs$3,
-                queries: {
-                    childColorMapping: new core.ContentChild(ColorMappingsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-BubbleDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-BubbleDirective.propDecorators = {
-    'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
-};
-__decorate$1([
-    ej2AngularBase.Template(),
-    __metadata$1("design:type", Object)
-], BubbleDirective.prototype, "tooltipSettings_template", void 0);
-/**
- * Bubble Array Directive
- */
-var BubblesDirective = /** @class */ (function (_super) {
-    __extends(BubblesDirective, _super);
-    function BubblesDirective() {
-        return _super.call(this, 'bubblesettings') || this;
-    }
-    return BubblesDirective;
-}(ej2AngularBase.ArrayBase));
-BubblesDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-bubbleSettings',
-                queries: {
-                    children: new core.ContentChildren(BubbleDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-BubblesDirective.ctorParameters = function () { return []; };
-var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$2 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-var input$4 = ['angle', 'arrowSettings', 'color', 'dashArray', 'highlightSettings', 'latitude', 'longitude', 'selectionSettings', 'visible', 'width'];
-var outputs$4 = [];
-/**
- * Represents the directive to define the navigation lines in the maps.
- * ```html
- * <e-layers>
- * <e-layer>
- * <e-navigationLineSettings>
- * <e-navigationLineSetting>
- * </e-navigationLineSetting>
- * </e-navigationLineSettings>
- * </e-layer>
- * </e-layers>
- * ```
- */
-var NavigationLineDirective = /** @class */ (function (_super) {
-    __extends(NavigationLineDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function NavigationLineDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$4);
-        _this.directivePropList = input$4;
-        return _this;
-    }
-    return NavigationLineDirective;
-}(ej2AngularBase.ComplexBase));
-NavigationLineDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-navigationLineSettings>e-navigationLineSetting',
-                inputs: input$4,
-                outputs: outputs$4,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-NavigationLineDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-NavigationLineDirective.propDecorators = {
-    'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
-};
-__decorate$2([
-    ej2AngularBase.Template(),
-    __metadata$2("design:type", Object)
-], NavigationLineDirective.prototype, "tooltipSettings_template", void 0);
-/**
- * NavigationLine Array Directive
- */
-var NavigationLinesDirective = /** @class */ (function (_super) {
-    __extends(NavigationLinesDirective, _super);
-    function NavigationLinesDirective() {
-        return _super.call(this, 'navigationlinesettings') || this;
-    }
-    return NavigationLinesDirective;
-}(ej2AngularBase.ArrayBase));
-NavigationLinesDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layer>e-navigationLineSettings',
-                queries: {
-                    children: new core.ContentChildren(NavigationLineDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-NavigationLinesDirective.ctorParameters = function () { return []; };
-var input$5 = ['animationDuration', 'bubbleSettings', 'dataLabelSettings', 'dataSource', 'geometryType', 'highlightSettings', 'initialShapeSelection', 'markerClusterSettings', 'markerSettings', 'navigationLineSettings', 'polygonSettings', 'query', 'selectionSettings', 'shapeData', 'shapeDataPath', 'shapePropertyPath', 'shapeSettings', 'toggleLegendSettings', 'tooltipSettings', 'type', 'urlTemplate', 'visible'];
-var outputs$5 = [];
-/**
- * Represents the directive to define the layer of the maps.
- * ```html
- * <e-layers>
- * <e-layer></e-layer>
- * </e-layers>
- * ```
- */
-var LayerDirective = /** @class */ (function (_super) {
-    __extends(LayerDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function LayerDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        _this.tags = ['initialShapeSelection', 'markerSettings', 'bubbleSettings', 'navigationLineSettings'];
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$5);
-        _this.directivePropList = input$5;
-        return _this;
-    }
-    return LayerDirective;
-}(ej2AngularBase.ComplexBase));
-LayerDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-layers>e-layer',
-                inputs: input$5,
-                outputs: outputs$5,
-                queries: {
-                    childInitialShapeSelection: new core.ContentChild(InitialShapeSelectionsDirective),
-                    childMarkerSettings: new core.ContentChild(MarkersDirective),
-                    childBubbleSettings: new core.ContentChild(BubblesDirective),
-                    childNavigationLineSettings: new core.ContentChild(NavigationLinesDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-LayerDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-/**
- * Layer Array Directive
- */
-var LayersDirective = /** @class */ (function (_super) {
-    __extends(LayersDirective, _super);
-    function LayersDirective() {
-        return _super.call(this, 'layers') || this;
-    }
-    return LayersDirective;
-}(ej2AngularBase.ArrayBase));
-LayersDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'ej-maps>e-layers',
-                queries: {
-                    children: new core.ContentChildren(LayerDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-LayersDirective.ctorParameters = function () { return []; };
-var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$3 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-var input$6 = ['content', 'horizontalAlignment', 'verticalAlignment', 'x', 'y', 'zIndex'];
-var outputs$6 = [];
-/**
- * Represents the directive to define the annotations in the maps.
- * ```html
- * <e-maps-annotations>
- * <e-maps-annotation></e-maps-annotation>
- * </e-maps-annotations>
- * ```
- */
-var AnnotationDirective = /** @class */ (function (_super) {
-    __extends(AnnotationDirective, _super);
-    /**
-     * @param {?} viewContainerRef
-     */
-    function AnnotationDirective(viewContainerRef) {
-        var _this = _super.call(this) || this;
-        _this.viewContainerRef = viewContainerRef;
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.registerEvents(outputs$6);
-        _this.directivePropList = input$6;
-        return _this;
-    }
-    return AnnotationDirective;
-}(ej2AngularBase.ComplexBase));
-AnnotationDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'e-maps-annotations>e-maps-annotation',
-                inputs: input$6,
-                outputs: outputs$6,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-AnnotationDirective.ctorParameters = function () { return [
-    { type: core.ViewContainerRef, },
-]; };
-AnnotationDirective.propDecorators = {
-    'content': [{ type: core.ContentChild, args: ['content',] },],
-};
-__decorate$3([
-    ej2AngularBase.Template(),
-    __metadata$3("design:type", Object)
-], AnnotationDirective.prototype, "content", void 0);
-/**
- * Annotation Array Directive
- */
-var AnnotationsDirective = /** @class */ (function (_super) {
-    __extends(AnnotationsDirective, _super);
-    function AnnotationsDirective() {
-        return _super.call(this, 'annotations') || this;
-    }
-    return AnnotationsDirective;
-}(ej2AngularBase.ArrayBase));
-AnnotationsDirective.decorators = [
-    { type: core.Directive, args: [{
-                selector: 'ej-maps>e-maps-annotations',
-                queries: {
-                    children: new core.ContentChildren(AnnotationDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-AnnotationsDirective.ctorParameters = function () { return []; };
-var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata$4 = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-        return Reflect.metadata(k, v);
-};
-var inputs = ['allowImageExport', 'allowPdfExport', 'allowPrint', 'annotations', 'background', 'baseLayerIndex', 'border', 'centerPosition', 'description', 'enablePersistence', 'enableRtl', 'format', 'height', 'layers', 'legendSettings', 'locale', 'mapsArea', 'margin', 'projectionType', 'tabIndex', 'theme', 'titleSettings', 'tooltipDisplayMode', 'useGroupingSeparator', 'width', 'zoomSettings'];
-var outputs$7 = ['animationComplete', 'annotationRendering', 'beforePrint', 'bubbleClick', 'bubbleMouseMove', 'bubbleRendering', 'click', 'dataLabelRendering', 'doubleClick', 'itemHighlight', 'itemSelection', 'layerRendering', 'legendRendering', 'load', 'loaded', 'markerClick', 'markerClusterClick', 'markerClusterMouseMove', 'markerClusterRendering', 'markerDragEnd', 'markerDragStart', 'markerMouseMove', 'markerRendering', 'mouseMove', 'onclick', 'pan', 'panComplete', 'resize', 'rightClick', 'shapeHighlight', 'shapeRendering', 'shapeSelected', 'tooltipRender', 'tooltipRenderComplete', 'zoom', 'zoomComplete', 'dataSourceChange'];
-var twoWays = ['dataSource'];
-/**
- * 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>
- * ```
- */
-exports.MapsComponent = /** @class */ (function (_super) {
-    __extends(MapsComponent, _super);
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    function MapsComponent(ngEle, srenderer, viewContainerRef, injector) {
-        var _this = _super.call(this) || this;
-        _this.ngEle = ngEle;
-        _this.srenderer = srenderer;
-        _this.viewContainerRef = viewContainerRef;
-        _this.injector = injector;
-        _this.tags = ['layers', 'annotations'];
-        _this.element = _this.ngEle.nativeElement;
-        _this.injectedModules = _this.injectedModules || [];
-        try {
-            var mod = _this.injector.get('MapsBubble');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_a) { }
-        try {
-            var mod = _this.injector.get('MapsLegend');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_b) { }
-        try {
-            var mod = _this.injector.get('MapsMarker');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_c) { }
-        try {
-            var mod = _this.injector.get('MapsHighlight');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_d) { }
-        try {
-            var mod = _this.injector.get('MapsSelection');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_e) { }
-        try {
-            var mod = _this.injector.get('MapsMapsTooltip');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_f) { }
-        try {
-            var mod = _this.injector.get('MapsZoom');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_g) { }
-        try {
-            var mod = _this.injector.get('MapsDataLabel');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_h) { }
-        try {
-            var mod = _this.injector.get('MapsNavigationLine');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_j) { }
-        try {
-            var mod = _this.injector.get('MapsAnnotations');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_k) { }
-        try {
-            var mod = _this.injector.get('MapsPrint');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_l) { }
-        try {
-            var mod = _this.injector.get('MapsPdfExport');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_m) { }
-        try {
-            var mod = _this.injector.get('MapsImageExport');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_o) { }
-        try {
-            var mod = _this.injector.get('MapsPolygon');
-            if (_this.injectedModules.indexOf(mod) === -1) {
-                _this.injectedModules.push(mod);
-            }
-        }
-        catch (_p) { }
-        _this.registerEvents(outputs$7);
-        _this.addTwoWay.call(_this, twoWays);
-        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
-        _this.context = new ej2AngularBase.ComponentBase();
-        return _this;
-    }
-    /**
-     * @return {?}
-     */
-    MapsComponent.prototype.ngOnInit = function () {
-        this.context.ngOnInit(this);
-    };
-    /**
-     * @return {?}
-     */
-    MapsComponent.prototype.ngAfterViewInit = function () {
-        this.context.ngAfterViewInit(this);
-    };
-    /**
-     * @return {?}
-     */
-    MapsComponent.prototype.ngOnDestroy = function () {
-        this.context.ngOnDestroy(this);
-    };
-    /**
-     * @return {?}
-     */
-    MapsComponent.prototype.ngAfterContentChecked = function () {
-        this.tagObjects[0].instance = this.childLayers;
-        if (this.childAnnotations) {
-            this.tagObjects[1].instance = /** @type {?} */ (this.childAnnotations);
-        }
-        this.context.ngAfterContentChecked(this);
-    };
-    return MapsComponent;
-}(ej2Maps.Maps));
-exports.MapsComponent.decorators = [
-    { type: core.Component, args: [{
-                selector: 'ejs-maps',
-                inputs: inputs,
-                outputs: outputs$7,
-                template: '',
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childLayers: new core.ContentChild(LayersDirective),
-                    childAnnotations: new core.ContentChild(AnnotationsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-exports.MapsComponent.ctorParameters = function () { return [
-    { type: core.ElementRef, },
-    { type: core.Renderer2, },
-    { type: core.ViewContainerRef, },
-    { type: core.Injector, },
-]; };
-exports.MapsComponent = __decorate$4([
-    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
-    __metadata$4("design:paramtypes", [core.ElementRef,
-        core.Renderer2,
-        core.ViewContainerRef,
-        core.Injector])
-], exports.MapsComponent);
-/**
- * NgModule definition for the Maps component.
- */
-var MapsModule = /** @class */ (function () {
-    function MapsModule() {
-    }
-    return MapsModule;
-}());
-MapsModule.decorators = [
-    { type: core.NgModule, args: [{
-                imports: [common.CommonModule],
-                declarations: [
-                    exports.MapsComponent,
-                    InitialShapeSelectionDirective,
-                    InitialShapeSelectionsDirective,
-                    MarkerDirective,
-                    MarkersDirective,
-                    ColorMappingDirective,
-                    ColorMappingsDirective,
-                    BubbleDirective,
-                    BubblesDirective,
-                    NavigationLineDirective,
-                    NavigationLinesDirective,
-                    LayerDirective,
-                    LayersDirective,
-                    AnnotationDirective,
-                    AnnotationsDirective
-                ],
-                exports: [
-                    exports.MapsComponent,
-                    InitialShapeSelectionDirective,
-                    InitialShapeSelectionsDirective,
-                    MarkerDirective,
-                    MarkersDirective,
-                    ColorMappingDirective,
-                    ColorMappingsDirective,
-                    BubbleDirective,
-                    BubblesDirective,
-                    NavigationLineDirective,
-                    NavigationLinesDirective,
-                    LayerDirective,
-                    LayersDirective,
-                    AnnotationDirective,
-                    AnnotationsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
-MapsModule.ctorParameters = function () { return []; };
-var BubbleService = { provide: 'MapsBubble', useValue: ej2Maps.Bubble };
-var LegendService = { provide: 'MapsLegend', useValue: ej2Maps.Legend };
-var MarkerService = { provide: 'MapsMarker', useValue: ej2Maps.Marker };
-var HighlightService = { provide: 'MapsHighlight', useValue: ej2Maps.Highlight };
-var SelectionService = { provide: 'MapsSelection', useValue: ej2Maps.Selection };
-var MapsTooltipService = { provide: 'MapsMapsTooltip', useValue: ej2Maps.MapsTooltip };
-var ZoomService = { provide: 'MapsZoom', useValue: ej2Maps.Zoom };
-var DataLabelService = { provide: 'MapsDataLabel', useValue: ej2Maps.DataLabel };
-var NavigationLineService = { provide: 'MapsNavigationLine', useValue: ej2Maps.NavigationLine };
-var AnnotationsService = { provide: 'MapsAnnotations', useValue: ej2Maps.Annotations };
-var PrintService = { provide: 'MapsPrint', useValue: ej2Maps.Print };
-var PdfExportService = { provide: 'MapsPdfExport', useValue: ej2Maps.PdfExport };
-var ImageExportService = { provide: 'MapsImageExport', useValue: ej2Maps.ImageExport };
-var PolygonService = { provide: 'MapsPolygon', useValue: ej2Maps.Polygon };
-/**
- * NgModule definition for the Maps component with providers.
- */
-var MapsAllModule = /** @class */ (function () {
-    function MapsAllModule() {
-    }
-    return MapsAllModule;
-}());
-MapsAllModule.decorators = [
-    { type: core.NgModule, args: [{
-                imports: [common.CommonModule, MapsModule],
-                exports: [
-                    MapsModule
-                ],
-                providers: [
-                    BubbleService,
-                    LegendService,
-                    MarkerService,
-                    HighlightService,
-                    SelectionService,
-                    MapsTooltipService,
-                    ZoomService,
-                    DataLabelService,
-                    NavigationLineService,
-                    AnnotationsService,
-                    PrintService,
-                    PdfExportService,
-                    ImageExportService,
-                    PolygonService
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var input = ['shapePath', 'shapeValue'];
+var outputs = [];
+/**
+ * Represents the directive to configure the selection of the shapes when the maps is initially rendered.
+ * ```html
+ * <e-layers>
+ * <e-layer>
+ * <e-initialShapeSelections>
+ * <e-initialShapeSelection>
+ * </e-initialShapeSelection>
+ * </e-initialShapeSelections>
+ * </e-layer>
+ * </e-layers>
+ * ```
+ */
+var InitialShapeSelectionDirective = /** @class */ (function (_super) {
+    __extends(InitialShapeSelectionDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function InitialShapeSelectionDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs);
+        _this.directivePropList = input;
+        return _this;
+    }
+    return InitialShapeSelectionDirective;
+}(ej2AngularBase.ComplexBase));
+InitialShapeSelectionDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-initialShapeSelections>e-initialShapeSelection',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+InitialShapeSelectionDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * InitialShapeSelection Array Directive
+ */
+var InitialShapeSelectionsDirective = /** @class */ (function (_super) {
+    __extends(InitialShapeSelectionsDirective, _super);
+    function InitialShapeSelectionsDirective() {
+        return _super.call(this, 'initialshapeselection') || this;
+    }
+    return InitialShapeSelectionsDirective;
+}(ej2AngularBase.ArrayBase));
+InitialShapeSelectionsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-initialShapeSelections',
+                queries: {
+                    children: new core.ContentChildren(InitialShapeSelectionDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+InitialShapeSelectionsDirective.ctorParameters = function () { return []; };
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input$1 = ['animationDelay', 'animationDuration', 'border', 'clusterSettings', 'colorValuePath', 'dashArray', 'dataSource', 'enableDrag', 'fill', 'height', 'heightValuePath', 'highlightSettings', 'imageUrl', 'imageUrlValuePath', 'initialMarkerSelection', 'latitudeValuePath', 'legendText', 'longitudeValuePath', 'offset', 'opacity', 'query', 'selectionSettings', 'shape', 'shapeValuePath', 'template', 'tooltipSettings', 'visible', 'width', 'widthValuePath'];
+var outputs$1 = [];
+/**
+ * Represents the directive to define the markers in the maps.
+ * ```html
+ * <e-layers>
+ * <e-layer>
+ * <e-markerSettings>
+ * <e-markerSetting>
+ * </e-markerSetting>
+ * </e-markerSettings>
+ * </e-layer>
+ * </e-layers>
+ * ```
+ */
+var MarkerDirective = /** @class */ (function (_super) {
+    __extends(MarkerDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function MarkerDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$1);
+        _this.directivePropList = input$1;
+        return _this;
+    }
+    return MarkerDirective;
+}(ej2AngularBase.ComplexBase));
+MarkerDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-markerSettings>e-markerSetting',
+                inputs: input$1,
+                outputs: outputs$1,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MarkerDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+MarkerDirective.propDecorators = {
+    'template': [{ type: core.ContentChild, args: ['template',] },],
+    'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
+};
+__decorate([
+    ej2AngularBase.Template(),
+    __metadata("design:type", Object)
+], MarkerDirective.prototype, "template", void 0);
+__decorate([
+    ej2AngularBase.Template(),
+    __metadata("design:type", Object)
+], MarkerDirective.prototype, "tooltipSettings_template", void 0);
+/**
+ * Marker Array Directive
+ */
+var MarkersDirective = /** @class */ (function (_super) {
+    __extends(MarkersDirective, _super);
+    function MarkersDirective() {
+        return _super.call(this, 'markersettings') || this;
+    }
+    return MarkersDirective;
+}(ej2AngularBase.ArrayBase));
+MarkersDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-markerSettings',
+                queries: {
+                    children: new core.ContentChildren(MarkerDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MarkersDirective.ctorParameters = function () { return []; };
+var input$2 = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
+var outputs$2 = [];
+/**
+ * Represents the directive to define the bubble color mapping in the maps.
+ * ```html
+ * <e-layers>
+ * <e-layer>
+ * <e-bubbleSettings>
+ * <e-colorMappings>
+ * <e-colorMapping>
+ * </e-colorMapping>
+ * </e-colorMappings>
+ * </e-bubbleSettings>
+ * </e-layer>
+ * </e-layers>
+ * ```
+ */
+var ColorMappingDirective = /** @class */ (function (_super) {
+    __extends(ColorMappingDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function ColorMappingDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$2);
+        _this.directivePropList = input$2;
+        return _this;
+    }
+    return ColorMappingDirective;
+}(ej2AngularBase.ComplexBase));
+ColorMappingDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-bubbleSettings>e-colorMappings>e-colorMapping',
+                inputs: input$2,
+                outputs: outputs$2,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ColorMappingDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * ColorMapping Array Directive
+ */
+var ColorMappingsDirective = /** @class */ (function (_super) {
+    __extends(ColorMappingsDirective, _super);
+    function ColorMappingsDirective() {
+        return _super.call(this, 'colormapping') || this;
+    }
+    return ColorMappingsDirective;
+}(ej2AngularBase.ArrayBase));
+ColorMappingsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-bubbleSettings>e-colorMappings',
+                queries: {
+                    children: new core.ContentChildren(ColorMappingDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ColorMappingsDirective.ctorParameters = function () { return []; };
+var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$1 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input$3 = ['animationDelay', 'animationDuration', 'border', 'bubbleType', 'colorMapping', 'colorValuePath', 'dataSource', 'fill', 'highlightSettings', 'maxRadius', 'minRadius', 'opacity', 'query', 'selectionSettings', 'tooltipSettings', 'valuePath', 'visible'];
+var outputs$3 = [];
+/**
+ * Represents the directive to define the bubbles in the maps.
+ * ```html
+ * <e-layers>
+ * <e-layer>
+ * <e-bubbleSettings>
+ * <e-bubbleSetting>
+ * </e-bubbleSetting>
+ * </e-bubbleSettings>
+ * </e-layer>
+ * </e-layers>
+ * ```
+ */
+var BubbleDirective = /** @class */ (function (_super) {
+    __extends(BubbleDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function BubbleDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        _this.tags = ['colorMapping'];
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$3);
+        _this.directivePropList = input$3;
+        return _this;
+    }
+    return BubbleDirective;
+}(ej2AngularBase.ComplexBase));
+BubbleDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-bubbleSettings>e-bubbleSetting',
+                inputs: input$3,
+                outputs: outputs$3,
+                queries: {
+                    childColorMapping: new core.ContentChild(ColorMappingsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BubbleDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+BubbleDirective.propDecorators = {
+    'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
+};
+__decorate$1([
+    ej2AngularBase.Template(),
+    __metadata$1("design:type", Object)
+], BubbleDirective.prototype, "tooltipSettings_template", void 0);
+/**
+ * Bubble Array Directive
+ */
+var BubblesDirective = /** @class */ (function (_super) {
+    __extends(BubblesDirective, _super);
+    function BubblesDirective() {
+        return _super.call(this, 'bubblesettings') || this;
+    }
+    return BubblesDirective;
+}(ej2AngularBase.ArrayBase));
+BubblesDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-bubbleSettings',
+                queries: {
+                    children: new core.ContentChildren(BubbleDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BubblesDirective.ctorParameters = function () { return []; };
+var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$2 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input$4 = ['angle', 'arrowSettings', 'color', 'dashArray', 'highlightSettings', 'latitude', 'longitude', 'selectionSettings', 'visible', 'width'];
+var outputs$4 = [];
+/**
+ * Represents the directive to define the navigation lines in the maps.
+ * ```html
+ * <e-layers>
+ * <e-layer>
+ * <e-navigationLineSettings>
+ * <e-navigationLineSetting>
+ * </e-navigationLineSetting>
+ * </e-navigationLineSettings>
+ * </e-layer>
+ * </e-layers>
+ * ```
+ */
+var NavigationLineDirective = /** @class */ (function (_super) {
+    __extends(NavigationLineDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function NavigationLineDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$4);
+        _this.directivePropList = input$4;
+        return _this;
+    }
+    return NavigationLineDirective;
+}(ej2AngularBase.ComplexBase));
+NavigationLineDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-navigationLineSettings>e-navigationLineSetting',
+                inputs: input$4,
+                outputs: outputs$4,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+NavigationLineDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+NavigationLineDirective.propDecorators = {
+    'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
+};
+__decorate$2([
+    ej2AngularBase.Template(),
+    __metadata$2("design:type", Object)
+], NavigationLineDirective.prototype, "tooltipSettings_template", void 0);
+/**
+ * NavigationLine Array Directive
+ */
+var NavigationLinesDirective = /** @class */ (function (_super) {
+    __extends(NavigationLinesDirective, _super);
+    function NavigationLinesDirective() {
+        return _super.call(this, 'navigationlinesettings') || this;
+    }
+    return NavigationLinesDirective;
+}(ej2AngularBase.ArrayBase));
+NavigationLinesDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layer>e-navigationLineSettings',
+                queries: {
+                    children: new core.ContentChildren(NavigationLineDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+NavigationLinesDirective.ctorParameters = function () { return []; };
+var input$5 = ['animationDuration', 'bubbleSettings', 'dataLabelSettings', 'dataSource', 'geometryType', 'highlightSettings', 'initialShapeSelection', 'markerClusterSettings', 'markerSettings', 'navigationLineSettings', 'polygonSettings', 'query', 'selectionSettings', 'shapeData', 'shapeDataPath', 'shapePropertyPath', 'shapeSettings', 'toggleLegendSettings', 'tooltipSettings', 'type', 'urlTemplate', 'visible'];
+var outputs$5 = [];
+/**
+ * Represents the directive to define the layer of the maps.
+ * ```html
+ * <e-layers>
+ * <e-layer></e-layer>
+ * </e-layers>
+ * ```
+ */
+var LayerDirective = /** @class */ (function (_super) {
+    __extends(LayerDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function LayerDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        _this.tags = ['initialShapeSelection', 'markerSettings', 'bubbleSettings', 'navigationLineSettings'];
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$5);
+        _this.directivePropList = input$5;
+        return _this;
+    }
+    return LayerDirective;
+}(ej2AngularBase.ComplexBase));
+LayerDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-layers>e-layer',
+                inputs: input$5,
+                outputs: outputs$5,
+                queries: {
+                    childInitialShapeSelection: new core.ContentChild(InitialShapeSelectionsDirective),
+                    childMarkerSettings: new core.ContentChild(MarkersDirective),
+                    childBubbleSettings: new core.ContentChild(BubblesDirective),
+                    childNavigationLineSettings: new core.ContentChild(NavigationLinesDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+LayerDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * Layer Array Directive
+ */
+var LayersDirective = /** @class */ (function (_super) {
+    __extends(LayersDirective, _super);
+    function LayersDirective() {
+        return _super.call(this, 'layers') || this;
+    }
+    return LayersDirective;
+}(ej2AngularBase.ArrayBase));
+LayersDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'ej-maps>e-layers',
+                queries: {
+                    children: new core.ContentChildren(LayerDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+LayersDirective.ctorParameters = function () { return []; };
+var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$3 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input$6 = ['content', 'horizontalAlignment', 'verticalAlignment', 'x', 'y', 'zIndex'];
+var outputs$6 = [];
+/**
+ * Represents the directive to define the annotations in the maps.
+ * ```html
+ * <e-maps-annotations>
+ * <e-maps-annotation></e-maps-annotation>
+ * </e-maps-annotations>
+ * ```
+ */
+var AnnotationDirective = /** @class */ (function (_super) {
+    __extends(AnnotationDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function AnnotationDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$6);
+        _this.directivePropList = input$6;
+        return _this;
+    }
+    return AnnotationDirective;
+}(ej2AngularBase.ComplexBase));
+AnnotationDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-maps-annotations>e-maps-annotation',
+                inputs: input$6,
+                outputs: outputs$6,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AnnotationDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+AnnotationDirective.propDecorators = {
+    'content': [{ type: core.ContentChild, args: ['content',] },],
+};
+__decorate$3([
+    ej2AngularBase.Template(),
+    __metadata$3("design:type", Object)
+], AnnotationDirective.prototype, "content", void 0);
+/**
+ * Annotation Array Directive
+ */
+var AnnotationsDirective = /** @class */ (function (_super) {
+    __extends(AnnotationsDirective, _super);
+    function AnnotationsDirective() {
+        return _super.call(this, 'annotations') || this;
+    }
+    return AnnotationsDirective;
+}(ej2AngularBase.ArrayBase));
+AnnotationsDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'ej-maps>e-maps-annotations',
+                queries: {
+                    children: new core.ContentChildren(AnnotationDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AnnotationsDirective.ctorParameters = function () { return []; };
+var __decorate$4 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$4 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs = ['allowImageExport', 'allowPdfExport', 'allowPrint', 'annotations', 'background', 'baseLayerIndex', 'border', 'centerPosition', 'description', 'enablePersistence', 'enableRtl', 'format', 'height', 'layers', 'legendSettings', 'locale', 'mapsArea', 'margin', 'projectionType', 'tabIndex', 'theme', 'titleSettings', 'tooltipDisplayMode', 'useGroupingSeparator', 'width', 'zoomSettings'];
+var outputs$7 = ['animationComplete', 'annotationRendering', 'beforePrint', 'bubbleClick', 'bubbleMouseMove', 'bubbleRendering', 'click', 'dataLabelRendering', 'doubleClick', 'itemHighlight', 'itemSelection', 'layerRendering', 'legendRendering', 'load', 'loaded', 'markerClick', 'markerClusterClick', 'markerClusterMouseMove', 'markerClusterRendering', 'markerDragEnd', 'markerDragStart', 'markerMouseMove', 'markerRendering', 'mouseMove', 'onclick', 'pan', 'panComplete', 'resize', 'rightClick', 'shapeHighlight', 'shapeRendering', 'shapeSelected', 'tooltipRender', 'tooltipRenderComplete', 'zoom', 'zoomComplete', 'dataSourceChange'];
+var twoWays = ['dataSource'];
+/**
+ * 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>
+ * ```
+ */
+exports.MapsComponent = /** @class */ (function (_super) {
+    __extends(MapsComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function MapsComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.tags = ['layers', 'annotations'];
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        try {
+            var mod = _this.injector.get('MapsBubble');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            var mod = _this.injector.get('MapsLegend');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        try {
+            var mod = _this.injector.get('MapsMarker');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_c) { }
+        try {
+            var mod = _this.injector.get('MapsHighlight');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_d) { }
+        try {
+            var mod = _this.injector.get('MapsSelection');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_e) { }
+        try {
+            var mod = _this.injector.get('MapsMapsTooltip');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_f) { }
+        try {
+            var mod = _this.injector.get('MapsZoom');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_g) { }
+        try {
+            var mod = _this.injector.get('MapsDataLabel');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_h) { }
+        try {
+            var mod = _this.injector.get('MapsNavigationLine');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_j) { }
+        try {
+            var mod = _this.injector.get('MapsAnnotations');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_k) { }
+        try {
+            var mod = _this.injector.get('MapsPrint');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_l) { }
+        try {
+            var mod = _this.injector.get('MapsPdfExport');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_m) { }
+        try {
+            var mod = _this.injector.get('MapsImageExport');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_o) { }
+        try {
+            var mod = _this.injector.get('MapsPolygon');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_p) { }
+        _this.registerEvents(outputs$7);
+        _this.addTwoWay.call(_this, twoWays);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.context = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    MapsComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    MapsComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    MapsComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    MapsComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childLayers;
+        if (this.childAnnotations) {
+            this.tagObjects[1].instance = /** @type {?} */ (this.childAnnotations);
+        }
+        this.context.ngAfterContentChecked(this);
+    };
+    return MapsComponent;
+}(ej2Maps.Maps));
+exports.MapsComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: 'ejs-maps',
+                inputs: inputs,
+                outputs: outputs$7,
+                template: '',
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childLayers: new core.ContentChild(LayersDirective),
+                    childAnnotations: new core.ContentChild(AnnotationsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.MapsComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+]; };
+exports.MapsComponent = __decorate$4([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
+    __metadata$4("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector])
+], exports.MapsComponent);
+/**
+ * NgModule definition for the Maps component.
+ */
+var MapsModule = /** @class */ (function () {
+    function MapsModule() {
+    }
+    return MapsModule;
+}());
+MapsModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.MapsComponent,
+                    InitialShapeSelectionDirective,
+                    InitialShapeSelectionsDirective,
+                    MarkerDirective,
+                    MarkersDirective,
+                    ColorMappingDirective,
+                    ColorMappingsDirective,
+                    BubbleDirective,
+                    BubblesDirective,
+                    NavigationLineDirective,
+                    NavigationLinesDirective,
+                    LayerDirective,
+                    LayersDirective,
+                    AnnotationDirective,
+                    AnnotationsDirective
+                ],
+                exports: [
+                    exports.MapsComponent,
+                    InitialShapeSelectionDirective,
+                    InitialShapeSelectionsDirective,
+                    MarkerDirective,
+                    MarkersDirective,
+                    ColorMappingDirective,
+                    ColorMappingsDirective,
+                    BubbleDirective,
+                    BubblesDirective,
+                    NavigationLineDirective,
+                    NavigationLinesDirective,
+                    LayerDirective,
+                    LayersDirective,
+                    AnnotationDirective,
+                    AnnotationsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MapsModule.ctorParameters = function () { return []; };
+var BubbleService = { provide: 'MapsBubble', useValue: ej2Maps.Bubble };
+var LegendService = { provide: 'MapsLegend', useValue: ej2Maps.Legend };
+var MarkerService = { provide: 'MapsMarker', useValue: ej2Maps.Marker };
+var HighlightService = { provide: 'MapsHighlight', useValue: ej2Maps.Highlight };
+var SelectionService = { provide: 'MapsSelection', useValue: ej2Maps.Selection };
+var MapsTooltipService = { provide: 'MapsMapsTooltip', useValue: ej2Maps.MapsTooltip };
+var ZoomService = { provide: 'MapsZoom', useValue: ej2Maps.Zoom };
+var DataLabelService = { provide: 'MapsDataLabel', useValue: ej2Maps.DataLabel };
+var NavigationLineService = { provide: 'MapsNavigationLine', useValue: ej2Maps.NavigationLine };
+var AnnotationsService = { provide: 'MapsAnnotations', useValue: ej2Maps.Annotations };
+var PrintService = { provide: 'MapsPrint', useValue: ej2Maps.Print };
+var PdfExportService = { provide: 'MapsPdfExport', useValue: ej2Maps.PdfExport };
+var ImageExportService = { provide: 'MapsImageExport', useValue: ej2Maps.ImageExport };
+var PolygonService = { provide: 'MapsPolygon', useValue: ej2Maps.Polygon };
+/**
+ * NgModule definition for the Maps component with providers.
+ */
+var MapsAllModule = /** @class */ (function () {
+    function MapsAllModule() {
+    }
+    return MapsAllModule;
+}());
+MapsAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, MapsModule],
+                exports: [
+                    MapsModule
+                ],
+                providers: [
+                    BubbleService,
+                    LegendService,
+                    MarkerService,
+                    HighlightService,
+                    SelectionService,
+                    MapsTooltipService,
+                    ZoomService,
+                    DataLabelService,
+                    NavigationLineService,
+                    AnnotationsService,
+                    PrintService,
+                    PdfExportService,
+                    ImageExportService,
+                    PolygonService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MapsAllModule.ctorParameters = function () { return []; };
 
 exports.InitialShapeSelectionDirective = InitialShapeSelectionDirective;