refactor(cdk-experimental/popover-edit): fix strict property initialization errors

Updates the code to be compatible with strict property initialization.

Author: crisbeto

src/cdk-experimental/popover-edit/edit-ref.ts

@@ -31,7 +31,7 @@ export class EditRef<FormValue> implements OnDestroy {
   readonly blurred: Observable<void> = this._blurredSubject;
 
   /** The value to set the form back to on revert. */
-  private _revertFormValue: FormValue;
+  private _revertFormValue!: FormValue;
 
   private _injector = inject(Injector);
 

src/cdk-experimental/popover-edit/focus-dispatcher.ts

@@ -28,11 +28,9 @@ export class FocusDispatcher {
   protected readonly directionality = inject(Directionality);
 
   /** Observes keydown events triggered from the table. */
-  readonly keyObserver: PartialObserver<KeyboardEvent>;
-
-  constructor() {
-    this.keyObserver = {next: event => this.handleKeyboardEvent(event)};
-  }
+  readonly keyObserver: PartialObserver<KeyboardEvent> = {
+    next: event => this.handleKeyboardEvent(event),
+  };
 
   /**
    * Moves focus to earlier or later cells (in dom order) by offset cells relative to

src/cdk-experimental/popover-edit/popover-edit.spec.ts

@@ -687,7 +687,7 @@ cdkPopoverEditTabOut`, fakeAsync(() => {
 
 @Directive()
 abstract class BaseTestComponent {
-  @ViewChild('table') table: ElementRef;
+  @ViewChild('table') table!: ElementRef;
 
   preservedValues = new FormValueContainer<PeriodicElement, {'name': string}>();
   nameEditDisabled = false;
@@ -860,7 +860,7 @@ abstract class BaseTestComponent {
   imports: [CdkPopoverEditModule, FormsModule, CdkTableModule, BidiModule],
 })
 class VanillaTableOutOfCell extends BaseTestComponent {
-  elements: ChemicalElement[];
+  elements!: ChemicalElement[];
 
   renderData() {
     this.elements = createElementData();
@@ -921,7 +921,7 @@ class VanillaTableOutOfCell extends BaseTestComponent {
   imports: [CdkPopoverEditModule, FormsModule, CdkTableModule, BidiModule],
 })
 class VanillaTableInCell extends BaseTestComponent {
-  elements: ChemicalElement[];
+  elements!: ChemicalElement[];
 
   renderData() {
     this.elements = createElementData();
@@ -1007,7 +1007,7 @@ class ElementDataSource extends DataSource<PeriodicElement> {
 })
 class CdkFlexTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
-  dataSource: ElementDataSource;
+  dataSource!: ElementDataSource;
 
   renderData() {
     this.dataSource = new ElementDataSource();
@@ -1081,7 +1081,7 @@ class CdkFlexTableInCell extends BaseTestComponent {
 })
 class CdkTableInCell extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
-  dataSource: ElementDataSource;
+  dataSource!: ElementDataSource;
 
   renderData() {
     this.dataSource = new ElementDataSource();
@@ -1162,7 +1162,7 @@ class CdkTableInCell extends BaseTestComponent {
 })
 class CdkTableWithSkipRows extends BaseTestComponent {
   displayedColumns = ['before', 'name', 'weight'];
-  dataSource: ElementDataSource;
+  dataSource!: ElementDataSource;
 
   renderData() {
     this.dataSource = new ElementDataSource();

src/cdk-experimental/tsconfig.json

@@ -4,6 +4,7 @@
   "compilerOptions": {
     "rootDir": "..",
     "baseUrl": ".",
+    "strictPropertyInitialization": true,
     "paths": {
       "@angular/cdk/*": ["../cdk/*"],
       "@angular/cdk-experimental/*": ["../cdk-experimental/*"]