NG11

package-lock.json

@@ -784,11 +784,12 @@
       }
     },
     "@angular/cdk": {
-      "version": "9.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.2.4.tgz",
-      "integrity": "sha512-iw2+qHMXHYVC6K/fttHeNHIieSKiTEodVutZoOEcBu9rmRTGbLB26V/CRsfIRmA1RBk+uFYWc6UQZnMC3RdnJQ==",
+      "version": "10.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-10.2.7.tgz",
+      "integrity": "sha512-ZQjDfTRTn7JuAKsf3jiIdU2XBaxxGBi/ZWYv5Pb3HCl6B4PISsIE5VWRhkoUogoAB0MiFHpjnWeIqknJEm11YQ==",
       "requires": {
-        "parse5": "^5.0.0"
+        "parse5": "^5.0.0",
+        "tslib": "^2.0.0"
       },
       "dependencies": {
         "parse5": {
@@ -1069,9 +1070,12 @@
       "dev": true
     },
     "@angular/material": {
-      "version": "9.2.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.4.tgz",
-      "integrity": "sha512-LkoTXE6B0slvMhvfZDdPWaz4yaYLkaAp5VSPunI9pxGsPxzqEV9e210wC1/sjG/76Nk8Ep7/2z9XKac8Q9bMwA=="
+      "version": "10.2.7",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-10.2.7.tgz",
+      "integrity": "sha512-uk6JkRrKHaM9VFMzX7pWC83YNLVgXPB3D8U1yjSOafCdWwrRZgUHGr8MPlSILCr3o2nxgg5SsKdWcWwHuXXUZA==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@angular/platform-browser": {
       "version": "10.2.5",

package.json

@@ -12,12 +12,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~10.2.5",
-    "@angular/cdk": "^9.2.4",
+    "@angular/cdk": "^10.2.7",
     "@angular/common": "~10.2.5",
     "@angular/compiler": "~10.2.5",
     "@angular/core": "~10.2.5",
     "@angular/forms": "~10.2.5",
-    "@angular/material": "^9.2.4",
+    "@angular/material": "^10.2.7",
     "@angular/platform-browser": "~10.2.5",
     "@angular/platform-browser-dynamic": "~10.2.5",
     "@angular/router": "~10.2.5",

src/app/modules/shared/service/alert.service.ts

@@ -1,4 +1,4 @@
-import {Injectable, OnDestroy} from '@angular/core'
+import {Directive, Injectable, OnDestroy} from '@angular/core';
 import {interval, Subject} from 'rxjs'
 import {takeUntil} from 'rxjs/operators'
 
@@ -37,7 +37,8 @@ export class AlertService {
 /**
  * An alert handler component is a component that will show the alerts pushed by the alert system to the user.
  */
-// TODO: Add Angular decorator.
+@Directive()
+// tslint:disable-next-line:directive-class-suffix
 export abstract class AlertHandlerComponent implements OnDestroy {
   protected static readonly DEFAULT_ALERT_BUFFER_SIZE = 3
   protected static readonly DEFAULT_ALERT_DURATION = 5

tslint.json

@@ -144,7 +144,8 @@
         "check-type",
         "check-typecast"
       ]
-    }
+    },
+    "ban-types": false
   },
   "rulesDirectory": [
     "codelyzer"