Enable strict property initialization in Material

src/cdk/a11y/aria-describer/aria-describer.spec.ts

@@ -400,22 +400,22 @@ function expectMessage(el: Element, message: string) {
 class TestApp {
   ariaDescriber = inject(AriaDescriber);
 
-  @ViewChild('element1') _element1: ElementRef<HTMLElement>;
+  @ViewChild('element1') _element1!: ElementRef<HTMLElement>;
   get element1(): Element {
     return this._element1.nativeElement;
   }
 
-  @ViewChild('element2') _element2: ElementRef<HTMLElement>;
+  @ViewChild('element2') _element2!: ElementRef<HTMLElement>;
   get element2(): Element {
     return this._element2.nativeElement;
   }
 
-  @ViewChild('element3') _element3: ElementRef<HTMLElement>;
+  @ViewChild('element3') _element3!: ElementRef<HTMLElement>;
   get element3(): Element {
     return this._element3.nativeElement;
   }
 
-  @ViewChild('element4') _element4: ElementRef<HTMLElement>;
+  @ViewChild('element4') _element4!: ElementRef<HTMLElement>;
   get element4(): Element {
     return this._element4.nativeElement;
   }

src/cdk/a11y/focus-monitor/focus-monitor.spec.ts

@@ -920,5 +920,5 @@ class CheckboxWithLabel {}
   imports: [A11yModule],
 })
 class ExportedFocusMonitor {
-  @ViewChild('exportedDir') exportedDirRef: CdkMonitorFocus;
+  @ViewChild('exportedDir') exportedDirRef!: CdkMonitorFocus;
 }

src/cdk/a11y/focus-trap/focus-trap.spec.ts

@@ -325,7 +325,7 @@ function getActiveElement() {
   imports: [A11yModule, PortalModule],
 })
 class SimpleFocusTrap {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
 }
 
 const AUTO_FOCUS_TEMPLATE = `
@@ -343,7 +343,7 @@ const AUTO_FOCUS_TEMPLATE = `
   imports: [A11yModule, PortalModule],
 })
 class FocusTrapWithAutoCapture {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
   showTrappedRegion = false;
   autoCaptureEnabled = true;
 }
@@ -367,7 +367,7 @@ class FocusTrapWithAutoCaptureInShadowDom extends FocusTrapWithAutoCapture {}
   imports: [A11yModule, PortalModule],
 })
 class FocusTrapWithBindings {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
   renderFocusTrap = true;
   _isFocusTrapEnabled = true;
 }
@@ -387,7 +387,7 @@ class FocusTrapWithBindings {
   imports: [A11yModule, PortalModule],
 })
 class FocusTrapTargets {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
 }
 
 @Component({
@@ -399,7 +399,7 @@ class FocusTrapTargets {
   imports: [A11yModule, PortalModule],
 })
 class FocusTrapUnfocusableTarget {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
 }
 
 @Component({
@@ -413,7 +413,7 @@ class FocusTrapUnfocusableTarget {
   imports: [A11yModule, PortalModule],
 })
 class FocusTrapWithSvg {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
 }
 
 @Component({
@@ -425,7 +425,7 @@ class FocusTrapWithSvg {
   imports: [A11yModule, PortalModule],
 })
 class FocusTrapWithoutFocusableElements {
-  @ViewChild(CdkTrapFocus) focusTrapDirective: CdkTrapFocus;
+  @ViewChild(CdkTrapFocus) focusTrapDirective!: CdkTrapFocus;
 }
 
 @Component({
@@ -445,6 +445,6 @@ class FocusTrapWithoutFocusableElements {
 class FocusTrapInsidePortal {
   viewContainerRef = inject(ViewContainerRef);
 
-  @ViewChild('template') template: TemplateRef<any>;
-  @ViewChild(CdkPortalOutlet) portalOutlet: CdkPortalOutlet;
+  @ViewChild('template') template!: TemplateRef<any>;
+  @ViewChild(CdkPortalOutlet) portalOutlet!: CdkPortalOutlet;
 }

src/cdk/accordion/accordion.spec.ts

@@ -111,8 +111,8 @@ describe('CdkAccordion', () => {
   imports: [CdkAccordionModule],
 })
 class SetOfItems {
-  @ViewChild(CdkAccordion) accordion: CdkAccordion;
-  @ViewChildren(CdkAccordionItem) items: QueryList<CdkAccordionItem>;
+  @ViewChild(CdkAccordion) accordion!: CdkAccordion;
+  @ViewChildren(CdkAccordionItem) items!: QueryList<CdkAccordionItem>;
   multi: boolean = false;
 }
 
@@ -126,6 +126,6 @@ class SetOfItems {
   imports: [CdkAccordionModule],
 })
 class NestedItems {
-  @ViewChild('outerItem') outerItem: CdkAccordionItem;
-  @ViewChild('innerItem') innerItem: CdkAccordionItem;
+  @ViewChild('outerItem') outerItem!: CdkAccordionItem;
+  @ViewChild('innerItem') innerItem!: CdkAccordionItem;
 }

src/cdk/dialog/dialog.spec.ts

@@ -1414,7 +1414,7 @@ class ComponentWithOnPushViewContainer {
   imports: [DirectiveWithViewContainer],
 })
 class ComponentWithChildViewContainer {
-  @ViewChild(DirectiveWithViewContainer) childWithViewContainer: DirectiveWithViewContainer;
+  @ViewChild(DirectiveWithViewContainer) childWithViewContainer!: DirectiveWithViewContainer;
 
   get childViewContainer() {
     return this.childWithViewContainer.viewContainerRef;
@@ -1428,10 +1428,10 @@ class ComponentWithChildViewContainer {
   imports: [DialogModule],
 })
 class ComponentWithTemplateRef {
-  localValue: string;
-  dialogRef: DialogRef<any>;
+  localValue = '';
+  dialogRef: DialogRef<any> | undefined;
 
-  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;
+  @ViewChild(TemplateRef) templateRef!: TemplateRef<any>;
 
   setDialogRef(dialogRef: DialogRef<any>): string {
     this.dialogRef = dialogRef;
@@ -1461,7 +1461,7 @@ class PizzaMsg {
   },
 })
 class ContentElementDialog {
-  closeButtonAriaLabel: string;
+  closeButtonAriaLabel = '';
 }
 
 @Component({
@@ -1521,6 +1521,6 @@ class TemplateInjectorInnerDirective {
   imports: [TemplateInjectorInnerDirective],
 })
 class TemplateInjectorParentComponent {
-  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;
+  @ViewChild(TemplateRef) templateRef!: TemplateRef<any>;
   innerComponentValue = '';
 }

src/cdk/menu/menu-group.spec.ts

@@ -142,5 +142,5 @@ class CheckboxMenu {
   imports: [CdkMenuModule],
 })
 class MenuWithMultipleRadioGroups {
-  @ViewChild(CdkMenuItem) readonly trigger: CdkMenuItem;
+  @ViewChild(CdkMenuItem) readonly trigger!: CdkMenuItem;
 }

src/cdk/overlay/fullscreen-overlay-container.spec.ts

@@ -111,5 +111,5 @@ describe('FullscreenOverlayContainer', () => {
 class TestComponentWithTemplatePortals {
   viewContainerRef = inject(ViewContainerRef);
 
-  @ViewChild(CdkPortal) templatePortal: CdkPortal;
+  @ViewChild(CdkPortal) templatePortal!: CdkPortal;
 }

src/cdk/overlay/overlay-container.spec.ts

@@ -87,5 +87,5 @@ describe('OverlayContainer', () => {
 class TestComponentWithTemplatePortals {
   viewContainerRef = inject(ViewContainerRef);
 
-  @ViewChild(CdkPortal) templatePortal: CdkPortal;
+  @ViewChild(CdkPortal) templatePortal!: CdkPortal;
 }

src/cdk/overlay/overlay-directives.spec.ts

@@ -791,38 +791,38 @@ describe('Overlay directives', () => {
   imports: [OverlayModule],
 })
 class ConnectedOverlayDirectiveTest {
-  @ViewChild(CdkConnectedOverlay) connectedOverlayDirective: CdkConnectedOverlay;
-  @ViewChild('trigger') trigger: CdkOverlayOrigin;
-  @ViewChild('otherTrigger') otherTrigger: CdkOverlayOrigin;
-  @ViewChild('nonDirectiveTrigger') nonDirectiveTrigger: ElementRef<HTMLElement>;
+  @ViewChild(CdkConnectedOverlay) connectedOverlayDirective!: CdkConnectedOverlay;
+  @ViewChild('trigger') trigger!: CdkOverlayOrigin;
+  @ViewChild('otherTrigger') otherTrigger!: CdkOverlayOrigin;
+  @ViewChild('nonDirectiveTrigger') nonDirectiveTrigger!: ElementRef<HTMLElement>;
 
   isOpen = false;
-  width: number | string;
-  height: number | string;
-  minWidth: number | string;
-  positionStrategy: FlexibleConnectedPositionStrategy;
-  minHeight: number | string;
-  offsetX: number;
-  offsetY: number;
-  triggerOverride: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
-  hasBackdrop: boolean;
-  disableClose: boolean;
-  viewportMargin: number;
-  flexibleDimensions: boolean;
-  growAfterOpen: boolean;
-  push: boolean;
-  scrollStrategy: ScrollStrategy;
+  width!: number | string;
+  height!: number | string;
+  minWidth!: number | string;
+  positionStrategy!: FlexibleConnectedPositionStrategy;
+  minHeight!: number | string;
+  offsetX!: number;
+  offsetY!: number;
+  triggerOverride!: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
+  hasBackdrop!: boolean;
+  disableClose!: boolean;
+  viewportMargin!: number;
+  flexibleDimensions!: boolean;
+  growAfterOpen!: boolean;
+  push!: boolean;
+  scrollStrategy!: ScrollStrategy;
   backdropClickHandler = jasmine.createSpy('backdropClick handler');
   positionChangeHandler = jasmine.createSpy('positionChange handler');
   keydownHandler = jasmine.createSpy('keydown handler');
-  positionOverrides: ConnectionPositionPair[];
+  positionOverrides!: ConnectionPositionPair[];
   attachHandler = jasmine.createSpy('attachHandler').and.callFake(() => {
     const overlayElement = this.connectedOverlayDirective.overlayRef.overlayElement;
     this.attachResult = overlayElement.querySelector('p') as HTMLElement;
   });
   detachHandler = jasmine.createSpy('detachHandler');
-  attachResult: HTMLElement;
-  transformOriginSelector: string;
+  attachResult!: HTMLElement;
+  transformOriginSelector!: string;
   matchWidth = false;
 }
 
@@ -834,6 +834,6 @@ class ConnectedOverlayDirectiveTest {
   imports: [OverlayModule],
 })
 class ConnectedOverlayPropertyInitOrder {
-  @ViewChild(CdkConnectedOverlay) connectedOverlayDirective: CdkConnectedOverlay;
-  @ViewChild('trigger') trigger: CdkOverlayOrigin;
+  @ViewChild(CdkConnectedOverlay) connectedOverlayDirective!: CdkConnectedOverlay;
+  @ViewChild('trigger') trigger!: CdkOverlayOrigin;
 }

src/cdk/overlay/overlay-directives.zone.spec.ts

@@ -77,36 +77,36 @@ describe('Overlay directives Zone.js integration', () => {
   imports: [OverlayModule],
 })
 class ConnectedOverlayDirectiveTest {
-  @ViewChild(CdkConnectedOverlay) connectedOverlayDirective: CdkConnectedOverlay;
-  @ViewChild('trigger') trigger: CdkOverlayOrigin;
-  @ViewChild('otherTrigger') otherTrigger: CdkOverlayOrigin;
-  @ViewChild('nonDirectiveTrigger') nonDirectiveTrigger: ElementRef<HTMLElement>;
+  @ViewChild(CdkConnectedOverlay) connectedOverlayDirective!: CdkConnectedOverlay;
+  @ViewChild('trigger') trigger!: CdkOverlayOrigin;
+  @ViewChild('otherTrigger') otherTrigger!: CdkOverlayOrigin;
+  @ViewChild('nonDirectiveTrigger') nonDirectiveTrigger!: ElementRef<HTMLElement>;
 
   isOpen = false;
-  width: number | string;
-  height: number | string;
-  minWidth: number | string;
-  positionStrategy: FlexibleConnectedPositionStrategy;
-  minHeight: number | string;
-  offsetX: number;
-  offsetY: number;
-  triggerOverride: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
-  hasBackdrop: boolean;
-  disableClose: boolean;
-  viewportMargin: number;
-  flexibleDimensions: boolean;
-  growAfterOpen: boolean;
-  push: boolean;
-  scrollStrategy: ScrollStrategy;
+  width!: number | string;
+  height!: number | string;
+  minWidth!: number | string;
+  positionStrategy!: FlexibleConnectedPositionStrategy;
+  minHeight!: number | string;
+  offsetX!: number;
+  offsetY!: number;
+  triggerOverride!: CdkOverlayOrigin | FlexibleConnectedPositionStrategyOrigin;
+  hasBackdrop!: boolean;
+  disableClose!: boolean;
+  viewportMargin!: number;
+  flexibleDimensions!: boolean;
+  growAfterOpen!: boolean;
+  push!: boolean;
+  scrollStrategy!: ScrollStrategy;
   backdropClickHandler = jasmine.createSpy('backdropClick handler');
   positionChangeHandler = jasmine.createSpy('positionChange handler');
   keydownHandler = jasmine.createSpy('keydown handler');
-  positionOverrides: ConnectionPositionPair[];
+  positionOverrides!: ConnectionPositionPair[];
   attachHandler = jasmine.createSpy('attachHandler').and.callFake(() => {
     const overlayElement = this.connectedOverlayDirective.overlayRef.overlayElement;
     this.attachResult = overlayElement.querySelector('p') as HTMLElement;
   });
   detachHandler = jasmine.createSpy('detachHandler');
-  attachResult: HTMLElement;
-  transformOriginSelector: string;
+  attachResult!: HTMLElement;
+  transformOriginSelector!: string;
 }

src/cdk/overlay/overlay.spec.ts

@@ -1131,7 +1131,7 @@ class PizzaMsg {}
 class TestComponentWithTemplatePortals {
   viewContainerRef = inject(ViewContainerRef);
 
-  @ViewChild(CdkPortal) templatePortal: CdkPortal;
+  @ViewChild(CdkPortal) templatePortal!: CdkPortal;
 }
 
 class FakePositionStrategy implements PositionStrategy {

src/cdk/portal/portal.spec.ts

@@ -779,8 +779,8 @@ class ArbitraryViewContainerRefComponent {
   viewContainerRef = inject(ViewContainerRef);
   injector = inject(Injector);
 
-  @ViewChild('template') template: TemplateRef<any>;
-  @ViewChild(SaveParentNodeOnInit) saveParentNodeOnInit: SaveParentNodeOnInit;
+  @ViewChild('template') template!: TemplateRef<any>;
+  @ViewChild(SaveParentNodeOnInit) saveParentNodeOnInit!: SaveParentNodeOnInit;
 }
 
 /** Test-bed component that contains a portal outlet and a couple of template portals. */
@@ -820,12 +820,12 @@ class PortalTestApp {
   viewContainerRef = inject(ViewContainerRef);
   injector = inject(Injector);
 
-  @ViewChildren(CdkPortal) portals: QueryList<CdkPortal>;
-  @ViewChild(CdkPortalOutlet) portalOutlet: CdkPortalOutlet;
-  @ViewChild('templateRef', {read: TemplateRef}) templateRef: TemplateRef<any>;
-  @ViewChild('domPortalContent') domPortalContent: ElementRef<HTMLElement>;
+  @ViewChildren(CdkPortal) portals!: QueryList<CdkPortal>;
+  @ViewChild(CdkPortalOutlet) portalOutlet!: CdkPortalOutlet;
+  @ViewChild('templateRef', {read: TemplateRef}) templateRef!: TemplateRef<any>;
+  @ViewChild('domPortalContent') domPortalContent!: ElementRef<HTMLElement>;
   @ViewChild('alternateContainer', {read: ViewContainerRef})
-  alternateContainer: ViewContainerRef;
+  alternateContainer!: ViewContainerRef;
 
   selectedPortal: Portal<any> | undefined;
   fruit: string = 'Banana';
@@ -859,5 +859,5 @@ class PortalTestApp {
   imports: [CdkPortalOutlet],
 })
 class UnboundPortalTestApp {
-  @ViewChild(CdkPortalOutlet) portalOutlet: CdkPortalOutlet;
+  @ViewChild(CdkPortalOutlet) portalOutlet!: CdkPortalOutlet;
 }

src/cdk/scrolling/scroll-dispatcher.spec.ts

@@ -261,8 +261,8 @@ describe('ScrollDispatcher', () => {
   imports: [ScrollingModule],
 })
 class ScrollingComponent {
-  @ViewChild(CdkScrollable) scrollable: CdkScrollable;
-  @ViewChild('scrollingElement') scrollingElement: ElementRef<HTMLElement>;
+  @ViewChild(CdkScrollable) scrollable!: CdkScrollable;
+  @ViewChild('scrollingElement') scrollingElement!: ElementRef<HTMLElement>;
 }
 
 /** Component containing nested scrollables. */
@@ -279,5 +279,5 @@ class ScrollingComponent {
   imports: [ScrollingModule],
 })
 class NestedScrollingComponent {
-  @ViewChild('interestingElement') interestingElement: ElementRef<HTMLElement>;
+  @ViewChild('interestingElement') interestingElement!: ElementRef<HTMLElement>;
 }

src/cdk/scrolling/scroll-dispatcher.zone.spec.ts

@@ -38,6 +38,6 @@ describe('ScrollDispatcher Zone.js integration', () => {
   imports: [ScrollingModule],
 })
 class ScrollingComponent {
-  @ViewChild(CdkScrollable) scrollable: CdkScrollable;
-  @ViewChild('scrollingElement') scrollingElement: ElementRef<HTMLElement>;
+  @ViewChild(CdkScrollable) scrollable!: CdkScrollable;
+  @ViewChild('scrollingElement') scrollingElement!: ElementRef<HTMLElement>;
 }