@angular/forms 21.2.1 → 22.0.0-next.0

package/fesm2022/forms.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.2.1
+ * @license Angular v22.0.0-next.0
  * (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.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: BaseControlValueAccessor,
     deps: [{
@@ -45,7 +45,7 @@ class BaseControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: BaseControlValueAccessor,
     isStandalone: true,
     ngImport: i0
@@ -53,7 +53,7 @@ class BaseControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   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.1",
+    version: "22.0.0-next.0",
     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.1",
+    version: "22.0.0-next.0",
     type: BuiltInControlValueAccessor,
     isStandalone: true,
     usesInheritance: true,
@@ -85,7 +85,7 @@ class BuiltInControlValueAccessor extends BaseControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: BuiltInControlValueAccessor,
   decorators: [{
@@ -105,7 +105,7 @@ class CheckboxControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     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.1",
+    version: "22.0.0-next.0",
     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.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: CheckboxControlValueAccessor,
   decorators: [{
@@ -185,7 +185,7 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: DefaultValueAccessor,
     deps: [{
@@ -200,7 +200,7 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     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.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: DefaultValueAccessor,
   decorators: [{
@@ -643,7 +643,7 @@ class NgControlStatus extends AbstractControlStatus {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NgControlStatus,
     deps: [{
@@ -654,7 +654,7 @@ class NgControlStatus extends AbstractControlStatus {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     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.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NgControlStatus,
   decorators: [{
@@ -699,7 +699,7 @@ class NgControlStatusGroup extends AbstractControlStatus {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NgControlStatusGroup,
     deps: [{
@@ -711,7 +711,7 @@ class NgControlStatusGroup extends AbstractControlStatus {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     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.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NgControlStatusGroup,
   decorators: [{
@@ -807,7 +807,7 @@ const ngModelWithFormGroupExample = `
   </div>
 `;
 
-const VERSION = /* @__PURE__ */new Version('21.2.1');
+const VERSION = /* @__PURE__ */new Version('22.0.0-next.0');
 
 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
@@ -1507,15 +1507,17 @@ class FormGroup extends AbstractControl {
     return this.controls.hasOwnProperty(controlName) && this.controls[controlName].enabled;
   }
   setValue(value, options = {}) {
-    assertAllValuesPresent(this, true, value);
-    Object.keys(value).forEach(name => {
-      assertControlPresent(this, true, name);
-      this.controls[name].setValue(value[name], {
-        onlySelf: true,
-        emitEvent: options.emitEvent
+    untracked(() => {
+      assertAllValuesPresent(this, true, value);
+      Object.keys(value).forEach(name => {
+        assertControlPresent(this, true, name);
+        this.controls[name].setValue(value[name], {
+          onlySelf: true,
+          emitEvent: options.emitEvent
+        });
       });
+      this.updateValueAndValidity(options);
     });
-    this.updateValueAndValidity(options);
   }
   patchValue(value, options = {}) {
     if (value == null) return;
@@ -1952,7 +1954,7 @@ class NgForm extends ControlContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NgForm,
     deps: [{
@@ -1971,7 +1973,7 @@ class NgForm extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: NgForm,
     isStandalone: false,
     selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
@@ -1995,7 +1997,7 @@ class NgForm extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NgForm,
   decorators: [{
@@ -2080,11 +2082,13 @@ const FormControl = class FormControl extends AbstractControl {
     }
   }
   setValue(value, options = {}) {
-    this.value = this._pendingValue = value;
-    if (this._onChange.length && options.emitModelToViewChange !== false) {
-      this._onChange.forEach(changeFn => changeFn(this.value, options.emitViewToModelChange !== false));
-    }
-    this.updateValueAndValidity(options);
+    untracked(() => {
+      this.value = this._pendingValue = value;
+      if (this._onChange.length && options.emitModelToViewChange !== false) {
+        this._onChange.forEach(changeFn => changeFn(this.value, options.emitViewToModelChange !== false));
+      }
+      this.updateValueAndValidity(options);
+    });
   }
   patchValue(value, options = {}) {
     this.setValue(value, options);
@@ -2175,7 +2179,7 @@ class AbstractFormGroupDirective extends ControlContainer {
   _checkParentType() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: AbstractFormGroupDirective,
     deps: null,
@@ -2183,7 +2187,7 @@ class AbstractFormGroupDirective extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: AbstractFormGroupDirective,
     isStandalone: false,
     usesInheritance: true,
@@ -2192,7 +2196,7 @@ class AbstractFormGroupDirective extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: AbstractFormGroupDirective,
   decorators: [{
@@ -2267,7 +2271,7 @@ class NgModelGroup extends AbstractFormGroupDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NgModelGroup,
     deps: [{
@@ -2287,7 +2291,7 @@ class NgModelGroup extends AbstractFormGroupDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: NgModelGroup,
     isStandalone: false,
     selector: "[ngModelGroup]",
@@ -2302,7 +2306,7 @@ class NgModelGroup extends AbstractFormGroupDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NgModelGroup,
   decorators: [{
@@ -2468,7 +2472,7 @@ class NgModel extends NgControl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NgModel,
     deps: [{
@@ -2498,7 +2502,7 @@ class NgModel extends NgControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: NgModel,
     isStandalone: false,
     selector: "[ngModel]:not([formControlName]):not([formControl])",
@@ -2520,7 +2524,7 @@ class NgModel extends NgControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NgModel,
   decorators: [{
@@ -2619,7 +2623,7 @@ function checkParentType$1(parent) {
 class ɵNgNoValidate {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ɵNgNoValidate,
     deps: [],
@@ -2627,7 +2631,7 @@ class ɵNgNoValidate {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: ɵNgNoValidate,
     isStandalone: false,
     selector: "form:not([ngNoForm]):not([ngNativeValidate])",
@@ -2641,7 +2645,7 @@ class ɵNgNoValidate {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: ɵNgNoValidate,
   decorators: [{
@@ -2673,7 +2677,7 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NumberValueAccessor,
     deps: null,
@@ -2681,7 +2685,7 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: NumberValueAccessor,
     isStandalone: false,
     selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]",
@@ -2698,7 +2702,7 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NumberValueAccessor,
   decorators: [{
@@ -2752,7 +2756,7 @@ class RadioControlRegistry {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: RadioControlRegistry,
     deps: [],
@@ -2760,7 +2764,7 @@ class RadioControlRegistry {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: RadioControlRegistry,
     providedIn: 'root'
@@ -2768,7 +2772,7 @@ class RadioControlRegistry {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: RadioControlRegistry,
   decorators: [{
@@ -2833,7 +2837,7 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: RadioControlValueAccessor,
     deps: [{
@@ -2849,7 +2853,7 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: RadioControlValueAccessor,
     isStandalone: false,
     selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]",
@@ -2871,7 +2875,7 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: RadioControlValueAccessor,
   decorators: [{
@@ -2924,7 +2928,7 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: RangeValueAccessor,
     deps: null,
@@ -2932,7 +2936,7 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: RangeValueAccessor,
     isStandalone: false,
     selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]",
@@ -2950,7 +2954,7 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: RangeValueAccessor,
   decorators: [{
@@ -3033,15 +3037,17 @@ class FormArray extends AbstractControl {
     return this.controls.length;
   }
   setValue(value, options = {}) {
-    assertAllValuesPresent(this, false, value);
-    value.forEach((newValue, index) => {
-      assertControlPresent(this, false, index);
-      this.at(index).setValue(newValue, {
-        onlySelf: true,
-        emitEvent: options.emitEvent
+    untracked(() => {
+      assertAllValuesPresent(this, false, value);
+      value.forEach((newValue, index) => {
+        assertControlPresent(this, false, index);
+        this.at(index).setValue(newValue, {
+          onlySelf: true,
+          emitEvent: options.emitEvent
+        });
       });
+      this.updateValueAndValidity(options);
     });
-    this.updateValueAndValidity(options);
   }
   patchValue(value, options = {}) {
     if (value == null) return;
@@ -3278,7 +3284,7 @@ class AbstractFormDirective extends ControlContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: AbstractFormDirective,
     deps: [{
@@ -3297,7 +3303,7 @@ class AbstractFormDirective extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: AbstractFormDirective,
     isStandalone: true,
     usesInheritance: true,
@@ -3307,7 +3313,7 @@ class AbstractFormDirective extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: AbstractFormDirective,
   decorators: [{
@@ -3356,7 +3362,7 @@ class FormArrayDirective extends AbstractFormDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormArrayDirective,
     deps: null,
@@ -3364,7 +3370,7 @@ class FormArrayDirective extends AbstractFormDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: FormArrayDirective,
     isStandalone: false,
     selector: "[formArray]",
@@ -3388,7 +3394,7 @@ class FormArrayDirective extends AbstractFormDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormArrayDirective,
   decorators: [{
@@ -3481,7 +3487,7 @@ class FormControlDirective extends NgControl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormControlDirective,
     deps: [{
@@ -3507,7 +3513,7 @@ class FormControlDirective extends NgControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: FormControlDirective,
     isStandalone: false,
     selector: "[formControl]",
@@ -3528,7 +3534,7 @@ class FormControlDirective extends NgControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormControlDirective,
   decorators: [{
@@ -3626,7 +3632,7 @@ class FormGroupName extends AbstractFormGroupDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormGroupName,
     deps: [{
@@ -3647,7 +3653,7 @@ class FormGroupName extends AbstractFormGroupDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: FormGroupName,
     isStandalone: false,
     selector: "[formGroupName]",
@@ -3661,7 +3667,7 @@ class FormGroupName extends AbstractFormGroupDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormGroupName,
   decorators: [{
@@ -3742,7 +3748,7 @@ class FormArrayName extends ControlContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormArrayName,
     deps: [{
@@ -3763,7 +3769,7 @@ class FormArrayName extends ControlContainer {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: FormArrayName,
     isStandalone: false,
     selector: "[formArrayName]",
@@ -3777,7 +3783,7 @@ class FormArrayName extends ControlContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormArrayName,
   decorators: [{
@@ -3888,7 +3894,7 @@ class FormControlName extends NgControl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormControlName,
     deps: [{
@@ -3916,7 +3922,7 @@ class FormControlName extends NgControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: FormControlName,
     isStandalone: false,
     selector: "[formControlName]",
@@ -3936,7 +3942,7 @@ class FormControlName extends NgControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormControlName,
   decorators: [{
@@ -4034,7 +4040,7 @@ class FormGroupDirective extends AbstractFormDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormGroupDirective,
     deps: null,
@@ -4042,7 +4048,7 @@ class FormGroupDirective extends AbstractFormDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: FormGroupDirective,
     isStandalone: false,
     selector: "[formGroup]",
@@ -4066,7 +4072,7 @@ class FormGroupDirective extends AbstractFormDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormGroupDirective,
   decorators: [{
@@ -4166,7 +4172,7 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: SelectControlValueAccessor,
     deps: null,
@@ -4174,7 +4180,7 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: SelectControlValueAccessor,
     isStandalone: false,
     selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]",
@@ -4194,7 +4200,7 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: SelectControlValueAccessor,
   decorators: [{
@@ -4245,7 +4251,7 @@ class NgSelectOption {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NgSelectOption,
     deps: [{
@@ -4261,7 +4267,7 @@ class NgSelectOption {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: NgSelectOption,
     isStandalone: false,
     selector: "option",
@@ -4274,7 +4280,7 @@ class NgSelectOption {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NgSelectOption,
   decorators: [{
@@ -4390,7 +4396,7 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: SelectMultipleControlValueAccessor,
     deps: null,
@@ -4398,7 +4404,7 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: SelectMultipleControlValueAccessor,
     isStandalone: false,
     selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]",
@@ -4418,7 +4424,7 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: SelectMultipleControlValueAccessor,
   decorators: [{
@@ -4482,7 +4488,7 @@ class ɵNgSelectMultipleOption {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ɵNgSelectMultipleOption,
     deps: [{
@@ -4498,7 +4504,7 @@ class ɵNgSelectMultipleOption {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: ɵNgSelectMultipleOption,
     isStandalone: false,
     selector: "option",
@@ -4511,7 +4517,7 @@ class ɵNgSelectMultipleOption {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: ɵNgSelectMultipleOption,
   decorators: [{
@@ -4574,7 +4580,7 @@ class AbstractValidatorDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: AbstractValidatorDirective,
     deps: [],
@@ -4582,7 +4588,7 @@ class AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: AbstractValidatorDirective,
     isStandalone: true,
     usesOnChanges: true,
@@ -4591,7 +4597,7 @@ class AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: AbstractValidatorDirective,
   decorators: [{
@@ -4610,7 +4616,7 @@ class MaxValidator extends AbstractValidatorDirective {
   createValidator = max => maxValidator(max);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: MaxValidator,
     deps: null,
@@ -4618,7 +4624,7 @@ class MaxValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: MaxValidator,
     isStandalone: false,
     selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]",
@@ -4637,7 +4643,7 @@ class MaxValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: MaxValidator,
   decorators: [{
@@ -4669,7 +4675,7 @@ class MinValidator extends AbstractValidatorDirective {
   createValidator = min => minValidator(min);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: MinValidator,
     deps: null,
@@ -4677,7 +4683,7 @@ class MinValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: MinValidator,
     isStandalone: false,
     selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
@@ -4696,7 +4702,7 @@ class MinValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: MinValidator,
   decorators: [{
@@ -4736,7 +4742,7 @@ class RequiredValidator extends AbstractValidatorDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: RequiredValidator,
     deps: null,
@@ -4744,7 +4750,7 @@ class RequiredValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: RequiredValidator,
     isStandalone: false,
     selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
@@ -4763,7 +4769,7 @@ class RequiredValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: RequiredValidator,
   decorators: [{
@@ -4787,7 +4793,7 @@ class CheckboxRequiredValidator extends RequiredValidator {
   createValidator = input => requiredTrueValidator;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: CheckboxRequiredValidator,
     deps: null,
@@ -4795,7 +4801,7 @@ class CheckboxRequiredValidator extends RequiredValidator {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: CheckboxRequiredValidator,
     isStandalone: false,
     selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]",
@@ -4811,7 +4817,7 @@ class CheckboxRequiredValidator extends RequiredValidator {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: CheckboxRequiredValidator,
   decorators: [{
@@ -4841,7 +4847,7 @@ class EmailValidator extends AbstractValidatorDirective {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: EmailValidator,
     deps: null,
@@ -4849,7 +4855,7 @@ class EmailValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: EmailValidator,
     isStandalone: false,
     selector: "[email][formControlName],[email][formControl],[email][ngModel]",
@@ -4863,7 +4869,7 @@ class EmailValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: EmailValidator,
   decorators: [{
@@ -4892,7 +4898,7 @@ class MinLengthValidator extends AbstractValidatorDirective {
   createValidator = minlength => minLengthValidator(minlength);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: MinLengthValidator,
     deps: null,
@@ -4900,7 +4906,7 @@ class MinLengthValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: MinLengthValidator,
     isStandalone: false,
     selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]",
@@ -4919,7 +4925,7 @@ class MinLengthValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: MinLengthValidator,
   decorators: [{
@@ -4951,7 +4957,7 @@ class MaxLengthValidator extends AbstractValidatorDirective {
   createValidator = maxlength => maxLengthValidator(maxlength);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: MaxLengthValidator,
     deps: null,
@@ -4959,7 +4965,7 @@ class MaxLengthValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: MaxLengthValidator,
     isStandalone: false,
     selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
@@ -4978,7 +4984,7 @@ class MaxLengthValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: MaxLengthValidator,
   decorators: [{
@@ -5010,7 +5016,7 @@ class PatternValidator extends AbstractValidatorDirective {
   createValidator = input => patternValidator(input);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: PatternValidator,
     deps: null,
@@ -5018,7 +5024,7 @@ class PatternValidator extends AbstractValidatorDirective {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     type: PatternValidator,
     isStandalone: false,
     selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]",
@@ -5037,7 +5043,7 @@ class PatternValidator extends AbstractValidatorDirective {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: PatternValidator,
   decorators: [{
@@ -5064,7 +5070,7 @@ const REACTIVE_DRIVEN_DIRECTIVES = [FormControlDirective, FormGroupDirective, Fo
 class ɵInternalFormsSharedModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ɵInternalFormsSharedModule,
     deps: [],
@@ -5072,7 +5078,7 @@ class ɵInternalFormsSharedModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     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],
@@ -5080,14 +5086,14 @@ class ɵInternalFormsSharedModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ɵInternalFormsSharedModule
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: ɵInternalFormsSharedModule,
   decorators: [{
@@ -5167,7 +5173,7 @@ class FormBuilder {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormBuilder,
     deps: [],
@@ -5175,7 +5181,7 @@ class FormBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormBuilder,
     providedIn: 'root'
@@ -5183,7 +5189,7 @@ class FormBuilder {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormBuilder,
   decorators: [{
@@ -5196,7 +5202,7 @@ i0.ɵɵngDeclareClassMetadata({
 class NonNullableFormBuilder {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NonNullableFormBuilder,
     deps: [],
@@ -5204,7 +5210,7 @@ class NonNullableFormBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: NonNullableFormBuilder,
     providedIn: 'root',
@@ -5213,7 +5219,7 @@ class NonNullableFormBuilder {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: NonNullableFormBuilder,
   decorators: [{
@@ -5236,7 +5242,7 @@ class UntypedFormBuilder extends FormBuilder {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: UntypedFormBuilder,
     deps: null,
@@ -5244,7 +5250,7 @@ class UntypedFormBuilder extends FormBuilder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: UntypedFormBuilder,
     providedIn: 'root'
@@ -5252,7 +5258,7 @@ class UntypedFormBuilder extends FormBuilder {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: UntypedFormBuilder,
   decorators: [{
@@ -5275,7 +5281,7 @@ class FormsModule {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormsModule,
     deps: [],
@@ -5283,7 +5289,7 @@ class FormsModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormsModule,
     declarations: [NgModel, NgModelGroup, NgForm],
@@ -5291,7 +5297,7 @@ class FormsModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: FormsModule,
     imports: [ɵInternalFormsSharedModule]
@@ -5299,7 +5305,7 @@ class FormsModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: FormsModule,
   decorators: [{
@@ -5325,7 +5331,7 @@ class ReactiveFormsModule {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ReactiveFormsModule,
     deps: [],
@@ -5333,7 +5339,7 @@ class ReactiveFormsModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ReactiveFormsModule,
     declarations: [FormControlDirective, FormGroupDirective, FormArrayDirective, FormControlName, FormGroupName, FormArrayName],
@@ -5341,7 +5347,7 @@ class ReactiveFormsModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.2.1",
+    version: "22.0.0-next.0",
     ngImport: i0,
     type: ReactiveFormsModule,
     imports: [ɵInternalFormsSharedModule]
@@ -5349,7 +5355,7 @@ class ReactiveFormsModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.2.1",
+  version: "22.0.0-next.0",
   ngImport: i0,
   type: ReactiveFormsModule,
   decorators: [{