update to angular 12

angular.json

@@ -77,7 +77,14 @@
               "apps/demo/src/assets"
             ],
             "styles": [],
-            "scripts": []
+            "scripts": [],
+            "aot": false,
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "dependsOn": [
             {
@@ -103,7 +110,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",

package.json

@@ -7,7 +7,7 @@
     "ng": "nx",
     "start": "ng serve",
     "demo.build": "ng build",
-    "demo.build-prod": "ng build --prod",
+    "demo.build-prod": "ng build --configuration production",
     "build": "nx run ng2-file-upload:build",
     "build-prod": "nx run ng2-file-upload:build:production",
     "build.watch": "nx run ng2-file-upload:build --watch",
@@ -40,17 +40,17 @@
   "homepage": "https://github.com/valor-software/ng2-file-upload#readme",
   "peerDependencies": {},
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1102.13",
+    "@angular-devkit/build-angular": "~12.2.16",
     "@angular-devkit/build-ng-packagr": "^0.1002.0",
-    "@angular/animations": "~11.2.14",
-    "@angular/cli": "~11.2.14",
-    "@angular/common": "~11.2.14",
-    "@angular/compiler": "~11.2.14",
-    "@angular/compiler-cli": "~11.2.14",
-    "@angular/core": "~11.2.14",
-    "@angular/forms": "~11.2.14",
-    "@angular/platform-browser": "~11.2.14",
-    "@angular/platform-browser-dynamic": "~11.2.14",
+    "@angular/animations": "~12.2.16",
+    "@angular/cli": "~12.2.16",
+    "@angular/common": "~12.2.16",
+    "@angular/compiler": "~12.2.16",
+    "@angular/compiler-cli": "~12.2.16",
+    "@angular/core": "~12.2.16",
+    "@angular/forms": "~12.2.16",
+    "@angular/platform-browser": "~12.2.16",
+    "@angular/platform-browser-dynamic": "~12.2.16",
     "@angular-eslint/eslint-plugin": "4.3.0",
     "@angular-eslint/eslint-plugin-template": "4.3.0",
     "@angular-eslint/template-parser": "4.3.0",
@@ -83,7 +83,7 @@
     "jest-createspyobj": "2.0.0",
     "jest-preset-angular": "8.3.2",
     "markdown-loader": "^6.0.0",
-    "ng-packagr": "^11.2.4",
+    "ng-packagr": "^12.2.7",
     "ngx-bootstrap": "7.1.0",
     "npm-run-all": "^4.1.5",
     "protractor": "~7.0.0",
@@ -94,8 +94,8 @@
     "ts-node": "8.3.0",
     "tslint": "^6.1.0",
     "tslint-config-valorsoft": "^2.2.1",
-    "typescript": "4.1.5",
-    "zone.js": "~0.11.3"
+    "typescript": "4.3.5",
+    "zone.js": "~0.11.4"
   },
   "contributors": [
     {

scripts/polyfills.ts

@@ -1,5 +1,5 @@
 // This file includes polyfills needed by Angular 2 and is loaded before
 // the app. You can add your own extra polyfills to this file.
 import 'ts-helpers';
-import 'zone.js/dist/zone';
+import 'zone.js';
 import 'classlist-polyfill';