tuain-ng-forms-lib 12.0.14 → 12.0.18

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

@@ -13,35 +13,35 @@ 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();
         }
     }
     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.actionObject) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
+        return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
     }
     get disabled() {
         var _a;
-        return !((_a = this.actionObject) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+        return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
     }
 }
 ActionComponent.decorators = [
@@ -51,7 +51,7 @@ ActionComponent.decorators = [
             },] }
 ];
 ActionComponent.propDecorators = {
-    actionObject: [{ type: Input }],
+    action: [{ type: Input }],
     busy: [{ type: Input }],
     relatedField: [{ type: Input }],
     currentState: [{ type: Input }],
@@ -63,8 +63,8 @@ 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++) {
@@ -74,11 +74,11 @@ class FieldComponent {
                     this.updateValue();
                 }
                 else {
-                    this[compAttr] = (_b = this.fieldObject) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+                    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) {
@@ -93,16 +93,29 @@ class FieldComponent {
     }
     start() { }
     focus() { }
-    updateValue() { }
-    updateObject() { }
+    updateObject() {
+        this.field._fieldValue = this.value;
+        this.onChangeContent();
+    }
+    inputChanged() {
+        this.field._fieldValue = this.value;
+        this.onInputChange();
+    }
+    inputTyped() {
+        this.field._fieldValue = this.value;
+        this.onInputChange();
+    }
+    updateValue() {
+        this.value = this.field._fieldValue;
+    }
     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;
@@ -110,11 +123,11 @@ class FieldComponent {
     }
     get visible() {
         var _a;
-        return (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
+        return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
     }
     get disabled() {
         var _a;
-        return !((_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
+        return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
     }
 }
 FieldComponent.decorators = [
@@ -124,7 +137,7 @@ FieldComponent.decorators = [
             },] }
 ];
 FieldComponent.propDecorators = {
-    fieldObject: [{ type: Input }],
+    field: [{ type: Input }],
     currentState: [{ type: Input }]
 };
 
@@ -2379,7 +2392,7 @@ class BasicFormComponent {
         this.extraData = {};
         this.definitionObtained = false;
         this.formVisible = false;
-        this.inServerProcess = false;
+        this.busy = false;
         this.formSectionsActivate = {};
         this.formSectionsInactivate = {};
         this.formActionsStart = {};
@@ -2398,6 +2411,7 @@ class BasicFormComponent {
         this.cleanStart();
         this.customPreProcessing();
     }
+    get inServerProcess() { return this.busy; }
     setConfig(formConfig) {
         this.formConfig = formConfig;
     }
@@ -2414,7 +2428,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 = {};
@@ -2671,9 +2685,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;
@@ -2731,9 +2745,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');
             }