@angular/google-maps 16.0.0-next.5 → 16.0.0-rc.0

package/fesm2015/google-maps.mjs

@@ -1,3189 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, NgZone, EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, Directive, ContentChildren, NgModule, Injectable } from '@angular/core';
-import { isPlatformBrowser } from '@angular/common';
-import { BehaviorSubject, Observable, Subject, combineLatest } from 'rxjs';
-import { switchMap, take, map, takeUntil } from 'rxjs/operators';
-
-/** Manages event on a Google Maps object, ensuring that events are added only when necessary. */
-class MapEventManager {
-    /** Clears all currently-registered event listeners. */
-    _clearListeners() {
-        for (const listener of this._listeners) {
-            listener.remove();
-        }
-        this._listeners = [];
-    }
-    constructor(_ngZone) {
-        this._ngZone = _ngZone;
-        /** Pending listeners that were added before the target was set. */
-        this._pending = [];
-        this._listeners = [];
-        this._targetStream = new BehaviorSubject(undefined);
-    }
-    /** Gets an observable that adds an event listener to the map when a consumer subscribes to it. */
-    getLazyEmitter(name) {
-        return this._targetStream.pipe(switchMap(target => {
-            const observable = new Observable(observer => {
-                // If the target hasn't been initialized yet, cache the observer so it can be added later.
-                if (!target) {
-                    this._pending.push({ observable, observer });
-                    return undefined;
-                }
-                const listener = target.addListener(name, (event) => {
-                    this._ngZone.run(() => observer.next(event));
-                });
-                // If there's an error when initializing the Maps API (e.g. a wrong API key), it will
-                // return a dummy object that returns `undefined` from `addListener` (see #26514).
-                if (!listener) {
-                    observer.complete();
-                    return undefined;
-                }
-                this._listeners.push(listener);
-                return () => listener.remove();
-            });
-            return observable;
-        }));
-    }
-    /** Sets the current target that the manager should bind events to. */
-    setTarget(target) {
-        const currentTarget = this._targetStream.value;
-        if (target === currentTarget) {
-            return;
-        }
-        // Clear the listeners from the pre-existing target.
-        if (currentTarget) {
-            this._clearListeners();
-            this._pending = [];
-        }
-        this._targetStream.next(target);
-        // Add the listeners that were bound before the map was initialized.
-        this._pending.forEach(subscriber => subscriber.observable.subscribe(subscriber.observer));
-        this._pending = [];
-    }
-    /** Destroys the manager and clears the event listeners. */
-    destroy() {
-        this._clearListeners();
-        this._pending = [];
-        this._targetStream.complete();
-    }
-}
-
-/// <reference types="google.maps" />
-/** default options set to the Googleplex */
-const DEFAULT_OPTIONS = {
-    center: { lat: 37.421995, lng: -122.084092 },
-    zoom: 17,
-    // Note: the type conversion here isn't necessary for our CI, but it resolves a g3 failure.
-    mapTypeId: 'roadmap',
-};
-/** Arbitrary default height for the map element */
-const DEFAULT_HEIGHT = '500px';
-/** Arbitrary default width for the map element */
-const DEFAULT_WIDTH = '500px';
-/**
- * Angular component that renders a Google Map via the Google Maps JavaScript
- * API.
- * @see https://developers.google.com/maps/documentation/javascript/reference/
- */
-class GoogleMap {
-    set center(center) {
-        this._center = center;
-    }
-    set zoom(zoom) {
-        this._zoom = zoom;
-    }
-    set options(options) {
-        this._options = options || DEFAULT_OPTIONS;
-    }
-    constructor(_elementRef, _ngZone, platformId) {
-        this._elementRef = _elementRef;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        /** Height of the map. Set this to `null` if you'd like to control the height through CSS. */
-        this.height = DEFAULT_HEIGHT;
-        /** Width of the map. Set this to `null` if you'd like to control the width through CSS. */
-        this.width = DEFAULT_WIDTH;
-        this._options = DEFAULT_OPTIONS;
-        /** Event emitted when the map is initialized. */
-        this.mapInitialized = new EventEmitter();
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/events#auth-errors
-         */
-        this.authFailure = new EventEmitter();
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.bounds_changed
-         */
-        this.boundsChanged = this._eventManager.getLazyEmitter('bounds_changed');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.center_changed
-         */
-        this.centerChanged = this._eventManager.getLazyEmitter('center_changed');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.click
-         */
-        this.mapClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.dblclick
-         */
-        this.mapDblclick = this._eventManager.getLazyEmitter('dblclick');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.drag
-         */
-        this.mapDrag = this._eventManager.getLazyEmitter('drag');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.dragend
-         */
-        this.mapDragend = this._eventManager.getLazyEmitter('dragend');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.dragstart
-         */
-        this.mapDragstart = this._eventManager.getLazyEmitter('dragstart');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.heading_changed
-         */
-        this.headingChanged = this._eventManager.getLazyEmitter('heading_changed');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.idle
-         */
-        this.idle = this._eventManager.getLazyEmitter('idle');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.maptypeid_changed
-         */
-        this.maptypeidChanged = this._eventManager.getLazyEmitter('maptypeid_changed');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.mousemove
-         */
-        this.mapMousemove = this._eventManager.getLazyEmitter('mousemove');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.mouseout
-         */
-        this.mapMouseout = this._eventManager.getLazyEmitter('mouseout');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.mouseover
-         */
-        this.mapMouseover = this._eventManager.getLazyEmitter('mouseover');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/map#Map.projection_changed
-         */
-        this.projectionChanged = this._eventManager.getLazyEmitter('projection_changed');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.rightclick
-         */
-        this.mapRightclick = this._eventManager.getLazyEmitter('rightclick');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.tilesloaded
-         */
-        this.tilesloaded = this._eventManager.getLazyEmitter('tilesloaded');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.tilt_changed
-         */
-        this.tiltChanged = this._eventManager.getLazyEmitter('tilt_changed');
-        /**
-         * See
-         * https://developers.google.com/maps/documentation/javascript/reference/map#Map.zoom_changed
-         */
-        this.zoomChanged = this._eventManager.getLazyEmitter('zoom_changed');
-        this._isBrowser = isPlatformBrowser(platformId);
-        if (this._isBrowser) {
-            const googleMapsWindow = window;
-            if (!googleMapsWindow.google && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-                throw Error('Namespace google not found, cannot construct embedded google ' +
-                    'map. Please install the Google Maps JavaScript API: ' +
-                    'https://developers.google.com/maps/documentation/javascript/' +
-                    'tutorial#Loading_the_Maps_API');
-            }
-            this._existingAuthFailureCallback = googleMapsWindow.gm_authFailure;
-            googleMapsWindow.gm_authFailure = () => {
-                if (this._existingAuthFailureCallback) {
-                    this._existingAuthFailureCallback();
-                }
-                this.authFailure.emit();
-            };
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['height'] || changes['width']) {
-            this._setSize();
-        }
-        const googleMap = this.googleMap;
-        if (googleMap) {
-            if (changes['options']) {
-                googleMap.setOptions(this._combineOptions());
-            }
-            if (changes['center'] && this._center) {
-                googleMap.setCenter(this._center);
-            }
-            // Note that the zoom can be zero.
-            if (changes['zoom'] && this._zoom != null) {
-                googleMap.setZoom(this._zoom);
-            }
-            if (changes['mapTypeId'] && this.mapTypeId) {
-                googleMap.setMapTypeId(this.mapTypeId);
-            }
-        }
-    }
-    ngOnInit() {
-        // It should be a noop during server-side rendering.
-        if (this._isBrowser) {
-            this._mapEl = this._elementRef.nativeElement.querySelector('.map-container');
-            this._setSize();
-            // Create the object outside the zone so its events don't trigger change detection.
-            // We'll bring it back in inside the `MapEventManager` only for the events that the
-            // user has subscribed to.
-            this._ngZone.runOutsideAngular(() => {
-                this.googleMap = new google.maps.Map(this._mapEl, this._combineOptions());
-            });
-            this._eventManager.setTarget(this.googleMap);
-            this.mapInitialized.emit(this.googleMap);
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        if (this._isBrowser) {
-            const googleMapsWindow = window;
-            googleMapsWindow.gm_authFailure = this._existingAuthFailureCallback;
-        }
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.fitBounds
-     */
-    fitBounds(bounds, padding) {
-        this._assertInitialized();
-        this.googleMap.fitBounds(bounds, padding);
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.panBy
-     */
-    panBy(x, y) {
-        this._assertInitialized();
-        this.googleMap.panBy(x, y);
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.panTo
-     */
-    panTo(latLng) {
-        this._assertInitialized();
-        this.googleMap.panTo(latLng);
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.panToBounds
-     */
-    panToBounds(latLngBounds, padding) {
-        this._assertInitialized();
-        this.googleMap.panToBounds(latLngBounds, padding);
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getBounds
-     */
-    getBounds() {
-        this._assertInitialized();
-        return this.googleMap.getBounds() || null;
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getCenter
-     */
-    getCenter() {
-        this._assertInitialized();
-        return this.googleMap.getCenter();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getClickableIcons
-     */
-    getClickableIcons() {
-        this._assertInitialized();
-        return this.googleMap.getClickableIcons();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getHeading
-     */
-    getHeading() {
-        this._assertInitialized();
-        return this.googleMap.getHeading();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getMapTypeId
-     */
-    getMapTypeId() {
-        this._assertInitialized();
-        return this.googleMap.getMapTypeId();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getProjection
-     */
-    getProjection() {
-        this._assertInitialized();
-        return this.googleMap.getProjection() || null;
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getStreetView
-     */
-    getStreetView() {
-        this._assertInitialized();
-        return this.googleMap.getStreetView();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getTilt
-     */
-    getTilt() {
-        this._assertInitialized();
-        return this.googleMap.getTilt();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.getZoom
-     */
-    getZoom() {
-        this._assertInitialized();
-        return this.googleMap.getZoom();
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.controls
-     */
-    get controls() {
-        this._assertInitialized();
-        return this.googleMap.controls;
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.data
-     */
-    get data() {
-        this._assertInitialized();
-        return this.googleMap.data;
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.mapTypes
-     */
-    get mapTypes() {
-        this._assertInitialized();
-        return this.googleMap.mapTypes;
-    }
-    /**
-     * See
-     * https://developers.google.com/maps/documentation/javascript/reference/map#Map.overlayMapTypes
-     */
-    get overlayMapTypes() {
-        this._assertInitialized();
-        return this.googleMap.overlayMapTypes;
-    }
-    _setSize() {
-        if (this._mapEl) {
-            const styles = this._mapEl.style;
-            styles.height =
-                this.height === null ? '' : coerceCssPixelValue(this.height) || DEFAULT_HEIGHT;
-            styles.width = this.width === null ? '' : coerceCssPixelValue(this.width) || DEFAULT_WIDTH;
-        }
-    }
-    /** Combines the center and zoom and the other map options into a single object */
-    _combineOptions() {
-        var _a, _b;
-        const options = this._options || {};
-        return Object.assign(Object.assign({}, options), { 
-            // It's important that we set **some** kind of `center` and `zoom`, otherwise
-            // Google Maps will render a blank rectangle which looks broken.
-            center: this._center || options.center || DEFAULT_OPTIONS.center, zoom: (_b = (_a = this._zoom) !== null && _a !== void 0 ? _a : options.zoom) !== null && _b !== void 0 ? _b : DEFAULT_OPTIONS.zoom, 
-            // Passing in an undefined `mapTypeId` seems to break tile loading
-            // so make sure that we have some kind of default (see #22082).
-            mapTypeId: this.mapTypeId || options.mapTypeId || DEFAULT_OPTIONS.mapTypeId });
-    }
-    /** Asserts that the map has been initialized. */
-    _assertInitialized() {
-        if (!this.googleMap && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-            throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                'Please wait for the API to load before trying to interact with it.');
-        }
-    }
-}
-GoogleMap.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: GoogleMap, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
-GoogleMap.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0-next.7", type: GoogleMap, selector: "google-map", inputs: { height: "height", width: "width", mapTypeId: "mapTypeId", center: "center", zoom: "zoom", options: "options" }, outputs: { mapInitialized: "mapInitialized", authFailure: "authFailure", boundsChanged: "boundsChanged", centerChanged: "centerChanged", mapClick: "mapClick", mapDblclick: "mapDblclick", mapDrag: "mapDrag", mapDragend: "mapDragend", mapDragstart: "mapDragstart", headingChanged: "headingChanged", idle: "idle", maptypeidChanged: "maptypeidChanged", mapMousemove: "mapMousemove", mapMouseout: "mapMouseout", mapMouseover: "mapMouseover", projectionChanged: "projectionChanged", mapRightclick: "mapRightclick", tilesloaded: "tilesloaded", tiltChanged: "tiltChanged", zoomChanged: "zoomChanged" }, exportAs: ["googleMap"], usesOnChanges: true, ngImport: i0, template: '<div class="map-container"></div><ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: GoogleMap, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'google-map',
-                    exportAs: 'googleMap',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<div class="map-container"></div><ng-content></ng-content>',
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: Object, decorators: [{
-                        type: Inject,
-                        args: [PLATFORM_ID]
-                    }] }];
-    }, propDecorators: { height: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], mapTypeId: [{
-                type: Input
-            }], center: [{
-                type: Input
-            }], zoom: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], mapInitialized: [{
-                type: Output
-            }], authFailure: [{
-                type: Output
-            }], boundsChanged: [{
-                type: Output
-            }], centerChanged: [{
-                type: Output
-            }], mapClick: [{
-                type: Output
-            }], mapDblclick: [{
-                type: Output
-            }], mapDrag: [{
-                type: Output
-            }], mapDragend: [{
-                type: Output
-            }], mapDragstart: [{
-                type: Output
-            }], headingChanged: [{
-                type: Output
-            }], idle: [{
-                type: Output
-            }], maptypeidChanged: [{
-                type: Output
-            }], mapMousemove: [{
-                type: Output
-            }], mapMouseout: [{
-                type: Output
-            }], mapMouseover: [{
-                type: Output
-            }], projectionChanged: [{
-                type: Output
-            }], mapRightclick: [{
-                type: Output
-            }], tilesloaded: [{
-                type: Output
-            }], tiltChanged: [{
-                type: Output
-            }], zoomChanged: [{
-                type: Output
-            }] } });
-const cssUnitsPattern = /([A-Za-z%]+)$/;
-/** Coerces a value to a CSS pixel value. */
-function coerceCssPixelValue(value) {
-    if (value == null) {
-        return '';
-    }
-    return cssUnitsPattern.test(value) ? value : `${value}px`;
-}
-
-/// <reference types="google.maps" />
-class MapBaseLayer {
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._ngZone.runOutsideAngular(() => {
-                this._initializeObject();
-            });
-            this._assertInitialized();
-            this._setMap();
-        }
-    }
-    ngOnDestroy() {
-        this._unsetMap();
-    }
-    _assertInitialized() {
-        if (!this._map.googleMap) {
-            throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                'Please wait for the API to load before trying to interact with it.');
-        }
-    }
-    _initializeObject() { }
-    _setMap() { }
-    _unsetMap() { }
-}
-MapBaseLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapBaseLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapBaseLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapBaseLayer, selector: "map-base-layer", exportAs: ["mapBaseLayer"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapBaseLayer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-base-layer',
-                    exportAs: 'mapBaseLayer',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Bicycling Layer via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/map#BicyclingLayer
- */
-class MapBicyclingLayer extends MapBaseLayer {
-    _initializeObject() {
-        this.bicyclingLayer = new google.maps.BicyclingLayer();
-    }
-    _setMap() {
-        this._assertLayerInitialized();
-        this.bicyclingLayer.setMap(this._map.googleMap);
-    }
-    _unsetMap() {
-        if (this.bicyclingLayer) {
-            this.bicyclingLayer.setMap(null);
-        }
-    }
-    _assertLayerInitialized() {
-        if (!this.bicyclingLayer) {
-            throw Error('Cannot interact with a Google Map Bicycling Layer before it has been initialized. ' +
-                'Please wait for the Transit Layer to load before trying to interact with it.');
-        }
-    }
-}
-MapBicyclingLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapBicyclingLayer, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MapBicyclingLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapBicyclingLayer, selector: "map-bicycling-layer", exportAs: ["mapBicyclingLayer"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapBicyclingLayer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-bicycling-layer',
-                    exportAs: 'mapBicyclingLayer',
-                }]
-        }] });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Circle via the Google Maps JavaScript API.
- * @see developers.google.com/maps/documentation/javascript/reference/polygon#Circle
- */
-class MapCircle {
-    set options(options) {
-        this._options.next(options || {});
-    }
-    set center(center) {
-        this._center.next(center);
-    }
-    set radius(radius) {
-        this._radius.next(radius);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._options = new BehaviorSubject({});
-        this._center = new BehaviorSubject(undefined);
-        this._radius = new BehaviorSubject(undefined);
-        this._destroyed = new Subject();
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.center_changed
-         */
-        this.centerChanged = this._eventManager.getLazyEmitter('center_changed');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.click
-         */
-        this.circleClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.dblclick
-         */
-        this.circleDblclick = this._eventManager.getLazyEmitter('dblclick');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.drag
-         */
-        this.circleDrag = this._eventManager.getLazyEmitter('drag');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.dragend
-         */
-        this.circleDragend = this._eventManager.getLazyEmitter('dragend');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.dragstart
-         */
-        this.circleDragstart = this._eventManager.getLazyEmitter('dragstart');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.mousedown
-         */
-        this.circleMousedown = this._eventManager.getLazyEmitter('mousedown');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.mousemove
-         */
-        this.circleMousemove = this._eventManager.getLazyEmitter('mousemove');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.mouseout
-         */
-        this.circleMouseout = this._eventManager.getLazyEmitter('mouseout');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.mouseover
-         */
-        this.circleMouseover = this._eventManager.getLazyEmitter('mouseover');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.mouseup
-         */
-        this.circleMouseup = this._eventManager.getLazyEmitter('mouseup');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.radius_changed
-         */
-        this.radiusChanged = this._eventManager.getLazyEmitter('radius_changed');
-        /**
-         * @see
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.rightclick
-         */
-        this.circleRightclick = this._eventManager.getLazyEmitter('rightclick');
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._combineOptions()
-                .pipe(take(1))
-                .subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                this._ngZone.runOutsideAngular(() => {
-                    this.circle = new google.maps.Circle(options);
-                });
-                this._assertInitialized();
-                this.circle.setMap(this._map.googleMap);
-                this._eventManager.setTarget(this.circle);
-            });
-            this._watchForOptionsChanges();
-            this._watchForCenterChanges();
-            this._watchForRadiusChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.circle) {
-            this.circle.setMap(null);
-        }
-    }
-    /**
-     * @see
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.getBounds
-     */
-    getBounds() {
-        this._assertInitialized();
-        return this.circle.getBounds();
-    }
-    /**
-     * @see
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.getCenter
-     */
-    getCenter() {
-        this._assertInitialized();
-        return this.circle.getCenter();
-    }
-    /**
-     * @see
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.getDraggable
-     */
-    getDraggable() {
-        this._assertInitialized();
-        return this.circle.getDraggable();
-    }
-    /**
-     * @see
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.getEditable
-     */
-    getEditable() {
-        this._assertInitialized();
-        return this.circle.getEditable();
-    }
-    /**
-     * @see
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.getRadius
-     */
-    getRadius() {
-        this._assertInitialized();
-        return this.circle.getRadius();
-    }
-    /**
-     * @see
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Circle.getVisible
-     */
-    getVisible() {
-        this._assertInitialized();
-        return this.circle.getVisible();
-    }
-    _combineOptions() {
-        return combineLatest([this._options, this._center, this._radius]).pipe(map(([options, center, radius]) => {
-            const combinedOptions = Object.assign(Object.assign({}, options), { center: center || options.center, radius: radius !== undefined ? radius : options.radius });
-            return combinedOptions;
-        }));
-    }
-    _watchForOptionsChanges() {
-        this._options.pipe(takeUntil(this._destroyed)).subscribe(options => {
-            this._assertInitialized();
-            this.circle.setOptions(options);
-        });
-    }
-    _watchForCenterChanges() {
-        this._center.pipe(takeUntil(this._destroyed)).subscribe(center => {
-            if (center) {
-                this._assertInitialized();
-                this.circle.setCenter(center);
-            }
-        });
-    }
-    _watchForRadiusChanges() {
-        this._radius.pipe(takeUntil(this._destroyed)).subscribe(radius => {
-            if (radius !== undefined) {
-                this._assertInitialized();
-                this.circle.setRadius(radius);
-            }
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._map.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.circle) {
-                throw Error('Cannot interact with a Google Map Circle before it has been ' +
-                    'initialized. Please wait for the Circle to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapCircle, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapCircle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapCircle, selector: "map-circle", inputs: { options: "options", center: "center", radius: "radius" }, outputs: { centerChanged: "centerChanged", circleClick: "circleClick", circleDblclick: "circleDblclick", circleDrag: "circleDrag", circleDragend: "circleDragend", circleDragstart: "circleDragstart", circleMousedown: "circleMousedown", circleMousemove: "circleMousemove", circleMouseout: "circleMouseout", circleMouseover: "circleMouseover", circleMouseup: "circleMouseup", radiusChanged: "radiusChanged", circleRightclick: "circleRightclick" }, exportAs: ["mapCircle"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapCircle, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-circle',
-                    exportAs: 'mapCircle',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
-                type: Input
-            }], center: [{
-                type: Input
-            }], radius: [{
-                type: Input
-            }], centerChanged: [{
-                type: Output
-            }], circleClick: [{
-                type: Output
-            }], circleDblclick: [{
-                type: Output
-            }], circleDrag: [{
-                type: Output
-            }], circleDragend: [{
-                type: Output
-            }], circleDragstart: [{
-                type: Output
-            }], circleMousedown: [{
-                type: Output
-            }], circleMousemove: [{
-                type: Output
-            }], circleMouseout: [{
-                type: Output
-            }], circleMouseover: [{
-                type: Output
-            }], circleMouseup: [{
-                type: Output
-            }], radiusChanged: [{
-                type: Output
-            }], circleRightclick: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Directions Renderer via the Google Maps
- * JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/directions#DirectionsRenderer
- */
-class MapDirectionsRenderer {
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/directions
-     * #DirectionsRendererOptions.directions
-     */
-    set directions(directions) {
-        this._directions = directions;
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/directions
-     * #DirectionsRendererOptions
-     */
-    set options(options) {
-        this._options = options;
-    }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/directions
-         * #DirectionsRenderer.directions_changed
-         */
-        this.directionsChanged = this._eventManager.getLazyEmitter('directions_changed');
-    }
-    ngOnInit() {
-        if (this._googleMap._isBrowser) {
-            // Create the object outside the zone so its events don't trigger change detection.
-            // We'll bring it back in inside the `MapEventManager` only for the events that the
-            // user has subscribed to.
-            this._ngZone.runOutsideAngular(() => {
-                this.directionsRenderer = new google.maps.DirectionsRenderer(this._combineOptions());
-            });
-            this._assertInitialized();
-            this.directionsRenderer.setMap(this._googleMap.googleMap);
-            this._eventManager.setTarget(this.directionsRenderer);
-        }
-    }
-    ngOnChanges(changes) {
-        if (this.directionsRenderer) {
-            if (changes['options']) {
-                this.directionsRenderer.setOptions(this._combineOptions());
-            }
-            if (changes['directions'] && this._directions !== undefined) {
-                this.directionsRenderer.setDirections(this._directions);
-            }
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        if (this.directionsRenderer) {
-            this.directionsRenderer.setMap(null);
-        }
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/directions
-     * #DirectionsRenderer.getDirections
-     */
-    getDirections() {
-        this._assertInitialized();
-        return this.directionsRenderer.getDirections();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/directions
-     * #DirectionsRenderer.getPanel
-     */
-    getPanel() {
-        this._assertInitialized();
-        return this.directionsRenderer.getPanel();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/directions
-     * #DirectionsRenderer.getRouteIndex
-     */
-    getRouteIndex() {
-        this._assertInitialized();
-        return this.directionsRenderer.getRouteIndex();
-    }
-    _combineOptions() {
-        const options = this._options || {};
-        return Object.assign(Object.assign({}, options), { directions: this._directions || options.directions, map: this._googleMap.googleMap });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._googleMap.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.directionsRenderer) {
-                throw Error('Cannot interact with a Google Map Directions Renderer before it has been ' +
-                    'initialized. Please wait for the Directions Renderer to load before trying ' +
-                    'to interact with it.');
-            }
-        }
-    }
-}
-MapDirectionsRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapDirectionsRenderer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapDirectionsRenderer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapDirectionsRenderer, selector: "map-directions-renderer", inputs: { directions: "directions", options: "options" }, outputs: { directionsChanged: "directionsChanged" }, exportAs: ["mapDirectionsRenderer"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapDirectionsRenderer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-directions-renderer',
-                    exportAs: 'mapDirectionsRenderer',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { directions: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], directionsChanged: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Ground Overlay via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/image-overlay#GroundOverlay
- */
-class MapGroundOverlay {
-    /** URL of the image that will be shown in the overlay. */
-    set url(url) {
-        this._url.next(url);
-    }
-    /** Bounds for the overlay. */
-    get bounds() {
-        return this._bounds.value;
-    }
-    set bounds(bounds) {
-        this._bounds.next(bounds);
-    }
-    /** Opacity of the overlay. */
-    set opacity(opacity) {
-        this._opacity.next(opacity);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._opacity = new BehaviorSubject(1);
-        this._url = new BehaviorSubject('');
-        this._bounds = new BehaviorSubject(undefined);
-        this._destroyed = new Subject();
-        /** Whether the overlay is clickable */
-        this.clickable = false;
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/image-overlay#GroundOverlay.click
-         */
-        this.mapClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/image-overlay
-         * #GroundOverlay.dblclick
-         */
-        this.mapDblclick = this._eventManager.getLazyEmitter('dblclick');
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            // The ground overlay setup is slightly different from the other Google Maps objects in that
-            // we have to recreate the `GroundOverlay` object whenever the bounds change, because
-            // Google Maps doesn't provide an API to update the bounds of an existing overlay.
-            this._bounds.pipe(takeUntil(this._destroyed)).subscribe(bounds => {
-                if (this.groundOverlay) {
-                    this.groundOverlay.setMap(null);
-                    this.groundOverlay = undefined;
-                }
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                if (bounds) {
-                    this._ngZone.runOutsideAngular(() => {
-                        this.groundOverlay = new google.maps.GroundOverlay(this._url.getValue(), bounds, {
-                            clickable: this.clickable,
-                            opacity: this._opacity.value,
-                        });
-                    });
-                    this._assertInitialized();
-                    this.groundOverlay.setMap(this._map.googleMap);
-                    this._eventManager.setTarget(this.groundOverlay);
-                }
-            });
-            this._watchForOpacityChanges();
-            this._watchForUrlChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.groundOverlay) {
-            this.groundOverlay.setMap(null);
-        }
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/image-overlay
-     * #GroundOverlay.getBounds
-     */
-    getBounds() {
-        this._assertInitialized();
-        return this.groundOverlay.getBounds();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/image-overlay
-     * #GroundOverlay.getOpacity
-     */
-    getOpacity() {
-        this._assertInitialized();
-        return this.groundOverlay.getOpacity();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/image-overlay
-     * #GroundOverlay.getUrl
-     */
-    getUrl() {
-        this._assertInitialized();
-        return this.groundOverlay.getUrl();
-    }
-    _watchForOpacityChanges() {
-        this._opacity.pipe(takeUntil(this._destroyed)).subscribe(opacity => {
-            if (opacity != null) {
-                this._assertInitialized();
-                this.groundOverlay.setOpacity(opacity);
-            }
-        });
-    }
-    _watchForUrlChanges() {
-        this._url.pipe(takeUntil(this._destroyed)).subscribe(url => {
-            this._assertInitialized();
-            const overlay = this.groundOverlay;
-            overlay.set('url', url);
-            // Google Maps only redraws the overlay if we re-set the map.
-            overlay.setMap(null);
-            overlay.setMap(this._map.googleMap);
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._map.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.groundOverlay) {
-                throw Error('Cannot interact with a Google Map GroundOverlay before it has been initialized. ' +
-                    'Please wait for the GroundOverlay to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapGroundOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapGroundOverlay, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapGroundOverlay.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapGroundOverlay, selector: "map-ground-overlay", inputs: { url: "url", bounds: "bounds", clickable: "clickable", opacity: "opacity" }, outputs: { mapClick: "mapClick", mapDblclick: "mapDblclick" }, exportAs: ["mapGroundOverlay"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapGroundOverlay, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-ground-overlay',
-                    exportAs: 'mapGroundOverlay',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { url: [{
-                type: Input
-            }], bounds: [{
-                type: Input
-            }], clickable: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], mapClick: [{
-                type: Output
-            }], mapDblclick: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps info window via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/info-window
- */
-class MapInfoWindow {
-    set options(options) {
-        this._options.next(options || {});
-    }
-    set position(position) {
-        this._position.next(position);
-    }
-    constructor(_googleMap, _elementRef, _ngZone) {
-        this._googleMap = _googleMap;
-        this._elementRef = _elementRef;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._options = new BehaviorSubject({});
-        this._position = new BehaviorSubject(undefined);
-        this._destroy = new Subject();
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindow.closeclick
-         */
-        this.closeclick = this._eventManager.getLazyEmitter('closeclick');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/info-window
-         * #InfoWindow.content_changed
-         */
-        this.contentChanged = this._eventManager.getLazyEmitter('content_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindow.domready
-         */
-        this.domready = this._eventManager.getLazyEmitter('domready');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/info-window
-         * #InfoWindow.position_changed
-         */
-        this.positionChanged = this._eventManager.getLazyEmitter('position_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/info-window
-         * #InfoWindow.zindex_changed
-         */
-        this.zindexChanged = this._eventManager.getLazyEmitter('zindex_changed');
-    }
-    ngOnInit() {
-        if (this._googleMap._isBrowser) {
-            const combinedOptionsChanges = this._combineOptions();
-            combinedOptionsChanges.pipe(take(1)).subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                this._ngZone.runOutsideAngular(() => {
-                    this.infoWindow = new google.maps.InfoWindow(options);
-                });
-                this._eventManager.setTarget(this.infoWindow);
-            });
-            this._watchForOptionsChanges();
-            this._watchForPositionChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroy.next();
-        this._destroy.complete();
-        // If no info window has been created on the server, we do not try closing it.
-        // On the server, an info window cannot be created and this would cause errors.
-        if (this.infoWindow) {
-            this.close();
-        }
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindow.close
-     */
-    close() {
-        this._assertInitialized();
-        this.infoWindow.close();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindow.getContent
-     */
-    getContent() {
-        this._assertInitialized();
-        return this.infoWindow.getContent() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/info-window
-     * #InfoWindow.getPosition
-     */
-    getPosition() {
-        this._assertInitialized();
-        return this.infoWindow.getPosition() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindow.getZIndex
-     */
-    getZIndex() {
-        this._assertInitialized();
-        return this.infoWindow.getZIndex();
-    }
-    /**
-     * Opens the MapInfoWindow using the provided anchor. If the anchor is not set,
-     * then the position property of the options input is used instead.
-     */
-    open(anchor, shouldFocus) {
-        this._assertInitialized();
-        const anchorObject = anchor ? anchor.getAnchor() : undefined;
-        // Prevent the info window from initializing when trying to reopen on the same anchor.
-        // Note that when the window is opened for the first time, the anchor will always be
-        // undefined. If that's the case, we have to allow it to open in order to handle the
-        // case where the window doesn't have an anchor, but is placed at a particular position.
-        if (this.infoWindow.get('anchor') !== anchorObject || !anchorObject) {
-            this._elementRef.nativeElement.style.display = '';
-            // The config is cast to `any`, because the internal typings are out of date.
-            this.infoWindow.open({
-                map: this._googleMap.googleMap,
-                anchor: anchorObject,
-                shouldFocus,
-            });
-        }
-    }
-    _combineOptions() {
-        return combineLatest([this._options, this._position]).pipe(map(([options, position]) => {
-            const combinedOptions = Object.assign(Object.assign({}, options), { position: position || options.position, content: this._elementRef.nativeElement });
-            return combinedOptions;
-        }));
-    }
-    _watchForOptionsChanges() {
-        this._options.pipe(takeUntil(this._destroy)).subscribe(options => {
-            this._assertInitialized();
-            this.infoWindow.setOptions(options);
-        });
-    }
-    _watchForPositionChanges() {
-        this._position.pipe(takeUntil(this._destroy)).subscribe(position => {
-            if (position) {
-                this._assertInitialized();
-                this.infoWindow.setPosition(position);
-            }
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._googleMap.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.infoWindow) {
-                throw Error('Cannot interact with a Google Map Info Window before it has been ' +
-                    'initialized. Please wait for the Info Window to load before trying to interact with ' +
-                    'it.');
-            }
-        }
-    }
-}
-MapInfoWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapInfoWindow, deps: [{ token: GoogleMap }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapInfoWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapInfoWindow, selector: "map-info-window", inputs: { options: "options", position: "position" }, outputs: { closeclick: "closeclick", contentChanged: "contentChanged", domready: "domready", positionChanged: "positionChanged", zindexChanged: "zindexChanged" }, host: { styleAttribute: "display: none" }, exportAs: ["mapInfoWindow"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapInfoWindow, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-info-window',
-                    exportAs: 'mapInfoWindow',
-                    host: { 'style': 'display: none' },
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { options: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], closeclick: [{
-                type: Output
-            }], contentChanged: [{
-                type: Output
-            }], domready: [{
-                type: Output
-            }], positionChanged: [{
-                type: Output
-            }], zindexChanged: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps KML Layer via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer
- */
-class MapKmlLayer {
-    set options(options) {
-        this._options.next(options || {});
-    }
-    set url(url) {
-        this._url.next(url);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._options = new BehaviorSubject({});
-        this._url = new BehaviorSubject('');
-        this._destroyed = new Subject();
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.click
-         */
-        this.kmlClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/kml
-         * #KmlLayer.defaultviewport_changed
-         */
-        this.defaultviewportChanged = this._eventManager.getLazyEmitter('defaultviewport_changed');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.status_changed
-         */
-        this.statusChanged = this._eventManager.getLazyEmitter('status_changed');
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._combineOptions()
-                .pipe(take(1))
-                .subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                this._ngZone.runOutsideAngular(() => (this.kmlLayer = new google.maps.KmlLayer(options)));
-                this._assertInitialized();
-                this.kmlLayer.setMap(this._map.googleMap);
-                this._eventManager.setTarget(this.kmlLayer);
-            });
-            this._watchForOptionsChanges();
-            this._watchForUrlChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.kmlLayer) {
-            this.kmlLayer.setMap(null);
-        }
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.getDefaultViewport
-     */
-    getDefaultViewport() {
-        this._assertInitialized();
-        return this.kmlLayer.getDefaultViewport();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.getMetadata
-     */
-    getMetadata() {
-        this._assertInitialized();
-        return this.kmlLayer.getMetadata();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.getStatus
-     */
-    getStatus() {
-        this._assertInitialized();
-        return this.kmlLayer.getStatus();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.getUrl
-     */
-    getUrl() {
-        this._assertInitialized();
-        return this.kmlLayer.getUrl();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/kml#KmlLayer.getZIndex
-     */
-    getZIndex() {
-        this._assertInitialized();
-        return this.kmlLayer.getZIndex();
-    }
-    _combineOptions() {
-        return combineLatest([this._options, this._url]).pipe(map(([options, url]) => {
-            const combinedOptions = Object.assign(Object.assign({}, options), { url: url || options.url });
-            return combinedOptions;
-        }));
-    }
-    _watchForOptionsChanges() {
-        this._options.pipe(takeUntil(this._destroyed)).subscribe(options => {
-            if (this.kmlLayer) {
-                this._assertInitialized();
-                this.kmlLayer.setOptions(options);
-            }
-        });
-    }
-    _watchForUrlChanges() {
-        this._url.pipe(takeUntil(this._destroyed)).subscribe(url => {
-            if (url && this.kmlLayer) {
-                this._assertInitialized();
-                this.kmlLayer.setUrl(url);
-            }
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._map.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.kmlLayer) {
-                throw Error('Cannot interact with a Google Map KmlLayer before it has been ' +
-                    'initialized. Please wait for the KmlLayer to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapKmlLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapKmlLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapKmlLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapKmlLayer, selector: "map-kml-layer", inputs: { options: "options", url: "url" }, outputs: { kmlClick: "kmlClick", defaultviewportChanged: "defaultviewportChanged", statusChanged: "statusChanged" }, exportAs: ["mapKmlLayer"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapKmlLayer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-kml-layer',
-                    exportAs: 'mapKmlLayer',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
-                type: Input
-            }], url: [{
-                type: Input
-            }], kmlClick: [{
-                type: Output
-            }], defaultviewportChanged: [{
-                type: Output
-            }], statusChanged: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Default options for the Google Maps marker component. Displays a marker
- * at the Googleplex.
- */
-const DEFAULT_MARKER_OPTIONS = {
-    position: { lat: 37.421995, lng: -122.084092 },
-};
-/**
- * Angular component that renders a Google Maps marker via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/marker
- */
-class MapMarker {
-    /**
-     * Title of the marker.
-     * See: developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.title
-     */
-    set title(title) {
-        this._title = title;
-    }
-    /**
-     * Position of the marker. See:
-     * developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.position
-     */
-    set position(position) {
-        this._position = position;
-    }
-    /**
-     * Label for the marker.
-     * See: developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.label
-     */
-    set label(label) {
-        this._label = label;
-    }
-    /**
-     * Whether the marker is clickable. See:
-     * developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.clickable
-     */
-    set clickable(clickable) {
-        this._clickable = clickable;
-    }
-    /**
-     * Options used to configure the marker.
-     * See: developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions
-     */
-    set options(options) {
-        this._options = options;
-    }
-    /**
-     * Icon to be used for the marker.
-     * See: https://developers.google.com/maps/documentation/javascript/reference/marker#Icon
-     */
-    set icon(icon) {
-        this._icon = icon;
-    }
-    /**
-     * Whether the marker is visible.
-     * See: developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions.visible
-     */
-    set visible(value) {
-        this._visible = value;
-    }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.animation_changed
-         */
-        this.animationChanged = this._eventManager.getLazyEmitter('animation_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.click
-         */
-        this.mapClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.clickable_changed
-         */
-        this.clickableChanged = this._eventManager.getLazyEmitter('clickable_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.cursor_changed
-         */
-        this.cursorChanged = this._eventManager.getLazyEmitter('cursor_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.dblclick
-         */
-        this.mapDblclick = this._eventManager.getLazyEmitter('dblclick');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.drag
-         */
-        this.mapDrag = this._eventManager.getLazyEmitter('drag');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.dragend
-         */
-        this.mapDragend = this._eventManager.getLazyEmitter('dragend');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.draggable_changed
-         */
-        this.draggableChanged = this._eventManager.getLazyEmitter('draggable_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.dragstart
-         */
-        this.mapDragstart = this._eventManager.getLazyEmitter('dragstart');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.flat_changed
-         */
-        this.flatChanged = this._eventManager.getLazyEmitter('flat_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.icon_changed
-         */
-        this.iconChanged = this._eventManager.getLazyEmitter('icon_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.mousedown
-         */
-        this.mapMousedown = this._eventManager.getLazyEmitter('mousedown');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.mouseout
-         */
-        this.mapMouseout = this._eventManager.getLazyEmitter('mouseout');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.mouseover
-         */
-        this.mapMouseover = this._eventManager.getLazyEmitter('mouseover');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.mouseup
-         */
-        this.mapMouseup = this._eventManager.getLazyEmitter('mouseup');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.position_changed
-         */
-        this.positionChanged = this._eventManager.getLazyEmitter('position_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.rightclick
-         */
-        this.mapRightclick = this._eventManager.getLazyEmitter('rightclick');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.shape_changed
-         */
-        this.shapeChanged = this._eventManager.getLazyEmitter('shape_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.title_changed
-         */
-        this.titleChanged = this._eventManager.getLazyEmitter('title_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.visible_changed
-         */
-        this.visibleChanged = this._eventManager.getLazyEmitter('visible_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/marker#Marker.zindex_changed
-         */
-        this.zindexChanged = this._eventManager.getLazyEmitter('zindex_changed');
-    }
-    ngOnInit() {
-        if (this._googleMap._isBrowser) {
-            // Create the object outside the zone so its events don't trigger change detection.
-            // We'll bring it back in inside the `MapEventManager` only for the events that the
-            // user has subscribed to.
-            this._ngZone.runOutsideAngular(() => {
-                this.marker = new google.maps.Marker(this._combineOptions());
-            });
-            this._assertInitialized();
-            this.marker.setMap(this._googleMap.googleMap);
-            this._eventManager.setTarget(this.marker);
-        }
-    }
-    ngOnChanges(changes) {
-        const { marker, _title, _position, _label, _clickable, _icon, _visible } = this;
-        if (marker) {
-            if (changes['options']) {
-                marker.setOptions(this._combineOptions());
-            }
-            if (changes['title'] && _title !== undefined) {
-                marker.setTitle(_title);
-            }
-            if (changes['position'] && _position) {
-                marker.setPosition(_position);
-            }
-            if (changes['label'] && _label !== undefined) {
-                marker.setLabel(_label);
-            }
-            if (changes['clickable'] && _clickable !== undefined) {
-                marker.setClickable(_clickable);
-            }
-            if (changes['icon'] && _icon) {
-                marker.setIcon(_icon);
-            }
-            if (changes['visible'] && _visible !== undefined) {
-                marker.setVisible(_visible);
-            }
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        if (this.marker) {
-            this.marker.setMap(null);
-        }
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getAnimation
-     */
-    getAnimation() {
-        this._assertInitialized();
-        return this.marker.getAnimation() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getClickable
-     */
-    getClickable() {
-        this._assertInitialized();
-        return this.marker.getClickable();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getCursor
-     */
-    getCursor() {
-        this._assertInitialized();
-        return this.marker.getCursor() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getDraggable
-     */
-    getDraggable() {
-        this._assertInitialized();
-        return !!this.marker.getDraggable();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getIcon
-     */
-    getIcon() {
-        this._assertInitialized();
-        return this.marker.getIcon() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getLabel
-     */
-    getLabel() {
-        this._assertInitialized();
-        return this.marker.getLabel() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getOpacity
-     */
-    getOpacity() {
-        this._assertInitialized();
-        return this.marker.getOpacity() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getPosition
-     */
-    getPosition() {
-        this._assertInitialized();
-        return this.marker.getPosition() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getShape
-     */
-    getShape() {
-        this._assertInitialized();
-        return this.marker.getShape() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getTitle
-     */
-    getTitle() {
-        this._assertInitialized();
-        return this.marker.getTitle() || null;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getVisible
-     */
-    getVisible() {
-        this._assertInitialized();
-        return this.marker.getVisible();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/marker#Marker.getZIndex
-     */
-    getZIndex() {
-        this._assertInitialized();
-        return this.marker.getZIndex() || null;
-    }
-    /** Gets the anchor point that can be used to attach other Google Maps objects. */
-    getAnchor() {
-        this._assertInitialized();
-        return this.marker;
-    }
-    /** Creates a combined options object using the passed-in options and the individual inputs. */
-    _combineOptions() {
-        var _a, _b;
-        const options = this._options || DEFAULT_MARKER_OPTIONS;
-        return Object.assign(Object.assign({}, options), { title: this._title || options.title, position: this._position || options.position, label: this._label || options.label, clickable: (_a = this._clickable) !== null && _a !== void 0 ? _a : options.clickable, map: this._googleMap.googleMap, icon: this._icon || options.icon, visible: (_b = this._visible) !== null && _b !== void 0 ? _b : options.visible });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._googleMap.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.marker) {
-                throw Error('Cannot interact with a Google Map Marker before it has been ' +
-                    'initialized. Please wait for the Marker to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapMarker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapMarker, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapMarker.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapMarker, selector: "map-marker", inputs: { title: "title", position: "position", label: "label", clickable: "clickable", options: "options", icon: "icon", visible: "visible" }, outputs: { animationChanged: "animationChanged", mapClick: "mapClick", clickableChanged: "clickableChanged", cursorChanged: "cursorChanged", mapDblclick: "mapDblclick", mapDrag: "mapDrag", mapDragend: "mapDragend", draggableChanged: "draggableChanged", mapDragstart: "mapDragstart", flatChanged: "flatChanged", iconChanged: "iconChanged", mapMousedown: "mapMousedown", mapMouseout: "mapMouseout", mapMouseover: "mapMouseover", mapMouseup: "mapMouseup", positionChanged: "positionChanged", mapRightclick: "mapRightclick", shapeChanged: "shapeChanged", titleChanged: "titleChanged", visibleChanged: "visibleChanged", zindexChanged: "zindexChanged" }, exportAs: ["mapMarker"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapMarker, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-marker',
-                    exportAs: 'mapMarker',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { title: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], clickable: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], visible: [{
-                type: Input
-            }], animationChanged: [{
-                type: Output
-            }], mapClick: [{
-                type: Output
-            }], clickableChanged: [{
-                type: Output
-            }], cursorChanged: [{
-                type: Output
-            }], mapDblclick: [{
-                type: Output
-            }], mapDrag: [{
-                type: Output
-            }], mapDragend: [{
-                type: Output
-            }], draggableChanged: [{
-                type: Output
-            }], mapDragstart: [{
-                type: Output
-            }], flatChanged: [{
-                type: Output
-            }], iconChanged: [{
-                type: Output
-            }], mapMousedown: [{
-                type: Output
-            }], mapMouseout: [{
-                type: Output
-            }], mapMouseover: [{
-                type: Output
-            }], mapMouseup: [{
-                type: Output
-            }], positionChanged: [{
-                type: Output
-            }], mapRightclick: [{
-                type: Output
-            }], shapeChanged: [{
-                type: Output
-            }], titleChanged: [{
-                type: Output
-            }], visibleChanged: [{
-                type: Output
-            }], zindexChanged: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/** Default options for a clusterer. */
-const DEFAULT_CLUSTERER_OPTIONS = {};
-/**
- * Angular component for implementing a Google Maps Marker Clusterer.
- *
- * See https://developers.google.com/maps/documentation/javascript/marker-clustering
- */
-class MapMarkerClusterer {
-    set averageCenter(averageCenter) {
-        this._averageCenter = averageCenter;
-    }
-    set batchSizeIE(batchSizeIE) {
-        this._batchSizeIE = batchSizeIE;
-    }
-    set calculator(calculator) {
-        this._calculator = calculator;
-    }
-    set clusterClass(clusterClass) {
-        this._clusterClass = clusterClass;
-    }
-    set enableRetinaIcons(enableRetinaIcons) {
-        this._enableRetinaIcons = enableRetinaIcons;
-    }
-    set gridSize(gridSize) {
-        this._gridSize = gridSize;
-    }
-    set ignoreHidden(ignoreHidden) {
-        this._ignoreHidden = ignoreHidden;
-    }
-    set imageExtension(imageExtension) {
-        this._imageExtension = imageExtension;
-    }
-    set imagePath(imagePath) {
-        this._imagePath = imagePath;
-    }
-    set imageSizes(imageSizes) {
-        this._imageSizes = imageSizes;
-    }
-    set maxZoom(maxZoom) {
-        this._maxZoom = maxZoom;
-    }
-    set minimumClusterSize(minimumClusterSize) {
-        this._minimumClusterSize = minimumClusterSize;
-    }
-    set styles(styles) {
-        this._styles = styles;
-    }
-    set title(title) {
-        this._title = title;
-    }
-    set zIndex(zIndex) {
-        this._zIndex = zIndex;
-    }
-    set zoomOnClick(zoomOnClick) {
-        this._zoomOnClick = zoomOnClick;
-    }
-    set options(options) {
-        this._options = options;
-    }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
-        this._currentMarkers = new Set();
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._destroy = new Subject();
-        this.ariaLabelFn = () => '';
-        /**
-         * See
-         * googlemaps.github.io/v3-utility-library/modules/
-         * _google_markerclustererplus.html#clusteringbegin
-         */
-        this.clusteringbegin = this._eventManager.getLazyEmitter('clusteringbegin');
-        /**
-         * See
-         * googlemaps.github.io/v3-utility-library/modules/_google_markerclustererplus.html#clusteringend
-         */
-        this.clusteringend = this._eventManager.getLazyEmitter('clusteringend');
-        /** Emits when a cluster has been clicked. */
-        this.clusterClick = this._eventManager.getLazyEmitter('click');
-        this._canInitialize = this._googleMap._isBrowser;
-    }
-    ngOnInit() {
-        if (this._canInitialize) {
-            if (typeof MarkerClusterer !== 'function' &&
-                (typeof ngDevMode === 'undefined' || ngDevMode)) {
-                throw Error('MarkerClusterer class not found, cannot construct a marker cluster. ' +
-                    'Please install the MarkerClustererPlus library: ' +
-                    'https://github.com/googlemaps/js-markerclustererplus');
-            }
-            // Create the object outside the zone so its events don't trigger change detection.
-            // We'll bring it back in inside the `MapEventManager` only for the events that the
-            // user has subscribed to.
-            this._ngZone.runOutsideAngular(() => {
-                this.markerClusterer = new MarkerClusterer(this._googleMap.googleMap, [], this._combineOptions());
-            });
-            this._assertInitialized();
-            this._eventManager.setTarget(this.markerClusterer);
-        }
-    }
-    ngAfterContentInit() {
-        if (this._canInitialize) {
-            this._watchForMarkerChanges();
-        }
-    }
-    ngOnChanges(changes) {
-        const { markerClusterer: clusterer, ariaLabelFn, _averageCenter, _batchSizeIE, _calculator, _styles, _clusterClass, _enableRetinaIcons, _gridSize, _ignoreHidden, _imageExtension, _imagePath, _imageSizes, _maxZoom, _minimumClusterSize, _title, _zIndex, _zoomOnClick, } = this;
-        if (clusterer) {
-            if (changes['options']) {
-                clusterer.setOptions(this._combineOptions());
-            }
-            if (changes['ariaLabelFn']) {
-                clusterer.ariaLabelFn = ariaLabelFn;
-            }
-            if (changes['averageCenter'] && _averageCenter !== undefined) {
-                clusterer.setAverageCenter(_averageCenter);
-            }
-            if (changes['batchSizeIE'] && _batchSizeIE !== undefined) {
-                clusterer.setBatchSizeIE(_batchSizeIE);
-            }
-            if (changes['calculator'] && !!_calculator) {
-                clusterer.setCalculator(_calculator);
-            }
-            if (changes['clusterClass'] && _clusterClass !== undefined) {
-                clusterer.setClusterClass(_clusterClass);
-            }
-            if (changes['enableRetinaIcons'] && _enableRetinaIcons !== undefined) {
-                clusterer.setEnableRetinaIcons(_enableRetinaIcons);
-            }
-            if (changes['gridSize'] && _gridSize !== undefined) {
-                clusterer.setGridSize(_gridSize);
-            }
-            if (changes['ignoreHidden'] && _ignoreHidden !== undefined) {
-                clusterer.setIgnoreHidden(_ignoreHidden);
-            }
-            if (changes['imageExtension'] && _imageExtension !== undefined) {
-                clusterer.setImageExtension(_imageExtension);
-            }
-            if (changes['imagePath'] && _imagePath !== undefined) {
-                clusterer.setImagePath(_imagePath);
-            }
-            if (changes['imageSizes'] && _imageSizes) {
-                clusterer.setImageSizes(_imageSizes);
-            }
-            if (changes['maxZoom'] && _maxZoom !== undefined) {
-                clusterer.setMaxZoom(_maxZoom);
-            }
-            if (changes['minimumClusterSize'] && _minimumClusterSize !== undefined) {
-                clusterer.setMinimumClusterSize(_minimumClusterSize);
-            }
-            if (changes['styles'] && _styles) {
-                clusterer.setStyles(_styles);
-            }
-            if (changes['title'] && _title !== undefined) {
-                clusterer.setTitle(_title);
-            }
-            if (changes['zIndex'] && _zIndex !== undefined) {
-                clusterer.setZIndex(_zIndex);
-            }
-            if (changes['zoomOnClick'] && _zoomOnClick !== undefined) {
-                clusterer.setZoomOnClick(_zoomOnClick);
-            }
-        }
-    }
-    ngOnDestroy() {
-        this._destroy.next();
-        this._destroy.complete();
-        this._eventManager.destroy();
-        if (this.markerClusterer) {
-            this.markerClusterer.setMap(null);
-        }
-    }
-    fitMapToMarkers(padding) {
-        this._assertInitialized();
-        this.markerClusterer.fitMapToMarkers(padding);
-    }
-    getAverageCenter() {
-        this._assertInitialized();
-        return this.markerClusterer.getAverageCenter();
-    }
-    getBatchSizeIE() {
-        this._assertInitialized();
-        return this.markerClusterer.getBatchSizeIE();
-    }
-    getCalculator() {
-        this._assertInitialized();
-        return this.markerClusterer.getCalculator();
-    }
-    getClusterClass() {
-        this._assertInitialized();
-        return this.markerClusterer.getClusterClass();
-    }
-    getClusters() {
-        this._assertInitialized();
-        return this.markerClusterer.getClusters();
-    }
-    getEnableRetinaIcons() {
-        this._assertInitialized();
-        return this.markerClusterer.getEnableRetinaIcons();
-    }
-    getGridSize() {
-        this._assertInitialized();
-        return this.markerClusterer.getGridSize();
-    }
-    getIgnoreHidden() {
-        this._assertInitialized();
-        return this.markerClusterer.getIgnoreHidden();
-    }
-    getImageExtension() {
-        this._assertInitialized();
-        return this.markerClusterer.getImageExtension();
-    }
-    getImagePath() {
-        this._assertInitialized();
-        return this.markerClusterer.getImagePath();
-    }
-    getImageSizes() {
-        this._assertInitialized();
-        return this.markerClusterer.getImageSizes();
-    }
-    getMaxZoom() {
-        this._assertInitialized();
-        return this.markerClusterer.getMaxZoom();
-    }
-    getMinimumClusterSize() {
-        this._assertInitialized();
-        return this.markerClusterer.getMinimumClusterSize();
-    }
-    getStyles() {
-        this._assertInitialized();
-        return this.markerClusterer.getStyles();
-    }
-    getTitle() {
-        this._assertInitialized();
-        return this.markerClusterer.getTitle();
-    }
-    getTotalClusters() {
-        this._assertInitialized();
-        return this.markerClusterer.getTotalClusters();
-    }
-    getTotalMarkers() {
-        this._assertInitialized();
-        return this.markerClusterer.getTotalMarkers();
-    }
-    getZIndex() {
-        this._assertInitialized();
-        return this.markerClusterer.getZIndex();
-    }
-    getZoomOnClick() {
-        this._assertInitialized();
-        return this.markerClusterer.getZoomOnClick();
-    }
-    _combineOptions() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        const options = this._options || DEFAULT_CLUSTERER_OPTIONS;
-        return Object.assign(Object.assign({}, options), { ariaLabelFn: (_a = this.ariaLabelFn) !== null && _a !== void 0 ? _a : options.ariaLabelFn, averageCenter: (_b = this._averageCenter) !== null && _b !== void 0 ? _b : options.averageCenter, batchSize: (_c = this.batchSize) !== null && _c !== void 0 ? _c : options.batchSize, batchSizeIE: (_d = this._batchSizeIE) !== null && _d !== void 0 ? _d : options.batchSizeIE, calculator: (_e = this._calculator) !== null && _e !== void 0 ? _e : options.calculator, clusterClass: (_f = this._clusterClass) !== null && _f !== void 0 ? _f : options.clusterClass, enableRetinaIcons: (_g = this._enableRetinaIcons) !== null && _g !== void 0 ? _g : options.enableRetinaIcons, gridSize: (_h = this._gridSize) !== null && _h !== void 0 ? _h : options.gridSize, ignoreHidden: (_j = this._ignoreHidden) !== null && _j !== void 0 ? _j : options.ignoreHidden, imageExtension: (_k = this._imageExtension) !== null && _k !== void 0 ? _k : options.imageExtension, imagePath: (_l = this._imagePath) !== null && _l !== void 0 ? _l : options.imagePath, imageSizes: (_m = this._imageSizes) !== null && _m !== void 0 ? _m : options.imageSizes, maxZoom: (_o = this._maxZoom) !== null && _o !== void 0 ? _o : options.maxZoom, minimumClusterSize: (_p = this._minimumClusterSize) !== null && _p !== void 0 ? _p : options.minimumClusterSize, styles: (_q = this._styles) !== null && _q !== void 0 ? _q : options.styles, title: (_r = this._title) !== null && _r !== void 0 ? _r : options.title, zIndex: (_s = this._zIndex) !== null && _s !== void 0 ? _s : options.zIndex, zoomOnClick: (_t = this._zoomOnClick) !== null && _t !== void 0 ? _t : options.zoomOnClick });
-    }
-    _watchForMarkerChanges() {
-        this._assertInitialized();
-        const initialMarkers = [];
-        for (const marker of this._getInternalMarkers(this._markers.toArray())) {
-            this._currentMarkers.add(marker);
-            initialMarkers.push(marker);
-        }
-        this.markerClusterer.addMarkers(initialMarkers);
-        this._markers.changes
-            .pipe(takeUntil(this._destroy))
-            .subscribe((markerComponents) => {
-            this._assertInitialized();
-            const newMarkers = new Set(this._getInternalMarkers(markerComponents));
-            const markersToAdd = [];
-            const markersToRemove = [];
-            for (const marker of Array.from(newMarkers)) {
-                if (!this._currentMarkers.has(marker)) {
-                    this._currentMarkers.add(marker);
-                    markersToAdd.push(marker);
-                }
-            }
-            for (const marker of Array.from(this._currentMarkers)) {
-                if (!newMarkers.has(marker)) {
-                    markersToRemove.push(marker);
-                }
-            }
-            this.markerClusterer.addMarkers(markersToAdd, true);
-            this.markerClusterer.removeMarkers(markersToRemove, true);
-            this.markerClusterer.repaint();
-            for (const marker of markersToRemove) {
-                this._currentMarkers.delete(marker);
-            }
-        });
-    }
-    _getInternalMarkers(markers) {
-        return markers
-            .filter(markerComponent => !!markerComponent.marker)
-            .map(markerComponent => markerComponent.marker);
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._googleMap.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.markerClusterer) {
-                throw Error('Cannot interact with a MarkerClusterer before it has been initialized. ' +
-                    'Please wait for the MarkerClusterer to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapMarkerClusterer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapMarkerClusterer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-MapMarkerClusterer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapMarkerClusterer, selector: "map-marker-clusterer", inputs: { ariaLabelFn: "ariaLabelFn", averageCenter: "averageCenter", batchSize: "batchSize", batchSizeIE: "batchSizeIE", calculator: "calculator", clusterClass: "clusterClass", enableRetinaIcons: "enableRetinaIcons", gridSize: "gridSize", ignoreHidden: "ignoreHidden", imageExtension: "imageExtension", imagePath: "imagePath", imageSizes: "imageSizes", maxZoom: "maxZoom", minimumClusterSize: "minimumClusterSize", styles: "styles", title: "title", zIndex: "zIndex", zoomOnClick: "zoomOnClick", options: "options" }, outputs: { clusteringbegin: "clusteringbegin", clusteringend: "clusteringend", clusterClick: "clusterClick" }, queries: [{ propertyName: "_markers", predicate: MapMarker, descendants: true }], exportAs: ["mapMarkerClusterer"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapMarkerClusterer, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'map-marker-clusterer',
-                    exportAs: 'mapMarkerClusterer',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { ariaLabelFn: [{
-                type: Input
-            }], averageCenter: [{
-                type: Input
-            }], batchSize: [{
-                type: Input
-            }], batchSizeIE: [{
-                type: Input
-            }], calculator: [{
-                type: Input
-            }], clusterClass: [{
-                type: Input
-            }], enableRetinaIcons: [{
-                type: Input
-            }], gridSize: [{
-                type: Input
-            }], ignoreHidden: [{
-                type: Input
-            }], imageExtension: [{
-                type: Input
-            }], imagePath: [{
-                type: Input
-            }], imageSizes: [{
-                type: Input
-            }], maxZoom: [{
-                type: Input
-            }], minimumClusterSize: [{
-                type: Input
-            }], styles: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], zIndex: [{
-                type: Input
-            }], zoomOnClick: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], clusteringbegin: [{
-                type: Output
-            }], clusteringend: [{
-                type: Output
-            }], clusterClick: [{
-                type: Output
-            }], _markers: [{
-                type: ContentChildren,
-                args: [MapMarker, { descendants: true }]
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Polygon via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon
- */
-class MapPolygon {
-    set options(options) {
-        this._options.next(options || {});
-    }
-    set paths(paths) {
-        this._paths.next(paths);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._options = new BehaviorSubject({});
-        this._paths = new BehaviorSubject(undefined);
-        this._destroyed = new Subject();
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.click
-         */
-        this.polygonClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.dblclick
-         */
-        this.polygonDblclick = this._eventManager.getLazyEmitter('dblclick');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.drag
-         */
-        this.polygonDrag = this._eventManager.getLazyEmitter('drag');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.dragend
-         */
-        this.polygonDragend = this._eventManager.getLazyEmitter('dragend');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.dragstart
-         */
-        this.polygonDragstart = this._eventManager.getLazyEmitter('dragstart');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.mousedown
-         */
-        this.polygonMousedown = this._eventManager.getLazyEmitter('mousedown');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.mousemove
-         */
-        this.polygonMousemove = this._eventManager.getLazyEmitter('mousemove');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.mouseout
-         */
-        this.polygonMouseout = this._eventManager.getLazyEmitter('mouseout');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.mouseover
-         */
-        this.polygonMouseover = this._eventManager.getLazyEmitter('mouseover');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.mouseup
-         */
-        this.polygonMouseup = this._eventManager.getLazyEmitter('mouseup');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.rightclick
-         */
-        this.polygonRightclick = this._eventManager.getLazyEmitter('rightclick');
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._combineOptions()
-                .pipe(take(1))
-                .subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                this._ngZone.runOutsideAngular(() => {
-                    this.polygon = new google.maps.Polygon(options);
-                });
-                this._assertInitialized();
-                this.polygon.setMap(this._map.googleMap);
-                this._eventManager.setTarget(this.polygon);
-            });
-            this._watchForOptionsChanges();
-            this._watchForPathChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.polygon) {
-            this.polygon.setMap(null);
-        }
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.getDraggable
-     */
-    getDraggable() {
-        this._assertInitialized();
-        return this.polygon.getDraggable();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.getEditable
-     */
-    getEditable() {
-        this._assertInitialized();
-        return this.polygon.getEditable();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.getPath
-     */
-    getPath() {
-        this._assertInitialized();
-        return this.polygon.getPath();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.getPaths
-     */
-    getPaths() {
-        this._assertInitialized();
-        return this.polygon.getPaths();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polygon.getVisible
-     */
-    getVisible() {
-        this._assertInitialized();
-        return this.polygon.getVisible();
-    }
-    _combineOptions() {
-        return combineLatest([this._options, this._paths]).pipe(map(([options, paths]) => {
-            const combinedOptions = Object.assign(Object.assign({}, options), { paths: paths || options.paths });
-            return combinedOptions;
-        }));
-    }
-    _watchForOptionsChanges() {
-        this._options.pipe(takeUntil(this._destroyed)).subscribe(options => {
-            this._assertInitialized();
-            this.polygon.setOptions(options);
-        });
-    }
-    _watchForPathChanges() {
-        this._paths.pipe(takeUntil(this._destroyed)).subscribe(paths => {
-            if (paths) {
-                this._assertInitialized();
-                this.polygon.setPaths(paths);
-            }
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._map.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.polygon) {
-                throw Error('Cannot interact with a Google Map Polygon before it has been ' +
-                    'initialized. Please wait for the Polygon to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapPolygon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapPolygon, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapPolygon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapPolygon, selector: "map-polygon", inputs: { options: "options", paths: "paths" }, outputs: { polygonClick: "polygonClick", polygonDblclick: "polygonDblclick", polygonDrag: "polygonDrag", polygonDragend: "polygonDragend", polygonDragstart: "polygonDragstart", polygonMousedown: "polygonMousedown", polygonMousemove: "polygonMousemove", polygonMouseout: "polygonMouseout", polygonMouseover: "polygonMouseover", polygonMouseup: "polygonMouseup", polygonRightclick: "polygonRightclick" }, exportAs: ["mapPolygon"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapPolygon, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-polygon',
-                    exportAs: 'mapPolygon',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
-                type: Input
-            }], paths: [{
-                type: Input
-            }], polygonClick: [{
-                type: Output
-            }], polygonDblclick: [{
-                type: Output
-            }], polygonDrag: [{
-                type: Output
-            }], polygonDragend: [{
-                type: Output
-            }], polygonDragstart: [{
-                type: Output
-            }], polygonMousedown: [{
-                type: Output
-            }], polygonMousemove: [{
-                type: Output
-            }], polygonMouseout: [{
-                type: Output
-            }], polygonMouseover: [{
-                type: Output
-            }], polygonMouseup: [{
-                type: Output
-            }], polygonRightclick: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Polyline via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline
- */
-class MapPolyline {
-    set options(options) {
-        this._options.next(options || {});
-    }
-    set path(path) {
-        this._path.next(path);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._options = new BehaviorSubject({});
-        this._path = new BehaviorSubject(undefined);
-        this._destroyed = new Subject();
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.click
-         */
-        this.polylineClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.dblclick
-         */
-        this.polylineDblclick = this._eventManager.getLazyEmitter('dblclick');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.drag
-         */
-        this.polylineDrag = this._eventManager.getLazyEmitter('drag');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.dragend
-         */
-        this.polylineDragend = this._eventManager.getLazyEmitter('dragend');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.dragstart
-         */
-        this.polylineDragstart = this._eventManager.getLazyEmitter('dragstart');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.mousedown
-         */
-        this.polylineMousedown = this._eventManager.getLazyEmitter('mousedown');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.mousemove
-         */
-        this.polylineMousemove = this._eventManager.getLazyEmitter('mousemove');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.mouseout
-         */
-        this.polylineMouseout = this._eventManager.getLazyEmitter('mouseout');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.mouseover
-         */
-        this.polylineMouseover = this._eventManager.getLazyEmitter('mouseover');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.mouseup
-         */
-        this.polylineMouseup = this._eventManager.getLazyEmitter('mouseup');
-        /**
-         * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.rightclick
-         */
-        this.polylineRightclick = this._eventManager.getLazyEmitter('rightclick');
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._combineOptions()
-                .pipe(take(1))
-                .subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                this._ngZone.runOutsideAngular(() => (this.polyline = new google.maps.Polyline(options)));
-                this._assertInitialized();
-                this.polyline.setMap(this._map.googleMap);
-                this._eventManager.setTarget(this.polyline);
-            });
-            this._watchForOptionsChanges();
-            this._watchForPathChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.polyline) {
-            this.polyline.setMap(null);
-        }
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.getDraggable
-     */
-    getDraggable() {
-        this._assertInitialized();
-        return this.polyline.getDraggable();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.getEditable
-     */
-    getEditable() {
-        this._assertInitialized();
-        return this.polyline.getEditable();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.getPath
-     */
-    getPath() {
-        this._assertInitialized();
-        return this.polyline.getPath();
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/polygon#Polyline.getVisible
-     */
-    getVisible() {
-        this._assertInitialized();
-        return this.polyline.getVisible();
-    }
-    _combineOptions() {
-        return combineLatest([this._options, this._path]).pipe(map(([options, path]) => {
-            const combinedOptions = Object.assign(Object.assign({}, options), { path: path || options.path });
-            return combinedOptions;
-        }));
-    }
-    _watchForOptionsChanges() {
-        this._options.pipe(takeUntil(this._destroyed)).subscribe(options => {
-            this._assertInitialized();
-            this.polyline.setOptions(options);
-        });
-    }
-    _watchForPathChanges() {
-        this._path.pipe(takeUntil(this._destroyed)).subscribe(path => {
-            if (path) {
-                this._assertInitialized();
-                this.polyline.setPath(path);
-            }
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._map.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.polyline) {
-                throw Error('Cannot interact with a Google Map Polyline before it has been ' +
-                    'initialized. Please wait for the Polyline to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapPolyline.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapPolyline, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapPolyline.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapPolyline, selector: "map-polyline", inputs: { options: "options", path: "path" }, outputs: { polylineClick: "polylineClick", polylineDblclick: "polylineDblclick", polylineDrag: "polylineDrag", polylineDragend: "polylineDragend", polylineDragstart: "polylineDragstart", polylineMousedown: "polylineMousedown", polylineMousemove: "polylineMousemove", polylineMouseout: "polylineMouseout", polylineMouseover: "polylineMouseover", polylineMouseup: "polylineMouseup", polylineRightclick: "polylineRightclick" }, exportAs: ["mapPolyline"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapPolyline, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-polyline',
-                    exportAs: 'mapPolyline',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
-                type: Input
-            }], path: [{
-                type: Input
-            }], polylineClick: [{
-                type: Output
-            }], polylineDblclick: [{
-                type: Output
-            }], polylineDrag: [{
-                type: Output
-            }], polylineDragend: [{
-                type: Output
-            }], polylineDragstart: [{
-                type: Output
-            }], polylineMousedown: [{
-                type: Output
-            }], polylineMousemove: [{
-                type: Output
-            }], polylineMouseout: [{
-                type: Output
-            }], polylineMouseover: [{
-                type: Output
-            }], polylineMouseup: [{
-                type: Output
-            }], polylineRightclick: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Rectangle via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle
- */
-class MapRectangle {
-    set options(options) {
-        this._options.next(options || {});
-    }
-    set bounds(bounds) {
-        this._bounds.next(bounds);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._eventManager = new MapEventManager(inject(NgZone));
-        this._options = new BehaviorSubject({});
-        this._bounds = new BehaviorSubject(undefined);
-        this._destroyed = new Subject();
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.boundsChanged
-         */ this.boundsChanged = this._eventManager.getLazyEmitter('bounds_changed');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.click
-         */
-        this.rectangleClick = this._eventManager.getLazyEmitter('click');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.dblclick
-         */
-        this.rectangleDblclick = this._eventManager.getLazyEmitter('dblclick');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.drag
-         */
-        this.rectangleDrag = this._eventManager.getLazyEmitter('drag');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.dragend
-         */
-        this.rectangleDragend = this._eventManager.getLazyEmitter('dragend');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.dragstart
-         */
-        this.rectangleDragstart = this._eventManager.getLazyEmitter('dragstart');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.mousedown
-         */
-        this.rectangleMousedown = this._eventManager.getLazyEmitter('mousedown');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.mousemove
-         */
-        this.rectangleMousemove = this._eventManager.getLazyEmitter('mousemove');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.mouseout
-         */
-        this.rectangleMouseout = this._eventManager.getLazyEmitter('mouseout');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.mouseover
-         */
-        this.rectangleMouseover = this._eventManager.getLazyEmitter('mouseover');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.mouseup
-         */
-        this.rectangleMouseup = this._eventManager.getLazyEmitter('mouseup');
-        /**
-         * See
-         * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.rightclick
-         */
-        this.rectangleRightclick = this._eventManager.getLazyEmitter('rightclick');
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._combineOptions()
-                .pipe(take(1))
-                .subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                // We'll bring it back in inside the `MapEventManager` only for the events that the
-                // user has subscribed to.
-                this._ngZone.runOutsideAngular(() => {
-                    this.rectangle = new google.maps.Rectangle(options);
-                });
-                this._assertInitialized();
-                this.rectangle.setMap(this._map.googleMap);
-                this._eventManager.setTarget(this.rectangle);
-            });
-            this._watchForOptionsChanges();
-            this._watchForBoundsChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._eventManager.destroy();
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.rectangle) {
-            this.rectangle.setMap(null);
-        }
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.getBounds
-     */
-    getBounds() {
-        this._assertInitialized();
-        return this.rectangle.getBounds();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.getDraggable
-     */
-    getDraggable() {
-        this._assertInitialized();
-        return this.rectangle.getDraggable();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.getEditable
-     */
-    getEditable() {
-        this._assertInitialized();
-        return this.rectangle.getEditable();
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/polygon#Rectangle.getVisible
-     */
-    getVisible() {
-        this._assertInitialized();
-        return this.rectangle.getVisible();
-    }
-    _combineOptions() {
-        return combineLatest([this._options, this._bounds]).pipe(map(([options, bounds]) => {
-            const combinedOptions = Object.assign(Object.assign({}, options), { bounds: bounds || options.bounds });
-            return combinedOptions;
-        }));
-    }
-    _watchForOptionsChanges() {
-        this._options.pipe(takeUntil(this._destroyed)).subscribe(options => {
-            this._assertInitialized();
-            this.rectangle.setOptions(options);
-        });
-    }
-    _watchForBoundsChanges() {
-        this._bounds.pipe(takeUntil(this._destroyed)).subscribe(bounds => {
-            if (bounds) {
-                this._assertInitialized();
-                this.rectangle.setBounds(bounds);
-            }
-        });
-    }
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._map.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.rectangle) {
-                throw Error('Cannot interact with a Google Map Rectangle before it has been initialized. ' +
-                    'Please wait for the Rectangle to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapRectangle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapRectangle, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapRectangle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapRectangle, selector: "map-rectangle", inputs: { options: "options", bounds: "bounds" }, outputs: { boundsChanged: "boundsChanged", rectangleClick: "rectangleClick", rectangleDblclick: "rectangleDblclick", rectangleDrag: "rectangleDrag", rectangleDragend: "rectangleDragend", rectangleDragstart: "rectangleDragstart", rectangleMousedown: "rectangleMousedown", rectangleMousemove: "rectangleMousemove", rectangleMouseout: "rectangleMouseout", rectangleMouseover: "rectangleMouseover", rectangleMouseup: "rectangleMouseup", rectangleRightclick: "rectangleRightclick" }, exportAs: ["mapRectangle"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapRectangle, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-rectangle',
-                    exportAs: 'mapRectangle',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
-                type: Input
-            }], bounds: [{
-                type: Input
-            }], boundsChanged: [{
-                type: Output
-            }], rectangleClick: [{
-                type: Output
-            }], rectangleDblclick: [{
-                type: Output
-            }], rectangleDrag: [{
-                type: Output
-            }], rectangleDragend: [{
-                type: Output
-            }], rectangleDragstart: [{
-                type: Output
-            }], rectangleMousedown: [{
-                type: Output
-            }], rectangleMousemove: [{
-                type: Output
-            }], rectangleMouseout: [{
-                type: Output
-            }], rectangleMouseover: [{
-                type: Output
-            }], rectangleMouseup: [{
-                type: Output
-            }], rectangleRightclick: [{
-                type: Output
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Traffic Layer via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/map#TrafficLayer
- */
-class MapTrafficLayer {
-    /**
-     * Whether the traffic layer refreshes with updated information automatically.
-     */
-    set autoRefresh(autoRefresh) {
-        this._autoRefresh.next(autoRefresh);
-    }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
-        this._autoRefresh = new BehaviorSubject(true);
-        this._destroyed = new Subject();
-    }
-    ngOnInit() {
-        if (this._map._isBrowser) {
-            this._combineOptions()
-                .pipe(take(1))
-                .subscribe(options => {
-                // Create the object outside the zone so its events don't trigger change detection.
-                this._ngZone.runOutsideAngular(() => {
-                    this.trafficLayer = new google.maps.TrafficLayer(options);
-                });
-                this._assertInitialized();
-                this.trafficLayer.setMap(this._map.googleMap);
-            });
-            this._watchForAutoRefreshChanges();
-        }
-    }
-    ngOnDestroy() {
-        this._destroyed.next();
-        this._destroyed.complete();
-        if (this.trafficLayer) {
-            this.trafficLayer.setMap(null);
-        }
-    }
-    _combineOptions() {
-        return this._autoRefresh.pipe(map(autoRefresh => {
-            const combinedOptions = { autoRefresh };
-            return combinedOptions;
-        }));
-    }
-    _watchForAutoRefreshChanges() {
-        this._combineOptions()
-            .pipe(takeUntil(this._destroyed))
-            .subscribe(options => {
-            this._assertInitialized();
-            this.trafficLayer.setOptions(options);
-        });
-    }
-    _assertInitialized() {
-        if (!this._map.googleMap) {
-            throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                'Please wait for the API to load before trying to interact with it.');
-        }
-        if (!this.trafficLayer) {
-            throw Error('Cannot interact with a Google Map Traffic Layer before it has been initialized. ' +
-                'Please wait for the Traffic Layer to load before trying to interact with it.');
-        }
-    }
-}
-MapTrafficLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapTrafficLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapTrafficLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapTrafficLayer, selector: "map-traffic-layer", inputs: { autoRefresh: "autoRefresh" }, exportAs: ["mapTrafficLayer"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapTrafficLayer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-traffic-layer',
-                    exportAs: 'mapTrafficLayer',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { autoRefresh: [{
-                type: Input
-            }] } });
-
-/// <reference types="google.maps" />
-/**
- * Angular component that renders a Google Maps Transit Layer via the Google Maps JavaScript API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/map#TransitLayer
- */
-class MapTransitLayer extends MapBaseLayer {
-    _initializeObject() {
-        this.transitLayer = new google.maps.TransitLayer();
-    }
-    _setMap() {
-        this._assertLayerInitialized();
-        this.transitLayer.setMap(this._map.googleMap);
-    }
-    _unsetMap() {
-        if (this.transitLayer) {
-            this.transitLayer.setMap(null);
-        }
-    }
-    _assertLayerInitialized() {
-        if (!this.transitLayer) {
-            throw Error('Cannot interact with a Google Map Transit Layer before it has been initialized. ' +
-                'Please wait for the Transit Layer to load before trying to interact with it.');
-        }
-    }
-}
-MapTransitLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapTransitLayer, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MapTransitLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapTransitLayer, selector: "map-transit-layer", exportAs: ["mapTransitLayer"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapTransitLayer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-transit-layer',
-                    exportAs: 'mapTransitLayer',
-                }]
-        }] });
-
-/// <reference types="google.maps" />
-/**
- * Angular directive that renders a Google Maps heatmap via the Google Maps JavaScript API.
- *
- * See: https://developers.google.com/maps/documentation/javascript/reference/visualization
- */
-class MapHeatmapLayer {
-    /**
-     * Data shown on the heatmap.
-     * See: https://developers.google.com/maps/documentation/javascript/reference/visualization
-     */
-    set data(data) {
-        this._data = data;
-    }
-    /**
-     * Options used to configure the heatmap. See:
-     * developers.google.com/maps/documentation/javascript/reference/visualization#HeatmapLayerOptions
-     */
-    set options(options) {
-        this._options = options;
-    }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
-    }
-    ngOnInit() {
-        var _a, _b;
-        if (this._googleMap._isBrowser) {
-            if (!((_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.visualization) && (typeof ngDevMode === 'undefined' || ngDevMode)) {
-                throw Error('Namespace `google.maps.visualization` not found, cannot construct heatmap. ' +
-                    'Please install the Google Maps JavaScript API with the "visualization" library: ' +
-                    'https://developers.google.com/maps/documentation/javascript/visualization');
-            }
-            // Create the object outside the zone so its events don't trigger change detection.
-            // We'll bring it back in inside the `MapEventManager` only for the events that the
-            // user has subscribed to.
-            this._ngZone.runOutsideAngular(() => {
-                this.heatmap = new google.maps.visualization.HeatmapLayer(this._combineOptions());
-            });
-            this._assertInitialized();
-            this.heatmap.setMap(this._googleMap.googleMap);
-        }
-    }
-    ngOnChanges(changes) {
-        const { _data, heatmap } = this;
-        if (heatmap) {
-            if (changes['options']) {
-                heatmap.setOptions(this._combineOptions());
-            }
-            if (changes['data'] && _data !== undefined) {
-                heatmap.setData(this._normalizeData(_data));
-            }
-        }
-    }
-    ngOnDestroy() {
-        if (this.heatmap) {
-            this.heatmap.setMap(null);
-        }
-    }
-    /**
-     * Gets the data that is currently shown on the heatmap.
-     * See: developers.google.com/maps/documentation/javascript/reference/visualization#HeatmapLayer
-     */
-    getData() {
-        this._assertInitialized();
-        return this.heatmap.getData();
-    }
-    /** Creates a combined options object using the passed-in options and the individual inputs. */
-    _combineOptions() {
-        const options = this._options || {};
-        return Object.assign(Object.assign({}, options), { data: this._normalizeData(this._data || options.data || []), map: this._googleMap.googleMap });
-    }
-    /**
-     * Most Google Maps APIs support both `LatLng` objects and `LatLngLiteral`. The latter is more
-     * convenient to write out, because the Google Maps API doesn't have to have been loaded in order
-     * to construct them. The `HeatmapLayer` appears to be an exception that only allows a `LatLng`
-     * object, or it throws a runtime error. Since it's more convenient and we expect that Angular
-     * users will load the API asynchronously, we allow them to pass in a `LatLngLiteral` and we
-     * convert it to a `LatLng` object before passing it off to Google Maps.
-     */
-    _normalizeData(data) {
-        const result = [];
-        data.forEach(item => {
-            result.push(isLatLngLiteral(item) ? new google.maps.LatLng(item.lat, item.lng) : item);
-        });
-        return result;
-    }
-    /** Asserts that the heatmap object has been initialized. */
-    _assertInitialized() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            if (!this._googleMap.googleMap) {
-                throw Error('Cannot access Google Map information before the API has been initialized. ' +
-                    'Please wait for the API to load before trying to interact with it.');
-            }
-            if (!this.heatmap) {
-                throw Error('Cannot interact with a Google Map HeatmapLayer before it has been ' +
-                    'initialized. Please wait for the heatmap to load before trying to interact with it.');
-            }
-        }
-    }
-}
-MapHeatmapLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapHeatmapLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-MapHeatmapLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0-next.7", type: MapHeatmapLayer, selector: "map-heatmap-layer", inputs: { data: "data", options: "options" }, exportAs: ["mapHeatmapLayer"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapHeatmapLayer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'map-heatmap-layer',
-                    exportAs: 'mapHeatmapLayer',
-                }]
-        }], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { data: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }] } });
-/** Asserts that an object is a `LatLngLiteral`. */
-function isLatLngLiteral(value) {
-    return value && typeof value.lat === 'number' && typeof value.lng === 'number';
-}
-
-const COMPONENTS = [
-    GoogleMap,
-    MapBaseLayer,
-    MapBicyclingLayer,
-    MapCircle,
-    MapDirectionsRenderer,
-    MapGroundOverlay,
-    MapInfoWindow,
-    MapKmlLayer,
-    MapMarker,
-    MapMarkerClusterer,
-    MapPolygon,
-    MapPolyline,
-    MapRectangle,
-    MapTrafficLayer,
-    MapTransitLayer,
-    MapHeatmapLayer,
-];
-class GoogleMapsModule {
-}
-GoogleMapsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: GoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0-next.7", ngImport: i0, type: GoogleMapsModule, declarations: [GoogleMap,
-        MapBaseLayer,
-        MapBicyclingLayer,
-        MapCircle,
-        MapDirectionsRenderer,
-        MapGroundOverlay,
-        MapInfoWindow,
-        MapKmlLayer,
-        MapMarker,
-        MapMarkerClusterer,
-        MapPolygon,
-        MapPolyline,
-        MapRectangle,
-        MapTrafficLayer,
-        MapTransitLayer,
-        MapHeatmapLayer], exports: [GoogleMap,
-        MapBaseLayer,
-        MapBicyclingLayer,
-        MapCircle,
-        MapDirectionsRenderer,
-        MapGroundOverlay,
-        MapInfoWindow,
-        MapKmlLayer,
-        MapMarker,
-        MapMarkerClusterer,
-        MapPolygon,
-        MapPolyline,
-        MapRectangle,
-        MapTrafficLayer,
-        MapTransitLayer,
-        MapHeatmapLayer] });
-GoogleMapsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: GoogleMapsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: GoogleMapsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: COMPONENTS,
-                    exports: COMPONENTS,
-                }]
-        }] });
-
-/// <reference types="google.maps" />
-/**
- * Angular service that wraps the Google Maps DirectionsService from the Google Maps JavaScript
- * API.
- *
- * See developers.google.com/maps/documentation/javascript/reference/directions#DirectionsService
- */
-class MapDirectionsService {
-    constructor(_ngZone) {
-        this._ngZone = _ngZone;
-    }
-    /**
-     * See
-     * developers.google.com/maps/documentation/javascript/reference/directions
-     * #DirectionsService.route
-     */
-    route(request) {
-        return new Observable(observer => {
-            // Initialize the `DirectionsService` lazily since the Google Maps API may
-            // not have been loaded when the provider is instantiated.
-            if (!this._directionsService) {
-                this._directionsService = new google.maps.DirectionsService();
-            }
-            this._directionsService.route(request, (result, status) => {
-                this._ngZone.run(() => {
-                    observer.next({ result: result || undefined, status });
-                    observer.complete();
-                });
-            });
-        });
-    }
-}
-MapDirectionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapDirectionsService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-MapDirectionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapDirectionsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapDirectionsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-
-/// <reference types="google.maps" />
-/**
- * Angular service that wraps the Google Maps Geocoder from the Google Maps JavaScript API.
- * See developers.google.com/maps/documentation/javascript/reference/geocoder#Geocoder
- */
-class MapGeocoder {
-    constructor(_ngZone) {
-        this._ngZone = _ngZone;
-    }
-    /**
-     * See developers.google.com/maps/documentation/javascript/reference/geocoder#Geocoder.geocode
-     */
-    geocode(request) {
-        return new Observable(observer => {
-            // Initialize the `Geocoder` lazily since the Google Maps API may
-            // not have been loaded when the provider is instantiated.
-            if (!this._geocoder) {
-                this._geocoder = new google.maps.Geocoder();
-            }
-            this._geocoder.geocode(request, (results, status) => {
-                this._ngZone.run(() => {
-                    observer.next({ results: results || [], status });
-                    observer.complete();
-                });
-            });
-        });
-    }
-}
-MapGeocoder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapGeocoder, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-MapGeocoder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapGeocoder, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.7", ngImport: i0, type: MapGeocoder, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { GoogleMap, GoogleMapsModule, MapBaseLayer, MapBicyclingLayer, MapCircle, MapDirectionsRenderer, MapDirectionsService, MapEventManager, MapGeocoder, MapGroundOverlay, MapHeatmapLayer, MapInfoWindow, MapKmlLayer, MapMarker, MapMarkerClusterer, MapPolygon, MapPolyline, MapRectangle, MapTrafficLayer, MapTransitLayer };
-//# sourceMappingURL=google-maps.mjs.map