feat(google-maps): add event emitter for gm_authFailure callback

Author: kgajera

src/dev-app/google-map/google-map-demo.html

@@ -3,6 +3,7 @@
               width="750px"
               [center]="center"
               [zoom]="zoom"
+              (authFailure)="authFailure()"
               (mapClick)="handleClick($event)"
               (mapMousemove)="handleMove($event)"
               (mapRightclick)="handleRightclick()"

src/dev-app/google-map/google-map-demo.ts

@@ -107,6 +107,10 @@ export class GoogleMapDemo {
 
   constructor(private readonly _mapDirectionsService: MapDirectionsService) {}
 
+  authFailure() {
+    console.log('Auth failure event emitted');
+  }
+
   handleClick(event: google.maps.MapMouseEvent) {
     this.markerPositions.push(event.latLng.toJSON());
   }

src/google-maps/google-map/google-map.spec.ts

@@ -39,6 +39,7 @@ describe('GoogleMap', () => {
 
   afterEach(() => {
     (window.google as any) = undefined;
+    (window as any).gm_authFailure = undefined;
   });
 
   it('throws an error is the Google Maps JavaScript API was not loaded', () => {
@@ -358,6 +359,21 @@ describe('GoogleMap', () => {
     expect(mapConstructorSpy.calls.mostRecent()?.args[1].mapTypeId).toBe('satellite');
   });
 
+  it('should emit authFailure event when window.gm_authFailure is called', () => {
+    mapSpy = createMapSpy(DEFAULT_OPTIONS);
+    mapConstructorSpy = createMapConstructorSpy(mapSpy);
+
+    expect((window as any).gm_authFailure).toBeUndefined();
+
+    const fixture = TestBed.createComponent(TestApp);
+    fixture.detectChanges();
+    spyOn(fixture.componentInstance.map.authFailure, 'emit');
+
+    expect((window as any).gm_authFailure).toBeDefined();
+    (window as any).gm_authFailure();
+
+    expect(fixture.componentInstance.map.authFailure.emit).toHaveBeenCalled();
+  });
 });
 
 @Component({

src/google-maps/google-map/google-map.ts

@@ -23,12 +23,14 @@ import {
   PLATFORM_ID,
   NgZone,
   SimpleChanges,
+  EventEmitter,
 } from '@angular/core';
 import {isPlatformBrowser} from '@angular/common';
 import {Observable} from 'rxjs';
 import {MapEventManager} from '../map-event-manager';
 
 interface GoogleMapsWindow extends Window {
+  gm_authFailure?: () => void;
   google?: typeof google;
 }
 
@@ -101,6 +103,12 @@ export class GoogleMap implements OnChanges, OnInit, OnDestroy {
   }
   private _options = DEFAULT_OPTIONS;
 
+  /**
+   * See
+   * https://developers.google.com/maps/documentation/javascript/events#auth-errors
+   */
+   @Output() readonly authFailure: EventEmitter<void> = new EventEmitter<void>();
+
   /**
    * See
    * https://developers.google.com/maps/documentation/javascript/reference/map#Map.bounds_changed
@@ -245,6 +253,7 @@ export class GoogleMap implements OnChanges, OnInit, OnDestroy {
             'https://developers.google.com/maps/documentation/javascript/' +
             'tutorial#Loading_the_Maps_API');
       }
+      googleMapsWindow.gm_authFailure = () => this.authFailure.emit();
     }
   }