refactor(google-maps): remove standalone flag

Removes all of the standalone flags from the Google Maps components.

Author: crisbeto

src/google-maps/google-map/README.md

@@ -12,7 +12,6 @@ import {GoogleMap} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap],
 })
 export class GoogleMapDemo {
@@ -33,7 +32,7 @@ export class GoogleMapDemo {
 
 ```html
 <!-- google-maps-demo.component.html -->
-<google-map 
+<google-map
   height="400px"
   width="750px"
   [center]="center"

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

@@ -56,7 +56,6 @@ export const DEFAULT_WIDTH = '500px';
 @Component({
   selector: 'google-map',
   exportAs: 'googleMap',
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<div class="map-container"></div><ng-content />',
   encapsulation: ViewEncapsulation.None,

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

@@ -43,7 +43,6 @@ export const DEFAULT_MARKER_OPTIONS = {
 @Directive({
   selector: 'map-advanced-marker',
   exportAs: 'mapAdvancedMarker',
-  standalone: true,
 })
 export class MapAdvancedMarker implements OnInit, OnChanges, OnDestroy, MapAnchorPoint {
   private readonly _googleMap = inject(GoogleMap);

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

@@ -16,7 +16,6 @@ import {GoogleMap} from './google-map/google-map';
 @Directive({
   selector: 'map-base-layer',
   exportAs: 'mapBaseLayer',
-  standalone: true,
 })
 export class MapBaseLayer implements OnInit, OnDestroy {
   protected readonly _map = inject(GoogleMap);

src/google-maps/map-bicycling-layer/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapBicyclingLayer} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapBicyclingLayer],
 })
 export class GoogleMapDemo {

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

@@ -21,7 +21,6 @@ import {GoogleMap} from '../google-map/google-map';
 @Directive({
   selector: 'map-bicycling-layer',
   exportAs: 'mapBicyclingLayer',
-  standalone: true,
 })
 export class MapBicyclingLayer implements OnInit, OnDestroy {
   private _map = inject(GoogleMap);

src/google-maps/map-circle/README.md

@@ -12,8 +12,7 @@ import {GoogleMap, MapCircle} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
-  imports: [GoogleMap, MapCircle],
+    imports: [GoogleMap, MapCircle],
 })
 export class GoogleMapDemo {
   center: google.maps.LatLngLiteral = {lat: 24, lng: 12};
@@ -28,5 +27,5 @@ export class GoogleMapDemo {
 <!-- google-maps-demo.component.html -->
 <google-map height="400px" width="750px" [center]="center" [zoom]="zoom">
   <map-circle [center]="circleCenter" [radius]="radius" />
-</google-map> 
+</google-map>
 ```

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

@@ -32,7 +32,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-circle',
   exportAs: 'mapCircle',
-  standalone: true,
 })
 export class MapCircle implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-directions-renderer/README.md

@@ -27,8 +27,7 @@ import {GoogleMap, MapDirectionsRenderer, MapDirectionsService} from '@angular/g
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
-  imports: [GoogleMap, MapDirectionsRenderer],
+    imports: [GoogleMap, MapDirectionsRenderer],
 })
 export class GoogleMapDemo {
   center: google.maps.LatLngLiteral = {lat: 24, lng: 12};

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

@@ -34,7 +34,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-directions-renderer',
   exportAs: 'mapDirectionsRenderer',
-  standalone: true,
 })
 export class MapDirectionsRenderer implements OnInit, OnChanges, OnDestroy {
   private readonly _googleMap = inject(GoogleMap);

src/google-maps/map-geocoder/README.md

@@ -30,7 +30,6 @@ import {MapGeocoder} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
 })
 export class GoogleMapDemo {
   constructor(geocoder: MapGeocoder) {

src/google-maps/map-ground-overlay/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapGroundOverlay} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapGroundOverlay],
 })
 export class GoogleMapDemo {

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

@@ -33,7 +33,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-ground-overlay',
   exportAs: 'mapGroundOverlay',
-  standalone: true,
 })
 export class MapGroundOverlay implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-heatmap-layer/README.md

@@ -15,7 +15,6 @@ import {GoogleMap, MapHeatmapLayer} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapHeatmapLayer],
 })
 export class GoogleMapDemo {

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

@@ -39,7 +39,6 @@ export type HeatmapData =
 @Directive({
   selector: 'map-heatmap-layer',
   exportAs: 'mapHeatmapLayer',
-  standalone: true,
 })
 export class MapHeatmapLayer implements OnInit, OnChanges, OnDestroy {
   private readonly _googleMap = inject(GoogleMap);

src/google-maps/map-info-window/README.md

@@ -14,7 +14,6 @@ import {GoogleMap, MapInfoWindow, MapMarker} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapInfoWindow, MapMarker],
 })
 export class GoogleMapDemo {

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

@@ -35,7 +35,6 @@ import {MapAnchorPoint} from '../map-anchor-point';
 @Directive({
   selector: 'map-info-window',
   exportAs: 'mapInfoWindow',
-  standalone: true,
   host: {'style': 'display: none'},
 })
 export class MapInfoWindow implements OnInit, OnDestroy {

src/google-maps/map-kml-layer/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapKmlLayer} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapKmlLayer],
 })
 export class GoogleMapDemo {

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

@@ -33,7 +33,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-kml-layer',
   exportAs: 'mapKmlLayer',
-  standalone: true,
 })
 export class MapKmlLayer implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-marker-clusterer/README.md

@@ -22,7 +22,6 @@ import {GoogleMap, MapMarker, MapMarkerClusterer} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapMarker, MapMarkerClusterer],
 })
 export class GoogleMapDemo {
@@ -40,7 +39,7 @@ export class GoogleMapDemo {
 
 ```html
 <!-- google-map-demo.component.html -->
-<google-map 
+<google-map
   height="400px"
   width="750px"
   [center]="center"

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

@@ -59,7 +59,6 @@ declare const MarkerClusterer: typeof MarkerClustererInstance;
   selector: 'map-marker-clusterer',
   exportAs: 'mapMarkerClusterer',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   template: '<ng-content/>',
   encapsulation: ViewEncapsulation.None,
 })

src/google-maps/map-marker/README.md

@@ -14,7 +14,6 @@ import {GoogleMap, MapMarker} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapMarker],
 })
 export class GoogleMapDemo {

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

@@ -44,7 +44,6 @@ export const DEFAULT_MARKER_OPTIONS = {
 @Directive({
   selector: 'map-marker',
   exportAs: 'mapMarker',
-  standalone: true,
 })
 export class MapMarker implements OnInit, OnChanges, OnDestroy, MapAnchorPoint {
   private readonly _googleMap = inject(GoogleMap);

src/google-maps/map-polygon/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapPolygon} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapPolygon],
 })
 export class GoogleMapDemo {

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

@@ -33,7 +33,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-polygon',
   exportAs: 'mapPolygon',
-  standalone: true,
 })
 export class MapPolygon implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-polyline/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapPolyline} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapPolyline],
 })
 export class GoogleMapDemo {

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

@@ -33,7 +33,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-polyline',
   exportAs: 'mapPolyline',
-  standalone: true,
 })
 export class MapPolyline implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-rectangle/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapRectangle} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapRectangle],
 })
 export class GoogleMapDemo {

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

@@ -33,7 +33,6 @@ import {MapEventManager} from '../map-event-manager';
 @Directive({
   selector: 'map-rectangle',
   exportAs: 'mapRectangle',
-  standalone: true,
 })
 export class MapRectangle implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-traffic-layer/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapTrafficLayer} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapTrafficLayer],
 })
 export class GoogleMapDemo {

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

@@ -32,7 +32,6 @@ import {GoogleMap} from '../google-map/google-map';
 @Directive({
   selector: 'map-traffic-layer',
   exportAs: 'mapTrafficLayer',
-  standalone: true,
 })
 export class MapTrafficLayer implements OnInit, OnDestroy {
   private readonly _map = inject(GoogleMap);

src/google-maps/map-transit-layer/README.md

@@ -12,7 +12,6 @@ import {GoogleMap, MapTransitLayer} from '@angular/google-maps';
 @Component({
   selector: 'google-map-demo',
   templateUrl: 'google-map-demo.html',
-  standalone: true,
   imports: [GoogleMap, MapTransitLayer],
 })
 export class GoogleMapDemo {

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

@@ -21,7 +21,6 @@ import {GoogleMap} from '../google-map/google-map';
 @Directive({
   selector: 'map-transit-layer',
   exportAs: 'mapTransitLayer',
-  standalone: true,
 })
 export class MapTransitLayer implements OnInit, OnDestroy {
   private _map = inject(GoogleMap);