refactor(google-maps): fix strict property initialization errors

Updates the code to be compatible with strict property initialization.

Author: crisbeto

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

@@ -345,27 +345,27 @@ describe('DeprecatedMapMarkerClusterer', () => {
   imports: [GoogleMap, MapMarker, DeprecatedMapMarkerClusterer],
 })
 class TestApp {
-  @ViewChild(DeprecatedMapMarkerClusterer) markerClusterer: DeprecatedMapMarkerClusterer;
-
-  ariaLabelFn: AriaLabelFn;
-  averageCenter: boolean;
-  batchSize: number;
-  batchSizeIE: number;
-  calculator: Calculator;
-  clusterClass: string;
-  enableRetinaIcons: boolean;
-  gridSize: number;
-  ignoreHidden: boolean;
-  imageExtension: string;
-  imagePath: string;
-  imageSizes: number[];
-  maxZoom: number;
-  minimumClusterSize: number;
-  styles: ClusterIconStyle[];
-  title: string;
-  zIndex: number;
-  zoomOnClick: boolean;
-  options: MarkerClustererOptions;
+  @ViewChild(DeprecatedMapMarkerClusterer) markerClusterer!: DeprecatedMapMarkerClusterer;
+
+  ariaLabelFn!: AriaLabelFn;
+  averageCenter!: boolean;
+  batchSize!: number;
+  batchSizeIE!: number;
+  calculator!: Calculator;
+  clusterClass!: string;
+  enableRetinaIcons!: boolean;
+  gridSize!: number;
+  ignoreHidden!: boolean;
+  imageExtension!: string;
+  imagePath!: string;
+  imageSizes!: number[];
+  maxZoom!: number;
+  minimumClusterSize!: number;
+  styles!: ClusterIconStyle[];
+  title!: string;
+  zIndex!: number;
+  zoomOnClick!: boolean;
+  options!: MarkerClustererOptions;
 
   state = 'state1';
 

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

@@ -82,105 +82,105 @@ export class DeprecatedMapMarkerClusterer
   set averageCenter(averageCenter: boolean) {
     this._averageCenter = averageCenter;
   }
-  private _averageCenter: boolean;
+  private _averageCenter: boolean | undefined;
 
   @Input() batchSize?: number;
 
   @Input()
   set batchSizeIE(batchSizeIE: number) {
     this._batchSizeIE = batchSizeIE;
   }
-  private _batchSizeIE: number;
+  private _batchSizeIE!: number;
 
   @Input()
   set calculator(calculator: Calculator) {
     this._calculator = calculator;
   }
-  private _calculator: Calculator;
+  private _calculator!: Calculator;
 
   @Input()
   set clusterClass(clusterClass: string) {
     this._clusterClass = clusterClass;
   }
-  private _clusterClass: string;
+  private _clusterClass!: string;
 
   @Input()
   set enableRetinaIcons(enableRetinaIcons: boolean) {
     this._enableRetinaIcons = enableRetinaIcons;
   }
-  private _enableRetinaIcons: boolean;
+  private _enableRetinaIcons: boolean | undefined;
 
   @Input()
   set gridSize(gridSize: number) {
     this._gridSize = gridSize;
   }
-  private _gridSize: number;
+  private _gridSize!: number;
 
   @Input()
   set ignoreHidden(ignoreHidden: boolean) {
     this._ignoreHidden = ignoreHidden;
   }
-  private _ignoreHidden: boolean;
+  private _ignoreHidden: boolean | undefined;
 
   @Input()
   set imageExtension(imageExtension: string) {
     this._imageExtension = imageExtension;
   }
-  private _imageExtension: string;
+  private _imageExtension!: string;
 
   @Input()
   set imagePath(imagePath: string) {
     this._imagePath = imagePath;
   }
-  private _imagePath: string;
+  private _imagePath!: string;
 
   @Input()
   set imageSizes(imageSizes: number[]) {
     this._imageSizes = imageSizes;
   }
-  private _imageSizes: number[];
+  private _imageSizes!: number[];
 
   @Input()
   set maxZoom(maxZoom: number) {
     this._maxZoom = maxZoom;
   }
-  private _maxZoom: number;
+  private _maxZoom!: number;
 
   @Input()
   set minimumClusterSize(minimumClusterSize: number) {
     this._minimumClusterSize = minimumClusterSize;
   }
-  private _minimumClusterSize: number;
+  private _minimumClusterSize!: number;
 
   @Input()
   set styles(styles: ClusterIconStyle[]) {
     this._styles = styles;
   }
-  private _styles: ClusterIconStyle[];
+  private _styles!: ClusterIconStyle[];
 
   @Input()
   set title(title: string) {
     this._title = title;
   }
-  private _title: string;
+  private _title!: string;
 
   @Input()
   set zIndex(zIndex: number) {
     this._zIndex = zIndex;
   }
-  private _zIndex: number;
+  private _zIndex!: number;
 
   @Input()
   set zoomOnClick(zoomOnClick: boolean) {
     this._zoomOnClick = zoomOnClick;
   }
-  private _zoomOnClick: boolean;
+  private _zoomOnClick: boolean | undefined;
 
   @Input()
   set options(options: MarkerClustererOptions) {
     this._options = options;
   }
-  private _options: MarkerClustererOptions;
+  private _options!: MarkerClustererOptions;
 
   /**
    * See
@@ -201,7 +201,7 @@ export class DeprecatedMapMarkerClusterer
   @Output()
   readonly clusterClick: Observable<Cluster> = this._eventManager.getLazyEmitter<Cluster>('click');
 
-  @ContentChildren(MapMarker, {descendants: true}) _markers: QueryList<MapMarker>;
+  @ContentChildren(MapMarker, {descendants: true}) _markers!: QueryList<MapMarker>;
 
   /**
    * The underlying MarkerClusterer object.

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

@@ -447,14 +447,14 @@ describe('GoogleMap', () => {
   imports: [GoogleMap],
 })
 class TestApp {
-  @ViewChild(GoogleMap) map: GoogleMap;
-  height: string | number | null;
-  width: string | number | null;
-  center: google.maps.LatLngLiteral;
-  zoom: number;
-  options: google.maps.MapOptions;
-  mapTypeId: google.maps.MapTypeId;
-  mapId: string;
+  @ViewChild(GoogleMap) map!: GoogleMap;
+  height!: string | number | null;
+  width!: string | number | null;
+  center!: google.maps.LatLngLiteral;
+  zoom!: number;
+  options!: google.maps.MapOptions;
+  mapTypeId!: google.maps.MapTypeId;
+  mapId!: string;
 
   handleClick(event: google.maps.MapMouseEvent) {}
   handleCenterChanged() {}

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

@@ -61,8 +61,8 @@ export class GoogleMap implements OnChanges, OnInit, OnDestroy {
   private readonly _elementRef = inject(ElementRef);
   private _ngZone = inject(NgZone);
   private _eventManager = new MapEventManager(inject(NgZone));
-  private _mapEl: HTMLElement;
-  private _existingAuthFailureCallback: GoogleMapsWindow['gm_authFailure'];
+  private _mapEl!: HTMLElement;
+  private _existingAuthFailureCallback!: GoogleMapsWindow['gm_authFailure'];
 
   /**
    * The underlying google.maps.Map object
@@ -96,13 +96,13 @@ export class GoogleMap implements OnChanges, OnInit, OnDestroy {
   set center(center: google.maps.LatLngLiteral | google.maps.LatLng) {
     this._center = center;
   }
-  private _center: google.maps.LatLngLiteral | google.maps.LatLng;
+  private _center!: google.maps.LatLngLiteral | google.maps.LatLng;
 
   @Input()
   set zoom(zoom: number) {
     this._zoom = zoom;
   }
-  private _zoom: number;
+  private _zoom!: number;
 
   @Input()
   set options(options: google.maps.MapOptions) {

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

@@ -180,13 +180,13 @@ describe('MapAdvancedMarker', () => {
   imports: [GoogleMap, MapAdvancedMarker],
 })
 class TestApp {
-  @ViewChild(MapAdvancedMarker) advancedMarker: MapAdvancedMarker;
-  title: string;
-  position: google.maps.LatLng | google.maps.LatLngLiteral;
-  content: Node | google.maps.marker.PinElement;
-  gmpDraggable: boolean;
-  zIndex: number;
-  options: google.maps.marker.AdvancedMarkerElementOptions;
+  @ViewChild(MapAdvancedMarker) advancedMarker!: MapAdvancedMarker;
+  title!: string;
+  position!: google.maps.LatLng | google.maps.LatLngLiteral;
+  content!: Node | google.maps.marker.PinElement;
+  gmpDraggable!: boolean;
+  zIndex!: number;
+  options!: google.maps.marker.AdvancedMarkerElementOptions;
 
   handleClick() {}
   handleDblclick() {}

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

@@ -64,7 +64,7 @@ export class MapAdvancedMarker
   set title(title: string) {
     this._title = title;
   }
-  private _title: string;
+  private _title!: string;
 
   /**
    * Sets the AdvancedMarkerElement's position. An AdvancedMarkerElement may be constructed without a position, but will not be displayed until its position is provided - for example, by a user's actions or choices. An AdvancedMarkerElement's position can be provided by setting AdvancedMarkerElement.position if not provided at the construction.
@@ -81,7 +81,7 @@ export class MapAdvancedMarker
   ) {
     this._position = position;
   }
-  private _position: google.maps.LatLngLiteral | google.maps.LatLng;
+  private _position!: google.maps.LatLngLiteral | google.maps.LatLng;
 
   /**
    * The DOM Element backing the visual of an AdvancedMarkerElement.
@@ -92,7 +92,7 @@ export class MapAdvancedMarker
   set content(content: Node | google.maps.marker.PinElement | null) {
     this._content = content;
   }
-  private _content: Node | null;
+  private _content: Node | null = null;
 
   /**
    * If true, the AdvancedMarkerElement can be dragged.
@@ -103,7 +103,7 @@ export class MapAdvancedMarker
   set gmpDraggable(draggable: boolean) {
     this._draggable = draggable;
   }
-  private _draggable: boolean;
+  private _draggable: boolean | undefined;
 
   /**
    * Options for constructing an AdvancedMarkerElement.
@@ -113,7 +113,7 @@ export class MapAdvancedMarker
   set options(options: google.maps.marker.AdvancedMarkerElementOptions) {
     this._options = options;
   }
-  private _options: google.maps.marker.AdvancedMarkerElementOptions;
+  private _options!: google.maps.marker.AdvancedMarkerElementOptions;
 
   /**
    * AdvancedMarkerElements on the map are prioritized by zIndex, with higher values indicating higher display.
@@ -123,7 +123,7 @@ export class MapAdvancedMarker
   set zIndex(zIndex: number) {
     this._zIndex = zIndex;
   }
-  private _zIndex: number;
+  private _zIndex!: number;
 
   /**
    * This event is fired when the AdvancedMarkerElement element is clicked.
@@ -192,7 +192,7 @@ export class MapAdvancedMarker
    *
    * See developers.google.com/maps/documentation/javascript/reference/advanced-markers#AdvancedMarkerElement
    */
-  advancedMarker: google.maps.marker.AdvancedMarkerElement;
+  advancedMarker!: google.maps.marker.AdvancedMarkerElement;
 
   constructor(...args: unknown[]);
   constructor() {}

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

@@ -169,10 +169,10 @@ describe('MapCircle', () => {
   imports: [GoogleMap, MapCircle],
 })
 class TestApp {
-  @ViewChild(MapCircle) circle: MapCircle;
-  options: google.maps.CircleOptions;
-  center: google.maps.LatLngLiteral;
-  radius: number;
+  @ViewChild(MapCircle) circle!: MapCircle;
+  options!: google.maps.CircleOptions;
+  center!: google.maps.LatLngLiteral;
+  radius!: number;
 
   handleCenterChange() {}
 

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

@@ -139,9 +139,9 @@ describe('MapDirectionsRenderer', () => {
   imports: [GoogleMap, MapDirectionsRenderer],
 })
 class TestApp {
-  @ViewChild(MapDirectionsRenderer) directionsRenderer: MapDirectionsRenderer;
-  options: google.maps.DirectionsRendererOptions;
-  directions: google.maps.DirectionsResult;
+  @ViewChild(MapDirectionsRenderer) directionsRenderer!: MapDirectionsRenderer;
+  options!: google.maps.DirectionsRendererOptions;
+  directions!: google.maps.DirectionsResult;
 
   handleDirectionsChanged() {}
 }

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

@@ -45,7 +45,7 @@ export class MapDirectionsRenderer implements OnInit, OnChanges, OnDestroy {
   set directions(directions: google.maps.DirectionsResult) {
     this._directions = directions;
   }
-  private _directions: google.maps.DirectionsResult;
+  private _directions!: google.maps.DirectionsResult;
 
   /**
    * See developers.google.com/maps/documentation/javascript/reference/directions
@@ -55,7 +55,7 @@ export class MapDirectionsRenderer implements OnInit, OnChanges, OnDestroy {
   set options(options: google.maps.DirectionsRendererOptions) {
     this._options = options;
   }
-  private _options: google.maps.DirectionsRendererOptions;
+  private _options!: google.maps.DirectionsRendererOptions;
 
   /**
    * See developers.google.com/maps/documentation/javascript/reference/directions

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

@@ -171,7 +171,7 @@ describe('MapGroundOverlay', () => {
   imports: [GoogleMap, MapGroundOverlay],
 })
 class TestApp {
-  @ViewChild(MapGroundOverlay) groundOverlay: MapGroundOverlay;
+  @ViewChild(MapGroundOverlay) groundOverlay!: MapGroundOverlay;
   url!: string;
   bounds!: google.maps.LatLngBoundsLiteral;
   clickable = false;