upgrade to material9

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -28,6 +29,12 @@
           },
           "configurations": {
             "prod": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -57,6 +64,12 @@
               ]
             },
             "test": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/assets/config/apiservers.json",
@@ -69,6 +82,12 @@
               ]
             },
             "dev": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/assets/config/apiservers.json",
@@ -160,7 +179,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "css"
+      "style": "css"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

package.json

@@ -12,18 +12,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "8.2.14",
+    "@angular/animations": "9.1.12",
     "@angular/cdk": "^8.2.3",
-    "@angular/common": "8.2.14",
-    "@angular/compiler": "8.2.14",
-    "@angular/core": "8.2.14",
+    "@angular/common": "9.1.12",
+    "@angular/compiler": "9.1.12",
+    "@angular/core": "9.1.12",
     "@angular/flex-layout": "^8.0.0-beta.27",
-    "@angular/forms": "8.2.14",
+    "@angular/forms": "9.1.12",
     "@angular/http": "7.2.15",
     "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "8.2.14",
-    "@angular/platform-browser-dynamic": "8.2.14",
-    "@angular/router": "8.2.14",
+    "@angular/platform-browser": "9.1.12",
+    "@angular/platform-browser-dynamic": "9.1.12",
+    "@angular/router": "9.1.12",
     "buffer": "^5.5.0",
     "core-js": "^3.6.4",
     "hammerjs": "^2.0.8",
@@ -32,17 +32,18 @@
     "node-forge": "^0.8.5",
     "rxjs": "^6.6.3",
     "rxjs-compat": "^6.5.4",
-    "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/jasmine": "^3.5.2",
     "@types/jasminewd2": "^2.0.8",
-    "@types/node": "^12.12.26",
-    "codelyzer": "^5.2.1",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "^5.2.2",
@@ -53,6 +54,6 @@
     "protractor": "^7.0.0",
     "ts-node": "~8.2.0",
     "tslint": "~5.17.0",
-    "typescript": "3.5.3"
+    "typescript": "3.8.3"
   }
 }

src/app/contactus/contactus.component.ts

@@ -35,9 +35,9 @@ export class ContactUsComponent implements OnInit {
   public contacts$: Observable<any>;
   public tofield$: BehaviorSubject<any[]>;
 
-  @ViewChild('auto', { read: ElementRef, static: false }) matAutocomplete: MatAutocomplete;
-  @ViewChild('contactInput', { read: ElementRef, static: false }) contactInput: ElementRef<HTMLInputElement>; 
-  @ViewChild('namefield', { read: ElementRef, static: false }) namefield: ElementRef<HTMLInputElement>; 
+  @ViewChild('auto', { read: ElementRef }) matAutocomplete: MatAutocomplete;
+  @ViewChild('contactInput', { read: ElementRef }) contactInput: ElementRef<HTMLInputElement>; 
+  @ViewChild('namefield', { read: ElementRef }) namefield: ElementRef<HTMLInputElement>; 
   constructor(private formBuilder: FormBuilder, private computeSitesService: ComputesitesService, private tesService: TesService, private notifications: NotificationsService ) {
     let defform = {'name':[], 'email':[], 'message':[], 'to':[], 'contactCtrl': [], 'subject':[]}
     this.contactForm=this.formBuilder.group(defform); 

src/app/file-explorer/file-explorer.component.ts

@@ -14,7 +14,7 @@ import { RenameDialogComponent } from './modals/renameDialog/renameDialog.compon
 export class FileExplorerComponent {
   constructor(public dialog: MatDialog) {}
 
-    @ViewChild(MatMenuTrigger, {static: false }) contextMenu: MatMenuTrigger;
+    @ViewChild(MatMenuTrigger) contextMenu: MatMenuTrigger;
 
   contextMenuPosition = { x: '0px', y: '0px' };
 

src/app/launch-dialog/launch-dialog.component.ts

@@ -30,8 +30,8 @@ export class LaunchDialogComponent implements OnInit {
   batchcmdsafeurl: any;
   appconfigsafeurl: any;
   rmListen: any;
-  @ViewChild('launchbtn', { read: ElementRef, static: false }) launchbtn: ElementRef;
-  @ViewChild('batchbuilderiframe', { read: ElementRef, static: false }) batchbuilderiframe: ElementRef;
+  @ViewChild('launchbtn', { read: ElementRef }) launchbtn: ElementRef;
+  @ViewChild('batchbuilderiframe', { read: ElementRef }) batchbuilderiframe: ElementRef;
   setFocus: Boolean;
   subscriptions: Subscription[];
   launchNext: Boolean;

src/tsconfig.app.json

@@ -3,12 +3,13 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts",
-    "app/*.worker.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }

src/tsconfig.spec.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
     "baseUrl": "./",
-    "module": "commonjs",
     "types": [
       "jasmin",
       "node"

tsconfig.json

 {
   "compileOnSave": false,
   "compilerOptions": {
+    "module": "esnext",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,