tuain-ng-forms-lib 12.0.12 → 12.0.16

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

@@ -13,28 +13,36 @@ class ActionComponent {
     }
     ngOnInit() {
         var _a;
-        this.formConfig = (_a = this.actionObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+        this.formConfig = (_a = this.action) === null || _a === void 0 ? void 0 : _a._formConfig;
         this.start();
     }
     start() { }
     activate() {
         var _a;
-        if ((_a = this.actionObject) === null || _a === void 0 ? void 0 : _a.notifyActivation) {
-            this.actionObject.notifyActivation();
+        if ((_a = this.action) === null || _a === void 0 ? void 0 : _a.notifyActivation) {
+            this.action.notifyActivation();
         }
     }
-    get isVisible() {
+    visibleOnRestriction() {
         var _a, _b, _c, _d, _e;
-        if (!((_a = this.actionObject) === null || _a === void 0 ? void 0 : _a.restrictedOnField)) {
+        if (!((_a = this.action) === null || _a === void 0 ? void 0 : _a.restrictedOnField)) {
             return true;
         }
-        if ((((_b = this.actionObject) === null || _b === void 0 ? void 0 : _b.restrictedOnOperator) === '=='
-            && this.relatedField === ((_c = this.actionObject) === null || _c === void 0 ? void 0 : _c.restrictedOnValue))
-            || (((_d = this.actionObject) === null || _d === void 0 ? void 0 : _d.restrictedOnOperator) === '!='
-                && this.relatedField !== ((_e = this.actionObject) === null || _e === void 0 ? void 0 : _e.restrictedOnValue))) {
+        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;
         }
     }
+    get visible() {
+        var _a;
+        return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
+    }
+    get disabled() {
+        var _a;
+        return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+    }
 }
 ActionComponent.decorators = [
     { type: Component, args: [{
@@ -43,10 +51,10 @@ ActionComponent.decorators = [
             },] }
 ];
 ActionComponent.propDecorators = {
-    actionObject: [{ type: Input }],
-    disabled: [{ type: Input }],
-    formBusy: [{ type: Input }],
+    action: [{ type: Input }],
+    busy: [{ type: Input }],
     relatedField: [{ type: Input }],
+    currentState: [{ type: Input }],
     style: [{ type: Input }],
     showLabel: [{ type: Input }]
 };
@@ -55,22 +63,28 @@ const VALUE = '';
 class FieldComponent {
     ngOnInit() {
         var _a, _b;
-        if (this.fieldObject) {
-            this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+        if (this.field) {
+            this.formConfig = (_a = this.field) === null || _a === void 0 ? void 0 : _a._formConfig;
             // Inicialización
             const mapping = Object.entries(this.formConfig.componentFieldAttrMap);
             for (let index = 0; index < mapping.length; index++) {
-                const [fieldAttr, compAttr] = mapping[index];
-                this[compAttr.toString()] = (_b = this.fieldObject) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+                const [fieldAttr, compAttr1] = mapping[index];
+                const compAttr = compAttr1.toString();
+                if (compAttr === VALUE) {
+                    this.updateValue();
+                }
+                else {
+                    this[compAttr] = (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+                }
             }
             // Subscripción a cambios en atributos
-            this.fieldObject.attributeChange.subscribe(event => {
+            this.field.attributeChange.subscribe(event => {
                 const { name: fieldAttr, value } = event;
                 const compAttr = this.formConfig.componentFieldAttrMap[fieldAttr];
                 if (compAttr === VALUE) {
                     this.updateValue();
                 }
-                else if (this.hasOwnProperty(compAttr)) {
+                else {
                     this[compAttr] = value;
                 }
             });
@@ -82,18 +96,26 @@ class FieldComponent {
     updateValue() { }
     updateObject() { }
     onInputChange() {
-        setTimeout(() => this.fieldObject.notifyEditionPartial(), 50);
+        setTimeout(() => this.field.notifyEditionPartial(), 50);
     }
     onChangeContent() {
-        setTimeout(() => this.fieldObject.notifyEditionFinish(), 50);
+        setTimeout(() => this.field.notifyEditionFinish(), 50);
     }
     onShowInfo() {
-        setTimeout(() => this.fieldObject.notifyEditionDetailRequest(), 50);
+        setTimeout(() => this.field.notifyEditionDetailRequest(), 50);
     }
     numberInputValidation(event) {
         const k = event.charCode;
         return (k > 47 && k < 58);
     }
+    get visible() {
+        var _a;
+        return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
+    }
+    get disabled() {
+        var _a;
+        return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+    }
 }
 FieldComponent.decorators = [
     { type: Component, args: [{
@@ -102,8 +124,8 @@ FieldComponent.decorators = [
             },] }
 ];
 FieldComponent.propDecorators = {
-    fieldObject: [{ type: Input }],
-    disabled: [{ type: Input }]
+    field: [{ type: Input }],
+    currentState: [{ type: Input }]
 };
 
 class ElementComponent {
@@ -2357,7 +2379,7 @@ class BasicFormComponent {
         this.extraData = {};
         this.definitionObtained = false;
         this.formVisible = false;
-        this.inServerProcess = false;
+        this.busy = false;
         this.formSectionsActivate = {};
         this.formSectionsInactivate = {};
         this.formActionsStart = {};
@@ -2376,6 +2398,7 @@ class BasicFormComponent {
         this.cleanStart();
         this.customPreProcessing();
     }
+    get inServerProcess() { return this.busy; }
     setConfig(formConfig) {
         this.formConfig = formConfig;
     }
@@ -2392,7 +2415,7 @@ class BasicFormComponent {
         this.definitionObtained = false;
         // Se limpian los manejadores de eventos
         this.formVisible = false;
-        this.inServerProcess = false;
+        this.busy = false;
         this.formSectionsActivate = {};
         this.formSectionsInactivate = {};
         this.formActionsStart = {};
@@ -2649,9 +2672,9 @@ class BasicFormComponent {
                 return;
             }
             if (!this.definitionObtained) {
-                this.inServerProcess = true;
+                this.busy = true;
                 const formDefinition = yield this.formManagerService.getFormDefinition(this.name);
-                this.inServerProcess = false;
+                this.busy = false;
                 this.formStructure = new FormStructureAndData(formDefinition, this.formConfig);
                 this.fields = this.formStructure.fields;
                 this.actions = this.formStructure.actions;
@@ -2709,9 +2732,9 @@ class BasicFormComponent {
             this.errorCode = NO_ERROR;
             this.errorMessage = '';
             this.errorDetail = '';
-            this.inServerProcess = true;
+            this.busy = true;
             const formActionResponse = yield this.formManagerService.execServerAction(actionDetail);
-            this.inServerProcess = false;
+            this.busy = false;
             if (formActionResponse && formActionResponse.error.errorType) {
                 console.log('Excepción no soportada');
             }
@@ -2728,7 +2751,7 @@ class BasicFormComponent {
     }
     updateFormWithServerData(formContent) {
         const { currentMode, formSubject, actions, fields, recordTables, returnedFile, immutableData, extraInfo, } = formContent;
-        this.changeState(currentMode !== null && currentMode !== void 0 ? currentMode : this.formStructure.state);
+        currentMode && this.changeState(currentMode);
         if (formSubject) {
             this.formSubject = formSubject;
         }
@@ -2866,7 +2889,7 @@ class BasicFormComponent {
             }
             if (finish) {
                 yield this.finishAction(action, actionResult);
-                this.changeState(action.newState);
+                action.newState && this.changeState(action.newState);
             }
             else {
                 this.displayActionServerError();
@@ -3163,7 +3186,7 @@ class BasicFormComponent {
             }
             if (finish) {
                 yield this.finishTableGlobalAction(tableActionDetail, actionResult);
-                this.changeState(action.newState);
+                action.newState && this.changeState(action.newState);
             }
             else {
                 this.displayTableServerError();
@@ -3246,7 +3269,7 @@ class BasicFormComponent {
             }
             if (finish) {
                 this.finishTableAction(tableActionDetail, actionResult);
-                this.changeState(action.newState);
+                action.newState && this.changeState(action.newState);
             }
             else {
                 this.displayTableServerError();
@@ -3404,7 +3427,7 @@ class BasicFormComponent {
             }
             if (finish) {
                 this.finishTableSelectionAction(tableActionDetail, actionResult);
-                this.changeState(action.newState);
+                action.newState && this.changeState(action.newState);
             }
             else {
                 this.displayTableServerError();