tuain-ng-forms-lib 14.4.96 → 14.5.25

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

@@ -14,6 +14,7 @@ class PieceComponent {
         this.disabled = false;
         this.customAttributes = {};
     }
+    setForm(form) { this.form = form; }
     defaultProcessAttributeChange(attribute, value) {
         if (!attribute || attribute.trim() === '') {
             return false;
@@ -45,10 +46,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
         }] });
 
 class ElementComponent extends PieceComponent {
-    start() { }
+    start() {
+        this.setForm(this.element?._form);
+    }
 }
 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 });
+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: [{
             type: Component,
             args: [{
@@ -57,8 +60,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { element: [{
                 type: Input
-            }], form: [{
-                type: Input
             }] } });
 
 class ActionComponent extends ElementComponent {
@@ -66,8 +67,6 @@ class ActionComponent extends ElementComponent {
         super(...arguments);
         this.inProgress = false;
         this.action = null;
-        this.style = 'primary';
-        this.showLabel = true;
     }
     ngOnInit() {
         if (!this.action) {
@@ -96,21 +95,9 @@ class ActionComponent extends ElementComponent {
             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 });
+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: [{
             type: Component,
             args: [{
@@ -119,14 +106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { action: [{
                 type: Input
-            }], busy: [{
-                type: Input
-            }], relatedField: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], showLabel: [{
-                type: Input
             }] } });
 
 const VALUE = 'value';
@@ -147,6 +126,7 @@ class FieldComponent extends ElementComponent {
         }
         this.formConfig = this.field?._formConfig;
         const mapping = Object.entries(this.formConfig?.fieldPropagateAttributes);
+        const customAttributesMapping = this.formConfig?.propagationCustomAttributes.fields ?? [];
         for (let index = 0; index < mapping.length; index++) {
             const fieldAttr = mapping[index]?.[0];
             const componentAttr = mapping[index]?.[1]?.toString() ?? '';
@@ -156,6 +136,18 @@ class FieldComponent extends ElementComponent {
                 this.customProcessAttributeChange(componentAttr, value);
             }
         }
+        // Atributos personalizados
+        for (let index = 0; index < customAttributesMapping.length; index++) {
+            const customAttribute = customAttributesMapping[index];
+            if (customAttribute) {
+                const value = this.field?.getCustomAttribute(customAttribute);
+                const fullName = `customAttributes.${customAttribute}`;
+                if (value) {
+                    this.defaultProcessAttributeChange(fullName, value);
+                    this.customProcessAttributeChange(fullName, value);
+                }
+            }
+        }
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
             const { name: componentAttr, value } = event;
@@ -227,7 +219,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
 
 class FormHeaderComponent {
     constructor() {
-        this.canGoBack = false;
         this.goBackEvent = new EventEmitter();
     }
     goBackForm() {
@@ -235,7 +226,7 @@ class FormHeaderComponent {
     }
 }
 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 });
+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: [{
             type: Component,
             args: [{
@@ -244,12 +235,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { form: [{
                 type: Input
-            }], canGoBack: [{
-                type: Input
-            }], showTitle: [{
-                type: Input
-            }], headerActions: [{
-                type: Input
             }], goBackEvent: [{
                 type: Output
             }] } });
@@ -272,10 +257,12 @@ class SectionComponent extends PieceComponent {
         });
         this.start();
     }
-    start() { }
+    start() {
+        this.setForm(this.section?._form);
+    }
 }
 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 });
+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: [{
             type: Component,
             args: [{
@@ -284,8 +271,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { section: [{
                 type: Input
-            }], form: [{
-                type: Input
             }] } });
 
 class SubSectionComponent extends PieceComponent {
@@ -306,10 +291,12 @@ class SubSectionComponent extends PieceComponent {
         });
         this.start();
     }
-    start() { }
+    start() {
+        this.setForm(this.subSection?._form);
+    }
 }
 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 });
+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: [{
             type: Component,
             args: [{
@@ -318,14 +305,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { subSection: [{
                 type: Input
-            }], form: [{
-                type: Input
             }] } });
 
 const INLINE_ACTION$1 = 'INLINE';
 class LibTableRecordActionComponent extends PieceComponent {
     constructor() {
         super(...arguments);
+        this.isVisible = true;
         this.actionSelected = new EventEmitter();
     }
     ngOnInit() {
@@ -337,18 +323,25 @@ class LibTableRecordActionComponent extends PieceComponent {
             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() { }
+    start() {
+        if (this.action && this.action.restrictedOnField && this.recordData) {
+            const relatedField = this.recordData[this.action.restrictedOnField];
+            if (relatedField) {
+                const fieldValue = relatedField;
+                const restrictionOper = this.action.restrictedOnOperator;
+                const restrictionValue = this.action.restrictedOnValue;
+                if ((restrictionOper === '==' && fieldValue !== restrictionValue)
+                    || (restrictionOper === '!=' && fieldValue === restrictionValue)) {
+                    this.isVisible = false;
+                }
+            }
+        }
+    }
     onActivate() {
         const tableEvent = {
-            actionCode: this.action.actionCode,
+            actionCode: this.action?.actionCode ?? '',
             recordId: this.recordId,
             recordData: this.recordData,
         };
@@ -522,6 +515,7 @@ class FormPiece {
         this._absoluteDisabled = false;
         this.visibleStates = null;
         this.enabledStates = null;
+        this._form = null;
         this._visible = true;
         this._disabled = false;
         this.customAttributes = {};
@@ -596,7 +590,7 @@ class FormPiece {
     set disabled(disabled) { this.enabled = !disabled; }
     enable() { this.enabled = true; }
     disable() { this.enabled = false; }
-    formStateChangeCustomSubscribe(formChangeSubject) { }
+    formStateChangeCustomSubscribe(form, formChangeSubject) { }
     formStateChange(state) {
         if (state) {
             this._formState = state;
@@ -604,8 +598,9 @@ class FormPiece {
             this._disabled = this._absoluteDisabled || !this.enabledOnState(state);
         }
     }
-    subscribeFormStateChange(formChangeSubject) {
-        this.formStateChangeCustomSubscribe(formChangeSubject);
+    connectWithParentForm(form, formChangeSubject) {
+        this._form = form;
+        this.formStateChangeCustomSubscribe(form, formChangeSubject);
         formChangeSubject.subscribe(event => this.formStateChange(event?.state));
     }
 }
@@ -625,7 +620,8 @@ class FormPiecePropagate extends FormPiece {
     setCustomAttribute(name, value) {
         super.setCustomAttribute(name, value);
         if (this.propagationCustomAttributes?.includes(name)) {
-            this.propagateAttribute(name, value);
+            const fullName = `customAttributes.${name}`;
+            this.propagateAttribute(fullName, value);
         }
     }
     setVisibility(visible, forced = null) {
@@ -659,14 +655,6 @@ class FormElement extends FormPiecePropagate {
     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';
@@ -675,6 +663,9 @@ class FormAction extends FormElement {
         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() : '';
@@ -683,11 +674,44 @@ class FormAction extends FormElement {
         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.restrictedOnField = actionDefinition.fieldRestrictedCode?.toString() ?? null;
+        if (this.restrictedOnField) {
+            this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+            this.restrictedOnValue = actionDefinition.valueRestricted ?? '';
+        }
         this.customValidation = () => true;
     }
+    connectWithParentForm(form, formChangeSubject) {
+        super.connectWithParentForm(form, formChangeSubject);
+        if (this.restrictedOnField) {
+            const relatedField = this._form.fields?.[this.restrictedOnField];
+            if (relatedField) {
+                relatedField.editionFinish.subscribe(event => this.updateRestrictedVisibility());
+                relatedField.editionPartial.subscribe(event => this.updateRestrictedVisibility());
+            }
+        }
+    }
+    updateRestrictedVisibility() {
+        const lastVisible = this._visible;
+        const newVisible = this._absoluteVisible && this.viewOnState(this._formState);
+        if (lastVisible !== newVisible) {
+            this.setVisibility(newVisible);
+        }
+    }
+    viewOnState(state) {
+        const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
+        if (actionVisible && this._form && this.restrictedOnField) {
+            const relatedField = this._form.fields?.[this.restrictedOnField];
+            if (relatedField) {
+                const fieldValue = relatedField.value;
+                if ((this.restrictedOnOperator === '==' && fieldValue !== this.restrictedOnValue)
+                    || (this.restrictedOnOperator === '!=' && fieldValue === this.restrictedOnValue)) {
+                    return false;
+                }
+            }
+        }
+        return actionVisible;
+    }
     get actionActivated() { return this._actionActivated; }
     start() { this.inProgress = true; }
     stop() { this.inProgress = false; }
@@ -722,13 +746,13 @@ const attrs$1 = {
     _defaultValue: { name: '_defaultValue', propagate: 'defaultValue' },
     _defaultEditable: { name: '_defaultEditable', propagate: 'defaultEditable' },
     _fieldAlignment: { name: '_fieldAlignment', propagate: 'alignment' },
-    _fieldCode: { name: '_fieldCode', propagate: 'code' },
+    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' },
+    fieldOptions: { name: 'fieldOptions', propagate: 'options' },
     _focus: { name: '_focus', propagate: 'focus' },
     _hasChanged: { name: '_hasChanged', propagate: 'hasChanged' },
     _intrinsicErrorMessage: { name: '_intrinsicErrorMessage', propagate: null },
@@ -752,7 +776,6 @@ class FieldDescriptor extends FormElement {
         this._errorType = '';
         this._errorCode = '';
         this._errorMessage = '';
-        this._fieldCode = '';
         this._intrinsicErrorMessage = '';
         this._maxLength = 0;
         this._minLength = 0;
@@ -769,15 +792,16 @@ class FieldDescriptor extends FormElement {
         this._fieldTitle = '';
         this._fieldType = '';
         this._fieldFormat = null;
-        this._fieldOptions = null;
         this._hasChanged = false;
         this._outputOnly = false;
         this._tooltipText = '';
+        this.fieldCode = '';
+        this.fieldOptions = null;
         this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.fields ?? [];
         this.elementType = elementTypes.field;
         const fld = (inputFieldReceived) ? inputFieldReceived : {};
-        this.setAttr(attrs$1._fieldCode, fld.fieldCode);
-        this.title = fld.fieldTitle ?? this._fieldCode;
+        this.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;
@@ -820,8 +844,7 @@ class FieldDescriptor extends FormElement {
     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 code() { return this.fieldCode; }
     get defaultValue() { return this._defaultValue; }
     set defaultValue(defaultValue) { this.setAttr(attrs$1._defaultValue, defaultValue); }
     get defaultEditable() { return this._defaultEditable; }
@@ -886,9 +909,9 @@ class FieldDescriptor extends FormElement {
         }
         this.setAttr(attrs$1._minValue, minValue);
     }
-    get name() { return this._fieldCode; }
+    get name() { return this.fieldCode; }
     get options() {
-        return this._fieldOptions?.map(option => {
+        return this.fieldOptions?.map(option => {
             const optionCopy = { ...option };
             return optionCopy;
         }) ?? null;
@@ -908,25 +931,25 @@ class FieldDescriptor extends FormElement {
         });
         fieldOptions = (fieldOptions && Array.isArray(fieldOptions)
             && fieldOptions.length > 0) ? fieldOptions : [];
-        this.setAttr(attrs$1._fieldOptions, 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));
+                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);
+                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);
+        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 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; }
@@ -950,14 +973,6 @@ class FieldDescriptor extends FormElement {
     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
      */
@@ -1033,7 +1048,7 @@ class FieldDescriptor extends FormElement {
     setVisibleLabel(visibleLabel) { this.visibleLabel = visibleLabel; }
     notifyEditionPartial() {
         this.resetError();
-        this._editionPartial.next({ code: this._fieldCode, intrinsicValidation: true });
+        this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: true });
     }
     notifyEditionFinish() {
         const fieldValue = this.value;
@@ -1069,10 +1084,10 @@ class FieldDescriptor extends FormElement {
             intrinsicValidation = false;
             this.setError('99', `Longitud de ${this._fieldTitle} debe ser de al menos ${this._minLength}`);
         }
-        this._editionFinish.next({ code: this._fieldCode, intrinsicValidation });
+        this._editionFinish.next({ code: this.fieldCode, intrinsicValidation });
     }
     notifyEditionDetailRequest(detail) {
-        const detailEvent = { code: this._fieldCode, detail };
+        const detailEvent = { code: this.fieldCode, detail };
         this._detailRequest.next(detailEvent);
     }
     setError(code, message, type = DEFAULT_ERROR_TYPE) {
@@ -1219,6 +1234,9 @@ class RecordTableColumn extends FormPiece {
 class TableAction extends FormPiece {
     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;
@@ -1227,9 +1245,11 @@ class TableAction extends FormPiece {
         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 || '';
+        this.restrictedOnField = actionDefinition.fieldRestrictedCode ?? null;
+        if (this.restrictedOnField) {
+            this.restrictedOnValue = actionDefinition.valueRestricted ?? null;
+            this.restrictedOnOperator = actionDefinition.operatorRestricted || null;
+        }
     }
 }
 
@@ -1748,12 +1768,12 @@ class RecordTable extends FormElement {
         }
         return direction === TABLE_SORT_ASCENDING ? result : -result;
     }
-    formStateChangeCustomSubscribe(formChangeSubject) {
+    formStateChangeCustomSubscribe(form, formChangeSubject) {
         this.columns?.forEach(column => {
-            column?.subscribeFormStateChange(formChangeSubject);
+            column?.connectWithParentForm(form, formChangeSubject);
         });
         this._actions?.forEach(action => {
-            action?.subscribeFormStateChange(formChangeSubject);
+            action?.connectWithParentForm(form, formChangeSubject);
         });
     }
 }
@@ -1965,9 +1985,9 @@ class RecordFormSection extends FormPiecePropagate {
         }
         return null;
     }
-    formStateChangeCustomSubscribe(formChangeSubject) {
+    formStateChangeCustomSubscribe(form, formChangeSubject) {
         this.subSections?.forEach(subsection => {
-            subsection?.subscribeFormStateChange(formChangeSubject);
+            subsection?.connectWithParentForm(form, formChangeSubject);
         });
     }
 }
@@ -2254,7 +2274,7 @@ class FormStructureAndData {
         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);
+        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);
@@ -2498,6 +2518,7 @@ class LibFileManagementService {
     openFile(fileBase64Data, fileName, fileType) { }
     saveFileFromURL(fileUrl, fullFileName = null) { }
     saveFile(fileBase64Data, fileName, fileType) { }
+    printPdfFile(pdfBufferData) { }
 }
 
 const PAYLOAD_VERSION = 'TUAINEXCHANGE_1.0';
@@ -2790,11 +2811,11 @@ class BasicFormComponent {
         this.onTableServerError(() => this.displayTableServerError());
     }
     get formVisible() { return this.visible; }
-    get formManager() { return this; }
+    get form() { return this; }
     get formCode() { return this.name ?? ''; }
     set formCode(name) { this.name = name; }
     get inServerProcess() { return this.busy; }
-    get form() { return this._formStructure; }
+    get formStructure() { return this._formStructure; }
     get state() { return this._formStructure?.state ?? null; }
     get currentState() { return this._formStructure?.state ?? ''; }
     set currentState(state) { this?.changeState(state); }
@@ -2918,7 +2939,7 @@ class BasicFormComponent {
             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);
+            section.connectWithParentForm(this, this._formStructure?.stateChange);
         }
     }
     subscribeFieldsSubjects() {
@@ -2935,7 +2956,7 @@ class BasicFormComponent {
                 });
                 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);
+                field.connectWithParentForm(this, this._formStructure?.stateChange);
             });
         }
     }
@@ -2945,7 +2966,7 @@ class BasicFormComponent {
             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);
+                action.connectWithParentForm(this, this._formStructure?.stateChange);
             });
         }
     }
@@ -2959,7 +2980,7 @@ class BasicFormComponent {
                 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);
+                table.connectWithParentForm(this, this._formStructure?.stateChange);
             });
         }
     }
@@ -3925,7 +3946,11 @@ class BasicFormComponent {
             for (const columnName of columnNames) {
                 const columnValue = tableRecord.getFieldValue(columnName) ?? '';
                 const code = mappingTable?.[columnName] ?? columnName;
-                this.setFieldValue(code, columnValue);
+                const field = code ? this.getField(code) : null;
+                if (field) {
+                    field.setValue(columnValue);
+                    field.hasChanged = false;
+                }
             }
             return true;
         }