Update to Angular 12

openvidu-server/src/dashboard/angular.json

@@ -11,7 +11,6 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -25,7 +24,13 @@
             "styles": [
               "src/styles.css"
             ],
-            "scripts": []
+            "scripts": [],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -39,7 +44,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -50,7 +54,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",

openvidu-server/src/dashboard/package.json

@@ -1,55 +1,55 @@
 {
-    "dependencies": {
+  "dependencies": {
-        "@angular/animations": "11.2.4",
+    "@angular/animations": "12.2.15",
-        "@angular/cdk": "11.2.3",
+    "@angular/cdk": "11.2.3",
-        "@angular/common": "11.2.4",
+    "@angular/common": "12.2.15",
-        "@angular/compiler": "11.2.4",
+    "@angular/compiler": "12.2.15",
-        "@angular/core": "11.2.4",
+    "@angular/core": "12.2.15",
-        "@angular/flex-layout": "11.0.0-beta.33",
+    "@angular/flex-layout": "11.0.0-beta.33",
-        "@angular/forms": "11.2.4",
+    "@angular/forms": "12.2.15",
-        "@angular/material": "11.2.3",
+    "@angular/material": "11.2.3",
-        "@angular/platform-browser": "11.2.4",
+    "@angular/platform-browser": "12.2.15",
-        "@angular/platform-browser-dynamic": "11.2.4",
+    "@angular/platform-browser-dynamic": "12.2.15",
-        "@angular/router": "11.2.4",
+    "@angular/router": "12.2.15",
-        "core-js": "3.9.1",
+    "core-js": "3.9.1",
-        "jquery": "3.6.0",
+    "jquery": "3.6.0",
-        "openvidu-browser": "2.20.0",
+    "openvidu-browser": "2.20.0",
-        "rxjs": "6.6.6",
+    "rxjs": "6.6.6",
-        "tslib": "2.1.0",
+    "tslib": "2.1.0",
-        "zone.js": "0.11.4"
+    "zone.js": "~0.11.4"
-    },
+  },
-    "devDependencies": {
+  "devDependencies": {
-        "@angular-devkit/build-angular": "0.1102.3",
+    "@angular-devkit/build-angular": "12.2.14",
-        "@angular/cli": "11.2.3",
+    "@angular/cli": "12.2.14",
-        "@angular/compiler-cli": "11.2.4",
+    "@angular/compiler-cli": "12.2.15",
-        "@angular/language-service": "11.2.4",
+    "@angular/language-service": "12.2.15",
-        "@types/jasmine": "3.6.6",
+    "@types/jasmine": "3.6.6",
-        "@types/node": "14.14.32",
+    "@types/node": "14.14.32",
-        "codelyzer": "6.0.1",
+    "codelyzer": "6.0.1",
-        "jasmine-core": "3.6.0",
+    "jasmine-core": "3.6.0",
-        "jasmine-spec-reporter": "6.0.0",
+    "jasmine-spec-reporter": "6.0.0",
-        "karma": "6.1.2",
+    "karma": "6.3.10",
-        "karma-chrome-launcher": "3.1.0",
+    "karma-chrome-launcher": "3.1.0",
-        "karma-coverage-istanbul-reporter": "3.0.3",
+    "karma-coverage-istanbul-reporter": "3.0.3",
-        "karma-jasmine": "4.0.1",
+    "karma-jasmine": "4.0.1",
-        "karma-jasmine-html-reporter": "1.5.4",
+    "karma-jasmine-html-reporter": "1.5.4",
-        "protractor": "7.0.0",
+    "protractor": "7.0.0",
-        "ts-node": "9.1.1",
+    "ts-node": "9.1.1",
-        "tslint": "6.1.3",
+    "tslint": "6.1.3",
-        "typescript": "4.1.5"
+    "typescript": "4.3.5"
-    },
+  },
-    "license": "Apache-2.0",
+  "license": "Apache-2.0",
-    "name": "frontend",
+  "name": "frontend",
-    "private": true,
+  "private": true,
-    "scripts": {
+  "scripts": {
-        "build": "./node_modules/@angular/cli/bin/ng build --base-href /dashboard/ --output-path ../main/resources/static/dashboard",
+    "build": "./node_modules/@angular/cli/bin/ng build --base-href /dashboard/ --output-path ../main/resources/static/dashboard",
-        "build-prod": "./node_modules/@angular/cli/bin/ng build --prod --base-href /dashboard/ --output-path ../main/resources/static/dashboard",
+    "build-prod": "./node_modules/@angular/cli/bin/ng build --configuration production --base-href /dashboard/ --output-path ../main/resources/static/dashboard",
-        "e2e": "ng e2e",
+    "e2e": "ng e2e",
-        "lint": "ng lint",
+    "lint": "ng lint",
-        "ng": "ng",
+    "ng": "ng",
-        "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points",
+    "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points",
-        "start": "ng serve",
+    "start": "ng serve",
-        "test": "ng test"
+    "test": "ng test"
-    },
+  },
-    "version": "0.0.0"
+  "version": "0.0.0"
 }

openvidu-server/src/dashboard/src/polyfills.ts

@@ -55,7 +55,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
 
 
 /***************************************************************************************************

openvidu-server/src/dashboard/tsconfig.json

@@ -7,7 +7,6 @@
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "target": "es2018",
     "typeRoots": [