diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..992752d
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "beforeinput"
+    ]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 0f59c57..21afc97 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,8 @@
 
 ## CHANGELOG
 
+- **v3.2.0**: `digitOnly` directive now supports disabling paste events (merges a pull request [#57](/../../pull/49), fixes [#56](/../../issues/56)).
+
 - **v3.1.0**(**v2.3.0**): `digitOnly` directive now supports negative values (merges a pull request [#49](/../../pull/49)).
 
 - **v3.0.0**: a release on par with Angular 12. For projects in Angular v10 or v11, please use v2 of this library.
diff --git a/cypress/integration/clipboard-events.spec.ts b/cypress/integration/clipboard-events.spec.ts
index 745db78..378faa9 100644
--- a/cypress/integration/clipboard-events.spec.ts
+++ b/cypress/integration/clipboard-events.spec.ts
@@ -135,7 +135,7 @@ describe('Copy & Paste', () => {
     cy.get('#digit-only-decimal').clear();
   });
 
-  it('s', ()=> {
+  it('s', () => {
     const dt = new DataTransfer();
     dt.setData('text/plain', 'abc1.0s.1');
     const pasteEvent = new ClipboardEvent('paste', {
@@ -288,4 +288,23 @@ describe('Copy & Paste', () => {
 
     cy.get('#negative-digit-only').clear();
   });
+
+  it('should disable paste when [allowPaste] is false', () => {
+    const dt = new DataTransfer();
+    dt.setData('text/plain', 'a-123');
+    const pasteEvent = new ClipboardEvent('paste', {
+      clipboardData: dt,
+      bubbles: true,
+      cancelable: true,
+    });
+
+    cy.get('#digit-only-disable-paste').clear();
+
+    cy.get('#digit-only-disable-paste').then(($el) => {
+      $el[0].dispatchEvent(pasteEvent);
+      cy.get('#digit-only-disable-paste').should('have.value', '');
+    });
+
+    cy.get('#digit-only-disable-paste').clear();
+  });
 });
diff --git a/package-lock.json b/package-lock.json
index 8281e38..f2eaee8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,27 +7,27 @@
     "": {
       "version": "0.0.0",
       "dependencies": {
-        "@angular/animations": "~12.2.0",
-        "@angular/common": "~12.2.0",
-        "@angular/compiler": "~12.2.0",
-        "@angular/core": "~12.2.0",
-        "@angular/forms": "~12.2.0",
-        "@angular/platform-browser": "~12.2.0",
-        "@angular/platform-browser-dynamic": "~12.2.0",
-        "@angular/router": "~12.2.0",
+        "@angular/animations": "~12.2.4",
+        "@angular/common": "~12.2.4",
+        "@angular/compiler": "~12.2.4",
+        "@angular/core": "~12.2.4",
+        "@angular/forms": "~12.2.4",
+        "@angular/platform-browser": "~12.2.4",
+        "@angular/platform-browser-dynamic": "~12.2.4",
+        "@angular/router": "~12.2.4",
         "rxjs": "~6.6.0",
-        "tslib": "^2.1.0",
+        "tslib": "^2.3.0",
         "zone.js": "~0.11.4"
       },
       "devDependencies": {
-        "@angular-devkit/build-angular": "~12.2.0",
-        "@angular/cli": "~12.2.0",
-        "@angular/compiler-cli": "~12.2.0",
+        "@angular-devkit/build-angular": "~12.2.4",
+        "@angular/cli": "~12.2.4",
+        "@angular/compiler-cli": "~12.2.4",
         "@types/node": "^12.11.1",
-        "cypress": "^7.3.0",
-        "ng-packagr": "^12.0.0",
-        "start-server-and-test": "^1.12.1",
-        "typescript": "~4.2.3"
+        "cypress": "^8.3.0",
+        "ng-packagr": "^12.2.1",
+        "start-server-and-test": "^1.14.0",
+        "typescript": "~4.3.5"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -44,12 +44,12 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.1202.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1202.0.tgz",
-      "integrity": "sha512-99O8iLO9LEVTPYN6kj6XINHxjw13ofTS48hm3D0i44QMEyq3SRH1ctH6HcUAtbgPF3VjOUFr5vRYpQN1OdOCXw==",
+      "version": "0.1202.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1202.4.tgz",
+      "integrity": "sha512-RBatkiiZWGX7/qYYaWVNAzaF3E8TCEt9dRfAoZSaLy/JLQLT3xjX+qT4bBC/XPdC8SQCWvMjW3IjfYRaKTBv1g==",
       "dev": true,
       "dependencies": {
-        "@angular-devkit/core": "12.2.0",
+        "@angular-devkit/core": "12.2.4",
         "rxjs": "6.6.7"
       },
       "engines": {
@@ -59,16 +59,16 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-12.2.0.tgz",
-      "integrity": "sha512-hcnlTZo1iWVVDiq2MSwbEJtc2E4rf7tSvsBvSVQLH1GILtVvN64L3YW0wVThNctWL8nicHWjtGQ+z3kjCOhxYw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-12.2.4.tgz",
+      "integrity": "sha512-kYd22PM3BhjloSd7epEIEieXI/F4gbKgZCxIv7wsIFifOB6cqMH2HK5B1Zb66rieb9dg8AZvnLL9EuUSIULrjw==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "1.0.1",
-        "@angular-devkit/architect": "0.1202.0",
-        "@angular-devkit/build-optimizer": "0.1202.0",
-        "@angular-devkit/build-webpack": "0.1202.0",
-        "@angular-devkit/core": "12.2.0",
+        "@angular-devkit/architect": "0.1202.4",
+        "@angular-devkit/build-optimizer": "0.1202.4",
+        "@angular-devkit/build-webpack": "0.1202.4",
+        "@angular-devkit/core": "12.2.4",
         "@babel/core": "7.14.8",
         "@babel/generator": "7.14.8",
         "@babel/helper-annotate-as-pure": "7.14.5",
@@ -80,7 +80,7 @@
         "@babel/template": "7.14.5",
         "@discoveryjs/json-ext": "0.5.3",
         "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-        "@ngtools/webpack": "12.2.0",
+        "@ngtools/webpack": "12.2.4",
         "ansi-colors": "4.1.1",
         "babel-loader": "8.2.2",
         "browserslist": "^4.9.1",
@@ -92,7 +92,7 @@
         "critters": "0.0.10",
         "css-loader": "6.2.0",
         "css-minimizer-webpack-plugin": "3.0.2",
-        "esbuild": "0.12.17",
+        "esbuild": "0.12.24",
         "find-cache-dir": "3.3.1",
         "glob": "7.1.7",
         "https-proxy-agent": "5.0.0",
@@ -102,7 +102,7 @@
         "less-loader": "10.0.1",
         "license-webpack-plugin": "2.3.20",
         "loader-utils": "2.0.0",
-        "mini-css-extract-plugin": "2.1.0",
+        "mini-css-extract-plugin": "2.2.1",
         "minimatch": "3.0.4",
         "open": "8.2.1",
         "ora": "5.4.1",
@@ -128,7 +128,7 @@
         "text-table": "0.2.0",
         "tree-kill": "1.2.2",
         "tslib": "2.3.0",
-        "webpack": "5.47.1",
+        "webpack": "5.50.0",
         "webpack-dev-middleware": "5.0.0",
         "webpack-dev-server": "3.11.2",
         "webpack-merge": "5.8.0",
@@ -140,11 +140,11 @@
         "yarn": ">= 1.13.0"
       },
       "peerDependencies": {
-        "@angular/compiler-cli": "^12.0.0 || ^12.2.0-next",
-        "@angular/localize": "^12.0.0 || ^12.2.0-next",
-        "@angular/service-worker": "^12.0.0 || ^12.2.0-next",
+        "@angular/compiler-cli": "^12.0.0",
+        "@angular/localize": "^12.0.0",
+        "@angular/service-worker": "^12.0.0",
         "karma": "^6.3.0",
-        "ng-packagr": "^12.0.0 || ^12.1.0-next",
+        "ng-packagr": "^12.0.0",
         "protractor": "^7.0.0",
         "tailwindcss": "^2.0.0",
         "tslint": "^6.1.0",
@@ -174,20 +174,10 @@
         }
       }
     },
-    "node_modules/@angular-devkit/build-angular/node_modules/esbuild": {
-      "version": "0.12.17",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.17.tgz",
-      "integrity": "sha512-GshKJyVYUnlSXIZj/NheC2O0Kblh42CS7P1wJyTbbIHevTG4jYMS9NNw8EOd8dDWD0dzydYHS01MpZoUcQXB4g==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      }
-    },
     "node_modules/@angular-devkit/build-optimizer": {
-      "version": "0.1202.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.1202.0.tgz",
-      "integrity": "sha512-ORZGPrBTlzfSUzAZTrbpMgTbx1TaMcJ+nEFDj0hVBK+DUgf7GnaRjltlIqfKKphh7c6h3OKZAu3k2Lo57WqcIA==",
+      "version": "0.1202.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.1202.4.tgz",
+      "integrity": "sha512-kLZsqNAxaMFdG5GVoyfvvD+v+Iq/0S7xAbuTOa4qwmI946e+vfqO55rHEyRo2in6PVRP8UgH/1fYFgAC0P+pfg==",
       "dev": true,
       "dependencies": {
         "source-map": "0.7.3",
@@ -211,26 +201,13 @@
         }
       }
     },
-    "node_modules/@angular-devkit/build-optimizer/node_modules/typescript": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
-      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.1202.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1202.0.tgz",
-      "integrity": "sha512-G2Iljb8Vpu5+N6jWUii2m8p5NRJe84pgiQbIOxQvegEYkdmbISQYmW3ubFjWDQgjArCpZyWJQ/AIwhmkRef5xQ==",
+      "version": "0.1202.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1202.4.tgz",
+      "integrity": "sha512-XUZWt60M855mLmy02jYZ3yByMQf6sTYrMTfCnz62GILv7snauSfx9SqKYrD37sZ4UMCd4UNRmlcPtcjdRkLoPQ==",
       "dev": true,
       "dependencies": {
-        "@angular-devkit/architect": "0.1202.0",
+        "@angular-devkit/architect": "0.1202.4",
         "rxjs": "6.6.7"
       },
       "engines": {
@@ -244,9 +221,9 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-12.2.0.tgz",
-      "integrity": "sha512-9H2NfE4eazpMPwbAx4ZbtTNijo6419DZsmQzlzwQWzTInO3+CAjQuyW53W5Nt/IoauNVOgOEsC8/YbYjNmN0Aw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-12.2.4.tgz",
+      "integrity": "sha512-lONchANfqBHE0UgqK1PFcaBwpT/FetM8atuLjbhgdM1VcR6lVLzyZImhR12gtNWJ5nledhMp8QeGkFvO3KCdxw==",
       "dev": true,
       "dependencies": {
         "ajv": "8.6.2",
@@ -263,12 +240,12 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-12.2.0.tgz",
-      "integrity": "sha512-C+eutMKtOLROk/2zs1NkXeLZJpFtvZm7ctWmcns0Yh83Di2sCgGiSqdqNZFyDplxkt5W5lF2cdBSGyP8ZH+/ug==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-12.2.4.tgz",
+      "integrity": "sha512-hL2POzb2G8PzYzLl3Dmc3ePCRyXg1LnJEpGTXvTqgLCUI6fKGb2T7hwn3fbD7keCv88UleGazOPq9iU7Qqvx3Q==",
       "dev": true,
       "dependencies": {
-        "@angular-devkit/core": "12.2.0",
+        "@angular-devkit/core": "12.2.4",
         "ora": "5.4.1",
         "rxjs": "6.6.7"
       },
@@ -279,9 +256,9 @@
       }
     },
     "node_modules/@angular/animations": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-12.2.0.tgz",
-      "integrity": "sha512-BCta/HT0VaM0hzsyRyb24UIaV7vlpo2jJjSwnBhO5RosH+bAaA3Faa3ps3AjCDCEXo9z99dvxJFm8WqdunPYyw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-12.2.4.tgz",
+      "integrity": "sha512-UpTddGkftkW/vOhF19Z6lbtvhUX+LpMw+1qC2miM65XNrOWBe5bojX9/9pwGd1CpP189aRFHl933YLCgVxGKPA==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -289,20 +266,20 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "12.2.0"
+        "@angular/core": "12.2.4"
       }
     },
     "node_modules/@angular/cli": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-12.2.0.tgz",
-      "integrity": "sha512-gxw4e3Wb1YgNE+f9sX90xea5vXatqvlYq3mOWFUWVKYcayAgnt9z97a1ULEkSytS1aVjyL44zzkU/QFufPpadQ==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-12.2.4.tgz",
+      "integrity": "sha512-oUpUKnFyunUMaWXF/5mXgM4r2Yav0ucysNN5rIhqtKPwGePGMALIuBWAhgsuIyT+SrmF9HIp1dVC5+sGA1WzYQ==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
-        "@angular-devkit/architect": "0.1202.0",
-        "@angular-devkit/core": "12.2.0",
-        "@angular-devkit/schematics": "12.2.0",
-        "@schematics/angular": "12.2.0",
+        "@angular-devkit/architect": "0.1202.4",
+        "@angular-devkit/core": "12.2.4",
+        "@angular-devkit/schematics": "12.2.4",
+        "@schematics/angular": "12.2.4",
         "@yarnpkg/lockfile": "1.1.0",
         "ansi-colors": "4.1.1",
         "debug": "4.3.2",
@@ -329,9 +306,9 @@
       }
     },
     "node_modules/@angular/common": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-12.2.0.tgz",
-      "integrity": "sha512-9OaqH5WhfJ/YpN9b4TmiGHdOar/3NiGjktwG1/5jV4mTO+tOP25yNO4zCd4RuaRURipWUEa8mSaesgUgTb3jmQ==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-12.2.4.tgz",
+      "integrity": "sha512-GbYcy3m1r2lPlbonodY8c04l/11p9BRcWJ8i+begu2iG7JofRIX8+XOFINMNlOspjo+VZFhVoTlXM7R0Zmfi8Q==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -339,14 +316,14 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/core": "12.2.0",
+        "@angular/core": "12.2.4",
         "rxjs": "^6.5.3 || ^7.0.0"
       }
     },
     "node_modules/@angular/compiler": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-12.2.0.tgz",
-      "integrity": "sha512-24G1joE699gbAHRAIESVQBI797Q506MZ/LWyFHRjfdlfXgltDN63j5dpNJzb/rUK1/uHGGAJaEH+OE60ZK2q9Q==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-12.2.4.tgz",
+      "integrity": "sha512-aqX9SgUIOYwWeD9xGlyGgFRmgvebw9EE8U5Y3Dcrhui1XvxWKnmuozs3w5JVhmEn5f42XDdOas5gkI/E7+hasA==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -355,9 +332,9 @@
       }
     },
     "node_modules/@angular/compiler-cli": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-12.2.0.tgz",
-      "integrity": "sha512-VjGb4gty8JSkmcBvdc4QzQx6mPT7cXs42Hu8IDK7dQma3nTRmwbX0BF1m7i+kbrjWHK8I85FbsYbSzfzZid2NA==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-12.2.4.tgz",
+      "integrity": "sha512-g7sCBdk58yqD9H4k2JQ1NRBgC7SyDjiTbM9ETe/CZ0mzQlbplmgUlPGiSRy4qTTrmjiJlK2AEfzd0s/ahkIsPQ==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.8.6",
@@ -385,7 +362,7 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/compiler": "12.2.0",
+        "@angular/compiler": "12.2.4",
         "typescript": ">=4.2.3 <4.4"
       }
     },
@@ -399,9 +376,9 @@
       }
     },
     "node_modules/@angular/core": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-12.2.0.tgz",
-      "integrity": "sha512-zy/gqSlSEmi85HVbpoQ0nhC74xoL+aoofvbkKPgdgyEcnqzBt4IFzH++0EZ+GMeZ2pVoNfiXklUhAy2OBAiR/g==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-12.2.4.tgz",
+      "integrity": "sha512-+TlS6vI56YkvUoQI/Er7kXzi5sjd/oayb8+iTnecX1u0UOpBYzcE8NLeHqSS9qPUjWSiw0JjgW07gdzxlye3aQ==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -414,9 +391,9 @@
       }
     },
     "node_modules/@angular/forms": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.2.0.tgz",
-      "integrity": "sha512-lhKin5IHElH5qk2Su/o0YMF9JYb84grz0WMIHYmt3EASw/EGvzZwUBd76anJWWwFig6GLw/ZdNC9zLW2Leh06Q==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.2.4.tgz",
+      "integrity": "sha512-o8z2c9WhlptcptonLj+dFkKqTqhc+RAbPIGIGisQpRi6FWgWfn75oXdIuqtHC7oNPDqQfH6zkwcgN2NlUC0uHA==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -424,16 +401,16 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "12.2.0",
-        "@angular/core": "12.2.0",
-        "@angular/platform-browser": "12.2.0",
+        "@angular/common": "12.2.4",
+        "@angular/core": "12.2.4",
+        "@angular/platform-browser": "12.2.4",
         "rxjs": "^6.5.3 || ^7.0.0"
       }
     },
     "node_modules/@angular/platform-browser": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.0.tgz",
-      "integrity": "sha512-MIoWBhhMmPBFfuOPBgEG21uqCZVudTj4YMGxQH4iVlI9GD9ZAht8XgopN9Vw4cytPNfKWsspLoruhIWRNSJlNA==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.4.tgz",
+      "integrity": "sha512-b5BZpYp4s+B3Ec+DvZo5I0YjHITqIc9pmcSdDFkN29eq9+8ZfkJqV9nB1aEab4Al7aJ09u8BhstTufohYH3fBg==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -441,9 +418,9 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/animations": "12.2.0",
-        "@angular/common": "12.2.0",
-        "@angular/core": "12.2.0"
+        "@angular/animations": "12.2.4",
+        "@angular/common": "12.2.4",
+        "@angular/core": "12.2.4"
       },
       "peerDependenciesMeta": {
         "@angular/animations": {
@@ -452,9 +429,9 @@
       }
     },
     "node_modules/@angular/platform-browser-dynamic": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.0.tgz",
-      "integrity": "sha512-mvUo1WEI8PrJxIer0RLXSW9raYDrKarUQ9T2Q0/R3ZgS6Y1WvoJe+qSZ7K/hCbErH4zd+64TuJHlj+g2WHPLug==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.4.tgz",
+      "integrity": "sha512-BGTK71EEaaGpfFJ8gXfnmC95BDhAEjJ5/gW3/DLhgKhoPfpH7J8AtPVijWGovrUB7d4XBmniCVdtSiSVZKfqCA==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -462,16 +439,16 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "12.2.0",
-        "@angular/compiler": "12.2.0",
-        "@angular/core": "12.2.0",
-        "@angular/platform-browser": "12.2.0"
+        "@angular/common": "12.2.4",
+        "@angular/compiler": "12.2.4",
+        "@angular/core": "12.2.4",
+        "@angular/platform-browser": "12.2.4"
       }
     },
     "node_modules/@angular/router": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-12.2.0.tgz",
-      "integrity": "sha512-C5S0bU8KtU/2wBQ76AZVFivWbGYJCDwkVg2Lk4ddjqs/pKWb0vg2Baa3DfJrIz3esqfYUJl00HMYQVM9+QtZQA==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-12.2.4.tgz",
+      "integrity": "sha512-IkSLzXw23CCFQyBdwoouvGj/u2bxs9d4Ba7i+g/aDKrxeUVBZ7XSfks5OhCJe9F/o93rnfnSiBXvgx51olQ5CQ==",
       "dependencies": {
         "tslib": "^2.2.0"
       },
@@ -479,9 +456,9 @@
         "node": "^12.14.1 || >=14.0.0"
       },
       "peerDependencies": {
-        "@angular/common": "12.2.0",
-        "@angular/core": "12.2.0",
-        "@angular/platform-browser": "12.2.0",
+        "@angular/common": "12.2.4",
+        "@angular/core": "12.2.4",
+        "@angular/platform-browser": "12.2.4",
         "rxjs": "^6.5.3 || ^7.0.0"
       }
     },
@@ -2130,9 +2107,9 @@
       }
     },
     "node_modules/@cypress/request": {
-      "version": "2.88.5",
-      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.5.tgz",
-      "integrity": "sha512-TzEC1XMi1hJkywWpRfD2clreTa/Z+lOrXDCxxBTBPEcY5azdPi56A6Xw+O4tWJnaJH3iIE7G5aDXZC6JgRZLcA==",
+      "version": "2.88.6",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.6.tgz",
+      "integrity": "sha512-z0UxBE/+qaESAHY9p9sM2h8Y4XqtsbDCt0/DPOrqA/RZgKi4PkxdpXyK4wCCnSk1xHqWHZZAE+gV6aDAR6+caQ==",
       "dev": true,
       "dependencies": {
         "aws-sign2": "~0.7.0",
@@ -2148,28 +2125,17 @@
         "isstream": "~0.1.2",
         "json-stringify-safe": "~5.0.1",
         "mime-types": "~2.1.19",
-        "oauth-sign": "~0.9.0",
         "performance-now": "^2.1.0",
         "qs": "~6.5.2",
         "safe-buffer": "^5.1.2",
         "tough-cookie": "~2.5.0",
         "tunnel-agent": "^0.6.0",
-        "uuid": "^3.3.2"
+        "uuid": "^8.3.2"
       },
       "engines": {
         "node": ">= 6"
       }
     },
-    "node_modules/@cypress/request/node_modules/uuid": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
-      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
-      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
-      "dev": true,
-      "bin": {
-        "uuid": "bin/uuid"
-      }
-    },
     "node_modules/@cypress/xvfb": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz",
@@ -2245,9 +2211,9 @@
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-12.2.0.tgz",
-      "integrity": "sha512-EocGfCbpPAnanDlagtlbVHpgSWE0a5NyWOY6RCw0pAxj1zL9SYMMId4X+ZJ21C23m6JqNXnWNZ4ib+LaXBIOBg==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-12.2.4.tgz",
+      "integrity": "sha512-jWxp5LwhGoIZY/iSWMpOgjSYS0XMq7bQunxdJBWJ9y8Lysw7lofJkk1KfWjx+oWBSNoOI0E2tH82I4DL6oth4w==",
       "dev": true,
       "engines": {
         "node": "^12.14.1 || >=14.0.0",
@@ -2255,7 +2221,7 @@
         "yarn": ">= 1.13.0"
       },
       "peerDependencies": {
-        "@angular/compiler-cli": "^12.0.0 || ^12.2.0-next",
+        "@angular/compiler-cli": "^12.0.0",
         "typescript": "~4.2.3 || ~4.3.2",
         "webpack": "^5.30.0"
       }
@@ -2445,13 +2411,13 @@
       "dev": true
     },
     "node_modules/@schematics/angular": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-12.2.0.tgz",
-      "integrity": "sha512-2NolT/PNKgjINIHvz6o4sYFj4D4ai7Usf+HspQCi9W30qtLV4Z6hRXoEhmDxrGSlF67vJdwUwDM3sP+6Tg8XEw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-12.2.4.tgz",
+      "integrity": "sha512-JPyjoTQMiVnaFmaEgACm7dzRMp7WMq78abeVaAg/xy8z2apMeDhTBXoSSLhXpQNtFvzLmfM4ovC6sCwn9esU9A==",
       "dev": true,
       "dependencies": {
-        "@angular-devkit/core": "12.2.0",
-        "@angular-devkit/schematics": "12.2.0",
+        "@angular-devkit/core": "12.2.4",
+        "@angular-devkit/schematics": "12.2.4",
         "jsonc-parser": "3.0.0"
       },
       "engines": {
@@ -2817,6 +2783,15 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.7.6.tgz",
+      "integrity": "sha512-FlVvVFA1TX6l3lp8VjDnYYq7R1nyW6x3svAt4nDgrWQ9SBaSh9CnbwgSUTasgfNfOG5HlM1ehugCvM+hjo56LA==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
     "node_modules/adjust-sourcemap-loader": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
@@ -5128,13 +5103,13 @@
       "dev": true
     },
     "node_modules/cypress": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-7.7.0.tgz",
-      "integrity": "sha512-uYBYXNoI5ym0UxROwhQXWTi8JbUEjpC6l/bzoGZNxoKGsLrC1SDPgIDJMgLX/MeEdPL0UInXLDUWN/rSyZUCjQ==",
+      "version": "8.3.1",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-8.3.1.tgz",
+      "integrity": "sha512-1v6pfx+/5cXhaT5T6QKOvnkawmEHWHLiVzm3MYMoQN1fkX2Ma1C32STd3jBStE9qT5qPSTILjGzypVRxCBi40g==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
-        "@cypress/request": "^2.88.5",
+        "@cypress/request": "^2.88.6",
         "@cypress/xvfb": "^1.2.4",
         "@types/node": "^14.14.31",
         "@types/sinonjs__fake-timers": "^6.0.2",
@@ -5897,9 +5872,9 @@
       "dev": true
     },
     "node_modules/esbuild": {
-      "version": "0.12.18",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.18.tgz",
-      "integrity": "sha512-arWhBQSy+oiBAp8VRRCFvAU+3jyf0gGacABLO3haMHboXCDjzq4WUqyQklst2XRuFS8MXgap+9uvODqj9Iygpg==",
+      "version": "0.12.24",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.24.tgz",
+      "integrity": "sha512-C0ibY+HsXzYB6L/pLWEiWjMpghKsIc58Q5yumARwBQsHl9DXPakW+5NI/Y9w4YXiz0PEP6XTGTT/OV4Nnsmb4A==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -7043,6 +7018,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-unicode": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
@@ -7873,12 +7863,13 @@
       }
     },
     "node_modules/is-arguments": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.0.tgz",
-      "integrity": "sha512-1Ij4lOMPl/xB5kBDn7I+b2ttPMKa8szhEIrXDuXQD/oe3HJLTLhqhgGspwgyGd6MOywBUqVvYicF72lkgDnIHg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.0"
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7971,10 +7962,13 @@
       }
     },
     "node_modules/is-date-object": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.4.tgz",
-      "integrity": "sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
       "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -8163,13 +8157,13 @@
       }
     },
     "node_modules/is-regex": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.3.tgz",
-      "integrity": "sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "has-symbols": "^1.0.2"
+        "has-tostringtag": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9205,12 +9199,12 @@
       }
     },
     "node_modules/mini-css-extract-plugin": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.1.0.tgz",
-      "integrity": "sha512-SV1GgjMcfqy6hW07rAniUbQE4qS3inh3v4rZEUySkPRWy3vMbS3jUCjMOvNI4lUnDlQYJEmuUqKktTCNY5koFQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.2.1.tgz",
+      "integrity": "sha512-A0GBXpz8WIPgh2HfASJ0EeY8grd2dGxmC4R8uTujFJXZY7zFy0nvYSYW6SKCLKlz7y45BdHONfaxZQMIZpeF/w==",
       "dev": true,
       "dependencies": {
-        "schema-utils": "^3.0.0"
+        "schema-utils": "^3.1.0"
       },
       "engines": {
         "node": ">= 12.13.0"
@@ -9537,9 +9531,9 @@
       "dev": true
     },
     "node_modules/ng-packagr": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-12.2.0.tgz",
-      "integrity": "sha512-M/qq78Gb4q13t6SFX70W2DrPxyooSkLwXzhWozjD8yWGihx4q+54a72ODGx7jIrB4fQgrGDcMUTM7t1zGYir8Q==",
+      "version": "12.2.1",
+      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-12.2.1.tgz",
+      "integrity": "sha512-awX/sRmURikw6YjcDzrz2+/SJ4yOr1MTgv4OitSeMXfwBlG5zJLN36mLQn49fYBFecBV+lcAosh0OYJuAueU5g==",
       "dev": true,
       "dependencies": {
         "@rollup/plugin-commonjs": "^20.0.0",
@@ -14293,9 +14287,9 @@
       }
     },
     "node_modules/sockjs-client": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.1.tgz",
-      "integrity": "sha512-VnVAb663fosipI/m6pqRXakEOw7nvd7TUgdr3PlR/8V2I95QIdwT8L4nMxhyU8SmDBHYXU1TOElaKOmKLfYzeQ==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.2.tgz",
+      "integrity": "sha512-ZzRxPBISQE7RpzlH4tKJMQbHM9pabHluk0WBaxAQ+wm/UieeBVBou0p4wVnSQGN9QmpAZygQ0cDIypWuqOFmFQ==",
       "dev": true,
       "dependencies": {
         "debug": "^3.2.6",
@@ -14303,7 +14297,7 @@
         "faye-websocket": "^0.11.3",
         "inherits": "^2.0.4",
         "json3": "^3.3.3",
-        "url-parse": "^1.5.1"
+        "url-parse": "^1.5.3"
       }
     },
     "node_modules/sockjs-client/node_modules/debug": {
@@ -14549,9 +14543,9 @@
       "dev": true
     },
     "node_modules/start-server-and-test": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.13.1.tgz",
-      "integrity": "sha512-wZjksmjG5scEHXmV/3HWzImxNzUgaNQ6W8kkqL2GbiOldM+nqiqh7niimlC9ZGNopTGj16kheWZnZtSWgdBZNQ==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.14.0.tgz",
+      "integrity": "sha512-on5ELuxO2K0t8EmNj9MtVlFqwBMxfWOhu4U7uZD1xccVpFlOQKR93CSe0u98iQzfNxRyaNTb/CdadbNllplTsw==",
       "dev": true,
       "dependencies": {
         "bluebird": "3.7.2",
@@ -15033,9 +15027,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.1.6",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.6.tgz",
-      "integrity": "sha512-oaWyu5dQbHaYcyZCTfyPpC+VmI62/OM2RTUYavTk1MDr1cwW5Boi3baeYQKiZbY2uSQJGr+iMOzb/JFxLrft+g==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "dev": true,
       "dependencies": {
         "chownr": "^2.0.0",
@@ -15336,9 +15330,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz",
-      "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
+      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -15710,9 +15704,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.47.1.tgz",
-      "integrity": "sha512-cW+Mzy9SCDapFV4OrkHuP6EFV2mAsiQd+gOa3PKtHNoKg6qPqQXZzBlHH+CnQG1osplBCqwsJZ8CfGO6XWah0g==",
+      "version": "5.50.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.50.0.tgz",
+      "integrity": "sha512-hqxI7t/KVygs0WRv/kTgUW8Kl3YC81uyWQSo/7WUs5LsuRw0htH/fCwbVBGCuiX/t4s7qzjXFcf41O8Reiypag==",
       "dev": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.0",
@@ -15721,6 +15715,7 @@
         "@webassemblyjs/wasm-edit": "1.11.1",
         "@webassemblyjs/wasm-parser": "1.11.1",
         "acorn": "^8.4.1",
+        "acorn-import-assertions": "^1.7.6",
         "browserslist": "^4.14.5",
         "chrome-trace-event": "^1.0.2",
         "enhanced-resolve": "^5.8.0",
@@ -15737,7 +15732,7 @@
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.1.3",
         "watchpack": "^2.2.0",
-        "webpack-sources": "^3.1.1"
+        "webpack-sources": "^3.2.0"
       },
       "bin": {
         "webpack": "bin/webpack.js"
@@ -16932,26 +16927,26 @@
       }
     },
     "@angular-devkit/architect": {
-      "version": "0.1202.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1202.0.tgz",
-      "integrity": "sha512-99O8iLO9LEVTPYN6kj6XINHxjw13ofTS48hm3D0i44QMEyq3SRH1ctH6HcUAtbgPF3VjOUFr5vRYpQN1OdOCXw==",
+      "version": "0.1202.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1202.4.tgz",
+      "integrity": "sha512-RBatkiiZWGX7/qYYaWVNAzaF3E8TCEt9dRfAoZSaLy/JLQLT3xjX+qT4bBC/XPdC8SQCWvMjW3IjfYRaKTBv1g==",
       "dev": true,
       "requires": {
-        "@angular-devkit/core": "12.2.0",
+        "@angular-devkit/core": "12.2.4",
         "rxjs": "6.6.7"
       }
     },
     "@angular-devkit/build-angular": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-12.2.0.tgz",
-      "integrity": "sha512-hcnlTZo1iWVVDiq2MSwbEJtc2E4rf7tSvsBvSVQLH1GILtVvN64L3YW0wVThNctWL8nicHWjtGQ+z3kjCOhxYw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-12.2.4.tgz",
+      "integrity": "sha512-kYd22PM3BhjloSd7epEIEieXI/F4gbKgZCxIv7wsIFifOB6cqMH2HK5B1Zb66rieb9dg8AZvnLL9EuUSIULrjw==",
       "dev": true,
       "requires": {
         "@ampproject/remapping": "1.0.1",
-        "@angular-devkit/architect": "0.1202.0",
-        "@angular-devkit/build-optimizer": "0.1202.0",
-        "@angular-devkit/build-webpack": "0.1202.0",
-        "@angular-devkit/core": "12.2.0",
+        "@angular-devkit/architect": "0.1202.4",
+        "@angular-devkit/build-optimizer": "0.1202.4",
+        "@angular-devkit/build-webpack": "0.1202.4",
+        "@angular-devkit/core": "12.2.4",
         "@babel/core": "7.14.8",
         "@babel/generator": "7.14.8",
         "@babel/helper-annotate-as-pure": "7.14.5",
@@ -16963,7 +16958,7 @@
         "@babel/template": "7.14.5",
         "@discoveryjs/json-ext": "0.5.3",
         "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-        "@ngtools/webpack": "12.2.0",
+        "@ngtools/webpack": "12.2.4",
         "ansi-colors": "4.1.1",
         "babel-loader": "8.2.2",
         "browserslist": "^4.9.1",
@@ -16975,7 +16970,7 @@
         "critters": "0.0.10",
         "css-loader": "6.2.0",
         "css-minimizer-webpack-plugin": "3.0.2",
-        "esbuild": "0.12.17",
+        "esbuild": "0.12.24",
         "find-cache-dir": "3.3.1",
         "glob": "7.1.7",
         "https-proxy-agent": "5.0.0",
@@ -16985,7 +16980,7 @@
         "less-loader": "10.0.1",
         "license-webpack-plugin": "2.3.20",
         "loader-utils": "2.0.0",
-        "mini-css-extract-plugin": "2.1.0",
+        "mini-css-extract-plugin": "2.2.1",
         "minimatch": "3.0.4",
         "open": "8.2.1",
         "ora": "5.4.1",
@@ -17011,54 +17006,38 @@
         "text-table": "0.2.0",
         "tree-kill": "1.2.2",
         "tslib": "2.3.0",
-        "webpack": "5.47.1",
+        "webpack": "5.50.0",
         "webpack-dev-middleware": "5.0.0",
         "webpack-dev-server": "3.11.2",
         "webpack-merge": "5.8.0",
         "webpack-subresource-integrity": "1.5.2"
-      },
-      "dependencies": {
-        "esbuild": {
-          "version": "0.12.17",
-          "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.17.tgz",
-          "integrity": "sha512-GshKJyVYUnlSXIZj/NheC2O0Kblh42CS7P1wJyTbbIHevTG4jYMS9NNw8EOd8dDWD0dzydYHS01MpZoUcQXB4g==",
-          "dev": true
-        }
       }
     },
     "@angular-devkit/build-optimizer": {
-      "version": "0.1202.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.1202.0.tgz",
-      "integrity": "sha512-ORZGPrBTlzfSUzAZTrbpMgTbx1TaMcJ+nEFDj0hVBK+DUgf7GnaRjltlIqfKKphh7c6h3OKZAu3k2Lo57WqcIA==",
+      "version": "0.1202.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.1202.4.tgz",
+      "integrity": "sha512-kLZsqNAxaMFdG5GVoyfvvD+v+Iq/0S7xAbuTOa4qwmI946e+vfqO55rHEyRo2in6PVRP8UgH/1fYFgAC0P+pfg==",
       "dev": true,
       "requires": {
         "source-map": "0.7.3",
         "tslib": "2.3.0",
         "typescript": "4.3.5"
-      },
-      "dependencies": {
-        "typescript": {
-          "version": "4.3.5",
-          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
-          "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
-          "dev": true
-        }
       }
     },
     "@angular-devkit/build-webpack": {
-      "version": "0.1202.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1202.0.tgz",
-      "integrity": "sha512-G2Iljb8Vpu5+N6jWUii2m8p5NRJe84pgiQbIOxQvegEYkdmbISQYmW3ubFjWDQgjArCpZyWJQ/AIwhmkRef5xQ==",
+      "version": "0.1202.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1202.4.tgz",
+      "integrity": "sha512-XUZWt60M855mLmy02jYZ3yByMQf6sTYrMTfCnz62GILv7snauSfx9SqKYrD37sZ4UMCd4UNRmlcPtcjdRkLoPQ==",
       "dev": true,
       "requires": {
-        "@angular-devkit/architect": "0.1202.0",
+        "@angular-devkit/architect": "0.1202.4",
         "rxjs": "6.6.7"
       }
     },
     "@angular-devkit/core": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-12.2.0.tgz",
-      "integrity": "sha512-9H2NfE4eazpMPwbAx4ZbtTNijo6419DZsmQzlzwQWzTInO3+CAjQuyW53W5Nt/IoauNVOgOEsC8/YbYjNmN0Aw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-12.2.4.tgz",
+      "integrity": "sha512-lONchANfqBHE0UgqK1PFcaBwpT/FetM8atuLjbhgdM1VcR6lVLzyZImhR12gtNWJ5nledhMp8QeGkFvO3KCdxw==",
       "dev": true,
       "requires": {
         "ajv": "8.6.2",
@@ -17070,34 +17049,34 @@
       }
     },
     "@angular-devkit/schematics": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-12.2.0.tgz",
-      "integrity": "sha512-C+eutMKtOLROk/2zs1NkXeLZJpFtvZm7ctWmcns0Yh83Di2sCgGiSqdqNZFyDplxkt5W5lF2cdBSGyP8ZH+/ug==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-12.2.4.tgz",
+      "integrity": "sha512-hL2POzb2G8PzYzLl3Dmc3ePCRyXg1LnJEpGTXvTqgLCUI6fKGb2T7hwn3fbD7keCv88UleGazOPq9iU7Qqvx3Q==",
       "dev": true,
       "requires": {
-        "@angular-devkit/core": "12.2.0",
+        "@angular-devkit/core": "12.2.4",
         "ora": "5.4.1",
         "rxjs": "6.6.7"
       }
     },
     "@angular/animations": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-12.2.0.tgz",
-      "integrity": "sha512-BCta/HT0VaM0hzsyRyb24UIaV7vlpo2jJjSwnBhO5RosH+bAaA3Faa3ps3AjCDCEXo9z99dvxJFm8WqdunPYyw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-12.2.4.tgz",
+      "integrity": "sha512-UpTddGkftkW/vOhF19Z6lbtvhUX+LpMw+1qC2miM65XNrOWBe5bojX9/9pwGd1CpP189aRFHl933YLCgVxGKPA==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/cli": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-12.2.0.tgz",
-      "integrity": "sha512-gxw4e3Wb1YgNE+f9sX90xea5vXatqvlYq3mOWFUWVKYcayAgnt9z97a1ULEkSytS1aVjyL44zzkU/QFufPpadQ==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-12.2.4.tgz",
+      "integrity": "sha512-oUpUKnFyunUMaWXF/5mXgM4r2Yav0ucysNN5rIhqtKPwGePGMALIuBWAhgsuIyT+SrmF9HIp1dVC5+sGA1WzYQ==",
       "dev": true,
       "requires": {
-        "@angular-devkit/architect": "0.1202.0",
-        "@angular-devkit/core": "12.2.0",
-        "@angular-devkit/schematics": "12.2.0",
-        "@schematics/angular": "12.2.0",
+        "@angular-devkit/architect": "0.1202.4",
+        "@angular-devkit/core": "12.2.4",
+        "@angular-devkit/schematics": "12.2.4",
+        "@schematics/angular": "12.2.4",
         "@yarnpkg/lockfile": "1.1.0",
         "ansi-colors": "4.1.1",
         "debug": "4.3.2",
@@ -17116,25 +17095,25 @@
       }
     },
     "@angular/common": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-12.2.0.tgz",
-      "integrity": "sha512-9OaqH5WhfJ/YpN9b4TmiGHdOar/3NiGjktwG1/5jV4mTO+tOP25yNO4zCd4RuaRURipWUEa8mSaesgUgTb3jmQ==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-12.2.4.tgz",
+      "integrity": "sha512-GbYcy3m1r2lPlbonodY8c04l/11p9BRcWJ8i+begu2iG7JofRIX8+XOFINMNlOspjo+VZFhVoTlXM7R0Zmfi8Q==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/compiler": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-12.2.0.tgz",
-      "integrity": "sha512-24G1joE699gbAHRAIESVQBI797Q506MZ/LWyFHRjfdlfXgltDN63j5dpNJzb/rUK1/uHGGAJaEH+OE60ZK2q9Q==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-12.2.4.tgz",
+      "integrity": "sha512-aqX9SgUIOYwWeD9xGlyGgFRmgvebw9EE8U5Y3Dcrhui1XvxWKnmuozs3w5JVhmEn5f42XDdOas5gkI/E7+hasA==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/compiler-cli": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-12.2.0.tgz",
-      "integrity": "sha512-VjGb4gty8JSkmcBvdc4QzQx6mPT7cXs42Hu8IDK7dQma3nTRmwbX0BF1m7i+kbrjWHK8I85FbsYbSzfzZid2NA==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-12.2.4.tgz",
+      "integrity": "sha512-g7sCBdk58yqD9H4k2JQ1NRBgC7SyDjiTbM9ETe/CZ0mzQlbplmgUlPGiSRy4qTTrmjiJlK2AEfzd0s/ahkIsPQ==",
       "dev": true,
       "requires": {
         "@babel/core": "^7.8.6",
@@ -17162,41 +17141,41 @@
       }
     },
     "@angular/core": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-12.2.0.tgz",
-      "integrity": "sha512-zy/gqSlSEmi85HVbpoQ0nhC74xoL+aoofvbkKPgdgyEcnqzBt4IFzH++0EZ+GMeZ2pVoNfiXklUhAy2OBAiR/g==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-12.2.4.tgz",
+      "integrity": "sha512-+TlS6vI56YkvUoQI/Er7kXzi5sjd/oayb8+iTnecX1u0UOpBYzcE8NLeHqSS9qPUjWSiw0JjgW07gdzxlye3aQ==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/forms": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.2.0.tgz",
-      "integrity": "sha512-lhKin5IHElH5qk2Su/o0YMF9JYb84grz0WMIHYmt3EASw/EGvzZwUBd76anJWWwFig6GLw/ZdNC9zLW2Leh06Q==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.2.4.tgz",
+      "integrity": "sha512-o8z2c9WhlptcptonLj+dFkKqTqhc+RAbPIGIGisQpRi6FWgWfn75oXdIuqtHC7oNPDqQfH6zkwcgN2NlUC0uHA==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/platform-browser": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.0.tgz",
-      "integrity": "sha512-MIoWBhhMmPBFfuOPBgEG21uqCZVudTj4YMGxQH4iVlI9GD9ZAht8XgopN9Vw4cytPNfKWsspLoruhIWRNSJlNA==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.4.tgz",
+      "integrity": "sha512-b5BZpYp4s+B3Ec+DvZo5I0YjHITqIc9pmcSdDFkN29eq9+8ZfkJqV9nB1aEab4Al7aJ09u8BhstTufohYH3fBg==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/platform-browser-dynamic": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.0.tgz",
-      "integrity": "sha512-mvUo1WEI8PrJxIer0RLXSW9raYDrKarUQ9T2Q0/R3ZgS6Y1WvoJe+qSZ7K/hCbErH4zd+64TuJHlj+g2WHPLug==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.4.tgz",
+      "integrity": "sha512-BGTK71EEaaGpfFJ8gXfnmC95BDhAEjJ5/gW3/DLhgKhoPfpH7J8AtPVijWGovrUB7d4XBmniCVdtSiSVZKfqCA==",
       "requires": {
         "tslib": "^2.2.0"
       }
     },
     "@angular/router": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-12.2.0.tgz",
-      "integrity": "sha512-C5S0bU8KtU/2wBQ76AZVFivWbGYJCDwkVg2Lk4ddjqs/pKWb0vg2Baa3DfJrIz3esqfYUJl00HMYQVM9+QtZQA==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-12.2.4.tgz",
+      "integrity": "sha512-IkSLzXw23CCFQyBdwoouvGj/u2bxs9d4Ba7i+g/aDKrxeUVBZ7XSfks5OhCJe9F/o93rnfnSiBXvgx51olQ5CQ==",
       "requires": {
         "tslib": "^2.2.0"
       }
@@ -18358,9 +18337,9 @@
       "dev": true
     },
     "@cypress/request": {
-      "version": "2.88.5",
-      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.5.tgz",
-      "integrity": "sha512-TzEC1XMi1hJkywWpRfD2clreTa/Z+lOrXDCxxBTBPEcY5azdPi56A6Xw+O4tWJnaJH3iIE7G5aDXZC6JgRZLcA==",
+      "version": "2.88.6",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.6.tgz",
+      "integrity": "sha512-z0UxBE/+qaESAHY9p9sM2h8Y4XqtsbDCt0/DPOrqA/RZgKi4PkxdpXyK4wCCnSk1xHqWHZZAE+gV6aDAR6+caQ==",
       "dev": true,
       "requires": {
         "aws-sign2": "~0.7.0",
@@ -18376,21 +18355,12 @@
         "isstream": "~0.1.2",
         "json-stringify-safe": "~5.0.1",
         "mime-types": "~2.1.19",
-        "oauth-sign": "~0.9.0",
         "performance-now": "^2.1.0",
         "qs": "~6.5.2",
         "safe-buffer": "^5.1.2",
         "tough-cookie": "~2.5.0",
         "tunnel-agent": "^0.6.0",
-        "uuid": "^3.3.2"
-      },
-      "dependencies": {
-        "uuid": {
-          "version": "3.4.0",
-          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
-          "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
-          "dev": true
-        }
+        "uuid": "^8.3.2"
       }
     },
     "@cypress/xvfb": {
@@ -18461,9 +18431,9 @@
       }
     },
     "@ngtools/webpack": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-12.2.0.tgz",
-      "integrity": "sha512-EocGfCbpPAnanDlagtlbVHpgSWE0a5NyWOY6RCw0pAxj1zL9SYMMId4X+ZJ21C23m6JqNXnWNZ4ib+LaXBIOBg==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-12.2.4.tgz",
+      "integrity": "sha512-jWxp5LwhGoIZY/iSWMpOgjSYS0XMq7bQunxdJBWJ9y8Lysw7lofJkk1KfWjx+oWBSNoOI0E2tH82I4DL6oth4w==",
       "dev": true,
       "requires": {}
     },
@@ -18615,13 +18585,13 @@
       }
     },
     "@schematics/angular": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-12.2.0.tgz",
-      "integrity": "sha512-2NolT/PNKgjINIHvz6o4sYFj4D4ai7Usf+HspQCi9W30qtLV4Z6hRXoEhmDxrGSlF67vJdwUwDM3sP+6Tg8XEw==",
+      "version": "12.2.4",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-12.2.4.tgz",
+      "integrity": "sha512-JPyjoTQMiVnaFmaEgACm7dzRMp7WMq78abeVaAg/xy8z2apMeDhTBXoSSLhXpQNtFvzLmfM4ovC6sCwn9esU9A==",
       "dev": true,
       "requires": {
-        "@angular-devkit/core": "12.2.0",
-        "@angular-devkit/schematics": "12.2.0",
+        "@angular-devkit/core": "12.2.4",
+        "@angular-devkit/schematics": "12.2.4",
         "jsonc-parser": "3.0.0"
       }
     },
@@ -18966,6 +18936,13 @@
       "integrity": "sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA==",
       "dev": true
     },
+    "acorn-import-assertions": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.7.6.tgz",
+      "integrity": "sha512-FlVvVFA1TX6l3lp8VjDnYYq7R1nyW6x3svAt4nDgrWQ9SBaSh9CnbwgSUTasgfNfOG5HlM1ehugCvM+hjo56LA==",
+      "dev": true,
+      "requires": {}
+    },
     "adjust-sourcemap-loader": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
@@ -20721,12 +20698,12 @@
       "dev": true
     },
     "cypress": {
-      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-7.7.0.tgz",
-      "integrity": "sha512-uYBYXNoI5ym0UxROwhQXWTi8JbUEjpC6l/bzoGZNxoKGsLrC1SDPgIDJMgLX/MeEdPL0UInXLDUWN/rSyZUCjQ==",
+      "version": "8.3.1",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-8.3.1.tgz",
+      "integrity": "sha512-1v6pfx+/5cXhaT5T6QKOvnkawmEHWHLiVzm3MYMoQN1fkX2Ma1C32STd3jBStE9qT5qPSTILjGzypVRxCBi40g==",
       "dev": true,
       "requires": {
-        "@cypress/request": "^2.88.5",
+        "@cypress/request": "^2.88.6",
         "@cypress/xvfb": "^1.2.4",
         "@types/node": "^14.14.31",
         "@types/sinonjs__fake-timers": "^6.0.2",
@@ -21331,9 +21308,9 @@
       "dev": true
     },
     "esbuild": {
-      "version": "0.12.18",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.18.tgz",
-      "integrity": "sha512-arWhBQSy+oiBAp8VRRCFvAU+3jyf0gGacABLO3haMHboXCDjzq4WUqyQklst2XRuFS8MXgap+9uvODqj9Iygpg==",
+      "version": "0.12.24",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.12.24.tgz",
+      "integrity": "sha512-C0ibY+HsXzYB6L/pLWEiWjMpghKsIc58Q5yumARwBQsHl9DXPakW+5NI/Y9w4YXiz0PEP6XTGTT/OV4Nnsmb4A==",
       "dev": true
     },
     "escalade": {
@@ -22237,6 +22214,15 @@
       "integrity": "sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==",
       "dev": true
     },
+    "has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
     "has-unicode": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
@@ -22908,12 +22894,13 @@
       }
     },
     "is-arguments": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.0.tgz",
-      "integrity": "sha512-1Ij4lOMPl/xB5kBDn7I+b2ttPMKa8szhEIrXDuXQD/oe3HJLTLhqhgGspwgyGd6MOywBUqVvYicF72lkgDnIHg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
       "dev": true,
       "requires": {
-        "call-bind": "^1.0.0"
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
       }
     },
     "is-arrayish": {
@@ -22987,10 +22974,13 @@
       }
     },
     "is-date-object": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.4.tgz",
-      "integrity": "sha512-/b4ZVsG7Z5XVtIxs/h9W8nvfLgSAyKYdtGWQLbqy6jA1icmgjf8WCoTKgeS4wy5tYaPePouzFMANbnj94c2Z+A==",
-      "dev": true
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
     },
     "is-descriptor": {
       "version": "1.0.2",
@@ -23124,13 +23114,13 @@
       }
     },
     "is-regex": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.3.tgz",
-      "integrity": "sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
       "dev": true,
       "requires": {
         "call-bind": "^1.0.2",
-        "has-symbols": "^1.0.2"
+        "has-tostringtag": "^1.0.0"
       }
     },
     "is-resolvable": {
@@ -23929,12 +23919,12 @@
       "dev": true
     },
     "mini-css-extract-plugin": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.1.0.tgz",
-      "integrity": "sha512-SV1GgjMcfqy6hW07rAniUbQE4qS3inh3v4rZEUySkPRWy3vMbS3jUCjMOvNI4lUnDlQYJEmuUqKktTCNY5koFQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.2.1.tgz",
+      "integrity": "sha512-A0GBXpz8WIPgh2HfASJ0EeY8grd2dGxmC4R8uTujFJXZY7zFy0nvYSYW6SKCLKlz7y45BdHONfaxZQMIZpeF/w==",
       "dev": true,
       "requires": {
-        "schema-utils": "^3.0.0"
+        "schema-utils": "^3.1.0"
       },
       "dependencies": {
         "ajv": {
@@ -24186,9 +24176,9 @@
       "dev": true
     },
     "ng-packagr": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-12.2.0.tgz",
-      "integrity": "sha512-M/qq78Gb4q13t6SFX70W2DrPxyooSkLwXzhWozjD8yWGihx4q+54a72ODGx7jIrB4fQgrGDcMUTM7t1zGYir8Q==",
+      "version": "12.2.1",
+      "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-12.2.1.tgz",
+      "integrity": "sha512-awX/sRmURikw6YjcDzrz2+/SJ4yOr1MTgv4OitSeMXfwBlG5zJLN36mLQn49fYBFecBV+lcAosh0OYJuAueU5g==",
       "dev": true,
       "requires": {
         "@rollup/plugin-commonjs": "^20.0.0",
@@ -27739,9 +27729,9 @@
       }
     },
     "sockjs-client": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.1.tgz",
-      "integrity": "sha512-VnVAb663fosipI/m6pqRXakEOw7nvd7TUgdr3PlR/8V2I95QIdwT8L4nMxhyU8SmDBHYXU1TOElaKOmKLfYzeQ==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.5.2.tgz",
+      "integrity": "sha512-ZzRxPBISQE7RpzlH4tKJMQbHM9pabHluk0WBaxAQ+wm/UieeBVBou0p4wVnSQGN9QmpAZygQ0cDIypWuqOFmFQ==",
       "dev": true,
       "requires": {
         "debug": "^3.2.6",
@@ -27749,7 +27739,7 @@
         "faye-websocket": "^0.11.3",
         "inherits": "^2.0.4",
         "json3": "^3.3.3",
-        "url-parse": "^1.5.1"
+        "url-parse": "^1.5.3"
       },
       "dependencies": {
         "debug": {
@@ -27942,9 +27932,9 @@
       "dev": true
     },
     "start-server-and-test": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.13.1.tgz",
-      "integrity": "sha512-wZjksmjG5scEHXmV/3HWzImxNzUgaNQ6W8kkqL2GbiOldM+nqiqh7niimlC9ZGNopTGj16kheWZnZtSWgdBZNQ==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-1.14.0.tgz",
+      "integrity": "sha512-on5ELuxO2K0t8EmNj9MtVlFqwBMxfWOhu4U7uZD1xccVpFlOQKR93CSe0u98iQzfNxRyaNTb/CdadbNllplTsw==",
       "dev": true,
       "requires": {
         "bluebird": "3.7.2",
@@ -28290,9 +28280,9 @@
       "dev": true
     },
     "tar": {
-      "version": "6.1.6",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.6.tgz",
-      "integrity": "sha512-oaWyu5dQbHaYcyZCTfyPpC+VmI62/OM2RTUYavTk1MDr1cwW5Boi3baeYQKiZbY2uSQJGr+iMOzb/JFxLrft+g==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "dev": true,
       "requires": {
         "chownr": "^2.0.0",
@@ -28525,9 +28515,9 @@
       }
     },
     "typescript": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz",
-      "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
+      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
       "dev": true
     },
     "unicode-canonical-property-names-ecmascript": {
@@ -28830,9 +28820,9 @@
       }
     },
     "webpack": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.47.1.tgz",
-      "integrity": "sha512-cW+Mzy9SCDapFV4OrkHuP6EFV2mAsiQd+gOa3PKtHNoKg6qPqQXZzBlHH+CnQG1osplBCqwsJZ8CfGO6XWah0g==",
+      "version": "5.50.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.50.0.tgz",
+      "integrity": "sha512-hqxI7t/KVygs0WRv/kTgUW8Kl3YC81uyWQSo/7WUs5LsuRw0htH/fCwbVBGCuiX/t4s7qzjXFcf41O8Reiypag==",
       "dev": true,
       "requires": {
         "@types/eslint-scope": "^3.7.0",
@@ -28841,6 +28831,7 @@
         "@webassemblyjs/wasm-edit": "1.11.1",
         "@webassemblyjs/wasm-parser": "1.11.1",
         "acorn": "^8.4.1",
+        "acorn-import-assertions": "^1.7.6",
         "browserslist": "^4.14.5",
         "chrome-trace-event": "^1.0.2",
         "enhanced-resolve": "^5.8.0",
@@ -28857,7 +28848,7 @@
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.1.3",
         "watchpack": "^2.2.0",
-        "webpack-sources": "^3.1.1"
+        "webpack-sources": "^3.2.0"
       },
       "dependencies": {
         "@types/estree": {
diff --git a/package.json b/package.json
index 93245fc..89c6905 100644
--- a/package.json
+++ b/package.json
@@ -14,26 +14,26 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~12.2.0",
-    "@angular/common": "~12.2.0",
-    "@angular/compiler": "~12.2.0",
-    "@angular/core": "~12.2.0",
-    "@angular/forms": "~12.2.0",
-    "@angular/platform-browser": "~12.2.0",
-    "@angular/platform-browser-dynamic": "~12.2.0",
-    "@angular/router": "~12.2.0",
+    "@angular/animations": "~12.2.4",
+    "@angular/common": "~12.2.4",
+    "@angular/compiler": "~12.2.4",
+    "@angular/core": "~12.2.4",
+    "@angular/forms": "~12.2.4",
+    "@angular/platform-browser": "~12.2.4",
+    "@angular/platform-browser-dynamic": "~12.2.4",
+    "@angular/router": "~12.2.4",
     "rxjs": "~6.6.0",
-    "tslib": "^2.1.0",
+    "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~12.2.0",
-    "@angular/cli": "~12.2.0",
-    "@angular/compiler-cli": "~12.2.0",
+    "@angular-devkit/build-angular": "~12.2.4",
+    "@angular/cli": "~12.2.4",
+    "@angular/compiler-cli": "~12.2.4",
     "@types/node": "^12.11.1",
-    "cypress": "^7.3.0",
-    "ng-packagr": "^12.0.0",
-    "start-server-and-test": "^1.12.1",
-    "typescript": "~4.2.3"
+    "cypress": "^8.3.0",
+    "ng-packagr": "^12.2.1",
+    "start-server-and-test": "^1.14.0",
+    "typescript": "~4.3.5"
   }
 }
\ No newline at end of file
diff --git a/projects/uiowa/digit-only/README.md b/projects/uiowa/digit-only/README.md
index 0f59c57..21afc97 100644
--- a/projects/uiowa/digit-only/README.md
+++ b/projects/uiowa/digit-only/README.md
@@ -17,6 +17,8 @@
 
 ## CHANGELOG
 
+- **v3.2.0**: `digitOnly` directive now supports disabling paste events (merges a pull request [#57](/../../pull/49), fixes [#56](/../../issues/56)).
+
 - **v3.1.0**(**v2.3.0**): `digitOnly` directive now supports negative values (merges a pull request [#49](/../../pull/49)).
 
 - **v3.0.0**: a release on par with Angular 12. For projects in Angular v10 or v11, please use v2 of this library.
diff --git a/projects/uiowa/digit-only/package.json b/projects/uiowa/digit-only/package.json
index 3122628..6dd0817 100644
--- a/projects/uiowa/digit-only/package.json
+++ b/projects/uiowa/digit-only/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uiowa/digit-only",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "author": "Changhui Xu <changhui-xu@uiowa.edu>",
   "description": "This package includes two Angular directives. The digitOnly directive only allows numbers in the input box when typing, pasting or drag/dropping. The mask directive checks the input pattern attribute.",
   "keywords": [
diff --git a/src/app/digit-only-demos/digit-only-demos.component.html b/src/app/digit-only-demos/digit-only-demos.component.html
index 7f21088..742aa2b 100644
--- a/src/app/digit-only-demos/digit-only-demos.component.html
+++ b/src/app/digit-only-demos/digit-only-demos.component.html
@@ -17,8 +17,16 @@ <h3><code>digitOnly</code> directive</h3>
       maxlength="3"
     />
 
-    <label for="negative-digit-only">Digit Only input box that can be negative</label>
-    <input id="negative-digit-only" type="text" digitOnly [allowNegatives]="true" placeholder="-123"/>
+    <label for="negative-digit-only">
+      Digit Only input box that can be negative
+    </label>
+    <input
+      id="negative-digit-only"
+      type="text"
+      digitOnly
+      [allowNegatives]="true"
+      placeholder="-123"
+    />
   </section>
 
   <section>
@@ -100,7 +108,7 @@ <h3><code>pattern</code></h3>
       [(ngModel)]="pattern"
       name="change-pattern"
       placeholder="Type your pattern"
-      style="margin-left: 0.5rem;"
+      style="margin-left: 0.5rem"
     />
 
     <label for="currency">
@@ -186,3 +194,17 @@ <h3>regular text input</h3>
     />
   </section>
 </div>
+
+<section>
+  <h3><code>digitOnly</code> directive</h3>
+  <label for="digit-only-disable-paste">
+    Digit Only input box (disable paste)
+  </label>
+  <input
+    id="digit-only-disable-paste"
+    type="text"
+    digitOnly
+    [allowPaste]="false"
+    placeholder="00000"
+  />
+</section>