tuain-ng-forms-lib 14.4.95 → 14.5.10

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

@@ -15,6 +15,7 @@ class PieceComponent {
         this.disabled = false;
         this.customAttributes = {};
     }
+    setForm(form) { this.form = form; }
     defaultProcessAttributeChange(attribute, value) {
         if (!attribute || attribute.trim() === '') {
             return false;
@@ -46,10 +47,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
         }] });
 
 class ElementComponent extends PieceComponent {
-    start() { }
+    start() {
+        var _a;
+        this.setForm((_a = this.element) === null || _a === void 0 ? void 0 : _a._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: [{
@@ -58,8 +62,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { element: [{
                 type: Input
-            }], form: [{
-                type: Input
             }] } });
 
 class ActionComponent extends ElementComponent {
@@ -67,8 +69,6 @@ class ActionComponent extends ElementComponent {
         super(...arguments);
         this.inProgress = false;
         this.action = null;
-        this.style = 'primary';
-        this.showLabel = true;
     }
     ngOnInit() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -99,22 +99,9 @@ class ActionComponent extends ElementComponent {
             this.action.notifyActivation();
         }
     }
-    visibleOnRestriction() {
-        var _a, _b, _c, _d, _e;
-        if (!((_a = this.action) === null || _a === void 0 ? void 0 : _a.restrictedOnField)) {
-            return true;
-        }
-        if ((((_b = this.action) === null || _b === void 0 ? void 0 : _b.restrictedOnOperator) === '=='
-            && this.relatedField === ((_c = this.action) === null || _c === void 0 ? void 0 : _c.restrictedOnValue))
-            || (((_d = this.action) === null || _d === void 0 ? void 0 : _d.restrictedOnOperator) === '!='
-                && this.relatedField !== ((_e = this.action) === null || _e === void 0 ? void 0 : _e.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: [{
@@ -123,14 +110,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';
@@ -233,7 +212,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
 
 class FormHeaderComponent {
     constructor() {
-        this.canGoBack = false;
         this.goBackEvent = new EventEmitter();
     }
     goBackForm() {
@@ -241,7 +219,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: [{
@@ -250,12 +228,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
             }] } });
@@ -279,10 +251,13 @@ class SectionComponent extends PieceComponent {
         });
         this.start();
     }
-    start() { }
+    start() {
+        var _a;
+        this.setForm((_a = this.section) === null || _a === void 0 ? void 0 : _a._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: [{
@@ -291,8 +266,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { section: [{
                 type: Input
-            }], form: [{
-                type: Input
             }] } });
 
 class SubSectionComponent extends PieceComponent {
@@ -314,10 +287,13 @@ class SubSectionComponent extends PieceComponent {
         });
         this.start();
     }
-    start() { }
+    start() {
+        var _a;
+        this.setForm((_a = this.subSection) === null || _a === void 0 ? void 0 : _a._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: [{
@@ -326,8 +302,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 }]
         }], propDecorators: { subSection: [{
                 type: Input
-            }], form: [{
-                type: Input
             }] } });
 
 const INLINE_ACTION$1 = 'INLINE';
@@ -354,7 +328,10 @@ class LibTableRecordActionComponent extends PieceComponent {
         });
         this.start();
     }
-    start() { }
+    start() {
+        var _a;
+        (_a = this.action) === null || _a === void 0 ? void 0 : _a.setRecodData(this.recordData);
+    }
     onActivate() {
         const tableEvent = {
             actionCode: this.action.actionCode,
@@ -534,6 +511,7 @@ class FormPiece {
         this._absoluteDisabled = false;
         this.visibleStates = null;
         this.enabledStates = null;
+        this._form = null;
         this._visible = true;
         this._disabled = false;
         this.customAttributes = {};
@@ -609,7 +587,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;
@@ -617,8 +595,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 === null || event === void 0 ? void 0 : event.state));
     }
 }
@@ -674,23 +653,18 @@ 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';
 class FormAction extends FormElement {
     constructor(actionDefinition, formConfig) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         super(actionDefinition, formConfig);
         this._actionActivated = new Subject();
         this.inProgress = false;
+        this.restrictedOnField = null;
+        this.restrictedOnOperator = null;
+        this.restrictedOnValue = null;
         this.propagationCustomAttributes = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.actions) !== null && _c !== void 0 ? _c : [];
         this.elementType = elementTypes.action;
         this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
@@ -699,11 +673,28 @@ class FormAction extends FormElement {
         this.setCustomAttribute('location', actionDefinition.position || HEADER);
         this.backend = (_d = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _d !== void 0 ? _d : false;
         this.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
-        this.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
-        this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
-        this.restrictedOnValue = (_e = actionDefinition.valueRestricted) !== null && _e !== void 0 ? _e : '';
+        this.restrictedOnField = (_f = (_e = actionDefinition.fieldRestrictedCode) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : null;
+        if (this.restrictedOnField) {
+            this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+            this.restrictedOnValue = (_g = actionDefinition.valueRestricted) !== null && _g !== void 0 ? _g : '';
+        }
         this.customValidation = () => true;
     }
+    viewOnState(state) {
+        var _a;
+        const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
+        if (actionVisible && this._form && this.restrictedOnField) {
+            const relatedField = (_a = this._form.fields) === null || _a === void 0 ? void 0 : _a[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; }
@@ -738,13 +729,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 },
@@ -769,7 +760,6 @@ class FieldDescriptor extends FormElement {
         this._errorType = '';
         this._errorCode = '';
         this._errorMessage = '';
-        this._fieldCode = '';
         this._intrinsicErrorMessage = '';
         this._maxLength = 0;
         this._minLength = 0;
@@ -786,15 +776,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 = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.fields) !== null && _c !== void 0 ? _c : [];
         this.elementType = elementTypes.field;
         const fld = (inputFieldReceived) ? inputFieldReceived : {};
-        this.setAttr(attrs$1._fieldCode, fld.fieldCode);
-        this.title = (_d = fld.fieldTitle) !== null && _d !== void 0 ? _d : this._fieldCode;
+        this.setAttr(attrs$1.fieldCode, fld.fieldCode);
+        this.title = (_d = fld.fieldTitle) !== null && _d !== void 0 ? _d : this.fieldCode;
         this.type = fld.fieldTypeCode;
         this.captureType = (_e = fld.captureType) !== null && _e !== void 0 ? _e : DEFAULT_CAPTURE_TYPE;
         const defaultValue = (_f = fld.defaultValue) !== null && _f !== void 0 ? _f : null;
@@ -836,8 +827,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; }
@@ -902,10 +892,10 @@ class FieldDescriptor extends FormElement {
         }
         this.setAttr(attrs$1._minValue, minValue);
     }
-    get name() { return this._fieldCode; }
+    get name() { return this.fieldCode; }
     get options() {
         var _a, _b;
-        return (_b = (_a = this._fieldOptions) === null || _a === void 0 ? void 0 : _a.map(option => {
+        return (_b = (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.map(option => {
             const optionCopy = Object.assign({}, option);
             return optionCopy;
         })) !== null && _b !== void 0 ? _b : null;
@@ -926,25 +916,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 = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(item => { var _a; return (_a = this._fieldOptions) === null || _a === void 0 ? void 0 : _a.find(opt => opt.fieldOptionId === item); });
+                const fieldValue = (_a = this._value) === null || _a === void 0 ? void 0 : _a.filter(item => { var _a; return (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.find(opt => opt.fieldOptionId === item); });
                 this.setAttr(attrs$1._value, fieldValue);
             }
             else {
-                const valInOptions = (_b = this._fieldOptions) === null || _b === void 0 ? void 0 : _b.find(item => item.fieldOptionId === this._value);
+                const valInOptions = (_b = this.fieldOptions) === null || _b === void 0 ? void 0 : _b.find(item => item.fieldOptionId === this._value);
                 if (!valInOptions) {
                     this._setValue('');
                 }
             }
         }
-        if (this._fieldRequired && ((_c = this._fieldOptions) === null || _c === void 0 ? void 0 : _c.length) === 1 && this._value !== ((_d = this._fieldOptions) === null || _d === void 0 ? void 0 : _d[0].fieldOptionId)) {
-            this._setValue((_e = this._fieldOptions) === null || _e === void 0 ? void 0 : _e[0].fieldOptionId);
+        if (this._fieldRequired && ((_c = this.fieldOptions) === null || _c === void 0 ? void 0 : _c.length) === 1 && this._value !== ((_d = this.fieldOptions) === null || _d === void 0 ? void 0 : _d[0].fieldOptionId)) {
+            this._setValue((_e = this.fieldOptions) === null || _e === void 0 ? void 0 : _e[0].fieldOptionId);
             this.notifyEditionFinish();
         }
     }
-    get optionText() { var _a, _b, _c; return (_c = (_b = (_a = this._fieldOptions) === null || _a === void 0 ? void 0 : _a.find(item => item.fieldOptionId === this._value)) === null || _b === void 0 ? void 0 : _b.fieldOptionValue) !== null && _c !== void 0 ? _c : null; }
+    get optionText() { var _a, _b, _c; return (_c = (_b = (_a = this.fieldOptions) === null || _a === void 0 ? void 0 : _a.find(item => item.fieldOptionId === this._value)) === null || _b === void 0 ? void 0 : _b.fieldOptionValue) !== null && _c !== void 0 ? _c : null; }
     get outputOnly() { return this._outputOnly; }
     set outputOnly(outputOnly) { this.setAttr(attrs$1._outputOnly, outputOnly); }
     get required() { return this._fieldRequired; }
@@ -968,14 +958,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
      */
@@ -1051,7 +1033,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() {
         var _a, _b, _c, _d, _e;
@@ -1088,10 +1070,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) {
@@ -1242,8 +1224,11 @@ class RecordTableColumn extends FormPiece {
 
 class TableAction extends FormPiece {
     constructor(actionDefinition, formConfig) {
-        var _a, _b;
+        var _a, _b, _c;
         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;
@@ -1252,9 +1237,31 @@ class TableAction extends FormPiece {
         this.newState = actionDefinition.newState;
         this.stateField = actionDefinition.stateField || '';
         this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
-        this.restrictedOnField = actionDefinition.fieldRestrictedCode || '';
-        this.restrictedOnValue = (_b = actionDefinition.valueRestricted) !== null && _b !== void 0 ? _b : '';
-        this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
+        this.restrictedOnField = (_b = actionDefinition.fieldRestrictedCode) !== null && _b !== void 0 ? _b : null;
+        if (this.restrictedOnField) {
+            this.restrictedOnValue = (_c = actionDefinition.valueRestricted) !== null && _c !== void 0 ? _c : null;
+            this.restrictedOnOperator = actionDefinition.operatorRestricted || null;
+        }
+    }
+    viewOnState(state) {
+        var _a;
+        const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
+        if (actionVisible && this._form && this.restrictedOnField) {
+            // Aqui se debe cambiar el campo por la columna del registro!!!!!
+            // const relatedField = this._form.fields?.[this.restrictedOnField];
+            const relatedField = (_a = this.recordData) === null || _a === void 0 ? void 0 : _a[this.restrictedOnField];
+            if (relatedField) {
+                const fieldValue = relatedField.value;
+                if ((this.restrictedOnOperator === '==' && fieldValue !== this.restrictedOnValue)
+                    || (this.restrictedOnOperator === '!=' && fieldValue === this.restrictedOnValue)) {
+                    return false;
+                }
+            }
+        }
+        return actionVisible;
+    }
+    setRecodData(recordData) {
+        this.recordData = recordData;
     }
 }
 
@@ -1774,13 +1781,13 @@ class RecordTable extends FormElement {
         }
         return direction === TABLE_SORT_ASCENDING ? result : -result;
     }
-    formStateChangeCustomSubscribe(formChangeSubject) {
+    formStateChangeCustomSubscribe(form, formChangeSubject) {
         var _a, _b;
         (_a = this.columns) === null || _a === void 0 ? void 0 : _a.forEach(column => {
-            column === null || column === void 0 ? void 0 : column.subscribeFormStateChange(formChangeSubject);
+            column === null || column === void 0 ? void 0 : column.connectWithParentForm(form, formChangeSubject);
         });
         (_b = this._actions) === null || _b === void 0 ? void 0 : _b.forEach(action => {
-            action === null || action === void 0 ? void 0 : action.subscribeFormStateChange(formChangeSubject);
+            action === null || action === void 0 ? void 0 : action.connectWithParentForm(form, formChangeSubject);
         });
     }
 }
@@ -1997,10 +2004,10 @@ class RecordFormSection extends FormPiecePropagate {
         }
         return null;
     }
-    formStateChangeCustomSubscribe(formChangeSubject) {
+    formStateChangeCustomSubscribe(form, formChangeSubject) {
         var _a;
         (_a = this.subSections) === null || _a === void 0 ? void 0 : _a.forEach(subsection => {
-            subsection === null || subsection === void 0 ? void 0 : subsection.subscribeFormStateChange(formChangeSubject);
+            subsection === null || subsection === void 0 ? void 0 : subsection.connectWithParentForm(form, formChangeSubject);
         });
     }
 }
@@ -2291,7 +2298,7 @@ class FormStructureAndData {
         return this.getFieldSet(fld => (fld === null || fld === void 0 ? void 0 : fld.required) && (fld === null || fld === void 0 ? void 0 : fld.empty), codes !== null && codes !== void 0 ? codes : null, secCode, subCode);
     }
     getChangedFields(codes, secCode, subCode) {
-        return this.getFieldSet(fld => !(fld === null || fld === void 0 ? void 0 : fld.outputOnly) && (fld === null || fld === void 0 ? void 0 : fld.hasChanged()), codes !== null && codes !== void 0 ? codes : null, secCode, subCode);
+        return this.getFieldSet(fld => !(fld === null || fld === void 0 ? void 0 : fld.outputOnly) && (fld === null || fld === void 0 ? void 0 : fld.hasChanged), codes !== null && codes !== void 0 ? codes : null, secCode, subCode);
     }
     getFieldsWithValidationIssues(codes, secCode, subCode) {
         return this.getFieldSet(fld => fld === null || fld === void 0 ? void 0 : fld.hasError(), codes !== null && codes !== void 0 ? codes : null, secCode, subCode);
@@ -2565,6 +2572,7 @@ class BasicFormComponent {
         this._formRoute = null;
         this._definitionObtained = false;
         // Eventos de acciones y campos
+        this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
         this._formSectionsInactivate = {};
@@ -2607,7 +2615,6 @@ class BasicFormComponent {
     cleanData() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.cleanData(); }
     getCurrentState() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getCurrentState(); }
     supportState(state) { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.supportState(state !== null && state !== void 0 ? state : '')) !== null && _b !== void 0 ? _b : false; }
-    changeState(state) { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state)) !== null && _b !== void 0 ? _b : false; }
     getStates() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.states; }
     getImmutableElement(name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getImmutableElement(name); }
     getExtraInfo(name) { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.getExtraInfo(name); }
@@ -2868,6 +2875,7 @@ class BasicFormComponent {
         // Se limpian los manejadores de eventos
         this.visible = false;
         this.busy = false;
+        this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
         this._formSectionsInactivate = {};
@@ -2890,14 +2898,14 @@ class BasicFormComponent {
         this.onTableServerError(() => this.displayTableServerError());
     }
     get formVisible() { return this.visible; }
-    get formManager() { return this; }
+    get form() { return this; }
     get formCode() { var _a; return (_a = this.name) !== null && _a !== void 0 ? _a : ''; }
     set formCode(name) { this.name = name; }
     get inServerProcess() { return this.busy; }
-    get form() { return this._formStructure; }
+    get formStructure() { return this._formStructure; }
     get state() { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : null; }
     get currentState() { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : ''; }
-    set currentState(state) { var _a; (_a = this === null || this === void 0 ? void 0 : this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state); }
+    set currentState(state) { this === null || this === void 0 ? void 0 : this.changeState(state); }
     get immutableData() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.immutableData; }
     get extraInfo() { var _a; return (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.extraInfo; }
     get visibleSections() { var _a, _b; return (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.visibleSections) !== null && _b !== void 0 ? _b : null; }
@@ -3022,7 +3030,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((_b = this._formStructure) === null || _b === void 0 ? void 0 : _b.stateChange);
+            section.connectWithParentForm(this, (_b = this._formStructure) === null || _b === void 0 ? void 0 : _b.stateChange);
         }
     }
     subscribeFieldsSubjects() {
@@ -3041,7 +3049,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((_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.stateChange);
+                field.connectWithParentForm(this, (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.stateChange);
             });
         }
     }
@@ -3053,7 +3061,7 @@ class BasicFormComponent {
                 var _a;
                 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((_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.stateChange);
+                action.connectWithParentForm(this, (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.stateChange);
             });
         }
     }
@@ -3069,12 +3077,12 @@ 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((_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.stateChange);
+                table.connectWithParentForm(this, (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.stateChange);
             });
         }
     }
     formInit(params, forceReload = false) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return __awaiter(this, void 0, void 0, function* () {
             let initialState = this.preocessInputParams(params);
             if (!this.name) {
@@ -3107,15 +3115,28 @@ class BasicFormComponent {
             this.subscribeActionSubjects();
             this.subscribeTableSubjects();
             // Se define el estado inicial y se solicita la acción inicial
-            (_f = this._formStructure) === null || _f === void 0 ? void 0 : _f.changeState(initialState || ((_g = this._formStructure) === null || _g === void 0 ? void 0 : _g.defaultState));
+            this.changeState(initialState || ((_f = this._formStructure) === null || _f === void 0 ? void 0 : _f.defaultState));
             const recordResponse = yield this.requestFormAction(formActions.getData);
             this.checkErrorRecordReceived(recordResponse);
             this.visible = true;
-            this.enabledSections = (_j = (_h = this._formStructure) === null || _h === void 0 ? void 0 : _h.visibleSections) !== null && _j !== void 0 ? _j : [];
+            this.enabledSections = (_h = (_g = this._formStructure) === null || _g === void 0 ? void 0 : _g.visibleSections) !== null && _h !== void 0 ? _h : [];
             this.start();
             this.customFormStart();
         });
     }
+    changeState(state) {
+        var _a, _b;
+        const stateChanged = (_b = (_a = this._formStructure) === null || _a === void 0 ? void 0 : _a.changeState(state !== null && state !== void 0 ? state : '')) !== null && _b !== void 0 ? _b : false;
+        if (stateChanged) {
+            const clientActionMethods = this._formChangeState;
+            if (clientActionMethods && clientActionMethods.length > 0) {
+                for (const callback of clientActionMethods) {
+                    callback(state);
+                }
+            }
+        }
+        return stateChanged;
+    }
     checkErrorRecordReceived(recordResponse) {
         const { error } = recordResponse;
         if (!error) {
@@ -3230,6 +3251,9 @@ class BasicFormComponent {
     /**
      * Manejo de event handlers para acciones sobre el formulario
      */
+    onFormChange(callback) {
+        this._formChangeState.push(callback);
+    }
     onSectionCanDeactivate(codes, callback, properties = null) {
         const sectionSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         sectionSet.forEach((sectionName) => {
@@ -4094,7 +4118,11 @@ class BasicFormComponent {
             for (const columnName of columnNames) {
                 const columnValue = (_a = tableRecord.getFieldValue(columnName)) !== null && _a !== void 0 ? _a : '';
                 const code = (_b = mappingTable === null || mappingTable === void 0 ? void 0 : mappingTable[columnName]) !== null && _b !== void 0 ? _b : columnName;
-                this.setFieldValue(code, columnValue);
+                const field = code ? this.getField(code) : null;
+                if (field) {
+                    field.setValue(columnValue);
+                    field.hasChanged = false;
+                }
             }
             return true;
         }