@angular/forms 21.1.0-next.4 → 21.1.0

package/fesm2022/signals-compat.mjs

@@ -1,6 +1,6 @@
 /**
- * @license Angular v21.1.0-next.4
- * (c) 2010-2025 Google LLC. https://angular.dev/
+ * @license Angular v21.1.0
+ * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
 

package/fesm2022/signals.mjs

@@ -1,13 +1,13 @@
 /**
- * @license Angular v21.1.0-next.4
- * (c) 2010-2025 Google LLC. https://angular.dev/
+ * @license Angular v21.1.0
+ * (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 { Validators, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { assertPathIsCurrent, FieldPathNode, isArray, addDefaultField, metadata, createMetadataKey, MAX, MAX_LENGTH, MIN, MIN_LENGTH, PATTERN, REQUIRED, createManagedMetadataKey, DEBOUNCER } from './_structure-chunk.mjs';
+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';
 import { httpResource } from '@angular/common/http';
 import '@angular/core/primitives/signals';
@@ -93,18 +93,18 @@ class InteropNgControl {
   updateValueAndValidity() {}
 }
 
-const FIELD = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'FIELD' : '');
+const FORM_FIELD = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'FORM_FIELD' : '');
 const controlInstructions = {
   create: __controlCreate,
   update: _controlUpdate
 };
-class Field {
+class FormField {
   element = inject(ElementRef).nativeElement;
   injector = inject(Injector);
-  field = input.required(...(ngDevMode ? [{
-    debugName: "field"
+  formField = input.required(...(ngDevMode ? [{
+    debugName: "formField"
   }] : []));
-  state = computed(() => this.field()(), ...(ngDevMode ? [{
+  state = computed(() => this.formField()(), ...(ngDevMode ? [{
     debugName: "state"
   }] : []));
   [_CONTROL] = controlInstructions;
@@ -126,9 +126,9 @@ class Field {
   ɵregister() {
     effect(onCleanup => {
       const fieldNode = this.state();
-      fieldNode.nodeState.fieldBindings.update(controls => [...controls, this]);
+      fieldNode.nodeState.formFieldBindings.update(controls => [...controls, this]);
       onCleanup(() => {
-        fieldNode.nodeState.fieldBindings.update(controls => controls.filter(c => c !== this));
+        fieldNode.nodeState.formFieldBindings.update(controls => controls.filter(c => c !== this));
       });
     }, {
       injector: this.injector
@@ -136,61 +136,61 @@ class Field {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
-    type: Field,
+    type: FormField,
     deps: [],
     target: i0.ɵɵFactoryTarget.Directive
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "21.1.0-next.4",
-    type: Field,
+    version: "21.1.0",
+    type: FormField,
     isStandalone: true,
-    selector: "[field]",
+    selector: "[formField]",
     inputs: {
-      field: {
-        classPropertyName: "field",
-        publicName: "field",
+      formField: {
+        classPropertyName: "formField",
+        publicName: "formField",
         isSignal: true,
         isRequired: true,
         transformFunction: null
       }
     },
     providers: [{
-      provide: FIELD,
-      useExisting: Field
+      provide: FORM_FIELD,
+      useExisting: FormField
     }, {
       provide: NgControl,
-      useFactory: () => inject(Field).getOrCreateNgControl()
+      useFactory: () => inject(FormField).getOrCreateNgControl()
     }],
     ngImport: i0
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
-  type: Field,
+  type: FormField,
   decorators: [{
     type: Directive,
     args: [{
-      selector: '[field]',
+      selector: '[formField]',
       providers: [{
-        provide: FIELD,
-        useExisting: Field
+        provide: FORM_FIELD,
+        useExisting: FormField
       }, {
         provide: NgControl,
-        useFactory: () => inject(Field).getOrCreateNgControl()
+        useFactory: () => inject(FormField).getOrCreateNgControl()
       }]
     }]
   }],
   propDecorators: {
-    field: [{
+    formField: [{
       type: i0.Input,
       args: [{
         isSignal: true,
-        alias: "field",
+        alias: "formField",
         required: true
       }]
     }]
@@ -231,6 +231,28 @@ function readonly(path, logic = () => true) {
   pathNode.builder.addReadonlyRule(logic);
 }
 
+function getLengthOrSize(value) {
+  const v = value;
+  return typeof v.length === 'number' ? v.length : v.size;
+}
+function getOption(opt, ctx) {
+  return opt instanceof Function ? opt(ctx) : opt;
+}
+function isEmpty(value) {
+  if (typeof value === 'number') {
+    return isNaN(value);
+  }
+  return value === '' || value === false || value == null;
+}
+
+function validate(path, logic) {
+  assertPathIsCurrent(path);
+  const pathNode = FieldPathNode.unwrapFieldPath(path);
+  pathNode.builder.addSyncErrorRule(ctx => {
+    return addDefaultField(logic(ctx), ctx.fieldTree);
+  });
+}
+
 function requiredError(options) {
   return new RequiredValidationError(options);
 }
@@ -255,20 +277,6 @@ function emailError(options) {
 function standardSchemaError(issue, options) {
   return new StandardSchemaValidationError(issue, options);
 }
-function customError(obj) {
-  return new CustomValidationError(obj);
-}
-class CustomValidationError {
-  __brand = undefined;
-  kind = '';
-  fieldTree;
-  message;
-  constructor(options) {
-    if (options) {
-      Object.assign(this, options);
-    }
-  }
-}
 class _NgValidationError {
   __brand = undefined;
   kind = '';
@@ -336,46 +344,6 @@ class StandardSchemaValidationError extends _NgValidationError {
 }
 const NgValidationError = _NgValidationError;
 
-function getLengthOrSize(value) {
-  const v = value;
-  return typeof v.length === 'number' ? v.length : v.size;
-}
-function getOption(opt, ctx) {
-  return opt instanceof Function ? opt(ctx) : opt;
-}
-function isEmpty(value) {
-  if (typeof value === 'number') {
-    return isNaN(value);
-  }
-  return value === '' || value === false || value == null;
-}
-function isPlainError(error) {
-  return typeof error === 'object' && (Object.getPrototypeOf(error) === Object.prototype || Object.getPrototypeOf(error) === null);
-}
-function ensureCustomValidationError(error) {
-  if (isPlainError(error)) {
-    return customError(error);
-  }
-  return error;
-}
-function ensureCustomValidationResult(result) {
-  if (result === null || result === undefined) {
-    return result;
-  }
-  if (isArray(result)) {
-    return result.map(ensureCustomValidationError);
-  }
-  return ensureCustomValidationError(result);
-}
-
-function validate(path, logic) {
-  assertPathIsCurrent(path);
-  const pathNode = FieldPathNode.unwrapFieldPath(path);
-  pathNode.builder.addSyncErrorRule(ctx => {
-    return ensureCustomValidationResult(addDefaultField(logic(ctx), ctx.fieldTree));
-  });
-}
-
 const EMAIL_REGEXP = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
 function email(path, config) {
   validate(path, ctx => {
@@ -657,12 +625,21 @@ function debounce(path, durationOrDebouncer) {
 function debounceForDuration(durationInMilliseconds) {
   return (_context, abortSignal) => {
     return new Promise(resolve => {
-      const timeoutId = setTimeout(resolve, durationInMilliseconds);
-      abortSignal.addEventListener('abort', () => clearTimeout(timeoutId));
+      let timeoutId;
+      const onAbort = () => {
+        clearTimeout(timeoutId);
+      };
+      timeoutId = setTimeout(() => {
+        abortSignal.removeEventListener('abort', onAbort);
+        resolve();
+      }, durationInMilliseconds);
+      abortSignal.addEventListener('abort', onAbort, {
+        once: true
+      });
     });
   };
 }
 function immediate() {}
 
-export { CustomValidationError, EmailValidationError, FIELD, Field, MAX, MAX_LENGTH, MIN, MIN_LENGTH, MaxLengthValidationError, MaxValidationError, MinLengthValidationError, MinValidationError, NgValidationError, PATTERN, PatternValidationError, REQUIRED, RequiredValidationError, StandardSchemaValidationError, createManagedMetadataKey, createMetadataKey, customError, 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