mn-angular-lib 1.0.156 → 1.0.157

package/fesm2022/mn-angular-lib.mjs

@@ -8702,6 +8702,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 class MnFormBodyComponent {
     fb = inject(FormBuilder);
+    /**
+     * Change detector used to announce state this component mutates outside an Angular
+     * event handler — after an `await`, or from an RxJS subscription. Consuming apps run
+     * zoneless, where such a write notifies nothing: the view is never marked dirty, so it
+     * keeps rendering the stale value and `checkNoChanges` then reports it as NG0100
+     * (e.g. the submit button staying disabled on "Submitting..." after a failed submit).
+     * Every async mutation of {@link isSubmitting}, {@link fieldLoading}, {@link fieldOptions}
+     * and {@link formErrors} must be followed by `markForCheck()`.
+     */
+    cdr = inject(ChangeDetectorRef);
     config;
     modalRef;
     hideFooter = false;
@@ -9132,6 +9142,7 @@ class MnFormBodyComponent {
     }
     async loadFieldOptions(key, dataSource, formValue) {
         this.fieldLoading[key] = true;
+        this.cdr.markForCheck();
         try {
             this.fieldOptions[key] = await dataSource.load(formValue);
         }
@@ -9140,7 +9151,10 @@ class MnFormBodyComponent {
             this.fieldOptions[key] = [];
         }
         finally {
+            // Resolved after an `await`, so nothing has told Angular the spinner can go and the
+            // options have arrived. Without this the field renders "Loading options..." forever.
             this.fieldLoading[key] = false;
+            this.cdr.markForCheck();
         }
     }
     // =========================
@@ -9281,6 +9295,10 @@ class MnFormBodyComponent {
             this.reloadDependentDataSources(formValue);
             // Emit status change
             this.formStatusChange.emit(this.form.status);
+            // `valueChanges` can fire from outside an Angular event handler (a CVA writing on
+            // init, or a caller patching the form), and the callbacks above rewrite visibility,
+            // required-state and cross-field errors that the template reads.
+            this.cdr.markForCheck();
         });
     }
     previousFormValue = {};
@@ -9344,8 +9362,11 @@ class MnFormBodyComponent {
             this.modalRef.close(formValue);
         }
         catch (error) {
-            // Always allow retry on error, regardless of submit mode
+            // Always allow retry on error, regardless of submit mode. This runs after an `await`,
+            // so it must announce itself: otherwise the button stays disabled on "Submitting..."
+            // and the user can never retry the action that just failed.
             this.isSubmitting = false;
+            this.cdr.markForCheck();
             console.error('Form submission error:', error);
         }
     }