Updating to angular 9

angular.json

@@ -29,6 +29,12 @@
           },
           "configurations": {
             "development": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": false,
               "outputHashing": "all",
               "sourceMap": true,
@@ -41,6 +47,12 @@
               "fileReplacements": []
             },
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [{
                 "replace": "src/environments/environment.ts",
                 "with": "src/environments/environment.prod.ts"
@@ -139,7 +151,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

package.json

@@ -15,15 +15,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.14",
+    "@angular/animations": "^9.1.12",
     "@angular/cdk": "^7.3.1",
-    "@angular/common": "^8.2.14",
-    "@angular/compiler": "^8.2.14",
-    "@angular/core": "^8.2.14",
-    "@angular/forms": "^8.2.14",
-    "@angular/platform-browser": "^8.2.14",
-    "@angular/platform-browser-dynamic": "^8.2.14",
-    "@angular/router": "^8.2.14",
+    "@angular/common": "^9.1.12",
+    "@angular/compiler": "^9.1.12",
+    "@angular/core": "^9.1.12",
+    "@angular/forms": "^9.1.12",
+    "@angular/platform-browser": "^9.1.12",
+    "@angular/platform-browser-dynamic": "^9.1.12",
+    "@angular/router": "^9.1.12",
     "bulma": "^0.7.5",
     "bulma-switch": "^2.0.0",
     "chart.js": "^2.5.0",
@@ -34,21 +34,22 @@
     "ngx-cookie-service": "^2.2.0",
     "ngx-infinite-scroll": "^8.0.1",
     "node-rsa": "^1.0.5",
-    "rxjs": "^6.4.0",
+    "rxjs": "^6.6.3",
     "rxjs-tslint": "^0.1.7",
     "sass-recursive-map-merge": "^1.0.1",
-    "zone.js": "~0.9.1"
+    "tslib": "^1.10.0",
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.29",
-    "@angular/cli": "~8.3.29",
-    "@angular/compiler-cli": "^8.2.14",
-    "@angular/language-service": "^8.2.14",
+    "@angular-devkit/build-angular": "~0.901.12",
+    "@angular/cli": "~9.1.12",
+    "@angular/compiler-cli": "^9.1.12",
+    "@angular/language-service": "^9.1.12",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "^2.8.16",
     "@types/jasminewd2": "^2.0.6",
-    "@types/node": "~8.9.4",
-    "codelyzer": "^5.0.1",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "^4.4.0",
@@ -60,6 +61,6 @@
     "ts-node": "~5.0.1",
     "tslint": "~5.9.1",
     "tslint-config-airbnb": "^5.11.1",
-    "typescript": "~3.5.3"
+    "typescript": "~3.8.3"
   }
 }

src/app/components/media-form-field/media-form-field.component.ts

@@ -15,7 +15,7 @@ export class MediaFormFieldComponent implements OnInit {
   @Output() imageRemoved = new EventEmitter();
   // For media selected in the media library
   @Output() mediaSelected = new EventEmitter<Media>();
-  @ViewChild('fileInput', { static: false }) fileInput;
+  @ViewChild('fileInput') fileInput;
   mediaFile: File = null;
 
   constructor() { }

src/app/components/media/edit/media-form.component.ts

@@ -16,7 +16,7 @@ export class MediaFormComponent implements OnInit {
   media: Media;
   form: FormGroup;
   file: File;
-  @ViewChild('fileInput', { static: false }) fileInput;
+  @ViewChild('fileInput') fileInput;
   logoFieldParams: IImageUploadFieldParams = {
     inputName: 'file',
     label: 'File',

src/tsconfig.app.json

@@ -4,8 +4,11 @@
     "outDir": "../out-tsc/app",
     "types": []
   },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }