tuain-ng-forms-lib 14.4.95 → 14.4.96

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

@@ -2565,6 +2565,7 @@ class BasicFormComponent {
         this._formRoute = null;
         this._definitionObtained = false;
         // Eventos de acciones y campos
+        this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
         this._formSectionsInactivate = {};
@@ -2607,7 +2608,6 @@ class BasicFormComponent {
     cleanData() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.cleanData(); }
     getCurrentState() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getCurrentState(); }
     supportState(state) { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.supportState(state !== null && state !== void 0 ? state : '')) !== null && _b !== void 0 ? _b : false; }
-    changeState(state) { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state)) !== null && _b !== void 0 ? _b : false; }
     getStates() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.states; }
     getImmutableElement(name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getImmutableElement(name); }
     getExtraInfo(name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getExtraInfo(name); }
@@ -2868,6 +2868,7 @@ class BasicFormComponent {
         // Se limpian los manejadores de eventos
         this.visible = false;
         this.busy = false;
+        this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
         this._formSectionsInactivate = {};
@@ -2897,7 +2898,7 @@ class BasicFormComponent {
     get form() { return this._formStructure; }
     get state() { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : null; }
     get currentState() { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : ''; }
-    set currentState(state) { var _a; (_a = this === null || this === void 0 ? void 0 : this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state); }
+    set currentState(state) { this === null || this === void 0 ? void 0 : this.changeState(state); }
     get immutableData() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.immutableData; }
     get extraInfo() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.extraInfo; }
     get visibleSections() { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.visibleSections) !== null && _b !== void 0 ? _b : null; }
@@ -3074,7 +3075,7 @@ class BasicFormComponent {
         }
     }
     formInit(params, forceReload = false) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return __awaiter(this, void 0, void 0, function* () {
             let initialState = this.preocessInputParams(params);
             if (!this.name) {
@@ -3107,15 +3108,28 @@ class BasicFormComponent {
             this.subscribeActionSubjects();
             this.subscribeTableSubjects();
             // Se define el estado inicial y se solicita la acción inicial
-            (_f = this._formStructure) === null || _f === void 0 ? void 0 : _f.changeState(initialState || ((_g = this._formStructure) === null || _g === void 0 ? void 0 : _g.defaultState));
+            this.changeState(initialState || ((_f = this._formStructure) === null || _f === void 0 ? void 0 : _f.defaultState));
             const recordResponse = yield this.requestFormAction(formActions.getData);
             this.checkErrorRecordReceived(recordResponse);
             this.visible = true;
-            this.enabledSections = (_j = (_h = this._formStructure) === null || _h === void 0 ? void 0 : _h.visibleSections) !== null && _j !== void 0 ? _j : [];
+            this.enabledSections = (_h = (_g = this._formStructure) === null || _g === void 0 ? void 0 : _g.visibleSections) !== null && _h !== void 0 ? _h : [];
             this.start();
             this.customFormStart();
         });
     }
+    changeState(state) {
+        var _a, _b;
+        const stateChanged = (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state !== null && state !== void 0 ? state : '')) !== null && _b !== void 0 ? _b : 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) {
@@ -3230,6 +3244,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) => {