@agm/core - npm Package Compare versions

Comparing version 1.0.0-beta.2 to 1.0.0-beta.3

core.module.js

@@ -29,3 +29,3 @@ import { NgModule } from '@angular/core';
  */
-var AgmCoreModule = (function () {
+var AgmCoreModule = /** @class */ (function () {
     function AgmCoreModule() {
@@ -36,3 +36,9 @@ }
      */
-    AgmCoreModule.forRoot = function (lazyMapsAPILoaderConfig) {
+    /**
+       * Please use this method when you register the module at the root level.
+       */
+    AgmCoreModule.forRoot = /**
+       * Please use this method when you register the module at the root level.
+       */
+    function (lazyMapsAPILoaderConfig) {
         return {
@@ -46,10 +52,8 @@ ngModule: AgmCoreModule,
     };
+    AgmCoreModule.decorators = [
+        { type: NgModule, args: [{ declarations: coreDirectives(), exports: coreDirectives() },] },
+    ];
     return AgmCoreModule;
 }());
 export { AgmCoreModule };
-AgmCoreModule.decorators = [
-    { type: NgModule, args: [{ declarations: coreDirectives(), exports: coreDirectives() },] },
-];
-/** @nocollapse */
-AgmCoreModule.ctorParameters = function () { return []; };
 //# sourceMappingURL=core.module.js.map

core.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"coreDirectives":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","module":"./directives/map","name":"AgmMap"},{"__symbolic":"reference","module":"./directives/marker","name":"AgmMarker"},{"__symbolic":"reference","module":"./directives/info-window","name":"AgmInfoWindow"},{"__symbolic":"reference","module":"./directives/circle","name":"AgmCircle"},{"__symbolic":"reference","module":"./directives/polygon","name":"AgmPolygon"},{"__symbolic":"reference","module":"./directives/polyline","name":"AgmPolyline"},{"__symbolic":"reference","module":"./directives/polyline-point","name":"AgmPolylinePoint"},{"__symbolic":"reference","module":"./directives/kml-layer","name":"AgmKmlLayer"},{"__symbolic":"reference","module":"./directives/data-layer","name":"AgmDataLayer"}]},"AgmCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"coreDirectives"}},"exports":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"coreDirectives"}}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":["lazyMapsAPILoaderConfig"],"value":{"ngModule":{"__symbolic":"reference","name":"AgmCoreModule"},"providers":[{"__symbolic":"spread","expression":{"__symbolic":"reference","module":"./utils/browser-globals","name":"BROWSER_GLOBALS_PROVIDERS"}},{"provide":{"__symbolic":"reference","module":"./services/maps-api-loader/maps-api-loader","name":"MapsAPILoader"},"useClass":{"__symbolic":"reference","module":"./services/maps-api-loader/lazy-maps-api-loader","name":"LazyMapsAPILoader"}},{"provide":{"__symbolic":"reference","module":"./services/maps-api-loader/lazy-maps-api-loader","name":"LAZY_MAPS_API_CONFIG"},"useValue":{"__symbolic":"reference","name":"lazyMapsAPILoaderConfig"}}]}}}}}},{"__symbolic":"module","version":1,"metadata":{"coreDirectives":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","module":"./directives/map","name":"AgmMap"},{"__symbolic":"reference","module":"./directives/marker","name":"AgmMarker"},{"__symbolic":"reference","module":"./directives/info-window","name":"AgmInfoWindow"},{"__symbolic":"reference","module":"./directives/circle","name":"AgmCircle"},{"__symbolic":"reference","module":"./directives/polygon","name":"AgmPolygon"},{"__symbolic":"reference","module":"./directives/polyline","name":"AgmPolyline"},{"__symbolic":"reference","module":"./directives/polyline-point","name":"AgmPolylinePoint"},{"__symbolic":"reference","module":"./directives/kml-layer","name":"AgmKmlLayer"},{"__symbolic":"reference","module":"./directives/data-layer","name":"AgmDataLayer"}]},"AgmCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"coreDirectives"}},"exports":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"coreDirectives"}}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":["lazyMapsAPILoaderConfig"],"value":{"ngModule":{"__symbolic":"reference","name":"AgmCoreModule"},"providers":[{"__symbolic":"spread","expression":{"__symbolic":"reference","module":"./utils/browser-globals","name":"BROWSER_GLOBALS_PROVIDERS"}},{"provide":{"__symbolic":"reference","module":"./services/maps-api-loader/maps-api-loader","name":"MapsAPILoader"},"useClass":{"__symbolic":"reference","module":"./services/maps-api-loader/lazy-maps-api-loader","name":"LazyMapsAPILoader"}},{"provide":{"__symbolic":"reference","module":"./services/maps-api-loader/lazy-maps-api-loader","name":"LAZY_MAPS_API_CONFIG"},"useValue":{"__symbolic":"reference","name":"lazyMapsAPILoaderConfig"}}]}}}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"coreDirectives":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","module":"./directives/map","name":"AgmMap","line":20,"character":4},{"__symbolic":"reference","module":"./directives/marker","name":"AgmMarker","line":20,"character":12},{"__symbolic":"reference","module":"./directives/info-window","name":"AgmInfoWindow","line":20,"character":23},{"__symbolic":"reference","module":"./directives/circle","name":"AgmCircle","line":20,"character":38},{"__symbolic":"reference","module":"./directives/polygon","name":"AgmPolygon","line":21,"character":4},{"__symbolic":"reference","module":"./directives/polyline","name":"AgmPolyline","line":21,"character":16},{"__symbolic":"reference","module":"./directives/polyline-point","name":"AgmPolylinePoint","line":21,"character":29},{"__symbolic":"reference","module":"./directives/kml-layer","name":"AgmKmlLayer","line":21,"character":47},{"__symbolic":"reference","module":"./directives/data-layer","name":"AgmDataLayer","line":22,"character":4}]},"AgmCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"declarations":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"coreDirectives"}},"exports":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"coreDirectives"}}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":["lazyMapsAPILoaderConfig"],"value":{"ngModule":{"__symbolic":"reference","name":"AgmCoreModule"},"providers":[{"__symbolic":"spread","expression":{"__symbolic":"reference","module":"./utils/browser-globals","name":"BROWSER_GLOBALS_PROVIDERS","line":39,"character":11}},{"provide":{"__symbolic":"reference","module":"./services/maps-api-loader/maps-api-loader","name":"MapsAPILoader","line":39,"character":48},"useClass":{"__symbolic":"reference","module":"./services/maps-api-loader/lazy-maps-api-loader","name":"LazyMapsAPILoader","line":39,"character":73}},{"provide":{"__symbolic":"reference","module":"./services/maps-api-loader/lazy-maps-api-loader","name":"LAZY_MAPS_API_CONFIG","line":40,"character":18},"useValue":{"__symbolic":"reference","name":"lazyMapsAPILoaderConfig"}}]}}}}}}]

directives.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./directives/map","export":["AgmMap"]},{"from":"./directives/circle","export":["AgmCircle"]},{"from":"./directives/info-window","export":["AgmInfoWindow"]},{"from":"./directives/kml-layer","export":["AgmKmlLayer"]},{"from":"./directives/data-layer","export":["AgmDataLayer"]},{"from":"./directives/marker","export":["AgmMarker"]},{"from":"./directives/polygon","export":["AgmPolygon"]},{"from":"./directives/polyline","export":["AgmPolyline"]},{"from":"./directives/polyline-point","export":["AgmPolylinePoint"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./directives/map","export":["AgmMap"]},{"from":"./directives/circle","export":["AgmCircle"]},{"from":"./directives/info-window","export":["AgmInfoWindow"]},{"from":"./directives/kml-layer","export":["AgmKmlLayer"]},{"from":"./directives/data-layer","export":["AgmDataLayer"]},{"from":"./directives/marker","export":["AgmMarker"]},{"from":"./directives/polygon","export":["AgmPolygon"]},{"from":"./directives/polyline","export":["AgmPolyline"]},{"from":"./directives/polyline-point","export":["AgmPolylinePoint"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./directives/map","export":["AgmMap"]},{"from":"./directives/circle","export":["AgmCircle"]},{"from":"./directives/info-window","export":["AgmInfoWindow"]},{"from":"./directives/kml-layer","export":["AgmKmlLayer"]},{"from":"./directives/data-layer","export":["AgmDataLayer"]},{"from":"./directives/marker","export":["AgmMarker"]},{"from":"./directives/polygon","export":["AgmPolygon"]},{"from":"./directives/polyline","export":["AgmPolyline"]},{"from":"./directives/polyline-point","export":["AgmPolylinePoint"]}]}]

directives/circle.js

 import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { CircleManager } from '../services/managers/circle-manager';
-var AgmCircle = (function () {
+var AgmCircle = /** @class */ (function () {
     function AgmCircle(_manager) {
         this._manager = _manager;
         /**
-         * Indicates whether this Circle handles mouse events. Defaults to true.
-         */
+           * Indicates whether this Circle handles mouse events. Defaults to true.
+           */
         this.clickable = true;
         /**
-         * If set to true, the user can drag this circle over the map. Defaults to false.
-         */
+           * If set to true, the user can drag this circle over the map. Defaults to false.
+           */
         // tslint:disable-next-line:no-input-rename
         this.draggable = false;
         /**
-         * If set to true, the user can edit this circle by dragging the control points shown at
-         * the center and around the circumference of the circle. Defaults to false.
-         */
+           * If set to true, the user can edit this circle by dragging the control points shown at
+           * the center and around the circumference of the circle. Defaults to false.
+           */
         this.editable = false;
         /**
-         * The radius in meters on the Earth's surface.
-         */
+           * The radius in meters on the Earth's surface.
+           */
         this.radius = 0;
         /**
-         * The stroke position. Defaults to CENTER.
-         * This property is not supported on Internet Explorer 8 and earlier.
-         */
+           * The stroke position. Defaults to CENTER.
+           * This property is not supported on Internet Explorer 8 and earlier.
+           */
         this.strokePosition = 'CENTER';
         /**
-         * The stroke width in pixels.
-         */
+           * The stroke width in pixels.
+           */
         this.strokeWeight = 0;
         /**
-         * Whether this circle is visible on the map. Defaults to true.
-         */
+           * Whether this circle is visible on the map. Defaults to true.
+           */
         this.visible = true;
         /**
-         * This event is fired when the circle's center is changed.
-         */
+           * This event is fired when the circle's center is changed.
+           */
         this.centerChange = new EventEmitter();
         /**
-         * This event emitter gets emitted when the user clicks on the circle.
-         */
+           * This event emitter gets emitted when the user clicks on the circle.
+           */
         this.circleClick = new EventEmitter();
         /**
-         * This event emitter gets emitted when the user clicks on the circle.
-         */
+           * This event emitter gets emitted when the user clicks on the circle.
+           */
         this.circleDblClick = new EventEmitter();
         /**
-         * This event is repeatedly fired while the user drags the circle.
-         */
+           * This event is repeatedly fired while the user drags the circle.
+           */
         this.drag = new EventEmitter();
         /**
-         * This event is fired when the user stops dragging the circle.
-         */
+           * This event is fired when the user stops dragging the circle.
+           */
         this.dragEnd = new EventEmitter();
         /**
-         * This event is fired when the user starts dragging the circle.
-         */
+           * This event is fired when the user starts dragging the circle.
+           */
         this.dragStart = new EventEmitter();
         /**
-         * This event is fired when the DOM mousedown event is fired on the circle.
-         */
+           * This event is fired when the DOM mousedown event is fired on the circle.
+           */
         this.mouseDown = new EventEmitter();
         /**
-         * This event is fired when the DOM mousemove event is fired on the circle.
-         */
+           * This event is fired when the DOM mousemove event is fired on the circle.
+           */
         this.mouseMove = new EventEmitter();
         /**
-         * This event is fired on circle mouseout.
-         */
+           * This event is fired on circle mouseout.
+           */
         this.mouseOut = new EventEmitter();
         /**
-         * This event is fired on circle mouseover.
-         */
+           * This event is fired on circle mouseover.
+           */
         this.mouseOver = new EventEmitter();
         /**
-         * This event is fired when the DOM mouseup event is fired on the circle.
-         */
+           * This event is fired when the DOM mouseup event is fired on the circle.
+           */
         this.mouseUp = new EventEmitter();
         /**
-         * This event is fired when the circle's radius is changed.
-         */
+           * This event is fired when the circle's radius is changed.
+           */
         this.radiusChange = new EventEmitter();
         /**
-         * This event is fired when the circle is right-clicked on.
-         */
+           * This event is fired when the circle is right-clicked on.
+           */
         this.rightClick = new EventEmitter();
@@ -93,3 +93,5 @@ this._circleAddedToManager = false;
     /** @internal */
-    AgmCircle.prototype.ngOnInit = function () {
+    /** @internal */
+    AgmCircle.prototype.ngOnInit = /** @internal */
+    function () {
         this._manager.addCircle(this);
@@ -100,3 +102,5 @@ this._circleAddedToManager = true;
     /** @internal */
-    AgmCircle.prototype.ngOnChanges = function (changes) {
+    /** @internal */
+    AgmCircle.prototype.ngOnChanges = /** @internal */
+    function (changes) {
         if (!this._circleAddedToManager) {
@@ -164,3 +168,5 @@ return;
     /** @internal */
-    AgmCircle.prototype.ngOnDestroy = function () {
+    /** @internal */
+    AgmCircle.prototype.ngOnDestroy = /** @internal */
+    function () {
         this._eventSubscriptions.forEach(function (s) { s.unsubscribe(); });
@@ -173,49 +179,55 @@ this._eventSubscriptions = null;
      */
-    AgmCircle.prototype.getBounds = function () { return this._manager.getBounds(this); };
+    /**
+       * Gets the LatLngBounds of this Circle.
+       */
+    AgmCircle.prototype.getBounds = /**
+       * Gets the LatLngBounds of this Circle.
+       */
+    function () { return this._manager.getBounds(this); };
     AgmCircle.prototype.getCenter = function () { return this._manager.getCenter(this); };
+    AgmCircle._mapOptions = [
+        'fillColor', 'fillOpacity', 'strokeColor', 'strokeOpacity', 'strokePosition', 'strokeWeight',
+        'visible', 'zIndex', 'clickable'
+    ];
+    AgmCircle.decorators = [
+        { type: Directive, args: [{
+                    selector: 'agm-circle'
+                },] },
+    ];
+    /** @nocollapse */
+    AgmCircle.ctorParameters = function () { return [
+        { type: CircleManager, },
+    ]; };
+    AgmCircle.propDecorators = {
+        "latitude": [{ type: Input },],
+        "longitude": [{ type: Input },],
+        "clickable": [{ type: Input },],
+        "draggable": [{ type: Input, args: ['circleDraggable',] },],
+        "editable": [{ type: Input },],
+        "fillColor": [{ type: Input },],
+        "fillOpacity": [{ type: Input },],
+        "radius": [{ type: Input },],
+        "strokeColor": [{ type: Input },],
+        "strokeOpacity": [{ type: Input },],
+        "strokePosition": [{ type: Input },],
+        "strokeWeight": [{ type: Input },],
+        "visible": [{ type: Input },],
+        "zIndex": [{ type: Input },],
+        "centerChange": [{ type: Output },],
+        "circleClick": [{ type: Output },],
+        "circleDblClick": [{ type: Output },],
+        "drag": [{ type: Output },],
+        "dragEnd": [{ type: Output },],
+        "dragStart": [{ type: Output },],
+        "mouseDown": [{ type: Output },],
+        "mouseMove": [{ type: Output },],
+        "mouseOut": [{ type: Output },],
+        "mouseOver": [{ type: Output },],
+        "mouseUp": [{ type: Output },],
+        "radiusChange": [{ type: Output },],
+        "rightClick": [{ type: Output },],
+    };
     return AgmCircle;
 }());
 export { AgmCircle };
-AgmCircle._mapOptions = [
-    'fillColor', 'fillOpacity', 'strokeColor', 'strokeOpacity', 'strokePosition', 'strokeWeight',
-    'visible', 'zIndex', 'clickable'
-];
-AgmCircle.decorators = [
-    { type: Directive, args: [{
-                selector: 'agm-circle'
-            },] },
-];
-/** @nocollapse */
-AgmCircle.ctorParameters = function () { return [
-    { type: CircleManager, },
-]; };
-AgmCircle.propDecorators = {
-    'latitude': [{ type: Input },],
-    'longitude': [{ type: Input },],
-    'clickable': [{ type: Input },],
-    'draggable': [{ type: Input, args: ['circleDraggable',] },],
-    'editable': [{ type: Input },],
-    'fillColor': [{ type: Input },],
-    'fillOpacity': [{ type: Input },],
-    'radius': [{ type: Input },],
-    'strokeColor': [{ type: Input },],
-    'strokeOpacity': [{ type: Input },],
-    'strokePosition': [{ type: Input },],
-    'strokeWeight': [{ type: Input },],
-    'visible': [{ type: Input },],
-    'zIndex': [{ type: Input },],
-    'centerChange': [{ type: Output },],
-    'circleClick': [{ type: Output },],
-    'circleDblClick': [{ type: Output },],
-    'drag': [{ type: Output },],
-    'dragEnd': [{ type: Output },],
-    'dragStart': [{ type: Output },],
-    'mouseDown': [{ type: Output },],
-    'mouseMove': [{ type: Output },],
-    'mouseOut': [{ type: Output },],
-    'mouseOver': [{ type: Output },],
-    'mouseUp': [{ type: Output },],
-    'radiusChange': [{ type: Output },],
-    'rightClick': [{ type: Output },],
-};
 //# sourceMappingURL=circle.js.map

directives/circle.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmCircle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-circle"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["circleDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"centerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"circleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"circleDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"drag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"radiusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/circle-manager","name":"CircleManager"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updateCircleOptionsChanges":[{"__symbolic":"method"}],"_registerEventListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}]},"statics":{"_mapOptions":["fillColor","fillOpacity","strokeColor","strokeOpacity","strokePosition","strokeWeight","visible","zIndex","clickable"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmCircle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-circle"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["circleDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"centerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"circleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"circleDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"drag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"radiusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/circle-manager","name":"CircleManager"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updateCircleOptionsChanges":[{"__symbolic":"method"}],"_registerEventListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}]},"statics":{"_mapOptions":["fillColor","fillOpacity","strokeColor","strokeOpacity","strokePosition","strokeWeight","visible","zIndex","clickable"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmCircle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"agm-circle"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["circleDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"strokePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"centerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":3}}]}],"circleClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"circleDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"drag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"mouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":3}}]}],"mouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":3}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":3}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":133,"character":3}}]}],"mouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"radiusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":143,"character":3}}]}],"rightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/circle-manager","name":"CircleManager","line":159,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updateCircleOptionsChanges":[{"__symbolic":"method"}],"_registerEventListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}]},"statics":{"_mapOptions":["fillColor","fillOpacity","strokeColor","strokeOpacity","strokePosition","strokeWeight","visible","zIndex","clickable"]}}}}]

directives/data-layer.js

@@ -194,3 +194,3 @@ import { Directive, EventEmitter, Input, Output } from '@angular/core';
  */
-var AgmDataLayer = (function () {
+var AgmDataLayer = /** @class */ (function () {
     function AgmDataLayer(_manager) {
@@ -202,8 +202,8 @@ this._manager = _manager;
         /**
-         * This event is fired when a feature in the layer is clicked.
-         */
+           * This event is fired when a feature in the layer is clicked.
+           */
         this.layerClick = new EventEmitter();
         /**
-         * The geoJson to be displayed
-         */
+           * The geoJson to be displayed
+           */
         this.geoJson = null;
@@ -230,7 +230,13 @@ }
     /** @internal */
-    AgmDataLayer.prototype.id = function () { return this._id; };
     /** @internal */
-    AgmDataLayer.prototype.toString = function () { return "AgmDataLayer-" + this._id.toString(); };
+    AgmDataLayer.prototype.id = /** @internal */
+    function () { return this._id; };
     /** @internal */
-    AgmDataLayer.prototype.ngOnDestroy = function () {
+    /** @internal */
+    AgmDataLayer.prototype.toString = /** @internal */
+    function () { return "AgmDataLayer-" + this._id.toString(); };
+    /** @internal */
+    /** @internal */
+    AgmDataLayer.prototype.ngOnDestroy = /** @internal */
+    function () {
         this._manager.deleteDataLayer(this);
@@ -241,3 +247,5 @@ // unsubscribe all registered observable subscriptions
     /** @internal */
-    AgmDataLayer.prototype.ngOnChanges = function (changes) {
+    /** @internal */
+    AgmDataLayer.prototype.ngOnChanges = /** @internal */
+    function (changes) {
         var _this = this;
@@ -255,20 +263,20 @@ if (!this._addedToManager) {
     };
+    AgmDataLayer._dataOptionsAttributes = ['style'];
+    AgmDataLayer.decorators = [
+        { type: Directive, args: [{
+                    selector: 'agm-data-layer'
+                },] },
+    ];
+    /** @nocollapse */
+    AgmDataLayer.ctorParameters = function () { return [
+        { type: DataLayerManager, },
+    ]; };
+    AgmDataLayer.propDecorators = {
+        "layerClick": [{ type: Output },],
+        "geoJson": [{ type: Input },],
+        "style": [{ type: Input },],
+    };
     return AgmDataLayer;
 }());
 export { AgmDataLayer };
-AgmDataLayer._dataOptionsAttributes = ['style'];
-AgmDataLayer.decorators = [
-    { type: Directive, args: [{
-                selector: 'agm-data-layer'
-            },] },
-];
-/** @nocollapse */
-AgmDataLayer.ctorParameters = function () { return [
-    { type: DataLayerManager, },
-]; };
-AgmDataLayer.propDecorators = {
-    'layerClick': [{ type: Output },],
-    'geoJson': [{ type: Input },],
-    'style': [{ type: Input },],
-};
 //# sourceMappingURL=data-layer.js.map

directives/data-layer.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmDataLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-data-layer"}]}],"members":{"layerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"geoJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../services/managers/data-layer-manager","name":"DataLayerManager"}]}],"ngOnInit":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]},"statics":{"_dataOptionsAttributes":["style"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmDataLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-data-layer"}]}],"members":{"layerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"geoJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../services/managers/data-layer-manager","name":"DataLayerManager"}]}],"ngOnInit":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]},"statics":{"_dataOptionsAttributes":["style"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmDataLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":198,"character":1},"arguments":[{"selector":"agm-data-layer"}]}],"members":{"layerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":211,"character":3}}]}],"geoJson":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../services/managers/data-layer-manager","name":"DataLayerManager","line":223,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]},"statics":{"_dataOptionsAttributes":["style"]}}}}]

directives/info-window.js

@@ -30,3 +30,3 @@ import { Component, ElementRef, EventEmitter, Output, Input } from '@angular/core';
  */
-var AgmInfoWindow = (function () {
+var AgmInfoWindow = /** @class */ (function () {
     function AgmInfoWindow(_infoWindowManager, _el) {
@@ -36,8 +36,8 @@ this._infoWindowManager = _infoWindowManager;
         /**
-         * Sets the open state for the InfoWindow. You can also call the open() and close() methods.
-         */
+           * Sets the open state for the InfoWindow. You can also call the open() and close() methods.
+           */
         this.isOpen = false;
         /**
-         * Emits an event when the info window is closed.
-         */
+           * Emits an event when the info window is closed.
+           */
         this.infoWindowClose = new EventEmitter();
@@ -55,3 +55,5 @@ this._infoWindowAddedToManager = false;
     /** @internal */
-    AgmInfoWindow.prototype.ngOnChanges = function (changes) {
+    /** @internal */
+    AgmInfoWindow.prototype.ngOnChanges = /** @internal */
+    function (changes) {
         if (!this._infoWindowAddedToManager) {
@@ -91,7 +93,19 @@ return;
      */
-    AgmInfoWindow.prototype.open = function () { return this._infoWindowManager.open(this); };
     /**
+       * Opens the info window.
+       */
+    AgmInfoWindow.prototype.open = /**
+       * Opens the info window.
+       */
+    function () { return this._infoWindowManager.open(this); };
+    /**
      * Closes the info window.
      */
-    AgmInfoWindow.prototype.close = function () {
+    /**
+       * Closes the info window.
+       */
+    AgmInfoWindow.prototype.close = /**
+       * Closes the info window.
+       */
+    function () {
         var _this = this;
@@ -101,31 +115,37 @@ return this._infoWindowManager.close(this).then(function () { _this.infoWindowClose.emit(); });
     /** @internal */
-    AgmInfoWindow.prototype.id = function () { return this._id; };
     /** @internal */
-    AgmInfoWindow.prototype.toString = function () { return 'AgmInfoWindow-' + this._id.toString(); };
+    AgmInfoWindow.prototype.id = /** @internal */
+    function () { return this._id; };
     /** @internal */
-    AgmInfoWindow.prototype.ngOnDestroy = function () { this._infoWindowManager.deleteInfoWindow(this); };
+    /** @internal */
+    AgmInfoWindow.prototype.toString = /** @internal */
+    function () { return 'AgmInfoWindow-' + this._id.toString(); };
+    /** @internal */
+    /** @internal */
+    AgmInfoWindow.prototype.ngOnDestroy = /** @internal */
+    function () { this._infoWindowManager.deleteInfoWindow(this); };
+    AgmInfoWindow._infoWindowOptionsInputs = ['disableAutoPan', 'maxWidth'];
+    AgmInfoWindow.decorators = [
+        { type: Component, args: [{
+                    selector: 'agm-info-window',
+                    template: "<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    AgmInfoWindow.ctorParameters = function () { return [
+        { type: InfoWindowManager, },
+        { type: ElementRef, },
+    ]; };
+    AgmInfoWindow.propDecorators = {
+        "latitude": [{ type: Input },],
+        "longitude": [{ type: Input },],
+        "disableAutoPan": [{ type: Input },],
+        "zIndex": [{ type: Input },],
+        "maxWidth": [{ type: Input },],
+        "isOpen": [{ type: Input },],
+        "infoWindowClose": [{ type: Output },],
+    };
     return AgmInfoWindow;
 }());
 export { AgmInfoWindow };
-AgmInfoWindow._infoWindowOptionsInputs = ['disableAutoPan', 'maxWidth'];
-AgmInfoWindow.decorators = [
-    { type: Component, args: [{
-                selector: 'agm-info-window',
-                template: "<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "
-            },] },
-];
-/** @nocollapse */
-AgmInfoWindow.ctorParameters = function () { return [
-    { type: InfoWindowManager, },
-    { type: ElementRef, },
-]; };
-AgmInfoWindow.propDecorators = {
-    'latitude': [{ type: Input },],
-    'longitude': [{ type: Input },],
-    'disableAutoPan': [{ type: Input },],
-    'zIndex': [{ type: Input },],
-    'maxWidth': [{ type: Input },],
-    'isOpen': [{ type: Input },],
-    'infoWindowClose': [{ type: Output },],
-};
 //# sourceMappingURL=info-window.js.map

directives/info-window.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmInfoWindow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"agm-info-window","template":"<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableAutoPan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"infoWindowClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/info-window-manager","name":"InfoWindowManager"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_registerEventListeners":[{"__symbolic":"method"}],"_updateOpenState":[{"__symbolic":"method"}],"_setInfoWindowOptions":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_infoWindowOptionsInputs":["disableAutoPan","maxWidth"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmInfoWindow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"agm-info-window","template":"<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableAutoPan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"infoWindowClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/info-window-manager","name":"InfoWindowManager"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_registerEventListeners":[{"__symbolic":"method"}],"_updateOpenState":[{"__symbolic":"method"}],"_setInfoWindowOptions":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_infoWindowOptionsInputs":["disableAutoPan","maxWidth"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmInfoWindow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"agm-info-window","template":"<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"disableAutoPan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"infoWindowClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/info-window-manager","name":"InfoWindowManager","line":99,"character":42},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":99,"character":74}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_registerEventListeners":[{"__symbolic":"method"}],"_updateOpenState":[{"__symbolic":"method"}],"_setInfoWindowOptions":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_infoWindowOptionsInputs":["disableAutoPan","maxWidth"]}}}}]

directives/kml-layer.js

 import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { KmlLayerManager } from './../services/managers/kml-layer-manager';
 var layerId = 0;
-var AgmKmlLayer = (function () {
+var AgmKmlLayer = /** @class */ (function () {
     function AgmKmlLayer(_manager) {
@@ -11,41 +11,41 @@ this._manager = _manager;
         /**
-         * If true, the layer receives mouse events. Default value is true.
-         */
+           * If true, the layer receives mouse events. Default value is true.
+           */
         this.clickable = true;
         /**
-         * By default, the input map is centered and zoomed to the bounding box of the contents of the
-         * layer.
-         * If this option is set to true, the viewport is left unchanged, unless the map's center and zoom
-         * were never set.
-         */
+           * By default, the input map is centered and zoomed to the bounding box of the contents of the
+           * layer.
+           * If this option is set to true, the viewport is left unchanged, unless the map's center and zoom
+           * were never set.
+           */
         this.preserveViewport = false;
         /**
-         * Whether to render the screen overlays. Default true.
-         */
+           * Whether to render the screen overlays. Default true.
+           */
         this.screenOverlays = true;
         /**
-         * Suppress the rendering of info windows when layer features are clicked.
-         */
+           * Suppress the rendering of info windows when layer features are clicked.
+           */
         this.suppressInfoWindows = false;
         /**
-         * The URL of the KML document to display.
-         */
+           * The URL of the KML document to display.
+           */
         this.url = null;
         /**
-         * The z-index of the layer.
-         */
+           * The z-index of the layer.
+           */
         this.zIndex = null;
         /**
-         * This event is fired when a feature in the layer is clicked.
-         */
+           * This event is fired when a feature in the layer is clicked.
+           */
         this.layerClick = new EventEmitter();
         /**
-         * This event is fired when the KML layers default viewport has changed.
-         */
+           * This event is fired when the KML layers default viewport has changed.
+           */
         this.defaultViewportChange = new EventEmitter();
         /**
-         * This event is fired when the KML layer has finished loading.
-         * At this point it is safe to read the status property to determine if the layer loaded
-         * successfully.
-         */
+           * This event is fired when the KML layer has finished loading.
+           * At this point it is safe to read the status property to determine if the layer loaded
+           * successfully.
+           */
         this.statusChange = new EventEmitter();
@@ -91,7 +91,13 @@ }
     /** @internal */
-    AgmKmlLayer.prototype.id = function () { return this._id; };
     /** @internal */
-    AgmKmlLayer.prototype.toString = function () { return "AgmKmlLayer-" + this._id.toString(); };
+    AgmKmlLayer.prototype.id = /** @internal */
+    function () { return this._id; };
     /** @internal */
-    AgmKmlLayer.prototype.ngOnDestroy = function () {
+    /** @internal */
+    AgmKmlLayer.prototype.toString = /** @internal */
+    function () { return "AgmKmlLayer-" + this._id.toString(); };
+    /** @internal */
+    /** @internal */
+    AgmKmlLayer.prototype.ngOnDestroy = /** @internal */
+    function () {
         this._manager.deleteKmlLayer(this);
@@ -101,26 +107,26 @@ // unsubscribe all registered observable subscriptions
     };
+    AgmKmlLayer._kmlLayerOptions = ['clickable', 'preserveViewport', 'screenOverlays', 'suppressInfoWindows', 'url', 'zIndex'];
+    AgmKmlLayer.decorators = [
+        { type: Directive, args: [{
+                    selector: 'agm-kml-layer'
+                },] },
+    ];
+    /** @nocollapse */
+    AgmKmlLayer.ctorParameters = function () { return [
+        { type: KmlLayerManager, },
+    ]; };
+    AgmKmlLayer.propDecorators = {
+        "clickable": [{ type: Input },],
+        "preserveViewport": [{ type: Input },],
+        "screenOverlays": [{ type: Input },],
+        "suppressInfoWindows": [{ type: Input },],
+        "url": [{ type: Input },],
+        "zIndex": [{ type: Input },],
+        "layerClick": [{ type: Output },],
+        "defaultViewportChange": [{ type: Output },],
+        "statusChange": [{ type: Output },],
+    };
     return AgmKmlLayer;
 }());
 export { AgmKmlLayer };
-AgmKmlLayer._kmlLayerOptions = ['clickable', 'preserveViewport', 'screenOverlays', 'suppressInfoWindows', 'url', 'zIndex'];
-AgmKmlLayer.decorators = [
-    { type: Directive, args: [{
-                selector: 'agm-kml-layer'
-            },] },
-];
-/** @nocollapse */
-AgmKmlLayer.ctorParameters = function () { return [
-    { type: KmlLayerManager, },
-]; };
-AgmKmlLayer.propDecorators = {
-    'clickable': [{ type: Input },],
-    'preserveViewport': [{ type: Input },],
-    'screenOverlays': [{ type: Input },],
-    'suppressInfoWindows': [{ type: Input },],
-    'url': [{ type: Input },],
-    'zIndex': [{ type: Input },],
-    'layerClick': [{ type: Output },],
-    'defaultViewportChange': [{ type: Output },],
-    'statusChange': [{ type: Output },],
-};
 //# sourceMappingURL=kml-layer.js.map

directives/kml-layer.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmKmlLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-kml-layer"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"preserveViewport":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"screenOverlays":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"suppressInfoWindows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"layerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"defaultViewportChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"statusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../services/managers/kml-layer-manager","name":"KmlLayerManager"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updatePolygonOptions":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_kmlLayerOptions":["clickable","preserveViewport","screenOverlays","suppressInfoWindows","url","zIndex"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmKmlLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-kml-layer"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"preserveViewport":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"screenOverlays":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"suppressInfoWindows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"layerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"defaultViewportChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"statusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../services/managers/kml-layer-manager","name":"KmlLayerManager"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updatePolygonOptions":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_kmlLayerOptions":["clickable","preserveViewport","screenOverlays","suppressInfoWindows","url","zIndex"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmKmlLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"agm-kml-layer"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"preserveViewport":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"screenOverlays":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"suppressInfoWindows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"layerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"defaultViewportChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"statusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../services/managers/kml-layer-manager","name":"KmlLayerManager","line":68,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updatePolygonOptions":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_kmlLayerOptions":["clickable","preserveViewport","screenOverlays","suppressInfoWindows","url","zIndex"]}}}}]

directives/map.d.ts

 import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { MouseEvent } from '../map-types';
 import { GoogleMapsAPIWrapper } from '../services/google-maps-api-wrapper';
-import { FullscreenControlOptions, LatLngLiteral, MapTypeControlOptions, PanControlOptions, RotateControlOptions, ScaleControlOptions, StreetViewControlOptions, ZoomControlOptions } from '../services/google-maps-types';
+import { FullscreenControlOptions, LatLngLiteral, MapTypeControlOptions, MapTypeId, PanControlOptions, RotateControlOptions, ScaleControlOptions, StreetViewControlOptions, ZoomControlOptions } from '../services/google-maps-types';
 import { LatLngBounds, LatLngBoundsLiteral, MapTypeStyle } from '../services/google-maps-types';
@@ -215,2 +215,6 @@ /**
     /**
+     * This event is fired when the mapTypeId property changes.
+     */
+    mapTypeIdChange: EventEmitter<MapTypeId>;
+    /**
      * This event is fired when the map becomes idle after panning or zooming.
@@ -247,2 +251,3 @@ */
     private _handleBoundsChange();
+    private _handleMapTypeIdChange();
     private _handleMapZoomChange();
@@ -249,0 +254,0 @@ private _handleIdleEvent();

directives/map.js

@@ -33,3 +33,3 @@ import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
  */
-var AgmMap = (function () {
+var AgmMap = /** @class */ (function () {
     function AgmMap(_elem, _mapsWrapper) {
@@ -39,139 +39,145 @@ this._elem = _elem;
         /**
-         * The longitude that defines the center of the map.
-         */
+           * The longitude that defines the center of the map.
+           */
         this.longitude = 0;
         /**
-         * The latitude that defines the center of the map.
-         */
+           * The latitude that defines the center of the map.
+           */
         this.latitude = 0;
         /**
-         * The zoom level of the map. The default zoom level is 8.
-         */
+           * The zoom level of the map. The default zoom level is 8.
+           */
         this.zoom = 8;
         /**
-         * Enables/disables if map is draggable.
-         */
+           * Enables/disables if map is draggable.
+           */
         // tslint:disable-next-line:no-input-rename
         this.draggable = true;
         /**
-         * Enables/disables zoom and center on double click. Enabled by default.
-         */
+           * Enables/disables zoom and center on double click. Enabled by default.
+           */
         this.disableDoubleClickZoom = false;
         /**
-         * Enables/disables all default UI of the Google map. Please note: When the map is created, this
-         * value cannot get updated.
-         */
+           * Enables/disables all default UI of the Google map. Please note: When the map is created, this
+           * value cannot get updated.
+           */
         this.disableDefaultUI = false;
         /**
-         * If false, disables scrollwheel zooming on the map. The scrollwheel is enabled by default.
-         */
+           * If false, disables scrollwheel zooming on the map. The scrollwheel is enabled by default.
+           */
         this.scrollwheel = true;
         /**
-         * If false, prevents the map from being controlled by the keyboard. Keyboard shortcuts are
-         * enabled by default.
-         */
+           * If false, prevents the map from being controlled by the keyboard. Keyboard shortcuts are
+           * enabled by default.
+           */
         this.keyboardShortcuts = true;
         /**
-         * The enabled/disabled state of the Zoom control.
-         */
+           * The enabled/disabled state of the Zoom control.
+           */
         this.zoomControl = true;
         /**
-         * Styles to apply to each of the default map types. Note that for Satellite/Hybrid and Terrain
-         * modes, these styles will only apply to labels and geometry.
-         */
+           * Styles to apply to each of the default map types. Note that for Satellite/Hybrid and Terrain
+           * modes, these styles will only apply to labels and geometry.
+           */
         this.styles = [];
         /**
-         * When true and the latitude and/or longitude values changes, the Google Maps panTo method is
-         * used to
-         * center the map. See: https://developers.google.com/maps/documentation/javascript/reference#Map
-         */
+           * When true and the latitude and/or longitude values changes, the Google Maps panTo method is
+           * used to
+           * center the map. See: https://developers.google.com/maps/documentation/javascript/reference#Map
+           */
         this.usePanning = false;
         /**
-         * The initial enabled/disabled state of the Street View Pegman control.
-         * This control is part of the default UI, and should be set to false when displaying a map type
-         * on which the Street View road overlay should not appear (e.g. a non-Earth map type).
-         */
+           * The initial enabled/disabled state of the Street View Pegman control.
+           * This control is part of the default UI, and should be set to false when displaying a map type
+           * on which the Street View road overlay should not appear (e.g. a non-Earth map type).
+           */
         this.streetViewControl = true;
         /**
-         * Sets the viewport to contain the given bounds.
-         */
+           * Sets the viewport to contain the given bounds.
+           */
         this.fitBounds = null;
         /**
-         * The initial enabled/disabled state of the Scale control. This is disabled by default.
-         */
+           * The initial enabled/disabled state of the Scale control. This is disabled by default.
+           */
         this.scaleControl = false;
         /**
-         * The initial enabled/disabled state of the Map type control.
-         */
+           * The initial enabled/disabled state of the Map type control.
+           */
         this.mapTypeControl = false;
         /**
-         * The initial enabled/disabled state of the Pan control.
-         */
+           * The initial enabled/disabled state of the Pan control.
+           */
         this.panControl = false;
         /**
-         * The initial enabled/disabled state of the Rotate control.
-         */
+           * The initial enabled/disabled state of the Rotate control.
+           */
         this.rotateControl = false;
         /**
-         * The initial enabled/disabled state of the Fullscreen control.
-         */
+           * The initial enabled/disabled state of the Fullscreen control.
+           */
         this.fullscreenControl = false;
         /**
-         * The map mapTypeId. Defaults to 'roadmap'.
-         */
+           * The map mapTypeId. Defaults to 'roadmap'.
+           */
         this.mapTypeId = 'roadmap';
         /**
-         * When false, map icons are not clickable. A map icon represents a point of interest,
-         * also known as a POI. By default map icons are clickable.
-         */
+           * When false, map icons are not clickable. A map icon represents a point of interest,
+           * also known as a POI. By default map icons are clickable.
+           */
         this.clickableIcons = true;
         /**
-         * This setting controls how gestures on the map are handled.
-         * Allowed values:
-         * - 'cooperative' (Two-finger touch gestures pan and zoom the map. One-finger touch gestures are not handled by the map.)
-         * - 'greedy'      (All touch gestures pan or zoom the map.)
-         * - 'none'        (The map cannot be panned or zoomed by user gestures.)
-         * - 'auto'        [default] (Gesture handling is either cooperative or greedy, depending on whether the page is scrollable or not.
-         */
+           * This setting controls how gestures on the map are handled.
+           * Allowed values:
+           * - 'cooperative' (Two-finger touch gestures pan and zoom the map. One-finger touch gestures are not handled by the map.)
+           * - 'greedy'      (All touch gestures pan or zoom the map.)
+           * - 'none'        (The map cannot be panned or zoomed by user gestures.)
+           * - 'auto'        [default] (Gesture handling is either cooperative or greedy, depending on whether the page is scrollable or not.
+           */
         this.gestureHandling = 'auto';
         this._observableSubscriptions = [];
         /**
-         * This event emitter gets emitted when the user clicks on the map (but not when they click on a
-         * marker or infoWindow).
-         */
+           * This event emitter gets emitted when the user clicks on the map (but not when they click on a
+           * marker or infoWindow).
+           */
         this.mapClick = new EventEmitter();
         /**
-         * This event emitter gets emitted when the user right-clicks on the map (but not when they click
-         * on a marker or infoWindow).
-         */
+           * This event emitter gets emitted when the user right-clicks on the map (but not when they click
+           * on a marker or infoWindow).
+           */
         this.mapRightClick = new EventEmitter();
         /**
-         * This event emitter gets emitted when the user double-clicks on the map (but not when they click
-         * on a marker or infoWindow).
-         */
+           * This event emitter gets emitted when the user double-clicks on the map (but not when they click
+           * on a marker or infoWindow).
+           */
         this.mapDblClick = new EventEmitter();
         /**
-         * This event emitter is fired when the map center changes.
-         */
+           * This event emitter is fired when the map center changes.
+           */
         this.centerChange = new EventEmitter();
         /**
-         * This event is fired when the viewport bounds have changed.
-         */
+           * This event is fired when the viewport bounds have changed.
+           */
         this.boundsChange = new EventEmitter();
         /**
-         * This event is fired when the map becomes idle after panning or zooming.
-         */
+           * This event is fired when the mapTypeId property changes.
+           */
+        this.mapTypeIdChange = new EventEmitter();
+        /**
+           * This event is fired when the map becomes idle after panning or zooming.
+           */
         this.idle = new EventEmitter();
         /**
-         * This event is fired when the zoom level has changed.
-         */
+           * This event is fired when the zoom level has changed.
+           */
         this.zoomChange = new EventEmitter();
         /**
-         * This event is fired when the google map is fully initialized.
-         * You get the google.maps.Map instance as a result of this EventEmitter.
-         */
+           * This event is fired when the google map is fully initialized.
+           * You get the google.maps.Map instance as a result of this EventEmitter.
+           */
         this.mapReady = new EventEmitter();
     }
     /** @internal */
-    AgmMap.prototype.ngOnInit = function () {
+    /** @internal */
+    AgmMap.prototype.ngOnInit = /** @internal */
+    function () {
         // todo: this should be solved with a new component and a viewChild decorator
@@ -222,11 +228,18 @@ var container = this._elem.nativeElement.querySelector('.agm-map-container-inner');
         this._handleBoundsChange();
+        this._handleMapTypeIdChange();
         this._handleIdleEvent();
     };
     /** @internal */
-    AgmMap.prototype.ngOnDestroy = function () {
+    /** @internal */
+    AgmMap.prototype.ngOnDestroy = /** @internal */
+    function () {
         // unsubscribe all registered observable subscriptions
         this._observableSubscriptions.forEach(function (s) { return s.unsubscribe(); });
+        // remove all listeners from the map instance
+        this._mapsWrapper.clearInstanceListeners();
     };
     /* @internal */
-    AgmMap.prototype.ngOnChanges = function (changes) {
+    /* @internal */
+    AgmMap.prototype.ngOnChanges = /* @internal */
+    function (changes) {
         this._updateMapOptionsChanges(changes);
@@ -246,3 +259,13 @@ this._updatePosition(changes);
      */
-    AgmMap.prototype.triggerResize = function (recenter) {
+    /**
+       * Triggers a resize event on the google map instance.
+       * When recenter is true, the of the google map gets called with the current lat/lng values or fitBounds value to recenter the map.
+       * Returns a promise that gets resolved after the event was triggered.
+       */
+    AgmMap.prototype.triggerResize = /**
+       * Triggers a resize event on the google map instance.
+       * When recenter is true, the of the google map gets called with the current lat/lng values or fitBounds value to recenter the map.
+       * Returns a promise that gets resolved after the event was triggered.
+       */
+    function (recenter) {
         var _this = this;
@@ -317,2 +340,9 @@ if (recenter === void 0) { recenter = true; }
     };
+    AgmMap.prototype._handleMapTypeIdChange = function () {
+        var _this = this;
+        var s = this._mapsWrapper.subscribeToMapEvent('maptypeid_changed').subscribe(function () {
+            _this._mapsWrapper.getMapTypeId().then(function (mapTypeId) { _this.mapTypeIdChange.emit(mapTypeId); });
+        });
+        this._observableSubscriptions.push(s);
+    };
     AgmMap.prototype._handleMapZoomChange = function () {
@@ -348,79 +378,80 @@ var _this = this;
     };
+    /**
+       * Map option attributes that can change over time
+       */
+    AgmMap._mapOptionsAttributes = [
+        'disableDoubleClickZoom', 'scrollwheel', 'draggable', 'draggableCursor', 'draggingCursor',
+        'keyboardShortcuts', 'zoomControl', 'zoomControlOptions', 'styles', 'streetViewControl',
+        'streetViewControlOptions', 'zoom', 'mapTypeControl', 'mapTypeControlOptions', 'minZoom',
+        'maxZoom', 'panControl', 'panControlOptions', 'rotateControl', 'rotateControlOptions',
+        'fullscreenControl', 'fullscreenControlOptions', 'scaleControl', 'scaleControlOptions',
+        'mapTypeId', 'clickableIcons', 'gestureHandling'
+    ];
+    AgmMap.decorators = [
+        { type: Component, args: [{
+                    selector: 'agm-map',
+                    providers: [
+                        GoogleMapsAPIWrapper, MarkerManager, InfoWindowManager, CircleManager, PolylineManager,
+                        PolygonManager, KmlLayerManager, DataLayerManager
+                    ],
+                    host: {
+                        // todo: deprecated - we will remove it with the next version
+                        '[class.sebm-google-map-container]': 'true'
+                    },
+                    styles: ["\n    .agm-map-container-inner {\n      width: inherit;\n      height: inherit;\n    }\n    .agm-map-content {\n      display:none;\n    }\n  "],
+                    template: "\n    <div class='agm-map-container-inner sebm-google-map-container-inner'></div>\n    <div class='agm-map-content'>\n      <ng-content></ng-content>\n    </div>\n  "
+                },] },
+    ];
+    /** @nocollapse */
+    AgmMap.ctorParameters = function () { return [
+        { type: ElementRef, },
+        { type: GoogleMapsAPIWrapper, },
+    ]; };
+    AgmMap.propDecorators = {
+        "longitude": [{ type: Input },],
+        "latitude": [{ type: Input },],
+        "zoom": [{ type: Input },],
+        "minZoom": [{ type: Input },],
+        "maxZoom": [{ type: Input },],
+        "draggable": [{ type: Input, args: ['mapDraggable',] },],
+        "disableDoubleClickZoom": [{ type: Input },],
+        "disableDefaultUI": [{ type: Input },],
+        "scrollwheel": [{ type: Input },],
+        "backgroundColor": [{ type: Input },],
+        "draggableCursor": [{ type: Input },],
+        "draggingCursor": [{ type: Input },],
+        "keyboardShortcuts": [{ type: Input },],
+        "zoomControl": [{ type: Input },],
+        "zoomControlOptions": [{ type: Input },],
+        "styles": [{ type: Input },],
+        "usePanning": [{ type: Input },],
+        "streetViewControl": [{ type: Input },],
+        "streetViewControlOptions": [{ type: Input },],
+        "fitBounds": [{ type: Input },],
+        "scaleControl": [{ type: Input },],
+        "scaleControlOptions": [{ type: Input },],
+        "mapTypeControl": [{ type: Input },],
+        "mapTypeControlOptions": [{ type: Input },],
+        "panControl": [{ type: Input },],
+        "panControlOptions": [{ type: Input },],
+        "rotateControl": [{ type: Input },],
+        "rotateControlOptions": [{ type: Input },],
+        "fullscreenControl": [{ type: Input },],
+        "fullscreenControlOptions": [{ type: Input },],
+        "mapTypeId": [{ type: Input },],
+        "clickableIcons": [{ type: Input },],
+        "gestureHandling": [{ type: Input },],
+        "mapClick": [{ type: Output },],
+        "mapRightClick": [{ type: Output },],
+        "mapDblClick": [{ type: Output },],
+        "centerChange": [{ type: Output },],
+        "boundsChange": [{ type: Output },],
+        "mapTypeIdChange": [{ type: Output },],
+        "idle": [{ type: Output },],
+        "zoomChange": [{ type: Output },],
+        "mapReady": [{ type: Output },],
+    };
     return AgmMap;
 }());
 export { AgmMap };
-/**
- * Map option attributes that can change over time
- */
-AgmMap._mapOptionsAttributes = [
-    'disableDoubleClickZoom', 'scrollwheel', 'draggable', 'draggableCursor', 'draggingCursor',
-    'keyboardShortcuts', 'zoomControl', 'zoomControlOptions', 'styles', 'streetViewControl',
-    'streetViewControlOptions', 'zoom', 'mapTypeControl', 'mapTypeControlOptions', 'minZoom',
-    'maxZoom', 'panControl', 'panControlOptions', 'rotateControl', 'rotateControlOptions',
-    'fullscreenControl', 'fullscreenControlOptions', 'scaleControl', 'scaleControlOptions',
-    'mapTypeId', 'clickableIcons', 'gestureHandling'
-];
-AgmMap.decorators = [
-    { type: Component, args: [{
-                selector: 'agm-map',
-                providers: [
-                    GoogleMapsAPIWrapper, MarkerManager, InfoWindowManager, CircleManager, PolylineManager,
-                    PolygonManager, KmlLayerManager, DataLayerManager
-                ],
-                host: {
-                    // todo: deprecated - we will remove it with the next version
-                    '[class.sebm-google-map-container]': 'true'
-                },
-                styles: ["\n    .agm-map-container-inner {\n      width: inherit;\n      height: inherit;\n    }\n    .agm-map-content {\n      display:none;\n    }\n  "],
-                template: "\n    <div class='agm-map-container-inner sebm-google-map-container-inner'></div>\n    <div class='agm-map-content'>\n      <ng-content></ng-content>\n    </div>\n  "
-            },] },
-];
-/** @nocollapse */
-AgmMap.ctorParameters = function () { return [
-    { type: ElementRef, },
-    { type: GoogleMapsAPIWrapper, },
-]; };
-AgmMap.propDecorators = {
-    'longitude': [{ type: Input },],
-    'latitude': [{ type: Input },],
-    'zoom': [{ type: Input },],
-    'minZoom': [{ type: Input },],
-    'maxZoom': [{ type: Input },],
-    'draggable': [{ type: Input, args: ['mapDraggable',] },],
-    'disableDoubleClickZoom': [{ type: Input },],
-    'disableDefaultUI': [{ type: Input },],
-    'scrollwheel': [{ type: Input },],
-    'backgroundColor': [{ type: Input },],
-    'draggableCursor': [{ type: Input },],
-    'draggingCursor': [{ type: Input },],
-    'keyboardShortcuts': [{ type: Input },],
-    'zoomControl': [{ type: Input },],
-    'zoomControlOptions': [{ type: Input },],
-    'styles': [{ type: Input },],
-    'usePanning': [{ type: Input },],
-    'streetViewControl': [{ type: Input },],
-    'streetViewControlOptions': [{ type: Input },],
-    'fitBounds': [{ type: Input },],
-    'scaleControl': [{ type: Input },],
-    'scaleControlOptions': [{ type: Input },],
-    'mapTypeControl': [{ type: Input },],
-    'mapTypeControlOptions': [{ type: Input },],
-    'panControl': [{ type: Input },],
-    'panControlOptions': [{ type: Input },],
-    'rotateControl': [{ type: Input },],
-    'rotateControlOptions': [{ type: Input },],
-    'fullscreenControl': [{ type: Input },],
-    'fullscreenControlOptions': [{ type: Input },],
-    'mapTypeId': [{ type: Input },],
-    'clickableIcons': [{ type: Input },],
-    'gestureHandling': [{ type: Input },],
-    'mapClick': [{ type: Output },],
-    'mapRightClick': [{ type: Output },],
-    'mapDblClick': [{ type: Output },],
-    'centerChange': [{ type: Output },],
-    'boundsChange': [{ type: Output },],
-    'idle': [{ type: Output },],
-    'zoomChange': [{ type: Output },],
-    'mapReady': [{ type: Output },],
-};
 //# sourceMappingURL=map.js.map

directives/map.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmMap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"agm-map","providers":[{"__symbolic":"reference","module":"../services/google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"../services/managers/marker-manager","name":"MarkerManager"},{"__symbolic":"reference","module":"../services/managers/info-window-manager","name":"InfoWindowManager"},{"__symbolic":"reference","module":"../services/managers/circle-manager","name":"CircleManager"},{"__symbolic":"reference","module":"../services/managers/polyline-manager","name":"PolylineManager"},{"__symbolic":"reference","module":"../services/managers/polygon-manager","name":"PolygonManager"},{"__symbolic":"reference","module":"./../services/managers/kml-layer-manager","name":"KmlLayerManager"},{"__symbolic":"reference","module":"./../services/managers/data-layer-manager","name":"DataLayerManager"}],"host":{"[class.sebm-google-map-container]":"true","$quoted$":["[class.sebm-google-map-container]"]},"styles":["\n    .agm-map-container-inner {\n      width: inherit;\n      height: inherit;\n    }\n    .agm-map-content {\n      display:none;\n    }\n  "],"template":"\n    <div class='agm-map-container-inner sebm-google-map-container-inner'></div>\n    <div class='agm-map-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mapDraggable"]}]}],"disableDoubleClickZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableDefaultUI":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scrollwheel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggableCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggingCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keyboardShortcuts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoomControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoomControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"usePanning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"streetViewControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"streetViewControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fitBounds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scaleControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scaleControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapTypeControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapTypeControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rotateControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rotateControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fullscreenControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fullscreenControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapTypeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clickableIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"gestureHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"centerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"boundsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"idle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"zoomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../services/google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"}]}],"ngOnInit":[{"__symbolic":"method"}],"_initMapInstance":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updateMapOptionsChanges":[{"__symbolic":"method"}],"triggerResize":[{"__symbolic":"method"}],"_updatePosition":[{"__symbolic":"method"}],"_setCenter":[{"__symbolic":"method"}],"_fitBounds":[{"__symbolic":"method"}],"_handleMapCenterChange":[{"__symbolic":"method"}],"_handleBoundsChange":[{"__symbolic":"method"}],"_handleMapZoomChange":[{"__symbolic":"method"}],"_handleIdleEvent":[{"__symbolic":"method"}],"_handleMapMouseEvents":[{"__symbolic":"method"}]},"statics":{"_mapOptionsAttributes":["disableDoubleClickZoom","scrollwheel","draggable","draggableCursor","draggingCursor","keyboardShortcuts","zoomControl","zoomControlOptions","styles","streetViewControl","streetViewControlOptions","zoom","mapTypeControl","mapTypeControlOptions","minZoom","maxZoom","panControl","panControlOptions","rotateControl","rotateControlOptions","fullscreenControl","fullscreenControlOptions","scaleControl","scaleControlOptions","mapTypeId","clickableIcons","gestureHandling"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmMap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"agm-map","providers":[{"__symbolic":"reference","module":"../services/google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"../services/managers/marker-manager","name":"MarkerManager"},{"__symbolic":"reference","module":"../services/managers/info-window-manager","name":"InfoWindowManager"},{"__symbolic":"reference","module":"../services/managers/circle-manager","name":"CircleManager"},{"__symbolic":"reference","module":"../services/managers/polyline-manager","name":"PolylineManager"},{"__symbolic":"reference","module":"../services/managers/polygon-manager","name":"PolygonManager"},{"__symbolic":"reference","module":"./../services/managers/kml-layer-manager","name":"KmlLayerManager"},{"__symbolic":"reference","module":"./../services/managers/data-layer-manager","name":"DataLayerManager"}],"host":{"[class.sebm-google-map-container]":"true"},"styles":["\n    .agm-map-container-inner {\n      width: inherit;\n      height: inherit;\n    }\n    .agm-map-content {\n      display:none;\n    }\n  "],"template":"\n    <div class='agm-map-container-inner sebm-google-map-container-inner'></div>\n    <div class='agm-map-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mapDraggable"]}]}],"disableDoubleClickZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableDefaultUI":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scrollwheel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggableCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggingCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keyboardShortcuts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoomControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zoomControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"usePanning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"streetViewControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"streetViewControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fitBounds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scaleControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scaleControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapTypeControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapTypeControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"panControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rotateControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rotateControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fullscreenControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fullscreenControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapTypeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clickableIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"gestureHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"mapClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"centerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"boundsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"idle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"zoomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mapReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../services/google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"}]}],"ngOnInit":[{"__symbolic":"method"}],"_initMapInstance":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updateMapOptionsChanges":[{"__symbolic":"method"}],"triggerResize":[{"__symbolic":"method"}],"_updatePosition":[{"__symbolic":"method"}],"_setCenter":[{"__symbolic":"method"}],"_fitBounds":[{"__symbolic":"method"}],"_handleMapCenterChange":[{"__symbolic":"method"}],"_handleBoundsChange":[{"__symbolic":"method"}],"_handleMapZoomChange":[{"__symbolic":"method"}],"_handleIdleEvent":[{"__symbolic":"method"}],"_handleMapMouseEvents":[{"__symbolic":"method"}]},"statics":{"_mapOptionsAttributes":["disableDoubleClickZoom","scrollwheel","draggable","draggableCursor","draggingCursor","keyboardShortcuts","zoomControl","zoomControlOptions","styles","streetViewControl","streetViewControlOptions","zoom","mapTypeControl","mapTypeControlOptions","minZoom","maxZoom","panControl","panControlOptions","rotateControl","rotateControlOptions","fullscreenControl","fullscreenControlOptions","scaleControl","scaleControlOptions","mapTypeId","clickableIcons","gestureHandling"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmMap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"agm-map","providers":[{"__symbolic":"reference","module":"../services/google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":43,"character":4},{"__symbolic":"reference","module":"../services/managers/marker-manager","name":"MarkerManager","line":43,"character":26},{"__symbolic":"reference","module":"../services/managers/info-window-manager","name":"InfoWindowManager","line":43,"character":41},{"__symbolic":"reference","module":"../services/managers/circle-manager","name":"CircleManager","line":43,"character":60},{"__symbolic":"reference","module":"../services/managers/polyline-manager","name":"PolylineManager","line":43,"character":75},{"__symbolic":"reference","module":"../services/managers/polygon-manager","name":"PolygonManager","line":44,"character":4},{"__symbolic":"reference","module":"./../services/managers/kml-layer-manager","name":"KmlLayerManager","line":44,"character":20},{"__symbolic":"reference","module":"./../services/managers/data-layer-manager","name":"DataLayerManager","line":44,"character":37}],"host":{"[class.sebm-google-map-container]":"true","$quoted$":["[class.sebm-google-map-container]"]},"styles":["\n    .agm-map-container-inner {\n      width: inherit;\n      height: inherit;\n    }\n    .agm-map-content {\n      display:none;\n    }\n  "],"template":"\n    <div class='agm-map-container-inner sebm-google-map-container-inner'></div>\n    <div class='agm-map-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"minZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"maxZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3},"arguments":["mapDraggable"]}]}],"disableDoubleClickZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"disableDefaultUI":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"scrollwheel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"draggableCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"draggingCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"keyboardShortcuts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"zoomControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":3}}]}],"zoomControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"styles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"usePanning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"streetViewControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"streetViewControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"fitBounds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"scaleControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"scaleControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"mapTypeControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"mapTypeControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3}}]}],"panControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3}}]}],"panControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":212,"character":3}}]}],"rotateControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":217,"character":3}}]}],"rotateControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":3}}]}],"fullscreenControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":227,"character":3}}]}],"fullscreenControlOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3}}]}],"mapTypeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3}}]}],"clickableIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":243,"character":3}}]}],"gestureHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":3}}]}],"mapClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"mapRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":3}}]}],"mapDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":285,"character":3}}]}],"centerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":290,"character":3}}]}],"boundsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":295,"character":3}}]}],"mapTypeIdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":300,"character":3}}]}],"idle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":305,"character":3}}]}],"zoomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":310,"character":3}}]}],"mapReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":316,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":318,"character":29},{"__symbolic":"reference","module":"../services/google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":318,"character":63}]}],"ngOnInit":[{"__symbolic":"method"}],"_initMapInstance":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_updateMapOptionsChanges":[{"__symbolic":"method"}],"triggerResize":[{"__symbolic":"method"}],"_updatePosition":[{"__symbolic":"method"}],"_setCenter":[{"__symbolic":"method"}],"_fitBounds":[{"__symbolic":"method"}],"_handleMapCenterChange":[{"__symbolic":"method"}],"_handleBoundsChange":[{"__symbolic":"method"}],"_handleMapTypeIdChange":[{"__symbolic":"method"}],"_handleMapZoomChange":[{"__symbolic":"method"}],"_handleIdleEvent":[{"__symbolic":"method"}],"_handleMapMouseEvents":[{"__symbolic":"method"}]},"statics":{"_mapOptionsAttributes":["disableDoubleClickZoom","scrollwheel","draggable","draggableCursor","draggingCursor","keyboardShortcuts","zoomControl","zoomControlOptions","styles","streetViewControl","streetViewControlOptions","zoom","mapTypeControl","mapTypeControlOptions","minZoom","maxZoom","panControl","panControlOptions","rotateControl","rotateControlOptions","fullscreenControl","fullscreenControlOptions","scaleControl","scaleControlOptions","mapTypeId","clickableIcons","gestureHandling"]}}}}]

directives/marker.d.ts

@@ -5,2 +5,3 @@ import { EventEmitter, OnChanges, OnDestroy, SimpleChange, AfterContentInit, QueryList } from '@angular/core';
 import { AgmInfoWindow } from './info-window';
+import { MarkerLabel } from '../map-types';
 /**
@@ -46,3 +47,3 @@ * AgmMarker renders a map marker inside a {@link AgmMap}.
      */
-    label: string;
+    label: string | MarkerLabel;
     /**
@@ -80,2 +81,7 @@ * If true, the marker can be dragged. Default value is false.
     /**
+     * Which animation to play when marker is added to a map.
+     * This can be 'BOUNCE' or 'DROP'
+     */
+    animation: 'BOUNCE' | 'DROP' | null;
+    /**
      * This event emitter gets emitted when the user clicks on the marker.
@@ -82,0 +88,0 @@ */

directives/marker.js

@@ -28,53 +28,53 @@ import { Directive, EventEmitter, ContentChildren, QueryList, Input, Output } from '@angular/core';
  */
-var AgmMarker = (function () {
+var AgmMarker = /** @class */ (function () {
     function AgmMarker(_markerManager) {
         this._markerManager = _markerManager;
         /**
-         * If true, the marker can be dragged. Default value is false.
-         */
+           * If true, the marker can be dragged. Default value is false.
+           */
         // tslint:disable-next-line:no-input-rename
         this.draggable = false;
         /**
-         * If true, the marker is visible
-         */
+           * If true, the marker is visible
+           */
         this.visible = true;
         /**
-         * Whether to automatically open the child info window when the marker is clicked.
-         */
+           * Whether to automatically open the child info window when the marker is clicked.
+           */
         this.openInfoWindow = true;
         /**
-         * The marker's opacity between 0.0 and 1.0.
-         */
+           * The marker's opacity between 0.0 and 1.0.
+           */
         this.opacity = 1;
         /**
-         * All markers are displayed on the map in order of their zIndex, with higher values displaying in
-         * front of markers with lower values. By default, markers are displayed according to their
-         * vertical position on screen, with lower markers appearing in front of markers further up the
-         * screen.
-         */
+           * All markers are displayed on the map in order of their zIndex, with higher values displaying in
+           * front of markers with lower values. By default, markers are displayed according to their
+           * vertical position on screen, with lower markers appearing in front of markers further up the
+           * screen.
+           */
         this.zIndex = 1;
         /**
-         * If true, the marker can be clicked. Default value is true.
-         */
+           * If true, the marker can be clicked. Default value is true.
+           */
         // tslint:disable-next-line:no-input-rename
         this.clickable = true;
         /**
-         * This event emitter gets emitted when the user clicks on the marker.
-         */
+           * This event emitter gets emitted when the user clicks on the marker.
+           */
         this.markerClick = new EventEmitter();
         /**
-         * This event is fired when the user stops dragging the marker.
-         */
+           * This event is fired when the user stops dragging the marker.
+           */
         this.dragEnd = new EventEmitter();
         /**
-         * This event is fired when the user mouses over the marker.
-         */
+           * This event is fired when the user mouses over the marker.
+           */
         this.mouseOver = new EventEmitter();
         /**
-         * This event is fired when the user mouses outside the marker.
-         */
+           * This event is fired when the user mouses outside the marker.
+           */
         this.mouseOut = new EventEmitter();
         /**
-         * @internal
-         */
+           * @internal
+           */
         this.infoWindow = new QueryList();
@@ -86,3 +86,5 @@ this._markerAddedToManger = false;
     /* @internal */
-    AgmMarker.prototype.ngAfterContentInit = function () {
+    /* @internal */
+    AgmMarker.prototype.ngAfterContentInit = /* @internal */
+    function () {
         var _this = this;
@@ -102,3 +104,5 @@ this.handleInfoWindowUpdate();
     /** @internal */
-    AgmMarker.prototype.ngOnChanges = function (changes) {
+    /** @internal */
+    AgmMarker.prototype.ngOnChanges = /** @internal */
+    function (changes) {
         if (typeof this.latitude !== 'number' || typeof this.longitude !== 'number') {
@@ -140,2 +144,5 @@ return;
         }
+        if (changes['animation']) {
+            this._markerManager.updateAnimation(this);
+        }
     };
@@ -168,7 +175,13 @@ AgmMarker.prototype._addEventListeners = function () {
     /** @internal */
-    AgmMarker.prototype.id = function () { return this._id; };
     /** @internal */
-    AgmMarker.prototype.toString = function () { return 'AgmMarker-' + this._id.toString(); };
+    AgmMarker.prototype.id = /** @internal */
+    function () { return this._id; };
     /** @internal */
-    AgmMarker.prototype.ngOnDestroy = function () {
+    /** @internal */
+    AgmMarker.prototype.toString = /** @internal */
+    function () { return 'AgmMarker-' + this._id.toString(); };
+    /** @internal */
+    /** @internal */
+    AgmMarker.prototype.ngOnDestroy = /** @internal */
+    function () {
         this._markerManager.deleteMarker(this);
@@ -178,32 +191,37 @@ // unsubscribe all registered observable subscriptions
     };
+    AgmMarker.decorators = [
+        { type: Directive, args: [{
+                    selector: 'agm-marker',
+                    inputs: [
+                        'latitude', 'longitude', 'title', 'label', 'draggable: markerDraggable', 'iconUrl',
+                        'openInfoWindow', 'opacity', 'visible', 'zIndex', 'animation'
+                    ],
+                    outputs: ['markerClick', 'dragEnd', 'mouseOver', 'mouseOut']
+                },] },
+    ];
+    /** @nocollapse */
+    AgmMarker.ctorParameters = function () { return [
+        { type: MarkerManager, },
+    ]; };
+    AgmMarker.propDecorators = {
+        "latitude": [{ type: Input },],
+        "longitude": [{ type: Input },],
+        "title": [{ type: Input },],
+        "label": [{ type: Input },],
+        "draggable": [{ type: Input, args: ['markerDraggable',] },],
+        "iconUrl": [{ type: Input },],
+        "visible": [{ type: Input },],
+        "openInfoWindow": [{ type: Input },],
+        "opacity": [{ type: Input },],
+        "zIndex": [{ type: Input },],
+        "clickable": [{ type: Input, args: ['markerClickable',] },],
+        "markerClick": [{ type: Output },],
+        "dragEnd": [{ type: Output },],
+        "mouseOver": [{ type: Output },],
+        "mouseOut": [{ type: Output },],
+        "infoWindow": [{ type: ContentChildren, args: [AgmInfoWindow,] },],
+    };
     return AgmMarker;
 }());
 export { AgmMarker };
-AgmMarker.decorators = [
-    { type: Directive, args: [{
-                selector: 'agm-marker'
-            },] },
-];
-/** @nocollapse */
-AgmMarker.ctorParameters = function () { return [
-    { type: MarkerManager, },
-]; };
-AgmMarker.propDecorators = {
-    'latitude': [{ type: Input },],
-    'longitude': [{ type: Input },],
-    'title': [{ type: Input },],
-    'label': [{ type: Input },],
-    'draggable': [{ type: Input, args: ['markerDraggable',] },],
-    'iconUrl': [{ type: Input },],
-    'visible': [{ type: Input },],
-    'openInfoWindow': [{ type: Input },],
-    'opacity': [{ type: Input },],
-    'zIndex': [{ type: Input },],
-    'clickable': [{ type: Input, args: ['markerClickable',] },],
-    'markerClick': [{ type: Output },],
-    'dragEnd': [{ type: Output },],
-    'mouseOver': [{ type: Output },],
-    'mouseOut': [{ type: Output },],
-    'infoWindow': [{ type: ContentChildren, args: [AgmInfoWindow,] },],
-};
 //# sourceMappingURL=marker.js.map

directives/marker.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmMarker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-marker"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["markerDraggable"]}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"openInfoWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"opacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["markerClickable"]}]}],"markerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"infoWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./info-window","name":"AgmInfoWindow"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/marker-manager","name":"MarkerManager"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"handleInfoWindowUpdate":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmMarker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-marker"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["markerDraggable"]}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"openInfoWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"opacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["markerClickable"]}]}],"markerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"infoWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./info-window","name":"AgmInfoWindow"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/marker-manager","name":"MarkerManager"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"handleInfoWindowUpdate":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmMarker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":37,"character":1},"arguments":[{"selector":"agm-marker","inputs":["latitude","longitude","title","label","draggable: markerDraggable","iconUrl","openInfoWindow","opacity","visible","zIndex","animation"],"outputs":["markerClick","dragEnd","mouseOver","mouseOut"]}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["markerDraggable"]}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"openInfoWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"opacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3},"arguments":["markerClickable"]}]}],"markerClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":115,"character":3}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"mouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":3}}]}],"mouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":130,"character":3}}]}],"infoWindow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":135,"character":3},"arguments":[{"__symbolic":"reference","module":"./info-window","name":"AgmInfoWindow","line":135,"character":19}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/marker-manager","name":"MarkerManager","line":141,"character":38}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"handleInfoWindowUpdate":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"toString":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

directives/polygon.js

@@ -52,83 +52,83 @@ import { Directive, EventEmitter, Input, Output } from '@angular/core';
  */
-var AgmPolygon = (function () {
+var AgmPolygon = /** @class */ (function () {
     function AgmPolygon(_polygonManager) {
         this._polygonManager = _polygonManager;
         /**
-         * Indicates whether this Polygon handles mouse events. Defaults to true.
-         */
+           * Indicates whether this Polygon handles mouse events. Defaults to true.
+           */
         this.clickable = true;
         /**
-         * If set to true, the user can drag this shape over the map. The geodesic
-         * property defines the mode of dragging. Defaults to false.
-         */
+           * If set to true, the user can drag this shape over the map. The geodesic
+           * property defines the mode of dragging. Defaults to false.
+           */
         // tslint:disable-next-line:no-input-rename
         this.draggable = false;
         /**
-         * If set to true, the user can edit this shape by dragging the control
-         * points shown at the vertices and on each segment. Defaults to false.
-         */
+           * If set to true, the user can edit this shape by dragging the control
+           * points shown at the vertices and on each segment. Defaults to false.
+           */
         this.editable = false;
         /**
-         * When true, edges of the polygon are interpreted as geodesic and will
-         * follow the curvature of the Earth. When false, edges of the polygon are
-         * rendered as straight lines in screen space. Note that the shape of a
-         * geodesic polygon may appear to change when dragged, as the dimensions
-         * are maintained relative to the surface of the earth. Defaults to false.
-         */
+           * When true, edges of the polygon are interpreted as geodesic and will
+           * follow the curvature of the Earth. When false, edges of the polygon are
+           * rendered as straight lines in screen space. Note that the shape of a
+           * geodesic polygon may appear to change when dragged, as the dimensions
+           * are maintained relative to the surface of the earth. Defaults to false.
+           */
         this.geodesic = false;
         /**
-         * The ordered sequence of coordinates that designates a closed loop.
-         * Unlike polylines, a polygon may consist of one or more paths.
-         *  As a result, the paths property may specify one or more arrays of
-         * LatLng coordinates. Paths are closed automatically; do not repeat the
-         * first vertex of the path as the last vertex. Simple polygons may be
-         * defined using a single array of LatLngs. More complex polygons may
-         * specify an array of arrays. Any simple arrays are converted into Arrays.
-         * Inserting or removing LatLngs from the Array will automatically update
-         * the polygon on the map.
-         */
+           * The ordered sequence of coordinates that designates a closed loop.
+           * Unlike polylines, a polygon may consist of one or more paths.
+           *  As a result, the paths property may specify one or more arrays of
+           * LatLng coordinates. Paths are closed automatically; do not repeat the
+           * first vertex of the path as the last vertex. Simple polygons may be
+           * defined using a single array of LatLngs. More complex polygons may
+           * specify an array of arrays. Any simple arrays are converted into Arrays.
+           * Inserting or removing LatLngs from the Array will automatically update
+           * the polygon on the map.
+           */
         this.paths = [];
         /**
-         * This event is fired when the DOM click event is fired on the Polygon.
-         */
+           * This event is fired when the DOM click event is fired on the Polygon.
+           */
         this.polyClick = new EventEmitter();
         /**
-         * This event is fired when the DOM dblclick event is fired on the Polygon.
-         */
+           * This event is fired when the DOM dblclick event is fired on the Polygon.
+           */
         this.polyDblClick = new EventEmitter();
         /**
-         * This event is repeatedly fired while the user drags the polygon.
-         */
+           * This event is repeatedly fired while the user drags the polygon.
+           */
         this.polyDrag = new EventEmitter();
         /**
-         * This event is fired when the user stops dragging the polygon.
-         */
+           * This event is fired when the user stops dragging the polygon.
+           */
         this.polyDragEnd = new EventEmitter();
         /**
-         * This event is fired when the user starts dragging the polygon.
-         */
+           * This event is fired when the user starts dragging the polygon.
+           */
         this.polyDragStart = new EventEmitter();
         /**
-         * This event is fired when the DOM mousedown event is fired on the Polygon.
-         */
+           * This event is fired when the DOM mousedown event is fired on the Polygon.
+           */
         this.polyMouseDown = new EventEmitter();
         /**
-         * This event is fired when the DOM mousemove event is fired on the Polygon.
-         */
+           * This event is fired when the DOM mousemove event is fired on the Polygon.
+           */
         this.polyMouseMove = new EventEmitter();
         /**
-         * This event is fired on Polygon mouseout.
-         */
+           * This event is fired on Polygon mouseout.
+           */
         this.polyMouseOut = new EventEmitter();
         /**
-         * This event is fired on Polygon mouseover.
-         */
+           * This event is fired on Polygon mouseover.
+           */
         this.polyMouseOver = new EventEmitter();
         /**
-         * This event is fired whe the DOM mouseup event is fired on the Polygon
-         */
+           * This event is fired whe the DOM mouseup event is fired on the Polygon
+           */
         this.polyMouseUp = new EventEmitter();
         /**
-         * This even is fired when the Polygon is right-clicked on.
-         */
+           * This even is fired when the Polygon is right-clicked on.
+           */
         this.polyRightClick = new EventEmitter();
@@ -139,3 +139,5 @@ this._polygonAddedToManager = false;
     /** @internal */
-    AgmPolygon.prototype.ngAfterContentInit = function () {
+    /** @internal */
+    AgmPolygon.prototype.ngAfterContentInit = /** @internal */
+    function () {
         if (!this._polygonAddedToManager) {
@@ -186,5 +188,9 @@ this._init();
     /** @internal */
-    AgmPolygon.prototype.id = function () { return this._id; };
     /** @internal */
-    AgmPolygon.prototype.ngOnDestroy = function () {
+    AgmPolygon.prototype.id = /** @internal */
+    function () { return this._id; };
+    /** @internal */
+    /** @internal */
+    AgmPolygon.prototype.ngOnDestroy = /** @internal */
+    function () {
         this._polygonManager.deletePolygon(this);
@@ -194,44 +200,44 @@ // unsubscribe all registered observable subscriptions
     };
+    AgmPolygon._polygonOptionsAttributes = [
+        'clickable', 'draggable', 'editable', 'fillColor', 'fillOpacity', 'geodesic', 'icon', 'map',
+        'paths', 'strokeColor', 'strokeOpacity', 'strokeWeight', 'visible', 'zIndex', 'draggable',
+        'editable', 'visible'
+    ];
+    AgmPolygon.decorators = [
+        { type: Directive, args: [{
+                    selector: 'agm-polygon'
+                },] },
+    ];
+    /** @nocollapse */
+    AgmPolygon.ctorParameters = function () { return [
+        { type: PolygonManager, },
+    ]; };
+    AgmPolygon.propDecorators = {
+        "clickable": [{ type: Input },],
+        "draggable": [{ type: Input, args: ['polyDraggable',] },],
+        "editable": [{ type: Input },],
+        "fillColor": [{ type: Input },],
+        "fillOpacity": [{ type: Input },],
+        "geodesic": [{ type: Input },],
+        "paths": [{ type: Input },],
+        "strokeColor": [{ type: Input },],
+        "strokeOpacity": [{ type: Input },],
+        "strokeWeight": [{ type: Input },],
+        "visible": [{ type: Input },],
+        "zIndex": [{ type: Input },],
+        "polyClick": [{ type: Output },],
+        "polyDblClick": [{ type: Output },],
+        "polyDrag": [{ type: Output },],
+        "polyDragEnd": [{ type: Output },],
+        "polyDragStart": [{ type: Output },],
+        "polyMouseDown": [{ type: Output },],
+        "polyMouseMove": [{ type: Output },],
+        "polyMouseOut": [{ type: Output },],
+        "polyMouseOver": [{ type: Output },],
+        "polyMouseUp": [{ type: Output },],
+        "polyRightClick": [{ type: Output },],
+    };
     return AgmPolygon;
 }());
 export { AgmPolygon };
-AgmPolygon._polygonOptionsAttributes = [
-    'clickable', 'draggable', 'editable', 'fillColor', 'fillOpacity', 'geodesic', 'icon', 'map',
-    'paths', 'strokeColor', 'strokeOpacity', 'strokeWeight', 'visible', 'zIndex', 'draggable',
-    'editable', 'visible'
-];
-AgmPolygon.decorators = [
-    { type: Directive, args: [{
-                selector: 'agm-polygon'
-            },] },
-];
-/** @nocollapse */
-AgmPolygon.ctorParameters = function () { return [
-    { type: PolygonManager, },
-]; };
-AgmPolygon.propDecorators = {
-    'clickable': [{ type: Input },],
-    'draggable': [{ type: Input, args: ['polyDraggable',] },],
-    'editable': [{ type: Input },],
-    'fillColor': [{ type: Input },],
-    'fillOpacity': [{ type: Input },],
-    'geodesic': [{ type: Input },],
-    'paths': [{ type: Input },],
-    'strokeColor': [{ type: Input },],
-    'strokeOpacity': [{ type: Input },],
-    'strokeWeight': [{ type: Input },],
-    'visible': [{ type: Input },],
-    'zIndex': [{ type: Input },],
-    'polyClick': [{ type: Output },],
-    'polyDblClick': [{ type: Output },],
-    'polyDrag': [{ type: Output },],
-    'polyDragEnd': [{ type: Output },],
-    'polyDragStart': [{ type: Output },],
-    'polyMouseDown': [{ type: Output },],
-    'polyMouseMove': [{ type: Output },],
-    'polyMouseOut': [{ type: Output },],
-    'polyMouseOver': [{ type: Output },],
-    'polyMouseUp': [{ type: Output },],
-    'polyRightClick': [{ type: Output },],
-};
 //# sourceMappingURL=polygon.js.map

directives/polygon.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmPolygon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-polygon"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["polyDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"geodesic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"paths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"polyClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/polygon-manager","name":"PolygonManager"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"_updatePolygonOptions":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_polygonOptionsAttributes":["clickable","draggable","editable","fillColor","fillOpacity","geodesic","icon","map","paths","strokeColor","strokeOpacity","strokeWeight","visible","zIndex","draggable","editable","visible"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmPolygon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-polygon"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["polyDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"geodesic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"paths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"polyClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyMouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"polyRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/polygon-manager","name":"PolygonManager"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"_updatePolygonOptions":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_polygonOptionsAttributes":["clickable","draggable","editable","fillColor","fillOpacity","geodesic","icon","map","paths","strokeColor","strokeOpacity","strokeWeight","visible","zIndex","draggable","editable","visible"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmPolygon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":55,"character":1},"arguments":[{"selector":"agm-polygon"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["polyDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"fillColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"fillOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"geodesic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"paths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"polyClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"polyDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3}}]}],"polyDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3}}]}],"polyDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"polyDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"polyMouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3}}]}],"polyMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":3}}]}],"polyMouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":174,"character":3}}]}],"polyMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":179,"character":3}}]}],"polyMouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":3}}]}],"polyRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":189,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/polygon-manager","name":"PolygonManager","line":201,"character":39}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"_updatePolygonOptions":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_polygonOptionsAttributes":["clickable","draggable","editable","fillColor","fillOpacity","geodesic","icon","map","paths","strokeColor","strokeOpacity","strokeWeight","visible","zIndex","draggable","editable","visible"]}}}}]

directives/polyline-point.js

@@ -6,7 +6,7 @@ import { Directive, EventEmitter, Input, Output } from '@angular/core';
  */
-var AgmPolylinePoint = (function () {
+var AgmPolylinePoint = /** @class */ (function () {
     function AgmPolylinePoint() {
         /**
-         * This event emitter gets emitted when the position of the point changed.
-         */
+           * This event emitter gets emitted when the position of the point changed.
+           */
         this.positionChanged = new EventEmitter();
@@ -23,15 +23,15 @@ }
     };
+    AgmPolylinePoint.decorators = [
+        { type: Directive, args: [{ selector: 'agm-polyline-point' },] },
+    ];
+    /** @nocollapse */
+    AgmPolylinePoint.ctorParameters = function () { return []; };
+    AgmPolylinePoint.propDecorators = {
+        "latitude": [{ type: Input },],
+        "longitude": [{ type: Input },],
+        "positionChanged": [{ type: Output },],
+    };
     return AgmPolylinePoint;
 }());
 export { AgmPolylinePoint };
-AgmPolylinePoint.decorators = [
-    { type: Directive, args: [{ selector: 'agm-polyline-point' },] },
-];
-/** @nocollapse */
-AgmPolylinePoint.ctorParameters = function () { return []; };
-AgmPolylinePoint.propDecorators = {
-    'latitude': [{ type: Input },],
-    'longitude': [{ type: Input },],
-    'positionChanged': [{ type: Output },],
-};
 //# sourceMappingURL=polyline-point.js.map

directives/polyline-point.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmPolylinePoint":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-polyline-point"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmPolylinePoint":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-polyline-point"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"positionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmPolylinePoint":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"agm-polyline-point"}]}],"members":{"latitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"longitude":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"positionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}]}}}}]

directives/polyline.js

@@ -1,2 +0,2 @@
-import { ContentChildren, Directive, EventEmitter, Input, Output } from '@angular/core';
+import { ContentChildren, Directive, EventEmitter, QueryList, Input, Output } from '@angular/core';
 import { PolylineManager } from '../services/managers/polyline-manager';
@@ -32,74 +32,74 @@ import { AgmPolylinePoint } from './polyline-point';
  */
-var AgmPolyline = (function () {
+var AgmPolyline = /** @class */ (function () {
     function AgmPolyline(_polylineManager) {
         this._polylineManager = _polylineManager;
         /**
-         * Indicates whether this Polyline handles mouse events. Defaults to true.
-         */
+           * Indicates whether this Polyline handles mouse events. Defaults to true.
+           */
         this.clickable = true;
         /**
-         * If set to true, the user can drag this shape over the map. The geodesic property defines the
-         * mode of dragging. Defaults to false.
-         */
+           * If set to true, the user can drag this shape over the map. The geodesic property defines the
+           * mode of dragging. Defaults to false.
+           */
         // tslint:disable-next-line:no-input-rename
         this.draggable = false;
         /**
-         * If set to true, the user can edit this shape by dragging the control points shown at the
-         * vertices and on each segment. Defaults to false.
-         */
+           * If set to true, the user can edit this shape by dragging the control points shown at the
+           * vertices and on each segment. Defaults to false.
+           */
         this.editable = false;
         /**
-         * When true, edges of the polygon are interpreted as geodesic and will follow the curvature of
-         * the Earth. When false, edges of the polygon are rendered as straight lines in screen space.
-         * Note that the shape of a geodesic polygon may appear to change when dragged, as the dimensions
-         * are maintained relative to the surface of the earth. Defaults to false.
-         */
+           * When true, edges of the polygon are interpreted as geodesic and will follow the curvature of
+           * the Earth. When false, edges of the polygon are rendered as straight lines in screen space.
+           * Note that the shape of a geodesic polygon may appear to change when dragged, as the dimensions
+           * are maintained relative to the surface of the earth. Defaults to false.
+           */
         this.geodesic = false;
         /**
-         * Whether this polyline is visible on the map. Defaults to true.
-         */
+           * Whether this polyline is visible on the map. Defaults to true.
+           */
         this.visible = true;
         /**
-         * This event is fired when the DOM click event is fired on the Polyline.
-         */
+           * This event is fired when the DOM click event is fired on the Polyline.
+           */
         this.lineClick = new EventEmitter();
         /**
-         * This event is fired when the DOM dblclick event is fired on the Polyline.
-         */
+           * This event is fired when the DOM dblclick event is fired on the Polyline.
+           */
         this.lineDblClick = new EventEmitter();
         /**
-         * This event is repeatedly fired while the user drags the polyline.
-         */
+           * This event is repeatedly fired while the user drags the polyline.
+           */
         this.lineDrag = new EventEmitter();
         /**
-         * This event is fired when the user stops dragging the polyline.
-         */
+           * This event is fired when the user stops dragging the polyline.
+           */
         this.lineDragEnd = new EventEmitter();
         /**
-         * This event is fired when the user starts dragging the polyline.
-         */
+           * This event is fired when the user starts dragging the polyline.
+           */
         this.lineDragStart = new EventEmitter();
         /**
-         * This event is fired when the DOM mousedown event is fired on the Polyline.
-         */
+           * This event is fired when the DOM mousedown event is fired on the Polyline.
+           */
         this.lineMouseDown = new EventEmitter();
         /**
-         * This event is fired when the DOM mousemove event is fired on the Polyline.
-         */
+           * This event is fired when the DOM mousemove event is fired on the Polyline.
+           */
         this.lineMouseMove = new EventEmitter();
         /**
-         * This event is fired on Polyline mouseout.
-         */
+           * This event is fired on Polyline mouseout.
+           */
         this.lineMouseOut = new EventEmitter();
         /**
-         * This event is fired on Polyline mouseover.
-         */
+           * This event is fired on Polyline mouseover.
+           */
         this.lineMouseOver = new EventEmitter();
         /**
-         * This event is fired whe the DOM mouseup event is fired on the Polyline
-         */
+           * This event is fired whe the DOM mouseup event is fired on the Polyline
+           */
         this.lineMouseUp = new EventEmitter();
         /**
-         * This even is fired when the Polyline is right-clicked on.
-         */
+           * This even is fired when the Polyline is right-clicked on.
+           */
         this.lineRightClick = new EventEmitter();
@@ -111,3 +111,5 @@ this._polylineAddedToManager = false;
     /** @internal */
-    AgmPolyline.prototype.ngAfterContentInit = function () {
+    /** @internal */
+    AgmPolyline.prototype.ngAfterContentInit = /** @internal */
+    function () {
         var _this = this;
@@ -163,3 +165,5 @@ if (this.points.length) {
     /** @internal */
-    AgmPolyline.prototype._getPoints = function () {
+    /** @internal */
+    AgmPolyline.prototype._getPoints = /** @internal */
+    function () {
         if (this.points) {
@@ -171,5 +175,9 @@ return this.points.toArray();
     /** @internal */
-    AgmPolyline.prototype.id = function () { return this._id; };
     /** @internal */
-    AgmPolyline.prototype.ngOnDestroy = function () {
+    AgmPolyline.prototype.id = /** @internal */
+    function () { return this._id; };
+    /** @internal */
+    /** @internal */
+    AgmPolyline.prototype.ngOnDestroy = /** @internal */
+    function () {
         this._polylineManager.deletePolyline(this);
@@ -179,41 +187,41 @@ // unsubscribe all registered observable subscriptions
     };
+    AgmPolyline._polylineOptionsAttributes = [
+        'draggable', 'editable', 'visible', 'geodesic', 'strokeColor', 'strokeOpacity', 'strokeWeight',
+        'zIndex'
+    ];
+    AgmPolyline.decorators = [
+        { type: Directive, args: [{
+                    selector: 'agm-polyline'
+                },] },
+    ];
+    /** @nocollapse */
+    AgmPolyline.ctorParameters = function () { return [
+        { type: PolylineManager, },
+    ]; };
+    AgmPolyline.propDecorators = {
+        "clickable": [{ type: Input },],
+        "draggable": [{ type: Input, args: ['polylineDraggable',] },],
+        "editable": [{ type: Input },],
+        "geodesic": [{ type: Input },],
+        "strokeColor": [{ type: Input },],
+        "strokeOpacity": [{ type: Input },],
+        "strokeWeight": [{ type: Input },],
+        "visible": [{ type: Input },],
+        "zIndex": [{ type: Input },],
+        "lineClick": [{ type: Output },],
+        "lineDblClick": [{ type: Output },],
+        "lineDrag": [{ type: Output },],
+        "lineDragEnd": [{ type: Output },],
+        "lineDragStart": [{ type: Output },],
+        "lineMouseDown": [{ type: Output },],
+        "lineMouseMove": [{ type: Output },],
+        "lineMouseOut": [{ type: Output },],
+        "lineMouseOver": [{ type: Output },],
+        "lineMouseUp": [{ type: Output },],
+        "lineRightClick": [{ type: Output },],
+        "points": [{ type: ContentChildren, args: [AgmPolylinePoint,] },],
+    };
     return AgmPolyline;
 }());
 export { AgmPolyline };
-AgmPolyline._polylineOptionsAttributes = [
-    'draggable', 'editable', 'visible', 'geodesic', 'strokeColor', 'strokeOpacity', 'strokeWeight',
-    'zIndex'
-];
-AgmPolyline.decorators = [
-    { type: Directive, args: [{
-                selector: 'agm-polyline'
-            },] },
-];
-/** @nocollapse */
-AgmPolyline.ctorParameters = function () { return [
-    { type: PolylineManager, },
-]; };
-AgmPolyline.propDecorators = {
-    'clickable': [{ type: Input },],
-    'draggable': [{ type: Input, args: ['polylineDraggable',] },],
-    'editable': [{ type: Input },],
-    'geodesic': [{ type: Input },],
-    'strokeColor': [{ type: Input },],
-    'strokeOpacity': [{ type: Input },],
-    'strokeWeight': [{ type: Input },],
-    'visible': [{ type: Input },],
-    'zIndex': [{ type: Input },],
-    'lineClick': [{ type: Output },],
-    'lineDblClick': [{ type: Output },],
-    'lineDrag': [{ type: Output },],
-    'lineDragEnd': [{ type: Output },],
-    'lineDragStart': [{ type: Output },],
-    'lineMouseDown': [{ type: Output },],
-    'lineMouseMove': [{ type: Output },],
-    'lineMouseOut': [{ type: Output },],
-    'lineMouseOver': [{ type: Output },],
-    'lineMouseUp': [{ type: Output },],
-    'lineRightClick': [{ type: Output },],
-    'points': [{ type: ContentChildren, args: [AgmPolylinePoint,] },],
-};
 //# sourceMappingURL=polyline.js.map

directives/polyline.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"AgmPolyline":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-polyline"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["polylineDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"geodesic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lineClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"points":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./polyline-point","name":"AgmPolylinePoint"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/polyline-manager","name":"PolylineManager"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"_getPoints":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_polylineOptionsAttributes":["draggable","editable","visible","geodesic","strokeColor","strokeOpacity","strokeWeight","zIndex"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmPolyline":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-polyline"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["polylineDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"geodesic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lineClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineMouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"lineRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"points":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./polyline-point","name":"AgmPolylinePoint"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/polyline-manager","name":"PolylineManager"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"_getPoints":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_polylineOptionsAttributes":["draggable","editable","visible","geodesic","strokeColor","strokeOpacity","strokeWeight","zIndex"]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AgmPolyline":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":35,"character":1},"arguments":[{"selector":"agm-polyline"}]}],"members":{"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["polylineDraggable"]}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"geodesic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"strokeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"strokeOpacity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"strokeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"lineClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"lineDblClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"lineDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"lineDragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"lineDragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":113,"character":3}}]}],"lineMouseDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":118,"character":3}}]}],"lineMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":123,"character":3}}]}],"lineMouseOut":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":128,"character":3}}]}],"lineMouseOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":133,"character":3}}]}],"lineMouseUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"lineRightClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":143,"character":3}}]}],"points":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":148,"character":3},"arguments":[{"__symbolic":"reference","module":"./polyline-point","name":"AgmPolylinePoint","line":148,"character":19}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../services/managers/polyline-manager","name":"PolylineManager","line":159,"character":40}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_init":[{"__symbolic":"method"}],"_addEventListeners":[{"__symbolic":"method"}],"_getPoints":[{"__symbolic":"method"}],"id":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"_polylineOptionsAttributes":["draggable","editable","visible","geodesic","strokeColor","strokeOpacity","strokeWeight","zIndex"]}}}}]

index.js

@@ -1,8 +0,4 @@
-// main modules
 export * from './directives';
 export * from './services';
-// core module
-// we explicitly export the module here to prevent this Ionic 2 bug:
-// http://stevemichelotti.com/integrate-angular-2-google-maps-into-ionic-2/
 export { AgmCoreModule } from './core.module';
 //# sourceMappingURL=index.js.map

index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./directives"},{"from":"./services"},{"from":"./map-types"},{"from":"./services/google-maps-types","export":["LatLngBounds","LatLng","LatLngLiteral","MapTypeStyle","PolyMouseEvent"]},{"from":"./core.module","export":["AgmCoreModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./directives"},{"from":"./services"},{"from":"./map-types"},{"from":"./services/google-maps-types","export":["LatLngBounds","LatLng","LatLngLiteral","MapTypeStyle","PolyMouseEvent"]},{"from":"./core.module","export":["AgmCoreModule"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./directives"},{"from":"./services"},{"from":"./map-types"},{"from":"./services/google-maps-types","export":["LatLngBounds","LatLng","LatLngLiteral","MapTypeStyle","PolyMouseEvent"]},{"from":"./core.module","export":["AgmCoreModule"]}]}]

map-types.d.ts

 import { LatLngLiteral } from './services/google-maps-types';
-export { KmlMouseEvent, DataMouseEvent, LatLngBounds, LatLngBoundsLiteral, LatLngLiteral, PolyMouseEvent } from './services/google-maps-types';
+export { KmlMouseEvent, DataMouseEvent, LatLngBounds, LatLngBoundsLiteral, LatLngLiteral, PolyMouseEvent, MarkerLabel } from './services/google-maps-types';
 /**
@@ -4,0 +4,0 @@ * MouseEvent gets emitted when the user triggers mouse events on the map.

map-types.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"MouseEvent":{"__symbolic":"interface"}},"exports":[{"from":"./services/google-maps-types","export":["KmlMouseEvent","DataMouseEvent","LatLngBounds","LatLngBoundsLiteral","LatLngLiteral","PolyMouseEvent"]}]},{"__symbolic":"module","version":1,"metadata":{"MouseEvent":{"__symbolic":"interface"}},"exports":[{"from":"./services/google-maps-types","export":["KmlMouseEvent","DataMouseEvent","LatLngBounds","LatLngBoundsLiteral","LatLngLiteral","PolyMouseEvent"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{"MouseEvent":{"__symbolic":"interface"}},"exports":[{"from":"./services/google-maps-types","export":["KmlMouseEvent","DataMouseEvent","LatLngBounds","LatLngBoundsLiteral","LatLngLiteral","PolyMouseEvent","MarkerLabel"]}]}]

package.json

 {
   "name": "@agm/core",
-  "version": "1.0.0-beta.2",
-  "description": "Angular 2+ components for Google Maps",
+  "version": "1.0.0-beta.3",
+  "description": "Angular components for Google Maps",
   "repository": {
@@ -16,3 +16,2 @@ "type": "git",
     "gmaps",
-    "ng2",
     "angular2"
@@ -27,4 +26,4 @@ ],
   "peerDependencies": {
-    "@angular/common": "^4.0.0 || ^5.0.0",
-    "@angular/core": "^4.0.0 || ^5.0.0"
+    "@angular/common": "^5.0.0 || ^6.0.0",
+    "@angular/core": "^5.0.0 || ^6.0.0"
   },
@@ -34,4 +33,4 @@ "jspm": {
     "dependencies": {
-      "@angular/common": "^4.0.0 || ^5.0.0",
-      "@angular/core": "^4.0.0 || ^5.0.0"
+      "@angular/common": "^5.0.0 || ^6.0.0",
+      "@angular/core": "^5.0.0 || ^6.0.0"
     }
@@ -38,0 +37,0 @@ },

services.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./services/google-maps-api-wrapper","export":["GoogleMapsAPIWrapper"]},{"from":"./services/managers/circle-manager","export":["CircleManager"]},{"from":"./services/managers/info-window-manager","export":["InfoWindowManager"]},{"from":"./services/managers/marker-manager","export":["MarkerManager"]},{"from":"./services/managers/polygon-manager","export":["PolygonManager"]},{"from":"./services/managers/polyline-manager","export":["PolylineManager"]},{"from":"./services/managers/kml-layer-manager","export":["KmlLayerManager"]},{"from":"./services/managers/data-layer-manager","export":["DataLayerManager"]},{"from":"./services/maps-api-loader/lazy-maps-api-loader","export":["GoogleMapsScriptProtocol","LAZY_MAPS_API_CONFIG","LazyMapsAPILoader","LazyMapsAPILoaderConfigLiteral"]},{"from":"./services/maps-api-loader/maps-api-loader","export":["MapsAPILoader"]},{"from":"./services/maps-api-loader/noop-maps-api-loader","export":["NoOpMapsAPILoader"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./services/google-maps-api-wrapper","export":["GoogleMapsAPIWrapper"]},{"from":"./services/managers/circle-manager","export":["CircleManager"]},{"from":"./services/managers/info-window-manager","export":["InfoWindowManager"]},{"from":"./services/managers/marker-manager","export":["MarkerManager"]},{"from":"./services/managers/polygon-manager","export":["PolygonManager"]},{"from":"./services/managers/polyline-manager","export":["PolylineManager"]},{"from":"./services/managers/kml-layer-manager","export":["KmlLayerManager"]},{"from":"./services/managers/data-layer-manager","export":["DataLayerManager"]},{"from":"./services/maps-api-loader/lazy-maps-api-loader","export":["GoogleMapsScriptProtocol","LAZY_MAPS_API_CONFIG","LazyMapsAPILoader","LazyMapsAPILoaderConfigLiteral"]},{"from":"./services/maps-api-loader/maps-api-loader","export":["MapsAPILoader"]},{"from":"./services/maps-api-loader/noop-maps-api-loader","export":["NoOpMapsAPILoader"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./services/google-maps-api-wrapper","export":["GoogleMapsAPIWrapper"]},{"from":"./services/managers/circle-manager","export":["CircleManager"]},{"from":"./services/managers/info-window-manager","export":["InfoWindowManager"]},{"from":"./services/managers/marker-manager","export":["MarkerManager"]},{"from":"./services/managers/polygon-manager","export":["PolygonManager"]},{"from":"./services/managers/polyline-manager","export":["PolylineManager"]},{"from":"./services/managers/kml-layer-manager","export":["KmlLayerManager"]},{"from":"./services/managers/data-layer-manager","export":["DataLayerManager"]},{"from":"./services/maps-api-loader/lazy-maps-api-loader","export":["GoogleMapsScriptProtocol","LAZY_MAPS_API_CONFIG","LazyMapsAPILoader","LazyMapsAPILoaderConfigLiteral"]},{"from":"./services/maps-api-loader/maps-api-loader","export":["MapsAPILoader"]},{"from":"./services/maps-api-loader/noop-maps-api-loader","export":["NoOpMapsAPILoader"]}]}]

services/google-maps-api-wrapper.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import * as mapTypes from './google-maps-types';
@@ -29,3 +29,3 @@ import { Polyline } from './google-maps-types';
     createPolyline(options: PolylineOptions): Promise<Polyline>;
-    createPolygon(options: mapTypes.PolygonOptions): Promise<mapTypes.Polyline>;
+    createPolygon(options: mapTypes.PolygonOptions): Promise<mapTypes.Polygon>;
     /**
@@ -40,5 +40,7 @@ * Creates a new google.map.Data layer for the current map
     subscribeToMapEvent<E>(eventName: string): Observable<E>;
+    clearInstanceListeners(): void;
     setCenter(latLng: mapTypes.LatLngLiteral): Promise<void>;
     getZoom(): Promise<number>;
     getBounds(): Promise<mapTypes.LatLngBounds>;
+    getMapTypeId(): Promise<mapTypes.MapTypeId>;
     setZoom(zoom: number): Promise<void>;
@@ -45,0 +47,0 @@ getCenter(): Promise<mapTypes.LatLng>;

services/google-maps-api-wrapper.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { MapsAPILoader } from './maps-api-loader/maps-api-loader';
@@ -8,3 +8,3 @@ /**
  */
-var GoogleMapsAPIWrapper = (function () {
+var GoogleMapsAPIWrapper = /** @class */ (function () {
     function GoogleMapsAPIWrapper(_loader, _zone) {
@@ -19,6 +19,8 @@ var _this = this;
         var _this = this;
-        return this._loader.load().then(function () {
-            var map = new google.maps.Map(el, mapOptions);
-            _this._mapResolver(map);
-            return;
+        return this._zone.runOutsideAngular(function () {
+            return _this._loader.load().then(function () {
+                var map = new google.maps.Map(el, mapOptions);
+                _this._mapResolver(map);
+                return;
+            });
         });
@@ -32,3 +34,9 @@ };
      */
-    GoogleMapsAPIWrapper.prototype.createMarker = function (options, addToMap) {
+    /**
+       * Creates a google map marker with the map context
+       */
+    GoogleMapsAPIWrapper.prototype.createMarker = /**
+       * Creates a google map marker with the map context
+       */
+    function (options, addToMap) {
         if (options === void 0) { options = {}; }
@@ -49,3 +57,9 @@ if (addToMap === void 0) { addToMap = true; }
      */
-    GoogleMapsAPIWrapper.prototype.createCircle = function (options) {
+    /**
+       * Creates a google.map.Circle for the current map.
+       */
+    GoogleMapsAPIWrapper.prototype.createCircle = /**
+       * Creates a google.map.Circle for the current map.
+       */
+    function (options) {
         return this._map.then(function (map) {
@@ -73,3 +87,9 @@ options.map = map;
      */
-    GoogleMapsAPIWrapper.prototype.createDataLayer = function (options) {
+    /**
+       * Creates a new google.map.Data layer for the current map
+       */
+    GoogleMapsAPIWrapper.prototype.createDataLayer = /**
+       * Creates a new google.map.Data layer for the current map
+       */
+    function (options) {
         return this._map.then(function (m) {
@@ -84,3 +104,9 @@ var data = new google.maps.Data(options);
      */
-    GoogleMapsAPIWrapper.prototype.containsLocation = function (latLng, polygon) {
+    /**
+       * Determines if given coordinates are insite a Polygon path.
+       */
+    GoogleMapsAPIWrapper.prototype.containsLocation = /**
+       * Determines if given coordinates are insite a Polygon path.
+       */
+    function (latLng, polygon) {
         return google.maps.geometry.poly.containsLocation(latLng, polygon);
@@ -90,3 +116,3 @@ };
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._map.then(function (m) {
@@ -97,2 +123,7 @@ m.addListener(eventName, function (arg) { _this._zone.run(function () { return observer.next(arg); }); });
     };
+    GoogleMapsAPIWrapper.prototype.clearInstanceListeners = function () {
+        this._map.then(function (map) {
+            google.maps.event.clearInstanceListeners(map);
+        });
+    };
     GoogleMapsAPIWrapper.prototype.setCenter = function (latLng) {
@@ -105,2 +136,5 @@ return this._map.then(function (map) { return map.setCenter(latLng); });
     };
+    GoogleMapsAPIWrapper.prototype.getMapTypeId = function () {
+        return this._map.then(function (map) { return map.getMapTypeId(); });
+    };
     GoogleMapsAPIWrapper.prototype.setZoom = function (zoom) {
@@ -127,20 +161,32 @@ return this._map.then(function (map) { return map.setZoom(zoom); });
      */
-    GoogleMapsAPIWrapper.prototype.getNativeMap = function () { return this._map; };
     /**
+       * Returns the native Google Maps Map instance. Be careful when using this instance directly.
+       */
+    GoogleMapsAPIWrapper.prototype.getNativeMap = /**
+       * Returns the native Google Maps Map instance. Be careful when using this instance directly.
+       */
+    function () { return this._map; };
+    /**
      * Triggers the given event name on the map instance.
      */
-    GoogleMapsAPIWrapper.prototype.triggerMapEvent = function (eventName) {
+    /**
+       * Triggers the given event name on the map instance.
+       */
+    GoogleMapsAPIWrapper.prototype.triggerMapEvent = /**
+       * Triggers the given event name on the map instance.
+       */
+    function (eventName) {
         return this._map.then(function (m) { return google.maps.event.trigger(m, eventName); });
     };
+    GoogleMapsAPIWrapper.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    GoogleMapsAPIWrapper.ctorParameters = function () { return [
+        { type: MapsAPILoader, },
+        { type: NgZone, },
+    ]; };
     return GoogleMapsAPIWrapper;
 }());
 export { GoogleMapsAPIWrapper };
-GoogleMapsAPIWrapper.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-GoogleMapsAPIWrapper.ctorParameters = function () { return [
-    { type: MapsAPILoader, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=google-maps-api-wrapper.js.map

services/google-maps-api-wrapper.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"GoogleMapsAPIWrapper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./maps-api-loader/maps-api-loader","name":"MapsAPILoader"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"createMap":[{"__symbolic":"method"}],"setMapOptions":[{"__symbolic":"method"}],"createMarker":[{"__symbolic":"method"}],"createInfoWindow":[{"__symbolic":"method"}],"createCircle":[{"__symbolic":"method"}],"createPolyline":[{"__symbolic":"method"}],"createPolygon":[{"__symbolic":"method"}],"createDataLayer":[{"__symbolic":"method"}],"containsLocation":[{"__symbolic":"method"}],"subscribeToMapEvent":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"getZoom":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"setZoom":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"panTo":[{"__symbolic":"method"}],"panBy":[{"__symbolic":"method"}],"fitBounds":[{"__symbolic":"method"}],"panToBounds":[{"__symbolic":"method"}],"getNativeMap":[{"__symbolic":"method"}],"triggerMapEvent":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GoogleMapsAPIWrapper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./maps-api-loader/maps-api-loader","name":"MapsAPILoader"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"createMap":[{"__symbolic":"method"}],"setMapOptions":[{"__symbolic":"method"}],"createMarker":[{"__symbolic":"method"}],"createInfoWindow":[{"__symbolic":"method"}],"createCircle":[{"__symbolic":"method"}],"createPolyline":[{"__symbolic":"method"}],"createPolygon":[{"__symbolic":"method"}],"createDataLayer":[{"__symbolic":"method"}],"containsLocation":[{"__symbolic":"method"}],"subscribeToMapEvent":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"getZoom":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"setZoom":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"panTo":[{"__symbolic":"method"}],"panBy":[{"__symbolic":"method"}],"fitBounds":[{"__symbolic":"method"}],"panToBounds":[{"__symbolic":"method"}],"getNativeMap":[{"__symbolic":"method"}],"triggerMapEvent":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"GoogleMapsAPIWrapper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./maps-api-loader/maps-api-loader","name":"MapsAPILoader","line":20,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":20,"character":61}]}],"createMap":[{"__symbolic":"method"}],"setMapOptions":[{"__symbolic":"method"}],"createMarker":[{"__symbolic":"method"}],"createInfoWindow":[{"__symbolic":"method"}],"createCircle":[{"__symbolic":"method"}],"createPolyline":[{"__symbolic":"method"}],"createPolygon":[{"__symbolic":"method"}],"createDataLayer":[{"__symbolic":"method"}],"containsLocation":[{"__symbolic":"method"}],"subscribeToMapEvent":[{"__symbolic":"method"}],"clearInstanceListeners":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"getZoom":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getMapTypeId":[{"__symbolic":"method"}],"setZoom":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"panTo":[{"__symbolic":"method"}],"panBy":[{"__symbolic":"method"}],"fitBounds":[{"__symbolic":"method"}],"panToBounds":[{"__symbolic":"method"}],"getNativeMap":[{"__symbolic":"method"}],"triggerMapEvent":[{"__symbolic":"method"}]}}}}]

services/google-maps-types.d.ts

@@ -11,2 +11,3 @@ export declare var google: any;
     getBounds(): LatLngBounds;
+    getMapTypeId(): MapTypeId;
     getZoom(): number;
@@ -33,2 +34,3 @@ setOptions(options: MapOptions): void;
     setZIndex(zIndex: number): void;
+    setAnimation(animation: any): void;
     getLabel(): MarkerLabel;
@@ -48,2 +50,3 @@ setClickable(clickable: boolean): void;
     clickable: boolean;
+    animation?: any;
 }
@@ -50,0 +53,0 @@ export interface MarkerLabel {

services/google-maps-types.js

@@ -7,3 +7,13 @@ export var google;
  */
+/**
+ * Identifiers used to specify the placement of controls on the map. Controls are
+ * positioned relative to other controls in the same layout position. Controls that
+ * are added first are positioned closer to the edge of the map.
+ */
 export var ControlPosition;
+/**
+ * Identifiers used to specify the placement of controls on the map. Controls are
+ * positioned relative to other controls in the same layout position. Controls that
+ * are added first are positioned closer to the edge of the map.
+ */
 (function (ControlPosition) {
@@ -10,0 +20,0 @@ ControlPosition[ControlPosition["RIGHT_BOTTOM"] = 0] = "RIGHT_BOTTOM";

services/google-maps-types.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"google":{"__symbolic":"error","message":"Variable not initialized","line":0,"character":11},"GoogleMap":{"__symbolic":"interface"},"LatLng":{"__symbolic":"interface"},"Marker":{"__symbolic":"interface"},"MarkerOptions":{"__symbolic":"interface"},"MarkerLabel":{"__symbolic":"interface"},"Circle":{"__symbolic":"interface"},"CircleOptions":{"__symbolic":"interface"},"LatLngBounds":{"__symbolic":"interface"},"LatLngBoundsLiteral":{"__symbolic":"interface"},"LatLngLiteral":{"__symbolic":"interface"},"MouseEvent":{"__symbolic":"interface"},"MapOptions":{"__symbolic":"interface"},"MapTypeStyle":{"__symbolic":"interface"},"MapTypeStyler":{"__symbolic":"interface"},"InfoWindow":{"__symbolic":"interface"},"MVCObject":{"__symbolic":"interface"},"MapsEventListener":{"__symbolic":"interface"},"Size":{"__symbolic":"interface"},"InfoWindowOptions":{"__symbolic":"interface"},"Point":{"__symbolic":"interface"},"GoogleSymbol":{"__symbolic":"interface"},"IconSequence":{"__symbolic":"interface"},"PolylineOptions":{"__symbolic":"interface"},"Polyline":{"__symbolic":"interface"},"PolyMouseEvent":{"__symbolic":"interface"},"PolygonOptions":{"__symbolic":"interface"},"Polygon":{"__symbolic":"interface"},"KmlLayer":{"__symbolic":"interface"},"KmlLayerStatus":{"__symbolic":"interface"},"KmlLayerMetadata":{"__symbolic":"interface"},"KmlAuthor":{"__symbolic":"interface"},"KmlLayerOptions":{"__symbolic":"interface"},"KmlFeatureData":{"__symbolic":"interface"},"KmlMouseEvent":{"__symbolic":"interface"},"Data":{"__symbolic":"interface"},"Feature":{"__symbolic":"interface"},"DataOptions":{"__symbolic":"interface"},"DataMouseEvent":{"__symbolic":"interface"},"GeoJsonOptions":{"__symbolic":"interface"},"Geometry":{"__symbolic":"interface"},"ControlPosition":{"RIGHT_BOTTOM":0,"TOP_LEFT":1,"TOP_CENTER":2,"TOP_RIGHT":3,"LEFT_CENTER":4,"LEFT_TOP":5,"LEFT_BOTTOM":6,"RIGHT_TOP":7,"RIGHT_CENTER":8,"BOTTOM_RIGHT":9,"BOTTOM_LEFT":10,"BOTTOM_CENTER":11},"MapTypeId":{"HYBRID":0,"ROADMAP":1,"SATELLITE":2,"TERRAIN":3},"MapTypeControlOptions":{"__symbolic":"interface"},"MapTypeControlStyle":{"DEFAULT":0,"DROPDOWN_MENU":1,"HORIZONTAL_BAR":2},"OverviewMapControlOptions":{"__symbolic":"interface"},"PanControlOptions":{"__symbolic":"interface"},"RotateControlOptions":{"__symbolic":"interface"},"ScaleControlOptions":{"__symbolic":"interface"},"ScaleControlStyle":{"DEFAULT":0},"StreetViewControlOptions":{"__symbolic":"interface"},"ZoomControlOptions":{"__symbolic":"interface"},"ZoomControlStyle":{"DEFAULT":0,"LARGE":1,"SMALL":2},"FullscreenControlOptions":{"__symbolic":"interface"}}},{"__symbolic":"module","version":1,"metadata":{"google":{"__symbolic":"error","message":"Variable not initialized","line":0,"character":11},"GoogleMap":{"__symbolic":"interface"},"LatLng":{"__symbolic":"interface"},"Marker":{"__symbolic":"interface"},"MarkerOptions":{"__symbolic":"interface"},"MarkerLabel":{"__symbolic":"interface"},"Circle":{"__symbolic":"interface"},"CircleOptions":{"__symbolic":"interface"},"LatLngBounds":{"__symbolic":"interface"},"LatLngBoundsLiteral":{"__symbolic":"interface"},"LatLngLiteral":{"__symbolic":"interface"},"MouseEvent":{"__symbolic":"interface"},"MapOptions":{"__symbolic":"interface"},"MapTypeStyle":{"__symbolic":"interface"},"MapTypeStyler":{"__symbolic":"interface"},"InfoWindow":{"__symbolic":"interface"},"MVCObject":{"__symbolic":"interface"},"MapsEventListener":{"__symbolic":"interface"},"Size":{"__symbolic":"interface"},"InfoWindowOptions":{"__symbolic":"interface"},"Point":{"__symbolic":"interface"},"GoogleSymbol":{"__symbolic":"interface"},"IconSequence":{"__symbolic":"interface"},"PolylineOptions":{"__symbolic":"interface"},"Polyline":{"__symbolic":"interface"},"PolyMouseEvent":{"__symbolic":"interface"},"PolygonOptions":{"__symbolic":"interface"},"Polygon":{"__symbolic":"interface"},"KmlLayer":{"__symbolic":"interface"},"KmlLayerStatus":{"__symbolic":"interface"},"KmlLayerMetadata":{"__symbolic":"interface"},"KmlAuthor":{"__symbolic":"interface"},"KmlLayerOptions":{"__symbolic":"interface"},"KmlFeatureData":{"__symbolic":"interface"},"KmlMouseEvent":{"__symbolic":"interface"},"Data":{"__symbolic":"interface"},"Feature":{"__symbolic":"interface"},"DataOptions":{"__symbolic":"interface"},"DataMouseEvent":{"__symbolic":"interface"},"GeoJsonOptions":{"__symbolic":"interface"},"Geometry":{"__symbolic":"interface"},"ControlPosition":{"RIGHT_BOTTOM":0,"TOP_LEFT":1,"TOP_CENTER":2,"TOP_RIGHT":3,"LEFT_CENTER":4,"LEFT_TOP":5,"LEFT_BOTTOM":6,"RIGHT_TOP":7,"RIGHT_CENTER":8,"BOTTOM_RIGHT":9,"BOTTOM_LEFT":10,"BOTTOM_CENTER":11},"MapTypeId":{"HYBRID":0,"ROADMAP":1,"SATELLITE":2,"TERRAIN":3},"MapTypeControlOptions":{"__symbolic":"interface"},"MapTypeControlStyle":{"DEFAULT":0,"DROPDOWN_MENU":1,"HORIZONTAL_BAR":2},"OverviewMapControlOptions":{"__symbolic":"interface"},"PanControlOptions":{"__symbolic":"interface"},"RotateControlOptions":{"__symbolic":"interface"},"ScaleControlOptions":{"__symbolic":"interface"},"ScaleControlStyle":{"DEFAULT":0},"StreetViewControlOptions":{"__symbolic":"interface"},"ZoomControlOptions":{"__symbolic":"interface"},"ZoomControlStyle":{"DEFAULT":0,"LARGE":1,"SMALL":2},"FullscreenControlOptions":{"__symbolic":"interface"}}}]
+[{"__symbolic":"module","version":4,"metadata":{"google":{"__symbolic":"error","message":"Variable not initialized","line":0,"character":11},"GoogleMap":{"__symbolic":"interface"},"LatLng":{"__symbolic":"interface"},"Marker":{"__symbolic":"interface"},"MarkerOptions":{"__symbolic":"interface"},"MarkerLabel":{"__symbolic":"interface"},"Circle":{"__symbolic":"interface"},"CircleOptions":{"__symbolic":"interface"},"LatLngBounds":{"__symbolic":"interface"},"LatLngBoundsLiteral":{"__symbolic":"interface"},"LatLngLiteral":{"__symbolic":"interface"},"MouseEvent":{"__symbolic":"interface"},"MapOptions":{"__symbolic":"interface"},"MapTypeStyle":{"__symbolic":"interface"},"MapTypeStyler":{"__symbolic":"interface"},"InfoWindow":{"__symbolic":"interface"},"MVCObject":{"__symbolic":"interface"},"MapsEventListener":{"__symbolic":"interface"},"Size":{"__symbolic":"interface"},"InfoWindowOptions":{"__symbolic":"interface"},"Point":{"__symbolic":"interface"},"GoogleSymbol":{"__symbolic":"interface"},"IconSequence":{"__symbolic":"interface"},"PolylineOptions":{"__symbolic":"interface"},"Polyline":{"__symbolic":"interface"},"PolyMouseEvent":{"__symbolic":"interface"},"PolygonOptions":{"__symbolic":"interface"},"Polygon":{"__symbolic":"interface"},"KmlLayer":{"__symbolic":"interface"},"KmlLayerStatus":{"__symbolic":"interface"},"KmlLayerMetadata":{"__symbolic":"interface"},"KmlAuthor":{"__symbolic":"interface"},"KmlLayerOptions":{"__symbolic":"interface"},"KmlFeatureData":{"__symbolic":"interface"},"KmlMouseEvent":{"__symbolic":"interface"},"Data":{"__symbolic":"interface"},"Feature":{"__symbolic":"interface"},"DataOptions":{"__symbolic":"interface"},"DataMouseEvent":{"__symbolic":"interface"},"GeoJsonOptions":{"__symbolic":"interface"},"Geometry":{"__symbolic":"interface"},"ControlPosition":{"RIGHT_BOTTOM":0,"TOP_LEFT":1,"TOP_CENTER":2,"TOP_RIGHT":3,"LEFT_CENTER":4,"LEFT_TOP":5,"LEFT_BOTTOM":6,"RIGHT_TOP":7,"RIGHT_CENTER":8,"BOTTOM_RIGHT":9,"BOTTOM_LEFT":10,"BOTTOM_CENTER":11},"MapTypeId":{"HYBRID":0,"ROADMAP":1,"SATELLITE":2,"TERRAIN":3},"MapTypeControlOptions":{"__symbolic":"interface"},"MapTypeControlStyle":{"DEFAULT":0,"DROPDOWN_MENU":1,"HORIZONTAL_BAR":2},"OverviewMapControlOptions":{"__symbolic":"interface"},"PanControlOptions":{"__symbolic":"interface"},"RotateControlOptions":{"__symbolic":"interface"},"ScaleControlOptions":{"__symbolic":"interface"},"ScaleControlStyle":{"DEFAULT":0},"StreetViewControlOptions":{"__symbolic":"interface"},"ZoomControlOptions":{"__symbolic":"interface"},"ZoomControlStyle":{"DEFAULT":0,"LARGE":1,"SMALL":2},"FullscreenControlOptions":{"__symbolic":"interface"}}}]

services/managers/circle-manager.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { AgmCircle } from '../../directives/circle';
@@ -4,0 +4,0 @@ import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';

services/managers/circle-manager.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';
-var CircleManager = (function () {
+var CircleManager = /** @class */ (function () {
     function CircleManager(_apiWrapper, _zone) {
@@ -30,3 +30,9 @@ this._apiWrapper = _apiWrapper;
      */
-    CircleManager.prototype.removeCircle = function (circle) {
+    /**
+       * Removes the given circle from the map.
+       */
+    CircleManager.prototype.removeCircle = /**
+       * Removes the given circle from the map.
+       */
+    function (circle) {
         var _this = this;
@@ -67,3 +73,3 @@ return this._circles.get(circle).then(function (c) {
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             var listener = null;
@@ -80,13 +86,13 @@ _this._circles.get(circle).then(function (c) {
     };
+    CircleManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    CircleManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+    ]; };
     return CircleManager;
 }());
 export { CircleManager };
-CircleManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-CircleManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=circle-manager.js.map

services/managers/circle-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"CircleManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addCircle":[{"__symbolic":"method"}],"removeCircle":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"getRadius":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"setEditable":[{"__symbolic":"method"}],"setDraggable":[{"__symbolic":"method"}],"setVisible":[{"__symbolic":"method"}],"setRadius":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CircleManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addCircle":[{"__symbolic":"method"}],"removeCircle":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"getRadius":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"setEditable":[{"__symbolic":"method"}],"setDraggable":[{"__symbolic":"method"}],"setVisible":[{"__symbolic":"method"}],"setRadius":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CircleManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":13,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":72}]}],"addCircle":[{"__symbolic":"method"}],"removeCircle":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"getRadius":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"setEditable":[{"__symbolic":"method"}],"setDraggable":[{"__symbolic":"method"}],"setVisible":[{"__symbolic":"method"}],"setRadius":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]

services/managers/data-layer-manager.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { AgmDataLayer } from './../../directives/data-layer';
@@ -4,0 +4,0 @@ import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';

services/managers/data-layer-manager.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';
@@ -7,3 +7,3 @@ /**
  */
-var DataLayerManager = (function () {
+var DataLayerManager = /** @class */ (function () {
     function DataLayerManager(_wrapper, _zone) {
@@ -17,3 +17,9 @@ this._wrapper = _wrapper;
      */
-    DataLayerManager.prototype.addDataLayer = function (layer) {
+    /**
+       * Adds a new Data Layer to the map.
+       */
+    DataLayerManager.prototype.addDataLayer = /**
+       * Adds a new Data Layer to the map.
+       */
+    function (layer) {
         var _this = this;
@@ -62,5 +68,11 @@ var newLayer = this._wrapper.createDataLayer({
      */
-    DataLayerManager.prototype.createEventObservable = function (eventName, layer) {
+    /**
+       * Creates a Google Maps event listener for the given DataLayer as an Observable
+       */
+    DataLayerManager.prototype.createEventObservable = /**
+       * Creates a Google Maps event listener for the given DataLayer as an Observable
+       */
+    function (eventName, layer) {
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._layers.get(layer).then(function (d) {
@@ -76,3 +88,13 @@ d.addListener(eventName, function (e) { return _this._zone.run(function () { return observer.next(e); }); });
      */
-    DataLayerManager.prototype.getDataFeatures = function (d, geoJson) {
+    /**
+       * Extract features from a geoJson using google.maps Data Class
+       * @param d : google.maps.Data class instance
+       * @param geoJson : url or geojson object
+       */
+    DataLayerManager.prototype.getDataFeatures = /**
+       * Extract features from a geoJson using google.maps Data Class
+       * @param d : google.maps.Data class instance
+       * @param geoJson : url or geojson object
+       */
+    function (d, geoJson) {
         return new Promise(function (resolve, reject) {
@@ -96,13 +118,13 @@ if (typeof geoJson === 'object') {
     };
+    DataLayerManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    DataLayerManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+    ]; };
     return DataLayerManager;
 }());
 export { DataLayerManager };
-DataLayerManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-DataLayerManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=data-layer-manager.js.map

services/managers/data-layer-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DataLayerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addDataLayer":[{"__symbolic":"method"}],"deleteDataLayer":[{"__symbolic":"method"}],"updateGeoJson":[{"__symbolic":"method"}],"setDataOptions":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}],"getDataFeatures":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DataLayerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addDataLayer":[{"__symbolic":"method"}],"deleteDataLayer":[{"__symbolic":"method"}],"updateGeoJson":[{"__symbolic":"method"}],"setDataOptions":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}],"getDataFeatures":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"DataLayerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":17,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":17,"character":69}]}],"addDataLayer":[{"__symbolic":"method"}],"deleteDataLayer":[{"__symbolic":"method"}],"updateGeoJson":[{"__symbolic":"method"}],"setDataOptions":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}],"getDataFeatures":[{"__symbolic":"method"}]}}}}]

services/managers/info-window-manager.d.ts

@@ -1,2 +0,2 @@
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { NgZone } from '@angular/core';
@@ -3,0 +3,0 @@ import { AgmInfoWindow } from '../../directives/info-window';

services/managers/info-window-manager.js

@@ -1,6 +0,6 @@
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { Injectable, NgZone } from '@angular/core';
 import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';
 import { MarkerManager } from './marker-manager';
-var InfoWindowManager = (function () {
+var InfoWindowManager = /** @class */ (function () {
     function InfoWindowManager(_mapsWrapper, _zone, _markerManager) {
@@ -27,6 +27,8 @@ this._mapsWrapper = _mapsWrapper;
     InfoWindowManager.prototype.setPosition = function (infoWindow) {
-        return this._infoWindows.get(infoWindow).then(function (i) { return i.setPosition({
-            lat: infoWindow.latitude,
-            lng: infoWindow.longitude
-        }); });
+        return this._infoWindows.get(infoWindow).then(function (i) {
+            return i.setPosition({
+                lat: infoWindow.latitude,
+                lng: infoWindow.longitude
+            });
+        });
     };
@@ -70,5 +72,11 @@ InfoWindowManager.prototype.setZIndex = function (infoWindow) {
      */
-    InfoWindowManager.prototype.createEventObservable = function (eventName, infoWindow) {
+    /**
+        * Creates a Google Maps event listener for the given InfoWindow as an Observable
+        */
+    InfoWindowManager.prototype.createEventObservable = /**
+        * Creates a Google Maps event listener for the given InfoWindow as an Observable
+        */
+    function (eventName, infoWindow) {
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._infoWindows.get(infoWindow).then(function (i) {
@@ -79,14 +87,14 @@ i.addListener(eventName, function (e) { return _this._zone.run(function () { return observer.next(e); }); });
     };
+    InfoWindowManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    InfoWindowManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+        { type: MarkerManager, },
+    ]; };
     return InfoWindowManager;
 }());
 export { InfoWindowManager };
-InfoWindowManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-InfoWindowManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-    { type: MarkerManager, },
-]; };
 //# sourceMappingURL=info-window-manager.js.map

services/managers/info-window-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"InfoWindowManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"./marker-manager","name":"MarkerManager"}]}],"deleteInfoWindow":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"setZIndex":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"addInfoWindow":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"InfoWindowManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"./marker-manager","name":"MarkerManager"}]}],"deleteInfoWindow":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"setZIndex":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"addInfoWindow":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"InfoWindowManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":15,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":15,"character":65},{"__symbolic":"reference","module":"./marker-manager","name":"MarkerManager","line":16,"character":30}]}],"deleteInfoWindow":[{"__symbolic":"method"}],"setPosition":[{"__symbolic":"method"}],"setZIndex":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"addInfoWindow":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]

services/managers/kml-layer-manager.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { AgmKmlLayer } from './../../directives/kml-layer';
@@ -4,0 +4,0 @@ import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';

services/managers/kml-layer-manager.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';
@@ -7,3 +7,3 @@ /**
  */
-var KmlLayerManager = (function () {
+var KmlLayerManager = /** @class */ (function () {
     function KmlLayerManager(_wrapper, _zone) {
@@ -17,3 +17,9 @@ this._wrapper = _wrapper;
      */
-    KmlLayerManager.prototype.addKmlLayer = function (layer) {
+    /**
+       * Adds a new KML Layer to the map.
+       */
+    KmlLayerManager.prototype.addKmlLayer = /**
+       * Adds a new KML Layer to the map.
+       */
+    function (layer) {
         var newLayer = this._wrapper.getNativeMap().then(function (m) {
@@ -45,5 +51,11 @@ return new google.maps.KmlLayer({
      */
-    KmlLayerManager.prototype.createEventObservable = function (eventName, layer) {
+    /**
+       * Creates a Google Maps event listener for the given KmlLayer as an Observable
+       */
+    KmlLayerManager.prototype.createEventObservable = /**
+       * Creates a Google Maps event listener for the given KmlLayer as an Observable
+       */
+    function (eventName, layer) {
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._layers.get(layer).then(function (m) {
@@ -54,13 +66,13 @@ m.addListener(eventName, function (e) { return _this._zone.run(function () { return observer.next(e); }); });
     };
+    KmlLayerManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    KmlLayerManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+    ]; };
     return KmlLayerManager;
 }());
 export { KmlLayerManager };
-KmlLayerManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-KmlLayerManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=kml-layer-manager.js.map

services/managers/kml-layer-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"KmlLayerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addKmlLayer":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"deleteKmlLayer":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"KmlLayerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addKmlLayer":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"deleteKmlLayer":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"KmlLayerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":17,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":17,"character":69}]}],"addKmlLayer":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"deleteKmlLayer":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]

services/managers/marker-manager.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { AgmMarker } from './../../directives/marker';
@@ -21,2 +21,3 @@ import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';
     updateClickable(marker: AgmMarker): Promise<void>;
+    updateAnimation(marker: AgmMarker): Promise<void>;
     addMarker(marker: AgmMarker): void;
@@ -23,0 +24,0 @@ getNativeMarker(marker: AgmMarker): Promise<Marker>;

services/managers/marker-manager.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';
-var MarkerManager = (function () {
+var MarkerManager = /** @class */ (function () {
     function MarkerManager(_mapsWrapper, _zone) {
@@ -51,2 +51,12 @@ this._mapsWrapper = _mapsWrapper;
     };
+    MarkerManager.prototype.updateAnimation = function (marker) {
+        return this._markers.get(marker).then(function (m) {
+            if (typeof marker.animation === 'string') {
+                m.setAnimation(google.maps.Animation[marker.animation]);
+            }
+            else {
+                m.setAnimation(marker.animation);
+            }
+        });
+    };
     MarkerManager.prototype.addMarker = function (marker) {
@@ -62,3 +72,4 @@ var markerPromise = this._mapsWrapper.createMarker({
             title: marker.title,
-            clickable: marker.clickable
+            clickable: marker.clickable,
+            animation: (typeof marker.animation === 'string') ? google.maps.Animation[marker.animation] : marker.animation
         });
@@ -72,3 +83,3 @@ this._markers.set(marker, markerPromise);
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._markers.get(marker).then(function (m) {
@@ -79,13 +90,13 @@ m.addListener(eventName, function (e) { return _this._zone.run(function () { return observer.next(e); }); });
     };
+    MarkerManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    MarkerManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+    ]; };
     return MarkerManager;
 }());
 export { MarkerManager };
-MarkerManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-MarkerManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=marker-manager.js.map

services/managers/marker-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"MarkerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"deleteMarker":[{"__symbolic":"method"}],"updateMarkerPosition":[{"__symbolic":"method"}],"updateTitle":[{"__symbolic":"method"}],"updateLabel":[{"__symbolic":"method"}],"updateDraggable":[{"__symbolic":"method"}],"updateIcon":[{"__symbolic":"method"}],"updateOpacity":[{"__symbolic":"method"}],"updateVisible":[{"__symbolic":"method"}],"updateZIndex":[{"__symbolic":"method"}],"updateClickable":[{"__symbolic":"method"}],"addMarker":[{"__symbolic":"method"}],"getNativeMarker":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MarkerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"deleteMarker":[{"__symbolic":"method"}],"updateMarkerPosition":[{"__symbolic":"method"}],"updateTitle":[{"__symbolic":"method"}],"updateLabel":[{"__symbolic":"method"}],"updateDraggable":[{"__symbolic":"method"}],"updateIcon":[{"__symbolic":"method"}],"updateOpacity":[{"__symbolic":"method"}],"updateVisible":[{"__symbolic":"method"}],"updateZIndex":[{"__symbolic":"method"}],"updateClickable":[{"__symbolic":"method"}],"addMarker":[{"__symbolic":"method"}],"getNativeMarker":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"MarkerManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":15,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":15,"character":77}]}],"deleteMarker":[{"__symbolic":"method"}],"updateMarkerPosition":[{"__symbolic":"method"}],"updateTitle":[{"__symbolic":"method"}],"updateLabel":[{"__symbolic":"method"}],"updateDraggable":[{"__symbolic":"method"}],"updateIcon":[{"__symbolic":"method"}],"updateOpacity":[{"__symbolic":"method"}],"updateVisible":[{"__symbolic":"method"}],"updateZIndex":[{"__symbolic":"method"}],"updateClickable":[{"__symbolic":"method"}],"updateAnimation":[{"__symbolic":"method"}],"addMarker":[{"__symbolic":"method"}],"getNativeMarker":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]

services/managers/marker-manager.spec.js

@@ -34,3 +34,4 @@ import { NgZone } from '@angular/core';
                 title: undefined,
-                clickable: true
+                clickable: true,
+                animation: undefined
             });
@@ -69,3 +70,4 @@ }));
                 title: undefined,
-                clickable: true
+                clickable: true,
+                animation: undefined
             });
@@ -95,3 +97,4 @@ var iconUrl = 'http://angular-maps.com/icon.png';
                 title: undefined,
-                clickable: true
+                clickable: true,
+                animation: undefined
             });
@@ -122,3 +125,4 @@ var opacity = 0.4;
                 title: undefined,
-                clickable: true
+                clickable: true,
+                animation: undefined
             });
@@ -148,3 +152,4 @@ newMarker.visible = true;
                 title: undefined,
-                clickable: true
+                clickable: true,
+                animation: undefined
             });
@@ -151,0 +156,0 @@ var zIndex = 10;

services/managers/polygon-manager.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { AgmPolygon } from '../../directives/polygon';
@@ -4,0 +4,0 @@ import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';

services/managers/polygon-manager.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';
-var PolygonManager = (function () {
+var PolygonManager = /** @class */ (function () {
     function PolygonManager(_mapsWrapper, _zone) {
@@ -53,3 +53,3 @@ this._mapsWrapper = _mapsWrapper;
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._polygons.get(path).then(function (l) {
@@ -60,13 +60,13 @@ l.addListener(eventName, function (e) { return _this._zone.run(function () { return observer.next(e); }); });
     };
+    PolygonManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    PolygonManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+    ]; };
     return PolygonManager;
 }());
 export { PolygonManager };
-PolygonManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-PolygonManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=polygon-manager.js.map

services/managers/polygon-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"PolygonManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addPolygon":[{"__symbolic":"method"}],"updatePolygon":[{"__symbolic":"method"}],"setPolygonOptions":[{"__symbolic":"method"}],"deletePolygon":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PolygonManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addPolygon":[{"__symbolic":"method"}],"updatePolygon":[{"__symbolic":"method"}],"setPolygonOptions":[{"__symbolic":"method"}],"deletePolygon":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"PolygonManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":12,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":12,"character":73}]}],"addPolygon":[{"__symbolic":"method"}],"updatePolygon":[{"__symbolic":"method"}],"setPolygonOptions":[{"__symbolic":"method"}],"deletePolygon":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]

services/managers/polyline-manager.d.ts

 import { NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { AgmPolyline } from '../../directives/polyline';
@@ -4,0 +4,0 @@ import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';

services/managers/polyline-manager.js

 import { Injectable, NgZone } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { GoogleMapsAPIWrapper } from '../google-maps-api-wrapper';
-var PolylineManager = (function () {
+var PolylineManager = /** @class */ (function () {
     function PolylineManager(_mapsWrapper, _zone) {
@@ -59,3 +59,3 @@ this._mapsWrapper = _mapsWrapper;
         var _this = this;
-        return Observable.create(function (observer) {
+        return new Observable(function (observer) {
             _this._polylines.get(line).then(function (l) {
@@ -66,13 +66,13 @@ l.addListener(eventName, function (e) { return _this._zone.run(function () { return observer.next(e); }); });
     };
+    PolylineManager.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    PolylineManager.ctorParameters = function () { return [
+        { type: GoogleMapsAPIWrapper, },
+        { type: NgZone, },
+    ]; };
     return PolylineManager;
 }());
 export { PolylineManager };
-PolylineManager.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-PolylineManager.ctorParameters = function () { return [
-    { type: GoogleMapsAPIWrapper, },
-    { type: NgZone, },
-]; };
 //# sourceMappingURL=polyline-manager.js.map

services/managers/polyline-manager.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"PolylineManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addPolyline":[{"__symbolic":"method"}],"updatePolylinePoints":[{"__symbolic":"method"}],"setPolylineOptions":[{"__symbolic":"method"}],"deletePolyline":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PolylineManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"addPolyline":[{"__symbolic":"method"}],"updatePolylinePoints":[{"__symbolic":"method"}],"setPolylineOptions":[{"__symbolic":"method"}],"deletePolyline":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"PolylineManager":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../google-maps-api-wrapper","name":"GoogleMapsAPIWrapper","line":13,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":13,"character":73}]}],"addPolyline":[{"__symbolic":"method"}],"updatePolylinePoints":[{"__symbolic":"method"}],"setPolylineOptions":[{"__symbolic":"method"}],"deletePolyline":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]

services/maps-api-loader/lazy-maps-api-loader.d.ts

@@ -13,3 +13,3 @@ import { InjectionToken } from '@angular/core';
  */
-export declare const LAZY_MAPS_API_CONFIG: InjectionToken<{}>;
+export declare const LAZY_MAPS_API_CONFIG: InjectionToken<LazyMapsAPILoaderConfigLiteral>;
 /**
@@ -69,9 +69,12 @@ * Configuration for the {@link LazyMapsAPILoader}.
 export declare class LazyMapsAPILoader extends MapsAPILoader {
-    private _scriptLoadingPromise;
-    private _config;
-    private _windowRef;
-    private _documentRef;
+    protected _scriptLoadingPromise: Promise<void>;
+    protected _config: LazyMapsAPILoaderConfigLiteral;
+    protected _windowRef: WindowRef;
+    protected _documentRef: DocumentRef;
+    protected readonly _SCRIPT_ID: string;
+    protected readonly callbackName: string;
     constructor(config: any, w: WindowRef, d: DocumentRef);
     load(): Promise<void>;
-    private _getScriptSrc(callbackName);
+    private _assignScriptLoadingPromise(scriptElem);
+    protected _getScriptSrc(callbackName: string): string;
 }

services/maps-api-loader/lazy-maps-api-loader.js

@@ -11,3 +11,3 @@ var __extends = (this && this.__extends) || (function () {
 })();
-import { Inject, Injectable, InjectionToken } from '@angular/core';
+import { Inject, Injectable, InjectionToken, Optional } from '@angular/core';
 import { DocumentRef, WindowRef } from '../../utils/browser-globals';
@@ -26,6 +26,9 @@ import { MapsAPILoader } from './maps-api-loader';
 export var LAZY_MAPS_API_CONFIG = new InjectionToken('angular-google-maps LAZY_MAPS_API_CONFIG');
-var LazyMapsAPILoader = (function (_super) {
+var LazyMapsAPILoader = /** @class */ (function (_super) {
     __extends(LazyMapsAPILoader, _super);
     function LazyMapsAPILoader(config, w, d) {
+        if (config === void 0) { config = null; }
         var _this = _super.call(this) || this;
+        _this._SCRIPT_ID = 'agmGoogleMapsApiScript';
+        _this.callbackName = "agmLazyMapsAPILoader";
         _this._config = config || {};
@@ -37,6 +40,16 @@ _this._windowRef = w;
     LazyMapsAPILoader.prototype.load = function () {
-        var _this = this;
+        var window = this._windowRef.getNativeWindow();
+        if (window.google && window.google.maps) {
+            // Google maps already loaded on the page.
+            return Promise.resolve();
+        }
         if (this._scriptLoadingPromise) {
             return this._scriptLoadingPromise;
         }
+        // this can happen in HMR situations or Stackblitz.io editors.
+        var scriptOnPage = this._documentRef.getNativeDocument().getElementById(this._SCRIPT_ID);
+        if (scriptOnPage) {
+            this._assignScriptLoadingPromise(scriptOnPage);
+            return this._scriptLoadingPromise;
+        }
         var script = this._documentRef.getNativeDocument().createElement('script');
@@ -46,14 +59,18 @@ script.type = 'text/javascript';
         script.defer = true;
-        var callbackName = "angular2GoogleMapsLazyMapsAPILoader";
-        script.src = this._getScriptSrc(callbackName);
+        script.id = this._SCRIPT_ID;
+        script.src = this._getScriptSrc(this.callbackName);
+        this._assignScriptLoadingPromise(script);
+        this._documentRef.getNativeDocument().body.appendChild(script);
+        return this._scriptLoadingPromise;
+    };
+    LazyMapsAPILoader.prototype._assignScriptLoadingPromise = function (scriptElem) {
+        var _this = this;
         this._scriptLoadingPromise = new Promise(function (resolve, reject) {
-            _this._windowRef.getNativeWindow()[callbackName] = function () {
+            _this._windowRef.getNativeWindow()[_this.callbackName] = function () {
                 resolve();
             };
-            script.onerror = function (error) {
+            scriptElem.onerror = function (error) {
                 reject(error);
             };
         });
-        this._documentRef.getNativeDocument().body.appendChild(script);
-        return this._scriptLoadingPromise;
     };
@@ -106,14 +123,14 @@ LazyMapsAPILoader.prototype._getScriptSrc = function (callbackName) {
     };
+    LazyMapsAPILoader.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    LazyMapsAPILoader.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [LAZY_MAPS_API_CONFIG,] },] },
+        { type: WindowRef, },
+        { type: DocumentRef, },
+    ]; };
     return LazyMapsAPILoader;
 }(MapsAPILoader));
 export { LazyMapsAPILoader };
-LazyMapsAPILoader.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-LazyMapsAPILoader.ctorParameters = function () { return [
-    { type: undefined, decorators: [{ type: Inject, args: [LAZY_MAPS_API_CONFIG,] },] },
-    { type: WindowRef, },
-    { type: DocumentRef, },
-]; };
 //# sourceMappingURL=lazy-maps-api-loader.js.map

services/maps-api-loader/lazy-maps-api-loader.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"GoogleMapsScriptProtocol":{"HTTP":1,"HTTPS":2,"AUTO":3},"LAZY_MAPS_API_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["angular-google-maps LAZY_MAPS_API_CONFIG"]},"LazyMapsAPILoaderConfigLiteral":{"__symbolic":"interface"},"LazyMapsAPILoader":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./maps-api-loader","name":"MapsAPILoader"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"LAZY_MAPS_API_CONFIG"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"../../utils/browser-globals","name":"WindowRef"},{"__symbolic":"reference","module":"../../utils/browser-globals","name":"DocumentRef"}]}],"load":[{"__symbolic":"method"}],"_getScriptSrc":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GoogleMapsScriptProtocol":{"HTTP":1,"HTTPS":2,"AUTO":3},"LAZY_MAPS_API_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["angular-google-maps LAZY_MAPS_API_CONFIG"]},"LazyMapsAPILoaderConfigLiteral":{"__symbolic":"interface"},"LazyMapsAPILoader":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./maps-api-loader","name":"MapsAPILoader"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"LAZY_MAPS_API_CONFIG"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"../../utils/browser-globals","name":"WindowRef"},{"__symbolic":"reference","module":"../../utils/browser-globals","name":"DocumentRef"}]}],"load":[{"__symbolic":"method"}],"_getScriptSrc":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"GoogleMapsScriptProtocol":{"HTTP":1,"HTTPS":2,"AUTO":3},"LAZY_MAPS_API_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":16,"character":40},"arguments":["angular-google-maps LAZY_MAPS_API_CONFIG"]},"LazyMapsAPILoaderConfigLiteral":{"__symbolic":"interface"},"LazyMapsAPILoader":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./maps-api-loader","name":"MapsAPILoader","line":81,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":80,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":89,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":89,"character":27},"arguments":[{"__symbolic":"reference","name":"LAZY_MAPS_API_CONFIG"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"../../utils/browser-globals","name":"WindowRef","line":89,"character":79},{"__symbolic":"reference","module":"../../utils/browser-globals","name":"DocumentRef","line":89,"character":93}]}],"load":[{"__symbolic":"method"}],"_assignScriptLoadingPromise":[{"__symbolic":"method"}],"_getScriptSrc":[{"__symbolic":"method"}]}}}}]

services/maps-api-loader/lazy-maps-api-loader.spec.js

@@ -9,31 +9,47 @@ import { TestBed, inject } from '@angular/core/testing';
     var windowRef;
+    var windowObj;
     beforeEach(function () {
-        doc = jasmine.createSpyObj('Document', ['createElement']);
+        doc = jasmine.createSpyObj('Document', ['createElement', 'getElementById']);
+        doc.getElementById.and.returnValue(null);
+        doc.body = jasmine.createSpyObj('body', ['appendChild']);
         documentRef = jasmine.createSpyObj('Document', ['getNativeDocument']);
         documentRef.getNativeDocument.and.returnValue(doc);
-        windowRef = {};
-    });
-    it('should create the default script URL', function () {
+        windowRef = jasmine.createSpyObj('windowRef', ['getNativeWindow']);
+        windowObj = {};
+        windowRef.getNativeWindow.and.returnValue(windowObj);
         TestBed.configureTestingModule({
             providers: [
                 { provide: MapsAPILoader, useClass: LazyMapsAPILoader },
-                { provide: WindowRef, useValue: windowRef }, { provide: DocumentRef, useValue: documentRef }
+                { provide: WindowRef, useValue: windowRef },
+                { provide: DocumentRef, useValue: documentRef }
             ]
         });
-        inject([MapsAPILoader], function (loader) {
-            var scriptElem = {};
-            doc.createElement.and.returnValue(scriptElem);
-            doc.body = jasmine.createSpyObj('body', ['appendChild']);
-            loader.load();
-            expect(doc.createElement).toHaveBeenCalled();
-            expect(scriptElem.type).toEqual('text/javascript');
-            expect(scriptElem.async).toEqual(true);
-            expect(scriptElem.defer).toEqual(true);
-            expect(scriptElem.src).toBeDefined();
-            expect(scriptElem.src).toContain('https://maps.googleapis.com/maps/api/js');
-            expect(scriptElem.src).toContain('v=3');
-            expect(scriptElem.src).toContain('callback=angular2GoogleMapsLazyMapsAPILoader');
-            expect(doc.body.appendChild).toHaveBeenCalledWith(scriptElem);
-        });
     });
+    it('should create the default script URL', inject([MapsAPILoader], function (loader) {
+        var scriptElem = {};
+        doc.createElement.and.returnValue(scriptElem);
+        loader.load();
+        expect(doc.createElement).toHaveBeenCalledWith('script');
+        expect(scriptElem.type).toEqual('text/javascript');
+        expect(scriptElem.async).toEqual(true);
+        expect(scriptElem.defer).toEqual(true);
+        expect(scriptElem.src).toBeDefined();
+        expect(scriptElem.id).toEqual('agmGoogleMapsApiScript');
+        expect(scriptElem.src).toContain('https://maps.googleapis.com/maps/api/js');
+        expect(scriptElem.src).toContain('v=3');
+        expect(scriptElem.src).toContain('callback=agmLazyMapsAPILoader');
+        expect(doc.body.appendChild).toHaveBeenCalledWith(scriptElem);
+    }));
+    it('should not append a second script to body when theres already one with the fixed ID', inject([MapsAPILoader], function (loader) {
+        doc.getElementById.and.returnValue(document.createElement('script'));
+        loader.load();
+        expect(doc.body.appendChild).not.toHaveBeenCalledWith();
+    }));
+    it('should not append a second script to body when window.google.maps is defined', inject([MapsAPILoader], function (loader) {
+        windowObj.google = {
+            maps: {}
+        };
+        loader.load();
+        expect(doc.body.appendChild).not.toHaveBeenCalledWith();
+    }));
     it('should load the script via http when provided', function () {
@@ -44,3 +60,4 @@ var lazyLoadingConf = { protocol: GoogleMapsScriptProtocol.HTTP };
                 { provide: MapsAPILoader, useClass: LazyMapsAPILoader },
-                { provide: WindowRef, useValue: windowRef }, { provide: DocumentRef, useValue: documentRef },
+                { provide: WindowRef, useValue: windowRef },
+                { provide: DocumentRef, useValue: documentRef },
                 { provide: LAZY_MAPS_API_CONFIG, useValue: lazyLoadingConf }
@@ -52,8 +69,5 @@ ]
             doc.createElement.and.returnValue(scriptElem);
-            doc.body = jasmine.createSpyObj('body', ['appendChild']);
             loader.load();
             expect(doc.createElement).toHaveBeenCalled();
             expect(scriptElem.src).toContain('http://maps.googleapis.com/maps/api/js');
-            expect(scriptElem.src).toContain('v=3');
-            expect(scriptElem.src).toContain('callback=angular2GoogleMapsLazyMapsAPILoader');
             expect(doc.body.appendChild).toHaveBeenCalledWith(scriptElem);
@@ -60,0 +74,0 @@ });

services/maps-api-loader/maps-api-loader.js

 import { Injectable } from '@angular/core';
-var MapsAPILoader = (function () {
+var MapsAPILoader = /** @class */ (function () {
     function MapsAPILoader() {
     }
+    MapsAPILoader.decorators = [
+        { type: Injectable },
+    ];
     return MapsAPILoader;
 }());
 export { MapsAPILoader };
-MapsAPILoader.decorators = [
-    { type: Injectable },
-];
-/** @nocollapse */
-MapsAPILoader.ctorParameters = function () { return []; };
 //# sourceMappingURL=maps-api-loader.js.map

services/maps-api-loader/maps-api-loader.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"MapsAPILoader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"load":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MapsAPILoader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"load":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"MapsAPILoader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"load":[{"__symbolic":"method"}]}}}}]

services/maps-api-loader/noop-maps-api-loader.js

@@ -6,3 +6,8 @@ /**
  */
-var NoOpMapsAPILoader = (function () {
+var /**
+ * When using the NoOpMapsAPILoader, the Google Maps API must be added to the page via a `<script>`
+ * Tag.
+ * It's important that the Google Maps API script gets loaded first on the page.
+ */
+NoOpMapsAPILoader = /** @class */ (function () {
     function NoOpMapsAPILoader() {
@@ -18,3 +23,8 @@ }
 }());
+/**
+ * When using the NoOpMapsAPILoader, the Google Maps API must be added to the page via a `<script>`
+ * Tag.
+ * It's important that the Google Maps API script gets loaded first on the page.
+ */
 export { NoOpMapsAPILoader };
 //# sourceMappingURL=noop-maps-api-loader.js.map

services/maps-api-loader/noop-maps-api-loader.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"NoOpMapsAPILoader":{"__symbolic":"class","members":{"load":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NoOpMapsAPILoader":{"__symbolic":"class","members":{"load":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NoOpMapsAPILoader":{"__symbolic":"class","members":{"load":[{"__symbolic":"method"}]}}}}]

utils/browser-globals.js

@@ -1,2 +0,2 @@
-var WindowRef = (function () {
+var WindowRef = /** @class */ (function () {
     function WindowRef() {
@@ -8,3 +8,3 @@ }
 export { WindowRef };
-var DocumentRef = (function () {
+var DocumentRef = /** @class */ (function () {
     function DocumentRef() {
@@ -11,0 +11,0 @@ }

utils/browser-globals.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowRef":{"__symbolic":"class","members":{"getNativeWindow":[{"__symbolic":"method"}]}},"DocumentRef":{"__symbolic":"class","members":{"getNativeDocument":[{"__symbolic":"method"}]}},"BROWSER_GLOBALS_PROVIDERS":[{"__symbolic":"reference","name":"WindowRef"},{"__symbolic":"reference","name":"DocumentRef"}]}},{"__symbolic":"module","version":1,"metadata":{"WindowRef":{"__symbolic":"class","members":{"getNativeWindow":[{"__symbolic":"method"}]}},"DocumentRef":{"__symbolic":"class","members":{"getNativeDocument":[{"__symbolic":"method"}]}},"BROWSER_GLOBALS_PROVIDERS":[{"__symbolic":"reference","name":"WindowRef"},{"__symbolic":"reference","name":"DocumentRef"}]}}]
+[{"__symbolic":"module","version":4,"metadata":{"WindowRef":{"__symbolic":"class","members":{"getNativeWindow":[{"__symbolic":"method"}]}},"DocumentRef":{"__symbolic":"class","members":{"getNativeDocument":[{"__symbolic":"method"}]}},"BROWSER_GLOBALS_PROVIDERS":[{"__symbolic":"reference","name":"WindowRef"},{"__symbolic":"reference","name":"DocumentRef"}]}}]

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

181

increased by44.8%

Lines of code

8483

increased by7.56%

Worsened metrics

Total package byte prevSize

577420

decreased by-16.57%

No dependency changes