Update ng2-currency-mask

angular.json

@@ -13,7 +13,6 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "aot": true,
             "outputPath": "dist/twigs",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -32,7 +31,13 @@
               "src/styles.css",
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -52,7 +57,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -72,7 +76,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",

package.json

@@ -14,31 +14,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^11.0.9",
+    "@angular/animations": "^12.0.4",
-    "@angular/cdk": "^11.0.4",
+    "@angular/cdk": "^12.0.4",
-    "@angular/common": "^11.0.9",
+    "@angular/common": "^12.0.4",
-    "@angular/compiler": "^11.0.9",
+    "@angular/compiler": "^12.0.4",
-    "@angular/core": "^11.0.9",
+    "@angular/core": "^12.0.4",
-    "@angular/forms": "^11.0.9",
+    "@angular/forms": "^12.0.4",
-    "@angular/material": "^11.0.4",
+    "@angular/material": "^12.0.4",
-    "@angular/platform-browser": "^11.0.9",
+    "@angular/platform-browser": "^12.0.4",
-    "@angular/platform-browser-dynamic": "^11.0.9",
+    "@angular/platform-browser-dynamic": "^12.0.4",
-    "@angular/router": "^11.0.9",
+    "@angular/router": "^12.0.4",
-    "@angular/service-worker": "^11.0.9",
+    "@angular/service-worker": "^12.0.4",
     "chart.js": "^2.9.4",
     "core-js": "^2.6.12",
     "dexie": "^2.0.4",
     "ng2-charts": "^2.4.2",
-    "ng2-currency-mask": "^9.0.2",
+    "ng2-currency-mask": "^11.0.0",
     "rxjs": "^6.6.3",
     "tslib": "^2.0.0",
-    "zone.js": "~0.10.3"
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.1100.7",
+    "@angular-devkit/build-angular": "^12.0.4",
-    "@angular/cli": "^11.0.7",
+    "@angular/cli": "^12.0.4",
-    "@angular/compiler-cli": "^11.0.9",
+    "@angular/compiler-cli": "^12.0.4",
-    "@angular/language-service": "^11.0.9",
+    "@angular/language-service": "^12.0.4",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "^2.0.8",
     "@types/node": "^12.19.14",
@@ -46,7 +46,7 @@
     "eslint": "^6.8.0",
     "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.1.1",
+    "karma": "~6.3.3",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",
@@ -54,6 +54,6 @@
     "protractor": "~7.0.0",
     "ts-node": "~8.6.2",
     "tslint": "^6.1.3",
-    "typescript": "4.0.5"
+    "typescript": "4.2.4"
   }
 }

src/environments/environment.ts

@@ -13,4 +13,4 @@ export const environment = {
  * below file. Don't forget to comment it out in production mode
  * because it will have a performance impact when errors are thrown
  */
-import 'zone.js/dist/zone-error';  // Included with Angular CLI.
+import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

src/polyfills.ts

@@ -71,7 +71,7 @@ import 'core-js/es7/reflect';
 /***************************************************************************************************
  * 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.
 
 
 

src/styles.scss

@@ -1,30 +1,30 @@
-@import '~@angular/material/theming';
+@use '~@angular/material' as mat;
 // Plus imports for other components in your app.
 
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
-@include mat-core();
+@include mat.core();
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue. Available color palettes: https://material.io/design/color/
-$budget-app-primary: mat-palette($mat-blue);
+$budget-app-primary: mat.define-palette(mat.$blue-palette);
-$budget-app-accent:  mat-palette($mat-cyan);
+$budget-app-accent:  mat.define-palette(mat.$cyan-palette);
 
 // The warn palette is optional (defaults to red).
-$budget-app-warn:    mat-palette($mat-red);
+$budget-app-warn:    mat.define-palette(mat.$red-palette);
 
 // Create the theme object (a Sass map containing all of the palettes).
-$budget-app-theme: mat-light-theme($budget-app-primary, $budget-app-accent, $budget-app-warn);
+$budget-app-theme: mat.define-light-theme($budget-app-primary, $budget-app-accent, $budget-app-warn);
-$budget-dark-theme: mat-dark-theme($budget-app-primary, $budget-app-accent, $budget-app-warn);
+$budget-dark-theme: mat.define-dark-theme($budget-app-primary, $budget-app-accent, $budget-app-warn);
 
 // Include theme styles for core and each component used in your app.
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
 
-@include angular-material-theme($budget-app-theme);
+@include mat.all-component-themes($budget-app-theme);
 
 @media (prefers-color-scheme: dark) {
-    @include angular-material-theme($budget-dark-theme);
+    @include mat.all-component-themes($budget-dark-theme);
 }

src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,

tsconfig.base.json

@@ -7,7 +7,6 @@
     "declaration": false,
     "module": "esnext",
     "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "target": "es5",
     "typeRoots": [