@gravitee/ui-particles-angular 7.17.1 → 7.17.2

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, take, debounceTime } from 'rxjs/operators';
+import { startWith, map, distinctUntilChanged, tap, debounce, takeUntil, delay, filter, switchMap, debounceTime, take } 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';
@@ -2974,11 +2974,6 @@ class GioFormJsonSchemaComponent {
         }
     }
     ngOnInit() {
-        // Invalid by default.
-        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 });
         // When the parent form is touched, mark all the sub formGroup as touched if not already touched
         const parentControl = this.ngControl?.control?.parent;
         parentControl?.statusChanges
@@ -2998,6 +2993,11 @@ class GioFormJsonSchemaComponent {
         });
     }
     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(() => {
             const { status, value, touched } = this.formGroup;