build: update to Angular 14 stable (#1147)

Updates the repo to the latest version of Angular.

Author: crisbeto

angular.json

@@ -2,7 +2,6 @@
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
   "newProjectRoot": "projects",
-  "defaultProject": "material-angular-io",
   "projects": {
     "material-angular-io": {
       "root": "",
@@ -328,7 +327,6 @@
     }
   },
   "cli": {
-    "analytics": "cf155f04-1636-4df9-9ce2-870ba25ad38d",
-    "defaultCollection": "@angular-eslint/schematics"
+    "analytics": "cf155f04-1636-4df9-9ce2-870ba25ad38d"
   }
 }

package.json

@@ -34,23 +34,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.0.0-rc.2",
-    "@angular/cdk": "^14.0.0-rc.1",
-    "@angular/cdk-experimental": "^14.0.0-rc.1",
-    "@angular/common": "^14.0.0-rc.2",
-    "@angular/compiler": "^14.0.0-rc.2",
+    "@angular/animations": "^14.0.0",
+    "@angular/cdk": "^14.0.0",
+    "@angular/cdk-experimental": "^14.0.0",
+    "@angular/common": "^14.0.0",
+    "@angular/compiler": "^14.0.0",
     "@angular/components-examples": "https://github.com/angular/material2-docs-content.git#9bd54cb435a675b1880f4026a64eb9f1677e7087",
-    "@angular/core": "^14.0.0-rc.2",
-    "@angular/forms": "^14.0.0-rc.2",
-    "@angular/google-maps": "^14.0.0-rc.1",
-    "@angular/localize": "^14.0.0-rc.2",
-    "@angular/material": "^14.0.0-rc.1",
-    "@angular/material-experimental": "^14.0.0-rc.1",
-    "@angular/material-moment-adapter": "^14.0.0-rc.1",
-    "@angular/platform-browser": "14.0.0-rc.2",
-    "@angular/platform-browser-dynamic": "14.0.0-rc.2",
-    "@angular/router": "14.0.0-rc.2",
-    "@angular/youtube-player": "^14.0.0-rc.1",
+    "@angular/core": "^14.0.0",
+    "@angular/forms": "^14.0.0",
+    "@angular/google-maps": "^14.0.0",
+    "@angular/localize": "^14.0.0",
+    "@angular/material": "^14.0.0",
+    "@angular/material-experimental": "^14.0.0",
+    "@angular/material-moment-adapter": "^14.0.0",
+    "@angular/platform-browser": "14.0.0",
+    "@angular/platform-browser-dynamic": "14.0.0",
+    "@angular/router": "14.0.0",
+    "@angular/youtube-player": "^14.0.0",
     "@stackblitz/sdk": "^1.5.2",
     "material-components-web": "14.0.0-canary.9736ddce9.0",
     "moment": "^2.29.1",
@@ -59,14 +59,13 @@
     "zone.js": "~0.11.5"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.0.0-rc.2",
+    "@angular-devkit/build-angular": "^14.0.0",
     "@angular-eslint/builder": "^13.1.0",
     "@angular-eslint/eslint-plugin": "^13.1.0",
     "@angular-eslint/eslint-plugin-template": "^13.1.0",
-    "@angular-eslint/schematics": "^13.1.0",
     "@angular-eslint/template-parser": "^13.1.0",
-    "@angular/cli": "^14.0.0-rc.2",
-    "@angular/compiler-cli": "^14.0.0-rc.2",
+    "@angular/cli": "^14.0.0",
+    "@angular/compiler-cli": "^14.0.0",
     "@types/imagemin": "^7.0.0",
     "@types/jasmine": "^3.7.7",
     "@types/node": "^14.14.22",
@@ -97,6 +96,6 @@
     "puppeteer": "~8.0.0",
     "shelljs": "^0.8.4",
     "ts-node": "^8.10.2",
-    "typescript": "~4.7.1-rc"
+    "typescript": "~4.7.2"
   }
 }

scenes/src/app/scenes/autocomplete/autocomplete-scene.ts

@@ -19,7 +19,7 @@ import {NoopAnimationsModule} from '@angular/platform-browser/animations';
   templateUrl: './autocomplete-scene.html',
 })
 export class AutocompleteScene implements AfterViewInit {
-  myControl = new FormControl();
+  myControl = new FormControl('');
   options: string[] = ['hello', 'hello world'];
 
   @ViewChild(MatInput) input!: MatInput;

src/app/shared/doc-viewer/doc-viewer-module.ts

@@ -26,7 +26,6 @@ import {CodeSnippet} from '../example-viewer/code-snippet';
     StackBlitzButtonModule
   ],
   declarations: [DocViewer, ExampleViewer, HeaderLink, CodeSnippet],
-  entryComponents: [ExampleViewer, HeaderLink],
-  exports: [DocViewer, ExampleViewer, HeaderLink],
+  exports: [DocViewer, ExampleViewer, HeaderLink]
 })
 export class DocViewerModule { }

src/app/shared/table-of-contents/table-of-contents.module.ts

@@ -6,7 +6,6 @@ import {RouterModule} from '@angular/router';
 @NgModule({
   imports: [CommonModule, RouterModule],
   declarations: [TableOfContents],
-  exports: [TableOfContents],
-  entryComponents: [TableOfContents],
+  exports: [TableOfContents]
 })
 export class TableOfContentsModule { }