migrate to ng12

angular.json

@@ -36,7 +36,6 @@
             "main": "apps/red-ui/src/main.ts",
             "polyfills": "apps/red-ui/src/polyfills.ts",
             "tsConfig": "apps/red-ui/tsconfig.app.json",
-            "aot": true,
             "assets": [
               "apps/red-ui/src/favicon.ico",
               {
@@ -62,7 +61,13 @@
               "node_modules/ace-builds/src-min/ace.js",
               "node_modules/ace-builds/src-min/mode-java.js",
               "node_modules/ace-builds/src-min/theme-eclipse.js"
-            ]
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {

apps/red-ui/src/polyfills.ts

@@ -58,7 +58,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.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

libs/red-cache/src/test.ts

@@ -1,10 +1,13 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
 import 'core-js/es7/reflect';
-import 'zone.js/dist/zone';
-import 'zone.js/dist/zone-testing';
+import 'zone.js';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import {
+    BrowserDynamicTestingModule,
+    platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
 
 declare const require: any;
 

package.json

@@ -35,18 +35,18 @@
     }
   },
   "dependencies": {
-    "@angular/animations": "11.2.13",
+    "@angular/animations": "12.0.0",
     "@angular/cdk": "~11.2.12",
-    "@angular/common": "11.2.13",
-    "@angular/compiler": "11.2.13",
-    "@angular/core": "11.2.13",
-    "@angular/forms": "11.2.13",
+    "@angular/common": "12.0.0",
+    "@angular/compiler": "12.0.0",
+    "@angular/core": "12.0.0",
+    "@angular/forms": "12.0.0",
     "@angular/material": "~11.2.12",
     "@angular/material-moment-adapter": "^11.2.12",
-    "@angular/platform-browser": "11.2.13",
-    "@angular/platform-browser-dynamic": "11.2.13",
-    "@angular/router": "11.2.13",
-    "@angular/service-worker": "11.2.13",
+    "@angular/platform-browser": "12.0.0",
+    "@angular/platform-browser-dynamic": "12.0.0",
+    "@angular/router": "12.0.0",
+    "@angular/service-worker": "12.0.0",
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "@nrwl/angular": "12.2.0",
@@ -68,13 +68,13 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.1102.12",
+    "@angular-devkit/build-angular": "12.0.0",
     "@angular-eslint/eslint-plugin": "~4.2.0",
     "@angular-eslint/eslint-plugin-template": "~4.2.0",
     "@angular-eslint/template-parser": "~4.2.0",
-    "@angular/cli": "11.2.12",
-    "@angular/compiler-cli": "11.2.13",
-    "@angular/language-service": "11.2.13",
+    "@angular/cli": "12.0.0",
+    "@angular/compiler-cli": "12.0.0",
+    "@angular/language-service": "12.0.0",
     "@nrwl/cli": "12.2.0",
     "@nrwl/cypress": "12.2.0",
     "@nrwl/eslint-plugin-nx": "12.2.0",
@@ -103,7 +103,7 @@
     "jest-preset-angular": "8.4.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
-    "ng-packagr": "11.2.4",
+    "ng-packagr": "12.0.0",
     "prettier": "2.3.0",
     "pretty-quick": "^3.1.0",
     "superagent": "^6.1.0",
@@ -111,6 +111,6 @@
     "ts-jest": "26.5.6",
     "ts-node": "9.1.1",
     "webpack": "^4.18.1",
-    "typescript": "4.1.4"
+    "typescript": "4.2.4"
   }
 }