build: upgrade to Angular v9.1, CDK v9.2, and TypeScript 3.8 (#1240)

Author: CaerusKaru

package.json

@@ -28,13 +28,13 @@
     "postinstall": "ngcc --properties es2015 browser module main --no-async --create-ivy-entry-points"
   },
   "version": "9.0.0-beta.29",
-  "requiredAngularVersion": ">=9.0.0-rc.11",
+  "requiredAngularVersion": ">=9.1.5",
   "dependencies": {
-    "@angular/cdk": "^9.0.0-rc.8",
-    "@angular/common": "^9.0.0-rc.11",
-    "@angular/compiler": "^9.0.0-rc.11",
-    "@angular/core": "^9.0.0-rc.11",
-    "@angular/platform-browser": "^9.0.0-rc.11",
+    "@angular/cdk": "^9.2.2",
+    "@angular/common": "^9.1.5",
+    "@angular/compiler": "^9.1.5",
+    "@angular/core": "^9.1.5",
+    "@angular/platform-browser": "^9.1.5",
     "core-js": "^2.5.7",
     "karma-parallel": "^0.3.1",
     "rxjs": "^6.5.1",
@@ -44,13 +44,13 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular/animations": "^9.0.0-rc.11",
-    "@angular/compiler-cli": "^9.0.0-rc.11",
-    "@angular/forms": "^9.0.0-rc.11",
-    "@angular/material": "^9.0.0-rc.8",
-    "@angular/platform-browser-dynamic": "^9.0.0-rc.11",
-    "@angular/platform-server": "^9.0.0-rc.11",
-    "@angular/router": "^9.0.0-rc.11",
+    "@angular/animations": "^9.1.5",
+    "@angular/compiler-cli": "^9.1.5",
+    "@angular/forms": "^9.1.5",
+    "@angular/material": "^9.2.2",
+    "@angular/platform-browser-dynamic": "^9.1.5",
+    "@angular/platform-server": "^9.1.5",
+    "@angular/router": "^9.1.5",
     "@firebase/app-types": "^0.3.2",
     "@types/chalk": "^0.4.31",
     "@types/fs-extra": "^4.0.5",
@@ -120,7 +120,7 @@
     "ts-node": "^3.0.4",
     "tsconfig-paths": "^2.3.0",
     "tslint": "^5.11.0",
-    "typescript": "~3.7.5",
+    "typescript": "~3.8.3",
     "uglify-js": "^2.8.14"
   },
   "// Gulp": "Overwrite graceful-fs to a version that does not rely on the 'natives' package. This fixes gulp for >= 10.13, more information: angular/angular#28213",

src/lib/core/match-media/mock/mock-match-media.ts

@@ -192,7 +192,7 @@ export class MockMediaQueryList implements MediaQueryList {
       this._isActive = true;
       this._listeners.forEach((callback) => {
         const cb: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) = callback!;
-        cb.call(null, this);
+        cb.call(this, {matches: this.matches, media: this.media} as MediaQueryListEvent);
       });
     }
     return this;
@@ -204,7 +204,7 @@ export class MockMediaQueryList implements MediaQueryList {
       this._isActive = false;
       this._listeners.forEach((callback) => {
         const cb: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) = callback!;
-        cb.call(null, this);
+        cb.call(this, {matches: this.matches, media: this.media} as MediaQueryListEvent);
       });
     }
     return this;
@@ -217,7 +217,7 @@ export class MockMediaQueryList implements MediaQueryList {
     }
     if (this._isActive) {
       const cb: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) = listener!;
-      cb.call(null, this);
+      cb.call(this, {matches: this.matches, media: this.media} as MediaQueryListEvent);
     }
   }
 

src/lib/server/server-match-media.ts

@@ -48,7 +48,7 @@ export class ServerMediaQueryList implements MediaQueryList {
       this._isActive = true;
       this._listeners.forEach((callback) => {
         const cb: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) = callback!;
-        cb.call(null, this);
+        cb.call(this, {matches: this.matches, media: this.media} as MediaQueryListEvent);
       });
     }
     return this;
@@ -60,7 +60,7 @@ export class ServerMediaQueryList implements MediaQueryList {
       this._isActive = false;
       this._listeners.forEach((callback) => {
         const cb: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) = callback!;
-        cb.call(null, this);
+        cb.call(this, {matches: this.matches, media: this.media} as MediaQueryListEvent);
       });
     }
     return this;
@@ -73,7 +73,7 @@ export class ServerMediaQueryList implements MediaQueryList {
     }
     if (this._isActive) {
       const cb: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) = listener!;
-      cb.call(null, this);
+      cb.call(this, {matches: this.matches, media: this.media} as MediaQueryListEvent);
     }
   }
 

src/lib/tsconfig-build.json

@@ -13,6 +13,7 @@
     "noImplicitAny": true,
     "noImplicitThis": true,
     "importHelpers": true,
+    "strictBindCallApply": true,
     "newLine": "lf",
     "module": "es2015",
     "moduleResolution": "node",