@angular/forms 21.1.0-rc.0 → 21.1.1

package/fesm2022/signals-compat.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.1.0-rc.0
+ * @license Angular v21.1.1
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */

package/fesm2022/signals.mjs

@@ -1,11 +1,11 @@
 /**
- * @license Angular v21.1.0-rc.0
+ * @license Angular v21.1.1
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
 
 import * as i0 from '@angular/core';
-import { InjectionToken, ɵRuntimeError as _RuntimeError, inject, ElementRef, Injector, input, computed, ɵCONTROL as _CONTROL, effect, Directive, ɵɵcontrolCreate as __controlCreate, ɵcontrolUpdate as _controlUpdate, ɵisPromise as _isPromise, resource } from '@angular/core';
+import { InjectionToken, ɵRuntimeError as _RuntimeError, inject, ElementRef, Injector, input, computed, signal, ɵCONTROL as _CONTROL, untracked, effect, Directive, ɵɵcontrolCreate as __controlCreate, ɵcontrolUpdate as _controlUpdate, ɵisPromise as _isPromise, resource } from '@angular/core';
 import { Validators, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { assertPathIsCurrent, FieldPathNode, addDefaultField, metadata, createMetadataKey, MAX, MAX_LENGTH, MIN, MIN_LENGTH, PATTERN, REQUIRED, createManagedMetadataKey, DEBOUNCER } from './_structure-chunk.mjs';
 export { MetadataKey, MetadataReducer, apply, applyEach, applyWhen, applyWhenValue, form, schema, submit } from './_structure-chunk.mjs';
@@ -93,110 +93,6 @@ class InteropNgControl {
   updateValueAndValidity() {}
 }
 
-const FIELD = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'FIELD' : '');
-const controlInstructions$1 = {
-  create: __controlCreate,
-  update: _controlUpdate
-};
-class Field {
-  element = inject(ElementRef).nativeElement;
-  injector = inject(Injector);
-  field = input.required(...(ngDevMode ? [{
-    debugName: "field"
-  }] : []));
-  state = computed(() => this.field()(), ...(ngDevMode ? [{
-    debugName: "state"
-  }] : []));
-  [_CONTROL] = controlInstructions$1;
-  config = inject(SIGNAL_FORMS_CONFIG, {
-    optional: true
-  });
-  classes = Object.entries(this.config?.classes ?? {}).map(([className, computation]) => [className, computed(() => computation(this))]);
-  controlValueAccessors = inject(NG_VALUE_ACCESSOR, {
-    optional: true,
-    self: true
-  });
-  interopNgControl;
-  get ɵinteropControl() {
-    return this.controlValueAccessors?.[0] ?? this.interopNgControl?.valueAccessor ?? undefined;
-  }
-  getOrCreateNgControl() {
-    return this.interopNgControl ??= new InteropNgControl(this.state);
-  }
-  ɵregister() {
-    effect(onCleanup => {
-      const fieldNode = this.state();
-      fieldNode.nodeState.formFieldBindings.update(controls => [...controls, this]);
-      onCleanup(() => {
-        fieldNode.nodeState.formFieldBindings.update(controls => controls.filter(c => c !== this));
-      });
-    }, {
-      injector: this.injector
-    });
-  }
-  static ɵfac = i0.ɵɵngDeclareFactory({
-    minVersion: "12.0.0",
-    version: "21.1.0-rc.0",
-    ngImport: i0,
-    type: Field,
-    deps: [],
-    target: i0.ɵɵFactoryTarget.Directive
-  });
-  static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "17.1.0",
-    version: "21.1.0-rc.0",
-    type: Field,
-    isStandalone: true,
-    selector: "[field]",
-    inputs: {
-      field: {
-        classPropertyName: "field",
-        publicName: "field",
-        isSignal: true,
-        isRequired: true,
-        transformFunction: null
-      }
-    },
-    providers: [{
-      provide: FIELD,
-      useExisting: Field
-    }, {
-      provide: NgControl,
-      useFactory: () => inject(Field).getOrCreateNgControl()
-    }],
-    ngImport: i0
-  });
-}
-i0.ɵɵngDeclareClassMetadata({
-  minVersion: "12.0.0",
-  version: "21.1.0-rc.0",
-  ngImport: i0,
-  type: Field,
-  decorators: [{
-    type: Directive,
-    args: [{
-      selector: '[field]',
-      providers: [{
-        provide: FIELD,
-        useExisting: Field
-      }, {
-        provide: NgControl,
-        useFactory: () => inject(Field).getOrCreateNgControl()
-      }]
-    }]
-  }],
-  propDecorators: {
-    field: [{
-      type: i0.Input,
-      args: [{
-        isSignal: true,
-        alias: "field",
-        required: true
-      }]
-    }]
-  }
-});
-
 const FORM_FIELD = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'FORM_FIELD' : '');
 const controlInstructions = {
   create: __controlCreate,
@@ -211,6 +107,9 @@ class FormField {
   state = computed(() => this.formField()(), ...(ngDevMode ? [{
     debugName: "state"
   }] : []));
+  bindingOptions = signal(undefined, ...(ngDevMode ? [{
+    debugName: "bindingOptions"
+  }] : []));
   [_CONTROL] = controlInstructions;
   config = inject(SIGNAL_FORMS_CONFIG, {
     optional: true
@@ -227,7 +126,11 @@ class FormField {
   getOrCreateNgControl() {
     return this.interopNgControl ??= new InteropNgControl(this.state);
   }
-  ɵregister() {
+  registerAsBinding(bindingOptions) {
+    if (untracked(this.bindingOptions)) {
+      throw new _RuntimeError(1913, ngDevMode && 'FormField already registered as a binding');
+    }
+    this.bindingOptions.set(bindingOptions);
     effect(onCleanup => {
       const fieldNode = this.state();
       fieldNode.nodeState.formFieldBindings.update(controls => [...controls, this]);
@@ -238,9 +141,17 @@ class FormField {
       injector: this.injector
     });
   }
+  focus() {
+    const bindingOptions = untracked(this.bindingOptions);
+    if (bindingOptions?.focus) {
+      bindingOptions.focus();
+    } else {
+      this.element.focus();
+    }
+  }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-rc.0",
+    version: "21.1.1",
     ngImport: i0,
     type: FormField,
     deps: [],
@@ -248,7 +159,7 @@ class FormField {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "21.1.0-rc.0",
+    version: "21.1.1",
     type: FormField,
     isStandalone: true,
     selector: "[formField]",
@@ -273,7 +184,7 @@ class FormField {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-rc.0",
+  version: "21.1.1",
   ngImport: i0,
   type: FormField,
   decorators: [{
@@ -745,5 +656,5 @@ function debounceForDuration(durationInMilliseconds) {
 }
 function immediate() {}
 
-export { EmailValidationError, FIELD, FORM_FIELD, Field, FormField, MAX, MAX_LENGTH, MIN, MIN_LENGTH, MaxLengthValidationError, MaxValidationError, MinLengthValidationError, MinValidationError, NgValidationError, PATTERN, PatternValidationError, REQUIRED, RequiredValidationError, StandardSchemaValidationError, createManagedMetadataKey, createMetadataKey, debounce, disabled, email, emailError, hidden, max, maxError, maxLength, maxLengthError, metadata, min, minError, minLength, minLengthError, pattern, patternError, provideSignalFormsConfig, readonly, required, requiredError, standardSchemaError, validate, validateAsync, validateHttp, validateStandardSchema, validateTree };
+export { EmailValidationError, FORM_FIELD, FormField, MAX, MAX_LENGTH, MIN, MIN_LENGTH, MaxLengthValidationError, MaxValidationError, MinLengthValidationError, MinValidationError, NgValidationError, PATTERN, PatternValidationError, REQUIRED, RequiredValidationError, StandardSchemaValidationError, createManagedMetadataKey, createMetadataKey, debounce, disabled, email, emailError, hidden, max, maxError, maxLength, maxLengthError, metadata, min, minError, minLength, minLengthError, pattern, patternError, provideSignalFormsConfig, readonly, required, requiredError, standardSchemaError, validate, validateAsync, validateHttp, validateStandardSchema, validateTree };
 //# sourceMappingURL=signals.mjs.map