tuain-ng-forms-lib 15.2.11 → 17.0.0

package/{fesm2020 → fesm2022}/tuain-ng-forms-lib.mjs

@@ -9,11 +9,11 @@ import { FormsModule } from '@angular/forms';
 
 const CUSTOM_ATTRIBUTES = 'customAttributes';
 class PieceComponent {
-    constructor() {
-        this.visible = true;
-        this.disabled = false;
-        this.customAttributes = {};
-    }
+    form;
+    formConfig;
+    visible = true;
+    disabled = false;
+    customAttributes = {};
     setForm(form) { this.form = form; }
     defaultProcessAttributeChange(attribute, value) {
         if (!attribute || attribute.trim() === '') {
@@ -34,10 +34,10 @@ class PieceComponent {
     }
     customProcessAttributeChange(attribute, value) { }
     customAttributeChange(subAttribute, value) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PieceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PieceComponent, selector: "lib-piece", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PieceComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-piece',
@@ -46,13 +46,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
         }] });
 
 class ElementComponent extends PieceComponent {
+    element;
     start() {
         this.setForm(this.element?._form);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ElementComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ElementComponent, selector: "lib-element", inputs: { element: "element" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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" }, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ElementComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-element',
@@ -63,11 +64,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class ActionComponent extends ElementComponent {
-    constructor() {
-        super(...arguments);
-        this.inProgress = false;
-        this.action = null;
-    }
+    inProgress = false;
+    action = null;
     ngOnInit() {
         if (!this.action) {
             return;
@@ -101,10 +99,10 @@ class ActionComponent extends ElementComponent {
             this.action.notifyActivation();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionComponent, selector: "lib-action", inputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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" }, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-action',
@@ -117,15 +115,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
 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;
-    }
+    // Atributos obtenidos estáticamente
+    code = '';
+    value;
+    info = '';
+    alignment = '';
+    tooltip = '';
+    // Atributos actualizados por subscripción
+    minLength;
+    maxLength;
+    minValue;
+    maxValue;
+    onValidation;
+    captureType;
+    title;
+    type;
+    visibleLabel;
+    required;
+    options;
+    errorType;
+    errorCode;
+    errorMessage;
+    field = null;
     ngOnInit() {
         if (!this.field) {
             return;
@@ -157,11 +168,6 @@ class FieldComponent extends ElementComponent {
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
             const { name: componentAttr, value = null } = event ?? {};
-            if (componentAttr === 'placeholder') {
-                console.log(`------ attributeChange ${componentAttr} ${value}`);
-                // } else {
-                //   console.log(`attributeChange ${componentAttr} ${value}`);
-            }
             if (componentAttr) {
                 this.defaultProcessAttributeChange(componentAttr, value);
                 this.customProcessAttributeChange(componentAttr, value);
@@ -202,10 +208,10 @@ class FieldComponent extends ElementComponent {
         const k = event.charCode;
         return (k > 47 && k < 58);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FieldComponent, selector: "lib-field", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-field',
@@ -216,10 +222,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class FormErrorComponent {
+    errorTitle;
+    errorMessage;
+    errorType;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormErrorComponent, selector: "lib-form-error", inputs: { errorTitle: "errorTitle", errorMessage: "errorMessage", errorType: "errorType" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormErrorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-form-error',
@@ -234,16 +243,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class FormHeaderComponent {
-    constructor() {
-        this.goBackEvent = new EventEmitter();
-    }
+    form;
+    goBackEvent = new EventEmitter();
     goBackForm() {
         this.goBackEvent.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormHeaderComponent, selector: "lib-form-header", inputs: { form: "form" }, outputs: { goBackEvent: "goBackEvent" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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" }, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-form-header',
@@ -256,6 +264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class SectionComponent extends PieceComponent {
+    section;
     ngOnInit() {
         this.formConfig = this.section?._formConfig;
         const mapping = this.formConfig?.sectionPropagateAttributes;
@@ -278,10 +287,10 @@ class SectionComponent extends PieceComponent {
     start() {
         this.setForm(this.section?._form);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SectionComponent, selector: "lib-section", inputs: { section: "section" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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" }, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-section',
@@ -292,6 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class SubSectionComponent extends PieceComponent {
+    subSection;
     ngOnInit() {
         this.formConfig = this.subSection?._formConfig;
         const mapping = this.formConfig?.subSectionPropagateAttributes;
@@ -314,10 +324,10 @@ class SubSectionComponent extends PieceComponent {
     start() {
         this.setForm(this.subSection?._form);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SubSectionComponent, selector: "lib-subsection", inputs: { subSection: "subSection" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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" }, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SubSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-subsection',
@@ -329,11 +339,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
 
 const INLINE_ACTION$1 = 'INLINE';
 class LibTableRecordActionComponent extends PieceComponent {
-    constructor() {
-        super(...arguments);
-        this.isVisible = true;
-        this.actionSelected = new EventEmitter();
-    }
+    isVisible = true;
+    recordId;
+    recordData;
+    action;
+    actionSelected = new EventEmitter();
     ngOnInit() {
         this.formConfig = this.action?._formConfig;
         const mapping = this.formConfig?.actionPropagateAttributes;
@@ -371,10 +381,10 @@ class LibTableRecordActionComponent extends PieceComponent {
         this.actionSelected.emit(tableEvent);
     }
     class() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableRecordActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableRecordActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-table-record-action',
@@ -392,17 +402,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class LibTableRecordFieldComponent {
-    constructor() {
-        this.column = null;
-    }
+    fieldCode;
+    fieldType;
+    fieldValue;
+    column = null;
     ngOnInit() {
         this.start();
     }
     start() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableRecordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableRecordFieldComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-table-record-field',
@@ -420,16 +431,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 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;
-    }
+    // Atributos sincronizados del objeto
+    code;
+    globalFilterString = '';
+    tableFieldStyles;
+    loaded = false;
+    selectable = false;
+    hasActions = false;
+    inlineActions;
+    globalActions;
+    selectionActions;
+    table = null;
+    visibleRecords = [];
+    waiting = false;
     ngOnInit() {
         if (!this.table) {
             return;
@@ -490,10 +504,10 @@ class LibTableComponent extends ElementComponent {
             this.table?.addColumnFilter(column.fieldCode, values);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lib-table',
@@ -535,17 +549,20 @@ const operators = {
 };
 
 class FormPiece {
+    _formState = '';
+    _visibleForced;
+    _isForced;
+    _absoluteVisible = true;
+    _absoluteDisabled = false;
+    _widget = null;
+    visibleStates = [];
+    enabledStates = [];
+    _form = null;
+    _formConfig;
+    _visible = true;
+    _disabled = false;
+    customAttributes = {};
     constructor(pieceDefinition, formConfig) {
-        this._formState = '';
-        this._absoluteVisible = true;
-        this._absoluteDisabled = false;
-        this._widget = null;
-        this.visibleStates = [];
-        this.enabledStates = [];
-        this._form = null;
-        this._visible = true;
-        this._disabled = false;
-        this.customAttributes = {};
         this._formConfig = formConfig;
         this._isForced = false;
         this._visibleForced = false;
@@ -660,16 +677,14 @@ class FormPiece {
 const VISIBLE = 'visible';
 const DISABLED = 'disabled';
 class FormPiecePropagate extends FormPiece {
+    propagationCustomAttributes = [];
+    _attributeChange;
     constructor(pieceDefinition, formConfig) {
         super(pieceDefinition, formConfig);
-        this.propagationCustomAttributes = [];
         this._attributeChange = new BehaviorSubject(null);
     }
     get attributeChange() { return this._attributeChange; }
     propagateAttribute(name, value) {
-        if (name === 'placeholder') {
-            console.log(`propagateAttribute ${name} ${value}`);
-        }
         this._attributeChange?.next({ name, value });
     }
     setCustomAttribute(name, value) {
@@ -697,11 +712,11 @@ class FormPiecePropagate extends FormPiece {
 }
 
 class FormElement extends FormPiecePropagate {
+    elementType = null;
+    ;
     constructor(elementDefinition, formConfig) {
         super(elementDefinition, formConfig);
-        this.elementType = null;
     }
-    ;
     setAttr(attr, value) {
         const { name: attrName, propagate: name } = attr;
         this[attrName] = value;
@@ -714,13 +729,19 @@ class FormElement extends FormPiecePropagate {
 
 const HEADER = 'HEADER';
 class FormAction extends FormElement {
+    _actionActivated = new Subject();
+    actionCode;
+    actionName;
+    iconName;
+    inProgress = false;
+    newState;
+    backend;
+    restrictedOnField = null;
+    restrictedOnOperator = null;
+    restrictedOnValue = null;
+    customValidation;
     constructor(actionDefinition, formConfig) {
         super(actionDefinition, formConfig);
-        this._actionActivated = new Subject();
-        this.inProgress = false;
-        this.restrictedOnField = null;
-        this.restrictedOnOperator = null;
-        this.restrictedOnValue = null;
         this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.actions ?? [];
         this.elementType = elementTypes.action;
         this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
@@ -824,36 +845,40 @@ const attrs$1 = {
     _visibleLabel: { name: '_visibleLabel', propagate: 'visibleLabel' },
 };
 class FieldDescriptor extends FormElement {
+    _editionFinish = new Subject();
+    _editionPartial = new Subject();
+    _detailRequest = new Subject();
+    _errorType = '';
+    _errorCode = '';
+    _errorMessage = '';
+    _intrinsicErrorMessage = '';
+    _minValue;
+    _maxValue;
+    _maxLength = 0;
+    _minLength = 0;
+    _focus = false;
+    _onValidation = false;
+    _validateOnServer = false;
+    _value;
+    _visibleLabel = false;
+    _captureType = '';
+    _defaultValue = '';
+    _defaultEditable = false;
+    _externalValue;
+    _fieldAlignment = '';
+    _fieldInfo = '';
+    _fieldRequired = false;
+    _fieldTitle = '';
+    _fieldType = '';
+    _fieldFormat = null;
+    _hasChanged = false;
+    _outputOnly = false;
+    _tooltipText = '';
+    _placeholder = '';
+    fieldCode = '';
+    fieldOptions = null;
     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._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._hasChanged = false;
-        this._outputOnly = false;
-        this._tooltipText = '';
-        this._placeholder = '';
-        this.fieldCode = '';
-        this.fieldOptions = null;
         this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.fields ?? [];
         this.elementType = elementTypes.field;
         const fld = (inputFieldReceived) ? inputFieldReceived : {};
@@ -1169,8 +1194,6 @@ class FieldDescriptor extends FormElement {
         this.setAttr(attrs$1._errorMessage, message ?? '');
     }
     updateFromServer(fld) {
-        console.log('updateFromServer');
-        console.log(fld);
         const fieldKeys = Object.keys(fld);
         for (let index = 0; index < fieldKeys.length; index++) {
             const attrName = fieldKeys[index];
@@ -1234,20 +1257,20 @@ class FieldDescriptor extends FormElement {
 }
 
 class RecordTableColumn extends FormPiece {
+    fieldCode = '';
+    fieldTitle = '';
+    fieldType = '';
+    fieldAlignment = '';
+    fieldFormat = '';
+    sortable = true;
+    searchable = true;
+    sortDirections = [];
+    // Filtros
+    filterVisible = false;
+    filterDef = null;
+    filterSetup = null;
     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;
@@ -1307,11 +1330,19 @@ class RecordTableColumn extends FormPiece {
 }
 
 class TableAction extends FormPiece {
+    actionCode;
+    actionTitle;
+    iconName;
+    actionType;
+    actionClass;
+    stateField;
+    newState;
+    backend;
+    restrictedOnField = null;
+    restrictedOnValue = null;
+    restrictedOnOperator = null;
     constructor(actionDefinition, formConfig) {
         super(actionDefinition, formConfig);
-        this.restrictedOnField = null;
-        this.restrictedOnValue = null;
-        this.restrictedOnOperator = null;
         this.actionCode = actionDefinition.actionCode;
         this.actionTitle = actionDefinition.actionTitle;
         this.iconName = actionDefinition.iconName || this.actionCode;
@@ -1336,10 +1367,10 @@ class TableAction extends FormPiece {
 }
 
 class TableRecordData {
+    recordId = null;
+    selected = false;
+    recordData = {};
     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) {
@@ -1468,27 +1499,44 @@ const attrs = {
     visibleRecords: { name: 'visibleRecords', propagate: 'visibleRecords' },
 };
 class RecordTable extends FormElement {
+    _inlineActionTrigger = new Subject();
+    _globalActionTrigger = new Subject();
+    _recordSelectionTrigger = new Subject();
+    _selectionActionTrigger = new Subject();
+    _getDataTrigger = new Subject();
+    _tableColumnObj = {};
+    _appendPages;
+    _actions;
+    _actionsObj = {};
+    // Mecanismos de filtrado nueva versión
+    globalFilterString = '';
+    globalFilterStrings = [];
+    selectedRecords;
+    restrictedId;
+    layout = null;
+    globalSearch;
+    tableRecords;
+    tableRecordObj = {};
+    visibleRecords = null;
+    columns;
+    selectable;
+    selectionBackend;
+    selectionField;
+    allSelected = false;
+    tableCode = '';
+    tableTitle;
+    currentPage;
+    totalPages;
+    requestedPage;
+    recordsPerPage = 10;
+    totalRecordsNumber = 0;
+    recordsNumber = 0;
+    sorting;
+    waiting;
+    clientPaging = true;
+    sortable;
     constructor(tableReceived, formConfig) {
         super(tableReceived, formConfig);
-        this._inlineActionTrigger = new Subject();
-        this._globalActionTrigger = new Subject();
-        this._recordSelectionTrigger = new Subject();
-        this._selectionActionTrigger = new Subject();
-        this._getDataTrigger = new Subject();
-        this._tableColumnObj = {};
-        this._actionsObj = {};
-        // Mecanismos de filtrado nueva versión
-        this.globalFilterString = '';
-        this.globalFilterStrings = [];
-        this.layout = null;
-        this.tableRecordObj = {};
-        this.visibleRecords = null;
-        this.allSelected = false;
-        this.tableCode = '';
-        this.recordsPerPage = 10;
-        this.totalRecordsNumber = 0;
-        this.recordsNumber = 0;
-        this.clientPaging = true;
         this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.tables ?? [];
         this.elementType = elementTypes.table;
         this.waiting = false;
@@ -1909,18 +1957,18 @@ class RecordTable extends FormElement {
 }
 
 class RecordFormSubSection extends FormPiecePropagate {
+    _customRender = null;
+    subsectionId = null;
+    subsectionCode = null;
+    subsectionTitle = null;
+    subSectionElements = [];
+    subSectionFields = [];
+    subSectionTables = [];
+    subSectionActions = [];
+    elementsArray = {};
+    active = false;
     constructor(subsectionReceived, formObject, formConfig) {
         super(subsectionReceived, formConfig);
-        this._customRender = null;
-        this.subsectionId = null;
-        this.subsectionCode = null;
-        this.subsectionTitle = null;
-        this.subSectionElements = [];
-        this.subSectionFields = [];
-        this.subSectionTables = [];
-        this.subSectionActions = [];
-        this.elementsArray = {};
-        this.active = false;
         this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.subsections ?? [];
         if (!subsectionReceived) {
             return;
@@ -1989,16 +2037,17 @@ class RecordFormSubSection extends FormPiecePropagate {
 
 const ACTIVE$1 = 'active';
 class RecordFormSection extends FormPiecePropagate {
+    _activation = new Subject();
+    _inactivation = new Subject();
+    active = false;
+    sectionId = null;
+    sectionCode = null;
+    sectionTitle = null;
+    subSections = [];
+    subSectionsObj;
+    _exclusiveSubSectionsByAttr = {};
     constructor(sectionReceived, formObject, formConfig) {
         super(sectionReceived, formConfig);
-        this._activation = new Subject();
-        this._inactivation = new Subject();
-        this.active = false;
-        this.sectionId = null;
-        this.sectionCode = null;
-        this.sectionTitle = null;
-        this.subSections = [];
-        this._exclusiveSubSectionsByAttr = {};
         this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.sections ?? [];
         if (!sectionReceived) {
             return;
@@ -2132,19 +2181,26 @@ const alwaysVisible = 'ALWAYS';
 const neverVisible = 'NONE';
 const onStatesVisible = 'ONSTATES';
 class FormStructureAndData {
+    _stateChange = new Subject();
+    formConfig;
+    state;
+    name = '';
+    title = '';
+    subject = null;
+    stateFlow;
+    fields = {};
+    actions = {};
+    tables = {};
+    sections = {};
+    fieldArray;
+    actionArray;
+    tableArray;
+    sectionArray;
+    _immutableData = {};
+    _extraInfo = {};
+    _exclusiveSectionsByAttr = {};
+    customAttributes = {};
     constructor() {
-        this._stateChange = new Subject();
-        this.name = '';
-        this.title = '';
-        this.subject = null;
-        this.fields = {};
-        this.actions = {};
-        this.tables = {};
-        this.sections = {};
-        this._immutableData = {};
-        this._extraInfo = {};
-        this._exclusiveSectionsByAttr = {};
-        this.customAttributes = {};
         this.state = '';
         this.actionArray = [];
         this.fieldArray = [];
@@ -2691,6 +2747,7 @@ class FormStructureAndData {
 }
 
 class LibFormManagerService {
+    pageStack;
     constructor() {
         this.cleanStack();
     }
@@ -2770,9 +2827,9 @@ class LibFormManagerService {
 }
 
 class LibEventManagerService {
+    eventSubjects = {};
+    eventSubjectParams = {};
     constructor(eventSet) {
-        this.eventSubjects = {};
-        this.eventSubjectParams = {};
         eventSet.forEach((event) => { this.addEventName(event); });
     }
     addEventName(event, rebuild = false) {
@@ -2825,51 +2882,55 @@ const GET_DATA_ACTION = 'GETDATA';
 const SUBJECT = 'subject';
 const TOKEN = 'token';
 class BasicFormComponent extends FormStructureAndData {
+    formManagerService;
+    _eventManager;
+    fileMgmtServices;
+    _controlToken = null;
+    _originToken = null;
+    _formRoute = null;
+    _definitionObtained = false;
+    _notifyFormActivity = true;
+    // Eventos de acciones y campos
+    _formChangeState = [];
+    _formSectionsCanDeactivate = {};
+    _formSectionsActivate = {};
+    _formSectionsInactivate = {};
+    _formActionsStart = {};
+    _formActionsFinish = {};
+    _fieldInputValidation = {};
+    _fieldValidationsStart = {};
+    _fieldValidationsFinish = {};
+    // Callback de acciones de tablas
+    _tableSelectionsStart = {};
+    _tableSelectionsFinish = {};
+    _tableActionsStart = {};
+    _tableActionsFinish = {};
+    _tableGetDataStart = {};
+    _tableGetDataFinish = {};
+    // Errores en procesos
+    _actionServerError = [];
+    _fieldServerError = [];
+    _tableServerError = [];
+    // Datos complementarios del formulario
+    inputDataFields = {};
+    extraData = {};
+    _eventEmiter;
+    enabledSections = [];
+    // Gestión de error
+    _errorType = '';
+    errorCode = '';
+    errorFullCode = '';
+    errorName = '';
+    errorMessage = '';
+    errorDetail = '';
+    // Control de estado
+    visible = false;
+    busy = false;
     constructor(formManagerService, _eventManager, fileMgmtServices) {
         super();
         this.formManagerService = formManagerService;
         this._eventManager = _eventManager;
         this.fileMgmtServices = fileMgmtServices;
-        this._controlToken = null;
-        this._originToken = null;
-        this._formRoute = null;
-        this._definitionObtained = false;
-        this._notifyFormActivity = true;
-        // Eventos de acciones y campos
-        this._formChangeState = [];
-        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 = {};
-        // Errores en procesos
-        this._actionServerError = [];
-        this._fieldServerError = [];
-        this._tableServerError = [];
-        // Datos complementarios del formulario
-        this.inputDataFields = {};
-        this.extraData = {};
-        this.enabledSections = [];
-        // Gestión de error
-        this._errorType = '';
-        this.errorCode = '';
-        this.errorFullCode = '';
-        this.errorName = '';
-        this.errorMessage = '';
-        this.errorDetail = '';
-        // Control de estado
-        this.visible = false;
-        this.busy = false;
         this._eventEmiter = this._eventManager;
         this.cleanStart();
         this.customPreProcessing();
@@ -4111,15 +4172,15 @@ class BasicFormComponent extends FormStructureAndData {
     addTableGetDataFinish(code, callback, properties = null) {
         return this.onTableGetDataFinish(code, callback, properties);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BasicFormComponent, deps: [{ token: LibFormManagerService }, { token: LibEventManagerService }, { token: LibFileManagementService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BasicFormComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-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", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: BasicFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BasicFormComponent, decorators: [{
             type: Component,
             args: [{
                     template: `<ng-content></ng-content>`
                 }]
-        }], ctorParameters: function () { return [{ type: LibFormManagerService }, { type: LibEventManagerService }, { type: LibFileManagementService }]; } });
+        }], ctorParameters: () => [{ type: LibFormManagerService }, { type: LibEventManagerService }, { type: LibFileManagementService }] });
 
 const COMPONENTS = [
     BasicFormComponent,
@@ -4135,35 +4196,35 @@ const COMPONENTS = [
     LibTableComponent
 ];
 class TuainNgFormsLibModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TuainNgFormsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", 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] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TuainNgFormsLibModule, imports: [CommonModule,
+            RouterModule,
+            FormsModule] });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TuainNgFormsLibModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: COMPONENTS,