@muraai/mnl-form 0.0.1-alpha-766df40 → 0.0.1-alpha-017a088

package/fesm2022/muraai-mnl-form.mjs

@@ -5049,26 +5049,34 @@ class MnlFormComponent {
         this.totalTabs = 0;
         this.translateService.setDefaultLang('en');
     }
+    ngOnChanges(changes) {
+        if (changes['fields'] && this.fields) {
+            this.initForm();
+        }
+    }
     ngOnInit() {
-        if (this.fields) {
-            this.applyReadonlyToFields(this.fields);
-            this.filterFieldGroupsByRolesAndCountries(this.fields);
-            this.form.updateValueAndValidity();
-            this.formPrepared = true;
-            this.getNumberOfActiveTabs(this.fields);
-            this.setAutocompleteSingleOptionByDefault(this.fields);
-            this.options = {
-                formState: {
-                    ...this.options.formState,
-                    showOldValues: this.showOldValues,
-                    oldValues: this.oldValues,
-                    helperModel: this.helperModel,
-                    onHelperModelChange: this.onHelperModelChange.bind(this),
-                },
-            };
-            if (this.form.disabled) {
-                this.form.disable({ emitEvent: false });
-            }
+        if (!this.formPrepared && this.fields) {
+            this.initForm();
+        }
+    }
+    initForm() {
+        this.applyReadonlyToFields(this.fields);
+        this.filterFieldGroupsByRolesAndCountries(this.fields);
+        this.form.updateValueAndValidity();
+        this.formPrepared = true;
+        this.getNumberOfActiveTabs(this.fields);
+        this.setAutocompleteSingleOptionByDefault(this.fields);
+        this.options = {
+            formState: {
+                ...this.options?.formState,
+                showOldValues: this.showOldValues,
+                oldValues: this.oldValues,
+                helperModel: this.helperModel,
+                onHelperModelChange: this.onHelperModelChange.bind(this),
+            },
+        };
+        if (this.form.disabled) {
+            this.form.disable({ emitEvent: false });
         }
     }
     onModelChange(model) {
@@ -5177,7 +5185,7 @@ class MnlFormComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: MnlFormComponent, deps: [{ token: i1$3.TranslateService }, { token: ScoringService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: MnlFormComponent, isStandalone: true, selector: "mnl-form", inputs: { readonly: "readonly", form: "form", fields: "fields", model: "model", helperModel: "helperModel", options: "options", userRoles: "userRoles", userCountries: "userCountries", oldValues: "oldValues", showOldValues: "showOldValues" }, outputs: { noOfTabs: "noOfTabs", scoreChange: "scoreChange", helperModelChange: "helperModelChange" }, ngImport: i0, template: "@if(formPrepared) {\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\"\n  (modelChange)=\"onModelChange($event)\"\n  class=\"mnl-formly-form\"\n></formly-form>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CommonsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.LegacyFormlyForm, selector: "formly-form" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormlyMatTextAreaModule }, { kind: "ngmodule", type: FormlyMatInputModule }, { kind: "ngmodule", type: FormlyMatCheckboxModule }, { kind: "ngmodule", type: FormlyMatRadioModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: MnlFormComponent, isStandalone: true, selector: "mnl-form", inputs: { readonly: "readonly", form: "form", fields: "fields", model: "model", helperModel: "helperModel", options: "options", userRoles: "userRoles", userCountries: "userCountries", oldValues: "oldValues", showOldValues: "showOldValues" }, outputs: { noOfTabs: "noOfTabs", scoreChange: "scoreChange", helperModelChange: "helperModelChange" }, usesOnChanges: true, ngImport: i0, template: "@if(formPrepared) {\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\"\n  (modelChange)=\"onModelChange($event)\"\n  class=\"mnl-formly-form\"\n></formly-form>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: CommonsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2$1.LegacyFormlyForm, selector: "formly-form" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormlyMatTextAreaModule }, { kind: "ngmodule", type: FormlyMatInputModule }, { kind: "ngmodule", type: FormlyMatCheckboxModule }, { kind: "ngmodule", type: FormlyMatRadioModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: MnlFormComponent, decorators: [{
             type: Component,