tuain-ng-forms-lib 14.4.95 → 14.4.96

package/fesm2020/tuain-ng-forms-lib.mjs

@@ -2517,6 +2517,7 @@ class BasicFormComponent {
         this._formRoute = null;
         this._definitionObtained = false;
         // Eventos de acciones y campos
+        this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
         this._formSectionsInactivate = {};
@@ -2559,7 +2560,6 @@ class BasicFormComponent {
     cleanData() { return this._formStructure?.cleanData(); }
     getCurrentState() { return this._formStructure?.getCurrentState(); }
     supportState(state) { return this._formStructure?.supportState(state ?? '') ?? false; }
-    changeState(state) { return this._formStructure?.changeState(state) ?? false; }
     getStates() { return this._formStructure?.states; }
     getImmutableElement(name) { return this._formStructure?.getImmutableElement(name); }
     getExtraInfo(name) { return this._formStructure?.getExtraInfo(name); }
@@ -2767,6 +2767,7 @@ class BasicFormComponent {
         // Se limpian los manejadores de eventos
         this.visible = false;
         this.busy = false;
+        this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
         this._formSectionsInactivate = {};
@@ -2796,7 +2797,7 @@ class BasicFormComponent {
     get form() { return this._formStructure; }
     get state() { return this._formStructure?.state ?? null; }
     get currentState() { return this._formStructure?.state ?? ''; }
-    set currentState(state) { this?._formStructure?.changeState(state); }
+    set currentState(state) { this?.changeState(state); }
     get immutableData() { return this._formStructure?.immutableData; }
     get extraInfo() { return this._formStructure?.extraInfo; }
     get visibleSections() { return this._formStructure?.visibleSections ?? null; }
@@ -2994,7 +2995,7 @@ class BasicFormComponent {
         this.subscribeActionSubjects();
         this.subscribeTableSubjects();
         // Se define el estado inicial y se solicita la acción inicial
-        this._formStructure?.changeState(initialState || this._formStructure?.defaultState);
+        this.changeState(initialState || this._formStructure?.defaultState);
         const recordResponse = await this.requestFormAction(formActions.getData);
         this.checkErrorRecordReceived(recordResponse);
         this.visible = true;
@@ -3002,6 +3003,18 @@ class BasicFormComponent {
         this.start();
         this.customFormStart();
     }
+    changeState(state) {
+        const stateChanged = this._formStructure?.changeState(state ?? '') ?? false;
+        if (stateChanged) {
+            const clientActionMethods = this._formChangeState;
+            if (clientActionMethods && clientActionMethods.length > 0) {
+                for (const callback of clientActionMethods) {
+                    callback(state);
+                }
+            }
+        }
+        return stateChanged;
+    }
     checkErrorRecordReceived(recordResponse) {
         const { error } = recordResponse;
         if (!error) {
@@ -3113,6 +3126,9 @@ class BasicFormComponent {
     /**
      * Manejo de event handlers para acciones sobre el formulario
      */
+    onFormChange(callback) {
+        this._formChangeState.push(callback);
+    }
     onSectionCanDeactivate(codes, callback, properties = null) {
         const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         sectionSet.forEach((sectionName) => {