tuain-ng-forms-lib 14.4.91 → 14.4.93

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

@@ -1,4048 +0,0 @@
-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';
-
-class PieceComponent {
-    constructor() {
-        this.visible = true;
-        this.disabled = false;
-    }
-    defaultProcessAttributeChange(attribute, value) {
-        attribute && (this[attribute] = value);
-    }
-    customProcessAttributeChange(attribute, 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 {
-            this[attribute] = value;
-        }
-    }
-    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) {
-        if (!attribute) {
-            return false;
-        }
-        try {
-            if (attribute === 'visibleRecords') {
-                this.updateTableData();
-            }
-            this[attribute] = value;
-            return true;
-        }
-        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._attributeChange = new BehaviorSubject(null);
-    }
-    get attributeChange() { return this._attributeChange; }
-    propagateAttribute(name, value) {
-        this._attributeChange?.next({ 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.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.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.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;
-        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 = {};
-        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