Update angular

package.json

@@ -11,41 +11,40 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^6.0.0",
+    "@angular/animations": "^8.2.8",
-    "@angular/cdk": "^6.4.2",
+    "@angular/cdk": "^8.2.1",
-    "@angular/common": "^6.0.0",
+    "@angular/common": "^8.2.8",
-    "@angular/compiler": "^6.0.0",
+    "@angular/compiler": "^8.2.8",
-    "@angular/core": "^6.0.0",
+    "@angular/core": "^8.2.8",
-    "@angular/forms": "^6.0.0",
+    "@angular/forms": "^8.2.8",
-    "@angular/http": "^6.0.0",
+    "@angular/material": "^8.2.1",
-    "@angular/material": "^6.4.2",
+    "@angular/platform-browser": "^8.2.8",
-    "@angular/platform-browser": "^6.0.0",
+    "@angular/platform-browser-dynamic": "^8.2.8",
-    "@angular/platform-browser-dynamic": "^6.0.0",
+    "@angular/router": "^8.2.8",
-    "@angular/router": "^6.0.0",
+    "core-js": "^3.2.1",
-    "core-js": "^2.5.4",
     "hammerjs": "^2.0.8",
-    "rxjs": "^6.0.0",
+    "rxjs": "^6.5.3",
-    "zone.js": "^0.8.26"
+    "zone.js": "^0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.6.0",
+    "@angular-devkit/build-angular": "~0.803.6",
-    "@angular/cli": "~6.0.0",
+    "@angular/cli": "~8.3.6",
-    "@angular/compiler-cli": "^6.0.0",
+    "@angular/compiler-cli": "^8.2.8",
-    "@angular/language-service": "^6.0.0",
+    "@angular/language-service": "^8.2.8",
-    "@types/jasmine": "~2.8.6",
+    "@types/jasmine": "~3.4.1",
-    "@types/jasminewd2": "~2.0.3",
+    "@types/jasminewd2": "~2.0.7",
-    "@types/node": "~8.9.4",
+    "@types/node": "~12.7.8",
-    "codelyzer": "~4.2.1",
+    "codelyzer": "~5.1.2",
-    "jasmine-core": "~2.99.1",
+    "jasmine-core": "~3.5.0",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~1.7.1",
+    "karma": "~4.3.0",
-    "karma-chrome-launcher": "~2.2.0",
+    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~1.4.2",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
-    "karma-jasmine": "~1.1.1",
+    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^0.2.2",
+    "karma-jasmine-html-reporter": "^1.4.2",
-    "protractor": "~5.3.0",
+    "protractor": "~5.4.2",
-    "ts-node": "~5.0.1",
+    "ts-node": "~8.4.1",
-    "tslint": "~5.9.1",
+    "tslint": "~5.20.0",
-    "typescript": "~2.7.2"
+    "typescript": "~3.5.0"
   }
 }

src/app/components/overlay.scss

@@ -30,7 +30,7 @@
     margin-bottom: 1rem;
     display: flex;
     flex-direction: row;
-    justify-content: start;
+    justify-content: flex-start;
     color: gray;
     font-size: 4rem;
     span {

src/app/openlp.service.ts

@@ -1,9 +1,7 @@
 import { Injectable, EventEmitter } from '@angular/core';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { URLSearchParams, Http } from '@angular/http';
 
 import { Observable } from 'rxjs';
-import { map, take } from 'rxjs/operators';
 
 import { PluginDescription, State, Slide, ServiceItem, MainView, SystemInformation, Credentials, AuthToken } from './responses';
 import { environment } from '../environments/environment';
@@ -47,7 +45,7 @@ export class OpenLPService {
       ws.onmessage = (event) => {
         let reader = new FileReader()
         reader.onload = () => {
-          state = deserialize(JSON.parse(reader.result).results, State);
+          state = deserialize(JSON.parse(reader.result as string).results, State);
           this.stateChanged$.emit(state);
           }
         reader.readAsText(event.data);

src/polyfills.ts

@@ -43,7 +43,7 @@
 
 /** Evergreen browsers require these. **/
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/es7/reflect';
+//import 'core-js/es7/reflect';
 
 
 /**