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();