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

package/fesm2022/_structure-chunk.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.2.0-next.0
+ * @license Angular v21.2.0-next.1
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -647,10 +647,19 @@ class FieldValidationState {
   }, ...(ngDevMode ? [{
     debugName: "asyncErrors"
   }] : []));
-  errors = computed(() => [...this.syncErrors(), ...this.asyncErrors().filter(err => err !== 'pending')], ...(ngDevMode ? [{
+  parseErrors = computed(() => this.node.formFieldBindings().flatMap(field => field.parseErrors()), ...(ngDevMode ? [{
+    debugName: "parseErrors"
+  }] : []));
+  errors = computed(() => [...this.parseErrors(), ...this.syncErrors(), ...this.asyncErrors().filter(err => err !== 'pending')], ...(ngDevMode ? [{
     debugName: "errors"
   }] : []));
-  errorSummary = computed(() => this.node.structure.reduceChildren(this.errors(), (child, result) => [...result, ...child.errorSummary()]), ...(ngDevMode ? [{
+  errorSummary = computed(() => {
+    const errors = this.node.structure.reduceChildren(this.errors(), (child, result) => [...result, ...child.errorSummary()]);
+    if (typeof ngServerMode === 'undefined' || !ngServerMode) {
+      untracked(() => errors.sort(compareErrorPosition));
+    }
+    return errors;
+  }, ...(ngDevMode ? [{
     debugName: "errorSummary"
   }] : []));
   pending = computed(() => this.node.structure.reduceChildren(this.asyncErrors().includes('pending'), (child, value) => value || child.validationState.asyncErrors().includes('pending')), ...(ngDevMode ? [{
@@ -701,6 +710,20 @@ function addDefaultField(errors, fieldTree) {
   }
   return errors;
 }
+function getFirstBoundElement(error) {
+  if (error.formField) return error.formField.element;
+  return error.fieldTree().formFieldBindings().reduce((el, binding) => {
+    if (!el || !binding.element) return el ?? binding.element;
+    return el.compareDocumentPosition(binding.element) & Node.DOCUMENT_POSITION_PRECEDING ? binding.element : el;
+  }, undefined);
+}
+function compareErrorPosition(a, b) {
+  const aEl = getFirstBoundElement(a);
+  const bEl = getFirstBoundElement(b);
+  if (aEl === bEl) return 0;
+  if (aEl === undefined || bEl === undefined) return aEl === undefined ? 1 : -1;
+  return aEl.compareDocumentPosition(bEl) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+}
 
 const DEBOUNCER = createMetadataKey();
 
@@ -1214,6 +1237,9 @@ class FieldNode {
   get errors() {
     return this.validationState.errors;
   }
+  get parseErrors() {
+    return this.validationState.parseErrors;
+  }
   get errorSummary() {
     return this.validationState.errorSummary;
   }
@@ -1557,8 +1583,11 @@ function applyWhenValue(path, predicate, schema) {
 }
 async function submit(form, action) {
   const node = form();
-  markAllAsTouched(node);
-  if (node.invalid()) {
+  const invalid = untracked(() => {
+    markAllAsTouched(node);
+    return node.invalid();
+  });
+  if (invalid) {
     return;
   }
   node.submitState.selfSubmitting.set(true);
@@ -1592,6 +1621,9 @@ function schema(fn) {
   return SchemaImpl.create(fn);
 }
 function markAllAsTouched(node) {
+  if (node.validationState.shouldSkipValidation()) {
+    return;
+  }
   node.markAsTouched();
   for (const child of node.structure.children()) {
     markAllAsTouched(child);