Merge pull request #601 from aspnetboilerplate/pr/6169

Upgrade to Angular version 12

Author: ismcagdas

angular/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",
@@ -49,7 +48,13 @@
               "src/assets/abp-web-resources/abp.sweet-alert.js",
               "src/assets/abp-web-resources/abp.freeze-ui.js",
               "node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js"
-            ]
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -63,7 +68,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -88,7 +92,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",

angular/e2e/tsconfig.json

@@ -2,7 +2,6 @@
   "compileOnSave": false,
   "compilerOptions": {
     "declaration": false,
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "lib": [
       "es2016"

angular/package.json

@@ -13,14 +13,14 @@
     "test": "ng test"
   },
   "dependencies": {
-    "@angular/animations": "^11.0.2",
-    "@angular/common": "^11.0.2",
-    "@angular/compiler": "^11.0.2",
-    "@angular/core": "^11.0.2",
-    "@angular/forms": "^11.0.2",
-    "@angular/platform-browser": "^11.0.2",
-    "@angular/platform-browser-dynamic": "^11.0.2",
-    "@angular/router": "^11.0.2",
+    "@angular/animations": "^12.0.5",
+    "@angular/common": "^12.0.5",
+    "@angular/compiler": "^12.0.5",
+    "@angular/core": "^12.0.5",
+    "@angular/forms": "^12.0.5",
+    "@angular/platform-browser": "^12.0.5",
+    "@angular/platform-browser-dynamic": "^12.0.5",
+    "@angular/router": "^12.0.5",
     "@aspnet/signalr": "^1.1.4",
     "@fortawesome/fontawesome-free": "^5.15.3",
     "abp-ng2-module": "^6.2.0",
@@ -30,7 +30,7 @@
     "famfamfam-flags": "^1.0.0",
     "lodash-es": "^4.17.15",
     "moment": "2.24.0",
-    "moment-timezone": "^0.5.28",
+    "moment-timezone": "0.5.33",
     "ngx-bootstrap": "^5.6.1",
     "ngx-pagination": "^5.0.0",
     "push.js": "1.0.12",
@@ -39,21 +39,21 @@
     "ts-helpers": "^1.1.2",
     "tslib": "^2.0.0",
     "web-animations-js": "^2.3.2",
-    "zone.js": "~0.10.2"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1100.2",
-    "@angular/cli": "^11.0.2",
-    "@angular/compiler-cli": "^11.0.2",
+    "@angular-devkit/build-angular": "~12.0.5",
+    "@angular/cli": "^12.0.5",
+    "@angular/compiler-cli": "^12.0.5",
     "@angularclass/hmr": "^2.1.3",
     "@types/jasmine": "~3.6.0",
     "@types/lodash-es": "^4.17.3",
-    "@types/moment-timezone": "^0.5.12",
+    "@types/moment-timezone": "^0.5.30",
     "@types/node": "^13.13.4",
     "codelyzer": "^6.0.0",
     "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.1.1",
+    "karma": "~6.3.4",
     "karma-chrome-launcher": "~3.1.0",
     "karma-cli": "^2.0.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
@@ -63,7 +63,7 @@
     "protractor": "~7.0.0",
     "ts-node": "^8.10.1",
     "tslint": "~6.1.0",
-    "typescript": "4.0.5",
+    "typescript": "4.2.4",
     "webpack-bundle-analyzer": "^3.7.0"
   },
   "angular-cli": {}

angular/src/app-initializer.ts

@@ -1,7 +1,7 @@
 import { Injectable, Injector } from '@angular/core';
 import { PlatformLocation, registerLocaleData } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
-import * as moment from 'moment';
+import * as moment from 'moment-timezone';
 import { filter as _filter, merge as _merge } from 'lodash-es';
 import { AppConsts } from '@shared/AppConsts';
 import { AppSessionService } from '@shared/session/app-session.service';

angular/src/polyfills.ts

@@ -16,4 +16,4 @@ import 'core-js/es/string';
 import 'core-js/es/symbol';
 import 'core-js/es/reflect';
 import { finalize } from 'rxjs/operators';
-import 'zone.js/dist/zone';
+import 'zone.js';

angular/src/tsconfig.json

@@ -2,7 +2,6 @@
   "compilerOptions": {
     "declaration": false,
     "downlevelIteration": true,
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "lib": [ "es6", "dom" ],
     "mapRoot": "./",