igniteui-angular 22.2.0-rc.0 → 22.2.0-rc.1

package/fesm2022/igniteui-angular-core.mjs

@@ -1301,18 +1301,31 @@ class NgControlAdapter {
     get invalid() {
         return !!this.ngControl.invalid;
     }
+    get pending() {
+        return !!this.ngControl.pending;
+    }
+    /** Derived, not read from `status`: the Signal Forms interop throws on a status it does not know. */
+    get status() {
+        if (this.disabled) {
+            return 'disabled';
+        }
+        if (this.invalid) {
+            return 'invalid';
+        }
+        return this.pending ? 'pending' : 'valid';
+    }
     get touchedOrDirty() {
         const control = this.ngControl.control;
         return !!(control?.touched || control?.dirty);
     }
     /**
-     * Signal Forms expose no rule list. A field that is required, or was ever
-     * invalid or pending, is known to have rules; a rule satisfied from the
-     * start stays undetected.
+     * Signal Forms expose no rule list. A field that is required, or was invalid or
+     * pending since it was last pristine and untouched, is known to have rules;
+     * a rule satisfied from that point on stays undetected.
      */
     get hasValidators() {
         if (this.backend === 'signal') {
-            return this.required || this.noteErrors();
+            return this.required || this.sawErrors;
         }
         const control = this.ngControl.control;
         return !!(control?.validator || control?.asyncValidator);
@@ -1343,10 +1356,13 @@ class NgControlAdapter {
      */
     get statusChanges() {
         if (this.backend === 'signal') {
-            return this.watch(() => [
-                this.ngControl.valid, this.noteErrors(), this.ngControl.pending, this.required,
-                this.ngControl.disabled, this.ngControl.dirty, this.ngControl.touched
-            ]);
+            return this.watch(() => {
+                this.observeErrors();
+                return [
+                    this.ngControl.valid, this.pending, this.required,
+                    this.ngControl.disabled, this.ngControl.dirty, this.ngControl.touched
+                ];
+            });
         }
         return this.ngControl.statusChanges;
     }
@@ -1378,11 +1394,14 @@ class NgControlAdapter {
         control.setValue(value);
         return 'accepted';
     }
-    /** Remembers that the field had rules. Returns the current invalid or pending state. */
-    noteErrors() {
-        const hasErrors = this.invalid || !!this.ngControl.pending;
-        this.sawErrors ||= hasErrors;
-        return hasErrors || this.sawErrors;
+    /**
+     * Records that the field has rules. A `[formField]` switch reuses the same interop
+     * `NgControl`, so an untouched, pristine control drops earlier observations and keeps
+     * only its current state, e.g. an empty field failing a custom rule before the first edit.
+     */
+    observeErrors() {
+        const kept = this.touchedOrDirty && this.sawErrors;
+        this.sawErrors = kept || this.invalid || this.pending;
     }
     // Signal-backed getters are reactive, so an effect over them replaces the missing observables.
     // A root effect runs before change detection, like an observable would; a view effect would