fix(InfoWindow): fire infoWindowClose Event

Closes #728
Closes #811

Author: sebholstein

src/core/directives/google-map-info-window.ts

@@ -109,6 +109,7 @@ export class SebmGoogleMapInfoWindow implements OnDestroy, OnChanges, OnInit {
     this._infoWindowManager.addInfoWindow(this);
     this._infoWindowAddedToManager = true;
     this._updateOpenState();
+    this._registerEventListeners();
   }
 
   /** @internal */
@@ -129,8 +130,15 @@ export class SebmGoogleMapInfoWindow implements OnDestroy, OnChanges, OnInit {
     this._setInfoWindowOptions(changes);
   }
 
+  private _registerEventListeners() {
+    this._infoWindowManager.createEventObservable('closeclick', this).subscribe(() => {
+      this.isOpen = false;
+      this.infoWindowClose.emit();
+    });
+  }
+
   private _updateOpenState() {
-    this.isOpen ? this._infoWindowManager.open(this) : this._infoWindowManager.close(this);
+    this.isOpen ? this.open() : this.close();
   }
 
   private _setInfoWindowOptions(changes: {[key: string]: SimpleChange}) {
@@ -150,7 +158,7 @@ export class SebmGoogleMapInfoWindow implements OnDestroy, OnChanges, OnInit {
    * Closes the info window.
    */
   close(): Promise<void> {
-    return this._infoWindowManager.close(this).then(() => { this.infoWindowClose.emit(void 0); });
+    return this._infoWindowManager.close(this).then(() => { this.infoWindowClose.emit(); });
   }
 
   /** @internal */

src/core/services/google-maps-types.ts

@@ -164,7 +164,7 @@ export interface MapTypeStyler {
   weight?: number;
 }
 
-export interface InfoWindow {
+export interface InfoWindow extends MVCObject {
   constructor(opts?: InfoWindowOptions): void;
   close(): void;
   getContent(): string|Node;

src/core/services/managers/info-window-manager.ts

@@ -1,3 +1,5 @@
+import { Observable } from 'rxjs/Observable';
+import { Observer } from 'rxjs/Observer';
 import {Injectable, NgZone} from '@angular/core';
 
 import {SebmGoogleMapInfoWindow} from '../../directives/google-map-info-window';
@@ -72,4 +74,15 @@ export class InfoWindowManager {
     const infoWindowPromise = this._mapsWrapper.createInfoWindow(options);
     this._infoWindows.set(infoWindow, infoWindowPromise);
   }
+
+   /**
+    * Creates a Google Maps event listener for the given InfoWindow as an Observable
+    */
+  createEventObservable<T>(eventName: string, infoWindow: SebmGoogleMapInfoWindow): Observable<T> {
+    return Observable.create((observer: Observer<T>) => {
+      this._infoWindows.get(infoWindow).then((i: InfoWindow) => {
+        i.addListener(eventName, (e: T) => this._zone.run(() => observer.next(e)));
+      });
+    });
+  }
 }