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

package/@syncfusion/ej2-angular-maps.js

@@ -3,806 +3,806 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setVa
 import { Annotations, Bubble, DataLabel, Highlight, ImageExport, Legend, Maps, MapsTooltip, Marker, NavigationLine, PdfExport, Polygon, Print, Selection, Zoom } from '@syncfusion/ej2-maps';
 import { CommonModule } from '@angular/common';
 
-let input = ['shapePath', 'shapeValue'];
-let 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>
- * ```
- */
-class InitialShapeSelectionDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-InitialShapeSelectionDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-initialShapeSelections>e-initialShapeSelection',
-                inputs: input,
-                outputs: outputs,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-InitialShapeSelectionDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * InitialShapeSelection Array Directive
- */
-class InitialShapeSelectionsDirective extends ArrayBase {
-    constructor() {
-        super('initialshapeselection');
-    }
-}
-InitialShapeSelectionsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-initialShapeSelections',
-                queries: {
-                    children: new ContentChildren(InitialShapeSelectionDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input = ['shapePath', 'shapeValue'];
+let 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>
+ * ```
+ */
+class InitialShapeSelectionDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+InitialShapeSelectionDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-initialShapeSelections>e-initialShapeSelection',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+InitialShapeSelectionDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * InitialShapeSelection Array Directive
+ */
+class InitialShapeSelectionsDirective extends ArrayBase {
+    constructor() {
+        super('initialshapeselection');
+    }
+}
+InitialShapeSelectionsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-initialShapeSelections',
+                queries: {
+                    children: new ContentChildren(InitialShapeSelectionDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 InitialShapeSelectionsDirective.ctorParameters = () => [];
 
-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);
-};
-let 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'];
-let 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>
- * ```
- */
-class MarkerDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$1);
-        this.directivePropList = input$1;
-    }
-}
-MarkerDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-markerSettings>e-markerSetting',
-                inputs: input$1,
-                outputs: outputs$1,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-MarkerDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-MarkerDirective.propDecorators = {
-    'template': [{ type: ContentChild, args: ['template',] },],
-    'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
-};
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], MarkerDirective.prototype, "template", void 0);
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], MarkerDirective.prototype, "tooltipSettings_template", void 0);
-/**
- * Marker Array Directive
- */
-class MarkersDirective extends ArrayBase {
-    constructor() {
-        super('markersettings');
-    }
-}
-MarkersDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-markerSettings',
-                queries: {
-                    children: new ContentChildren(MarkerDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let 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'];
+let 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>
+ * ```
+ */
+class MarkerDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$1);
+        this.directivePropList = input$1;
+    }
+}
+MarkerDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-markerSettings>e-markerSetting',
+                inputs: input$1,
+                outputs: outputs$1,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MarkerDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+MarkerDirective.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+    'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], MarkerDirective.prototype, "template", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], MarkerDirective.prototype, "tooltipSettings_template", void 0);
+/**
+ * Marker Array Directive
+ */
+class MarkersDirective extends ArrayBase {
+    constructor() {
+        super('markersettings');
+    }
+}
+MarkersDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-markerSettings',
+                queries: {
+                    children: new ContentChildren(MarkerDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MarkersDirective.ctorParameters = () => [];
 
-let input$2 = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
-let 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>
- * ```
- */
-class ColorMappingDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$2);
-        this.directivePropList = input$2;
-    }
-}
-ColorMappingDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-bubbleSettings>e-colorMappings>e-colorMapping',
-                inputs: input$2,
-                outputs: outputs$2,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ColorMappingDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * ColorMapping Array Directive
- */
-class ColorMappingsDirective extends ArrayBase {
-    constructor() {
-        super('colormapping');
-    }
-}
-ColorMappingsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-bubbleSettings>e-colorMappings',
-                queries: {
-                    children: new ContentChildren(ColorMappingDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$2 = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
+let 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>
+ * ```
+ */
+class ColorMappingDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$2);
+        this.directivePropList = input$2;
+    }
+}
+ColorMappingDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-bubbleSettings>e-colorMappings>e-colorMapping',
+                inputs: input$2,
+                outputs: outputs$2,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ColorMappingDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * ColorMapping Array Directive
+ */
+class ColorMappingsDirective extends ArrayBase {
+    constructor() {
+        super('colormapping');
+    }
+}
+ColorMappingsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-bubbleSettings>e-colorMappings',
+                queries: {
+                    children: new ContentChildren(ColorMappingDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ColorMappingsDirective.ctorParameters = () => [];
 
-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);
-};
-let input$3 = ['animationDelay', 'animationDuration', 'border', 'bubbleType', 'colorMapping', 'colorValuePath', 'dataSource', 'fill', 'highlightSettings', 'maxRadius', 'minRadius', 'opacity', 'query', 'selectionSettings', 'tooltipSettings', 'valuePath', 'visible'];
-let 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>
- * ```
- */
-class BubbleDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['colorMapping'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$3);
-        this.directivePropList = input$3;
-    }
-}
-BubbleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-bubbleSettings>e-bubbleSetting',
-                inputs: input$3,
-                outputs: outputs$3,
-                queries: {
-                    childColorMapping: new ContentChild(ColorMappingsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-BubbleDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-BubbleDirective.propDecorators = {
-    'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
-};
-__decorate$1([
-    Template(),
-    __metadata$1("design:type", Object)
-], BubbleDirective.prototype, "tooltipSettings_template", void 0);
-/**
- * Bubble Array Directive
- */
-class BubblesDirective extends ArrayBase {
-    constructor() {
-        super('bubblesettings');
-    }
-}
-BubblesDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-bubbleSettings',
-                queries: {
-                    children: new ContentChildren(BubbleDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let input$3 = ['animationDelay', 'animationDuration', 'border', 'bubbleType', 'colorMapping', 'colorValuePath', 'dataSource', 'fill', 'highlightSettings', 'maxRadius', 'minRadius', 'opacity', 'query', 'selectionSettings', 'tooltipSettings', 'valuePath', 'visible'];
+let 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>
+ * ```
+ */
+class BubbleDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.tags = ['colorMapping'];
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$3);
+        this.directivePropList = input$3;
+    }
+}
+BubbleDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-bubbleSettings>e-bubbleSetting',
+                inputs: input$3,
+                outputs: outputs$3,
+                queries: {
+                    childColorMapping: new ContentChild(ColorMappingsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BubbleDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+BubbleDirective.propDecorators = {
+    'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
+};
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], BubbleDirective.prototype, "tooltipSettings_template", void 0);
+/**
+ * Bubble Array Directive
+ */
+class BubblesDirective extends ArrayBase {
+    constructor() {
+        super('bubblesettings');
+    }
+}
+BubblesDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-bubbleSettings',
+                queries: {
+                    children: new ContentChildren(BubbleDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 BubblesDirective.ctorParameters = () => [];
 
-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);
-};
-let input$4 = ['angle', 'arrowSettings', 'color', 'dashArray', 'highlightSettings', 'latitude', 'longitude', 'selectionSettings', 'visible', 'width'];
-let 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>
- * ```
- */
-class NavigationLineDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$4);
-        this.directivePropList = input$4;
-    }
-}
-NavigationLineDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-navigationLineSettings>e-navigationLineSetting',
-                inputs: input$4,
-                outputs: outputs$4,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-NavigationLineDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-NavigationLineDirective.propDecorators = {
-    'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
-};
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], NavigationLineDirective.prototype, "tooltipSettings_template", void 0);
-/**
- * NavigationLine Array Directive
- */
-class NavigationLinesDirective extends ArrayBase {
-    constructor() {
-        super('navigationlinesettings');
-    }
-}
-NavigationLinesDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layer>e-navigationLineSettings',
-                queries: {
-                    children: new ContentChildren(NavigationLineDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let input$4 = ['angle', 'arrowSettings', 'color', 'dashArray', 'highlightSettings', 'latitude', 'longitude', 'selectionSettings', 'visible', 'width'];
+let 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>
+ * ```
+ */
+class NavigationLineDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$4);
+        this.directivePropList = input$4;
+    }
+}
+NavigationLineDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-navigationLineSettings>e-navigationLineSetting',
+                inputs: input$4,
+                outputs: outputs$4,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+NavigationLineDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+NavigationLineDirective.propDecorators = {
+    'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
+};
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], NavigationLineDirective.prototype, "tooltipSettings_template", void 0);
+/**
+ * NavigationLine Array Directive
+ */
+class NavigationLinesDirective extends ArrayBase {
+    constructor() {
+        super('navigationlinesettings');
+    }
+}
+NavigationLinesDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layer>e-navigationLineSettings',
+                queries: {
+                    children: new ContentChildren(NavigationLineDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 NavigationLinesDirective.ctorParameters = () => [];
 
-let input$5 = ['animationDuration', 'bubbleSettings', 'dataLabelSettings', 'dataSource', 'geometryType', 'highlightSettings', 'initialShapeSelection', 'markerClusterSettings', 'markerSettings', 'navigationLineSettings', 'polygonSettings', 'query', 'selectionSettings', 'shapeData', 'shapeDataPath', 'shapePropertyPath', 'shapeSettings', 'toggleLegendSettings', 'tooltipSettings', 'type', 'urlTemplate', 'visible'];
-let outputs$5 = [];
-/**
- * Represents the directive to define the layer of the maps.
- * ```html
- * <e-layers>
- * <e-layer></e-layer>
- * </e-layers>
- * ```
- */
-class LayerDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['initialShapeSelection', 'markerSettings', 'bubbleSettings', 'navigationLineSettings'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$5);
-        this.directivePropList = input$5;
-    }
-}
-LayerDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-layers>e-layer',
-                inputs: input$5,
-                outputs: outputs$5,
-                queries: {
-                    childInitialShapeSelection: new ContentChild(InitialShapeSelectionsDirective),
-                    childMarkerSettings: new ContentChild(MarkersDirective),
-                    childBubbleSettings: new ContentChild(BubblesDirective),
-                    childNavigationLineSettings: new ContentChild(NavigationLinesDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-LayerDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * Layer Array Directive
- */
-class LayersDirective extends ArrayBase {
-    constructor() {
-        super('layers');
-    }
-}
-LayersDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ej-maps>e-layers',
-                queries: {
-                    children: new ContentChildren(LayerDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$5 = ['animationDuration', 'bubbleSettings', 'dataLabelSettings', 'dataSource', 'geometryType', 'highlightSettings', 'initialShapeSelection', 'markerClusterSettings', 'markerSettings', 'navigationLineSettings', 'polygonSettings', 'query', 'selectionSettings', 'shapeData', 'shapeDataPath', 'shapePropertyPath', 'shapeSettings', 'toggleLegendSettings', 'tooltipSettings', 'type', 'urlTemplate', 'visible'];
+let outputs$5 = [];
+/**
+ * Represents the directive to define the layer of the maps.
+ * ```html
+ * <e-layers>
+ * <e-layer></e-layer>
+ * </e-layers>
+ * ```
+ */
+class LayerDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        this.tags = ['initialShapeSelection', 'markerSettings', 'bubbleSettings', 'navigationLineSettings'];
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$5);
+        this.directivePropList = input$5;
+    }
+}
+LayerDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-layers>e-layer',
+                inputs: input$5,
+                outputs: outputs$5,
+                queries: {
+                    childInitialShapeSelection: new ContentChild(InitialShapeSelectionsDirective),
+                    childMarkerSettings: new ContentChild(MarkersDirective),
+                    childBubbleSettings: new ContentChild(BubblesDirective),
+                    childNavigationLineSettings: new ContentChild(NavigationLinesDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+LayerDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * Layer Array Directive
+ */
+class LayersDirective extends ArrayBase {
+    constructor() {
+        super('layers');
+    }
+}
+LayersDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ej-maps>e-layers',
+                queries: {
+                    children: new ContentChildren(LayerDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 LayersDirective.ctorParameters = () => [];
 
-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);
-};
-let input$6 = ['content', 'horizontalAlignment', 'verticalAlignment', 'x', 'y', 'zIndex'];
-let 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>
- * ```
- */
-class AnnotationDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$6);
-        this.directivePropList = input$6;
-    }
-}
-AnnotationDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-maps-annotations>e-maps-annotation',
-                inputs: input$6,
-                outputs: outputs$6,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-AnnotationDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-AnnotationDirective.propDecorators = {
-    'content': [{ type: ContentChild, args: ['content',] },],
-};
-__decorate$3([
-    Template(),
-    __metadata$3("design:type", Object)
-], AnnotationDirective.prototype, "content", void 0);
-/**
- * Annotation Array Directive
- */
-class AnnotationsDirective extends ArrayBase {
-    constructor() {
-        super('annotations');
-    }
-}
-AnnotationsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ej-maps>e-maps-annotations',
-                queries: {
-                    children: new ContentChildren(AnnotationDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let input$6 = ['content', 'horizontalAlignment', 'verticalAlignment', 'x', 'y', 'zIndex'];
+let 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>
+ * ```
+ */
+class AnnotationDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$6);
+        this.directivePropList = input$6;
+    }
+}
+AnnotationDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-maps-annotations>e-maps-annotation',
+                inputs: input$6,
+                outputs: outputs$6,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AnnotationDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+AnnotationDirective.propDecorators = {
+    'content': [{ type: ContentChild, args: ['content',] },],
+};
+__decorate$3([
+    Template(),
+    __metadata$3("design:type", Object)
+], AnnotationDirective.prototype, "content", void 0);
+/**
+ * Annotation Array Directive
+ */
+class AnnotationsDirective extends ArrayBase {
+    constructor() {
+        super('annotations');
+    }
+}
+AnnotationsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ej-maps>e-maps-annotations',
+                queries: {
+                    children: new ContentChildren(AnnotationDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AnnotationsDirective.ctorParameters = () => [];
 
-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);
-};
-const 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'];
-const 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'];
-const 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>
- * ```
- */
-let MapsComponent = class MapsComponent extends Maps {
-    /**
-     * @param {?} ngEle
-     * @param {?} srenderer
-     * @param {?} viewContainerRef
-     * @param {?} injector
-     */
-    constructor(ngEle, srenderer, viewContainerRef, injector) {
-        super();
-        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 {
-            let mod = this.injector.get('MapsBubble');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_a) { }
-        try {
-            let mod = this.injector.get('MapsLegend');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_b) { }
-        try {
-            let mod = this.injector.get('MapsMarker');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_c) { }
-        try {
-            let mod = this.injector.get('MapsHighlight');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_d) { }
-        try {
-            let mod = this.injector.get('MapsSelection');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_e) { }
-        try {
-            let mod = this.injector.get('MapsMapsTooltip');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_f) { }
-        try {
-            let mod = this.injector.get('MapsZoom');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_g) { }
-        try {
-            let mod = this.injector.get('MapsDataLabel');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_h) { }
-        try {
-            let mod = this.injector.get('MapsNavigationLine');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_j) { }
-        try {
-            let mod = this.injector.get('MapsAnnotations');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_k) { }
-        try {
-            let mod = this.injector.get('MapsPrint');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_l) { }
-        try {
-            let mod = this.injector.get('MapsPdfExport');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_m) { }
-        try {
-            let mod = this.injector.get('MapsImageExport');
-            if (this.injectedModules.indexOf(mod) === -1) {
-                this.injectedModules.push(mod);
-            }
-        }
-        catch (_o) { }
-        try {
-            let 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);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.context = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.context.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.context.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.context.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childLayers;
-        if (this.childAnnotations) {
-            this.tagObjects[1].instance = /** @type {?} */ (this.childAnnotations);
-        }
-        this.context.ngAfterContentChecked(this);
-    }
-};
-MapsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-maps',
-                inputs: inputs,
-                outputs: outputs$7,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childLayers: new ContentChild(LayersDirective),
-                    childAnnotations: new ContentChild(AnnotationsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-MapsComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-MapsComponent = __decorate$4([
-    ComponentMixins([ComponentBase]),
-    __metadata$4("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+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);
+};
+const 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'];
+const 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'];
+const 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>
+ * ```
+ */
+let MapsComponent = class MapsComponent extends Maps {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        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 {
+            let mod = this.injector.get('MapsBubble');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            let mod = this.injector.get('MapsLegend');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        try {
+            let mod = this.injector.get('MapsMarker');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_c) { }
+        try {
+            let mod = this.injector.get('MapsHighlight');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_d) { }
+        try {
+            let mod = this.injector.get('MapsSelection');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_e) { }
+        try {
+            let mod = this.injector.get('MapsMapsTooltip');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_f) { }
+        try {
+            let mod = this.injector.get('MapsZoom');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_g) { }
+        try {
+            let mod = this.injector.get('MapsDataLabel');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_h) { }
+        try {
+            let mod = this.injector.get('MapsNavigationLine');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_j) { }
+        try {
+            let mod = this.injector.get('MapsAnnotations');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_k) { }
+        try {
+            let mod = this.injector.get('MapsPrint');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_l) { }
+        try {
+            let mod = this.injector.get('MapsPdfExport');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_m) { }
+        try {
+            let mod = this.injector.get('MapsImageExport');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_o) { }
+        try {
+            let 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);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.context = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childLayers;
+        if (this.childAnnotations) {
+            this.tagObjects[1].instance = /** @type {?} */ (this.childAnnotations);
+        }
+        this.context.ngAfterContentChecked(this);
+    }
+};
+MapsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-maps',
+                inputs: inputs,
+                outputs: outputs$7,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childLayers: new ContentChild(LayersDirective),
+                    childAnnotations: new ContentChild(AnnotationsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MapsComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+MapsComponent = __decorate$4([
+    ComponentMixins([ComponentBase]),
+    __metadata$4("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], MapsComponent);
 
-/**
- * NgModule definition for the Maps component.
- */
-class MapsModule {
-}
-MapsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    MapsComponent,
-                    InitialShapeSelectionDirective,
-                    InitialShapeSelectionsDirective,
-                    MarkerDirective,
-                    MarkersDirective,
-                    ColorMappingDirective,
-                    ColorMappingsDirective,
-                    BubbleDirective,
-                    BubblesDirective,
-                    NavigationLineDirective,
-                    NavigationLinesDirective,
-                    LayerDirective,
-                    LayersDirective,
-                    AnnotationDirective,
-                    AnnotationsDirective
-                ],
-                exports: [
-                    MapsComponent,
-                    InitialShapeSelectionDirective,
-                    InitialShapeSelectionsDirective,
-                    MarkerDirective,
-                    MarkersDirective,
-                    ColorMappingDirective,
-                    ColorMappingsDirective,
-                    BubbleDirective,
-                    BubblesDirective,
-                    NavigationLineDirective,
-                    NavigationLinesDirective,
-                    LayerDirective,
-                    LayersDirective,
-                    AnnotationDirective,
-                    AnnotationsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Maps component.
+ */
+class MapsModule {
+}
+MapsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MapsComponent,
+                    InitialShapeSelectionDirective,
+                    InitialShapeSelectionsDirective,
+                    MarkerDirective,
+                    MarkersDirective,
+                    ColorMappingDirective,
+                    ColorMappingsDirective,
+                    BubbleDirective,
+                    BubblesDirective,
+                    NavigationLineDirective,
+                    NavigationLinesDirective,
+                    LayerDirective,
+                    LayersDirective,
+                    AnnotationDirective,
+                    AnnotationsDirective
+                ],
+                exports: [
+                    MapsComponent,
+                    InitialShapeSelectionDirective,
+                    InitialShapeSelectionsDirective,
+                    MarkerDirective,
+                    MarkersDirective,
+                    ColorMappingDirective,
+                    ColorMappingsDirective,
+                    BubbleDirective,
+                    BubblesDirective,
+                    NavigationLineDirective,
+                    NavigationLinesDirective,
+                    LayerDirective,
+                    LayersDirective,
+                    AnnotationDirective,
+                    AnnotationsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MapsModule.ctorParameters = () => [];
 
-const BubbleService = { provide: 'MapsBubble', useValue: Bubble };
-const LegendService = { provide: 'MapsLegend', useValue: Legend };
-const MarkerService = { provide: 'MapsMarker', useValue: Marker };
-const HighlightService = { provide: 'MapsHighlight', useValue: Highlight };
-const SelectionService = { provide: 'MapsSelection', useValue: Selection };
-const MapsTooltipService = { provide: 'MapsMapsTooltip', useValue: MapsTooltip };
-const ZoomService = { provide: 'MapsZoom', useValue: Zoom };
-const DataLabelService = { provide: 'MapsDataLabel', useValue: DataLabel };
-const NavigationLineService = { provide: 'MapsNavigationLine', useValue: NavigationLine };
-const AnnotationsService = { provide: 'MapsAnnotations', useValue: Annotations };
-const PrintService = { provide: 'MapsPrint', useValue: Print };
-const PdfExportService = { provide: 'MapsPdfExport', useValue: PdfExport };
-const ImageExportService = { provide: 'MapsImageExport', useValue: ImageExport };
-const PolygonService = { provide: 'MapsPolygon', useValue: Polygon };
-/**
- * NgModule definition for the Maps component with providers.
- */
-class MapsAllModule {
-}
-MapsAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MapsModule],
-                exports: [
-                    MapsModule
-                ],
-                providers: [
-                    BubbleService,
-                    LegendService,
-                    MarkerService,
-                    HighlightService,
-                    SelectionService,
-                    MapsTooltipService,
-                    ZoomService,
-                    DataLabelService,
-                    NavigationLineService,
-                    AnnotationsService,
-                    PrintService,
-                    PdfExportService,
-                    ImageExportService,
-                    PolygonService
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+const BubbleService = { provide: 'MapsBubble', useValue: Bubble };
+const LegendService = { provide: 'MapsLegend', useValue: Legend };
+const MarkerService = { provide: 'MapsMarker', useValue: Marker };
+const HighlightService = { provide: 'MapsHighlight', useValue: Highlight };
+const SelectionService = { provide: 'MapsSelection', useValue: Selection };
+const MapsTooltipService = { provide: 'MapsMapsTooltip', useValue: MapsTooltip };
+const ZoomService = { provide: 'MapsZoom', useValue: Zoom };
+const DataLabelService = { provide: 'MapsDataLabel', useValue: DataLabel };
+const NavigationLineService = { provide: 'MapsNavigationLine', useValue: NavigationLine };
+const AnnotationsService = { provide: 'MapsAnnotations', useValue: Annotations };
+const PrintService = { provide: 'MapsPrint', useValue: Print };
+const PdfExportService = { provide: 'MapsPdfExport', useValue: PdfExport };
+const ImageExportService = { provide: 'MapsImageExport', useValue: ImageExport };
+const PolygonService = { provide: 'MapsPolygon', useValue: Polygon };
+/**
+ * NgModule definition for the Maps component with providers.
+ */
+class MapsAllModule {
+}
+MapsAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MapsModule],
+                exports: [
+                    MapsModule
+                ],
+                providers: [
+                    BubbleService,
+                    LegendService,
+                    MarkerService,
+                    HighlightService,
+                    SelectionService,
+                    MapsTooltipService,
+                    ZoomService,
+                    DataLabelService,
+                    NavigationLineService,
+                    AnnotationsService,
+                    PrintService,
+                    PdfExportService,
+                    ImageExportService,
+                    PolygonService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MapsAllModule.ctorParameters = () => [];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { InitialShapeSelectionDirective, InitialShapeSelectionsDirective, MarkerDirective, MarkersDirective, ColorMappingDirective, ColorMappingsDirective, BubbleDirective, BubblesDirective, NavigationLineDirective, NavigationLinesDirective, LayerDirective, LayersDirective, AnnotationDirective, AnnotationsDirective, MapsComponent, MapsModule, MapsAllModule, BubbleService, LegendService, MarkerService, HighlightService, SelectionService, MapsTooltipService, ZoomService, DataLabelService, NavigationLineService, AnnotationsService, PrintService, PdfExportService, ImageExportService, PolygonService, inputs as ɵa, outputs$7 as ɵb };