@gravitee/ui-particles-angular 16.4.1 → 16.4.2

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

@@ -3275,6 +3275,9 @@ class GioFormJsonSchemaComponent {
         this.touched = false;
         this.isValid$ = new ReplaySubject(1); // Wait JsonSchema to be loaded to check if it's valid
         this.stateChanges$ = new Subject();
+        this.isWritingValue = false;
+        this.isStable = false;
+        this.isUpdatingParent = false;
         if (ngControl) {
             // Setting the value accessor directly (instead of using
             // the providers `NG_VALUE_ACCESSOR`) to avoid running into a circular import.
@@ -3321,9 +3324,9 @@ class GioFormJsonSchemaComponent {
         // Sync control value with default value (without emit event) as long as the component is not ready
         // When formly is initialised, it emits several values as it builds up step by step.
         this.formGroup.valueChanges
-            .pipe(distinctUntilChanged(isEqual), tap(value => {
-            this.ngControl?.control?.reset(value, { emitEvent: false });
-        }), takeUntil(this.ready), takeUntil(this.unsubscribe$))
+            .pipe(distinctUntilChanged(isEqual), filter(() => !this.isWritingValue && this.isStable), tap(value => {
+            this.syncValueToParent(value);
+        }), takeUntil(this.unsubscribe$))
             .subscribe();
         // Avoid ExpressionChangedAfterItHasBeenCheckedError on project
         this.changeDetectorRef.markForCheck();
@@ -3381,7 +3384,22 @@ class GioFormJsonSchemaComponent {
     }
     // From ControlValueAccessor
     writeValue(value) {
+        if (this.isUpdatingParent)
+            return;
+        this.isWritingValue = true;
+        this.isStable = false;
         this.model = cloneDeep(value) ?? {};
+        setTimeout(() => {
+            this.isWritingValue = false;
+            this.isStable = true;
+            this.syncValueToParent(this.formGroup.value);
+            this.changeDetectorRef.markForCheck();
+        }, 0);
+    }
+    syncValueToParent(value) {
+        this.isUpdatingParent = true;
+        this.ngControl?.control?.setValue(value, { emitEvent: false });
+        this.isUpdatingParent = false;
     }
     // From ControlValueAccessor
     registerOnChange(fn) {