@angular/forms 21.0.6 → 21.0.8

package/fesm2022/signals-compat.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.6
+ * @license Angular v21.0.8
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/fesm2022/signals.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.6
+ * @license Angular v21.0.8
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -7,7 +7,7 @@
 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';
@@ -94,7 +94,7 @@ class InteropNgControl {
 }
 
 const FIELD = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'FIELD' : '');
-const controlInstructions = {
+const controlInstructions$1 = {
   create: __controlCreate,
   update: _controlUpdate
 };
@@ -107,7 +107,7 @@ class Field {
   state = computed(() => this.field()(), ...(ngDevMode ? [{
     debugName: "state"
   }] : []));
-  [_CONTROL] = controlInstructions;
+  [_CONTROL] = controlInstructions$1;
   config = inject(SIGNAL_FORMS_CONFIG, {
     optional: true
   });
@@ -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,7 +136,7 @@ class Field {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.6",
+    version: "21.0.8",
     ngImport: i0,
     type: Field,
     deps: [],
@@ -144,7 +144,7 @@ class Field {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "21.0.6",
+    version: "21.0.8",
     type: Field,
     isStandalone: true,
     selector: "[field]",
@@ -169,7 +169,7 @@ class Field {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.6",
+  version: "21.0.8",
   ngImport: i0,
   type: Field,
   decorators: [{
@@ -197,6 +197,110 @@ i0.ɵɵngDeclareClassMetadata({
   }
 });
 
+const FORM_FIELD = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'FORM_FIELD' : '');
+const controlInstructions = {
+  create: __controlCreate,
+  update: _controlUpdate
+};
+class FormField {
+  element = inject(ElementRef).nativeElement;
+  injector = inject(Injector);
+  formField = input.required(...(ngDevMode ? [{
+    debugName: "formField"
+  }] : []));
+  state = computed(() => this.formField()(), ...(ngDevMode ? [{
+    debugName: "state"
+  }] : []));
+  [_CONTROL] = controlInstructions;
+  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.0.8",
+    ngImport: i0,
+    type: FormField,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "21.0.8",
+    type: FormField,
+    isStandalone: true,
+    selector: "[formField]",
+    inputs: {
+      formField: {
+        classPropertyName: "formField",
+        publicName: "formField",
+        isSignal: true,
+        isRequired: true,
+        transformFunction: null
+      }
+    },
+    providers: [{
+      provide: FORM_FIELD,
+      useExisting: FormField
+    }, {
+      provide: NgControl,
+      useFactory: () => inject(FormField).getOrCreateNgControl()
+    }],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "21.0.8",
+  ngImport: i0,
+  type: FormField,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[formField]',
+      providers: [{
+        provide: FORM_FIELD,
+        useExisting: FormField
+      }, {
+        provide: NgControl,
+        useFactory: () => inject(FormField).getOrCreateNgControl()
+      }]
+    }]
+  }],
+  propDecorators: {
+    formField: [{
+      type: i0.Input,
+      args: [{
+        isSignal: true,
+        alias: "formField",
+        required: true
+      }]
+    }]
+  }
+});
+
 function disabled(path, logic) {
   assertPathIsCurrent(path);
   const pathNode = FieldPathNode.unwrapFieldPath(path);
@@ -231,6 +335,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 +381,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 +448,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 +729,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, 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 };
 //# sourceMappingURL=signals.mjs.map