@gravitee/ui-particles-angular 7.16.1 → 7.17.1-fix-ps-2-d72beaa

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,13 +2974,32 @@ class GioFormJsonSchemaComponent {
         }
     }
     ngOnInit() {
-        // Invalid by default.
+        // 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
+            ?.pipe(takeUntil(this.unsubscribe$), map(() => parentControl?.touched), filter(touched => touched === true), distinctUntilChanged())
+            .subscribe(() => {
+            if (this.isDisabled) {
+                return;
+            }
+            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$), debounceTime(100)).subscribe(() => {
+        this.stateChanges$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
             const { status, value, touched } = this.formGroup;
             if (this.isDisabled) {
                 return;
@@ -3003,25 +3022,6 @@ class GioFormJsonSchemaComponent {
             this.ngControl?.control?.updateValueAndValidity({ emitEvent: false });
             this.changeDetectorRef.detectChanges();
         });
-        // 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
-            ?.pipe(takeUntil(this.unsubscribe$), map(() => parentControl?.touched), filter(touched => touched === true), distinctUntilChanged())
-            .subscribe(() => {
-            if (this.isDisabled) {
-                return;
-            }
-            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$))
-            .subscribe(() => {
-            this.stateChanges$.next();
-        });
-    }
-    ngAfterViewInit() {
         this.stateChanges$.next();
     }
     ngOnDestroy() {