@angular/google-maps 19.0.0-next.1 → 19.0.0-next.10

package/fesm2022/google-maps.mjs

@@ -1,7 +1,7 @@
 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 { inject, ElementRef, NgZone, EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, Directive, InjectionToken, ContentChildren, NgModule, Injectable } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
-import { BehaviorSubject, Observable, Subject, combineLatest } from 'rxjs';
+import { BehaviorSubject, Observable, Subject, combineLatest, Subscription } 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. */
@@ -95,9 +95,9 @@ class GoogleMap {
     set options(options) {
         this._options = options || DEFAULT_OPTIONS;
     }
-    constructor(_elementRef, _ngZone, platformId) {
-        this._elementRef = _elementRef;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._elementRef = inject(ElementRef);
+        this._ngZone = inject(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;
@@ -201,6 +201,7 @@ class GoogleMap {
          * https://developers.google.com/maps/documentation/javascript/reference/map#Map.zoom_changed
          */
         this.zoomChanged = this._eventManager.getLazyEmitter('zoom_changed');
+        const platformId = inject(PLATFORM_ID);
         this._isBrowser = isPlatformBrowser(platformId);
         if (this._isBrowser) {
             const googleMapsWindow = window;
@@ -447,23 +448,19 @@ class GoogleMap {
                 'Please wait for the API to load before trying to interact with it.');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: GoogleMap, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0-next.2", type: GoogleMap, isStandalone: true, selector: "google-map", inputs: { height: "height", width: "width", mapId: "mapId", 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 />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: GoogleMap, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.10", type: GoogleMap, isStandalone: true, selector: "google-map", inputs: { height: "height", width: "width", mapId: "mapId", 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 />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: GoogleMap, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: GoogleMap, decorators: [{
             type: Component,
             args: [{
                     selector: 'google-map',
                     exportAs: 'googleMap',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<div class="map-container"></div><ng-content />',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }], propDecorators: { height: [{
+        }], ctorParameters: () => [], propDecorators: { height: [{
                 type: Input
             }], width: [{
                 type: Input
@@ -529,9 +526,9 @@ function coerceCssPixelValue(value) {
 
 // Workaround for: https://github.com/bazelbuild/rules_nodejs/issues/1265
 class MapBaseLayer {
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
     }
     ngOnInit() {
         if (this._map._isBrowser) {
@@ -554,17 +551,16 @@ class MapBaseLayer {
     _initializeObject() { }
     _setMap() { }
     _unsetMap() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapBaseLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapBaseLayer, isStandalone: true, selector: "map-base-layer", exportAs: ["mapBaseLayer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapBaseLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapBaseLayer, isStandalone: true, selector: "map-base-layer", exportAs: ["mapBaseLayer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapBaseLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapBaseLayer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-base-layer',
                     exportAs: 'mapBaseLayer',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [] });
 
 // Workaround for: https://github.com/bazelbuild/rules_nodejs/issues/1265
 /**
@@ -610,15 +606,14 @@ class MapBicyclingLayer {
                 'Please wait for the Transit Layer to load before trying to interact with it.');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapBicyclingLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapBicyclingLayer, isStandalone: true, selector: "map-bicycling-layer", outputs: { bicyclingLayerInitialized: "bicyclingLayerInitialized" }, exportAs: ["mapBicyclingLayer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapBicyclingLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapBicyclingLayer, isStandalone: true, selector: "map-bicycling-layer", outputs: { bicyclingLayerInitialized: "bicyclingLayerInitialized" }, exportAs: ["mapBicyclingLayer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapBicyclingLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapBicyclingLayer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-bicycling-layer',
                     exportAs: 'mapBicyclingLayer',
-                    standalone: true,
                 }]
         }], propDecorators: { bicyclingLayerInitialized: [{
                 type: Output
@@ -639,9 +634,9 @@ class MapCircle {
     set radius(radius) {
         this._radius.next(radius);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._options = new BehaviorSubject({});
         this._center = new BehaviorSubject(undefined);
@@ -843,17 +838,16 @@ class MapCircle {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapCircle, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapCircle, isStandalone: true, 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", circleInitialized: "circleInitialized" }, exportAs: ["mapCircle"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapCircle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapCircle, isStandalone: true, 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", circleInitialized: "circleInitialized" }, exportAs: ["mapCircle"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapCircle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapCircle, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-circle',
                     exportAs: 'mapCircle',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], center: [{
                 type: Input
@@ -911,9 +905,9 @@ class MapDirectionsRenderer {
     set options(options) {
         this._options = options;
     }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         /**
          * See developers.google.com/maps/documentation/javascript/reference/directions
@@ -1004,17 +998,16 @@ class MapDirectionsRenderer {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapDirectionsRenderer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapDirectionsRenderer, isStandalone: true, selector: "map-directions-renderer", inputs: { directions: "directions", options: "options" }, outputs: { directionsChanged: "directionsChanged", directionsRendererInitialized: "directionsRendererInitialized" }, exportAs: ["mapDirectionsRenderer"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapDirectionsRenderer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapDirectionsRenderer, isStandalone: true, selector: "map-directions-renderer", inputs: { directions: "directions", options: "options" }, outputs: { directionsChanged: "directionsChanged", directionsRendererInitialized: "directionsRendererInitialized" }, exportAs: ["mapDirectionsRenderer"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapDirectionsRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapDirectionsRenderer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-directions-renderer',
                     exportAs: 'mapDirectionsRenderer',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { directions: [{
+        }], ctorParameters: () => [], propDecorators: { directions: [{
                 type: Input
             }], options: [{
                 type: Input
@@ -1046,9 +1039,9 @@ class MapGroundOverlay {
     set opacity(opacity) {
         this._opacity.next(opacity);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._opacity = new BehaviorSubject(1);
         this._url = new BehaviorSubject('');
@@ -1176,17 +1169,16 @@ class MapGroundOverlay {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapGroundOverlay, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapGroundOverlay, isStandalone: true, selector: "map-ground-overlay", inputs: { url: "url", bounds: "bounds", clickable: "clickable", opacity: "opacity" }, outputs: { mapClick: "mapClick", mapDblclick: "mapDblclick", groundOverlayInitialized: "groundOverlayInitialized" }, exportAs: ["mapGroundOverlay"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapGroundOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapGroundOverlay, isStandalone: true, selector: "map-ground-overlay", inputs: { url: "url", bounds: "bounds", clickable: "clickable", opacity: "opacity" }, outputs: { mapClick: "mapClick", mapDblclick: "mapDblclick", groundOverlayInitialized: "groundOverlayInitialized" }, exportAs: ["mapGroundOverlay"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapGroundOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapGroundOverlay, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-ground-overlay',
                     exportAs: 'mapGroundOverlay',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { url: [{
+        }], ctorParameters: () => [], propDecorators: { url: [{
                 type: Input
             }], bounds: [{
                 type: Input
@@ -1215,10 +1207,10 @@ class MapInfoWindow {
     set position(position) {
         this._position.next(position);
     }
-    constructor(_googleMap, _elementRef, _ngZone) {
-        this._googleMap = _googleMap;
-        this._elementRef = _elementRef;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._elementRef = inject(ElementRef);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._options = new BehaviorSubject({});
         this._position = new BehaviorSubject(undefined);
@@ -1396,18 +1388,17 @@ class MapInfoWindow {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapInfoWindow, deps: [{ token: GoogleMap }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapInfoWindow, isStandalone: true, selector: "map-info-window", inputs: { options: "options", position: "position" }, outputs: { closeclick: "closeclick", contentChanged: "contentChanged", domready: "domready", positionChanged: "positionChanged", zindexChanged: "zindexChanged", infoWindowInitialized: "infoWindowInitialized" }, host: { styleAttribute: "display: none" }, exportAs: ["mapInfoWindow"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapInfoWindow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapInfoWindow, isStandalone: true, selector: "map-info-window", inputs: { options: "options", position: "position" }, outputs: { closeclick: "closeclick", contentChanged: "contentChanged", domready: "domready", positionChanged: "positionChanged", zindexChanged: "zindexChanged", infoWindowInitialized: "infoWindowInitialized" }, host: { styleAttribute: "display: none" }, exportAs: ["mapInfoWindow"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapInfoWindow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapInfoWindow, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-info-window',
                     exportAs: 'mapInfoWindow',
-                    standalone: true,
                     host: { 'style': 'display: none' },
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -1438,9 +1429,9 @@ class MapKmlLayer {
     set url(url) {
         this._url.next(url);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._options = new BehaviorSubject({});
         this._url = new BehaviorSubject('');
@@ -1569,17 +1560,16 @@ class MapKmlLayer {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapKmlLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapKmlLayer, isStandalone: true, selector: "map-kml-layer", inputs: { options: "options", url: "url" }, outputs: { kmlClick: "kmlClick", defaultviewportChanged: "defaultviewportChanged", statusChanged: "statusChanged", kmlLayerInitialized: "kmlLayerInitialized" }, exportAs: ["mapKmlLayer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapKmlLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapKmlLayer, isStandalone: true, selector: "map-kml-layer", inputs: { options: "options", url: "url" }, outputs: { kmlClick: "kmlClick", defaultviewportChanged: "defaultviewportChanged", statusChanged: "statusChanged", kmlLayerInitialized: "kmlLayerInitialized" }, exportAs: ["mapKmlLayer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapKmlLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapKmlLayer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-kml-layer',
                     exportAs: 'mapKmlLayer',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], url: [{
                 type: Input
@@ -1593,6 +1583,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2",
                 type: Output
             }] } });
 
+/** Token that marker directives can use to expose themselves to the clusterer. */
+const MAP_MARKER = new InjectionToken('MAP_MARKER');
+
 // Workaround for: https://github.com/bazelbuild/rules_nodejs/issues/1265
 /**
  * Default options for the Google Maps marker component. Displays a marker
@@ -1656,9 +1649,9 @@ class MapMarker {
     set visible(value) {
         this._visible = value;
     }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         /**
          * See
@@ -1955,17 +1948,27 @@ class MapMarker {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapMarker, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapMarker, isStandalone: true, 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", markerInitialized: "markerInitialized" }, exportAs: ["mapMarker"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapMarker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapMarker, isStandalone: true, 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", markerInitialized: "markerInitialized" }, providers: [
+            {
+                provide: MAP_MARKER,
+                useExisting: MapMarker,
+            },
+        ], exportAs: ["mapMarker"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapMarker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapMarker, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-marker',
                     exportAs: 'mapMarker',
-                    standalone: true,
+                    providers: [
+                        {
+                            provide: MAP_MARKER,
+                            useExisting: MapMarker,
+                        },
+                    ],
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { title: [{
+        }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -2030,10 +2033,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2",
 const DEFAULT_CLUSTERER_OPTIONS = {};
 /**
  * Angular component for implementing a Google Maps Marker Clusterer.
- *
  * See https://developers.google.com/maps/documentation/javascript/marker-clustering
+ *
+ * @deprecated This component is using a deprecated clustering implementation. Use the
+ *   `map-marker-clusterer` component instead.
+ * @breaking-change 21.0.0
+ *
  */
-class MapMarkerClusterer {
+class DeprecatedMapMarkerClusterer {
     set averageCenter(averageCenter) {
         this._averageCenter = averageCenter;
     }
@@ -2085,12 +2092,14 @@ class MapMarkerClusterer {
     set options(options) {
         this._options = options;
     }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._currentMarkers = new Set();
         this._eventManager = new MapEventManager(inject(NgZone));
         this._destroy = new Subject();
+        /** Whether the clusterer is allowed to be initialized. */
+        this._canInitialize = this._googleMap._isBrowser;
         this.ariaLabelFn = () => '';
         /**
          * See
@@ -2107,7 +2116,6 @@ class MapMarkerClusterer {
         this.clusterClick = this._eventManager.getLazyEmitter('click');
         /** Event emitted when the clusterer is initialized. */
         this.markerClustererInitialized = new EventEmitter();
-        this._canInitialize = _googleMap._isBrowser;
     }
     ngOnInit() {
         if (this._canInitialize) {
@@ -2366,20 +2374,19 @@ class MapMarkerClusterer {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapMarkerClusterer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapMarkerClusterer, isStandalone: true, 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", markerClustererInitialized: "markerClustererInitialized" }, queries: [{ propertyName: "_markers", predicate: MapMarker, descendants: true }], exportAs: ["mapMarkerClusterer"], usesOnChanges: true, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: DeprecatedMapMarkerClusterer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.10", type: DeprecatedMapMarkerClusterer, isStandalone: true, selector: "deprecated-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", markerClustererInitialized: "markerClustererInitialized" }, queries: [{ propertyName: "_markers", predicate: MapMarker, descendants: true }], exportAs: ["mapMarkerClusterer"], usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapMarkerClusterer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: DeprecatedMapMarkerClusterer, decorators: [{
             type: Component,
             args: [{
-                    selector: 'map-marker-clusterer',
+                    selector: 'deprecated-map-marker-clusterer',
                     exportAs: 'mapMarkerClusterer',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                    template: '<ng-content />',
+                    template: '<ng-content/>',
                     encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { ariaLabelFn: [{
+        }], ctorParameters: () => [], propDecorators: { ariaLabelFn: [{
                 type: Input
             }], averageCenter: [{
                 type: Input
@@ -2443,9 +2450,9 @@ class MapPolygon {
     set paths(paths) {
         this._paths.next(paths);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._options = new BehaviorSubject({});
         this._paths = new BehaviorSubject(undefined);
@@ -2602,17 +2609,16 @@ class MapPolygon {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapPolygon, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapPolygon, isStandalone: true, 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", polygonInitialized: "polygonInitialized" }, exportAs: ["mapPolygon"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapPolygon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapPolygon, isStandalone: true, 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", polygonInitialized: "polygonInitialized" }, exportAs: ["mapPolygon"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapPolygon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapPolygon, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-polygon',
                     exportAs: 'mapPolygon',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], paths: [{
                 type: Input
@@ -2655,9 +2661,9 @@ class MapPolyline {
     set path(path) {
         this._path.next(path);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._options = new BehaviorSubject({});
         this._path = new BehaviorSubject(undefined);
@@ -2807,17 +2813,16 @@ class MapPolyline {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapPolyline, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapPolyline, isStandalone: true, 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", polylineInitialized: "polylineInitialized" }, exportAs: ["mapPolyline"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapPolyline, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapPolyline, isStandalone: true, 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", polylineInitialized: "polylineInitialized" }, exportAs: ["mapPolyline"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapPolyline, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapPolyline, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-polyline',
                     exportAs: 'mapPolyline',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], path: [{
                 type: Input
@@ -2860,9 +2865,9 @@ class MapRectangle {
     set bounds(bounds) {
         this._bounds.next(bounds);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         this._options = new BehaviorSubject({});
         this._bounds = new BehaviorSubject(undefined);
@@ -3030,17 +3035,16 @@ class MapRectangle {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapRectangle, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapRectangle, isStandalone: true, 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", rectangleInitialized: "rectangleInitialized" }, exportAs: ["mapRectangle"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapRectangle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapRectangle, isStandalone: true, 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", rectangleInitialized: "rectangleInitialized" }, exportAs: ["mapRectangle"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapRectangle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapRectangle, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-rectangle',
                     exportAs: 'mapRectangle',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { options: [{
+        }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], bounds: [{
                 type: Input
@@ -3085,9 +3089,9 @@ class MapTrafficLayer {
     set autoRefresh(autoRefresh) {
         this._autoRefresh.next(autoRefresh);
     }
-    constructor(_map, _ngZone) {
-        this._map = _map;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._map = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._autoRefresh = new BehaviorSubject(true);
         this._destroyed = new Subject();
         /** Event emitted when the traffic layer is initialized. */
@@ -3145,17 +3149,16 @@ class MapTrafficLayer {
                 'Please wait for the Traffic Layer to load before trying to interact with it.');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapTrafficLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapTrafficLayer, isStandalone: true, selector: "map-traffic-layer", inputs: { autoRefresh: "autoRefresh" }, outputs: { trafficLayerInitialized: "trafficLayerInitialized" }, exportAs: ["mapTrafficLayer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapTrafficLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapTrafficLayer, isStandalone: true, selector: "map-traffic-layer", inputs: { autoRefresh: "autoRefresh" }, outputs: { trafficLayerInitialized: "trafficLayerInitialized" }, exportAs: ["mapTrafficLayer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapTrafficLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapTrafficLayer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-traffic-layer',
                     exportAs: 'mapTrafficLayer',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { autoRefresh: [{
+        }], ctorParameters: () => [], propDecorators: { autoRefresh: [{
                 type: Input
             }], trafficLayerInitialized: [{
                 type: Output
@@ -3205,15 +3208,14 @@ class MapTransitLayer {
                 'Please wait for the Transit Layer to load before trying to interact with it.');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapTransitLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapTransitLayer, isStandalone: true, selector: "map-transit-layer", outputs: { transitLayerInitialized: "transitLayerInitialized" }, exportAs: ["mapTransitLayer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapTransitLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapTransitLayer, isStandalone: true, selector: "map-transit-layer", outputs: { transitLayerInitialized: "transitLayerInitialized" }, exportAs: ["mapTransitLayer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapTransitLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapTransitLayer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-transit-layer',
                     exportAs: 'mapTransitLayer',
-                    standalone: true,
                 }]
         }], propDecorators: { transitLayerInitialized: [{
                 type: Output
@@ -3240,9 +3242,9 @@ class MapHeatmapLayer {
     set options(options) {
         this._options = options;
     }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         /** Event emitted when the heatmap is initialized. */
         this.heatmapInitialized = new EventEmitter();
     }
@@ -3336,17 +3338,16 @@ class MapHeatmapLayer {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapHeatmapLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapHeatmapLayer, isStandalone: true, selector: "map-heatmap-layer", inputs: { data: "data", options: "options" }, outputs: { heatmapInitialized: "heatmapInitialized" }, exportAs: ["mapHeatmapLayer"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapHeatmapLayer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapHeatmapLayer, isStandalone: true, selector: "map-heatmap-layer", inputs: { data: "data", options: "options" }, outputs: { heatmapInitialized: "heatmapInitialized" }, exportAs: ["mapHeatmapLayer"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapHeatmapLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapHeatmapLayer, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-heatmap-layer',
                     exportAs: 'mapHeatmapLayer',
-                    standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { data: [{
+        }], ctorParameters: () => [], propDecorators: { data: [{
                 type: Input
             }], options: [{
                 type: Input
@@ -3417,15 +3418,35 @@ class MapAdvancedMarker {
     set zIndex(zIndex) {
         this._zIndex = zIndex;
     }
-    constructor(_googleMap, _ngZone) {
-        this._googleMap = _googleMap;
-        this._ngZone = _ngZone;
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
         this._eventManager = new MapEventManager(inject(NgZone));
         /**
          * This event is fired when the AdvancedMarkerElement element is clicked.
          * https://developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElement.click
          */
         this.mapClick = this._eventManager.getLazyEmitter('click');
+        /**
+         * This event is fired when the AdvancedMarkerElement is double-clicked.
+         */
+        this.mapDblclick = this._eventManager.getLazyEmitter('dblclick');
+        /**
+         * This event is fired when the mouse moves out of the AdvancedMarkerElement.
+         */
+        this.mapMouseout = this._eventManager.getLazyEmitter('mouseout');
+        /**
+         * This event is fired when the mouse moves over the AdvancedMarkerElement.
+         */
+        this.mapMouseover = this._eventManager.getLazyEmitter('mouseover');
+        /**
+         * This event is fired when the mouse button is released over the AdvancedMarkerElement.
+         */
+        this.mapMouseup = this._eventManager.getLazyEmitter('mouseup');
+        /**
+         * This event is fired when the AdvancedMarkerElement is right-clicked.
+         */
+        this.mapRightclick = this._eventManager.getLazyEmitter('rightclick');
         /**
          * This event is repeatedly fired while the user drags the AdvancedMarkerElement.
          * https://developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElement.drag
@@ -3477,9 +3498,6 @@ class MapAdvancedMarker {
             if (changes['title']) {
                 advancedMarker.title = _title;
             }
-            if (changes['content']) {
-                advancedMarker.content = _content;
-            }
             if (changes['gmpDraggable']) {
                 advancedMarker.gmpDraggable = _draggable;
             }
@@ -3505,6 +3523,12 @@ class MapAdvancedMarker {
         this._assertInitialized();
         return this.advancedMarker;
     }
+    /** Returns a promise that resolves when the marker has been initialized. */
+    _resolveMarker() {
+        return this.advancedMarker
+            ? Promise.resolve(this.advancedMarker)
+            : this.markerInitialized.pipe(take(1)).toPromise();
+    }
     /** Creates a combined options object using the passed-in options and the individual inputs. */
     _combineOptions() {
         const options = this._options || DEFAULT_MARKER_OPTIONS;
@@ -3527,17 +3551,27 @@ class MapAdvancedMarker {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapAdvancedMarker, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MapAdvancedMarker, isStandalone: true, selector: "map-advanced-marker", inputs: { title: "title", position: "position", content: "content", gmpDraggable: "gmpDraggable", options: "options", zIndex: "zIndex" }, outputs: { mapClick: "mapClick", mapDrag: "mapDrag", mapDragend: "mapDragend", mapDragstart: "mapDragstart", markerInitialized: "markerInitialized" }, exportAs: ["mapAdvancedMarker"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapAdvancedMarker, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapAdvancedMarker, isStandalone: true, selector: "map-advanced-marker", inputs: { title: "title", position: "position", content: "content", gmpDraggable: "gmpDraggable", options: "options", zIndex: "zIndex" }, outputs: { mapClick: "mapClick", mapDblclick: "mapDblclick", mapMouseout: "mapMouseout", mapMouseover: "mapMouseover", mapMouseup: "mapMouseup", mapRightclick: "mapRightclick", mapDrag: "mapDrag", mapDragend: "mapDragend", mapDragstart: "mapDragstart", markerInitialized: "markerInitialized" }, providers: [
+            {
+                provide: MAP_MARKER,
+                useExisting: MapAdvancedMarker,
+            },
+        ], exportAs: ["mapAdvancedMarker"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapAdvancedMarker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapAdvancedMarker, decorators: [{
             type: Directive,
             args: [{
                     selector: 'map-advanced-marker',
                     exportAs: 'mapAdvancedMarker',
-                    standalone: true,
+                    providers: [
+                        {
+                            provide: MAP_MARKER,
+                            useExisting: MapAdvancedMarker,
+                        },
+                    ],
                 }]
-        }], ctorParameters: () => [{ type: GoogleMap }, { type: i0.NgZone }], propDecorators: { title: [{
+        }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -3551,6 +3585,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2",
                 type: Input
             }], mapClick: [{
                 type: Output
+            }], mapDblclick: [{
+                type: Output
+            }], mapMouseout: [{
+                type: Output
+            }], mapMouseover: [{
+                type: Output
+            }], mapMouseup: [{
+                type: Output
+            }], mapRightclick: [{
+                type: Output
             }], mapDrag: [{
                 type: Output
             }], mapDragend: [{
@@ -3561,6 +3605,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2",
                 type: Output
             }] } });
 
+// Workaround for: https://github.com/bazelbuild/rules_nodejs/issues/1265
+/**
+ * Angular component for implementing a Google Maps Marker Clusterer.
+ *
+ * See https://developers.google.com/maps/documentation/javascript/marker-clustering
+ */
+class MapMarkerClusterer {
+    constructor() {
+        this._googleMap = inject(GoogleMap);
+        this._ngZone = inject(NgZone);
+        this._currentMarkers = new Set();
+        this._closestMapEventManager = new MapEventManager(this._ngZone);
+        this._markersSubscription = Subscription.EMPTY;
+        /** Whether the clusterer is allowed to be initialized. */
+        this._canInitialize = this._googleMap._isBrowser;
+        /** Emits when clustering has started. */
+        this.clusteringbegin = this._closestMapEventManager.getLazyEmitter('clusteringbegin');
+        /** Emits when clustering is done. */
+        this.clusteringend = this._closestMapEventManager.getLazyEmitter('clusteringend');
+        /** Emits when a cluster has been clicked. */
+        this.clusterClick = new EventEmitter();
+        /** Event emitted when the marker clusterer is initialized. */
+        this.markerClustererInitialized = new EventEmitter();
+    }
+    async ngOnInit() {
+        if (this._canInitialize) {
+            await this._createCluster();
+            // The `clusteringbegin` and `clusteringend` events are
+            // emitted on the map so that's why set it as the target.
+            this._closestMapEventManager.setTarget(this._googleMap.googleMap);
+        }
+    }
+    async ngOnChanges(changes) {
+        const change = changes['renderer'] || changes['algorithm'];
+        // Since the options are set in the constructor, we have to recreate the cluster if they change.
+        if (this.markerClusterer && change && !change.isFirstChange()) {
+            await this._createCluster();
+        }
+    }
+    ngOnDestroy() {
+        this._markersSubscription.unsubscribe();
+        this._closestMapEventManager.destroy();
+        this._destroyCluster();
+    }
+    async _createCluster() {
+        if (!markerClusterer?.MarkerClusterer && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+            throw Error('MarkerClusterer class not found, cannot construct a marker cluster. ' +
+                'Please install the MarkerClusterer library: ' +
+                'https://github.com/googlemaps/js-markerclusterer');
+        }
+        const map = await this._googleMap._resolveMap();
+        this._destroyCluster();
+        // 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.MarkerClusterer({
+                map,
+                renderer: this.renderer,
+                algorithm: this.algorithm,
+                onClusterClick: (event, cluster, map) => {
+                    if (this.clusterClick.observers.length) {
+                        this._ngZone.run(() => this.clusterClick.emit(cluster));
+                    }
+                    else {
+                        markerClusterer.defaultOnClusterClickHandler(event, cluster, map);
+                    }
+                },
+            });
+            this.markerClustererInitialized.emit(this.markerClusterer);
+        });
+        await this._watchForMarkerChanges();
+    }
+    async _watchForMarkerChanges() {
+        this._assertInitialized();
+        const initialMarkers = [];
+        const markers = await this._getInternalMarkers(this._markers.toArray());
+        for (const marker of markers) {
+            this._currentMarkers.add(marker);
+            initialMarkers.push(marker);
+        }
+        this.markerClusterer.addMarkers(initialMarkers);
+        this._markersSubscription.unsubscribe();
+        this._markersSubscription = this._markers.changes.subscribe(async (markerComponents) => {
+            this._assertInitialized();
+            const newMarkers = new Set(await 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.render();
+            for (const marker of markersToRemove) {
+                this._currentMarkers.delete(marker);
+            }
+        });
+    }
+    _destroyCluster() {
+        // TODO(crisbeto): the naming here seems odd, but the `MarkerCluster` method isn't
+        // exposed. All this method seems to do at the time of writing is to call into `reset`.
+        // See: https://github.com/googlemaps/js-markerclusterer/blob/main/src/markerclusterer.ts#L205
+        this.markerClusterer?.onRemove();
+        this.markerClusterer = undefined;
+    }
+    _getInternalMarkers(markers) {
+        return Promise.all(markers.map(marker => marker._resolveMarker()));
+    }
+    _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.');
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapMarkerClusterer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-next.10", type: MapMarkerClusterer, isStandalone: true, selector: "map-marker-clusterer", inputs: { renderer: "renderer", algorithm: "algorithm" }, outputs: { clusteringbegin: "clusteringbegin", clusteringend: "clusteringend", clusterClick: "clusterClick", markerClustererInitialized: "markerClustererInitialized" }, queries: [{ propertyName: "_markers", predicate: MAP_MARKER, descendants: true }], exportAs: ["mapMarkerClusterer"], usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapMarkerClusterer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'map-marker-clusterer',
+                    exportAs: 'mapMarkerClusterer',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content/>',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { renderer: [{
+                type: Input
+            }], algorithm: [{
+                type: Input
+            }], clusteringbegin: [{
+                type: Output
+            }], clusteringend: [{
+                type: Output
+            }], clusterClick: [{
+                type: Output
+            }], markerClustererInitialized: [{
+                type: Output
+            }], _markers: [{
+                type: ContentChildren,
+                args: [MAP_MARKER, { descendants: true }]
+            }] } });
+
 const COMPONENTS = [
     GoogleMap,
     MapBaseLayer,
@@ -3573,16 +3775,17 @@ const COMPONENTS = [
     MapKmlLayer,
     MapMarker,
     MapAdvancedMarker,
-    MapMarkerClusterer,
+    DeprecatedMapMarkerClusterer,
     MapPolygon,
     MapPolyline,
     MapRectangle,
     MapTrafficLayer,
     MapTransitLayer,
+    MapMarkerClusterer,
 ];
 class GoogleMapsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: GoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0-next.2", ngImport: i0, type: GoogleMapsModule, imports: [GoogleMap,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: GoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.10", ngImport: i0, type: GoogleMapsModule, imports: [GoogleMap,
             MapBaseLayer,
             MapBicyclingLayer,
             MapCircle,
@@ -3593,12 +3796,13 @@ class GoogleMapsModule {
             MapKmlLayer,
             MapMarker,
             MapAdvancedMarker,
-            MapMarkerClusterer,
+            DeprecatedMapMarkerClusterer,
             MapPolygon,
             MapPolyline,
             MapRectangle,
             MapTrafficLayer,
-            MapTransitLayer], exports: [GoogleMap,
+            MapTransitLayer,
+            MapMarkerClusterer], exports: [GoogleMap,
             MapBaseLayer,
             MapBicyclingLayer,
             MapCircle,
@@ -3609,15 +3813,16 @@ class GoogleMapsModule {
             MapKmlLayer,
             MapMarker,
             MapAdvancedMarker,
-            MapMarkerClusterer,
+            DeprecatedMapMarkerClusterer,
             MapPolygon,
             MapPolyline,
             MapRectangle,
             MapTrafficLayer,
-            MapTransitLayer] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: GoogleMapsModule }); }
+            MapTransitLayer,
+            MapMarkerClusterer] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: GoogleMapsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: GoogleMapsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: GoogleMapsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS,
@@ -3633,8 +3838,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2",
  * See developers.google.com/maps/documentation/javascript/reference/directions#DirectionsService
  */
 class MapDirectionsService {
-    constructor(_ngZone) {
-        this._ngZone = _ngZone;
+    constructor() {
+        this._ngZone = inject(NgZone);
     }
     /**
      * See
@@ -3667,13 +3872,13 @@ class MapDirectionsService {
         }
         return Promise.resolve(this._directionsService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapDirectionsService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapDirectionsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapDirectionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapDirectionsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapDirectionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapDirectionsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
+        }], ctorParameters: () => [] });
 
 // Workaround for: https://github.com/bazelbuild/rules_nodejs/issues/1265
 /**
@@ -3681,8 +3886,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2",
  * See developers.google.com/maps/documentation/javascript/reference/geocoder#Geocoder
  */
 class MapGeocoder {
-    constructor(_ngZone) {
-        this._ngZone = _ngZone;
+    constructor() {
+        this._ngZone = inject(NgZone);
     }
     /**
      * See developers.google.com/maps/documentation/javascript/reference/geocoder#Geocoder.geocode
@@ -3713,17 +3918,17 @@ class MapGeocoder {
         }
         return Promise.resolve(this._geocoder);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapGeocoder, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapGeocoder, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapGeocoder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapGeocoder, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MapGeocoder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: MapGeocoder, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { GoogleMap, GoogleMapsModule, MapAdvancedMarker, MapBaseLayer, MapBicyclingLayer, MapCircle, MapDirectionsRenderer, MapDirectionsService, MapEventManager, MapGeocoder, MapGroundOverlay, MapHeatmapLayer, MapInfoWindow, MapKmlLayer, MapMarker, MapMarkerClusterer, MapPolygon, MapPolyline, MapRectangle, MapTrafficLayer, MapTransitLayer };
+export { DeprecatedMapMarkerClusterer, GoogleMap, GoogleMapsModule, MapAdvancedMarker, MapBaseLayer, MapBicyclingLayer, MapCircle, MapDirectionsRenderer, MapDirectionsService, MapEventManager, MapGeocoder, MapGroundOverlay, MapHeatmapLayer, MapInfoWindow, MapKmlLayer, MapMarker, MapMarkerClusterer, MapPolygon, MapPolyline, MapRectangle, MapTrafficLayer, MapTransitLayer };
 //# sourceMappingURL=google-maps.mjs.map