feat(ng-core): improve type safety of WrappedControlSuperclass

BREAKING CHANGE: Subclasses of `WrappedControlSuperclass` may need to be adjusted if they were doing any type-unsafe things. For example you may need to add `| null` to its typing, or create your form control with the option `nonNullable: true`.

projects/ng-core/src/lib/forms/control-synchronizer.spec.ts

@@ -11,13 +11,15 @@ import { delayWhen, Observable, Subject } from 'rxjs';
 import {
   provideValueAccessor,
   WrappedControlSuperclass,
-  WrappedFormControlSuperclass,
 } from '../../public-api';
 import { find, findDirective, setValue } from '../../test-helpers';
 
-abstract class AbstractValidatingComponent extends WrappedControlSuperclass<string> {
+abstract class AbstractValidatingComponent extends WrappedControlSuperclass<
+  string,
+  string | null
+> {
   syncError = false;
-  control = new FormControl(undefined, () =>
+  control = new FormControl<string | null>(null, () =>
     this.#makeError(this.syncError, 'Sync'),
   );
   failOnNeedlessAsync = false;
@@ -303,7 +305,9 @@ describe('ControlSynchronizer', () => {
       template: `<input [formControl]="control" />`,
       providers: [provideValueAccessor(InnerComponent)],
     })
-    class InnerComponent extends WrappedFormControlSuperclass<string> {
+    class InnerComponent extends WrappedControlSuperclass<string | null> {
+      control = new FormControl('');
+
       protected override outerToInnerErrors(
         errors: ValidationErrors,
       ): ValidationErrors {
@@ -317,8 +321,9 @@ describe('ControlSynchronizer', () => {
         <sl-inner *ngIf="showInner" [formControl]="control"></sl-inner>
       `,
     })
-    class OuterComponent extends WrappedFormControlSuperclass<string> {
+    class OuterComponent extends WrappedControlSuperclass<string | null> {
       @Input() showInner!: boolean;
+      control = new FormControl('');
     }
 
     const ctx = new ComponentContext(OuterComponent, {

projects/ng-core/src/lib/forms/index.ts

@@ -1,4 +1,4 @@
 export { FormComponentSuperclass } from './form-component-superclass';
+export { provideValueAccessor } from './provide-value-accessor';
 export { WrappedControlSuperclass } from './wrapped-control-superclass';
 export { WrappedFormControlSuperclass } from './wrapped-form-control-superclass';
-export { provideValueAccessor } from './provide-value-accessor';