tuain-ng-forms-lib 13.0.11 → 13.0.13

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

@@ -1416,8 +1416,10 @@ class RecordTable extends FormElement {
         this.updateVisibleRecords();
     }
     recordCompare(recordA, recordB, columnCompare, direction) {
-        const recordAColumn = recordA.getFieldValue(columnCompare).toLocaleLowerCase();
-        const recordBColumn = recordB.getFieldValue(columnCompare).toLocaleLowerCase();
+        const recordAValue = recordA.getFieldValue(columnCompare);
+        const recordBValue = recordB.getFieldValue(columnCompare);
+        const recordAColumn = isNaN(recordAValue) ? recordAValue.toLocaleLowerCase() : recordAValue;
+        const recordBColumn = isNaN(recordBValue) ? recordBValue.toLocaleLowerCase() : recordBValue;
         let result = 0;
         if (recordAColumn < recordBColumn) {
             result = -1;
@@ -1636,6 +1638,8 @@ const DISABLE = 'disable';
 const CLEAN = 'clean';
 class FormStructureAndData {
     constructor(definitionReceived, formConfig) {
+        this._name = '';
+        this._title = '';
         this._fields = {};
         this._actions = {};
         this._tables = {};
@@ -1824,12 +1828,12 @@ class FormStructureAndData {
         }
     }
     getFieldSet(filter, inputCodes, secCode, subCode) {
-        let codes = null;
+        let codes = [];
         if (typeof inputCodes === 'string' && inputCodes) {
             codes = [inputCodes];
         }
         else if (Array.isArray(inputCodes) && inputCodes.length > 0) {
-            codes = inputCodes;
+            codes = inputCodes ?? [];
         }
         else if (secCode && !subCode) {
             codes = this.getSection(secCode)?.getFieldNames() ?? [];
@@ -1838,7 +1842,7 @@ class FormStructureAndData {
             codes = this.getSubSection(secCode, subCode)?.getFieldNames() ?? [];
         }
         else {
-            codes = this.getFieldNames();
+            codes = this.getFieldNames() ?? [];
         }
         return (filter) ? codes.filter(fld => filter(this.getField(fld))) : codes;
     }
@@ -1846,7 +1850,7 @@ class FormStructureAndData {
         if (!processFunc) {
             return 0;
         }
-        const codes = this.getFieldSet(null, inputCodes, secCode, subCode);
+        const codes = this.getFieldSet(null, inputCodes ?? null, secCode, subCode);
         let processedFields = 0;
         for (const code of codes) {
             const field = this.getField(code);
@@ -1893,19 +1897,19 @@ class FormStructureAndData {
         return this.tagFieldsWithError(message, this.getRequiredEmptyFields(codes, secCode, subCode)) > 0;
     }
     getRequiredFields(codes, secCode, subCode) {
-        return this.getFieldSet(fld => fld.required, codes, secCode, subCode);
+        return this.getFieldSet(fld => fld.required, codes ?? null, secCode, subCode);
     }
     getRequiredEmptyFields(codes, secCode, subCode) {
-        return this.getFieldSet(fld => fld.required && fld.empty, codes, secCode, subCode);
+        return this.getFieldSet(fld => fld.required && fld.empty, codes ?? null, secCode, subCode);
     }
     getChangedFields(codes, secCode, subCode) {
-        return this.getFieldSet(fld => !fld.outputOnly && fld.hasChanged(), codes, secCode, subCode);
+        return this.getFieldSet(fld => !fld.outputOnly && fld.hasChanged(), codes ?? null, secCode, subCode);
     }
     getFieldsWithValidationIssues(codes, secCode, subCode) {
-        return this.getFieldSet(fld => fld.errorCode !== NO_ERROR, codes, secCode, subCode);
+        return this.getFieldSet(fld => fld.errorCode !== NO_ERROR, codes ?? null, secCode, subCode);
     }
     getFieldsValues(inputCodes, secCode, subCode) {
-        const codes = this.getFieldSet(null, inputCodes, secCode, subCode);
+        const codes = this.getFieldSet(null, inputCodes ?? null, secCode, subCode);
         const resultObject = {};
         for (let index = 0; index < codes.length; index++) {
             const code = codes[index];
@@ -2158,6 +2162,8 @@ class BasicFormComponent {
         this.fileMgmtServices = fileMgmtServices;
         this._formStructure = null;
         this._controlToken = null;
+        this._originToken = null;
+        this._formRoute = null;
         this._definitionObtained = false;
         // Eventos de acciones y campos
         this._formSectionsActivate = {};
@@ -2174,8 +2180,14 @@ class BasicFormComponent {
         this._tableActionsFinish = {};
         this._tableGetDataStart = {};
         this._tableGetDataFinish = {};
+        this._actionServerError = [];
+        this._fieldServerError = [];
+        this._tableServerError = [];
         this.inputDataFields = {};
         this.extraData = {};
+        this.enabledSections = [];
+        this.name = null;
+        this.formSubject = null;
         this._errorType = '';
         this.errorCode = '';
         this.errorMessage = '';
@@ -2190,20 +2202,20 @@ class BasicFormComponent {
     setTitle(title) { return this._formStructure?.setTitle(title); }
     cleanData() { return this._formStructure?.cleanData(); }
     getCurrentState() { return this._formStructure?.getCurrentState(); }
-    supportState(state) { return this._formStructure?.supportState(state); }
-    changeState(state) { return this._formStructure?.changeState(state); }
+    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); }
-    getFields() { return this._formStructure?.getFields(); }
-    getFieldNames() { return this._formStructure?.getFieldNames(); }
-    getField(code) { return this._formStructure?.getField(code); }
+    getFields() { return this._formStructure?.getFields() ?? null; }
+    getFieldNames() { return this._formStructure?.getFieldNames() ?? null; }
+    getField(code) { return this._formStructure?.getField(code) ?? null; }
     enableField(code) { return this._formStructure?.enableField(code); }
     disableField(code) { return this._formStructure?.disableField(code); }
-    getFieldValue(code) { return this._formStructure?.getFieldValue(code); }
+    getFieldValue(code) { return this._formStructure?.getFieldValue(code) ?? null; }
     getFieldOptionText(code) { return this._formStructure?.getFieldOptionText(code); }
-    getFieldsValues(codes) { return this._formStructure?.getFieldsValues(codes); }
-    getFieldOptions(code) { return this._formStructure?.getFieldOptions(code); }
+    getFieldsValues(codes) { return this._formStructure?.getFieldsValues(codes) ?? null; }
+    getFieldOptions(code) { return this._formStructure?.getFieldOptions(code) ?? null; }
     setFieldValue(code, value) { return this._formStructure?.setFieldValue(code, value); }
     setFieldRequired(code, required) { return this._formStructure?.setFieldRequired(code, required); }
     setFieldErrorMessage(code, errorMessage) { return this._formStructure?.setFieldErrorMessage(code, errorMessage); }
@@ -2215,7 +2227,7 @@ class BasicFormComponent {
         return this._formStructure?.setFieldOptions(code, optionsArray, idAttribute, nameAttribute);
     }
     getFieldSet(filterFunc, codes, secCode, subCode) {
-        return this._formStructure?.getFieldSet(filterFunc, codes, secCode, subCode);
+        return this._formStructure?.getFieldSet(filterFunc, codes ?? null, secCode ?? null, subCode ?? null);
     }
     applyOnFields(processFunc, codes, secCode, subCode) {
         return this._formStructure?.applyOnFields(processFunc, codes, secCode, subCode);
@@ -2230,7 +2242,7 @@ class BasicFormComponent {
         return this._formStructure?.getRequiredFields(codes, secCode, subCode);
     }
     getRequiredEmptyFields(codes, secCode, subCode) {
-        return this._formStructure?.getRequiredEmptyFields(codes, secCode, subCode);
+        return this._formStructure?.getRequiredEmptyFields(codes, secCode, subCode) ?? null;
     }
     getChangedFields(codes, secCode, subCode) {
         return this._formStructure?.getChangedFields(codes, secCode, subCode);
@@ -2281,7 +2293,7 @@ class BasicFormComponent {
         return this._formStructure?.getActionsByAttribute('location', HEADER$1);
     }
     getAction(actionCode) {
-        return this._formStructure?.getAction(actionCode);
+        return this._formStructure?.getAction(actionCode) ?? null;
     }
     showActions(actionArray) {
         return this._formStructure?.showActions(actionArray);
@@ -2308,16 +2320,16 @@ class BasicFormComponent {
         return this._formStructure?.disableActions(code);
     }
     getSections() {
-        return this._formStructure?.getSections();
+        return this._formStructure?.getSections() ?? null;
     }
     activateSection(code) {
         return this._formStructure?.activateSection(code);
     }
     getSectionsTitles() {
-        return this._formStructure?.getSections().map(sec => sec.title);
+        return this._formStructure?.getSections().map(sec => sec.title) ?? null;
     }
     getSection(code) {
-        return this._formStructure?.getSection(code);
+        return this._formStructure?.getSection(code) ?? null;
     }
     showSection(code) {
         return this._formStructure?.showSections(code);
@@ -2332,7 +2344,7 @@ class BasicFormComponent {
         return this._formStructure?.hideSections(codes);
     }
     getSubSection(code, subCode) {
-        return this._formStructure?.getSubSection(code, subCode);
+        return this._formStructure?.getSubSection(code, subCode) ?? null;
     }
     showSubSection(code, subCode) {
         return this._formStructure?.showSubSections(code, subCode);
@@ -2347,10 +2359,10 @@ class BasicFormComponent {
         return this._formStructure?.hideSubSections(code, subCodes);
     }
     getSectionActions(code) {
-        return this._formStructure?.getSectionActions(code);
+        return this._formStructure?.getSectionActions(code) ?? null;
     }
     getSectionActionNames(code) {
-        return this._formStructure?.getSectionActionNames(code);
+        return this._formStructure?.getSectionActionNames(code) ?? null;
     }
     getTables() {
         return this._formStructure?.getTables();
@@ -2365,7 +2377,7 @@ class BasicFormComponent {
         return this._formStructure?.cleanTables(codes);
     }
     getTable(code) {
-        return this._formStructure?.getTable(code);
+        return this._formStructure?.getTable(code) ?? null;
     }
     showTable(code) {
         return this._formStructure?.showTables(code);
@@ -2410,22 +2422,28 @@ class BasicFormComponent {
         this._tableActionsFinish = {};
         this._tableGetDataStart = {};
         this._tableGetDataFinish = {};
+        this._actionServerError = [];
+        this._fieldServerError = [];
+        this._tableServerError = [];
+        this.onActionServerError(() => this.displayActionServerError());
+        this.onValidationServerError(() => this.displayValidationServerError());
+        this.onTableServerError(() => this.displayTableServerError());
     }
     get formVisible() { return this.visible; }
     get formManager() { return this; }
-    get formCode() { return this.name; }
+    get formCode() { return this.name ?? ''; }
     set formCode(name) { this.name = name; }
     get inServerProcess() { return this.busy; }
     get form() { return this._formStructure; }
-    get state() { return this._formStructure?.state; }
-    get currentState() { return this._formStructure?.state; }
-    set currentState(state) { this._formStructure.changeState(state); }
+    get state() { return this._formStructure?.state ?? null; }
+    get currentState() { return this._formStructure?.state ?? ''; }
+    set currentState(state) { this?._formStructure?.changeState(state); }
     get immutableData() { return this._formStructure?.immutableData; }
     get extraInfo() { return this._formStructure?.extraInfo; }
-    get visibleSections() { return this._formStructure?.visibleSections; }
-    get formRoute() { return this._formRoute; }
+    get visibleSections() { return this._formStructure?.visibleSections ?? null; }
+    get formRoute() { return this._formRoute ?? ''; }
     set formRoute(route) { this._formRoute = route; }
-    get subject() { return this.formSubject; }
+    get subject() { return this.formSubject ?? ''; }
     // Métodos virtuales
     customPreProcessing() { }
     customFormStart() { }
@@ -2466,11 +2484,11 @@ class BasicFormComponent {
     /**
      * @deprecated Use subject
      */
-    getSubject() { return this.formSubject; }
+    getSubject() { return this.formSubject ?? ''; }
     /**
      * @deprecated Use subject
      */
-    getformSubject() { return this.getSubject(); }
+    getformSubject() { return this.formSubject ?? ''; }
     numSections() { return this._formStructure?.sections.length; }
     subscribeAppEvent(eventName, callback) {
         this._eventEmiter.subscribe(eventName, callback);
@@ -2494,7 +2512,7 @@ class BasicFormComponent {
     canGoBack() { return this._originToken !== null; }
     goBack() { return this.formManagerService.backTo(); }
     goBackForm() { return this.goBack(); }
-    getOriginDetail() { return this.formManagerService.getFormInfo(this._originToken); }
+    getOriginDetail() { return this.formManagerService?.getFormInfo(this._originToken ?? ''); }
     setError(errorType, errorMessage, errorDetail) {
         this._errorType = errorType || '';
         this.errorMessage = errorMessage || '';
@@ -2523,7 +2541,7 @@ class BasicFormComponent {
         return null;
     }
     subscribeSectionActivation() {
-        const formSections = this._formStructure.sections;
+        const formSections = this._formStructure?.sections;
         const sectionNames = Object.keys(formSections);
         for (let index = 0; index < sectionNames.length; index++) {
             const sectionName = sectionNames[index];
@@ -2533,7 +2551,7 @@ class BasicFormComponent {
         }
     }
     subscribeFieldsSubjects() {
-        const formFields = this._formStructure.getFields();
+        const formFields = this._formStructure?.getFields();
         if (Array.isArray(formFields)) {
             formFields.forEach(field => {
                 field.editionFinish.subscribe(event => {
@@ -2549,7 +2567,7 @@ class BasicFormComponent {
         }
     }
     subscribeActionSubjects() {
-        const formActions = this._formStructure.getActions();
+        const formActions = this._formStructure?.getActions();
         if (Array.isArray(formActions)) {
             formActions.forEach(action => {
                 action.actionActivated.subscribe(code => this.startAction(code));
@@ -2557,7 +2575,7 @@ class BasicFormComponent {
         }
     }
     subscribeTableSubjects() {
-        const formTables = this._formStructure.getTables();
+        const formTables = this._formStructure?.getTables();
         if (Array.isArray(formTables)) {
             formTables.forEach(table => {
                 table.inlineActionTrigger.subscribe(event => this.startTableAction(event));
@@ -2578,18 +2596,18 @@ class BasicFormComponent {
             const formDefinition = await this.formManagerService.getFormDefinition(this.name);
             this.busy = false;
             this._formStructure = new FormStructureAndData(formDefinition, this.formConfig);
-            this.fields = this._formStructure.fields;
-            this.actions = this._formStructure.actions;
-            this.sections = this._formStructure.sections;
+            this.fields = this._formStructure?.fields;
+            this.actions = this._formStructure?.actions;
+            this.sections = this._formStructure?.sections;
             this._definitionObtained = true;
         }
         else {
             this.cleanData();
         }
         if (!this.supportState(initialState)) {
-            initialState = this._formStructure.defaultState;
+            initialState = this._formStructure?.defaultState ?? null;
         }
-        this._formStructure.changeState(initialState || this._formStructure.defaultState);
+        this._formStructure?.changeState(initialState || this._formStructure?.defaultState);
         const inputFieldNames = Object.keys(this.inputDataFields);
         for (let index = 0; index < inputFieldNames.length; index++) {
             const fieldCode = inputFieldNames[index];
@@ -2599,7 +2617,7 @@ class BasicFormComponent {
         const recordResponse = await this.requestFormAction(formActions.getData);
         this.checkErrorRecordReceived(recordResponse);
         this.visible = true;
-        this.enabledSections = this._formStructure?.visibleSections;
+        this.enabledSections = this._formStructure?.visibleSections ?? [];
         this.subscribeSectionActivation();
         this.subscribeFieldsSubjects();
         this.subscribeActionSubjects();
@@ -2626,12 +2644,12 @@ class BasicFormComponent {
         const actionDetail = {
             formCode: this.name,
             formSubject: this.formSubject,
-            currentMode: this._formStructure.state,
+            currentMode: this._formStructure?.state,
             actionCode,
             actionSubject,
             version: PAYLOAD_VERSION,
-            formData: this._formStructure.getPayload(),
-            immutableData: this._formStructure.immutableData,
+            formData: this._formStructure?.getPayload(),
+            immutableData: this._formStructure?.immutableData,
         };
         this.errorCode = NO_ERROR;
         this.errorMessage = '';
@@ -2685,13 +2703,36 @@ class BasicFormComponent {
         if (returnedFile && returnedFile.file) {
             this.fileMgmtServices.saveFile(returnedFile.file, returnedFile.name, returnedFile.type);
         }
-        this._formStructure.immutableData = immutableData;
-        this._formStructure.extraInfo = extraInfo;
+        if (this._formStructure) {
+            this._formStructure.immutableData = immutableData;
+            this._formStructure.extraInfo = extraInfo;
+        }
+    }
+    /**
+     * Manejo de event handlers para errores Server del formulario
+     */
+    cleanActionServerError() {
+        this._actionServerError = [];
+    }
+    cleanFieldServerError() {
+        this._fieldServerError = [];
+    }
+    cleanTableServerError() {
+        this._tableServerError = [];
+    }
+    onActionServerError(callback, properties = null) {
+        this._actionServerError.push({ callback, properties });
+    }
+    onValidationServerError(callback, properties = null) {
+        this._fieldServerError.push({ callback, properties });
+    }
+    onTableServerError(callback, properties = null) {
+        this._tableServerError.push({ callback, properties });
     }
     /**
      * Manejo de event handlers para acciones sobre el formulario
      */
-    addSectionActivation(codes, callback, properties = null) {
+    onSectionActivation(codes, callback, properties = null) {
         const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         sectionSet.forEach((sectionName) => {
             if (!this._formSectionsActivate[sectionName]) {
@@ -2700,7 +2741,7 @@ class BasicFormComponent {
             this._formSectionsActivate[sectionName].push({ callback, properties });
         });
     }
-    addSectionInactivation(codes, callback, properties = null) {
+    onSectionInactivation(codes, callback, properties = null) {
         const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         sectionSet.forEach((sectionName) => {
             if (!this._formSectionsInactivate[sectionName]) {
@@ -2709,7 +2750,7 @@ class BasicFormComponent {
             this._formSectionsInactivate[sectionName].push({ callback, properties });
         });
     }
-    addActionMethodStart(codes, callback, properties = null) {
+    onActionStart(codes, callback, properties = null) {
         const actionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         actionSet.forEach((actionName) => {
             if (!this._formActionsStart[actionName]) {
@@ -2718,7 +2759,7 @@ class BasicFormComponent {
             this._formActionsStart[actionName].push({ callback, properties });
         });
     }
-    addActionMethodFinish(codes, callback, properties = null) {
+    onActionFinish(codes, callback, properties = null) {
         const actionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         actionSet.forEach((actionName) => {
             if (!this._formActionsFinish[actionName]) {
@@ -2728,7 +2769,7 @@ class BasicFormComponent {
         });
     }
     async launchSectionActivation(code) {
-        const sectionObject = this._formStructure.getSection(code);
+        const sectionObject = this._formStructure?.getSection(code);
         if (!sectionObject) {
             return;
         }
@@ -2741,7 +2782,7 @@ class BasicFormComponent {
         }
     }
     async launchSectionInactivation(code) {
-        const sectionObject = this._formStructure.getSection(code);
+        const sectionObject = this._formStructure?.getSection(code);
         if (!sectionObject) {
             return;
         }
@@ -2791,7 +2832,10 @@ class BasicFormComponent {
             action.newState && this.changeState(action.newState);
         }
         else {
-            this.displayActionServerError();
+            for (let index = 0; index < this._actionServerError.length; index++) {
+                const { callback, properties } = this._actionServerError[index];
+                callback(action);
+            }
         }
         action.stop();
     }
@@ -2815,7 +2859,7 @@ class BasicFormComponent {
     /**
      * Manejadores de eventos para validaciones sobre campos
      */
-    addFieldInputValidation(codes, callback, properties = null) {
+    onFieldInput(codes, callback, properties = null) {
         const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         fieldSet.forEach((fieldCode) => {
             if (!this._fieldInputValidation[fieldCode]) {
@@ -2824,7 +2868,7 @@ class BasicFormComponent {
             this._fieldInputValidation[fieldCode].push({ callback, properties });
         });
     }
-    addFieldValidationStart(codes, callback, properties = null) {
+    onFieldValidationStart(codes, callback, properties = null) {
         const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         fieldSet.forEach((fieldCode) => {
             if (!this._fieldValidationsStart[fieldCode]) {
@@ -2833,7 +2877,7 @@ class BasicFormComponent {
             this._fieldValidationsStart[fieldCode].push({ callback, properties });
         });
     }
-    addFieldValidationFinish(codes, callback, properties = null) {
+    onFieldValidationFinish(codes, callback, properties = null) {
         const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         fieldSet.forEach((fieldCode) => {
             if (!this._fieldValidationsFinish[fieldCode]) {
@@ -2889,6 +2933,9 @@ class BasicFormComponent {
             ? this.getField(inputField) : inputField;
         let serverError = false;
         let validationResult = true;
+        if (!fieldObj) {
+            return;
+        }
         if (fieldObj.backend) {
             fieldObj.validating = true;
             validationResult = await this
@@ -2897,9 +2944,12 @@ class BasicFormComponent {
         }
         await this.finishFieldValidation(fieldObj, validationResult, serverError);
         if (serverError) {
-            fieldObj.setErrorCode(this.errorCode);
-            fieldObj.setErrorMessage(this.errorMessage);
-            this.displayValidationServerError();
+            fieldObj?.setErrorCode(this.errorCode);
+            fieldObj?.setErrorMessage(this.errorMessage);
+            for (let index = 0; index < this._fieldServerError.length; index++) {
+                const { callback, properties } = this._fieldServerError[index];
+                callback(fieldObj);
+            }
         }
         fieldObj.validating = false;
     }
@@ -2923,7 +2973,7 @@ class BasicFormComponent {
     /**
      * Manejadores de eventos para acciones sobre Tablas
      */
-    addTableActionStart(code, actionCode, callback, properties = null) {
+    onTableActionStart(code, actionCode, callback, properties = null) {
         const tableObject = this.getTable(code);
         if (!tableObject) {
             return;
@@ -2945,7 +2995,7 @@ class BasicFormComponent {
         }
         tableEventHandlers[actionCode].push({ callback, properties });
     }
-    addTableActionFinish(code, actionCode, callback, properties = null) {
+    onTableActionFinish(code, actionCode, callback, properties = null) {
         const tableObject = this.getTable(code);
         if (!tableObject) {
             return;
@@ -2967,7 +3017,7 @@ class BasicFormComponent {
         }
         tableEventHandlers[actionCode].push({ callback, properties });
     }
-    addTableSelectionStart(code, callback, properties = null) {
+    onTableSelectionStart(code, callback, properties = null) {
         const tableObject = this.getTable(code);
         if (!tableObject) {
             return;
@@ -2982,7 +3032,7 @@ class BasicFormComponent {
         }
         tableEventHandlers.push({ callback, properties });
     }
-    addTableSelectionFinish(code, callback, properties = null) {
+    onTableSelectionFinish(code, callback, properties = null) {
         const tableObject = this.getTable(code);
         if (!tableObject) {
             return;
@@ -2997,7 +3047,7 @@ class BasicFormComponent {
         }
         tableEventHandlers.push({ callback, properties });
     }
-    addTableGetDataStart(code, callback, properties = null) {
+    onTableGetDataStart(code, callback, properties = null) {
         const tableObject = this.getTable(code);
         if (!tableObject) {
             return;
@@ -3012,7 +3062,7 @@ class BasicFormComponent {
         }
         tableEventHandlers.push({ callback, properties });
     }
-    addTableGetDataFinish(code, callback, properties = null) {
+    onTableGetDataFinish(code, callback, properties = null) {
         const tableObject = this.getTable(code);
         if (!tableObject) {
             return;
@@ -3084,7 +3134,10 @@ class BasicFormComponent {
             action.newState && this.changeState(action.newState);
         }
         else {
-            this.displayTableServerError();
+            for (let index = 0; index < this._tableServerError.length; index++) {
+                const { callback, properties } = this._tableServerError[index];
+                callback(tableObject);
+            }
         }
         tableObject.freeWaiting();
     }
@@ -3408,8 +3461,8 @@ class BasicFormComponent {
             return false;
         }
         let validationError = false;
-        const requiredEmptyFields = this.getRequiredEmptyFields(null, sectionCode);
-        if (requiredEmptyFields.length > 0) {
+        const requiredEmptyFields = this.getRequiredEmptyFields(null, sectionCode) ?? [];
+        if (requiredEmptyFields?.length > 0) {
             validationError = true;
             this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.requiredFields);
             this.tagFieldsWithError(this.formConfig.formStandardErrors.requiredField, requiredEmptyFields);
@@ -3419,13 +3472,15 @@ class BasicFormComponent {
                 break;
             }
         }
-        const validationIssueFields = this.getFieldsWithValidationIssues(null, sectionCode);
+        const validationIssueFields = this.getFieldsWithValidationIssues(null, sectionCode) ?? [];
         if (!validationError && validationIssueFields.length > 0) {
             validationError = true;
             this.setError(this.formConfig.formStandardErrors.typeWarning, this.formConfig.formStandardErrors.validationTitle, this.formConfig.formStandardErrors.validationFields);
             for (const fieldCode of validationIssueFields) {
                 const validationIssueField = this.getField(fieldCode);
-                validationIssueField.focus();
+                if (validationIssueField) {
+                    validationIssueField.focus();
+                }
                 break;
             }
         }
@@ -3433,14 +3488,59 @@ class BasicFormComponent {
     }
     copyTableRecordToFields(tableObj, mappingTable = null) {
         const tableObject = this.getTable(tableObj.tableCode);
-        const tableRecord = tableObject.getTableRecord(tableObj.recordId);
-        const columnNames = tableObject.columnNames;
-        for (const columnName of columnNames) {
-            const columnValue = tableRecord.getFieldValue(columnName) ?? '';
-            const fieldCode = mappingTable?.[columnName] ?? columnName;
-            this.setFieldValue(fieldCode, columnValue);
+        const tableRecord = tableObject?.getTableRecord(tableObj.recordId);
+        const columnNames = tableObject?.columnNames;
+        if (tableRecord && columnNames) {
+            for (const columnName of columnNames) {
+                const columnValue = tableRecord.getFieldValue(columnName) ?? '';
+                const fieldCode = mappingTable?.[columnName] ?? columnName;
+                this.setFieldValue(fieldCode, columnValue);
+            }
+            return true;
         }
-        return true;
+        return false;
+    }
+    /**
+     * Métodos Legacy de compatibilidad hacia atrás
+     */
+    addSectionActivation(codes, callback, properties = null) {
+        return this.onSectionActivation(codes, callback, properties);
+    }
+    addSectionInactivation(codes, callback, properties = null) {
+        return this.onSectionInactivation(codes, callback, properties);
+    }
+    addActionMethodStart(codes, callback, properties = null) {
+        return this.onActionStart(codes, callback, properties);
+    }
+    addActionMethodFinish(codes, callback, properties = null) {
+        return this.onActionFinish(codes, callback, properties);
+    }
+    addFieldInputValidation(codes, callback, properties = null) {
+        return this.onFieldInput(codes, callback, properties);
+    }
+    addFieldValidationStart(codes, callback, properties = null) {
+        return this.onFieldValidationStart(codes, callback, properties);
+    }
+    addFieldValidationFinish(codes, callback, properties = null) {
+        return this.onFieldValidationFinish(codes, callback, properties);
+    }
+    addTableActionStart(code, actionCode, callback, properties = null) {
+        return this.onTableActionStart(code, actionCode, callback, properties);
+    }
+    addTableActionFinish(code, actionCode, callback, properties = null) {
+        return this.onTableActionFinish(code, actionCode, callback, properties);
+    }
+    addTableSelectionStart(code, callback, properties = null) {
+        return this.onTableSelectionStart(code, callback, properties);
+    }
+    addTableSelectionFinish(code, callback, properties = null) {
+        return this.onTableSelectionFinish(code, callback, properties);
+    }
+    addTableGetDataStart(code, callback, properties = null) {
+        return this.onTableGetDataStart(code, callback, properties);
+    }
+    addTableGetDataFinish(code, callback, properties = null) {
+        return this.onTableGetDataFinish(code, callback, properties);
     }
 }
 BasicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: BasicFormComponent, deps: [{ token: LibFormManagerService }, { token: LibEventManagerService }, { token: LibFileManagementService }], target: i0.ɵɵFactoryTarget.Component });