@gravitee/ui-particles-angular 7.17.2 → 7.17.3

package/fesm2020/gravitee-ui-particles-angular.mjs

@@ -13,7 +13,7 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import { isEmpty, toLower, dropRight, isNil, isArray, remove, isObject, cloneDeep, uniqueId, set } from 'lodash';
-import { startWith, map, distinctUntilChanged, tap, debounce, takeUntil, delay, filter, switchMap, debounceTime, take } from 'rxjs/operators';
+import { startWith, map, distinctUntilChanged, tap, debounce, takeUntil, delay, filter, switchMap, take, debounceTime } from 'rxjs/operators';
 import * as i7 from '@angular/forms';
 import { FormsModule, FormArray, FormGroup, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, NgControl } from '@angular/forms';
 import * as i2$2 from '@angular/cdk/a11y';
@@ -2985,32 +2985,22 @@ class GioFormJsonSchemaComponent {
             this.formGroup.markAllAsTouched();
             this.stateChanges$.next();
         });
-        // Group all valueChanges events emit by formly in a single one
-        merge(this.formGroup.statusChanges, this.formGroup.valueChanges)
-            .pipe(takeUntil(this.unsubscribe$), debounceTime(100))
-            .subscribe(() => {
-            this.stateChanges$.next();
-        });
-    }
-    ngAfterViewInit() {
         // Add async validator to the parent
         this.ngControl?.control?.addAsyncValidators(() => {
             return this.isValid$.pipe(takeUntil(this.unsubscribe$), take(1), map(isValid => (isValid ? null : { invalid: true })));
         });
-        this.ngControl?.control?.updateValueAndValidity({ emitEvent: false });
         // Subscribe to state changes to manage touches, status and value
-        this.stateChanges$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
+        this.stateChanges$
+            .pipe(tap(() => {
             const { status, value, touched } = this.formGroup;
             if (this.isDisabled) {
                 return;
             }
             if (status === 'VALID') {
                 this.isValid$.next(true);
-                this.ngControl?.control?.setErrors(null);
             }
             if (status === 'INVALID') {
                 this.isValid$.next(false);
-                this.ngControl?.control?.setErrors({ invalid: true });
             }
             if (touched && !this.touched) {
                 this._onTouched();
@@ -3019,8 +3009,21 @@ class GioFormJsonSchemaComponent {
             if (this.touched) {
                 this._onChange(value);
             }
-            this.ngControl?.control?.updateValueAndValidity({ emitEvent: false });
+        }), delay(0), 
+        // Keep at the end
+        takeUntil(this.unsubscribe$))
+            .subscribe(() => {
+            this.changeDetectorRef.markForCheck();
             this.changeDetectorRef.detectChanges();
+            this.ngControl?.control?.updateValueAndValidity();
+        });
+    }
+    ngAfterViewInit() {
+        // Group all valueChanges events emit by formly in a single one
+        merge(this.formGroup.statusChanges, this.formGroup.valueChanges)
+            .pipe(takeUntil(this.unsubscribe$), debounceTime(100))
+            .subscribe(() => {
+            this.stateChanges$.next();
         });
         this.stateChanges$.next();
     }