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

Author: crisbeto

docs-content/examples-highlighted/cdk/a11y/focus-monitor-focus-via/focus-monitor-focus-via-example-ts.html

@@ -24,7 +24,7 @@
   <span class="hljs-keyword">private</span> _cdr = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">ChangeDetectorRef</span>);
   <span class="hljs-keyword">private</span> _ngZone = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">NgZone</span>);
 
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;monitored&#x27;</span>) <span class="hljs-attr">monitoredEl</span>: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;monitored&#x27;</span>) monitoredEl!: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
 
   origin = <span class="hljs-variable language_">this</span>.<span class="hljs-title function_">formatOrigin</span>(<span class="hljs-literal">null</span>);
 

docs-content/examples-highlighted/cdk/a11y/focus-monitor-overview/focus-monitor-overview-example-ts.html

@@ -21,8 +21,8 @@
   <span class="hljs-keyword">private</span> _cdr = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">ChangeDetectorRef</span>);
   <span class="hljs-keyword">private</span> _ngZone = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">NgZone</span>);
 
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;element&#x27;</span>) <span class="hljs-attr">element</span>: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;subtree&#x27;</span>) <span class="hljs-attr">subtree</span>: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;element&#x27;</span>) element!: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;subtree&#x27;</span>) subtree!: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
 
   elementOrigin = <span class="hljs-variable language_">this</span>.<span class="hljs-title function_">formatOrigin</span>(<span class="hljs-literal">null</span>);
   subtreeOrigin = <span class="hljs-variable language_">this</span>.<span class="hljs-title function_">formatOrigin</span>(<span class="hljs-literal">null</span>);

docs-content/examples-highlighted/cdk/dialog/cdk-dialog-overview/cdk-dialog-overview-example-ts.html

@@ -19,7 +19,7 @@
   dialog = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">Dialog</span>);
 
   <span class="hljs-attr">animal</span>: <span class="hljs-built_in">string</span> | <span class="hljs-literal">undefined</span>;
-  <span class="hljs-attr">name</span>: <span class="hljs-built_in">string</span>;
+  name!: <span class="hljs-built_in">string</span>;
 
   <span class="hljs-title function_">openDialog</span>(): <span class="hljs-built_in">void</span> {
     <span class="hljs-keyword">const</span> dialogRef = <span class="hljs-variable language_">this</span>.<span class="hljs-property">dialog</span>.<span class="hljs-property">open</span>&lt;<span class="hljs-built_in">string</span>&gt;(<span class="hljs-title class_">CdkDialogOverviewExampleDialog</span>, {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example-ts.html

@@ -25,9 +25,9 @@
   <span class="hljs-keyword">private</span> _injector = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">Injector</span>);
   <span class="hljs-keyword">private</span> _viewContainerRef = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">ViewContainerRef</span>);
 
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-title class_">TemplateRef</span>) <span class="hljs-attr">_dialogTemplate</span>: <span class="hljs-title class_">TemplateRef</span>&lt;<span class="hljs-built_in">any</span>&gt;;
-  <span class="hljs-keyword">private</span> <span class="hljs-attr">_overlayRef</span>: <span class="hljs-title class_">OverlayRef</span>;
-  <span class="hljs-keyword">private</span> <span class="hljs-attr">_portal</span>: <span class="hljs-title class_">TemplatePortal</span>;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-title class_">TemplateRef</span>) _dialogTemplate!: <span class="hljs-title class_">TemplateRef</span>&lt;<span class="hljs-built_in">any</span>&gt;;
+  <span class="hljs-keyword">private</span> _overlayRef!: <span class="hljs-title class_">OverlayRef</span>;
+  <span class="hljs-keyword">private</span> _portal!: <span class="hljs-title class_">TemplatePortal</span>;
 
   <span class="hljs-title function_">ngAfterViewInit</span>(<span class="hljs-params"></span>) {
     <span class="hljs-variable language_">this</span>.<span class="hljs-property">_portal</span> = <span class="hljs-keyword">new</span> <span class="hljs-title class_">TemplatePortal</span>(<span class="hljs-variable language_">this</span>.<span class="hljs-property">_dialogTemplate</span>, <span class="hljs-variable language_">this</span>.<span class="hljs-property">_viewContainerRef</span>);

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-table/cdk-drag-drop-table-example-ts.html

@@ -34,7 +34,7 @@
   <span class="hljs-attr">imports</span>: [<span class="hljs-title class_">CdkDropList</span>, <span class="hljs-title class_">CdkDrag</span>, <span class="hljs-title class_">MatTableModule</span>, <span class="hljs-title class_">MatIconModule</span>],
 })
 <span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> <span class="hljs-title class_">CdkDragDropTableExample</span> {
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;table&#x27;</span>, {<span class="hljs-attr">static</span>: <span class="hljs-literal">true</span>}) <span class="hljs-attr">table</span>: <span class="hljs-title class_">MatTable</span>&lt;<span class="hljs-title class_">PeriodicElement</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;table&#x27;</span>, {<span class="hljs-attr">static</span>: <span class="hljs-literal">true</span>}) table!: <span class="hljs-title class_">MatTable</span>&lt;<span class="hljs-title class_">PeriodicElement</span>&gt;;
 
   <span class="hljs-attr">displayedColumns</span>: <span class="hljs-built_in">string</span>[] = [<span class="hljs-string">&#x27;position&#x27;</span>, <span class="hljs-string">&#x27;name&#x27;</span>, <span class="hljs-string">&#x27;weight&#x27;</span>, <span class="hljs-string">&#x27;symbol&#x27;</span>, <span class="hljs-string">&#x27;quantity&#x27;</span>];
   dataSource = <span class="hljs-variable constant_">ELEMENT_DATA</span>;

docs-content/examples-highlighted/cdk/layout/breakpoint-observer-overview/breakpoint-observer-overview-example-ts.html

@@ -11,7 +11,7 @@
 })
 <span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> <span class="hljs-title class_">BreakpointObserverOverviewExample</span> <span class="hljs-keyword">implements</span> <span class="hljs-title class_">OnDestroy</span> {
   destroyed = <span class="hljs-keyword">new</span> <span class="hljs-title class_">Subject</span>&lt;<span class="hljs-built_in">void</span>&gt;();
-  <span class="hljs-attr">currentScreenSize</span>: <span class="hljs-built_in">string</span>;
+  currentScreenSize!: <span class="hljs-built_in">string</span>;
 
   <span class="hljs-comment">// Create a map to display breakpoint names for demonstration purposes.</span>
   displayNameMap = <span class="hljs-keyword">new</span> <span class="hljs-title class_">Map</span>([

docs-content/examples-highlighted/cdk/portal/cdk-portal-overview/cdk-portal-overview-example-ts.html

@@ -27,13 +27,13 @@
 <span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> <span class="hljs-title class_">CdkPortalOverviewExample</span> <span class="hljs-keyword">implements</span> <span class="hljs-title class_">AfterViewInit</span> {
   <span class="hljs-keyword">private</span> _viewContainerRef = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">ViewContainerRef</span>);
 
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;templatePortalContent&#x27;</span>) <span class="hljs-attr">templatePortalContent</span>: <span class="hljs-title class_">TemplateRef</span>&lt;<span class="hljs-built_in">unknown</span>&gt;;
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;domPortalContent&#x27;</span>) <span class="hljs-attr">domPortalContent</span>: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;templatePortalContent&#x27;</span>) templatePortalContent!: <span class="hljs-title class_">TemplateRef</span>&lt;<span class="hljs-built_in">unknown</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;domPortalContent&#x27;</span>) domPortalContent!: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
 
-  <span class="hljs-attr">selectedPortal</span>: <span class="hljs-title class_">Portal</span>&lt;<span class="hljs-built_in">any</span>&gt;;
-  <span class="hljs-attr">componentPortal</span>: <span class="hljs-title class_">ComponentPortal</span>&lt;<span class="hljs-title class_">ComponentPortalExample</span>&gt;;
-  <span class="hljs-attr">templatePortal</span>: <span class="hljs-title class_">TemplatePortal</span>&lt;<span class="hljs-built_in">any</span>&gt;;
-  <span class="hljs-attr">domPortal</span>: <span class="hljs-title class_">DomPortal</span>&lt;<span class="hljs-built_in">any</span>&gt;;
+  selectedPortal!: <span class="hljs-title class_">Portal</span>&lt;<span class="hljs-built_in">any</span>&gt;;
+  componentPortal!: <span class="hljs-title class_">ComponentPortal</span>&lt;<span class="hljs-title class_">ComponentPortalExample</span>&gt;;
+  templatePortal!: <span class="hljs-title class_">TemplatePortal</span>&lt;<span class="hljs-built_in">any</span>&gt;;
+  domPortal!: <span class="hljs-title class_">DomPortal</span>&lt;<span class="hljs-built_in">any</span>&gt;;
 
   <span class="hljs-title function_">ngAfterViewInit</span>(<span class="hljs-params"></span>) {
     <span class="hljs-variable language_">this</span>.<span class="hljs-property">componentPortal</span> = <span class="hljs-keyword">new</span> <span class="hljs-title class_">ComponentPortal</span>(<span class="hljs-title class_">ComponentPortalExample</span>);

docs-content/examples-highlighted/cdk/text-field/text-field-autofill-directive/text-field-autofill-directive-example-ts.html

@@ -12,6 +12,6 @@
   <span class="hljs-attr">imports</span>: [<span class="hljs-title class_">MatFormFieldModule</span>, <span class="hljs-title class_">MatInputModule</span>, <span class="hljs-title class_">TextFieldModule</span>, <span class="hljs-title class_">MatButtonModule</span>],
 })
 <span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> <span class="hljs-title class_">TextFieldAutofillDirectiveExample</span> {
-  <span class="hljs-attr">firstNameAutofilled</span>: <span class="hljs-built_in">boolean</span>;
-  <span class="hljs-attr">lastNameAutofilled</span>: <span class="hljs-built_in">boolean</span>;
+  firstNameAutofilled = <span class="hljs-literal">false</span>;
+  lastNameAutofilled = <span class="hljs-literal">false</span>;
 }

docs-content/examples-highlighted/cdk/text-field/text-field-autofill-monitor/text-field-autofill-monitor-example-ts.html

@@ -14,10 +14,10 @@
 <span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> <span class="hljs-title class_">TextFieldAutofillMonitorExample</span> <span class="hljs-keyword">implements</span> <span class="hljs-title class_">AfterViewInit</span>, <span class="hljs-title class_">OnDestroy</span> {
   <span class="hljs-keyword">private</span> _autofill = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">AutofillMonitor</span>);
 
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;first&#x27;</span>, {<span class="hljs-attr">read</span>: <span class="hljs-title class_">ElementRef</span>}) <span class="hljs-attr">firstName</span>: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;last&#x27;</span>, {<span class="hljs-attr">read</span>: <span class="hljs-title class_">ElementRef</span>}) <span class="hljs-attr">lastName</span>: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
-  <span class="hljs-attr">firstNameAutofilled</span>: <span class="hljs-built_in">boolean</span>;
-  <span class="hljs-attr">lastNameAutofilled</span>: <span class="hljs-built_in">boolean</span>;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;first&#x27;</span>, {<span class="hljs-attr">read</span>: <span class="hljs-title class_">ElementRef</span>}) firstName!: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;last&#x27;</span>, {<span class="hljs-attr">read</span>: <span class="hljs-title class_">ElementRef</span>}) lastName!: <span class="hljs-title class_">ElementRef</span>&lt;<span class="hljs-title class_">HTMLElement</span>&gt;;
+  firstNameAutofilled = <span class="hljs-literal">false</span>;
+  lastNameAutofilled = <span class="hljs-literal">false</span>;
 
   <span class="hljs-title function_">ngAfterViewInit</span>(<span class="hljs-params"></span>) {
     <span class="hljs-variable language_">this</span>.<span class="hljs-property">_autofill</span>

docs-content/examples-highlighted/cdk/text-field/text-field-autosize-textarea/text-field-autosize-textarea-example-ts.html

@@ -14,7 +14,7 @@
 <span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> <span class="hljs-title class_">TextFieldAutosizeTextareaExample</span> {
   <span class="hljs-keyword">private</span> _injector = <span class="hljs-title function_">inject</span>(<span class="hljs-title class_">Injector</span>);
 
-  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;autosize&#x27;</span>) <span class="hljs-attr">autosize</span>: <span class="hljs-title class_">CdkTextareaAutosize</span>;
+  <span class="hljs-meta">@ViewChild</span>(<span class="hljs-string">&#x27;autosize&#x27;</span>) autosize!: <span class="hljs-title class_">CdkTextareaAutosize</span>;
 
   <span class="hljs-title function_">triggerResize</span>(<span class="hljs-params"></span>) {
     <span class="hljs-comment">// Wait for content to render, then trigger textarea resize.</span>