refactor(material/core): clean up deprecation API usages (#21597)

Cleans a handful of usages of deprecated APIs.

(cherry picked from commit 6bab3df)

Author: crisbeto

src/cdk-experimental/column-resize/event-dispatcher.ts

@@ -42,7 +42,7 @@ export class HeaderRowEventDispatcher {
    * Emits the header that is currently hovered or hosting an active resize event (with active
    * taking precedence).
    */
-  readonly headerRowHoveredOrActiveDistinct = combineLatest(
+  readonly headerRowHoveredOrActiveDistinct = combineLatest([
       this.headerCellHoveredDistinct.pipe(
           map(cell => _closest(cell, HEADER_ROW_SELECTOR)),
           startWith(null),
@@ -53,7 +53,7 @@ export class HeaderRowEventDispatcher {
           startWith(null),
           distinctUntilChanged(),
       ),
-  ).pipe(
+  ]).pipe(
       skip(1), // Ignore initial [null, null] emission.
       map(([hovered, active]) => active || hovered),
       distinctUntilChanged(),

src/cdk-experimental/dialog/dialog-ref.ts

@@ -115,12 +115,6 @@ export class DialogRef<T, R = any> {
    * @param size New size for the overlay.
    */
   updateSize(size: OverlaySizeConfig): this {
-    if (size.width) {
-      this._getPositionStrategy().width(size.width.toString());
-    }
-    if (size.height) {
-      this._getPositionStrategy().height(size.height.toString());
-    }
     this._overlayRef.updateSize(size);
     this._overlayRef.updatePosition();
     return this;

src/cdk/scrolling/virtual-for-of.ts

@@ -154,7 +154,7 @@ export class CdkVirtualForOf<T> implements
   dataStream: Observable<T[] | ReadonlyArray<T>> = this._dataSourceChanges
   .pipe(
       // Start off with null `DataSource`.
-      startWith(null!),
+      startWith(null),
       // Bundle up the previous and current data sources so we can work with both.
       pairwise(),
       // Use `_changeDataSource` to disconnect from the previous data source and connect to the

src/cdk/scrolling/virtual-scroll-viewport.ts

@@ -185,7 +185,7 @@ export class CdkVirtualScrollViewport extends CdkScrollable implements OnInit, O
       this.elementScrolled()
           .pipe(
               // Start off with a fake scroll event so we properly detect our initial position.
-              startWith(null!),
+              startWith(null),
               // Collect multiple events into one until the next animation frame. This way if
               // there are multiple scroll events in the same frame we only need to recheck
               // our layout once.

src/material-experimental/mdc-paginator/paginator.spec.ts

@@ -83,7 +83,7 @@ describe('MDC-based MatPaginator', () => {
     it('should re-render when the i18n labels change', () => {
       const fixture = createComponent(MatPaginatorApp);
       const label = fixture.nativeElement.querySelector('.mat-mdc-paginator-page-size-label');
-      const intl = TestBed.get<MatPaginatorIntl>(MatPaginatorIntl);
+      const intl = TestBed.inject(MatPaginatorIntl);
 
       intl.itemsPerPageLabel = '1337 items per page';
       intl.changes.next();

src/material-experimental/mdc-tabs/tab-body.ts

@@ -25,7 +25,7 @@ import {
   matTabsAnimations,
   _MatTabBodyBase,
 } from '@angular/material/tabs';
-import {PortalHostDirective} from '@angular/cdk/portal';
+import {CdkPortalOutlet} from '@angular/cdk/portal';
 import {Directionality} from '@angular/cdk/bidi';
 import {DOCUMENT} from '@angular/common';
 
@@ -62,7 +62,7 @@ export class MatTabBodyPortal extends BaseMatTabBodyPortal {
   },
 })
 export class MatTabBody extends _MatTabBodyBase {
-  @ViewChild(PortalHostDirective) _portalHost: PortalHostDirective;
+  @ViewChild(CdkPortalOutlet) _portalHost: CdkPortalOutlet;
 
   constructor(elementRef: ElementRef<HTMLElement>,
     @Optional() dir: Directionality,

src/material/dialog/dialog-ref.ts

@@ -200,7 +200,7 @@ export class MatDialogRef<T, R = any> {
    * @param height New height of the dialog.
    */
   updateSize(width: string = '', height: string = ''): this {
-    this._getPositionStrategy().width(width).height(height);
+    this._overlayRef.updateSize({width, height});
     this._overlayRef.updatePosition();
     return this;
   }

src/material/expansion/expansion-panel.ts

@@ -209,7 +209,7 @@ export class MatExpansionPanel extends CdkAccordionItem implements AfterContentI
     if (this._lazyContent) {
       // Render the content as soon as the panel becomes open.
       this.opened.pipe(
-        startWith(null!),
+        startWith(null),
         filter(() => this.expanded && !this._portal),
         take(1)
       ).subscribe(() => {

src/material/form-field/form-field.ts

@@ -324,7 +324,7 @@ export class MatFormField extends _MatFormFieldMixinBase
     }
 
     // Subscribe to changes in the child control state in order to update the form field UI.
-    control.stateChanges.pipe(startWith(null!)).subscribe(() => {
+    control.stateChanges.pipe(startWith(null)).subscribe(() => {
       this._validatePlaceholders();
       this._syncDescribedByIds();
       this._changeDetectorRef.markForCheck();

src/material/paginator/paginator.spec.ts

@@ -83,7 +83,7 @@ describe('MatPaginator', () => {
     it('should re-render when the i18n labels change', () => {
       const fixture = createComponent(MatPaginatorApp);
       const label = fixture.nativeElement.querySelector('.mat-paginator-page-size-label');
-      const intl = TestBed.get<MatPaginatorIntl>(MatPaginatorIntl);
+      const intl = TestBed.inject(MatPaginatorIntl);
 
       intl.itemsPerPageLabel = '1337 items per page';
       intl.changes.next();

src/material/tabs/tab-body.ts

@@ -26,7 +26,7 @@ import {
   ViewChild,
 } from '@angular/core';
 import {AnimationEvent} from '@angular/animations';
-import {TemplatePortal, CdkPortalOutlet, PortalHostDirective} from '@angular/cdk/portal';
+import {TemplatePortal, CdkPortalOutlet} from '@angular/cdk/portal';
 import {Directionality, Direction} from '@angular/cdk/bidi';
 import {DOCUMENT} from '@angular/common';
 import {Subscription, Subject} from 'rxjs';
@@ -131,7 +131,7 @@ export abstract class _MatTabBodyBase implements OnInit, OnDestroy {
   @Output() readonly _onCentered: EventEmitter<void> = new EventEmitter<void>(true);
 
    /** The portal host inside of this container into which the tab body content will be loaded. */
-  abstract _portalHost: PortalHostDirective;
+  abstract _portalHost: CdkPortalOutlet;
 
   /** The tab body content to display. */
   @Input('content') _content: TemplatePortal;
@@ -256,7 +256,7 @@ export abstract class _MatTabBodyBase implements OnInit, OnDestroy {
   }
 })
 export class MatTabBody extends _MatTabBodyBase {
-  @ViewChild(PortalHostDirective) _portalHost: PortalHostDirective;
+  @ViewChild(CdkPortalOutlet) _portalHost: CdkPortalOutlet;
 
   constructor(elementRef: ElementRef<HTMLElement>,
               @Optional() dir: Directionality,

src/youtube-player/youtube-player.ts

@@ -45,7 +45,6 @@ import {
   combineLatest as combineLatestOp,
   distinctUntilChanged,
   filter,
-  flatMap,
   map,
   publish,
   scan,
@@ -56,6 +55,7 @@ import {
   withLatestFrom,
   switchMap,
   tap,
+  mergeMap,
 } from 'rxjs/operators';
 
 declare global {
@@ -586,7 +586,7 @@ function bindSuggestedQualityToPlayer(
  */
 function waitUntilReady(onAbort: (player: UninitializedPlayer) => void):
   OperatorFunction<UninitializedPlayer | undefined, Player | undefined> {
-  return flatMap(player => {
+  return mergeMap(player => {
     if (!player) {
       return observableOf<Player|undefined>(undefined);
     }

tools/public_api_guard/material/tabs.d.ts

@@ -13,7 +13,7 @@ export declare abstract class _MatTabBodyBase implements OnInit, OnDestroy {
     _content: TemplatePortal;
     readonly _onCentered: EventEmitter<void>;
     readonly _onCentering: EventEmitter<number>;
-    abstract _portalHost: PortalHostDirective;
+    abstract _portalHost: CdkPortalOutlet;
     _position: MatTabBodyPositionState;
     _translateTabComplete: Subject<AnimationEvent>;
     animationDuration: string;
@@ -154,7 +154,7 @@ export declare class MatTab extends _MatTabMixinBase implements OnInit, CanDisab
 }
 
 export declare class MatTabBody extends _MatTabBodyBase {
-    _portalHost: PortalHostDirective;
+    _portalHost: CdkPortalOutlet;
     constructor(elementRef: ElementRef<HTMLElement>, dir: Directionality, changeDetectorRef: ChangeDetectorRef);
     static ɵcmp: i0.ɵɵComponentDefWithMeta<MatTabBody, "mat-tab-body", never, {}, {}, never, never>;
     static ɵfac: i0.ɵɵFactoryDef<MatTabBody, [null, { optional: true; }, null]>;