@syncfusion/ej2-angular-maps 19.4.56 → 19.4.57-105067

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

@@ -1,874 +1,865 @@
-/*!
-*  filename: ej2-angular-maps.umd.js
-*  version : 19.4.56
-*  Copyright Syncfusion Inc. 2001 - 2020. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-base'), require('@syncfusion/ej2-maps'), require('@angular/common')) :
 	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@syncfusion/ej2-angular-base', '@syncfusion/ej2-maps', '@angular/common'], factory) :
 	(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 = [];
-/**
- * Layer Directive
- * ```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', 'colorValuePath', 'dashArray', 'dataSource', 'fill', 'height', 'highlightSettings', 'imageUrl', 'imageUrlValuePath', 'initialMarkerSelection', 'latitudeValuePath', 'legendText', 'longitudeValuePath', 'offset', 'opacity', 'query', 'selectionSettings', 'shape', 'shapeValuePath', 'template', 'tooltipSettings', 'visible', 'width'];
-var outputs$1 = [];
-/**
- * Layer Directive
- * ```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 = [];
-/**
- * ColorMapping Directive
- * ```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 = [];
-/**
- * Layer Directive
- * ```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 = [];
-/**
- * Layer Directive
- * ```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', 'bingMapType', 'bubbleSettings', 'dataLabelSettings', 'dataSource', 'geometryType', 'highlightSettings', 'initialShapeSelection', 'key', 'layerType', 'markerClusterSettings', 'markerSettings', 'navigationLineSettings', 'query', 'selectionSettings', 'shapeData', 'shapeDataPath', 'shapePropertyPath', 'shapeSettings', 'staticMapType', 'toggleLegendSettings', 'tooltipSettings', 'type', 'urlTemplate', 'visible'];
-var outputs$5 = [];
-/**
- * Layer Directive
- * ```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 = [];
-/**
- * Annotation Directive
- * ```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', 'markerMouseMove', 'markerRendering', 'pan', 'resize', 'rightClick', 'shapeHighlight', 'shapeRendering', 'shapeSelected', 'tooltipRender', 'tooltipRenderComplete', 'zoom', 'dataSourceChange'];
-var twoWays = ['dataSource'];
-/**
- * Represents Maps Component
- * ```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) { }
-        _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 };
-/**
- * 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
-                ]
-            },] },
-];
-/**
- * @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 = [];
+/**
+ * Layer Directive
+ * ```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', 'colorValuePath', 'dashArray', 'dataSource', 'fill', 'height', 'highlightSettings', 'imageUrl', 'imageUrlValuePath', 'initialMarkerSelection', 'latitudeValuePath', 'legendText', 'longitudeValuePath', 'offset', 'opacity', 'query', 'selectionSettings', 'shape', 'shapeValuePath', 'template', 'tooltipSettings', 'visible', 'width'];
+var outputs$1 = [];
+/**
+ * Layer Directive
+ * ```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 = [];
+/**
+ * ColorMapping Directive
+ * ```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 = [];
+/**
+ * Layer Directive
+ * ```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 = [];
+/**
+ * Layer Directive
+ * ```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', 'bingMapType', 'bubbleSettings', 'dataLabelSettings', 'dataSource', 'geometryType', 'highlightSettings', 'initialShapeSelection', 'key', 'layerType', 'markerClusterSettings', 'markerSettings', 'navigationLineSettings', 'query', 'selectionSettings', 'shapeData', 'shapeDataPath', 'shapePropertyPath', 'shapeSettings', 'staticMapType', 'toggleLegendSettings', 'tooltipSettings', 'type', 'urlTemplate', 'visible'];
+var outputs$5 = [];
+/**
+ * Layer Directive
+ * ```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 = [];
+/**
+ * Annotation Directive
+ * ```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', 'markerMouseMove', 'markerRendering', 'onclick', 'pan', 'resize', 'rightClick', 'shapeHighlight', 'shapeRendering', 'shapeSelected', 'tooltipRender', 'tooltipRenderComplete', 'zoom', 'dataSourceChange'];
+var twoWays = ['dataSource'];
+/**
+ * Represents Maps Component
+ * ```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) { }
+        _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 };
+/**
+ * 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
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MapsAllModule.ctorParameters = function () { return []; };
 
 exports.InitialShapeSelectionDirective = InitialShapeSelectionDirective;
@@ -906,6 +897,7 @@ exports.Maps = ej2Maps.Maps;
 exports.load = ej2Maps.load;
 exports.loaded = ej2Maps.loaded;
 exports.click = ej2Maps.click;
+exports.onclick = ej2Maps.onclick;
 exports.rightClick = ej2Maps.rightClick;
 exports.doubleClick = ej2Maps.doubleClick;
 exports.resize = ej2Maps.resize;