tuain-ng-forms-lib 14.4.93 → 14.4.95

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

@@ -0,0 +1,4074 @@
+import * as i0 from '@angular/core';
+import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { BehaviorSubject, Subject, ReplaySubject } from 'rxjs';
+import yn from 'yn';
+import { nanoid } from 'nanoid';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+
+const CUSTOM_ATTRIBUTES = 'customAttributes';
+class PieceComponent {
+    constructor() {
+        this.visible = true;
+        this.disabled = false;
+        this.customAttributes = {};
+    }
+    defaultProcessAttributeChange(attribute, value) {
+        if (!attribute || attribute.trim() === '') {
+            return false;
+        }
+        const attributeParts = attribute.split('.');
+        if (attributeParts?.length > 1) {
+            const [attributeType, subAttribute] = attributeParts;
+            if (attributeType === CUSTOM_ATTRIBUTES) {
+                this.customAttributes[subAttribute] = value;
+                this.customAttributeChange(subAttribute, value);
+            }
+        }
+        else {
+            this[attribute] = value;
+        }
+        return true;
+    }
+    customProcessAttributeChange(attribute, value) { }
+    customAttributeChange(subAttribute, value) { }
+}
+PieceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PieceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PieceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: PieceComponent, selector: "lib-piece", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PieceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-piece',
+                    template: `<ng-content></ng-content>`
+                }]
+        }] });
+
+class ElementComponent extends PieceComponent {
+    start() { }
+}
+ElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ElementComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ElementComponent, selector: "lib-element", inputs: { element: "element", form: "form" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ElementComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-element',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { element: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+
+class ActionComponent extends ElementComponent {
+    constructor() {
+        super(...arguments);
+        this.inProgress = false;
+        this.action = null;
+        this.style = 'primary';
+        this.showLabel = true;
+    }
+    ngOnInit() {
+        if (!this.action) {
+            return;
+        }
+        this.formConfig = this.action?._formConfig;
+        const mapping = Object.entries(this.formConfig?.actionPropagateAttributes);
+        for (let index = 0; index < mapping.length; index++) {
+            const actionAttr = mapping[index]?.[0];
+            const componentAttr = mapping[index]?.[1]?.toString() ?? '';
+            if (componentAttr) {
+                const value = this.action?.[actionAttr];
+                this.defaultProcessAttributeChange(componentAttr, value);
+                this.customProcessAttributeChange(componentAttr, value);
+            }
+        }
+        this.action?.attributeChange?.subscribe(event => {
+            const { name: componentAttr, value } = event;
+            this.defaultProcessAttributeChange(componentAttr, value);
+            this.customProcessAttributeChange(componentAttr, value);
+        });
+        this.start();
+    }
+    activate() {
+        if (this.action?.notifyActivation) {
+            this.action.notifyActivation();
+        }
+    }
+    visibleOnRestriction() {
+        if (!this.action?.restrictedOnField) {
+            return true;
+        }
+        if ((this.action?.restrictedOnOperator === '=='
+            && this.relatedField === this.action?.restrictedOnValue)
+            || (this.action?.restrictedOnOperator === '!='
+                && this.relatedField !== this.action?.restrictedOnValue)) {
+            return true;
+        }
+        return false;
+    }
+}
+ActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ActionComponent, selector: "lib-action", inputs: { action: "action", busy: "busy", relatedField: "relatedField", style: "style", showLabel: "showLabel" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ActionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-action',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { action: [{
+                type: Input
+            }], busy: [{
+                type: Input
+            }], relatedField: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }] } });
+
+const VALUE = 'value';
+const FOCUS = 'focus';
+class FieldComponent extends ElementComponent {
+    constructor() {
+        super(...arguments);
+        // Atributos obtenidos estáticamente
+        this.code = '';
+        this.info = '';
+        this.alignment = '';
+        this.tooltip = '';
+        this.field = null;
+    }
+    ngOnInit() {
+        if (!this.field) {
+            return;
+        }
+        this.formConfig = this.field?._formConfig;
+        const mapping = Object.entries(this.formConfig?.fieldPropagateAttributes);
+        for (let index = 0; index < mapping.length; index++) {
+            const fieldAttr = mapping[index]?.[0];
+            const componentAttr = mapping[index]?.[1]?.toString() ?? '';
+            if (componentAttr) {
+                const value = this.field?.[fieldAttr];
+                this.defaultProcessAttributeChange(componentAttr, value);
+                this.customProcessAttributeChange(componentAttr, value);
+            }
+        }
+        // Subscripción a cambios en atributos
+        this.field?.attributeChange.subscribe(event => {
+            const { name: componentAttr, value } = event;
+            this.defaultProcessAttributeChange(componentAttr, value);
+            this.customProcessAttributeChange(componentAttr, value);
+        });
+        this.start();
+    }
+    defaultProcessAttributeChange(attribute, value) {
+        if (attribute === VALUE) {
+            this.updateValue();
+        }
+        else if (attribute === FOCUS) {
+            this.focus();
+        }
+        else {
+            return super.defaultProcessAttributeChange(attribute, value);
+        }
+        return true;
+    }
+    updateValue() { this.value = this.field?.value; }
+    onInputChange() { setTimeout(() => this.field?.notifyEditionPartial(), 50); }
+    onChangeContent() { setTimeout(() => this.field?.notifyEditionFinish(), 50); }
+    onShowInfo(detail = null) { setTimeout(() => this.field?.notifyEditionDetailRequest(detail), 50); }
+    focus() { }
+    updateObject(widgetUpdate = true) { this.field?.setValue(this.value, widgetUpdate); }
+    inputChanged() {
+        this.field?.setValue(this.value);
+        this.onChangeContent();
+    }
+    inputTyped() {
+        this.updateObject(false);
+        this.onInputChange();
+    }
+    numberInputValidation(event) {
+        const k = event.charCode;
+        return (k > 47 && k < 58);
+    }
+}
+FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: FieldComponent, selector: "lib-field", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-field',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { field: [{
+                type: Input
+            }] } });
+
+class FormErrorComponent {
+}
+FormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: FormErrorComponent, selector: "lib-form-error", inputs: { errorTitle: "errorTitle", errorMessage: "errorMessage", errorType: "errorType" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FormErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-form-error',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { errorTitle: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], errorType: [{
+                type: Input
+            }] } });
+
+class FormHeaderComponent {
+    constructor() {
+        this.canGoBack = false;
+        this.goBackEvent = new EventEmitter();
+    }
+    goBackForm() {
+        this.goBackEvent.emit();
+    }
+}
+FormHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FormHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: FormHeaderComponent, selector: "lib-form-header", inputs: { form: "form", canGoBack: "canGoBack", showTitle: "showTitle", headerActions: "headerActions" }, outputs: { goBackEvent: "goBackEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FormHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-form-header',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], canGoBack: [{
+                type: Input
+            }], showTitle: [{
+                type: Input
+            }], headerActions: [{
+                type: Input
+            }], goBackEvent: [{
+                type: Output
+            }] } });
+
+class SectionComponent extends PieceComponent {
+    ngOnInit() {
+        this.formConfig = this.section?._formConfig;
+        const mapping = this.formConfig?.sectionPropagateAttributes;
+        for (let index = 0; index < mapping.length; index++) {
+            const attrName = mapping[index].toString();
+            const attributeValue = this.section?.[attrName];
+            this.defaultProcessAttributeChange(attrName, attributeValue);
+            this.customProcessAttributeChange(attrName, attributeValue);
+        }
+        // Subscripción a cambios en atributos
+        this.section?.attributeChange.subscribe(event => {
+            const { name: attrName, value } = event;
+            this.defaultProcessAttributeChange(attrName, value);
+            this.customProcessAttributeChange(attrName, value);
+        });
+        this.start();
+    }
+    start() { }
+}
+SectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: SectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: SectionComponent, selector: "lib-section", inputs: { section: "section", form: "form" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: SectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-section',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { section: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+
+class SubSectionComponent extends PieceComponent {
+    ngOnInit() {
+        this.formConfig = this.subSection?._formConfig;
+        const mapping = this.formConfig?.subSectionPropagateAttributes;
+        for (let index = 0; index < mapping.length; index++) {
+            const attrName = mapping[index].toString();
+            const attributeValue = this.subSection?.[attrName];
+            this.defaultProcessAttributeChange(attrName, attributeValue);
+            this.customProcessAttributeChange(attrName, attributeValue);
+        }
+        // Subscripción a cambios en atributos
+        this.subSection?.attributeChange.subscribe(event => {
+            const { name: attrName, value } = event;
+            this.defaultProcessAttributeChange(attrName, value);
+            this.customProcessAttributeChange(attrName, value);
+        });
+        this.start();
+    }
+    start() { }
+}
+SubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: SubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: SubSectionComponent, selector: "lib-subsection", inputs: { subSection: "subSection", form: "form" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: SubSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-subsection',
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { subSection: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+
+const INLINE_ACTION$1 = 'INLINE';
+class LibTableRecordActionComponent extends PieceComponent {
+    constructor() {
+        super(...arguments);
+        this.actionSelected = new EventEmitter();
+    }
+    ngOnInit() {
+        this.formConfig = this.action?._formConfig;
+        const mapping = this.formConfig?.actionPropagateAttributes;
+        for (let index = 0; index < mapping.length; index++) {
+            const attrName = mapping[index].toString();
+            const attributeValue = this.action?.[attrName];
+            this.defaultProcessAttributeChange(attrName, attributeValue);
+            this.customProcessAttributeChange(attrName, attributeValue);
+        }
+        // Subscripción a cambios en atributos
+        this.action?.attributeChange.subscribe(event => {
+            const { name: attrName, value } = event;
+            this.defaultProcessAttributeChange(attrName, value);
+            this.customProcessAttributeChange(attrName, value);
+        });
+        this.start();
+    }
+    start() { }
+    onActivate() {
+        const tableEvent = {
+            actionCode: this.action.actionCode,
+            recordId: this.recordId,
+            recordData: this.recordData,
+        };
+        this.actionSelected.emit(tableEvent);
+    }
+    class() { }
+}
+LibTableRecordActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableRecordActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LibTableRecordActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: LibTableRecordActionComponent, selector: "lib-table-record-action", inputs: { recordId: "recordId", recordData: "recordData", action: "action" }, outputs: { actionSelected: "actionSelected" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableRecordActionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-table-record-action',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { recordId: [{
+                type: Input
+            }], recordData: [{
+                type: Input
+            }], action: [{
+                type: Input
+            }], actionSelected: [{
+                type: Output
+            }] } });
+
+class LibTableRecordFieldComponent {
+    constructor() {
+        this.column = null;
+    }
+    ngOnInit() {
+        this.start();
+    }
+    start() { }
+}
+LibTableRecordFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableRecordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LibTableRecordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: LibTableRecordFieldComponent, selector: "lib-table-record-field", inputs: { fieldCode: "fieldCode", fieldType: "fieldType", fieldValue: "fieldValue", column: "column" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableRecordFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-table-record-field',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { fieldCode: [{
+                type: Input
+            }], fieldType: [{
+                type: Input
+            }], fieldValue: [{
+                type: Input
+            }], column: [{
+                type: Input
+            }] } });
+
+class LibTableComponent extends ElementComponent {
+    constructor() {
+        super(...arguments);
+        this.globalFilterString = '';
+        this.loaded = false;
+        this.selectable = false;
+        this.hasActions = false;
+        this.table = null;
+        this.visibleRecords = [];
+        this.waiting = false;
+    }
+    ngOnInit() {
+        if (!this.table) {
+            return;
+        }
+        this.formConfig = this.table?._formConfig;
+        this.tableFieldStyles = this.formConfig?.tableFieldStyles;
+        this.selectable = this.table?.selectable;
+        this.hasActions = this.table?.hasActions();
+        this.inlineActions = this.table?.getActions(this.formConfig?.tableActions.inline);
+        this.globalActions = this.table?.getActions(this.formConfig?.tableActions.global);
+        this.selectionActions = this.table?.getActions(this.formConfig?.tableActions.selection);
+        // Inicialización de campos mapeados del objeto
+        const mapping = Object.entries(this.formConfig?.tablePropagationAttributes);
+        for (let index = 0; index < mapping.length; index++) {
+            const tableAttr = mapping[index]?.[0];
+            const componentAttr = mapping[index]?.[1]?.toString() ?? '';
+            const attributeValue = this.table?.[tableAttr];
+            this.defaultProcessAttributeChange(componentAttr, attributeValue);
+            this.customProcessAttributeChange(componentAttr, attributeValue);
+        }
+        // Subscripción a cambios en atributos
+        this.table?.attributeChange.subscribe(event => {
+            const { name: attrName, value } = event;
+            this.defaultProcessAttributeChange(attrName, value);
+            this.customProcessAttributeChange(attrName, value);
+        });
+        this.start();
+    }
+    updateTableData() { }
+    tableGlobalAction(actionCode) { this.table?.notifyGlobalAction(actionCode); }
+    tableSelectionAction(actionCode) { this.table?.notifySelectionAction(actionCode); }
+    tableActionSelected(actionEvent) { this.table?.notifyInlineAction(actionEvent); }
+    tableSelectionToggle(recordId) { this.table?.notifyRecordSelection(recordId); }
+    toggleSelectAll() { return (this.table?.allSelected) ? this.table?.unSelectAll() : this.table?.selectAll(); }
+    globalFilterCompleted() { this.changePage(1); }
+    changePage(requestedPage) { this.table?.changePage(requestedPage); }
+    tableColumnSort(columnName, direction = null) { this.table?.sort(columnName, direction ?? 'ascend'); }
+    globalFilterChanged() { this.table?.setGlobalFilterString(this.globalFilterString?.trim() ?? '', false); }
+    defaultProcessAttributeChange(attribute, value) {
+        try {
+            if (attribute === 'visibleRecords') {
+                this.updateTableData();
+            }
+            return super.defaultProcessAttributeChange(attribute, value);
+        }
+        catch {
+            return false;
+        }
+    }
+    filterHasChanged(column, values) {
+        if (!values || values.length === 0) {
+            this.table?.removeColumnFilter(column.fieldCode);
+        }
+        else {
+            this.table?.addColumnFilter(column.fieldCode, values);
+        }
+    }
+}
+LibTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LibTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: LibTableComponent, selector: "lib-table", inputs: { table: "table", visibleRecords: "visibleRecords", waiting: "waiting" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-table',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { table: [{
+                type: Input
+            }], visibleRecords: [{
+                type: Input
+            }], waiting: [{
+                type: Input
+            }] } });
+
+const NO_ERROR = '00';
+const HEADER$1 = 'HEADER';
+const elementTypes = {
+    action: 'ACTION',
+    field: 'FIELD',
+    table: 'TABLE',
+};
+const formActions = {
+    tableAction: 'TABLEACTION',
+    getData: 'GETDATA',
+    getTableData: 'GETTABLEDATA',
+    validate: 'VALIDATE',
+};
+const operators = {
+    G: 'G',
+    L: 'L',
+    GE: 'GE',
+    LE: 'LE',
+    EQ: 'EQ',
+    NEQ: 'NEQ',
+    HAS: 'HAS',
+    NOTHAS: 'NOTHAS',
+    BETWEEN: 'BETWEEN',
+    IN: 'IN',
+};
+
+class FormPiece {
+    constructor(pieceDefinition, formConfig) {
+        this._formState = '';
+        this._absoluteVisible = true;
+        this._absoluteDisabled = false;
+        this.visibleStates = null;
+        this.enabledStates = null;
+        this._visible = true;
+        this._disabled = false;
+        this.customAttributes = {};
+        this._formConfig = formConfig;
+        this._isForced = false;
+        this._visibleForced = false;
+        this.setVisibleStates(pieceDefinition.visibleStates);
+        this.setEnabledStates(pieceDefinition.enabledStates);
+        this.enabled = !pieceDefinition?.disabled ?? false;
+        this.setVisibility(pieceDefinition?.visible ?? true);
+        this.customAttributes = pieceDefinition?.customAttributes ?? {};
+        if (pieceDefinition?.customAttributes) {
+            Object.keys(pieceDefinition?.customAttributes)
+                ?.forEach(attr => this.customAttributes[attr] = pieceDefinition?.customAttributes[attr]);
+        }
+    }
+    getCustomAttribute(name) { return this.customAttributes?.[name] ?? null; }
+    setCustomAttribute(name, value) { if (name) {
+        this.customAttributes[name] = value;
+    } }
+    setCustomAttributes(attributes) {
+        Object.entries(attributes).forEach(([name, value]) => {
+            this.setCustomAttribute(name, value);
+        });
+    }
+    matchAttribute(name, value) { return this.customAttributes?.[name] === value; }
+    setVisibleStates(newStates) {
+        const visibleStates = (!Array.isArray(newStates) && typeof newStates === 'string')
+            ? newStates.split(',').map(state => state.trim()).filter(state => state.length > 0)
+            : newStates;
+        this.visibleStates = (Array.isArray(visibleStates)) ? visibleStates : [];
+    }
+    setEnabledStates(newStates) {
+        const enabledStates = (!Array.isArray(newStates) && typeof newStates === 'string')
+            ? newStates.split(',').map(state => state.trim()).filter(state => state.length > 0)
+            : newStates;
+        this.enabledStates = (Array.isArray(enabledStates)) ? enabledStates : [];
+    }
+    viewOnState(state) { return (this.visibleStates && state) ? this.visibleStates.includes(state) : false; }
+    enabledOnState(state) { return (this.enabledStates && state) ? this.enabledStates.includes(state) : false; }
+    get absoluteVisible() { return this._absoluteVisible; }
+    get absoluteDisabled() { return this._absoluteDisabled; }
+    get visible() { return this._visible; }
+    set visible(visible) { this.setVisibility(visible); }
+    visibleOn(state) {
+        return this._absoluteVisible && this.viewOnState(state);
+    }
+    enabledOn(state) {
+        return !this._absoluteDisabled && this.enabledOnState(state);
+    }
+    setVisibility(visible, forced = null) {
+        this._absoluteVisible = !!visible;
+        if (forced !== null) {
+            this._isForced = forced;
+            this._visibleForced = visible;
+        }
+        this._visible = this._absoluteVisible && this.viewOnState(this._formState);
+    }
+    show(forced = null) {
+        this.setVisibility(true, forced);
+    }
+    hide(forced = null) {
+        this.setVisibility(false, forced);
+    }
+    get enabled() { return !this._disabled; }
+    set enabled(enabled) {
+        this._absoluteDisabled = !enabled;
+        this._disabled = this._absoluteDisabled || !this.enabledOnState(this._formState);
+    }
+    get editable() { return !this._disabled; }
+    get disabled() { return this._disabled; }
+    set disabled(disabled) { this.enabled = !disabled; }
+    enable() { this.enabled = true; }
+    disable() { this.enabled = false; }
+    formStateChangeCustomSubscribe(formChangeSubject) { }
+    formStateChange(state) {
+        if (state) {
+            this._formState = state;
+            this._visible = this._absoluteVisible && this.viewOnState(state);
+            this._disabled = this._absoluteDisabled || !this.enabledOnState(state);
+        }
+    }
+    subscribeFormStateChange(formChangeSubject) {
+        this.formStateChangeCustomSubscribe(formChangeSubject);
+        formChangeSubject.subscribe(event => this.formStateChange(event?.state));
+    }
+}
+
+const VISIBLE = 'visible';
+const DISABLED = 'disabled';
+class FormPiecePropagate extends FormPiece {
+    constructor(pieceDefinition, formConfig) {
+        super(pieceDefinition, formConfig);
+        this.propagationCustomAttributes = [];
+        this._attributeChange = new BehaviorSubject(null);
+    }
+    get attributeChange() { return this._attributeChange; }
+    propagateAttribute(name, value) {
+        this._attributeChange?.next({ name, value });
+    }
+    setCustomAttribute(name, value) {
+        super.setCustomAttribute(name, value);
+        if (this.propagationCustomAttributes?.includes(name)) {
+            this.propagateAttribute(name, value);
+        }
+    }
+    setVisibility(visible, forced = null) {
+        super.setVisibility(visible, forced);
+        this.propagateAttribute(VISIBLE, this._visible);
+    }
+    set enabled(enabled) {
+        super.enabled = enabled;
+        this.propagateAttribute(DISABLED, this._disabled);
+    }
+    formStateChange(state) {
+        super.formStateChange(state);
+        if (state) {
+            this.propagateAttribute(VISIBLE, this._visible);
+            this.propagateAttribute(DISABLED, this._disabled);
+        }
+    }
+}
+
+class FormElement extends FormPiecePropagate {
+    constructor(elementDefinition, formConfig) {
+        super(elementDefinition, formConfig);
+        this.elementType = null;
+    }
+    ;
+    setAttr(attr, value) {
+        const { name: attrName, propagate: name } = attr;
+        this[attrName] = value;
+        name && this.propagateAttribute(name, value);
+    }
+    isField() { return this.elementType === elementTypes.field; }
+    isAction() { return this.elementType === elementTypes.action; }
+    isTable() { return this.elementType === elementTypes.table; }
+    /**
+     * @deprecated Utilizar viewOnState
+     */
+    supportState(state) { return this.viewOnState(state); }
+    /**
+     * @deprecated Utilizar viewOnState
+     */
+    supportMode(state) { return this.viewOnState(state); }
+}
+
+const HEADER = 'HEADER';
+class FormAction extends FormElement {
+    constructor(actionDefinition, formConfig) {
+        super(actionDefinition, formConfig);
+        this._actionActivated = new Subject();
+        this.inProgress = false;
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.actions ?? [];
+        this.elementType = elementTypes.action;
+        this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
+        this.actionName = actionDefinition.actionTitle;
+        this.iconName = actionDefinition.iconName || this.actionCode;
+        this.setCustomAttribute('location', actionDefinition.position || HEADER);
+        this.backend = actionDefinition?.serverAction ?? false;
+        this.newState = actionDefinition?.newState;
+        this.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
+        this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+        this.restrictedOnValue = actionDefinition.valueRestricted ?? '';
+        this.customValidation = () => true;
+    }
+    get actionActivated() { return this._actionActivated; }
+    start() { this.inProgress = true; }
+    stop() { this.inProgress = false; }
+    notifyActivation() { this._actionActivated.next(this.actionCode); }
+    updateFromServer(receivedAction) {
+        for (const propertyName in receivedAction) {
+            if (propertyName !== 'actionCode' && propertyName !== 'actionId') {
+                this[propertyName] = receivedAction[propertyName];
+            }
+        }
+    }
+    setCustomValidation(callback) { this.customValidation = () => callback(); }
+}
+
+const UNDEFINED = 'undefined';
+const DEFAULT_ERROR_TYPE = 'error';
+const DEFAULT_CAPTURE_TYPE = 'INPUT';
+const DEFAULT_ALIGNMENT = 'left';
+const STD_MAX_LENGTH = 50;
+const BIG_MAX_LENGTH = 500;
+const directChanges = [
+    'defaultEditable', 'defaultValue', 'alignment', 'required', 'errorCode', 'errorMessage', 'errorType',
+    'tooltip', 'info', 'format', 'intrinsicErrorMessage', 'outputOnly', 'captureType', 'title', 'type',
+    'maxLength', 'maxValue', 'minLength', 'minValue', 'validateOnServer', 'serverAction', 'visibleLabel',
+    'options',
+];
+const attrs$1 = {
+    _captureType: { name: '_captureType', propagate: 'captureType' },
+    _errorCode: { name: '_errorCode', propagate: 'errorCode' },
+    _errorMessage: { name: '_errorMessage', propagate: 'errorMessage' },
+    _errorType: { name: '_errorType', propagate: 'errorType' },
+    _defaultValue: { name: '_defaultValue', propagate: 'defaultValue' },
+    _defaultEditable: { name: '_defaultEditable', propagate: 'defaultEditable' },
+    _fieldAlignment: { name: '_fieldAlignment', propagate: 'alignment' },
+    _fieldCode: { name: '_fieldCode', propagate: 'code' },
+    _fieldInfo: { name: '_fieldInfo', propagate: 'info' },
+    _fieldRequired: { name: '_fieldRequired', propagate: 'required' },
+    _fieldTitle: { name: '_fieldTitle', propagate: 'title' },
+    _fieldType: { name: '_fieldType', propagate: 'type' },
+    _fieldFormat: { name: '_fieldFormat', propagate: 'format' },
+    _fieldOptions: { name: '_fieldOptions', propagate: 'options' },
+    _focus: { name: '_focus', propagate: 'focus' },
+    _hasChanged: { name: '_hasChanged', propagate: 'hasChanged' },
+    _intrinsicErrorMessage: { name: '_intrinsicErrorMessage', propagate: null },
+    _maxLength: { name: '_maxLength', propagate: 'maxLength' },
+    _maxValue: { name: '_maxValue', propagate: 'maxValue' },
+    _minLength: { name: '_minLength', propagate: 'minLength' },
+    _minValue: { name: '_minValue', propagate: 'minValue' },
+    _onValidation: { name: '_onValidation', propagate: 'onValidation' },
+    _outputOnly: { name: '_outputOnly', propagate: 'outputOnly' },
+    _tooltipText: { name: '_tooltipText', propagate: 'tooltip' },
+    _validateOnServer: { name: '_validateOnServer', propagate: 'validateOnServer' },
+    _value: { name: '_value', propagate: 'value' },
+    _visibleLabel: { name: '_visibleLabel', propagate: 'visibleLabel' },
+};
+class FieldDescriptor extends FormElement {
+    constructor(inputFieldReceived, formConfig) {
+        super(inputFieldReceived, formConfig);
+        this._editionFinish = new Subject();
+        this._editionPartial = new Subject();
+        this._detailRequest = new Subject();
+        this._errorType = '';
+        this._errorCode = '';
+        this._errorMessage = '';
+        this._fieldCode = '';
+        this._intrinsicErrorMessage = '';
+        this._maxLength = 0;
+        this._minLength = 0;
+        this._focus = false;
+        this._onValidation = false;
+        this._validateOnServer = false;
+        this._visibleLabel = false;
+        this._captureType = '';
+        this._defaultValue = '';
+        this._defaultEditable = false;
+        this._fieldAlignment = '';
+        this._fieldInfo = '';
+        this._fieldRequired = false;
+        this._fieldTitle = '';
+        this._fieldType = '';
+        this._fieldFormat = null;
+        this._fieldOptions = null;
+        this._hasChanged = false;
+        this._outputOnly = false;
+        this._tooltipText = '';
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.fields ?? [];
+        this.elementType = elementTypes.field;
+        const fld = (inputFieldReceived) ? inputFieldReceived : {};
+        this.setAttr(attrs$1._fieldCode, fld.fieldCode);
+        this.title = fld.fieldTitle ?? this._fieldCode;
+        this.type = fld.fieldTypeCode;
+        this.captureType = fld.captureType ?? DEFAULT_CAPTURE_TYPE;
+        const defaultValue = fld.defaultValue ?? null;
+        if (this._fieldType === this._formConfig.fieldTypes.boolean) {
+            this.defaultValue = defaultValue ?? false;
+        }
+        else {
+            this.defaultValue = defaultValue;
+        }
+        const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this._fieldType] != null)
+            ? this._formConfig.tableFieldStyles[this._fieldType]['text-align'] : DEFAULT_ALIGNMENT;
+        const fieldAlignment = (fld.alignment != null) ? fld.alignment.toLowerCase() : defaultTypeAlignment;
+        this.alignment = fieldAlignment;
+        this.info = fld.info || '';
+        let fieldFormat;
+        try {
+            fieldFormat = (fld.format) ? new RegExp(fld.format) : null;
+        }
+        catch (e) {
+            fieldFormat = null;
+        }
+        this.format = fieldFormat;
+        this.validateOnServer = fld.serverAction ?? false;
+        this.tooltip = fld.tooltip || '';
+        this.defaultEditable = this.enabled;
+        this.required = fld.required ?? false;
+        this.outputOnly = fld.outputOnly ?? false;
+        this.maxLength = fld.maxLength || (this._captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
+        this.intrinsicErrorMessage = this._formConfig?.fieldValidations?.[this._fieldType]?.message
+            ?? this._formConfig?.fieldValidations?.DEFAULT?.message ?? '';
+        this.setError(fld.errorCode, fld.errorMessage, fld.errorType ?? DEFAULT_ERROR_TYPE);
+        this.setEditable(fld.editable ?? true);
+        this.visibleLabel = fld.visibleLabel ?? true;
+        this.setVisibility(fld.visible);
+        this.options = fld.fieldOptions;
+        this._setValue(fld.fieldValue ?? this._defaultValue ?? '');
+    }
+    get alignment() { return this._fieldAlignment; }
+    set alignment(alignment) { this.setAttr(attrs$1._fieldAlignment, alignment); }
+    get backend() { return this._validateOnServer; }
+    get captureType() { return this._captureType; }
+    set captureType(captureType) { this.setAttr(attrs$1._captureType, captureType); }
+    get code() { return this._fieldCode; }
+    get fieldCode() { return this._fieldCode; }
+    get defaultValue() { return this._defaultValue; }
+    set defaultValue(defaultValue) { this.setAttr(attrs$1._defaultValue, defaultValue); }
+    get defaultEditable() { return this._defaultEditable; }
+    set defaultEditable(editable) { this.setAttr(attrs$1._defaultEditable, editable); }
+    get detailRequest() { return this._detailRequest; }
+    get editionFinish() { return this._editionFinish; }
+    get editionPartial() { return this._editionPartial; }
+    get empty() {
+        const fieldCurrentValue = this.value;
+        if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
+            return true;
+        }
+        if (this._fieldType === this._formConfig.fieldTypes.array
+            && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
+            return true;
+        }
+        ;
+        if (this._fieldType === this._formConfig.fieldTypes.phone) {
+            if (!Array.isArray(fieldCurrentValue)) {
+                return true;
+            }
+            if (fieldCurrentValue.length !== 2 || !fieldCurrentValue[0] || !fieldCurrentValue[1]) {
+                return true;
+            }
+            return false;
+        }
+        ;
+        return fieldCurrentValue === '';
+    }
+    get error() { return { type: this._errorType, code: this._errorCode, message: this._errorMessage }; }
+    set error(errorObj) { this.setError(errorObj.code, errorObj.message, errorObj.type ?? DEFAULT_ERROR_TYPE); }
+    get errorCode() { return this._errorCode; }
+    set errorCode(code) { this.setError(code, this._errorMessage); }
+    get errorMessage() { return this._errorMessage; }
+    set errorMessage(msg) { this.setError(this._errorCode, msg); }
+    get errorType() { return this._errorType; }
+    get externalValue() { return this._externalValue; }
+    get format() { return this._fieldFormat; }
+    set format(format) { this.setAttr(attrs$1._fieldFormat, format); }
+    get hasChanged() { return this._hasChanged; }
+    set hasChanged(hasChanged) { this.setAttr(attrs$1._hasChanged, hasChanged); }
+    get info() { return this._fieldInfo; }
+    set info(newInfo) { this.setAttr(attrs$1._fieldInfo, newInfo); }
+    set intrinsicErrorMessage(message) { this.setAttr(attrs$1._intrinsicErrorMessage, message); }
+    get maxLength() { return (this._maxLength > 0) ? this._maxLength.toString() : ''; }
+    set maxLength(requiredMaxLength) { this.setAttr(attrs$1._maxLength, requiredMaxLength ? +requiredMaxLength : null); }
+    get maxValue() { return this._maxValue; }
+    set maxValue(inputMaxValue) {
+        let maxValue = inputMaxValue;
+        if (this._fieldType === this._formConfig.fieldTypes.date) {
+            maxValue = new Date(maxValue);
+        }
+        this.setAttr(attrs$1._maxValue, maxValue);
+    }
+    get minLength() { return this._minLength; }
+    set minLength(requiredMinLength) { this.setAttr(attrs$1._minLength, requiredMinLength ? +requiredMinLength : null); }
+    get minValue() { return this._minValue; }
+    set minValue(inputMinValue) {
+        let minValue = inputMinValue;
+        if (this._fieldType === this._formConfig.fieldTypes.date) {
+            minValue = new Date(minValue);
+        }
+        this.setAttr(attrs$1._minValue, minValue);
+    }
+    get name() { return this._fieldCode; }
+    get options() {
+        return this._fieldOptions?.map(option => {
+            const optionCopy = { ...option };
+            return optionCopy;
+        }) ?? null;
+    }
+    set options(newOptions) {
+        if ((!this._formConfig.captureTypesWithOptions.includes(this._captureType))
+            || typeof newOptions === UNDEFINED || !newOptions
+            || !Array.isArray(newOptions)) {
+            return;
+        }
+        let fieldOptions = newOptions.map((option) => {
+            if (option.text !== undefined && option.text !== null
+                && option.value !== undefined && option.value !== null) {
+                return { fieldOptionValue: option.text, fieldOptionId: option.value };
+            }
+            return option;
+        });
+        fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
+            && fieldOptions.length > 0) ? fieldOptions : [];
+        this.setAttr(attrs$1._fieldOptions, fieldOptions);
+        if (this._value) {
+            if (this._fieldType === this._formConfig.fieldTypes.array && Array.isArray(this._value)) {
+                const fieldValue = this._value?.filter(item => this._fieldOptions?.find(opt => opt.fieldOptionId === item));
+                this.setAttr(attrs$1._value, fieldValue);
+            }
+            else {
+                const valInOptions = this._fieldOptions?.find(item => item.fieldOptionId === this._value);
+                if (!valInOptions) {
+                    this._setValue('');
+                }
+            }
+        }
+        if (this._fieldRequired && this._fieldOptions?.length === 1 && this._value !== this._fieldOptions?.[0].fieldOptionId) {
+            this._setValue(this._fieldOptions?.[0].fieldOptionId);
+            this.notifyEditionFinish();
+        }
+    }
+    get optionText() { return this._fieldOptions?.find(item => item.fieldOptionId === this._value)?.fieldOptionValue ?? null; }
+    get outputOnly() { return this._outputOnly; }
+    set outputOnly(outputOnly) { this.setAttr(attrs$1._outputOnly, outputOnly); }
+    get required() { return this._fieldRequired; }
+    set required(required) { this.setAttr(attrs$1._fieldRequired, required ?? false); }
+    get title() { return this._fieldTitle; }
+    set title(title) { this.setAttr(attrs$1._fieldTitle, title?.toString() ?? ''); }
+    get tooltip() { return this._tooltipText; }
+    set tooltip(tooltip) { this.setAttr(attrs$1._tooltipText, tooltip); }
+    get type() { return this._fieldType; }
+    set type(fieldType) { this.setAttr(attrs$1._fieldType, fieldType); }
+    get validating() { return this._onValidation; }
+    set validating(isValidating) { this.setAttr(attrs$1._onValidation, isValidating); }
+    get value() {
+        return (this._fieldType === this._formConfig.fieldTypes.boolean
+            || this._fieldType === this._formConfig.fieldTypes.check) ? yn(this._value) : this._value;
+    }
+    get validateOnServer() { return this._validateOnServer; }
+    set validateOnServer(validateOnServer) { this.setAttr(attrs$1._validateOnServer, validateOnServer); }
+    get serverAction() { return this._validateOnServer; }
+    set serverAction(validateOnServer) { this.validateOnServer = validateOnServer; }
+    set value(newValue) { this._setValue(newValue); }
+    get visibleLabel() { return this._visibleLabel; }
+    set visibleLabel(visibleLabel) { this.setAttr(attrs$1._visibleLabel, visibleLabel); }
+    /**
+     * @deprecated Use options
+     */
+    get fieldOptions() { return this._fieldOptions; }
+    /**
+     * @deprecated Use options
+     */
+    set fieldOptions(options) { this.options = options; }
+    /**
+     * @deprecated Use value
+     */
+    get fieldValue() { return this.value; }
+    /**
+     * @deprecated Use hasChanged
+     */
+    changed(hasChanged = true) { this.hasChanged = hasChanged; }
+    clean() { this._setValue(this._defaultValue || ''); this.resetError(); }
+    focus() { this.setAttr(attrs$1._focus, true); }
+    getErrorCode() { return this.error.code; }
+    setErrorCode(code) { this.setError(code, this._errorMessage); }
+    getErrorMessage() { return this.error.message; }
+    setErrorMessage(msg) { this.setError(this._errorCode, msg); }
+    getRequired() { return this.required; }
+    hasError() { return this._errorCode !== NO_ERROR; }
+    hideLabel() { this.visibleLabel = false; }
+    resetError() { (this._errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); }
+    setEditable(editable = true) { (editable) ? this.enable() : this.disable(); }
+    setValue(newValue, widgetUpdate = true) { this._setValue(newValue, widgetUpdate); }
+    showLabel() { this.visibleLabel = true; }
+    /**
+     * @deprecated Use title
+     */
+    setLabel(label) { this.title = label; }
+    /**
+     * @deprecated Use required
+     */
+    setRequired(required) { this.required = required; }
+    /**
+     * @deprecated Use changed
+     */
+    setChanged(hasChanged) { this.changed(hasChanged); }
+    /**
+     * @deprecated Use value
+     */
+    getValue() { return this.value; }
+    /**
+     * @deprecated Use empty
+     */
+    isEmpty() { return this.empty; }
+    /**
+     * @deprecated Use error
+     */
+    getError() { return this.error; }
+    /**
+     * @deprecated Use optionText
+     */
+    getOptionText() { return this.optionText; }
+    /**
+     * @deprecated Use options
+     */
+    getFieldOptions() { return this.options; }
+    /**
+     * @deprecated Use options
+     */
+    setFieldOptions(newOptions) { return this.options = newOptions; }
+    /**
+     * @deprecated Use intrinsicErrorMessage
+     */
+    setIntrinsicErrorMessage(message) { this.intrinsicErrorMessage = message; }
+    /**
+     * @deprecated Use maxValue
+     */
+    setMaxValue(inputMaxValue) { this.maxValue = inputMaxValue; }
+    /**
+     * @deprecated Use minValue
+     */
+    setMinValue(inputMinValue) { this.minValue = inputMinValue; }
+    /**
+     * @deprecated Use showLabel
+     */
+    setVisibleLabel(visibleLabel) { this.visibleLabel = visibleLabel; }
+    notifyEditionPartial() {
+        this.resetError();
+        this._editionPartial.next({ code: this._fieldCode, intrinsicValidation: true });
+    }
+    notifyEditionFinish() {
+        const fieldValue = this.value;
+        this.resetError();
+        const validationConfig = this._formConfig.fieldValidations?.[this._fieldType] ?? {};
+        const { type, validation } = validationConfig;
+        let message = validationConfig?.message;
+        let intrinsicValidation = true;
+        if (fieldValue && (validation || this._fieldFormat)) {
+            if (type === 'regexp') {
+                intrinsicValidation = (validation?.test(fieldValue) ?? true)
+                    && (this._fieldFormat?.test(fieldValue) ?? true);
+            }
+            else if (type === 'function' && typeof validation === 'function') {
+                const { valid, message: customMessage } = validation(fieldValue, this);
+                intrinsicValidation = valid;
+                message = customMessage;
+            }
+            if (!intrinsicValidation) {
+                this.setError('99', message ?? this._intrinsicErrorMessage);
+            }
+        }
+        if (intrinsicValidation && fieldValue && this._minValue && fieldValue < this._minValue) {
+            intrinsicValidation = false;
+            this.setError('99', 'Campo con valor inferior al mínimo');
+        }
+        if (intrinsicValidation && fieldValue && this._maxValue && fieldValue > this._maxValue) {
+            intrinsicValidation = false;
+            this.setError('99', 'Campo con valor superior al máximo');
+        }
+        if (intrinsicValidation && fieldValue && typeof fieldValue === 'string'
+            && this._minLength && fieldValue?.length < this._minLength) {
+            intrinsicValidation = false;
+            this.setError('99', `Longitud de ${this._fieldTitle} debe ser de al menos ${this._minLength}`);
+        }
+        this._editionFinish.next({ code: this._fieldCode, intrinsicValidation });
+    }
+    notifyEditionDetailRequest(detail) {
+        const detailEvent = { code: this._fieldCode, detail };
+        this._detailRequest.next(detailEvent);
+    }
+    setError(code, message, type = DEFAULT_ERROR_TYPE) {
+        this.setAttr(attrs$1._errorCode, code ?? NO_ERROR);
+        this.setAttr(attrs$1._errorType, (this._errorCode === NO_ERROR) ? '' : type);
+        this.setAttr(attrs$1._errorMessage, message ?? '');
+    }
+    updateFromServer(fld) {
+        const fieldKeys = Object.keys(fld);
+        for (let index = 0; index < fieldKeys.length; index++) {
+            const attrName = fieldKeys[index];
+            const attrValue = fld[attrName];
+            if (directChanges.includes(attrName)) {
+                this[attrName] = attrValue;
+            }
+            else {
+                (attrName === 'label') && (this.title = attrValue);
+                (attrName === 'labelVisible') && (this.visibleLabel = attrValue);
+                (attrName === 'editable') && this.setEditable(attrValue);
+                (attrName === 'visible') && this.setVisibility(attrValue);
+                (attrName === 'value') && (this._setValue(attrValue) && (this.hasChanged = false));
+                (attrName === 'fieldValue') && (this._setValue(attrValue) && (this.hasChanged = false));
+                (attrName === 'fieldOptions') && (this.options = attrValue);
+                (attrName === 'fieldTitle') && (this.title = attrValue);
+                (attrName === 'fieldTypeCode') && (this.type = attrValue);
+                (attrName === 'fieldType') && (this.type = attrValue);
+                (attrName === 'tooltipText') && (this.tooltip = attrValue);
+            }
+        }
+    }
+    _setValue(newValue, widgetUpdate = true) {
+        if (typeof newValue === UNDEFINED) {
+            return true;
+        }
+        if (newValue === null && this.required) {
+            return true;
+        }
+        let newFinalValue;
+        if (this._fieldType === this._formConfig.fieldTypes.boolean
+            || this._fieldType === this._formConfig.fieldTypes.check) {
+            newFinalValue = yn(newValue) ?? false;
+        }
+        else if (this._fieldType === this._formConfig.fieldTypes.array
+            || this._fieldType === this._formConfig.fieldTypes.map) {
+            if (newValue === null || newValue === '') {
+                newFinalValue = [];
+            }
+            else if (Array.isArray(newValue)) {
+                newFinalValue = newValue;
+            }
+            else {
+                newFinalValue = newValue.toString().split(',');
+            }
+        }
+        else {
+            newFinalValue = newValue;
+        }
+        if (this._value !== newFinalValue) {
+            this.hasChanged = true;
+            if (widgetUpdate) {
+                this.setAttr(attrs$1._value, newFinalValue);
+            }
+            else {
+                this._value = newFinalValue;
+            }
+        }
+        return true;
+    }
+}
+
+class RecordTableColumn extends FormPiece {
+    constructor(recTableColReceived, formConfig) {
+        super(recTableColReceived, formConfig);
+        this.fieldCode = '';
+        this.fieldTitle = '';
+        this.fieldType = '';
+        this.fieldAlignment = '';
+        this.fieldFormat = '';
+        this.sortable = true;
+        this.searchable = true;
+        this.sortDirections = [];
+        // Filtros
+        this.filterVisible = false;
+        this.filterDef = null;
+        this.filterSetup = null;
+        this.filterDef = null;
+        if (recTableColReceived) {
+            this.fieldCode = recTableColReceived.fieldCode;
+            this.fieldTitle = recTableColReceived.fieldTitle;
+            this.fieldType = recTableColReceived.fieldTypeCode || this._formConfig.fieldTypes.text;
+            const defaultTypeAlignment = (this._formConfig.tableFieldStyles[this.fieldType] != null) ? this._formConfig.tableFieldStyles[this.fieldType]['text-align'] : 'left';
+            this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
+            this._absoluteVisible = recTableColReceived?.visible ?? true;
+            this.sortable = recTableColReceived?.sortable ?? false;
+            this.searchable = recTableColReceived?.searchable ?? true;
+            this.sortDirections = (this.sortable) ? ['ascend', 'descend'] : [];
+            this.fieldFormat = recTableColReceived.format || '';
+            this.customAttributes = recTableColReceived?.customAttributes ?? {};
+        }
+    }
+    setSearchable(searchable = true) { this.searchable = searchable; }
+    hideFilter() {
+        this.filterVisible = false;
+    }
+    addFilterDefinition(filterDefinition) {
+        this.filterDef = {
+            operators: filterDefinition.operators,
+            options: filterDefinition.options ?? null,
+        };
+    }
+    get filterDefinition() {
+        return this.filterDef;
+    }
+    addFilter(columnValues, operator) {
+        this.filterSetup = {
+            fieldCode: this.fieldCode,
+            operator: operator ?? this.filterDef?.operators[0],
+            values: columnValues,
+        };
+    }
+    get filter() {
+        return this.filterSetup;
+    }
+    removeFilter() {
+        this.filterSetup = null;
+    }
+    get options() {
+        if (this.filterDef?.operators?.length === 1 && this.filterDef?.operators[0] === 'IN') {
+            return this.filterDef?.options;
+        }
+        return null;
+    }
+    serSortDirections(ascend, descend) {
+        this.sortDirections = [];
+        if (ascend) {
+            this.sortDirections.unshift('ascend');
+        }
+        if (descend) {
+            this.sortDirections.unshift('descend');
+        }
+    }
+}
+
+class TableAction extends FormPiece {
+    constructor(actionDefinition, formConfig) {
+        super(actionDefinition, formConfig);
+        this.actionCode = actionDefinition.actionCode;
+        this.actionTitle = actionDefinition.actionTitle;
+        this.iconName = actionDefinition.iconName || this.actionCode;
+        this.actionType = actionDefinition.actionType || 'STANDARD';
+        this.actionClass = actionDefinition.actionClass || 'INLINE';
+        this.newState = actionDefinition.newState;
+        this.stateField = actionDefinition.stateField || '';
+        this.backend = actionDefinition?.serverAction ?? false;
+        this.restrictedOnField = actionDefinition.fieldRestrictedCode || '';
+        this.restrictedOnValue = actionDefinition.valueRestricted ?? '';
+        this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+    }
+}
+
+class TableRecordData {
+    constructor(recordReceived, recordDefinition, selectionFieldName = null) {
+        this.recordId = null;
+        this.selected = false;
+        this.recordData = {};
+        const { tableRecordId, recordData } = recordReceived;
+        this.recordId = tableRecordId;
+        if (!recordDefinition || recordDefinition.length === 0 || !recordData || recordData.length === 0) {
+            return;
+        }
+        const fieldNames = recordDefinition.map(column => column.fieldCode);
+        if (Array.isArray(recordData)) {
+            const rawRecordData = recordData.filter(fieldData => fieldData.fieldCode && fieldNames.includes(fieldData.fieldCode));
+            rawRecordData.forEach(fieldData => {
+                const { fieldCode, fieldValue } = fieldData;
+                const fieldDef = recordDefinition.find(column => column.fieldCode === fieldCode);
+                this.recordData[fieldCode] = fieldValue ?? '';
+                if (fieldCode === selectionFieldName) {
+                    this.selected = fieldValue;
+                }
+            });
+        }
+        else {
+            const fields = Object.keys(recordData);
+            fields.forEach(fieldCode => {
+                const fieldValue = recordData[fieldCode];
+                const fieldDef = recordDefinition.find(column => column.fieldCode === fieldCode);
+                this.recordData[fieldCode] = fieldValue ?? '';
+            });
+        }
+    }
+    toggleSelect() { this.selected = !this.selected; }
+    select() { this.selected = true; }
+    unselect() { this.selected = false; }
+    get recordIdKey() {
+        return (typeof this.recordId === 'object')
+            ? JSON.stringify(this.recordId) : this.recordId;
+    }
+    getFieldValue(fieldCode) {
+        return (fieldCode && this.recordData) ? this.recordData[fieldCode] : null;
+    }
+    hasPattern(words, columnObj) {
+        if (!words || words.length === 0) {
+            return true;
+        }
+        for (const word of words) {
+            let wordIsPresent = false;
+            for (const fieldCode in this.recordData) {
+                const columnDef = columnObj?.[fieldCode];
+                if (columnDef?.searchable && this.recordData.hasOwnProperty(fieldCode)) {
+                    const term = word.toUpperCase();
+                    let fieldValue;
+                    if (columnDef.fieldType.toUpperCase().includes('DATE')) {
+                        fieldValue = this.recordData[fieldCode].substring(0, 16);
+                    }
+                    else {
+                        fieldValue = this.recordData[fieldCode];
+                    }
+                    if (fieldValue.toString().toUpperCase().includes(term)) {
+                        wordIsPresent = true;
+                        break;
+                    }
+                }
+            }
+            if (!wordIsPresent) {
+                return false;
+            }
+        }
+        return true;
+    }
+    hasCondition(columnFilters) {
+        if (!columnFilters || columnFilters.length === 0) {
+            return true;
+        }
+        for (const condition of columnFilters) {
+            const { fieldCode, operator, values } = condition;
+            if (this.recordData.hasOwnProperty(fieldCode)) {
+                const fieldValue = this.recordData[fieldCode];
+                const stringValue = fieldValue.toString().toUpperCase();
+                if (operator === operators.G && fieldValue <= values[0]) {
+                    return false;
+                }
+                if (operator === operators.L && fieldValue >= values[0]) {
+                    return false;
+                }
+                if (operator === operators.GE && fieldValue < values[0]) {
+                    return false;
+                }
+                if (operator === operators.LE && fieldValue > values[0]) {
+                    return false;
+                }
+                if (operator === operators.IN && !values.includes(fieldValue)) {
+                    return false;
+                }
+                if (operator === operators.EQ) {
+                    return fieldValue === values[0];
+                }
+                if (operator === operators.NEQ && fieldValue === values[0]) {
+                    return false;
+                }
+                if (operator === operators.HAS && !stringValue.includes(values[0].toString().toUpperCase())) {
+                    return false;
+                }
+                if (operator === operators.NOTHAS && stringValue.includes(values[0].toString().toUpperCase())) {
+                    return false;
+                }
+                if (operator === operators.BETWEEN && (fieldValue < values[0] || fieldValue > values[1])) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+}
+
+const TABLE_SORT_ASCENDING = 'asc';
+const TABLE_SORT_DESCENDING = 'desc';
+const attrs = {
+    allSelected: { name: 'allSelected', propagate: 'allSelected' },
+    tableCode: { name: 'tableCode', propagate: 'code' },
+    clientPaging: { name: 'clientPaging', propagate: null },
+    globalSearch: { name: 'globalSearch', propagate: 'globalSearch' },
+    globalFilterString: { name: 'globalFilterString', propagate: 'globalFilterString' },
+    sorting: { name: 'sorting', propagate: null },
+    recordsPerPage: { name: 'recordsPerPage', propagate: 'recordsPerPage' },
+    layout: { name: 'layout', propagate: 'layout' },
+    columns: { name: 'columns', propagate: 'columns' },
+    selectedRecords: { name: 'selectedRecords', propagate: 'selectedRecords' },
+    currentPage: { name: 'currentPage', propagate: 'currentPage' },
+    totalRecordsNumber: { name: 'totalRecordsNumber', propagate: 'totalRecordsNumber' },
+    visibleRecords: { name: 'visibleRecords', propagate: 'visibleRecords' },
+};
+class RecordTable extends FormElement {
+    constructor(tableReceived, formConfig) {
+        super(tableReceived, formConfig);
+        this._inlineActionTrigger = new Subject();
+        this._globalActionTrigger = new Subject();
+        this._recordSelectionTrigger = new Subject();
+        this._selectionActionTrigger = new Subject();
+        this._getDataTrigger = new Subject();
+        this._tableColumnObj = {};
+        this._actionsObj = {};
+        // Mecanismos de filtrado nueva versión
+        this.globalFilterString = '';
+        this.globalFilterStrings = [];
+        this.layout = null;
+        this.tableRecordObj = {};
+        this.visibleRecords = null;
+        this.allSelected = false;
+        this.tableCode = '';
+        this.recordsPerPage = 10;
+        this.totalRecordsNumber = 0;
+        this.recordsNumber = 0;
+        this.clientPaging = true;
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.tables ?? [];
+        this.elementType = elementTypes.table;
+        this.waiting = false;
+        this.currentPage = 1;
+        this.totalPages = 1;
+        this.requestedPage = 1;
+        this.columns = [];
+        this._tableColumnObj = {};
+        this._actions = [];
+        this._actionsObj = {};
+        this.tableRecords = [];
+        this.globalSearch = false;
+        this.restrictedId = null;
+        this.tableTitle = tableReceived.tableTitle;
+        this._appendPages = tableReceived?.append ?? false;
+        this.selectable = tableReceived?.selectable ?? false;
+        this.selectionBackend = tableReceived?.selectionBackend ?? false;
+        this.sortable = tableReceived?.sortable ?? false;
+        this.setAttr(attrs.allSelected, false);
+        this.setAttr(attrs.tableCode, tableReceived.tableCode);
+        this.setAttr(attrs.clientPaging, tableReceived?.clientPaging ?? true);
+        this.setAttr(attrs.globalSearch, tableReceived?.simpleFilter ?? false);
+        this.setAttr(attrs.globalFilterString, '');
+        this.setAttr(attrs.sorting, { columnName: '', direction: '' });
+        this.setAttr(attrs.recordsPerPage, formConfig.defaultRecordsPerPage);
+        this.setAttr(attrs.layout, '');
+        if (tableReceived.fields) {
+            const columns = [];
+            for (const columnReceived of tableReceived.fields) {
+                const columnEnriched = {
+                    ...columnReceived,
+                    visibleStates: this.visibleStates,
+                    enabledStates: this.enabledStates
+                };
+                const columnDefinition = new RecordTableColumn(columnEnriched, this._formConfig);
+                columns.push(columnDefinition);
+                this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
+            }
+            this.setAttr(attrs.columns, columns);
+        }
+        if (tableReceived.actions) {
+            const tableActions = tableReceived.actions.map(objDef => {
+                let visibleStates = objDef.visibleStates;
+                let enabledStates = objDef.enabledStates;
+                if (!visibleStates) {
+                    visibleStates = (objDef.actionModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0);
+                    enabledStates = (objDef.actionModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0);
+                }
+                return { ...objDef, visibleStates, enabledStates };
+            });
+            for (const actionReceived of tableActions) {
+                const inlineAction = new TableAction(actionReceived, this._formConfig);
+                this._actions.push(inlineAction);
+                this._actionsObj[inlineAction.actionCode] = inlineAction;
+            }
+        }
+        this.selectionField = (this.selectable) ? tableReceived?.selectionField : null;
+        // Filtros predefinidos en el formulario
+        if (tableReceived.filters) {
+            for (let index = 0; index < tableReceived.filters.length; index++) {
+                this.addFilterDefinition(tableReceived.filters[index].fieldCode, tableReceived.filters[index]);
+            }
+        }
+    }
+    get columnNames() { return Object.keys(this._tableColumnObj); }
+    get inlineActionTrigger() { return this._inlineActionTrigger; }
+    get globalActionTrigger() { return this._globalActionTrigger; }
+    get selectionActionTrigger() { return this._selectionActionTrigger; }
+    get recordSelectionTrigger() { return this._recordSelectionTrigger; }
+    get getDataTrigger() { return this._getDataTrigger; }
+    getLayout() { return this.layout; }
+    setLayout(layout) { this.setAttr(attrs.layout, layout); }
+    hasActions() { return (this._actions.length > 0); }
+    getSelectedRecords() { return this.tableRecords.filter(rec => rec.selected).map(rec => rec.recordId); }
+    activateGlobalSearch() { this.globalSearch = true; }
+    inactivateGlobalSearch() { this.globalSearch = false; }
+    columnDefinition(fieldCode) { return this._tableColumnObj[fieldCode]; }
+    putOnWait() { this.waiting = true; }
+    freeWaiting() { this.waiting = false; }
+    notifyGlobalAction(actionCode) {
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode,
+            actionDetail: null
+        };
+        this._globalActionTrigger.next(tableEvent);
+    }
+    notifyInlineAction(tableActionEvent) {
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode: tableActionEvent.actionCode,
+            actionDetail: {
+                recordId: tableActionEvent.recordId,
+                recordData: tableActionEvent.recordData
+            }
+        };
+        this._inlineActionTrigger.next(tableEvent);
+    }
+    notifyRecordSelection(recordId) {
+        const record = this.getTableRecord(recordId);
+        if (!record) {
+            return;
+        }
+        record.toggleSelect();
+        this.requestedPage = this.currentPage ?? 1;
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode: null,
+            actionDetail: {
+                recordId: record.recordId,
+                recordData: record.recordData
+            }
+        };
+        this.recordSelectionTrigger.next(tableEvent);
+    }
+    notifySelectionAction(actionCode) {
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode,
+            actionDetail: {
+                selectedRecords: this.selectedRecords
+            }
+        };
+        this._selectionActionTrigger.next(tableEvent);
+    }
+    notifyGetDataAction(requestedPage = null) {
+        this.updateVisibleRecords();
+        this.requestedPage = requestedPage || this.currentPage || 1;
+        const tableEvent = {
+            tableCode: this.tableCode,
+            actionCode: null,
+            actionDetail: null,
+        };
+        this._getDataTrigger.next(tableEvent);
+        return null;
+    }
+    clean() {
+        this.tableRecords = [];
+        this.unSelectAll();
+        this.tableRecordObj = {};
+        this.updateVisibleRecords();
+    }
+    selectAll() {
+        this.setAttr(attrs.allSelected, true);
+        this.tableRecords.forEach(record => record.select());
+        this.setAttr(attrs.selectedRecords, this.getSelectedRecords());
+        return true;
+    }
+    unSelectAll() {
+        this.setAttr(attrs.allSelected, false);
+        this.tableRecords.forEach(record => record.unselect());
+        this.setAttr(attrs.selectedRecords, this.getSelectedRecords());
+        return true;
+    }
+    setTableRecords(tableRecords, append) {
+        if (!append) {
+            this.tableRecords = [];
+            this.setAttr(attrs.allSelected, false);
+            this.tableRecords.forEach(record => record.unselect());
+            this.setAttr(attrs.selectedRecords, []);
+            this.tableRecordObj = {};
+        }
+        const newRecordsObj = { ...this.tableRecordObj };
+        const newRecords = [...this.tableRecords];
+        for (const tableRecord of tableRecords) {
+            const recordReceived = new TableRecordData(tableRecord, this.columns, this.selectionField);
+            const recordIdKey = recordReceived.recordIdKey;
+            newRecords.push(recordReceived);
+            newRecordsObj[recordIdKey] = recordReceived;
+        }
+        this.tableRecords = newRecords;
+        this.setAttr(attrs.selectedRecords, this.getSelectedRecords());
+        this.tableRecordObj = newRecordsObj;
+        this.updateVisibleRecords();
+    }
+    appendRecords(records) { this.setTableRecords(records, true); }
+    replaceRecords(records) { this.setTableRecords(records, false); }
+    setTableAppend(append) { this._appendPages = append; }
+    changePage(requestedPage) {
+        if (this.clientPaging) {
+            this.setAttr(attrs.currentPage, requestedPage);
+            this.updateVisibleRecords();
+        }
+        else {
+            this.notifyGetDataAction(requestedPage);
+        }
+    }
+    updateVisibleRecords() {
+        let visibleRecords;
+        if (this.clientPaging) {
+            let filteredRecords = this.getFilteredRecords();
+            this.setAttr(attrs.totalRecordsNumber, filteredRecords.length);
+            const sliceNumber1 = (this.currentPage - 1) * this.recordsPerPage;
+            const sliceNumber2 = (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage;
+            visibleRecords = filteredRecords.slice(sliceNumber1, sliceNumber2);
+            const recordsLastPage = this.totalRecordsNumber % this.recordsPerPage;
+            const totalPages = Math.trunc(this.totalRecordsNumber / this.recordsPerPage + (recordsLastPage ? 1 : 0));
+            if (this.currentPage > totalPages) {
+                this.currentPage = totalPages || 1;
+            }
+        }
+        else {
+            visibleRecords = this.tableRecords;
+        }
+        this.setAttr(attrs.visibleRecords, visibleRecords);
+    }
+    updateFromServer(tableReceived) {
+        this.requestedPage = 1;
+        this.visible = tableReceived?.visible || true;
+        this.totalPages = tableReceived.totalPages || 1;
+        this.recordsNumber = tableReceived.recordsNumber;
+        this.setAttr(attrs.currentPage, +tableReceived?.currentPage || 1);
+        this.setAttr(attrs.recordsPerPage, +tableReceived.recordsPerPage);
+        this.setAttr(attrs.totalRecordsNumber, (this.clientPaging) ? tableReceived.tableRecords.length : +tableReceived.totalRecordsNumber);
+        this.setAttr(attrs.sorting, {
+            columnName: tableReceived.sortingColumn || '',
+            direction: tableReceived.sortingDirection || ''
+        });
+        this.waiting = false;
+        if (!this._appendPages) {
+            this.replaceRecords(tableReceived.tableRecords);
+        }
+        else {
+            this.appendRecords(tableReceived.tableRecords);
+        }
+        this.updateVisibleRecords();
+    }
+    getTableRecord(recordId) {
+        const recordIdKey = (typeof recordId === 'object') ? JSON.stringify(recordId) : recordId;
+        return (this.tableRecordObj && recordId && this.tableRecordObj[recordId])
+            ? this.tableRecordObj[recordId] : null;
+    }
+    getAction(actionCode) {
+        return (this._actionsObj && actionCode && this._actionsObj[actionCode])
+            ? this._actionsObj[actionCode] : null;
+    }
+    getActions(actionClass = this._formConfig.tableActions.inline, actionTypes = null) {
+        return this._actions.filter(actionDef => {
+            const typeIncluded = (actionTypes) ? actionTypes.includes(actionDef.actionType) : true;
+            return actionDef.actionClass === actionClass && typeIncluded;
+        });
+    }
+    // Filtros
+    setFilterById(id) {
+        if (this.restrictedId === id) {
+            return;
+        }
+        this.restrictedId = id;
+        this.updateVisibleRecords();
+    }
+    cleanIdFilter() {
+        if (this.restrictedId === null) {
+            return;
+        }
+        this.restrictedId = null;
+        this.updateVisibleRecords();
+    }
+    setGlobalFilterString(text, notifyComponent = true) {
+        this.globalFilterStrings = text.split(' ').filter(t => t && t.trim().length > 0).map(t => t.trim()) ?? [];
+        if (this.clientPaging) {
+            this.changePage(1);
+        }
+        if (notifyComponent) {
+            this.setAttr(attrs.globalFilterString, text.trim());
+        }
+    }
+    addFilterDefinition(columnName, filterDefinition) {
+        const tableColumn = this.columnDefinition(columnName);
+        tableColumn && tableColumn.addFilterDefinition(filterDefinition);
+    }
+    getFilteredRecords() {
+        let filteredRecords = this.tableRecords;
+        if (this.restrictedId) {
+            filteredRecords = filteredRecords.filter(record => record.recordId === this.restrictedId);
+        }
+        if (this.globalFilterStrings.length > 0) {
+            filteredRecords = filteredRecords.filter(record => record.hasPattern(this.globalFilterStrings, this._tableColumnObj));
+        }
+        const columnFilters = this.columns.filter(column => column.filter).map(column => column.filter);
+        if (columnFilters.length > 0) {
+            filteredRecords = filteredRecords.filter(record => record.hasCondition(columnFilters));
+        }
+        return filteredRecords;
+    }
+    getColumnFilter(columnName) {
+        const tableColumn = this.columnDefinition(columnName);
+        return tableColumn?.filter ?? null;
+    }
+    addColumnFilter(columnName, columnValues, operator = null) {
+        const tableColumn = this.columnDefinition(columnName);
+        const columnFilterDefinition = tableColumn?.filterDefinition ?? null;
+        if (!columnFilterDefinition) {
+            return;
+        }
+        tableColumn && tableColumn.addFilter(columnValues, operator);
+        this.updateVisibleRecords();
+    }
+    removeColumnFilter(columnName) {
+        const tableColumn = this.columnDefinition(columnName);
+        tableColumn && tableColumn.removeFilter();
+        this.updateVisibleRecords();
+    }
+    get currentFilter() {
+        const compactFilter = {
+            simpleFilterWords: this.globalFilterStrings,
+            advancedFilter: [],
+        };
+        const columnFilters = this.columns.filter(column => column.filter).map(column => column.filter);
+        for (let index = 0; index < columnFilters.length; index++) {
+            const columnFilter = columnFilters[index];
+            compactFilter.advancedFilter.push({
+                fieldCode: columnFilter?.fieldCode,
+                operator: columnFilter?.operator,
+                fieldValue1: columnFilter?.values[0],
+                fieldValue2: columnFilter?.values[1],
+            });
+        }
+        return compactFilter;
+    }
+    // Ordenamiento de registros local
+    sort(columnName, direction) {
+        this.setRequiredOrder(columnName, direction);
+        if (this.clientPaging) {
+            this.localSortData();
+        }
+        else {
+            this.notifyGetDataAction();
+        }
+    }
+    setRequiredOrder(columnField, direction = null) {
+        this.setAttr(attrs.sorting, {
+            columnName: columnField,
+            direction: (direction === 'ascend') ? TABLE_SORT_ASCENDING : TABLE_SORT_DESCENDING,
+        });
+    }
+    localSortData() {
+        if (!this.sorting.columnName || !this.sorting.direction) {
+            return;
+        }
+        this.tableRecords.sort((a, b) => this.recordCompare(a, b, this.sorting.columnName, this.sorting.direction));
+        //this.unSelectAll();
+        this.updateVisibleRecords();
+    }
+    recordCompare(recordA, recordB, columnCompare, direction) {
+        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;
+        }
+        else if (recordAColumn > recordBColumn) {
+            result = 1;
+        }
+        return direction === TABLE_SORT_ASCENDING ? result : -result;
+    }
+    formStateChangeCustomSubscribe(formChangeSubject) {
+        this.columns?.forEach(column => {
+            column?.subscribeFormStateChange(formChangeSubject);
+        });
+        this._actions?.forEach(action => {
+            action?.subscribeFormStateChange(formChangeSubject);
+        });
+    }
+}
+
+class RecordFormSubSection extends FormPiecePropagate {
+    constructor(subsectionReceived, formObject, formConfig) {
+        super(subsectionReceived, formConfig);
+        this._customRender = null;
+        this.subsectionId = null;
+        this.subsectionCode = null;
+        this.subsectionTitle = null;
+        this.subSectionElements = [];
+        this.subSectionFields = [];
+        this.subSectionTables = [];
+        this.subSectionActions = [];
+        this.elementsArray = {};
+        this.active = false;
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.subsections ?? [];
+        if (!subsectionReceived) {
+            return;
+        }
+        this.subsectionId = (subsectionReceived.subsectionId) ? subsectionReceived.subsectionId.toString() : '';
+        this.subsectionCode = (subsectionReceived.subsectionCode) ? subsectionReceived.subsectionCode : '';
+        this.subsectionTitle = (subsectionReceived.subsectionTitle) ? subsectionReceived.subsectionTitle : '';
+        if (subsectionReceived.elements) {
+            for (const receivedElement of subsectionReceived.elements) {
+                let elementObject = null;
+                let arrayToAdd = [];
+                const { type, code } = receivedElement;
+                switch (type) {
+                    case elementTypes.field:
+                        elementObject = formObject.getField(code);
+                        arrayToAdd = this.subSectionFields;
+                        break;
+                    case elementTypes.table:
+                        elementObject = formObject.getTable(code);
+                        arrayToAdd = this.subSectionTables;
+                        break;
+                    case elementTypes.action:
+                        elementObject = formObject.getAction(code);
+                        arrayToAdd = this.subSectionActions;
+                        break;
+                }
+                if (elementObject) {
+                    elementObject.elementType = type;
+                    arrayToAdd.push(elementObject);
+                    this.subSectionElements.push(elementObject);
+                    this.elementsArray[code] = elementObject;
+                }
+            }
+        }
+    }
+    get customRender() { return this._customRender; }
+    set customRender(customRenderName) { this._customRender = customRenderName; }
+    getField(name) {
+        return this.subSectionFields.find(fld => fld.name === name);
+    }
+    getFields() {
+        return this.subSectionFields;
+    }
+    getFieldNames() {
+        return this.subSectionFields.map(field => field.code);
+    }
+    getActions() {
+        return this.subSectionActions;
+    }
+    getActionNames() {
+        return this.subSectionActions.map(action => action.actionCode);
+    }
+    activate() {
+        if (!this.active) {
+            this.active = true;
+            // this.subsectionCode && this._activation.next(this.subsectionCode);
+        }
+    }
+    inactivate() {
+        if (this.active) {
+            this.active = false;
+            // this.subsectionCode && this._inactivation.next(this.subsectionCode);
+        }
+    }
+}
+
+const ACTIVE$1 = 'active';
+class RecordFormSection extends FormPiecePropagate {
+    constructor(sectionReceived, formObject, formConfig) {
+        super(sectionReceived, formConfig);
+        this._activation = new Subject();
+        this._inactivation = new Subject();
+        this.active = false;
+        this.sectionId = null;
+        this.sectionCode = null;
+        this.sectionTitle = null;
+        this.subSections = [];
+        this._exclusiveSubSectionsByAttr = {};
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.sections ?? [];
+        if (!sectionReceived) {
+            return;
+        }
+        this.sectionId = (sectionReceived.sectionId) ? sectionReceived.sectionId.toString() : '';
+        this.sectionCode = (sectionReceived.sectionCode) ? sectionReceived.sectionCode : '';
+        this.sectionTitle = (sectionReceived.sectionTitle) ? sectionReceived.sectionTitle : '';
+        this.subSections = [];
+        this.subSectionsObj = {};
+        if (sectionReceived.subsections) {
+            const subsections = sectionReceived.subsections.map(subSecDef => {
+                const visibleStates = subSecDef.visibleStates ?? [];
+                if (subSecDef.elements && Array.isArray(subSecDef.elements)) {
+                    subSecDef.elements = subSecDef.elements.map(elm => ({ code: elm.elementCode, type: elm.elementTypeName }));
+                }
+                return { ...subSecDef, visibleStates };
+            });
+            for (const subsectionReceived of subsections) {
+                const subSectionToAdd = new RecordFormSubSection(subsectionReceived, formObject, formConfig);
+                const subsectionCode = subSectionToAdd.subsectionCode;
+                if (subsectionCode) {
+                    this.subSections.push(subSectionToAdd);
+                    this.subSectionsObj[subsectionCode] = subSectionToAdd;
+                }
+            }
+        }
+    }
+    get code() { return this.sectionCode; }
+    get activation() { return this._activation; }
+    get inactivation() { return this._inactivation; }
+    activate() {
+        if (!this.active) {
+            this.active = true;
+            this.sectionCode && this._activation.next(this.sectionCode);
+        }
+    }
+    inactivate() {
+        if (this.active) {
+            this.active = false;
+            this.sectionCode && this._inactivation.next(this.sectionCode);
+        }
+    }
+    get title() { return this.sectionTitle; }
+    set title(title) { this.sectionTitle = title; }
+    getVisibleSubsections(state) {
+        return this.subSections.filter(subSection => subSection.visible);
+    }
+    getSubsection(subSectionCode) {
+        return (this.subSectionsObj && this.subSectionsObj[subSectionCode])
+            ? this.subSectionsObj[subSectionCode] : null;
+    }
+    activateSubSection(subSectionCode) {
+        if (subSectionCode === this._exclusiveSubSectionsByAttr[ACTIVE$1]) {
+            return;
+        }
+        const subSection = (this.subSectionsObj && this.subSectionsObj[subSectionCode])
+            ? this.subSectionsObj[subSectionCode] : null;
+        if (subSection) {
+            subSection?.activate();
+            this._exclusiveSubSectionsByAttr[ACTIVE$1] = subSectionCode;
+        }
+    }
+    getFields() {
+        let fieldsArray = [];
+        if (this.subSections && this.subSections.length > 0) {
+            for (const subSection of this.subSections) {
+                const subsectionFields = subSection.getFields() ?? [];
+                if (subsectionFields?.length > 0) {
+                    fieldsArray = fieldsArray.concat(subsectionFields);
+                }
+            }
+        }
+        return fieldsArray;
+    }
+    getActions() {
+        let actionArray = [];
+        if (this.subSections && this.subSections.length > 0) {
+            for (const subSection of this.subSections) {
+                const subSectionActions = subSection.getActions() ?? [];
+                if (subSectionActions?.length > 0) {
+                    actionArray = actionArray.concat(subSectionActions);
+                }
+            }
+        }
+        return actionArray;
+    }
+    getActionNames() {
+        let actionArray = [];
+        if (this.subSections && this.subSections.length > 0) {
+            for (const subSection of this.subSections) {
+                actionArray = actionArray.concat(subSection.getActionNames());
+            }
+        }
+        return actionArray;
+    }
+    getFieldNames() {
+        let fieldsArray = [];
+        if (this.subSections && this.subSections.length > 0) {
+            for (const subSection of this.subSections) {
+                fieldsArray = fieldsArray.concat(subSection.getFieldNames());
+            }
+        }
+        return fieldsArray;
+    }
+    getField(name) {
+        let field = null;
+        if (this.subSections && this.subSections.length > 0) {
+            for (const subSection of this.subSections) {
+                field = subSection.getField(name);
+                if (field) {
+                    return field;
+                }
+            }
+        }
+        return null;
+    }
+    formStateChangeCustomSubscribe(formChangeSubject) {
+        this.subSections?.forEach(subsection => {
+            subsection?.subscribeFormStateChange(formChangeSubject);
+        });
+    }
+}
+
+const ACTIVE = 'active';
+const SHOW = 'show';
+const HIDE = 'hide';
+const ENABLE = 'enable';
+const DISABLE = 'disable';
+const CLEAN = 'clean';
+class FormStructureAndData {
+    constructor(definitionReceived, formConfig) {
+        this._stateChange = new Subject();
+        this._name = '';
+        this._title = '';
+        this._fields = {};
+        this._actions = {};
+        this._tables = {};
+        this._sections = {};
+        this._immutableData = {};
+        this._extraInfo = {};
+        this._exclusiveSectionsByAttr = {};
+        this._formConfig = formConfig;
+        this.state = '';
+        this._actionArray = [];
+        this._fieldArray = [];
+        this._tableArray = [];
+        this._sectionArray = [];
+        this._stateFlow = {
+            defaultState: '',
+            states: [],
+            transitions: [],
+        };
+        if (!definitionReceived) {
+            return;
+        }
+        this._name = (definitionReceived.form && definitionReceived.form.formCode)
+            ? definitionReceived.form.formCode : this._name;
+        this._title = (definitionReceived.form && definitionReceived.form.formTitle)
+            ? definitionReceived.form.formTitle : '';
+        this.setStateFlow(definitionReceived?.states, definitionReceived?.transitions, definitionReceived?.defaultState);
+        this.immutableData = definitionReceived.immutableData;
+        this.extraInfo = definitionReceived.extraInfo;
+        if (definitionReceived.actions) {
+            const formActions = definitionReceived.actions.map(objDef => {
+                let visibleStates = objDef.visibleStates;
+                let enabledStates = objDef.enabledStates ?? objDef.editableStates;
+                if (!visibleStates) {
+                    visibleStates = (objDef.actionModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0) || [];
+                    enabledStates = [...visibleStates];
+                }
+                return { ...objDef, visibleStates, enabledStates };
+            });
+            for (const actionReceived of formActions) {
+                const globalAction = new FormAction(actionReceived, this._formConfig);
+                const globalActionCode = globalAction.actionCode;
+                if (globalActionCode) {
+                    this._actionArray.push(globalAction);
+                    this._actions[globalActionCode] = globalAction;
+                }
+            }
+        }
+        if (definitionReceived.fields) {
+            const formFields = definitionReceived.fields.map(objDef => {
+                let visibleStates = objDef.visibleStates;
+                let enabledStates = objDef.enabledStates ?? objDef.editableStates;
+                if (!visibleStates) {
+                    visibleStates = (objDef.fieldModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0) || [];
+                    enabledStates = [...visibleStates];
+                }
+                return { ...objDef, visibleStates, enabledStates };
+            });
+            for (const fieldReceived of formFields) {
+                const fieldToAdd = new FieldDescriptor(fieldReceived, this._formConfig);
+                const fieldCode = fieldToAdd.code;
+                if (fieldCode) {
+                    this._fieldArray.push(fieldToAdd);
+                    this._fields[fieldCode] = fieldToAdd;
+                }
+            }
+        }
+        if (definitionReceived.tables) {
+            const tables = definitionReceived.tables.map(objDef => {
+                let visibleStates = objDef.visibleStates;
+                let enabledStates = objDef.enabledStates || objDef.editableStates;
+                if (!visibleStates) {
+                    visibleStates = (objDef.tableModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0) || [];
+                    enabledStates = [...visibleStates];
+                }
+                return { ...objDef, visibleStates, enabledStates };
+            });
+            for (const tableReceived of tables) {
+                const tableToAdd = new RecordTable(tableReceived, this._formConfig);
+                const tableCode = tableToAdd.tableCode;
+                if (tableCode) {
+                    this._tableArray.push(tableToAdd);
+                    this._tables[tableCode] = tableToAdd;
+                }
+            }
+        }
+        if (definitionReceived.sections) {
+            const formSections = definitionReceived.sections.map(objDef => {
+                let visibleStates = objDef.visibleStates;
+                if (!visibleStates) {
+                    visibleStates = (objDef.sectionModes || '').split(',')
+                        .map(state => state.trim())
+                        .filter(state => state.length > 0) || [];
+                }
+                return { ...objDef, visibleStates };
+            });
+            for (const sectionReceived of formSections) {
+                const sectionToAdd = new RecordFormSection(sectionReceived, this, this._formConfig);
+                const sectionCode = sectionToAdd.sectionCode;
+                if (sectionCode) {
+                    this._sectionArray.push(sectionToAdd);
+                    this._sections[sectionCode] = sectionToAdd;
+                }
+            }
+        }
+    }
+    getTitle() { return this._title; }
+    setTitle(title) { this._title = title; }
+    get name() { return this._name; }
+    set name(name) { this._name = name; }
+    // Estados
+    get defaultState() { return this._stateFlow.defaultState; }
+    supportState(state) { return this._stateFlow.states?.includes(state); }
+    supportMode(state) { return this.supportState(state); }
+    get states() { return this._stateFlow.states; }
+    getCurrentState() { return this.state; }
+    changeState(newState) {
+        if (!newState || !this.supportState(newState)) {
+            return false;
+        }
+        if (!this.state) {
+            this.state = newState;
+        }
+        else {
+            const transitionToChange = this._stateFlow.transitions.find(trns => trns.source === this.state && trns.destination === newState);
+            if (transitionToChange) {
+                this.state = newState;
+            }
+        }
+        this._stateChange.next({ state: this.state });
+        return (this.state === newState);
+    }
+    get stateChange() { return this._stateChange; }
+    setStateFlow(states, transitions, defaultState) {
+        this._stateFlow.states = states;
+        this._stateFlow.defaultState = defaultState || this._stateFlow.states[0];
+        this._stateFlow.transitions = transitions.map(transition => {
+            const name = transition.name;
+            const source = (this._stateFlow.states.includes(transition.source)) ? transition.source : '';
+            const destination = (this._stateFlow.states.includes(transition.destination)) ? transition.destination : '';
+            return { name, source, destination };
+        }).filter(item => item.name && item.source && item.destination);
+    }
+    // immutable Data
+    getImmutableElement(name) { return this._immutableData?.[name]?.value ?? null; }
+    set immutableData(immutableData) { Object.assign(this._immutableData, immutableData); }
+    get immutableData() { return JSON.parse(JSON.stringify(this._immutableData)); }
+    // extra Info
+    getExtraInfo(name) { return this._extraInfo?.[name]?.value ?? null; }
+    set extraInfo(extraInfo) { Object.assign(this._extraInfo, extraInfo); }
+    get extraInfo() { return JSON.parse(JSON.stringify(this._extraInfo)); }
+    // Fields
+    get fields() { return this._fields; }
+    get fieldNames() { return this.getFieldNames(); }
+    getFields() { return this._fieldArray; }
+    getFieldNames() { return this._fieldArray.map(field => field.code); }
+    getField(code) { return (code && this._fields?.[code]) ? this._fields[code] : null; }
+    enableField(code) { this.getField(code)?.enable(); }
+    disableField(code) { this.getField(code)?.disable(); }
+    getFieldValue(code) { return this.getField(code)?.value; }
+    getFieldOptionText(code) { return this.getField(code)?.optionText; }
+    getFieldOptions(code) { return this.getField(code)?.options ?? null; }
+    setFieldValue(code, value) { this.getField(code)?.setValue(value); }
+    setFieldError(code, errorCode, message, type = 'error') { this.getField(code)?.setError(errorCode, message, type); }
+    setFieldIntrinsicErrorMessage(code, message) { this.getField(code)?.setIntrinsicErrorMessage(message); }
+    setFieldRequired(inputCodes, required) {
+        const codes = this.getFieldSet(null, inputCodes ?? null);
+        for (const code of codes) {
+            try {
+                const field = this.getField(code) ?? null;
+                field && (field.required = required);
+            }
+            catch (e) {
+                console.log(`Error modificando campo ${code}: ${e}`);
+            }
+        }
+    }
+    setFieldErrorMessage(code, message) { this.getField(code)?.setErrorMessage(message); }
+    setFieldOptions(code, optionsArray, idAttribute, nameAttribute) {
+        const field = this.getField(code);
+        if (field && optionsArray?.length > 0) {
+            const fieldOptions = optionsArray.map(item => ({
+                fieldOptionId: item[idAttribute],
+                fieldOptionValue: item[nameAttribute]
+            }));
+            field.setFieldOptions(fieldOptions);
+        }
+    }
+    getFieldSet(filter, inputCodes, secCode, subCode) {
+        let codes = [];
+        if (inputCodes) {
+            if (typeof inputCodes === 'string') {
+                codes = [inputCodes];
+            }
+            else if (Array.isArray(inputCodes) && inputCodes.length > 0) {
+                codes = inputCodes ?? [];
+            }
+        }
+        else if (secCode && !subCode) {
+            codes = this.getSection(secCode)?.getFieldNames() ?? [];
+        }
+        else if (secCode && subCode) {
+            codes = this.getSubSection(secCode, subCode)?.getFieldNames() ?? [];
+        }
+        else {
+            codes = this.getFieldNames() ?? [];
+        }
+        return (filter) ? codes.filter(fld => filter(this.getField(fld))) : codes;
+    }
+    applyOnFields(processFunc, inputCodes, secCode, subCode) {
+        if (!processFunc) {
+            return 0;
+        }
+        const codes = this.getFieldSet(null, inputCodes ?? null, secCode, subCode);
+        let processedFields = 0;
+        for (const code of codes) {
+            const field = this.getField(code);
+            if (field) {
+                try {
+                    processFunc(field);
+                    processedFields += 1;
+                }
+                catch (e) {
+                    console.log(`Error procesando funcion en campo ${field}: ${e}`);
+                }
+            }
+        }
+        return processedFields;
+    }
+    enableFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.enable(), codes, secCode, subCode);
+    }
+    showFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.show(), codes, secCode, subCode);
+    }
+    hideFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.hide(), codes, secCode, subCode);
+    }
+    showLabelFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.showLablel(), codes, secCode, subCode);
+    }
+    hideLabelFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.hideLabel(), codes, secCode, subCode);
+    }
+    disableFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.disable(), codes, secCode, subCode);
+    }
+    cleanFields(codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.clean(), codes, secCode, subCode);
+    }
+    tagFieldsWithError(message, codes, secCode, subCode) {
+        return this.applyOnFields(fld => fld?.setErrorMessage(message), codes, secCode, subCode);
+    }
+    cleanErrorFields(codes, secCode, subCode) {
+        return this.tagFieldsWithError('', codes, secCode, subCode);
+    }
+    tagEmptyRequiredFields(message, codes = null, secCode, subCode) {
+        return this.tagFieldsWithError(message, this.getRequiredEmptyFields(codes, secCode, subCode)) > 0;
+    }
+    getRequiredFields(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 ?? null, secCode, subCode);
+    }
+    getChangedFields(codes, secCode, subCode) {
+        return this.getFieldSet(fld => !fld?.outputOnly && fld?.hasChanged(), codes ?? null, secCode, subCode);
+    }
+    getFieldsWithValidationIssues(codes, secCode, subCode) {
+        return this.getFieldSet(fld => fld?.hasError(), codes ?? null, secCode, subCode);
+    }
+    getFieldsValues(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];
+            if (code) {
+                resultObject[code] = this._fields?.[code]?.getValue() ?? null;
+            }
+        }
+        return resultObject;
+    }
+    // Acciones
+    get actions() { return this._actions; }
+    getActionsByAttribute(name, value) { return this._actionArray.filter(actionItem => actionItem.matchAttribute(name, value)); }
+    getActions() { return this._actionArray; }
+    getAction(code) { return (code && this._actions?.[code]) ? this._actions[code] : null; }
+    showActions(codes) { return this.execOnActions(codes, SHOW); }
+    hideActions(codes) { return this.execOnActions(codes, HIDE); }
+    enableActions(codes) { return this.execOnActions(codes, ENABLE); }
+    disableActions(codes) { return this.execOnActions(codes, DISABLE); }
+    execOnActions(codes, functionName) {
+        const actionCodes = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        if (!functionName || actionCodes.length === 0) {
+            return;
+        }
+        actionCodes.forEach(code => {
+            const action = this.getAction(code);
+            action?.[functionName]?.();
+        });
+    }
+    // Tablas
+    get tables() { return this.tables; }
+    getTables() { return this._tableArray; }
+    getTable(code) { return (code && this._tables?.[code]) ? this._tables[code] : null; }
+    getTableRecord(code, id) { return this.getTable(code)?.getTableRecord(id); }
+    enableTables(codes) { return this.execOnTables(codes, ENABLE); }
+    disableTables(codes) { return this.execOnTables(codes, DISABLE); }
+    showTables(codes) { return this.execOnTables(codes, SHOW); }
+    hideTables(codes) { return this.execOnTables(codes, HIDE); }
+    cleanTables(codes) { return this.execOnTables(codes, CLEAN); }
+    execOnTables(codes, functionName) {
+        const tableCodes = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        if (!functionName || tableCodes.length === 0) {
+            return;
+        }
+        tableCodes.forEach(code => {
+            const table = this.getTable(code);
+            table?.[functionName]?.();
+        });
+    }
+    // Secciones
+    get sections() { return this._sections; }
+    getSections() { return this._sectionArray; }
+    getSectionsByAttribute(name, value) { return this._sectionArray.filter(item => item.matchAttribute(name, value)); }
+    get sectionTitles() { return this._sectionArray.map(formSection => formSection.sectionTitle); }
+    get visibleSections() { return this._sectionArray.filter(sec => sec.absoluteVisible); }
+    getSection(code) { return (code && this._sections?.[code]) ? this._sections[code] : null; }
+    showSections(codes) { this.execOnSections(codes, SHOW); }
+    hideSections(codes) { this.execOnSections(codes, HIDE); }
+    activeSection() { return this._exclusiveSectionsByAttr[ACTIVE]; }
+    getSubSection(code, subCode) { return this.getSection(code)?.getSubsection(subCode) ?? null; }
+    showSubSections(code, subCodes) { return this.execOnSubSections(code, subCodes, SHOW); }
+    hideSubSections(code, subCodes) { return this.execOnSubSections(code, subCodes, HIDE); }
+    getSectionActions(code) { return this.getSection(code)?.getActions() ?? null; }
+    getSectionActionNames(code) { return this.getSection(code)?.getActionNames() ?? null; }
+    activateSection(code) {
+        if (code === this._exclusiveSectionsByAttr[ACTIVE]) {
+            return;
+        }
+        this.getSection(this.activeSection())?.inactivate();
+        this.getSection(code)?.activate();
+        this._exclusiveSectionsByAttr[ACTIVE] = code;
+    }
+    execOnSections(codes, functionName) {
+        const sectionCodes = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        if (!functionName || sectionCodes.length === 0) {
+            return;
+        }
+        sectionCodes.forEach(code => {
+            const section = this.getSection(code);
+            section?.[functionName]?.();
+        });
+    }
+    execOnSubSections(code, subNames, functionName) {
+        const subCodes = (Array.isArray(subNames)) ? subNames : (subNames ? [subNames] : []);
+        const section = this.getSection(code);
+        if (!functionName || !section || subCodes.length === 0) {
+            return;
+        }
+        for (const subCode of subCodes) {
+            const subSection = this.getSubSection(code, subCode);
+            subSection?.[functionName]?.();
+        }
+    }
+    /**
+     * Métodos propios de gestión del formulario
+     */
+    cleanData() {
+        for (const field of this._fieldArray) {
+            field.setValue(field.defaultValue);
+        }
+        for (const table of this._tableArray) {
+            table.clean();
+        }
+    }
+    getPayload() {
+        const formData = {
+            fields: [],
+            tables: [],
+        };
+        formData.fields = this.getFields().filter(fld => !fld?.outputOnly)
+            .map(fld => {
+            const fieldPayload = {
+                fieldCode: fld?.code,
+                fieldValue: fld?.value,
+                editable: !fld?.absoluteDisabled,
+                visible: fld?.absoluteVisible,
+                required: fld?.required,
+                fieldOptions: '',
+            };
+            return fieldPayload;
+        });
+        formData.tables = this.getTables().map(tbl => {
+            const tablePayload = {
+                tableCode: tbl.tableCode,
+                visible: tbl.absoluteVisible,
+                currentPage: tbl.currentPage,
+                requestedPage: tbl.requestedPage,
+                recordsPerPage: tbl.recordsPerPage,
+                currentFilter: tbl.currentFilter,
+                sortingColumn: tbl.sorting.columnName,
+                sortingDirection: tbl.sorting.direction,
+            };
+            return tablePayload;
+        });
+        return formData;
+    }
+}
+
+class LibFormManagerService {
+    constructor() {
+        this.cleanStack();
+    }
+    // Métodos virtuales para las aplicaciones
+    getFormDefinition(formCode) { }
+    execServerAction(actionDetail) { }
+    goToForm(formCode, token, subject) { }
+    async loadStack() { }
+    saveStack() { }
+    cleanStack() { this.pageStack = []; }
+    resetPageStack() { this.cleanStack(); }
+    findFormInStack(token) {
+        const index = this.pageStack.findIndex(item => item?.token === token);
+        const data = (index >= 0) ? this.pageStack[index] : null;
+        return { index, data };
+    }
+    replaceItem(token, formInfo) {
+        if (!token || !formInfo) {
+            return;
+        }
+        const { index, data: storedForm } = this.findFormInStack(token);
+        let updatedForm = null;
+        if (index >= 0) {
+            updatedForm = { ...storedForm };
+            updatedForm.subject = formInfo?.subject ?? storedForm.subject;
+            updatedForm.state = formInfo?.state ?? storedForm.state;
+            updatedForm.fields = storedForm?.fields ?? {};
+            updatedForm.extra = storedForm?.extra ?? {};
+            if (formInfo.fields) {
+                Object.assign(updatedForm.fields, formInfo.fields);
+            }
+            if (formInfo.extra) {
+                Object.assign(updatedForm.extra, formInfo.extra);
+            }
+            this.pageStack[index] = updatedForm;
+            this.saveStack();
+        }
+    }
+    stack(origin, target) {
+        const token = nanoid(6);
+        this.replaceItem(target.originToken, origin);
+        this.pageStack.push({ token, ...target });
+        this.saveStack();
+        return token;
+    }
+    unstack(token = null) {
+        let index = (token) ? this.findFormInStack(token).index : this.pageStack.length - 2;
+        let formInfo = null;
+        if (index >= 0) {
+            formInfo = this.pageStack[index];
+            this.pageStack.splice(index + 1);
+            this.saveStack();
+        }
+        return formInfo;
+    }
+    getFormInfo(token) {
+        const { data } = this.findFormInStack(token);
+        return {
+            token: data?.token,
+            subject: data?.subject,
+            state: data?.state,
+            originToken: data?.originToken,
+            fields: data?.fields ?? {},
+            extra: data?.extra ?? {}
+        };
+    }
+    openForm(origin, target) {
+        (!origin) && this.cleanStack();
+        target.originToken = origin?.token ?? null;
+        const token = this.stack(origin, target);
+        this.goToForm(target.name, token, target.subject);
+    }
+    backTo(targetToken = null) {
+        const formInfo = this.unstack(targetToken);
+        formInfo && formInfo.name && this.goToForm(formInfo.name, formInfo.token, formInfo.subject);
+    }
+}
+
+class LibEventManagerService {
+    constructor(eventNames) {
+        this.eventSubjects = {};
+        eventNames.forEach((name) => { this.addEventName(name); });
+    }
+    addEventName(name) {
+        if (!this.eventSubjects[name]) {
+            const newEventSubject = new ReplaySubject(1);
+            this.eventSubjects[name] = newEventSubject;
+        }
+    }
+    getEventNames() { return Object.keys(this.eventSubjects); }
+    getSubject(eventClassName) { return eventClassName ? this.eventSubjects[eventClassName] : null; }
+    subscribe(eventClassName, callback) { this.getSubject(eventClassName).subscribe(callback); }
+    next(eventClassName, data) { this.getSubject(eventClassName).next(data); }
+}
+
+class LibFileManagementService {
+    openFile(fileBase64Data, fileName, fileType) { }
+    saveFileFromURL(fileUrl, fullFileName = null) { }
+    saveFile(fileBase64Data, fileName, fileType) { }
+}
+
+const PAYLOAD_VERSION = 'TUAINEXCHANGE_1.0';
+const INLINE_ACTION = 'INLINE';
+const GLOBAL_ACTION = 'GLOBAL';
+const GET_DATA_ACTION = 'GETDATA';
+const SUBJECT = 'subject';
+const TOKEN = 'token';
+class BasicFormComponent {
+    constructor(formManagerService, _eventManager, fileMgmtServices) {
+        this.formManagerService = formManagerService;
+        this._eventManager = _eventManager;
+        this.fileMgmtServices = fileMgmtServices;
+        this._formStructure = null;
+        this._controlToken = null;
+        this._originToken = null;
+        this._formRoute = null;
+        this._definitionObtained = false;
+        // Eventos de acciones y campos
+        this._formSectionsCanDeactivate = {};
+        this._formSectionsActivate = {};
+        this._formSectionsInactivate = {};
+        this._formActionsStart = {};
+        this._formActionsFinish = {};
+        this._fieldInputValidation = {};
+        this._fieldValidationsStart = {};
+        this._fieldValidationsFinish = {};
+        // Callback de acciones de tablas
+        this._tableSelectionsStart = {};
+        this._tableSelectionsFinish = {};
+        this._tableActionsStart = {};
+        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.errorFullCode = '';
+        this.errorName = '';
+        this.errorMessage = '';
+        this.errorDetail = '';
+        this.visible = false;
+        this.busy = false;
+        this._eventEmiter = this._eventManager;
+        this.cleanStart();
+        this.customPreProcessing();
+    }
+    get title() { return this.getTitle() ?? ''; }
+    set title(title) { this.setTitle(title); }
+    getTitle() { return this._formStructure?.getTitle(); }
+    setTitle(title) { return this._formStructure?.setTitle(title); }
+    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); }
+    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) ?? null; }
+    getFieldOptionText(code) { return this._formStructure?.getFieldOptionText(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(inputCodes, required) { return this._formStructure?.setFieldRequired(inputCodes, required); }
+    setFieldErrorMessage(code, errorMessage) { return this._formStructure?.setFieldErrorMessage(code, errorMessage); }
+    setFieldError(code, errorCode, message, type) { return this._formStructure?.setFieldError(code, errorCode, message, type); }
+    setFieldIntrinsicErrorMessage(code, message) {
+        return this._formStructure?.setFieldIntrinsicErrorMessage(code, message);
+    }
+    setFieldOptions(code, optionsArray, idAttribute, nameAttribute) {
+        return this._formStructure?.setFieldOptions(code, optionsArray, idAttribute, nameAttribute);
+    }
+    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);
+    }
+    applyProcessToAllFields(processFunc) {
+        return this._formStructure?.applyOnFields(processFunc);
+    }
+    cleanFields(codes, secCode, subCode) {
+        return this._formStructure?.cleanFields(codes, secCode, subCode);
+    }
+    getRequiredFields(codes, secCode, subCode) {
+        return this._formStructure?.getRequiredFields(codes, secCode, subCode);
+    }
+    getRequiredEmptyFields(codes, secCode, subCode) {
+        return this._formStructure?.getRequiredEmptyFields(codes, secCode, subCode) ?? null;
+    }
+    getChangedFields(codes, secCode, subCode) {
+        return this._formStructure?.getChangedFields(codes, secCode, subCode);
+    }
+    getFieldsWithValidationIssues(codes, secCode, subCode) {
+        return this._formStructure?.getFieldsWithValidationIssues(codes, secCode, subCode);
+    }
+    tagFieldsWithError(errorMessage, codes, secCode, subCode) {
+        return this._formStructure?.tagFieldsWithError(errorMessage, codes, secCode, subCode);
+    }
+    cleanErrorFields(codes, secCode, subCode) {
+        return this._formStructure?.cleanErrorFields(codes, secCode, subCode);
+    }
+    showLabelFields(codes, secCode, subCode) {
+        return this._formStructure?.showLabelFields(codes, secCode, subCode);
+    }
+    hideLabelFields(codes, secCode, subCode) {
+        return this._formStructure?.hideLabelFields(codes, secCode, subCode);
+    }
+    enableFields(codes, secCode, subCode) {
+        return this._formStructure?.enableFields(codes, secCode, subCode);
+    }
+    disableFields(codes, secCode, subCode) {
+        return this._formStructure?.disableFields(codes, secCode, subCode);
+    }
+    /**
+     * @deprecated Use enableFields
+     */
+    enableEditFields(codes, secCode, subCode) {
+        return this.enableFields(codes, secCode, subCode);
+    }
+    /**
+     * @deprecated Use disableFields
+     */
+    disableEditFields(codes, secCode, subCode) {
+        return this.disableFields(codes, secCode, subCode);
+    }
+    showFields(codes, secCode, subCode) {
+        return this._formStructure?.showFields(codes, secCode, subCode);
+    }
+    hideFields(codes, secCode, subCode) {
+        return this._formStructure?.hideFields(codes, secCode, subCode);
+    }
+    getActionsByAttribute(name, value) {
+        return this._formStructure?.getActionsByAttribute(name, value);
+    }
+    getHeaderActions() {
+        return this._formStructure?.getActionsByAttribute('location', HEADER$1);
+    }
+    getAction(actionCode) {
+        return this._formStructure?.getAction(actionCode) ?? null;
+    }
+    showActions(actionArray) {
+        return this._formStructure?.showActions(actionArray);
+    }
+    hideActions(actionArray) {
+        return this._formStructure?.hideActions(actionArray);
+    }
+    enableActions(actionArray) {
+        return this._formStructure?.enableActions(actionArray);
+    }
+    disableActions(actionArray) {
+        return this._formStructure?.disableActions(actionArray);
+    }
+    showAction(code) {
+        return this._formStructure?.showActions(code);
+    }
+    hideAction(code) {
+        return this._formStructure?.hideActions(code);
+    }
+    enableAction(code) {
+        return this._formStructure?.enableActions(code);
+    }
+    disableAction(code) {
+        return this._formStructure?.disableActions(code);
+    }
+    getSections() {
+        return this._formStructure?.getSections() ?? null;
+    }
+    activateSection(code) {
+        return this._formStructure?.activateSection(code);
+    }
+    getSectionsTitles() {
+        return this._formStructure?.getSections().map(sec => sec.title) ?? null;
+    }
+    getSection(code) {
+        return this._formStructure?.getSection(code) ?? null;
+    }
+    showSection(code) {
+        return this._formStructure?.showSections(code);
+    }
+    hideSection(code) {
+        return this._formStructure?.hideSections(code);
+    }
+    showSections(codes) {
+        return this._formStructure?.showSections(codes);
+    }
+    hideSections(codes) {
+        return this._formStructure?.hideSections(codes);
+    }
+    getSubSection(code, subCode) {
+        return this._formStructure?.getSubSection(code, subCode) ?? null;
+    }
+    showSubSection(code, subCode) {
+        return this._formStructure?.showSubSections(code, subCode);
+    }
+    hideSubSection(code, subCode) {
+        return this._formStructure?.hideSubSections(code, subCode);
+    }
+    showSubSections(code, subCodes) {
+        return this._formStructure?.showSubSections(code, subCodes);
+    }
+    hideSubSections(code, subCodes) {
+        return this._formStructure?.hideSubSections(code, subCodes);
+    }
+    getSectionActions(code) {
+        return this._formStructure?.getSectionActions(code) ?? null;
+    }
+    getSectionActionNames(code) {
+        return this._formStructure?.getSectionActionNames(code) ?? null;
+    }
+    getTables() {
+        return this._formStructure?.getTables();
+    }
+    showTables(codes) {
+        return this._formStructure?.showTables(codes);
+    }
+    hideTables(codes) {
+        return this._formStructure?.hideTables(codes);
+    }
+    cleanTables(codes) {
+        return this._formStructure?.cleanTables(codes);
+    }
+    getTable(code) {
+        return this._formStructure?.getTable(code) ?? null;
+    }
+    showTable(code) {
+        return this._formStructure?.showTables(code);
+    }
+    hideTable(code) {
+        return this._formStructure?.hideTables(code);
+    }
+    cleanTable(code) {
+        return this._formStructure?.getTable(code)?.clean();
+    }
+    getTableRecord(code, recordId) {
+        return this._formStructure?.getTableRecord(code, recordId);
+    }
+    setConfig(formConfig) {
+        this.formConfig = formConfig;
+    }
+    cleanStart() {
+        this._errorType = '';
+        this.errorCode = '';
+        this.errorFullCode = '';
+        this.errorName = '';
+        this.errorMessage = '';
+        this.errorDetail = '';
+        this._formStructure = null;
+        this.fields = null;
+        this.actions = null;
+        this.sections = null;
+        this._controlToken = null;
+        this.inputDataFields = {};
+        this._definitionObtained = false;
+        // Se limpian los manejadores de eventos
+        this.visible = false;
+        this.busy = false;
+        this._formSectionsCanDeactivate = {};
+        this._formSectionsActivate = {};
+        this._formSectionsInactivate = {};
+        this._formActionsStart = {};
+        this._formActionsFinish = {};
+        this._fieldInputValidation = {};
+        this._fieldValidationsStart = {};
+        this._fieldValidationsFinish = {};
+        this._tableSelectionsStart = {};
+        this._tableSelectionsFinish = {};
+        this._tableActionsStart = {};
+        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 ?? ''; }
+    set formCode(name) { this.name = name; }
+    get inServerProcess() { return this.busy; }
+    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); }
+    get immutableData() { return this._formStructure?.immutableData; }
+    get extraInfo() { return this._formStructure?.extraInfo; }
+    get visibleSections() { return this._formStructure?.visibleSections ?? null; }
+    get formRoute() { return this._formRoute ?? ''; }
+    set formRoute(route) { this._formRoute = route; }
+    get subject() { return this.formSubject ?? ''; }
+    // Métodos virtuales
+    customPreProcessing() { }
+    start() { }
+    customFormStart() { }
+    displayActionServerError() { }
+    displayValidationServerError() { }
+    displayTableServerError() { }
+    showFieldInfo(code, detail) { }
+    showModalDialog(title, body, options, callback, params) { }
+    openUploadDialog(title, body, options, callback, params) { }
+    /**
+     * @deprecated Use supportState
+     */
+    supportMode(state) { return this.supportState(state); }
+    /**
+     * @deprecated Use getField
+     */
+    getFieldObject(code) { return this.getField(code); }
+    /**
+     * @deprecated Use getAction
+     */
+    getActionObject(code) { return this.getAction(code); }
+    /**
+     * @deprecated Use getTable
+     */
+    getTableObject(code) { return this.getTable(code); }
+    /**
+     * @deprecated Use getSection
+     */
+    getSectionObject(code) { return this.getSection(code); }
+    /**
+     * @deprecated Use changeState
+     */
+    changeFormMode(state) { return this.changeState(state); }
+    /**
+     * @deprecated Use subject
+     */
+    getFormSubject() { return this.subject; }
+    /**
+     * @deprecated Use subject
+     */
+    getSubject() { return this.formSubject ?? ''; }
+    /**
+     * @deprecated Use subject
+     */
+    getformSubject() { return this.formSubject ?? ''; }
+    numSections() { return this._formStructure?.sections.length; }
+    subscribeAppEvent(eventName, callback) {
+        this._eventEmiter.subscribe(eventName, callback);
+    }
+    openForm(name, data = null, backData = null, cleanStack = false) {
+        let origin = null;
+        if (!cleanStack) {
+            origin = { ...backData, name: this.name, url: this._formRoute, token: this._controlToken };
+            origin.subject = origin?.subject ?? this.formSubject;
+            origin.state = origin?.state ?? this.state;
+            origin.fields = origin?.fields ?? {};
+            origin.extra = origin?.extra ?? {};
+        }
+        const target = { ...data, name };
+        target.subject = target?.subject ?? null;
+        target.state = target?.state ?? null;
+        target.fields = target?.fields ?? {};
+        target.extra = target?.extra ?? {};
+        this.formManagerService.openForm(origin, target);
+    }
+    canGoBack() { return this._originToken !== null; }
+    goBack() { return this.formManagerService.backTo(); }
+    goBackForm() { return this.goBack(); }
+    getOriginDetail() { return this.formManagerService?.getFormInfo(this._originToken ?? ''); }
+    setError(errorType, errorMessage, errorDetail) {
+        this._errorType = errorType || '';
+        this.errorMessage = errorMessage || '';
+        this.errorDetail = errorDetail || '';
+    }
+    resetError() {
+        this.errorCode = NO_ERROR;
+        this.errorFullCode = '';
+        this.errorName = '';
+        this.errorMessage = '';
+        this.errorDetail = '';
+    }
+    getErrorType() { return this._errorType; }
+    getErrorMessage() { return this.errorMessage; }
+    getErrorDetail() { return this.errorDetail; }
+    getErrorName() { return this.errorName; }
+    getErrorFullCode() { return this.errorFullCode; }
+    getErrorCode() { return this.errorCode; }
+    getFormParameter(name) {
+        return (name) ? (this.extraData?.[name] ?? null) : null;
+    }
+    preocessInputParams(params) {
+        this._controlToken = params?.[TOKEN] ?? null;
+        this.formSubject = params?.[SUBJECT] ?? null;
+        const tokenInfo = (this._controlToken) ? this.formManagerService.getFormInfo(this._controlToken) : {};
+        const { token, subject, state, fields, extra, originToken } = tokenInfo;
+        if (token && this._controlToken === token) {
+            this.formSubject = this.formSubject ?? subject ?? null;
+            this.inputDataFields = fields;
+            this.extraData = extra;
+            this._originToken = originToken;
+            return state;
+        }
+        return null;
+    }
+    subscribeSectionActivation() {
+        const formSections = this._formStructure?.sections;
+        const sectionNames = Object.keys(formSections);
+        for (let index = 0; index < sectionNames.length; index++) {
+            const sectionName = sectionNames[index];
+            const section = formSections[sectionName];
+            section.activation.subscribe((code) => this.launchSectionActivation(code));
+            section.inactivation.subscribe((code) => this.launchSectionInactivation(code));
+            // Adicionalmente se le pide a la sección se subscriba al cambio de estado del formulario
+            section.subscribeFormStateChange(this._formStructure?.stateChange);
+        }
+    }
+    subscribeFieldsSubjects() {
+        const formFields = this._formStructure?.getFields();
+        if (Array.isArray(formFields)) {
+            formFields.forEach(field => {
+                field.editionFinish.subscribe(event => {
+                    const { code, intrinsicValidation } = event;
+                    this.startFieldValidation(code, intrinsicValidation);
+                });
+                field.editionPartial.subscribe(event => {
+                    const { code, intrinsicValidation } = event;
+                    this.startFieldInputValidation(code, intrinsicValidation);
+                });
+                field.detailRequest.subscribe(event => this.showFieldInfo(event.code, event.detail));
+                // Adicionalmente se le pide al campo se subscriba al cambio de estado del formulario
+                field.subscribeFormStateChange(this._formStructure?.stateChange);
+            });
+        }
+    }
+    subscribeActionSubjects() {
+        const formActions = this._formStructure?.getActions();
+        if (Array.isArray(formActions)) {
+            formActions.forEach(action => {
+                action.actionActivated.subscribe(code => this.startAction(code));
+                // Adicionalmente se le pide a la acción se subscriba al cambio de estado del formulario
+                action.subscribeFormStateChange(this._formStructure?.stateChange);
+            });
+        }
+    }
+    subscribeTableSubjects() {
+        const formTables = this._formStructure?.getTables();
+        if (Array.isArray(formTables)) {
+            formTables.forEach(table => {
+                table.inlineActionTrigger.subscribe(event => this.startTableAction(event));
+                table.globalActionTrigger.subscribe(event => this.startTableGlobalAction(event));
+                table.recordSelectionTrigger.subscribe(event => this.startTableRecordSelection(event));
+                table.selectionActionTrigger.subscribe(event => this.startTableSelectionAction(event));
+                table.getDataTrigger.subscribe(event => this.startTableGetData(event));
+                // Adicionalmente se le pide a la tabla se subscriba al cambio de estado del formulario
+                table.subscribeFormStateChange(this._formStructure?.stateChange);
+            });
+        }
+    }
+    async formInit(params, forceReload = false) {
+        let initialState = this.preocessInputParams(params);
+        if (!this.name) {
+            return;
+        }
+        if (forceReload || !this._definitionObtained) {
+            this.busy = true;
+            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._definitionObtained = true;
+        }
+        else {
+            this.cleanData();
+        }
+        if (!this.supportState(initialState)) {
+            initialState = this._formStructure?.defaultState ?? null;
+        }
+        const inputFieldNames = Object.keys(this.inputDataFields);
+        for (let index = 0; index < inputFieldNames.length; index++) {
+            const code = inputFieldNames[index];
+            const fieldValue = this.inputDataFields[code];
+            this.setFieldValue(code, fieldValue);
+        }
+        this.subscribeSectionActivation();
+        this.subscribeFieldsSubjects();
+        this.subscribeActionSubjects();
+        this.subscribeTableSubjects();
+        // Se define el estado inicial y se solicita la acción inicial
+        this._formStructure?.changeState(initialState || this._formStructure?.defaultState);
+        const recordResponse = await this.requestFormAction(formActions.getData);
+        this.checkErrorRecordReceived(recordResponse);
+        this.visible = true;
+        this.enabledSections = this._formStructure?.visibleSections ?? [];
+        this.start();
+        this.customFormStart();
+    }
+    checkErrorRecordReceived(recordResponse) {
+        const { error } = recordResponse;
+        if (!error) {
+            return false;
+        }
+        this.errorCode = recordResponse.errorCode;
+        this.errorFullCode = recordResponse.errorFullCode;
+        this.errorName = recordResponse.errorName;
+        this.errorMessage = recordResponse.errorMessage;
+        this.errorDetail = recordResponse.errorDetail;
+        return true;
+    }
+    errorOccured() {
+        return (this.errorCode !== NO_ERROR);
+    }
+    /**
+     * Soporte manejo de eventos de formulario
+     */
+    async requestFormAction(actionCode, actionSubject = {}) {
+        const actionDetail = {
+            formCode: this.name,
+            formSubject: this.formSubject,
+            currentMode: this._formStructure?.state,
+            actionCode,
+            actionSubject,
+            version: PAYLOAD_VERSION,
+            formData: this._formStructure?.getPayload(),
+            immutableData: this._formStructure?.immutableData,
+        };
+        this.errorCode = NO_ERROR;
+        this.errorFullCode = '';
+        this.errorName = '';
+        this.errorMessage = '';
+        this.errorDetail = '';
+        this.busy = true;
+        const formActionResponse = await this.formManagerService.execServerAction(actionDetail);
+        this.busy = false;
+        if (formActionResponse.hasError()) {
+            const error = formActionResponse.error;
+            this.errorCode = error.errorCode;
+            this.errorFullCode = error.errorFullCode;
+            this.errorName = error.errorName;
+            this.errorMessage = error.errorMessage;
+            this.errorDetail = error.errorDetail;
+        }
+        const formResponseData = formActionResponse.getData();
+        this.updateFormWithServerData(formResponseData);
+        return formResponseData;
+    }
+    updateFormWithServerData(formContent) {
+        const { currentMode, formSubject, actions, fields, recordTables, returnedFile, immutableData, extraInfo, } = formContent;
+        currentMode && this.changeState(currentMode);
+        if (formSubject) {
+            this.formSubject = formSubject;
+        }
+        if (actions && actions.length > 0) {
+            for (const changedAction of actions) {
+                const actionObject = this.getAction(changedAction.actionCode);
+                if (actionObject) {
+                    actionObject.updateFromServer(changedAction);
+                }
+            }
+        }
+        if (fields && fields.length > 0) {
+            for (const changedField of fields) {
+                const fieldObject = this.getField(changedField.fieldCode);
+                if (fieldObject) {
+                    fieldObject.updateFromServer(changedField);
+                }
+            }
+        }
+        if (recordTables && recordTables.length > 0) {
+            for (const changedTable of recordTables) {
+                const tableObject = this.getTable(changedTable.tableCode);
+                if (tableObject) {
+                    tableObject.updateFromServer(changedTable);
+                }
+            }
+        }
+        if (returnedFile && returnedFile.file) {
+            this.fileMgmtServices.saveFile(returnedFile.file, returnedFile.name, returnedFile.type);
+        }
+        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
+     */
+    onSectionCanDeactivate(codes, callback, properties = null) {
+        const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        sectionSet.forEach((sectionName) => {
+            if (!this._formSectionsCanDeactivate[sectionName]) {
+                this._formSectionsCanDeactivate[sectionName] = [];
+            }
+            this._formSectionsCanDeactivate[sectionName].push({ callback, properties });
+        });
+    }
+    onSectionActivation(codes, callback, properties = null) {
+        const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        sectionSet.forEach((sectionName) => {
+            if (!this._formSectionsActivate[sectionName]) {
+                this._formSectionsActivate[sectionName] = [];
+            }
+            this._formSectionsActivate[sectionName].push({ callback, properties });
+        });
+    }
+    onSectionInactivation(codes, callback, properties = null) {
+        const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        sectionSet.forEach((sectionName) => {
+            if (!this._formSectionsInactivate[sectionName]) {
+                this._formSectionsInactivate[sectionName] = [];
+            }
+            this._formSectionsInactivate[sectionName].push({ callback, properties });
+        });
+    }
+    onActionStart(codes, callback, properties = null) {
+        const actionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        actionSet.forEach((actionName) => {
+            if (!this._formActionsStart[actionName]) {
+                this._formActionsStart[actionName] = [];
+            }
+            this._formActionsStart[actionName].push({ callback, properties });
+        });
+    }
+    onActionFinish(codes, callback, properties = null) {
+        const actionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        actionSet.forEach((actionName) => {
+            if (!this._formActionsFinish[actionName]) {
+                this._formActionsFinish[actionName] = [];
+            }
+            this._formActionsFinish[actionName].push({ callback, properties });
+        });
+    }
+    async verifySectionActivation(code) {
+        const sectionObject = this._formStructure?.getSection(code);
+        if (!sectionObject) {
+            return false;
+        }
+        const clientSectionMethods = this._formSectionsCanDeactivate[code];
+        if (clientSectionMethods) {
+            for (const clientSectionMethod of clientSectionMethods) {
+                const { callback, properties } = clientSectionMethod;
+                const canActivate = callback(sectionObject);
+                if (canActivate === false) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    async launchSectionActivation(code) {
+        this.notifyFormActivity();
+        const sectionObject = this._formStructure?.getSection(code);
+        if (!sectionObject) {
+            return;
+        }
+        const clientSectionMethods = this._formSectionsActivate[code];
+        if (clientSectionMethods) {
+            for (const clientSectionMethod of clientSectionMethods) {
+                const { callback, properties } = clientSectionMethod;
+                callback(sectionObject);
+            }
+        }
+    }
+    async launchSectionInactivation(code) {
+        this.notifyFormActivity();
+        const sectionObject = this._formStructure?.getSection(code);
+        if (!sectionObject) {
+            return;
+        }
+        const clientSectionMethods = this._formSectionsInactivate[code];
+        if (clientSectionMethods) {
+            for (const clientSectionMethod of clientSectionMethods) {
+                const { callback, properties } = clientSectionMethod;
+                callback(sectionObject);
+            }
+        }
+    }
+    async startAction(code) {
+        this.notifyFormActivity();
+        const actionObject = this.getAction(code);
+        if (!actionObject) {
+            return;
+        }
+        this.resetError();
+        actionObject.start();
+        const clientActionMethods = this._formActionsStart[code];
+        if (clientActionMethods) {
+            const clientActionPromises = [];
+            for (const clientActionMethod of clientActionMethods) {
+                const { callback, properties } = clientActionMethod;
+                const continueActionPromise = callback(actionObject);
+                clientActionPromises.push(continueActionPromise);
+            }
+            const clientActionResults = await Promise.all(clientActionPromises);
+            const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueAction) {
+                actionObject.stop();
+                return;
+            }
+        }
+        this.startServerAction(actionObject);
+    }
+    async startServerAction(actionInput) {
+        const action = (typeof actionInput === 'string')
+            ? this.getAction(actionInput) : actionInput;
+        let serverError = false;
+        let actionResult = null;
+        if (action.backend) {
+            actionResult = await this.requestFormAction(action.actionCode);
+            serverError = !!this.errorOccured();
+        }
+        await this.finishAction(action, actionResult, serverError);
+        if (!serverError) {
+            action.newState && this.changeState(action.newState);
+        }
+        else {
+            for (let index = 0; index < this._actionServerError.length; index++) {
+                const { callback, properties } = this._actionServerError[index];
+                callback(action);
+            }
+        }
+        action.stop();
+    }
+    async finishAction(action, actionResult, serverError = false) {
+        const finishActionMethods = this._formActionsFinish[action.actionCode];
+        if (finishActionMethods) {
+            const clientActionPromises = [];
+            for (const clientActionMethod of finishActionMethods) {
+                const { callback, properties } = clientActionMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (callback && (!serverError || continueOnError)) {
+                    clientActionPromises.push(callback(action, actionResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    completeGlobalAction(action) {
+        return this.startServerAction(action);
+    }
+    /**
+     * Manejadores de eventos para validaciones sobre campos
+     */
+    onFieldInput(codes, callback, properties = null) {
+        const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        fieldSet.forEach((code) => {
+            if (!this._fieldInputValidation[code]) {
+                this._fieldInputValidation[code] = [];
+            }
+            this._fieldInputValidation[code].push({ callback, properties });
+        });
+    }
+    onFieldValidationStart(codes, callback, properties = null) {
+        const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        fieldSet.forEach((code) => {
+            if (!this._fieldValidationsStart[code]) {
+                this._fieldValidationsStart[code] = [];
+            }
+            this._fieldValidationsStart[code].push({ callback, properties });
+        });
+    }
+    onFieldValidationFinish(codes, callback, properties = null) {
+        const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        fieldSet.forEach((code) => {
+            if (!this._fieldValidationsFinish[code]) {
+                this._fieldValidationsFinish[code] = [];
+            }
+            this._fieldValidationsFinish[code].push({ callback, properties });
+        });
+    }
+    async startFieldInputValidation(code, intrinsicValidation = true) {
+        this.notifyFormActivity();
+        const fieldToValidate = this.getField(code);
+        if (!fieldToValidate) {
+            return false;
+        }
+        const validationCallbacks = this._fieldInputValidation[code];
+        if (validationCallbacks) {
+            const clientValidationPromises = [];
+            for (const validationMethod of validationCallbacks) {
+                const { callback, properties } = validationMethod;
+                const continueValidationPromise = callback(fieldToValidate);
+                clientValidationPromises.push(continueValidationPromise);
+            }
+            await Promise.all(clientValidationPromises);
+        }
+        return true;
+    }
+    async startFieldValidation(code, intrinsicValidation = true) {
+        this.notifyFormActivity();
+        const fieldToValidate = this.getField(code);
+        if (!fieldToValidate) {
+            return;
+        }
+        const validationCallbacks = this._fieldValidationsStart[code];
+        if (validationCallbacks) {
+            const clientValidationPromises = [];
+            for (const validationMethod of validationCallbacks) {
+                const { callback, properties } = validationMethod;
+                const clientValidationPromise = callback(fieldToValidate);
+                clientValidationPromises.push(clientValidationPromise);
+            }
+            const clientValidationResults = await Promise.all(clientValidationPromises);
+            const continueValidation = clientValidationResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueValidation) {
+                return;
+            }
+        }
+        if (intrinsicValidation) {
+            this.startServerFieldValidation(fieldToValidate);
+        }
+    }
+    async startServerFieldValidation(inputField) {
+        const fieldObj = (typeof inputField === 'string')
+            ? this.getField(inputField) : inputField;
+        let serverError = false;
+        let validationResult = true;
+        if (!fieldObj) {
+            return;
+        }
+        if (fieldObj.backend) {
+            fieldObj.validating = true;
+            validationResult = await this
+                .requestFormAction(formActions.validate, fieldObj.code);
+            serverError = !!this.errorOccured();
+        }
+        if (serverError) {
+            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);
+            }
+        }
+        await this.finishFieldValidation(fieldObj, validationResult, serverError);
+        fieldObj.validating = false;
+    }
+    async finishFieldValidation(fieldObject, validationResult, serverError = false) {
+        const validationCallbacks = this._fieldValidationsFinish[fieldObject.code];
+        if (validationCallbacks) {
+            const clientActionPromises = [];
+            for (const validationMethod of validationCallbacks) {
+                const { callback, properties } = validationMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (!serverError || continueOnError) {
+                    clientActionPromises.push(callback(fieldObject, validationResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    async continueFieldValidation(code) {
+        return this.startServerFieldValidation(code);
+    }
+    /**
+     * Manejadores de eventos para acciones sobre Tablas
+     */
+    onTableActionStart(code, actionCode, callback, properties = null) {
+        const tableObject = this.getTable(code);
+        if (!tableObject) {
+            return;
+        }
+        const inlineActionObject = tableObject.getAction(actionCode);
+        if (!inlineActionObject) {
+            return;
+        }
+        let tableEventHandlers;
+        if (this._tableActionsStart[code]) {
+            tableEventHandlers = this._tableActionsStart[code];
+        }
+        else {
+            tableEventHandlers = {};
+            this._tableActionsStart[code] = tableEventHandlers;
+        }
+        if (!tableEventHandlers[actionCode]) {
+            tableEventHandlers[actionCode] = [];
+        }
+        tableEventHandlers[actionCode].push({ callback, properties });
+    }
+    onTableActionFinish(code, actionCode, callback, properties = null) {
+        const tableObject = this.getTable(code);
+        if (!tableObject) {
+            return;
+        }
+        const inlineActionObject = tableObject.getAction(actionCode);
+        if (!inlineActionObject) {
+            return;
+        }
+        let tableEventHandlers;
+        if (this._tableActionsFinish[code]) {
+            tableEventHandlers = this._tableActionsFinish[code];
+        }
+        else {
+            tableEventHandlers = {};
+            this._tableActionsFinish[code] = tableEventHandlers;
+        }
+        if (!tableEventHandlers[actionCode]) {
+            tableEventHandlers[actionCode] = [];
+        }
+        tableEventHandlers[actionCode].push({ callback, properties });
+    }
+    onTableSelectionStart(code, callback, properties = null) {
+        const tableObject = this.getTable(code);
+        if (!tableObject) {
+            return;
+        }
+        let tableEventHandlers;
+        if (this._tableSelectionsStart[code]) {
+            tableEventHandlers = this._tableSelectionsStart[code];
+        }
+        else {
+            tableEventHandlers = [];
+            this._tableSelectionsStart[code] = tableEventHandlers;
+        }
+        tableEventHandlers.push({ callback, properties });
+    }
+    onTableSelectionFinish(code, callback, properties = null) {
+        const tableObject = this.getTable(code);
+        if (!tableObject) {
+            return;
+        }
+        let tableEventHandlers;
+        if (this._tableSelectionsFinish[code]) {
+            tableEventHandlers = this._tableSelectionsFinish[code];
+        }
+        else {
+            tableEventHandlers = [];
+            this._tableSelectionsFinish[code] = tableEventHandlers;
+        }
+        tableEventHandlers.push({ callback, properties });
+    }
+    onTableGetDataStart(code, callback, properties = null) {
+        const tableObject = this.getTable(code);
+        if (!tableObject) {
+            return;
+        }
+        let tableEventHandlers;
+        if (this._tableGetDataStart[code]) {
+            tableEventHandlers = this._tableGetDataStart[code];
+        }
+        else {
+            tableEventHandlers = [];
+            this._tableGetDataStart[code] = tableEventHandlers;
+        }
+        tableEventHandlers.push({ callback, properties });
+    }
+    onTableGetDataFinish(code, callback, properties = null) {
+        const tableObject = this.getTable(code);
+        if (!tableObject) {
+            return;
+        }
+        let tableEventHandlers;
+        if (this._tableGetDataFinish[code]) {
+            tableEventHandlers = this._tableGetDataFinish[code];
+        }
+        else {
+            tableEventHandlers = {};
+            this._tableGetDataFinish[code] = tableEventHandlers;
+        }
+        tableEventHandlers[GET_DATA_ACTION] = { callback, properties };
+    }
+    async startTableGlobalAction(tableActionEvent) {
+        this.notifyFormActivity();
+        const { tableCode, actionCode } = tableActionEvent;
+        const tableObject = this.getTable(tableCode);
+        if (!tableObject || !actionCode) {
+            return;
+        }
+        this.resetError();
+        const action = tableObject.getAction(actionCode);
+        if (!action) {
+            return;
+        }
+        const tableActionDetail = {
+            tableObject,
+            action,
+            tableCode,
+            actionCode,
+        };
+        const tableEventHandlers = this._tableActionsStart[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[actionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const clientActionPromise = callback(tableActionDetail);
+                clientActionPromises.push(clientActionPromise);
+            }
+            const clientActionResults = await Promise.all(clientActionPromises);
+            const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueAction) {
+                return;
+            }
+        }
+        this.startTableServerGlobalAction(tableActionDetail);
+    }
+    async startTableServerGlobalAction(tableActionDetail) {
+        const { tableObject, action, tableCode, actionCode } = tableActionDetail;
+        if (!tableObject || !action) {
+            return;
+        }
+        tableObject.putOnWait();
+        let serverError = false;
+        let actionResult = null;
+        if (action.backend) {
+            const actionSubject = {
+                tableCode,
+                actionType: GLOBAL_ACTION,
+                actionCode
+            };
+            actionResult = await this
+                .requestFormAction(formActions.tableAction, actionSubject);
+            serverError = !!this.errorOccured();
+        }
+        await this.finishTableGlobalAction(tableActionDetail, actionResult, serverError);
+        if (!serverError) {
+            action.newState && this.changeState(action.newState);
+        }
+        else {
+            for (let index = 0; index < this._tableServerError.length; index++) {
+                const { callback, properties } = this._tableServerError[index];
+                callback(tableObject);
+            }
+        }
+        tableObject.freeWaiting();
+    }
+    async finishTableGlobalAction(tableActionDetail, actionResult, serverError = false) {
+        const { tableCode, actionCode } = tableActionDetail;
+        const tableEventHandlers = this._tableActionsFinish[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[actionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (!serverError || continueOnError) {
+                    clientActionPromises.push(callback(tableActionDetail, actionResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    async startTableAction(tableActionEvent) {
+        this.notifyFormActivity();
+        const { tableCode, actionCode, actionDetail } = tableActionEvent;
+        const tableObject = this.getTable(tableCode);
+        if (!tableObject || !actionCode) {
+            return;
+        }
+        this.resetError();
+        const { recordId, recordData } = actionDetail;
+        const action = tableObject.getAction(actionCode);
+        if (!action) {
+            return;
+        }
+        const tableActionDetail = {
+            tableObject,
+            action,
+            tableCode,
+            actionCode,
+            recordId,
+            recordData
+        };
+        const tableEventHandlers = this._tableActionsStart[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[actionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const clientActionPromise = callback(tableActionDetail);
+                clientActionPromises.push(clientActionPromise);
+            }
+            const clientActionResults = await Promise.all(clientActionPromises);
+            const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueAction) {
+                return;
+            }
+        }
+        this.startTableServerAction(tableActionDetail);
+    }
+    async startTableServerAction(tableActionDetail) {
+        const { tableObject, action, tableCode, actionCode, recordId, recordData } = tableActionDetail;
+        if (!tableObject || !action) {
+            return;
+        }
+        tableObject.putOnWait();
+        let serverError = false;
+        let actionResult = null;
+        if (action.backend) {
+            const actionSubject = {
+                tableCode,
+                actionType: this.formConfig?.tableActions.inline,
+                actionCode,
+                tableRecordId: recordId,
+                tableRecordData: recordData
+            };
+            actionResult = await this
+                .requestFormAction(formActions.tableAction, actionSubject);
+            serverError = !!this.errorOccured();
+        }
+        await this.finishTableAction(tableActionDetail, actionResult, serverError);
+        if (!serverError) {
+            action.newState && this.changeState(action.newState);
+        }
+        else {
+            this.displayTableServerError();
+        }
+        tableObject.freeWaiting();
+    }
+    completeInlineAction(tableAction) {
+        return this.startTableServerAction(tableAction);
+    }
+    async finishTableAction(tableActionDetail, actionResult, serverError = false) {
+        const { tableCode, actionCode } = tableActionDetail;
+        const tableEventHandlers = this._tableActionsFinish[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[actionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (!serverError || continueOnError) {
+                    clientActionPromises.push(callback(tableActionDetail, actionResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    async startTableRecordSelection(tableActionEvent) {
+        this.notifyFormActivity();
+        const { tableCode, actionDetail } = tableActionEvent;
+        const tableObject = this.getTable(tableCode);
+        if (!tableObject) {
+            return;
+        }
+        this.resetError();
+        const { recordId, recordData } = actionDetail;
+        const tableSelectionDetail = {
+            tableObject,
+            tableCode,
+            recordId,
+            recordData
+        };
+        const tableEventHandlers = this._tableSelectionsStart[tableCode];
+        if (tableEventHandlers) {
+            const clientActionPromises = [];
+            for (const tableSelectionMethod of tableEventHandlers) {
+                const { callback, properties } = tableSelectionMethod;
+                const clientActionPromise = callback(tableSelectionDetail);
+                clientActionPromises.push(clientActionPromise);
+            }
+            const clientActionResults = await Promise.all(clientActionPromises);
+            const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueAction) {
+                return;
+            }
+        }
+        this.startTableServerRecordSelection(tableSelectionDetail);
+    }
+    async startTableServerRecordSelection(tableSelectionDetail) {
+        const { tableObject, tableCode, recordId, recordData } = tableSelectionDetail;
+        if (!tableObject) {
+            return;
+        }
+        tableObject.putOnWait();
+        let serverError = false;
+        let actionResult = null;
+        if (tableObject.selectionBackend) {
+            const actionSubject = {
+                tableCode,
+                actionType: this.formConfig?.tableActions.rowSelection,
+                actionCode: null,
+                tableRecordId: recordId,
+                tableRecordData: recordData
+            };
+            actionResult = await this
+                .requestFormAction(formActions.tableAction, actionSubject);
+            serverError = !!this.errorOccured();
+        }
+        await this.finishTableRecordSelection(tableSelectionDetail, actionResult, serverError);
+        if (serverError) {
+            this.displayTableServerError();
+        }
+        tableObject.freeWaiting();
+    }
+    async finishTableRecordSelection(tableSelectionDetail, actionResult, serverError = false) {
+        const { tableCode } = tableSelectionDetail;
+        const tableEventHandlers = this._tableSelectionsFinish[tableCode];
+        if (tableEventHandlers) {
+            const clientActionPromises = [];
+            for (const tableSelectionMethod of tableEventHandlers) {
+                const { callback, properties } = tableSelectionMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (!serverError || continueOnError) {
+                    clientActionPromises.push(callback(tableSelectionDetail, actionResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    async startTableSelectionAction(tableActionEvent) {
+        this.notifyFormActivity();
+        const { tableCode, actionCode, actionDetail } = tableActionEvent;
+        const tableObject = this.getTable(tableCode);
+        if (!tableObject || !actionCode) {
+            return;
+        }
+        this.resetError();
+        const { selectedRecords } = actionDetail;
+        const action = tableObject.getAction(actionCode);
+        if (!action) {
+            return;
+        }
+        const tableActionDetail = {
+            tableObject,
+            action,
+            tableCode,
+            actionCode,
+            selectedRecords
+        };
+        const tableEventHandlers = this._tableActionsStart[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[actionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const clientActionPromise = callback(tableActionDetail);
+                clientActionPromises.push(clientActionPromise);
+            }
+            const clientActionResults = await Promise.all(clientActionPromises);
+            const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueAction) {
+                return;
+            }
+        }
+        this.startTableServerSelectionAction(tableActionDetail);
+    }
+    async startTableServerSelectionAction(tableActionDetail) {
+        const { tableObject, action, tableCode, actionCode, selectedRecords } = tableActionDetail;
+        if (!tableObject || !action) {
+            return;
+        }
+        tableObject.putOnWait();
+        let serverError = false;
+        let actionResult = null;
+        if (action.backend) {
+            const actionSubject = {
+                tableCode,
+                actionType: this.formConfig?.tableActions.selection,
+                actionCode,
+                selectedRecords
+            };
+            actionResult = await this
+                .requestFormAction(formActions.tableAction, actionSubject);
+            serverError = !!this.errorOccured();
+        }
+        await this.finishTableSelectionAction(tableActionDetail, actionResult, serverError);
+        if (!serverError) {
+            action.newState && this.changeState(action.newState);
+        }
+        else {
+            this.displayTableServerError();
+        }
+        tableObject.freeWaiting();
+    }
+    async finishTableSelectionAction(tableActionDetail, actionResult, serverError = false) {
+        const { tableCode, actionCode } = tableActionDetail;
+        const tableEventHandlers = this._tableActionsFinish[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[actionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (!serverError || continueOnError) {
+                    clientActionPromises.push(callback(tableActionDetail, actionResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    async startTableGetData(tableActionEvent) {
+        this.notifyFormActivity();
+        const { tableCode } = tableActionEvent;
+        const tableObject = this.getTable(tableCode);
+        const tableActionDetail = {
+            tableObject,
+            tableCode
+        };
+        this.resetError();
+        const tableEventHandlers = this._tableGetDataStart[tableCode];
+        if (tableEventHandlers) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableEventHandlers) {
+                const { callback, properties } = tableActionMethod;
+                const clientActionPromise = callback(tableActionDetail);
+                clientActionPromises.push(clientActionPromise);
+            }
+            const clientActionResults = await Promise.all(clientActionPromises);
+            const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            if (!continueAction) {
+                return;
+            }
+        }
+        this.startTableServerGetData(tableActionDetail);
+    }
+    async startTableServerGetData(tableActionDetail) {
+        const { tableObject, tableCode } = tableActionDetail;
+        tableObject.putOnWait();
+        let serverError = false;
+        const actionSubject = { tableCode };
+        const actionResult = await this
+            .requestFormAction(formActions.getTableData, actionSubject);
+        serverError = !!this.errorOccured();
+        await this.finishTableGetData(tableActionDetail, actionResult, serverError);
+        if (serverError) {
+            this.displayTableServerError();
+        }
+        tableObject.freeWaiting();
+    }
+    async finishTableGetData(tableActionDetail, actionResult, serverError = false) {
+        const { tableCode, tableActionCode } = tableActionDetail;
+        const tableEventHandlers = this._tableActionsFinish[tableCode];
+        const tableActionMethods = (tableEventHandlers) ? tableEventHandlers[tableActionCode] : null;
+        if (tableActionMethods) {
+            const clientActionPromises = [];
+            for (const tableActionMethod of tableActionMethods) {
+                const { callback, properties } = tableActionMethod;
+                const continueOnError = properties?.continueOnError ?? false;
+                if (!serverError || continueOnError) {
+                    clientActionPromises.push(callback(tableActionDetail, actionResult));
+                }
+            }
+            await Promise.all(clientActionPromises);
+        }
+    }
+    checkSectionRequiredFields(sectionCode, reqFieldMessage) {
+        this.cleanErrorFields(null, sectionCode);
+        const requiredFieldMessage = reqFieldMessage ?? this.formConfig?.formStandardErrors.requiredField;
+        const numErrors = this.tagFieldsWithError(requiredFieldMessage, this.getRequiredEmptyFields(null, sectionCode));
+        return (numErrors === 0);
+    }
+    validateSectionConsistency(sectionCode, reqFieldMessage) {
+        this.resetError();
+        const completeFields = this.checkSectionRequiredFields(sectionCode, reqFieldMessage);
+        if (!completeFields) {
+            this.setError(this.formConfig?.formStandardErrors.typeWarning, this.formConfig?.formStandardErrors.validationTitle, this.formConfig?.formStandardErrors.requiredFields);
+            return false;
+        }
+        let validationError = false;
+        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);
+            for (const code of requiredEmptyFields) {
+                const requiredEmptyField = this.getField(code);
+                requiredEmptyField?.focus();
+                break;
+            }
+        }
+        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 code of validationIssueFields) {
+                const validationIssueField = this.getField(code);
+                if (validationIssueField) {
+                    validationIssueField.focus();
+                }
+                break;
+            }
+        }
+        return validationError;
+    }
+    copyTableRecordToFields(tableObj, mappingTable = null) {
+        const tableObject = this.getTable(tableObj.tableCode);
+        const tableRecord = tableObject?.getTableRecord(tableObj.recordId);
+        const columnNames = tableObject?.columnNames;
+        if (tableRecord && columnNames) {
+            for (const columnName of columnNames) {
+                const columnValue = tableRecord.getFieldValue(columnName) ?? '';
+                const code = mappingTable?.[columnName] ?? columnName;
+                this.setFieldValue(code, columnValue);
+            }
+            return true;
+        }
+        return false;
+    }
+    notifyFormActivity() { this._eventEmiter.next('formActivity', { code: this.formCode }); }
+    /**
+     * Métodos Legacy de compatibilidad hacia atrás
+     */
+    /**
+   * @deprecated Use onSectionActivation
+   */
+    addSectionActivation(codes, callback, properties = null) {
+        return this.onSectionActivation(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onSectionInactivation
+     */
+    addSectionInactivation(codes, callback, properties = null) {
+        return this.onSectionInactivation(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onActionStart
+     */
+    addActionMethodStart(codes, callback, properties = null) {
+        return this.onActionStart(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onActionFinish
+     */
+    addActionMethodFinish(codes, callback, properties = null) {
+        return this.onActionFinish(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onFieldInput
+     */
+    addFieldInputValidation(codes, callback, properties = null) {
+        return this.onFieldInput(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onFieldValidationStart
+     */
+    addFieldValidationStart(codes, callback, properties = null) {
+        return this.onFieldValidationStart(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onFieldValidationFinish
+     */
+    addFieldValidationFinish(codes, callback, properties = null) {
+        return this.onFieldValidationFinish(codes, callback, properties);
+    }
+    /**
+     * @deprecated Use onTableActionStart
+     */
+    addTableActionStart(code, actionCode, callback, properties = null) {
+        return this.onTableActionStart(code, actionCode, callback, properties);
+    }
+    /**
+     * @deprecated Use onTableActionFinish
+     */
+    addTableActionFinish(code, actionCode, callback, properties = null) {
+        return this.onTableActionFinish(code, actionCode, callback, properties);
+    }
+    /**
+     * @deprecated Use onTableSelectionStart
+     */
+    addTableSelectionStart(code, callback, properties = null) {
+        return this.onTableSelectionStart(code, callback, properties);
+    }
+    /**
+     * @deprecated Use onTableSelectionFinish
+     */
+    addTableSelectionFinish(code, callback, properties = null) {
+        return this.onTableSelectionFinish(code, callback, properties);
+    }
+    /**
+     * @deprecated Use onTableGetDataStart
+     */
+    addTableGetDataStart(code, callback, properties = null) {
+        return this.onTableGetDataStart(code, callback, properties);
+    }
+    /**
+     * @deprecated Use onTableGetDataFinish
+     */
+    addTableGetDataFinish(code, callback, properties = null) {
+        return this.onTableGetDataFinish(code, callback, properties);
+    }
+}
+BasicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BasicFormComponent, deps: [{ token: LibFormManagerService }, { token: LibEventManagerService }, { token: LibFileManagementService }], target: i0.ɵɵFactoryTarget.Component });
+BasicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: BasicFormComponent, selector: "ng-component", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BasicFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<ng-content></ng-content>`
+                }]
+        }], ctorParameters: function () { return [{ type: LibFormManagerService }, { type: LibEventManagerService }, { type: LibFileManagementService }]; } });
+
+const COMPONENTS = [
+    BasicFormComponent,
+    ActionComponent,
+    FieldComponent,
+    ElementComponent,
+    FormErrorComponent,
+    FormHeaderComponent,
+    SectionComponent,
+    SubSectionComponent,
+    LibTableRecordActionComponent,
+    LibTableRecordFieldComponent,
+    LibTableComponent
+];
+class TuainNgFormsLibModule {
+}
+TuainNgFormsLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TuainNgFormsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuainNgFormsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: TuainNgFormsLibModule, declarations: [BasicFormComponent,
+        ActionComponent,
+        FieldComponent,
+        ElementComponent,
+        FormErrorComponent,
+        FormHeaderComponent,
+        SectionComponent,
+        SubSectionComponent,
+        LibTableRecordActionComponent,
+        LibTableRecordFieldComponent,
+        LibTableComponent], imports: [CommonModule,
+        RouterModule,
+        FormsModule], exports: [BasicFormComponent,
+        ActionComponent,
+        FieldComponent,
+        ElementComponent,
+        FormErrorComponent,
+        FormHeaderComponent,
+        SectionComponent,
+        SubSectionComponent,
+        LibTableRecordActionComponent,
+        LibTableRecordFieldComponent,
+        LibTableComponent] });
+TuainNgFormsLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TuainNgFormsLibModule, imports: [CommonModule,
+        RouterModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TuainNgFormsLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: COMPONENTS,
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        FormsModule,
+                    ],
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/*
+ * Public API Surface of tuain-ng-forms-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionComponent, BasicFormComponent, ElementComponent, FieldComponent, FormErrorComponent, FormHeaderComponent, LibEventManagerService, LibFileManagementService, LibFormManagerService, LibTableComponent, LibTableRecordActionComponent, LibTableRecordFieldComponent, SectionComponent, SubSectionComponent, TuainNgFormsLibModule };
+//# sourceMappingURL=tuain-ng-forms-lib.mjs.map