@fuentis/phoenix-ui 0.0.9-alpha.655 → 0.0.9-alpha.657

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -37,7 +37,7 @@ import * as i5 from 'primeng/inputicon';
 import { InputIconModule } from 'primeng/inputicon';
 import * as i2$5 from 'primeng/message';
 import { MessageModule } from 'primeng/message';
-import { Subject, debounceTime, switchMap, of, catchError, map, BehaviorSubject, combineLatestWith, distinctUntilChanged, combineLatest, merge, firstValueFrom } from 'rxjs';
+import { Subject, debounceTime, switchMap, of, catchError, map, BehaviorSubject, merge, distinctUntilChanged, combineLatest, firstValueFrom } from 'rxjs';
 import * as i4$3 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import * as i2$1 from '@angular/forms';
@@ -4926,7 +4926,6 @@ class InlineFieldError {
         this.translateService = translateService;
     }
     sub$;
-    metaFormService = inject(MetaFormService);
     loaded = false;
     ngOnChanges() {
         if (this.ctrl && !this.loaded) {
@@ -4934,24 +4933,17 @@ class InlineFieldError {
                 ///this is only for async validators for name and title. Remove this one, we have this in onChange() method
                 this.ctrl.updateValueAndValidity();
             }
-            this.sub$ = this.ctrl?.statusChanges
-                ?.pipe(combineLatestWith(this.metaFormService.formReadOnlyState))
-                .subscribe((arr) => {
-                if (arr[0] !== 'VALID') {
-                    setTimeout(() => {
-                        this.note = this.getErrorMessage(this.ctrl);
-                    });
-                }
-                else {
-                    setTimeout(() => {
-                        this.note = null;
-                    });
-                }
-                // if (arr[1]) {
-                //   setTimeout(() => {
-                //     this.note = null;
-                //   });
-                // }
+            // Recompute on BOTH status and value changes so the message clears as soon
+            // as the input becomes valid — not only on blur/next status transition
+            // (a sync validator like TIMEPERIOD can leave the status unchanged between
+            // keystrokes while the value goes valid).
+            this.sub$ = merge(this.ctrl.statusChanges, this.ctrl.valueChanges).subscribe(() => {
+                setTimeout(() => {
+                    this.note =
+                        this.ctrl.status === 'VALID'
+                            ? null
+                            : this.getErrorMessage(this.ctrl);
+                });
             });
             this.loaded = true;
         }