Dashboard: update to Angular 9

openvidu-server/src/dashboard/package-lock.json

@@ -212,12 +212,11 @@
       "integrity": "sha512-jB8+SC3vMztW5zt5UYVmtVwqIWE33UyEjbP5JPba3I3bLRK5E059LcJmN1rSdJHItgIAdG9Y1I0WJ6aiSFyp4Q=="
     },
     "@angular/cdk": {
-      "version": "8.2.3",
+      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-8.2.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.0.0.tgz",
-      "integrity": "sha512-ZwO5Sn720RA2YvBqud0JAHkZXjmjxM0yNzCO8RVtRE9i8Gl26Wk0j0nQeJkVm4zwv2QO8MwbKUKGTMt8evsokA==",
+      "integrity": "sha512-2kYpyYbewIB6fubSIDMvSprJLNplRZoL/AtXW3od4dLyRxtzX+7iWTAtzUG/dhq8CKev0lpd1HENh5lLR/Lhjw==",
       "requires": {
-        "parse5": "^5.0.0",
+        "parse5": "^5.0.0"
-        "tslib": "^1.7.1"
       }
     },
     "@angular/cli": {
@@ -388,12 +387,9 @@
       "dev": true
     },
     "@angular/material": {
-      "version": "8.2.3",
+      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-8.2.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.0.0.tgz",
-      "integrity": "sha512-SOczkIaqes+r+9XF/UUiokidfFKBpHkOPIaFK857sFD0FBNPvPEpOr5oHKCG3feERRwAFqHS7Wo2ohVEWypb5A==",
+      "integrity": "sha512-QxN2rmR5mvg2YE1NoIGWLpbnmcJq0iFidzy6odzvN17+XkoCJBZ65IdYsHrJgfwGpoIy6bywuixrDHHcSh9I5w=="
-      "requires": {
-        "tslib": "^1.7.1"
-      }
     },
     "@angular/platform-browser": {
       "version": "9.0.0",
@@ -4972,11 +4968,6 @@
       "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==",
       "dev": true
     },
-    "hammerjs": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
-      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
-    },
     "handle-thing": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.0.tgz",

openvidu-server/src/dashboard/package.json

@@ -1,18 +1,17 @@
 {
   "dependencies": {
     "@angular/animations": "9.0.0",
-    "@angular/cdk": "8.2.3",
+    "@angular/cdk": "9.0.0",
     "@angular/common": "9.0.0",
     "@angular/compiler": "9.0.0",
     "@angular/core": "9.0.0",
     "@angular/flex-layout": "9.0.0-beta.29",
     "@angular/forms": "9.0.0",
-    "@angular/material": "8.2.3",
+    "@angular/material": "9.0.0",
     "@angular/platform-browser": "9.0.0",
     "@angular/platform-browser-dynamic": "9.0.0",
     "@angular/router": "9.0.0",
     "core-js": "3.6.4",
-    "hammerjs": "2.0.8",
     "jquery": "3.4.1",
     "openvidu-browser": "2.11.0",
     "rxjs": "6.5.4",

openvidu-server/src/dashboard/src/app/app.material.module.ts

@@ -1,17 +1,15 @@
 import { NgModule } from '@angular/core';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import {
+import { MatButtonModule } from '@angular/material/button';
-    MatButtonModule,
+import { MatCardModule } from '@angular/material/card';
-    MatIconModule,
+import { MatCheckboxModule } from '@angular/material/checkbox';
-    MatCheckboxModule,
+import { MatDialogModule } from '@angular/material/dialog';
-    MatCardModule,
+import { MatIconModule } from '@angular/material/icon';
-    MatInputModule,
+import { MatInputModule } from '@angular/material/input';
-    MatProgressSpinnerModule,
+import { MatListModule } from '@angular/material/list';
-    MatTooltipModule,
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-    MatDialogModule,
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-    MatSlideToggleModule,
+import { MatTooltipModule } from '@angular/material/tooltip';
-    MatListModule
-} from '@angular/material';
 
 @NgModule({
     imports: [

openvidu-server/src/dashboard/src/app/app.module.ts

@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
-import 'hammerjs';
 import { AppComponent } from './app.component';
 import { AppMaterialModule } from './app.material.module';
 import { routing } from './app.routing';

openvidu-server/src/dashboard/src/app/components/dashboard/credentials-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { MatDialogRef } from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
     selector: 'app-credentials-dialog',

openvidu-server/src/dashboard/src/app/components/dashboard/dashboard.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, ViewChild, ElementRef, HostListener, OnDestroy } from '@angular/core';
-import { MatDialog, MatDialogRef } from '@angular/material';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { Subscription } from 'rxjs';
 
 import { InfoService } from '../../services/info.service';