@agm/core - npm Package Compare versions

Comparing version 1.0.0-beta.0 to 1.0.0-beta.1

directives/circle.js

@@ -1,2 +0,2 @@
-import { Directive, EventEmitter } from '@angular/core';
+import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { CircleManager } from '../services/managers/circle-manager';
@@ -13,2 +13,3 @@ var AgmCircle = (function () {
          */
+        // tslint:disable-next-line:no-input-rename
         this.draggable = false;
@@ -177,16 +178,7 @@ /**
     'fillColor', 'fillOpacity', 'strokeColor', 'strokeOpacity', 'strokePosition', 'strokeWeight',
-    'visible', 'zIndex'
+    'visible', 'zIndex', 'clickable'
 ];
 AgmCircle.decorators = [
     { type: Directive, args: [{
-                selector: 'agm-circle',
-                inputs: [
-                    'latitude', 'longitude', 'clickable', 'draggable: circleDraggable', 'editable', 'fillColor',
-                    'fillOpacity', 'radius', 'strokeColor', 'strokeOpacity', 'strokePosition', 'strokeWeight',
-                    'visible', 'zIndex'
-                ],
-                outputs: [
-                    'centerChange', 'circleClick', 'circleDblClick', 'drag', 'dragEnd', 'dragStart', 'mouseDown',
-                    'mouseMove', 'mouseOut', 'mouseOver', 'mouseUp', 'radiusChange', 'rightClick'
-                ]
+                selector: 'agm-circle'
             },] },
@@ -198,2 +190,31 @@ ];
 ]; };
+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","inputs":["latitude","longitude","clickable","draggable: circleDraggable","editable","fillColor","fillOpacity","radius","strokeColor","strokeOpacity","strokePosition","strokeWeight","visible","zIndex"],"outputs":["centerChange","circleClick","circleDblClick","drag","dragEnd","dragStart","mouseDown","mouseMove","mouseOut","mouseOver","mouseUp","radiusChange","rightClick"]}]}],"members":{"__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"]}}}},{"__symbolic":"module","version":1,"metadata":{"AgmCircle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"agm-circle","inputs":["latitude","longitude","clickable","draggable: circleDraggable","editable","fillColor","fillOpacity","radius","strokeColor","strokeOpacity","strokePosition","strokeWeight","visible","zIndex"],"outputs":["centerChange","circleClick","circleDblClick","drag","dragEnd","dragStart","mouseDown","mouseMove","mouseOut","mouseOver","mouseUp","radiusChange","rightClick"]}]}],"members":{"__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"]}}}}]
+[{"__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"]}}}}]

directives/data-layer.d.ts

@@ -207,3 +207,3 @@ import { EventEmitter, OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
      */
-    geoJson: Object | null;
+    geoJson: Object | string | null;
     /**
@@ -210,0 +210,0 @@ * The layer's style function.

directives/data-layer.js

@@ -1,2 +0,2 @@
-import { Directive, EventEmitter } from '@angular/core';
+import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { DataLayerManager } from './../services/managers/data-layer-manager';
@@ -257,5 +257,3 @@ var layerId = 0;
     { type: Directive, args: [{
-                selector: 'agm-data-layer',
-                inputs: ['geoJson', 'style'],
-                outputs: ['layerClick']
+                selector: 'agm-data-layer'
             },] },
@@ -267,2 +265,7 @@ ];
 ]; };
+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","inputs":["geoJson","style"],"outputs":["layerClick"]}]}],"members":{"__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","inputs":["geoJson","style"],"outputs":["layerClick"]}]}],"members":{"__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":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"]}}}}]

directives/info-window.js

@@ -1,2 +0,2 @@
-import { Component, ElementRef, EventEmitter } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Output, Input } from '@angular/core';
 import { InfoWindowManager } from '../services/managers/info-window-manager';
@@ -109,4 +109,2 @@ var infoWindowId = 0;
                 selector: 'agm-info-window',
-                inputs: ['latitude', 'longitude', 'disableAutoPan', 'isOpen', 'zIndex', 'maxWidth'],
-                outputs: ['infoWindowClose'],
                 template: "<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "
@@ -120,2 +118,11 @@ },] },
 ]; };
+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","inputs":["latitude","longitude","disableAutoPan","isOpen","zIndex","maxWidth"],"outputs":["infoWindowClose"],"template":"<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"__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","inputs":["latitude","longitude","disableAutoPan","isOpen","zIndex","maxWidth"],"outputs":["infoWindowClose"],"template":"<div class='agm-info-window-content'>\n      <ng-content></ng-content>\n    </div>\n  "}]}],"members":{"__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":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"]}}}}]

directives/kml-layer.js

@@ -1,2 +0,2 @@
-import { Directive, EventEmitter } from '@angular/core';
+import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { KmlLayerManager } from './../services/managers/kml-layer-manager';
@@ -105,5 +105,3 @@ var layerId = 0;
     { type: Directive, args: [{
-                selector: 'agm-kml-layer',
-                inputs: ['clickable', 'preserveViewport', 'screenOverlays', 'suppressInfoWindows', 'url', 'zIndex'],
-                outputs: ['layerClick', 'defaultViewportChange', 'statusChange']
+                selector: 'agm-kml-layer'
             },] },
@@ -115,2 +113,13 @@ ];
 ]; };
+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","inputs":["clickable","preserveViewport","screenOverlays","suppressInfoWindows","url","zIndex"],"outputs":["layerClick","defaultViewportChange","statusChange"]}]}],"members":{"__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","inputs":["clickable","preserveViewport","screenOverlays","suppressInfoWindows","url","zIndex"],"outputs":["layerClick","defaultViewportChange","statusChange"]}]}],"members":{"__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":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"]}}}}]

directives/map.d.ts

@@ -237,6 +237,8 @@ import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
      * 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.
      */
-    triggerResize(): Promise<void>;
+    triggerResize(recenter?: boolean): Promise<void>;
     private _updatePosition(changes);
+    private _setCenter();
     private _fitBounds();
@@ -243,0 +245,0 @@ private _handleMapCenterChange();

directives/map.js

@@ -1,2 +0,2 @@
-import { Component, ElementRef, EventEmitter } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
 import { GoogleMapsAPIWrapper } from '../services/google-maps-api-wrapper';
@@ -52,2 +52,3 @@ import { CircleManager } from '../services/managers/circle-manager';
          */
+        // tslint:disable-next-line:no-input-rename
         this.draggable = true;
@@ -240,6 +241,8 @@ /**
      * 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 = function () {
+    AgmMap.prototype.triggerResize = function (recenter) {
         var _this = this;
+        if (recenter === void 0) { recenter = true; }
         // Note: When we would trigger the resize event and show the map in the same turn (which is a
@@ -249,3 +252,10 @@ // common case for triggering a resize event), then the resize event would not
         return new Promise(function (resolve) {
-            setTimeout(function () { return _this._mapsWrapper.triggerMapEvent('resize').then(function () { return resolve(); }); });
+            setTimeout(function () {
+                return _this._mapsWrapper.triggerMapEvent('resize').then(function () {
+                    if (recenter) {
+                        _this.fitBounds != null ? _this._fitBounds() : _this._setCenter();
+                    }
+                    resolve();
+                });
+            });
         });
@@ -267,2 +277,5 @@ };
         }
+        this._setCenter();
+    };
+    AgmMap.prototype._setCenter = function () {
         var newCenter = {
@@ -355,13 +368,2 @@ lat: this.latitude,
                 ],
-                inputs: [
-                    'longitude', 'latitude', 'zoom', 'minZoom', 'maxZoom', 'draggable: mapDraggable',
-                    'disableDoubleClickZoom', 'disableDefaultUI', 'scrollwheel', 'backgroundColor', 'draggableCursor',
-                    'draggingCursor', 'keyboardShortcuts', 'zoomControl', 'zoomControlOptions', 'styles', 'usePanning',
-                    'streetViewControl', 'streetViewControlOptions', 'fitBounds', 'mapTypeControl', 'mapTypeControlOptions',
-                    'panControlOptions', 'rotateControl', 'rotateControlOptions', 'fullscreenControl', 'fullscreenControlOptions',
-                    'scaleControl', 'scaleControlOptions', 'mapTypeId', 'clickableIcons', 'gestureHandling'
-                ],
-                outputs: [
-                    'mapClick', 'mapRightClick', 'mapDblClick', 'centerChange', 'idle', 'boundsChange', 'zoomChange', 'mapReady'
-                ],
                 host: {
@@ -380,2 +382,45 @@ // todo: deprecated - we will remove it with the next version
 ]; };
+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"}],"inputs":["longitude","latitude","zoom","minZoom","maxZoom","draggable: mapDraggable","disableDoubleClickZoom","disableDefaultUI","scrollwheel","backgroundColor","draggableCursor","draggingCursor","keyboardShortcuts","zoomControl","zoomControlOptions","styles","usePanning","streetViewControl","streetViewControlOptions","fitBounds","mapTypeControl","mapTypeControlOptions","panControlOptions","rotateControl","rotateControlOptions","fullscreenControl","fullscreenControlOptions","scaleControl","scaleControlOptions","mapTypeId","clickableIcons","gestureHandling"],"outputs":["mapClick","mapRightClick","mapDblClick","centerChange","idle","boundsChange","zoomChange","mapReady"],"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":{"__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"}],"_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"}],"inputs":["longitude","latitude","zoom","minZoom","maxZoom","draggable: mapDraggable","disableDoubleClickZoom","disableDefaultUI","scrollwheel","backgroundColor","draggableCursor","draggingCursor","keyboardShortcuts","zoomControl","zoomControlOptions","styles","usePanning","streetViewControl","streetViewControlOptions","fitBounds","mapTypeControl","mapTypeControlOptions","panControlOptions","rotateControl","rotateControlOptions","fullscreenControl","fullscreenControlOptions","scaleControl","scaleControlOptions","mapTypeId","clickableIcons","gestureHandling"],"outputs":["mapClick","mapRightClick","mapDblClick","centerChange","idle","boundsChange","zoomChange","mapReady"],"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":{"__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"}],"_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":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"]}}}}]

directives/marker.d.ts

@@ -74,2 +74,6 @@ import { EventEmitter, OnChanges, OnDestroy, SimpleChange, AfterContentInit, QueryList } from '@angular/core';
     /**
+     * If true, the marker can be clicked. Default value is true.
+     */
+    clickable: boolean;
+    /**
      * This event emitter gets emitted when the user clicks on the marker.
@@ -76,0 +80,0 @@ */

directives/marker.js

@@ -1,2 +0,2 @@
-import { Directive, EventEmitter, ContentChildren, QueryList } from '@angular/core';
+import { Directive, EventEmitter, ContentChildren, QueryList, Input, Output } from '@angular/core';
 import { MarkerManager } from '../services/managers/marker-manager';
@@ -34,2 +34,3 @@ import { AgmInfoWindow } from './info-window';
          */
+        // tslint:disable-next-line:no-input-rename
         this.draggable = false;
@@ -56,2 +57,7 @@ /**
         /**
+         * 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.
@@ -130,2 +136,5 @@ */
         }
+        if (changes['clickable']) {
+            this._markerManager.updateClickable(this);
+        }
     };
@@ -172,8 +181,3 @@ AgmMarker.prototype._addEventListeners = function () {
     { type: Directive, args: [{
-                selector: 'agm-marker',
-                inputs: [
-                    'latitude', 'longitude', 'title', 'label', 'draggable: markerDraggable', 'iconUrl',
-                    'openInfoWindow', 'opacity', 'visible', 'zIndex'
-                ],
-                outputs: ['markerClick', 'dragEnd', 'mouseOver', 'mouseOut']
+                selector: 'agm-marker'
             },] },
@@ -186,4 +190,19 @@ ];
 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","inputs":["latitude","longitude","title","label","draggable: markerDraggable","iconUrl","openInfoWindow","opacity","visible","zIndex"],"outputs":["markerClick","dragEnd","mouseOver","mouseOut"]}]}],"members":{"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","inputs":["latitude","longitude","title","label","draggable: markerDraggable","iconUrl","openInfoWindow","opacity","visible","zIndex"],"outputs":["markerClick","dragEnd","mouseOver","mouseOut"]}]}],"members":{"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":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"}]}}}}]

directives/polygon.js

@@ -1,2 +0,2 @@
-import { Directive, EventEmitter } from '@angular/core';
+import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { PolygonManager } from '../services/managers/polygon-manager';
@@ -63,2 +63,3 @@ /**
          */
+        // tslint:disable-next-line:no-input-rename
         this.draggable = false;
@@ -201,21 +202,3 @@ /**
     { type: Directive, args: [{
-                selector: 'agm-polygon',
-                inputs: [
-                    'clickable',
-                    'draggable: polyDraggable',
-                    'editable',
-                    'fillColor',
-                    'fillOpacity',
-                    'geodesic',
-                    'paths',
-                    'strokeColor',
-                    'strokeOpacity',
-                    'strokeWeight',
-                    'visible',
-                    'zIndex',
-                ],
-                outputs: [
-                    'polyClick', 'polyDblClick', 'polyDrag', 'polyDragEnd', 'polyMouseDown', 'polyMouseMove',
-                    'polyMouseOut', 'polyMouseOver', 'polyMouseUp', 'polyRightClick'
-                ]
+                selector: 'agm-polygon'
             },] },
@@ -227,2 +210,27 @@ ];
 ]; };
+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","inputs":["clickable","draggable: polyDraggable","editable","fillColor","fillOpacity","geodesic","paths","strokeColor","strokeOpacity","strokeWeight","visible","zIndex"],"outputs":["polyClick","polyDblClick","polyDrag","polyDragEnd","polyMouseDown","polyMouseMove","polyMouseOut","polyMouseOver","polyMouseUp","polyRightClick"]}]}],"members":{"__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","inputs":["clickable","draggable: polyDraggable","editable","fillColor","fillOpacity","geodesic","paths","strokeColor","strokeOpacity","strokeWeight","visible","zIndex"],"outputs":["polyClick","polyDblClick","polyDrag","polyDragEnd","polyMouseDown","polyMouseMove","polyMouseOut","polyMouseOver","polyMouseUp","polyRightClick"]}]}],"members":{"__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":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"]}}}}]

directives/polyline.js

@@ -1,2 +0,2 @@
-import { ContentChildren, Directive, EventEmitter } from '@angular/core';
+import { ContentChildren, Directive, EventEmitter, Input, Output } from '@angular/core';
 import { PolylineManager } from '../services/managers/polyline-manager';
@@ -43,2 +43,3 @@ import { AgmPolylinePoint } from './polyline-point';
          */
+        // tslint:disable-next-line:no-input-rename
         this.draggable = false;
@@ -144,3 +145,3 @@ /**
             { name: 'click', handler: function (ev) { return _this.lineClick.emit(ev); } },
-            { name: 'dbclick', handler: function (ev) { return _this.lineDblClick.emit(ev); } },
+            { name: 'dblclick', handler: function (ev) { return _this.lineDblClick.emit(ev); } },
             { name: 'drag', handler: function (ev) { return _this.lineDrag.emit(ev); } },
@@ -185,11 +186,3 @@ { name: 'dragend', handler: function (ev) { return _this.lineDragEnd.emit(ev); } },
     { type: Directive, args: [{
-                selector: 'agm-polyline',
-                inputs: [
-                    'clickable', 'draggable: polylineDraggable', 'editable', 'geodesic', 'strokeColor',
-                    'strokeWeight', 'strokeOpacity', 'visible', 'zIndex'
-                ],
-                outputs: [
-                    'lineClick', 'lineDblClick', 'lineDrag', 'lineDragEnd', 'lineMouseDown', 'lineMouseMove',
-                    'lineMouseOut', 'lineMouseOver', 'lineMouseUp', 'lineRightClick'
-                ]
+                selector: 'agm-polyline'
             },] },
@@ -202,4 +195,24 @@ ];
 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","inputs":["clickable","draggable: polylineDraggable","editable","geodesic","strokeColor","strokeWeight","strokeOpacity","visible","zIndex"],"outputs":["lineClick","lineDblClick","lineDrag","lineDragEnd","lineMouseDown","lineMouseMove","lineMouseOut","lineMouseOver","lineMouseUp","lineRightClick"]}]}],"members":{"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","inputs":["clickable","draggable: polylineDraggable","editable","geodesic","strokeColor","strokeWeight","strokeOpacity","visible","zIndex"],"outputs":["lineClick","lineDblClick","lineDrag","lineDragEnd","lineMouseDown","lineMouseMove","lineMouseOut","lineMouseOver","lineMouseUp","lineRightClick"]}]}],"members":{"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":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"]}}}}]

package.json

 {
   "name": "@agm/core",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "description": "Angular 2+ components for Google Maps",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -1,4 +0,6 @@
-Angular Google Maps (AGM) - Angular 2+ Google Maps components
+Angular Google Maps (AGM) Core - Angular 2+ Google Maps components
 =========
 
+@agm/core contains solutions for the Google Maps JavaScript Core API.
+
 The sources for this package are in the [angular-google-maps](https://github.com/SebastianM/angular-google-maps) repository. Please file issues and pull requests against that repo.
@@ -5,0 +7,0 @@

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

@@ -22,3 +22,3 @@ import { NgZone } from '@angular/core';
      */
-    createMarker(options?: mapTypes.MarkerOptions): Promise<mapTypes.Marker>;
+    createMarker(options?: mapTypes.MarkerOptions, addToMap?: boolean): Promise<mapTypes.Marker>;
     createInfoWindow(options?: mapTypes.InfoWindowOptions): Promise<mapTypes.InfoWindow>;
@@ -32,2 +32,6 @@ /**
     /**
+     * Creates a new google.map.Data layer for the current map
+     */
+    createDataLayer(options?: mapTypes.DataOptions): Promise<mapTypes.Data>;
+    /**
      * Determines if given coordinates are insite a Polygon path.
@@ -43,2 +47,3 @@ */
     panTo(latLng: mapTypes.LatLng | mapTypes.LatLngLiteral): Promise<void>;
+    panBy(x: number, y: number): Promise<void>;
     fitBounds(latLng: mapTypes.LatLngBounds | mapTypes.LatLngBoundsLiteral): Promise<void>;
@@ -45,0 +50,0 @@ panToBounds(latLng: mapTypes.LatLngBounds | mapTypes.LatLngBoundsLiteral): Promise<void>;

services/google-maps-api-wrapper.js

@@ -30,6 +30,9 @@ import { Injectable, NgZone } from '@angular/core';
      */
-    GoogleMapsAPIWrapper.prototype.createMarker = function (options) {
+    GoogleMapsAPIWrapper.prototype.createMarker = function (options, addToMap) {
         if (options === void 0) { options = {}; }
+        if (addToMap === void 0) { addToMap = true; }
         return this._map.then(function (map) {
-            options.map = map;
+            if (addToMap) {
+                options.map = map;
+            }
             return new google.maps.Marker(options);
@@ -65,2 +68,12 @@ });
     /**
+     * Creates a new google.map.Data layer for the current map
+     */
+    GoogleMapsAPIWrapper.prototype.createDataLayer = function (options) {
+        return this._map.then(function (m) {
+            var data = new google.maps.Data(options);
+            data.setMap(m);
+            return data;
+        });
+    };
+    /**
      * Determines if given coordinates are insite a Polygon path.
@@ -95,2 +108,5 @@ */
     };
+    GoogleMapsAPIWrapper.prototype.panBy = function (x, y) {
+        return this._map.then(function (map) { return map.panBy(x, y); });
+    };
     GoogleMapsAPIWrapper.prototype.fitBounds = function (latLng) {
@@ -97,0 +113,0 @@ return this._map.then(function (map) { return map.fitBounds(latLng); });

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"}],"containsLocation":[{"__symbolic":"method"}],"subscribeToMapEvent":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"getZoom":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"setZoom":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"panTo":[{"__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"}],"containsLocation":[{"__symbolic":"method"}],"subscribeToMapEvent":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"getZoom":[{"__symbolic":"method"}],"getBounds":[{"__symbolic":"method"}],"setZoom":[{"__symbolic":"method"}],"getCenter":[{"__symbolic":"method"}],"panTo":[{"__symbolic":"method"}],"fitBounds":[{"__symbolic":"method"}],"panToBounds":[{"__symbolic":"method"}],"getNativeMap":[{"__symbolic":"method"}],"triggerMapEvent":[{"__symbolic":"method"}]}}}}]
+[{"__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"}]}}}}]

services/google-maps-types.d.ts

@@ -6,2 +6,3 @@ export declare var google: any;
     panTo(latLng: LatLng | LatLngLiteral): void;
+    panBy(x: number, y: number): void;
     setZoom(zoom: number): void;
@@ -33,2 +34,3 @@ getCenter(): LatLng;
     getLabel(): MarkerLabel;
+    setClickable(clickable: boolean): void;
 }
@@ -45,2 +47,3 @@ export interface MarkerOptions {
     zIndex?: number;
+    clickable: boolean;
 }
@@ -350,2 +353,3 @@ export interface MarkerLabel {
     forEach(callback: (feature: Feature) => void): void;
+    loadGeoJson(url: string, options?: GeoJsonOptions, callback?: (feats: Feature[]) => void): void;
 }
@@ -352,0 +356,0 @@ export interface Feature extends MVCObject {

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

@@ -5,3 +5,3 @@ import { NgZone } from '@angular/core';
 import { GoogleMapsAPIWrapper } from './../google-maps-api-wrapper';
-import { DataOptions } from './../google-maps-types';
+import { Data, DataOptions, Feature } from './../google-maps-types';
 /**
@@ -20,3 +20,3 @@ * Manages all Data Layers for a Google Map instance.
     deleteDataLayer(layer: AgmDataLayer): void;
-    updateGeoJson(layer: AgmDataLayer, geoJson: Object): void;
+    updateGeoJson(layer: AgmDataLayer, geoJson: Object | string): void;
     setDataOptions(layer: AgmDataLayer, options: DataOptions): void;
@@ -27,2 +27,8 @@ /**
     createEventObservable<T>(eventName: string, layer: AgmDataLayer): Observable<T>;
+    /**
+     * Extract features from a geoJson using google.maps Data Class
+     * @param d : google.maps.Data class instance
+     * @param geoJson : url or geojson object
+     */
+    getDataFeatures(d: Data, geoJson: Object | string): Promise<Feature[]>;
 }

services/managers/data-layer-manager.js

@@ -17,11 +17,11 @@ import { Injectable, NgZone } from '@angular/core';
     DataLayerManager.prototype.addDataLayer = function (layer) {
-        var newLayer = this._wrapper.getNativeMap().then(function (m) {
-            var dataLayer = new google.maps.Data({
-                map: m,
-                style: layer.style
-            });
+        var _this = this;
+        var newLayer = this._wrapper.createDataLayer({
+            style: layer.style
+        })
+            .then(function (d) {
             if (layer.geoJson) {
-                dataLayer.features = dataLayer.addGeoJson(layer.geoJson);
+                _this.getDataFeatures(d, layer.geoJson).then(function (features) { return d.features = features; });
             }
-            return dataLayer;
+            return d;
         });
@@ -38,2 +38,3 @@ this._layers.set(layer, newLayer);
     DataLayerManager.prototype.updateGeoJson = function (layer, geoJson) {
+        var _this = this;
         this._layers.get(layer).then(function (l) {
@@ -47,3 +48,3 @@ l.forEach(function (feature) {
             });
-            l.features = l.addGeoJson(geoJson);
+            _this.getDataFeatures(l, geoJson).then(function (features) { return l.features = features; });
         });
@@ -70,2 +71,26 @@ };
     };
+    /**
+     * 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 = function (d, geoJson) {
+        return new Promise(function (resolve, reject) {
+            if (typeof geoJson === 'object') {
+                try {
+                    var features = d.addGeoJson(geoJson);
+                    resolve(features);
+                }
+                catch (e) {
+                    reject(e);
+                }
+            }
+            else if (typeof geoJson === 'string') {
+                d.loadGeoJson(geoJson, null, resolve);
+            }
+            else {
+                reject("Impossible to extract features from geoJson: wrong argument type");
+            }
+        });
+    };
     return DataLayerManager;
@@ -72,0 +97,0 @@ }());

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"}]}}}},{"__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"}]}}}}]
+[{"__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"}]}}}}]

services/managers/marker-manager.d.ts

@@ -7,5 +7,5 @@ import { NgZone } from '@angular/core';
 export declare class MarkerManager {
-    private _mapsWrapper;
-    private _zone;
-    private _markers;
+    protected _mapsWrapper: GoogleMapsAPIWrapper;
+    protected _zone: NgZone;
+    protected _markers: Map<AgmMarker, Promise<Marker>>;
     constructor(_mapsWrapper: GoogleMapsAPIWrapper, _zone: NgZone);
@@ -21,2 +21,3 @@ deleteMarker(marker: AgmMarker): Promise<void>;
     updateZIndex(marker: AgmMarker): Promise<void>;
+    updateClickable(marker: AgmMarker): Promise<void>;
     addMarker(marker: AgmMarker): void;
@@ -23,0 +24,0 @@ getNativeMarker(marker: AgmMarker): Promise<Marker>;

services/managers/marker-manager.js

@@ -48,2 +48,5 @@ import { Injectable, NgZone } from '@angular/core';
     };
+    MarkerManager.prototype.updateClickable = function (marker) {
+        return this._markers.get(marker).then(function (m) { return m.setClickable(marker.clickable); });
+    };
     MarkerManager.prototype.addMarker = function (marker) {
@@ -58,3 +61,4 @@ var markerPromise = this._mapsWrapper.createMarker({
             zIndex: marker.zIndex,
-            title: marker.title
+            title: marker.title,
+            clickable: marker.clickable
         });
@@ -61,0 +65,0 @@ this._markers.set(marker, markerPromise);

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"}],"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"}],"addMarker":[{"__symbolic":"method"}],"getNativeMarker":[{"__symbolic":"method"}],"createEventObservable":[{"__symbolic":"method"}]}}}}]
+[{"__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"}]}}}}]

services/managers/marker-manager.spec.js

@@ -33,3 +33,4 @@ import { NgZone } from '@angular/core';
                 zIndex: 1,
-                title: undefined
+                title: undefined,
+                clickable: true
             });
@@ -67,3 +68,4 @@ }));
                 zIndex: 1,
-                title: undefined
+                title: undefined,
+                clickable: true
             });
@@ -92,3 +94,4 @@ var iconUrl = 'http://angular-maps.com/icon.png';
                 zIndex: 1,
-                title: undefined
+                title: undefined,
+                clickable: true
             });
@@ -118,3 +121,4 @@ var opacity = 0.4;
                 zIndex: 1,
-                title: undefined
+                title: undefined,
+                clickable: true
             });
@@ -143,3 +147,4 @@ newMarker.visible = true;
                 zIndex: 1,
-                title: undefined
+                title: undefined,
+                clickable: true
             });
@@ -146,0 +151,0 @@ var zIndex = 10;

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

Total package byte prevSize

692227

increased by12.86%

Lines of code

7884

increased by4.88%

Number of lines in readme file

14

increased by16.67%

No dependency changes