tuain-ng-forms-lib 12.0.12 → 12.0.16

package/README.md

@@ -80,7 +80,7 @@ This component allows to receive the following information
 | --- | ----------- |
 | actionObjec | Defines the action object of the form |
 | currentMode | Defines the current state of the form in order to define if the element can be visible or actionable |
-| formBusy | Defines in the form is makinh an exclusive process that prevents the action execution |
+| busy | Defines in the form is makinh an exclusive process that prevents the action execution |
 | relatedField | Describe the field object related with this action |
 | style | Define a style attribute for the action |
 | showLabel | Define if the action shows it's label

package/bundles/tuain-ng-forms-lib.umd.js

@@ -11,28 +11,40 @@
         }
         ActionComponent.prototype.ngOnInit = function () {
             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();
         };
         ActionComponent.prototype.start = function () { };
         ActionComponent.prototype.activate = function () {
             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();
             }
         };
-        Object.defineProperty(ActionComponent.prototype, "isVisible", {
+        ActionComponent.prototype.visibleOnRestriction = function () {
+            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;
+            }
+        };
+        Object.defineProperty(ActionComponent.prototype, "visible", {
             get: function () {
-                var _a, _b, _c, _d, _e;
-                if (!((_a = this.actionObject) === 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))) {
-                    return true;
-                }
+                var _a;
+                return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ActionComponent.prototype, "disabled", {
+            get: function () {
+                var _a;
+                return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
             },
             enumerable: false,
             configurable: true
@@ -46,10 +58,10 @@
                 },] }
     ];
     ActionComponent.propDecorators = {
-        actionObject: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        formBusy: [{ type: core.Input }],
+        action: [{ type: core.Input }],
+        busy: [{ type: core.Input }],
         relatedField: [{ type: core.Input }],
+        currentState: [{ type: core.Input }],
         style: [{ type: core.Input }],
         showLabel: [{ type: core.Input }]
     };
@@ -379,22 +391,28 @@
         FieldComponent.prototype.ngOnInit = function () {
             var _this = this;
             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
                 var mapping = Object.entries(this.formConfig.componentFieldAttrMap);
                 for (var index = 0; index < mapping.length; index++) {
-                    var _c = __read(mapping[index], 2), fieldAttr = _c[0], compAttr = _c[1];
-                    this[compAttr.toString()] = (_b = this.fieldObject) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+                    var _c = __read(mapping[index], 2), fieldAttr = _c[0], compAttr1 = _c[1];
+                    var 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(function (event) {
+                this.field.attributeChange.subscribe(function (event) {
                     var fieldAttr = event.name, value = event.value;
                     var compAttr = _this.formConfig.componentFieldAttrMap[fieldAttr];
                     if (compAttr === VALUE) {
                         _this.updateValue();
                     }
-                    else if (_this.hasOwnProperty(compAttr)) {
+                    else {
                         _this[compAttr] = value;
                     }
                 });
@@ -407,20 +425,36 @@
         FieldComponent.prototype.updateObject = function () { };
         FieldComponent.prototype.onInputChange = function () {
             var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionPartial(); }, 50);
+            setTimeout(function () { return _this.field.notifyEditionPartial(); }, 50);
         };
         FieldComponent.prototype.onChangeContent = function () {
             var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionFinish(); }, 50);
+            setTimeout(function () { return _this.field.notifyEditionFinish(); }, 50);
         };
         FieldComponent.prototype.onShowInfo = function () {
             var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionDetailRequest(); }, 50);
+            setTimeout(function () { return _this.field.notifyEditionDetailRequest(); }, 50);
         };
         FieldComponent.prototype.numberInputValidation = function (event) {
             var k = event.charCode;
             return (k > 47 && k < 58);
         };
+        Object.defineProperty(FieldComponent.prototype, "visible", {
+            get: function () {
+                var _a;
+                return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FieldComponent.prototype, "disabled", {
+            get: function () {
+                var _a;
+                return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+            },
+            enumerable: false,
+            configurable: true
+        });
         return FieldComponent;
     }());
     FieldComponent.decorators = [
@@ -430,8 +464,8 @@
                 },] }
     ];
     FieldComponent.propDecorators = {
-        fieldObject: [{ type: core.Input }],
-        disabled: [{ type: core.Input }]
+        field: [{ type: core.Input }],
+        currentState: [{ type: core.Input }]
     };
 
     var ElementComponent = /** @class */ (function () {
@@ -3259,7 +3293,7 @@
             this.extraData = {};
             this.definitionObtained = false;
             this.formVisible = false;
-            this.inServerProcess = false;
+            this.busy = false;
             this.formSectionsActivate = {};
             this.formSectionsInactivate = {};
             this.formActionsStart = {};
@@ -3278,6 +3312,11 @@
             this.cleanStart();
             this.customPreProcessing();
         }
+        Object.defineProperty(BasicFormComponent.prototype, "inServerProcess", {
+            get: function () { return this.busy; },
+            enumerable: false,
+            configurable: true
+        });
         BasicFormComponent.prototype.setConfig = function (formConfig) {
             this.formConfig = formConfig;
         };
@@ -3294,7 +3333,7 @@
             this.definitionObtained = false;
             // Se limpian los manejadores de eventos
             this.formVisible = false;
-            this.inServerProcess = false;
+            this.busy = false;
             this.formSectionsActivate = {};
             this.formSectionsInactivate = {};
             this.formActionsStart = {};
@@ -3601,11 +3640,11 @@
                                 return [2 /*return*/];
                             }
                             if (!!this.definitionObtained) return [3 /*break*/, 2];
-                            this.inServerProcess = true;
+                            this.busy = true;
                             return [4 /*yield*/, this.formManagerService.getFormDefinition(this.name)];
                         case 1:
                             formDefinition = _j.sent();
-                            this.inServerProcess = false;
+                            this.busy = false;
                             this.formStructure = new FormStructureAndData(formDefinition, this.formConfig);
                             this.fields = this.formStructure.fields;
                             this.actions = this.formStructure.actions;
@@ -3674,11 +3713,11 @@
                             this.errorCode = NO_ERROR;
                             this.errorMessage = '';
                             this.errorDetail = '';
-                            this.inServerProcess = true;
+                            this.busy = true;
                             return [4 /*yield*/, this.formManagerService.execServerAction(actionDetail)];
                         case 1:
                             formActionResponse = _j.sent();
-                            this.inServerProcess = false;
+                            this.busy = false;
                             if (formActionResponse && formActionResponse.error.errorType) {
                                 console.log('Excepción no soportada');
                             }
@@ -3698,7 +3737,7 @@
         BasicFormComponent.prototype.updateFormWithServerData = function (formContent) {
             var e_1, _j, e_2, _k, e_3, _l;
             var currentMode = formContent.currentMode, formSubject = formContent.formSubject, actions = formContent.actions, fields = formContent.fields, recordTables = formContent.recordTables, returnedFile = formContent.returnedFile, immutableData = formContent.immutableData, extraInfo = formContent.extraInfo;
-            this.changeState(currentMode !== null && currentMode !== void 0 ? currentMode : this.formStructure.state);
+            currentMode && this.changeState(currentMode);
             if (formSubject) {
                 this.formSubject = formSubject;
             }
@@ -3930,7 +3969,7 @@
                             return [4 /*yield*/, this.finishAction(action, actionResult)];
                         case 3:
                             _j.sent();
-                            this.changeState(action.newState);
+                            action.newState && this.changeState(action.newState);
                             return [3 /*break*/, 5];
                         case 4:
                             this.displayActionServerError();
@@ -4362,7 +4401,7 @@
                             return [4 /*yield*/, this.finishTableGlobalAction(tableActionDetail, actionResult)];
                         case 3:
                             _j.sent();
-                            this.changeState(action.newState);
+                            action.newState && this.changeState(action.newState);
                             return [3 /*break*/, 5];
                         case 4:
                             this.displayTableServerError();
@@ -4497,7 +4536,7 @@
                         case 2:
                             if (finish) {
                                 this.finishTableAction(tableActionDetail, actionResult);
-                                this.changeState(action.newState);
+                                action.newState && this.changeState(action.newState);
                             }
                             else {
                                 this.displayTableServerError();
@@ -4757,7 +4796,7 @@
                         case 2:
                             if (finish) {
                                 this.finishTableSelectionAction(tableActionDetail, actionResult);
-                                this.changeState(action.newState);
+                                action.newState && this.changeState(action.newState);
                             }
                             else {
                                 this.displayTableServerError();