@angular/forms 21.2.0-next.1 → 21.2.0-next.3

package/fesm2022/forms.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.2.0-next.1
+ * @license Angular v21.2.0-next.3
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -33,7 +33,7 @@ class BaseControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: BaseControlValueAccessor,
     deps: [{
@@ -45,7 +45,7 @@ class BaseControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: BaseControlValueAccessor,
     isStandalone: true,
     ngImport: i0
@@ -53,7 +53,7 @@ class BaseControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: BaseControlValueAccessor,
   decorators: [{
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({
 class BuiltInControlValueAccessor extends BaseControlValueAccessor {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: BuiltInControlValueAccessor,
     deps: null,
@@ -76,7 +76,7 @@ class BuiltInControlValueAccessor extends BaseControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: BuiltInControlValueAccessor,
     isStandalone: true,
     usesInheritance: true,
@@ -85,7 +85,7 @@ class BuiltInControlValueAccessor extends BaseControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: BuiltInControlValueAccessor,
   decorators: [{
@@ -105,7 +105,7 @@ class CheckboxControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: CheckboxControlValueAccessor,
     deps: null,
@@ -113,7 +113,7 @@ class CheckboxControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: CheckboxControlValueAccessor,
     isStandalone: false,
     selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]",
@@ -130,7 +130,7 @@ class CheckboxControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: CheckboxControlValueAccessor,
   decorators: [{
@@ -185,7 +185,7 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: DefaultValueAccessor,
     deps: [{
@@ -200,7 +200,7 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: DefaultValueAccessor,
     isStandalone: false,
     selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]",
@@ -219,7 +219,7 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: DefaultValueAccessor,
   decorators: [{
@@ -568,7 +568,7 @@ class AbstractControlDirective {
     this._onDestroyCallbacks = [];
   }
   reset(value = undefined) {
-    if (this.control) this.control.reset(value);
+    this.control?.reset(value);
   }
   hasError(errorCode, path) {
     return this.control ? this.control.hasError(errorCode, path) : false;
@@ -643,7 +643,7 @@ class NgControlStatus extends AbstractControlStatus {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NgControlStatus,
     deps: [{
@@ -654,7 +654,7 @@ class NgControlStatus extends AbstractControlStatus {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NgControlStatus,
     isStandalone: false,
     selector: "[formControlName],[ngModel],[formControl]",
@@ -675,7 +675,7 @@ class NgControlStatus extends AbstractControlStatus {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NgControlStatus,
   decorators: [{
@@ -699,7 +699,7 @@ class NgControlStatusGroup extends AbstractControlStatus {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NgControlStatusGroup,
     deps: [{
@@ -711,7 +711,7 @@ class NgControlStatusGroup extends AbstractControlStatus {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NgControlStatusGroup,
     isStandalone: false,
     selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]",
@@ -733,7 +733,7 @@ class NgControlStatusGroup extends AbstractControlStatus {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NgControlStatusGroup,
   decorators: [{
@@ -807,7 +807,7 @@ const ngModelWithFormGroupExample = `
   </div>
 `;
 
-const VERSION = /* @__PURE__ */new Version('21.2.0-next.1');
+const VERSION = /* @__PURE__ */new Version('21.2.0-next.3');
 
 function controlParentException(nameOrIndex) {
   return new _RuntimeError(1050, `formControlName must be used with a parent formGroup or formArray directive. You'll want to add a formGroup/formArray
@@ -1143,8 +1143,8 @@ class AbstractControl {
     const changed = this.touched === false;
     this.touched = true;
     const sourceControl = opts.sourceControl ?? this;
-    if (this._parent && !opts.onlySelf) {
-      this._parent.markAsTouched({
+    if (!opts.onlySelf) {
+      this._parent?.markAsTouched({
         ...opts,
         sourceControl
       });
@@ -1181,8 +1181,8 @@ class AbstractControl {
         sourceControl
       });
     });
-    if (this._parent && !opts.onlySelf) {
-      this._parent._updateTouched(opts, sourceControl);
+    if (!opts.onlySelf) {
+      this._parent?._updateTouched(opts, sourceControl);
     }
     if (changed && opts.emitEvent !== false) {
       this._events.next(new TouchedChangeEvent(false, sourceControl));
@@ -1192,8 +1192,8 @@ class AbstractControl {
     const changed = this.pristine === true;
     this.pristine = false;
     const sourceControl = opts.sourceControl ?? this;
-    if (this._parent && !opts.onlySelf) {
-      this._parent.markAsDirty({
+    if (!opts.onlySelf) {
+      this._parent?.markAsDirty({
         ...opts,
         sourceControl
       });
@@ -1213,8 +1213,8 @@ class AbstractControl {
         emitEvent: opts.emitEvent
       });
     });
-    if (this._parent && !opts.onlySelf) {
-      this._parent._updatePristine(opts, sourceControl);
+    if (!opts.onlySelf) {
+      this._parent?._updatePristine(opts, sourceControl);
     }
     if (changed && opts.emitEvent !== false) {
       this._events.next(new PristineChangeEvent(true, sourceControl));
@@ -1227,8 +1227,8 @@ class AbstractControl {
       this._events.next(new StatusChangeEvent(this.status, sourceControl));
       this.statusChanges.emit(this.status);
     }
-    if (this._parent && !opts.onlySelf) {
-      this._parent.markAsPending({
+    if (!opts.onlySelf) {
+      this._parent?.markAsPending({
         ...opts,
         sourceControl
       });
@@ -1278,12 +1278,12 @@ class AbstractControl {
     this._onDisabledChange.forEach(changeFn => changeFn(false));
   }
   _updateAncestors(opts, sourceControl) {
-    if (this._parent && !opts.onlySelf) {
-      this._parent.updateValueAndValidity(opts);
+    if (!opts.onlySelf) {
+      this._parent?.updateValueAndValidity(opts);
       if (!opts.skipPristineCheck) {
-        this._parent._updatePristine({}, sourceControl);
+        this._parent?._updatePristine({}, sourceControl);
       }
-      this._parent._updateTouched({}, sourceControl);
+      this._parent?._updateTouched({}, sourceControl);
     }
   }
   setParent(parent) {
@@ -1310,8 +1310,8 @@ class AbstractControl {
       this.valueChanges.emit(this.value);
       this.statusChanges.emit(this.status);
     }
-    if (this._parent && !opts.onlySelf) {
-      this._parent.updateValueAndValidity({
+    if (!opts.onlySelf) {
+      this._parent?.updateValueAndValidity({
         ...opts,
         sourceControl
       });
@@ -1371,7 +1371,7 @@ class AbstractControl {
   }
   getError(errorCode, path) {
     const control = path ? this.get(path) : this;
-    return control && control.errors ? control.errors[errorCode] : null;
+    return control?.errors ? control.errors[errorCode] : null;
   }
   hasError(errorCode, path) {
     return !!this.getError(errorCode, path);
@@ -1419,8 +1419,8 @@ class AbstractControl {
     const newPristine = !this._anyControlsDirty();
     const changed = this.pristine !== newPristine;
     this.pristine = newPristine;
-    if (this._parent && !opts.onlySelf) {
-      this._parent._updatePristine(opts, changedControl);
+    if (!opts.onlySelf) {
+      this._parent?._updatePristine(opts, changedControl);
     }
     if (changed) {
       this._events.next(new PristineChangeEvent(this.pristine, changedControl));
@@ -1429,8 +1429,8 @@ class AbstractControl {
   _updateTouched(opts = {}, changedControl) {
     this.touched = this._anyControlsTouched();
     this._events.next(new TouchedChangeEvent(this.touched, changedControl));
-    if (this._parent && !opts.onlySelf) {
-      this._parent._updateTouched(opts, changedControl);
+    if (!opts.onlySelf) {
+      this._parent?._updateTouched(opts, changedControl);
     }
   }
   _onDisabledChange = [];
@@ -1443,8 +1443,7 @@ class AbstractControl {
     }
   }
   _parentMarkedDirty(onlySelf) {
-    const parentDirty = this._parent && this._parent.dirty;
-    return !onlySelf && !!parentDirty && !this._parent._anyControlsDirty();
+    return !onlySelf && !!this._parent?.dirty && !this._parent._anyControlsDirty();
   }
   _find(name) {
     return null;
@@ -1650,10 +1649,8 @@ function cleanUpControl(control, dir, validateControlPresenceOnChange = true) {
       _noControlError(dir);
     }
   };
-  if (dir.valueAccessor) {
-    dir.valueAccessor.registerOnChange(noop);
-    dir.valueAccessor.registerOnTouched(noop);
-  }
+  dir?.valueAccessor?.registerOnChange(noop);
+  dir?.valueAccessor?.registerOnTouched(noop);
   cleanUpValidators(control, dir);
   if (control) {
     dir._invokeOnDestroyCallbacks();
@@ -1897,9 +1894,7 @@ class NgForm extends ControlContainer {
   removeControl(dir) {
     resolvedPromise$1.then(() => {
       const container = this._findContainer(dir.path);
-      if (container) {
-        container.removeControl(dir.name);
-      }
+      container?.removeControl(dir.name);
       this._directives.delete(dir);
     });
   }
@@ -1917,9 +1912,7 @@ class NgForm extends ControlContainer {
   removeFormGroup(dir) {
     resolvedPromise$1.then(() => {
       const container = this._findContainer(dir.path);
-      if (container) {
-        container.removeControl(dir.name);
-      }
+      container?.removeControl?.(dir.name);
     });
   }
   getFormGroup(dir) {
@@ -1959,7 +1952,7 @@ class NgForm extends ControlContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NgForm,
     deps: [{
@@ -1978,7 +1971,7 @@ class NgForm extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NgForm,
     isStandalone: false,
     selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
@@ -2002,7 +1995,7 @@ class NgForm extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NgForm,
   decorators: [{
@@ -2168,9 +2161,7 @@ class AbstractFormGroupDirective extends ControlContainer {
     this.formDirective.addFormGroup(this);
   }
   ngOnDestroy() {
-    if (this.formDirective) {
-      this.formDirective.removeFormGroup(this);
-    }
+    this.formDirective?.removeFormGroup(this);
   }
   get control() {
     return this.formDirective.getFormGroup(this);
@@ -2184,7 +2175,7 @@ class AbstractFormGroupDirective extends ControlContainer {
   _checkParentType() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: AbstractFormGroupDirective,
     deps: null,
@@ -2192,7 +2183,7 @@ class AbstractFormGroupDirective extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: AbstractFormGroupDirective,
     isStandalone: false,
     usesInheritance: true,
@@ -2201,7 +2192,7 @@ class AbstractFormGroupDirective extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: AbstractFormGroupDirective,
   decorators: [{
@@ -2276,7 +2267,7 @@ class NgModelGroup extends AbstractFormGroupDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NgModelGroup,
     deps: [{
@@ -2296,7 +2287,7 @@ class NgModelGroup extends AbstractFormGroupDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NgModelGroup,
     isStandalone: false,
     selector: "[ngModelGroup]",
@@ -2311,7 +2302,7 @@ class NgModelGroup extends AbstractFormGroupDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NgModelGroup,
   decorators: [{
@@ -2409,7 +2400,7 @@ class NgModel extends NgControl {
     }
   }
   ngOnDestroy() {
-    this.formDirective && this.formDirective.removeControl(this);
+    this.formDirective?.removeControl(this);
   }
   get path() {
     return this._getPath(this.name);
@@ -2477,7 +2468,7 @@ class NgModel extends NgControl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NgModel,
     deps: [{
@@ -2507,7 +2498,7 @@ class NgModel extends NgControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NgModel,
     isStandalone: false,
     selector: "[ngModel]:not([formControlName]):not([formControl])",
@@ -2529,7 +2520,7 @@ class NgModel extends NgControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NgModel,
   decorators: [{
@@ -2628,7 +2619,7 @@ function checkParentType$1(parent) {
 class ɵNgNoValidate {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ɵNgNoValidate,
     deps: [],
@@ -2636,7 +2627,7 @@ class ɵNgNoValidate {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: ɵNgNoValidate,
     isStandalone: false,
     selector: "form:not([ngNoForm]):not([ngNativeValidate])",
@@ -2650,7 +2641,7 @@ class ɵNgNoValidate {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: ɵNgNoValidate,
   decorators: [{
@@ -2682,7 +2673,7 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NumberValueAccessor,
     deps: null,
@@ -2690,7 +2681,7 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NumberValueAccessor,
     isStandalone: false,
     selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]",
@@ -2707,7 +2698,7 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NumberValueAccessor,
   decorators: [{
@@ -2761,7 +2752,7 @@ class RadioControlRegistry {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: RadioControlRegistry,
     deps: [],
@@ -2769,7 +2760,7 @@ class RadioControlRegistry {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: RadioControlRegistry,
     providedIn: 'root'
@@ -2777,7 +2768,7 @@ class RadioControlRegistry {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: RadioControlRegistry,
   decorators: [{
@@ -2842,7 +2833,7 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: RadioControlValueAccessor,
     deps: [{
@@ -2858,7 +2849,7 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: RadioControlValueAccessor,
     isStandalone: false,
     selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]",
@@ -2880,7 +2871,7 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: RadioControlValueAccessor,
   decorators: [{
@@ -2933,7 +2924,7 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: RangeValueAccessor,
     deps: null,
@@ -2941,7 +2932,7 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: RangeValueAccessor,
     isStandalone: false,
     selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]",
@@ -2959,7 +2950,7 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: RangeValueAccessor,
   decorators: [{
@@ -3260,23 +3251,19 @@ class AbstractFormDirective extends ControlContainer {
     });
   }
   _cleanUpFormContainer(dir) {
-    if (this.form) {
-      const ctrl = this.form.get(dir.path);
-      if (ctrl) {
-        const isControlUpdated = cleanUpFormContainer(ctrl, dir);
-        if (isControlUpdated) {
-          ctrl.updateValueAndValidity({
-            emitEvent: false
-          });
-        }
+    const ctrl = this.form?.get(dir.path);
+    if (ctrl) {
+      const isControlUpdated = cleanUpFormContainer(ctrl, dir);
+      if (isControlUpdated) {
+        ctrl.updateValueAndValidity({
+          emitEvent: false
+        });
       }
     }
   }
   _updateRegistrations() {
     this.form._registerOnCollectionChange(this._onCollectionChange);
-    if (this._oldForm) {
-      this._oldForm._registerOnCollectionChange(() => {});
-    }
+    this._oldForm?._registerOnCollectionChange(() => {});
   }
   _updateValidators() {
     setUpValidators(this.form, this);
@@ -3291,7 +3278,7 @@ class AbstractFormDirective extends ControlContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: AbstractFormDirective,
     deps: [{
@@ -3310,7 +3297,7 @@ class AbstractFormDirective extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: AbstractFormDirective,
     isStandalone: true,
     usesInheritance: true,
@@ -3320,7 +3307,7 @@ class AbstractFormDirective extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: AbstractFormDirective,
   decorators: [{
@@ -3369,7 +3356,7 @@ class FormArrayDirective extends AbstractFormDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormArrayDirective,
     deps: null,
@@ -3377,7 +3364,7 @@ class FormArrayDirective extends AbstractFormDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: FormArrayDirective,
     isStandalone: false,
     selector: "[formArray]",
@@ -3401,7 +3388,7 @@ class FormArrayDirective extends AbstractFormDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormArrayDirective,
   decorators: [{
@@ -3494,7 +3481,7 @@ class FormControlDirective extends NgControl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormControlDirective,
     deps: [{
@@ -3520,7 +3507,7 @@ class FormControlDirective extends NgControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: FormControlDirective,
     isStandalone: false,
     selector: "[formControl]",
@@ -3541,7 +3528,7 @@ class FormControlDirective extends NgControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormControlDirective,
   decorators: [{
@@ -3639,7 +3626,7 @@ class FormGroupName extends AbstractFormGroupDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormGroupName,
     deps: [{
@@ -3660,7 +3647,7 @@ class FormGroupName extends AbstractFormGroupDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: FormGroupName,
     isStandalone: false,
     selector: "[formGroupName]",
@@ -3674,7 +3661,7 @@ class FormGroupName extends AbstractFormGroupDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormGroupName,
   decorators: [{
@@ -3755,7 +3742,7 @@ class FormArrayName extends ControlContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormArrayName,
     deps: [{
@@ -3776,7 +3763,7 @@ class FormArrayName extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: FormArrayName,
     isStandalone: false,
     selector: "[formArrayName]",
@@ -3790,7 +3777,7 @@ class FormArrayName extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormArrayName,
   decorators: [{
@@ -3880,9 +3867,7 @@ class FormControlName extends NgControl {
     }
   }
   ngOnDestroy() {
-    if (this.formDirective) {
-      this.formDirective.removeControl(this);
-    }
+    this.formDirective?.removeControl(this);
   }
   viewToModelUpdate(newValue) {
     this.viewModel = newValue;
@@ -3903,7 +3888,7 @@ class FormControlName extends NgControl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormControlName,
     deps: [{
@@ -3931,7 +3916,7 @@ class FormControlName extends NgControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: FormControlName,
     isStandalone: false,
     selector: "[formControlName]",
@@ -3951,7 +3936,7 @@ class FormControlName extends NgControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormControlName,
   decorators: [{
@@ -4049,7 +4034,7 @@ class FormGroupDirective extends AbstractFormDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormGroupDirective,
     deps: null,
@@ -4057,7 +4042,7 @@ class FormGroupDirective extends AbstractFormDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: FormGroupDirective,
     isStandalone: false,
     selector: "[formGroup]",
@@ -4081,7 +4066,7 @@ class FormGroupDirective extends AbstractFormDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormGroupDirective,
   decorators: [{
@@ -4181,7 +4166,7 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: SelectControlValueAccessor,
     deps: null,
@@ -4189,7 +4174,7 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: SelectControlValueAccessor,
     isStandalone: false,
     selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]",
@@ -4209,7 +4194,7 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: SelectControlValueAccessor,
   decorators: [{
@@ -4249,20 +4234,18 @@ class NgSelectOption {
   }
   set value(value) {
     this._setElementValue(value);
-    if (this._select) this._select._writeValueAfterRender();
+    this._select?._writeValueAfterRender();
   }
   _setElementValue(value) {
     this._renderer.setProperty(this._element.nativeElement, 'value', value);
   }
   ngOnDestroy() {
-    if (this._select) {
-      this._select._optionMap.delete(this.id);
-      this._select._writeValueAfterRender();
-    }
+    this._select?._optionMap.delete(this.id);
+    this._select?._writeValueAfterRender();
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NgSelectOption,
     deps: [{
@@ -4278,7 +4261,7 @@ class NgSelectOption {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: NgSelectOption,
     isStandalone: false,
     selector: "option",
@@ -4291,7 +4274,7 @@ class NgSelectOption {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NgSelectOption,
   decorators: [{
@@ -4407,7 +4390,7 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: SelectMultipleControlValueAccessor,
     deps: null,
@@ -4415,7 +4398,7 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: SelectMultipleControlValueAccessor,
     isStandalone: false,
     selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]",
@@ -4435,7 +4418,7 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: SelectMultipleControlValueAccessor,
   decorators: [{
@@ -4499,7 +4482,7 @@ class ɵNgSelectMultipleOption {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ɵNgSelectMultipleOption,
     deps: [{
@@ -4515,7 +4498,7 @@ class ɵNgSelectMultipleOption {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: ɵNgSelectMultipleOption,
     isStandalone: false,
     selector: "option",
@@ -4528,7 +4511,7 @@ class ɵNgSelectMultipleOption {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: ɵNgSelectMultipleOption,
   decorators: [{
@@ -4577,9 +4560,7 @@ class AbstractValidatorDirective {
       const input = this.normalizeInput(changes[this.inputName].currentValue);
       this._enabled = this.enabled(input);
       this._validator = this._enabled ? this.createValidator(input) : nullValidator;
-      if (this._onChange) {
-        this._onChange();
-      }
+      this._onChange?.();
     }
   }
   validate(control) {
@@ -4593,7 +4574,7 @@ class AbstractValidatorDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: AbstractValidatorDirective,
     deps: [],
@@ -4601,7 +4582,7 @@ class AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: AbstractValidatorDirective,
     isStandalone: true,
     usesOnChanges: true,
@@ -4610,7 +4591,7 @@ class AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: AbstractValidatorDirective,
   decorators: [{
@@ -4629,7 +4610,7 @@ class MaxValidator extends AbstractValidatorDirective {
   createValidator = max => maxValidator(max);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: MaxValidator,
     deps: null,
@@ -4637,7 +4618,7 @@ class MaxValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: MaxValidator,
     isStandalone: false,
     selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]",
@@ -4656,7 +4637,7 @@ class MaxValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: MaxValidator,
   decorators: [{
@@ -4688,7 +4669,7 @@ class MinValidator extends AbstractValidatorDirective {
   createValidator = min => minValidator(min);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: MinValidator,
     deps: null,
@@ -4696,7 +4677,7 @@ class MinValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: MinValidator,
     isStandalone: false,
     selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
@@ -4715,7 +4696,7 @@ class MinValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: MinValidator,
   decorators: [{
@@ -4755,7 +4736,7 @@ class RequiredValidator extends AbstractValidatorDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: RequiredValidator,
     deps: null,
@@ -4763,7 +4744,7 @@ class RequiredValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: RequiredValidator,
     isStandalone: false,
     selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
@@ -4782,7 +4763,7 @@ class RequiredValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: RequiredValidator,
   decorators: [{
@@ -4806,7 +4787,7 @@ class CheckboxRequiredValidator extends RequiredValidator {
   createValidator = input => requiredTrueValidator;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: CheckboxRequiredValidator,
     deps: null,
@@ -4814,7 +4795,7 @@ class CheckboxRequiredValidator extends RequiredValidator {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: CheckboxRequiredValidator,
     isStandalone: false,
     selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]",
@@ -4830,7 +4811,7 @@ class CheckboxRequiredValidator extends RequiredValidator {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: CheckboxRequiredValidator,
   decorators: [{
@@ -4860,7 +4841,7 @@ class EmailValidator extends AbstractValidatorDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: EmailValidator,
     deps: null,
@@ -4868,7 +4849,7 @@ class EmailValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: EmailValidator,
     isStandalone: false,
     selector: "[email][formControlName],[email][formControl],[email][ngModel]",
@@ -4882,7 +4863,7 @@ class EmailValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: EmailValidator,
   decorators: [{
@@ -4911,7 +4892,7 @@ class MinLengthValidator extends AbstractValidatorDirective {
   createValidator = minlength => minLengthValidator(minlength);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: MinLengthValidator,
     deps: null,
@@ -4919,7 +4900,7 @@ class MinLengthValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: MinLengthValidator,
     isStandalone: false,
     selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]",
@@ -4938,7 +4919,7 @@ class MinLengthValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: MinLengthValidator,
   decorators: [{
@@ -4970,7 +4951,7 @@ class MaxLengthValidator extends AbstractValidatorDirective {
   createValidator = maxlength => maxLengthValidator(maxlength);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: MaxLengthValidator,
     deps: null,
@@ -4978,7 +4959,7 @@ class MaxLengthValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: MaxLengthValidator,
     isStandalone: false,
     selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
@@ -4997,7 +4978,7 @@ class MaxLengthValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: MaxLengthValidator,
   decorators: [{
@@ -5029,7 +5010,7 @@ class PatternValidator extends AbstractValidatorDirective {
   createValidator = input => patternValidator(input);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: PatternValidator,
     deps: null,
@@ -5037,7 +5018,7 @@ class PatternValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     type: PatternValidator,
     isStandalone: false,
     selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]",
@@ -5056,7 +5037,7 @@ class PatternValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: PatternValidator,
   decorators: [{
@@ -5083,7 +5064,7 @@ const REACTIVE_DRIVEN_DIRECTIVES = [FormControlDirective, FormGroupDirective, Fo
 class ɵInternalFormsSharedModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ɵInternalFormsSharedModule,
     deps: [],
@@ -5091,7 +5072,7 @@ class ɵInternalFormsSharedModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ɵInternalFormsSharedModule,
     declarations: [ɵNgNoValidate, NgSelectOption, ɵNgSelectMultipleOption, DefaultValueAccessor, NumberValueAccessor, RangeValueAccessor, CheckboxControlValueAccessor, SelectControlValueAccessor, SelectMultipleControlValueAccessor, RadioControlValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator, MinLengthValidator, MaxLengthValidator, PatternValidator, CheckboxRequiredValidator, EmailValidator, MinValidator, MaxValidator],
@@ -5099,14 +5080,14 @@ class ɵInternalFormsSharedModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ɵInternalFormsSharedModule
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: ɵInternalFormsSharedModule,
   decorators: [{
@@ -5186,7 +5167,7 @@ class FormBuilder {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormBuilder,
     deps: [],
@@ -5194,7 +5175,7 @@ class FormBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormBuilder,
     providedIn: 'root'
@@ -5202,7 +5183,7 @@ class FormBuilder {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormBuilder,
   decorators: [{
@@ -5215,7 +5196,7 @@ i0.ɵɵngDeclareClassMetadata({
 class NonNullableFormBuilder {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NonNullableFormBuilder,
     deps: [],
@@ -5223,7 +5204,7 @@ class NonNullableFormBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: NonNullableFormBuilder,
     providedIn: 'root',
@@ -5232,7 +5213,7 @@ class NonNullableFormBuilder {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: NonNullableFormBuilder,
   decorators: [{
@@ -5255,7 +5236,7 @@ class UntypedFormBuilder extends FormBuilder {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: UntypedFormBuilder,
     deps: null,
@@ -5263,7 +5244,7 @@ class UntypedFormBuilder extends FormBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: UntypedFormBuilder,
     providedIn: 'root'
@@ -5271,7 +5252,7 @@ class UntypedFormBuilder extends FormBuilder {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: UntypedFormBuilder,
   decorators: [{
@@ -5294,7 +5275,7 @@ class FormsModule {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormsModule,
     deps: [],
@@ -5302,7 +5283,7 @@ class FormsModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormsModule,
     declarations: [NgModel, NgModelGroup, NgForm],
@@ -5310,7 +5291,7 @@ class FormsModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: FormsModule,
     imports: [ɵInternalFormsSharedModule]
@@ -5318,7 +5299,7 @@ class FormsModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: FormsModule,
   decorators: [{
@@ -5344,7 +5325,7 @@ class ReactiveFormsModule {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ReactiveFormsModule,
     deps: [],
@@ -5352,7 +5333,7 @@ class ReactiveFormsModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ReactiveFormsModule,
     declarations: [FormControlDirective, FormGroupDirective, FormArrayDirective, FormControlName, FormGroupName, FormArrayName],
@@ -5360,7 +5341,7 @@ class ReactiveFormsModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.2.0-next.1",
+    version: "21.2.0-next.3",
     ngImport: i0,
     type: ReactiveFormsModule,
     imports: [ɵInternalFormsSharedModule]
@@ -5368,7 +5349,7 @@ class ReactiveFormsModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.0-next.1",
+  version: "21.2.0-next.3",
   ngImport: i0,
   type: ReactiveFormsModule,
   decorators: [{