build: update to TypeScript 4.2 (#22262)

Updates to TS 4.2, tslib 2.1 and resolves some compilation errors.

Author: crisbeto

package.json

@@ -52,13 +52,13 @@
   },
   "version": "12.0.0-next.2",
   "dependencies": {
-    "@angular/animations": "^12.0.0-next.0",
-    "@angular/common": "^12.0.0-next.0",
-    "@angular/compiler": "^12.0.0-next.0",
-    "@angular/core": "^12.0.0-next.0",
-    "@angular/elements": "^12.0.0-next.0",
-    "@angular/forms": "^12.0.0-next.0",
-    "@angular/platform-browser": "^12.0.0-next.0",
+    "@angular/animations": "^12.0.0-next.5",
+    "@angular/common": "^12.0.0-next.5",
+    "@angular/compiler": "^12.0.0-next.5",
+    "@angular/core": "^12.0.0-next.5",
+    "@angular/elements": "^12.0.0-next.5",
+    "@angular/forms": "^12.0.0-next.5",
+    "@angular/platform-browser": "^12.0.0-next.5",
     "@types/googlemaps": "^3.43.1",
     "@types/youtube": "^0.0.40",
     "@webcomponents/custom-elements": "^1.1.0",
@@ -67,20 +67,20 @@
     "rxjs": "^6.5.3",
     "rxjs-tslint-rules": "^4.33.1",
     "systemjs": "0.19.43",
-    "tslib": "^2.0.0",
+    "tslib": "^2.1.0",
     "zone.js": "~0.11.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-optimizer": "^0.1200.0-next.0",
-    "@angular-devkit/core": "^12.0.0-next.0",
-    "@angular-devkit/schematics": "^12.0.0-next.0",
-    "@angular/bazel": "^12.0.0-next.0",
+    "@angular-devkit/build-optimizer": "^0.1200.0-next.4",
+    "@angular-devkit/core": "^12.0.0-next.4",
+    "@angular-devkit/schematics": "^12.0.0-next.4",
+    "@angular/bazel": "^12.0.0-next.5",
     "@angular/benchpress": "^0.2.1",
-    "@angular/compiler-cli": "^12.0.0-next.0",
+    "@angular/compiler-cli": "^12.0.0-next.5",
     "@angular/dev-infra-private": "https://github.com/angular/dev-infra-private-builds.git#a8dbb0d8cd8de1e86a4ec4ea66b5bd89a47d4876",
-    "@angular/platform-browser-dynamic": "^12.0.0-next.0",
-    "@angular/platform-server": "^12.0.0-next.0",
-    "@angular/router": "^12.0.0-next.0",
+    "@angular/platform-browser-dynamic": "^12.0.0-next.5",
+    "@angular/platform-server": "^12.0.0-next.5",
+    "@angular/router": "^12.0.0-next.5",
     "@axe-core/webdriverjs": "^4.1.0",
     "@bazel/bazelisk": "^1.4.0",
     "@bazel/buildifier": "^4.0.0",
@@ -140,7 +140,7 @@
     "@material/touch-target": "11.0.0-canary.67d780c79.0",
     "@material/typography": "11.0.0-canary.67d780c79.0",
     "@octokit/rest": "18.3.5",
-    "@schematics/angular": "^12.0.0-next.0",
+    "@schematics/angular": "^12.0.0-next.4",
     "@types/autoprefixer": "^9.7.2",
     "@types/browser-sync": "^2.26.1",
     "@types/fs-extra": "^9.0.5",
@@ -217,11 +217,11 @@
     "tsickle": "0.39.1",
     "tslint": "^6.1.3",
     "tsutils": "^3.17.1",
-    "typescript": "~4.1.2",
+    "typescript": "~4.2.3",
     "vrsource-tslint-rules": "6.0.0",
     "yaml": "^1.10.0"
   },
   "resolutions": {
-    "dgeni-packages/typescript": "4.1.2"
+    "dgeni-packages/typescript": "4.2.3"
   }
 }

packages.bzl

@@ -3,7 +3,7 @@
 # version for the placeholders.
 ANGULAR_PACKAGE_VERSION = "^12.0.0-0 || ^13.0.0-0"
 MDC_PACKAGE_VERSION = "^9.0.0-canary.419e03572.0"
-TSLIB_PACKAGE_VERSION = "^2.0.0"
+TSLIB_PACKAGE_VERSION = "^2.1.0"
 
 # Each placer holder is used to stamp versions during the build process, replacing the key with it's
 # value pair. These replacements occur during building of `npm_package` and `ng_package` stamping in

src/cdk-experimental/selection/selection.ts

@@ -138,7 +138,7 @@ export class CdkSelection<T> implements OnInit, AfterContentChecked, CollectionV
 
   /** Toggles selection for a given value. `index` is required if `trackBy` is used. */
   toggleSelection(value: T, index?: number) {
-    if (this.trackByFn && index == null && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+    if (!!this.trackByFn && index == null && (typeof ngDevMode === 'undefined' || ngDevMode)) {
       throw Error('CdkSelection: index required when trackBy is used');
     }
 
@@ -167,7 +167,7 @@ export class CdkSelection<T> implements OnInit, AfterContentChecked, CollectionV
 
   /** Checks whether a value is selected. `index` is required if `trackBy` is used. */
   isSelected(value: T, index?: number) {
-    if (this.trackByFn && index == null && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+    if (!!this.trackByFn && index == null && (typeof ngDevMode === 'undefined' || ngDevMode)) {
       throw Error('CdkSelection: index required when trackBy is used');
     }
 

src/google-maps/map-marker-clusterer/map-marker-clusterer.ts

@@ -233,7 +233,7 @@ export class MapMarkerClusterer implements OnInit, AfterContentInit, OnChanges,
       if (changes['batchSizeIE'] && _batchSizeIE !== undefined) {
         clusterer.setBatchSizeIE(_batchSizeIE);
       }
-      if (changes['calculator'] && _calculator) {
+      if (changes['calculator'] && !!_calculator) {
         clusterer.setCalculator(_calculator);
       }
       if (changes['clusterClass'] && _clusterClass !== undefined) {

src/material-experimental/mdc-chips/chip.ts

@@ -32,6 +32,7 @@ import {
 import {
   CanColor,
   CanColorCtor,
+  CanDisable,
   CanDisableRipple,
   CanDisableRippleCtor,
   HasTabIndex,
@@ -87,8 +88,7 @@ export class MatChipCssInternalOnly { }
  * Boilerplate for applying mixins to MatChip.
  * @docs-private
  */
-abstract class MatChipBase {
-  abstract disabled: boolean;
+class MatChipBase {
   constructor(public _elementRef: ElementRef) {}
 }
 
@@ -126,7 +126,7 @@ const _MatChipMixinBase:
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MatChip extends _MatChipMixinBase implements AfterContentInit, AfterViewInit,
-  CanColor, CanDisableRipple, HasTabIndex, OnDestroy {
+  CanColor, CanDisableRipple, CanDisable, HasTabIndex, OnDestroy {
   /** The ripple animation configuration to use for the chip. */
   readonly _rippleAnimation: RippleAnimationConfig = RIPPLE_ANIMATION_CONFIG;
 

src/material/chips/chip.ts

@@ -29,6 +29,7 @@ import {
 import {
   CanColor,
   CanColorCtor,
+  CanDisable,
   CanDisableRipple,
   CanDisableRippleCtor,
   HasTabIndex,
@@ -88,8 +89,7 @@ export const MAT_CHIP_TRAILING_ICON =
 
 // Boilerplate for applying mixins to MatChip.
 /** @docs-private */
-abstract class MatChipBase {
-  abstract disabled: boolean;
+class MatChipBase {
   constructor(public _elementRef: ElementRef) {}
 }
 
@@ -146,7 +146,7 @@ export class MatChipTrailingIcon {}
   },
 })
 export class MatChip extends _MatChipMixinBase implements FocusableOption, OnDestroy, CanColor,
-  CanDisableRipple, RippleTarget, HasTabIndex {
+  CanDisableRipple, RippleTarget, HasTabIndex, CanDisable {
 
   /** Reference to the RippleRenderer for the chip. */
   private _chipRipple: RippleRenderer;

tools/public_api_guard/cdk/a11y.d.ts

@@ -1,5 +1,6 @@
 export declare class A11yModule {
     constructor(highContrastModeDetector: HighContrastModeDetector);
+    static ɵfac: i0.ɵɵFactoryDef<A11yModule, never>;
     static ɵinj: i0.ɵɵInjectorDef<A11yModule>;
     static ɵmod: i0.ɵɵNgModuleDefWithMeta<A11yModule, [typeof i1.CdkAriaLive, typeof i2.CdkTrapFocus, typeof i3.CdkMonitorFocus], [typeof i4.PlatformModule, typeof i5.ObserversModule], [typeof i1.CdkAriaLive, typeof i2.CdkTrapFocus, typeof i3.CdkMonitorFocus]>;
 }

tools/public_api_guard/cdk/accordion.d.ts

@@ -37,6 +37,7 @@ export declare class CdkAccordionItem implements OnDestroy {
 }
 
 export declare class CdkAccordionModule {
+    static ɵfac: i0.ɵɵFactoryDef<CdkAccordionModule, never>;
     static ɵinj: i0.ɵɵInjectorDef<CdkAccordionModule>;
     static ɵmod: i0.ɵɵNgModuleDefWithMeta<CdkAccordionModule, [typeof i1.CdkAccordion, typeof i2.CdkAccordionItem], never, [typeof i1.CdkAccordion, typeof i2.CdkAccordionItem]>;
 }

tools/public_api_guard/cdk/bidi.d.ts

@@ -1,4 +1,5 @@
 export declare class BidiModule {
+    static ɵfac: i0.ɵɵFactoryDef<BidiModule, never>;
     static ɵinj: i0.ɵɵInjectorDef<BidiModule>;
     static ɵmod: i0.ɵɵNgModuleDefWithMeta<BidiModule, [typeof i1.Dir], never, [typeof i1.Dir]>;
 }

tools/public_api_guard/cdk/clipboard.d.ts

@@ -26,6 +26,7 @@ export declare class Clipboard {
 }
 
 export declare class ClipboardModule {
+    static ɵfac: i0.ɵɵFactoryDef<ClipboardModule, never>;
     static ɵinj: i0.ɵɵInjectorDef<ClipboardModule>;
     static ɵmod: i0.ɵɵNgModuleDefWithMeta<ClipboardModule, [typeof i1.CdkCopyToClipboard], never, [typeof i1.CdkCopyToClipboard]>;
 }