tuain-ng-forms-lib 12.0.2 → 12.0.3

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

@@ -54,230 +54,6 @@
         showLabel: [{ type: core.Input }]
     };
 
-    var MONITORED_ATTRIBUTES = {
-        _maxLength: 'maxLength',
-        _onValidation: 'onValidation',
-        _fieldValue: 'value',
-        captureType: 'captureType',
-        fieldTitle: 'title',
-        fieldType: 'type',
-        errorMessage: 'errorMessage',
-        errorType: 'errorType',
-        errorCode: 'errorCode',
-        visibleLabel: 'visibleLabel',
-        fieldRequired: 'required',
-        fieldOptions: 'options',
-    };
-    var FieldComponent = /** @class */ (function () {
-        function FieldComponent() {
-        }
-        FieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a;
-            if (this.fieldObject) {
-                this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-                // Atributos estáticos
-                this.code = this.fieldObject.fieldCode;
-                this.fieldInfo = this.fieldObject.fieldInfo;
-                this.fieldAlignment = this.fieldObject.fieldAlignment;
-                this.tooltipText = this.fieldObject.tooltipText;
-                // Cargue inicial
-                this.maxLength = this.fieldObject._maxLength;
-                this.onValidation = this.fieldObject._onValidation;
-                this.value = this.fieldObject._fieldValue;
-                this.captureType = this.fieldObject.captureType;
-                this.title = this.fieldObject.fieldTitle;
-                this.type = this.fieldObject.fieldType;
-                this.errorMessage = this.fieldObject.errorMessage;
-                this.errorType = this.fieldObject.errorType;
-                this.errorCode = this.fieldObject.errorCode;
-                this.visibleLabel = this.fieldObject.visibleLabel;
-                this.required = this.fieldObject.fieldRequired;
-                this.options = this.fieldObject.fieldOptions;
-                this.fieldObject.widget = this;
-                // Atributos dinámicos
-                this.fieldObject.attributeChange.subscribe(function (event) {
-                    var name = event.name, value = event.value;
-                    if (_this[MONITORED_ATTRIBUTES[name]]) {
-                        _this[MONITORED_ATTRIBUTES[name]] = value;
-                    }
-                });
-            }
-            this.start();
-        };
-        FieldComponent.prototype.start = function () { };
-        FieldComponent.prototype.focus = function () { };
-        FieldComponent.prototype.onInputChange = function () {
-            var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionPartial(); }, 50);
-        };
-        FieldComponent.prototype.onChangeContent = function () {
-            var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionFinish(); }, 50);
-        };
-        FieldComponent.prototype.onShowInfo = function () {
-            var _this = this;
-            setTimeout(function () { return _this.fieldObject.notifyEditionDetailRequest(); }, 50);
-        };
-        FieldComponent.prototype.numberInputValidation = function (event) {
-            var k = event.charCode;
-            return (k > 47 && k < 58);
-        };
-        return FieldComponent;
-    }());
-    FieldComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-field',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    FieldComponent.propDecorators = {
-        fieldObject: [{ type: core.Input }],
-        disabled: [{ type: core.Input }]
-    };
-
-    var ElementComponent = /** @class */ (function () {
-        function ElementComponent() {
-        }
-        ElementComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a._formConfig;
-            this.start();
-        };
-        ElementComponent.prototype.start = function () { };
-        Object.defineProperty(ElementComponent.prototype, "visible", {
-            get: function () {
-                var _a, _b, _c, _d;
-                var visible = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.visible) !== null && _b !== void 0 ? _b : true;
-                return visible && ((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.viewOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ElementComponent.prototype, "disabled", {
-            get: function () {
-                var _a, _b, _c, _d;
-                var disabled = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : false;
-                return disabled || !((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.enabledOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return ElementComponent;
-    }());
-    ElementComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-element',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    ElementComponent.propDecorators = {
-        formElement: [{ type: core.Input }],
-        formManager: [{ type: core.Input }]
-    };
-
-    var FormErrorComponent = /** @class */ (function () {
-        function FormErrorComponent() {
-        }
-        return FormErrorComponent;
-    }());
-    FormErrorComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-form-error',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    FormErrorComponent.propDecorators = {
-        errorTitle: [{ type: core.Input }],
-        errorMessage: [{ type: core.Input }],
-        errorType: [{ type: core.Input }]
-    };
-
-    var FormHeaderComponent = /** @class */ (function () {
-        function FormHeaderComponent() {
-            this.goBackEvent = new core.EventEmitter();
-        }
-        FormHeaderComponent.prototype.goBackForm = function () {
-            this.goBackEvent.emit();
-        };
-        return FormHeaderComponent;
-    }());
-    FormHeaderComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-form-header',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    FormHeaderComponent.propDecorators = {
-        formManager: [{ type: core.Input }],
-        goBackAction: [{ type: core.Input }],
-        showTitle: [{ type: core.Input }],
-        headerActions: [{ type: core.Input }],
-        goBackEvent: [{ type: core.Output }]
-    };
-
-    var SectionComponent = /** @class */ (function () {
-        function SectionComponent() {
-        }
-        SectionComponent.prototype.ngOnInit = function () {
-            this.start();
-        };
-        SectionComponent.prototype.start = function () { };
-        return SectionComponent;
-    }());
-    SectionComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-section',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    SectionComponent.propDecorators = {
-        sectionObject: [{ type: core.Input }],
-        formManager: [{ type: core.Input }]
-    };
-
-    var SubSectionComponent = /** @class */ (function () {
-        function SubSectionComponent() {
-        }
-        SubSectionComponent.prototype.ngOnInit = function () {
-            this.start();
-        };
-        SubSectionComponent.prototype.start = function () { };
-        return SubSectionComponent;
-    }());
-    SubSectionComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'lib-subsection',
-                    template: "<ng-content></ng-content>"
-                },] }
-    ];
-    SubSectionComponent.propDecorators = {
-        subSection: [{ type: core.Input }],
-        showHeader: [{ type: core.Input }],
-        formManager: [{ type: core.Input }]
-    };
-
-    var FieldSearch = /** @class */ (function () {
-        function FieldSearch(filterDefinition) {
-            this.fieldCode = filterDefinition.fieldCode;
-            this.fieldAlias = filterDefinition.fieldAlias || filterDefinition.fieldCode;
-            this.fieldTitle = filterDefinition.fieldTitle;
-            this.fieldTypeCode = filterDefinition.fieldTypeCode;
-            this.operators = filterDefinition.operators;
-            this.alignment = filterDefinition.alignment;
-            this.format = filterDefinition.format;
-        }
-        return FieldSearch;
-    }());
-    var Filter = /** @class */ (function () {
-        function Filter() {
-            this.filterModeSimple = true;
-            this.advancedFilter = [];
-            this.simpleFilterWords = [];
-        }
-        return Filter;
-    }());
-
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -596,6 +372,204 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    var FieldComponent = /** @class */ (function () {
+        function FieldComponent() {
+        }
+        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;
+                // 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()];
+                }
+                // Subscripción a cambios en atributos
+                this.fieldObject.attributeChange.subscribe(function (event) {
+                    var fieldAttr = event.name, value = event.value;
+                    var compAttr = _this.formConfig.componentFieldAttrMap[fieldAttr];
+                    _this.hasOwnProperty(compAttr) && (_this[compAttr] = value);
+                });
+            }
+            this.start();
+        };
+        FieldComponent.prototype.start = function () { };
+        FieldComponent.prototype.focus = function () { };
+        FieldComponent.prototype.onInputChange = function () {
+            var _this = this;
+            setTimeout(function () { return _this.fieldObject.notifyEditionPartial(); }, 50);
+        };
+        FieldComponent.prototype.onChangeContent = function () {
+            var _this = this;
+            setTimeout(function () { return _this.fieldObject.notifyEditionFinish(); }, 50);
+        };
+        FieldComponent.prototype.onShowInfo = function () {
+            var _this = this;
+            setTimeout(function () { return _this.fieldObject.notifyEditionDetailRequest(); }, 50);
+        };
+        FieldComponent.prototype.numberInputValidation = function (event) {
+            var k = event.charCode;
+            return (k > 47 && k < 58);
+        };
+        return FieldComponent;
+    }());
+    FieldComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-field',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    FieldComponent.propDecorators = {
+        fieldObject: [{ type: core.Input }],
+        disabled: [{ type: core.Input }]
+    };
+
+    var ElementComponent = /** @class */ (function () {
+        function ElementComponent() {
+        }
+        ElementComponent.prototype.ngOnInit = function () {
+            var _a;
+            this.formConfig = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a._formConfig;
+            this.start();
+        };
+        ElementComponent.prototype.start = function () { };
+        Object.defineProperty(ElementComponent.prototype, "visible", {
+            get: function () {
+                var _a, _b, _c, _d;
+                var visible = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.visible) !== null && _b !== void 0 ? _b : true;
+                return visible && ((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.viewOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ElementComponent.prototype, "disabled", {
+            get: function () {
+                var _a, _b, _c, _d;
+                var disabled = (_b = (_a = this.formElement) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : false;
+                return disabled || !((_c = this.formElement) === null || _c === void 0 ? void 0 : _c.enabledOnState((_d = this.formManager) === null || _d === void 0 ? void 0 : _d.currentState));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return ElementComponent;
+    }());
+    ElementComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-element',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    ElementComponent.propDecorators = {
+        formElement: [{ type: core.Input }],
+        formManager: [{ type: core.Input }]
+    };
+
+    var FormErrorComponent = /** @class */ (function () {
+        function FormErrorComponent() {
+        }
+        return FormErrorComponent;
+    }());
+    FormErrorComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-form-error',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    FormErrorComponent.propDecorators = {
+        errorTitle: [{ type: core.Input }],
+        errorMessage: [{ type: core.Input }],
+        errorType: [{ type: core.Input }]
+    };
+
+    var FormHeaderComponent = /** @class */ (function () {
+        function FormHeaderComponent() {
+            this.goBackEvent = new core.EventEmitter();
+        }
+        FormHeaderComponent.prototype.goBackForm = function () {
+            this.goBackEvent.emit();
+        };
+        return FormHeaderComponent;
+    }());
+    FormHeaderComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-form-header',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    FormHeaderComponent.propDecorators = {
+        formManager: [{ type: core.Input }],
+        goBackAction: [{ type: core.Input }],
+        showTitle: [{ type: core.Input }],
+        headerActions: [{ type: core.Input }],
+        goBackEvent: [{ type: core.Output }]
+    };
+
+    var SectionComponent = /** @class */ (function () {
+        function SectionComponent() {
+        }
+        SectionComponent.prototype.ngOnInit = function () {
+            this.start();
+        };
+        SectionComponent.prototype.start = function () { };
+        return SectionComponent;
+    }());
+    SectionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-section',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    SectionComponent.propDecorators = {
+        sectionObject: [{ type: core.Input }],
+        formManager: [{ type: core.Input }]
+    };
+
+    var SubSectionComponent = /** @class */ (function () {
+        function SubSectionComponent() {
+        }
+        SubSectionComponent.prototype.ngOnInit = function () {
+            this.start();
+        };
+        SubSectionComponent.prototype.start = function () { };
+        return SubSectionComponent;
+    }());
+    SubSectionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-subsection',
+                    template: "<ng-content></ng-content>"
+                },] }
+    ];
+    SubSectionComponent.propDecorators = {
+        subSection: [{ type: core.Input }],
+        showHeader: [{ type: core.Input }],
+        formManager: [{ type: core.Input }]
+    };
+
+    var FieldSearch = /** @class */ (function () {
+        function FieldSearch(filterDefinition) {
+            this.fieldCode = filterDefinition.fieldCode;
+            this.fieldAlias = filterDefinition.fieldAlias || filterDefinition.fieldCode;
+            this.fieldTitle = filterDefinition.fieldTitle;
+            this.fieldTypeCode = filterDefinition.fieldTypeCode;
+            this.operators = filterDefinition.operators;
+            this.alignment = filterDefinition.alignment;
+            this.format = filterDefinition.format;
+        }
+        return FieldSearch;
+    }());
+    var Filter = /** @class */ (function () {
+        function Filter() {
+            this.filterModeSimple = true;
+            this.advancedFilter = [];
+            this.simpleFilterWords = [];
+        }
+        return Filter;
+    }());
+
+    var NO_ERROR = '00';
+    var HEADER$1 = 'HEADER';
     var elementTypes = {
         action: 'ACTION',
         field: 'FIELD',
@@ -1861,7 +1835,7 @@
         return RecordFormSection;
     }());
 
-    var HEADER$1 = 'HEADER';
+    var HEADER = 'HEADER';
     var FormAction = /** @class */ (function (_super) {
         __extends(FormAction, _super);
         function FormAction(actionDefinition, formConfig) {
@@ -1874,7 +1848,7 @@
             _this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
             _this.actionName = actionDefinition.actionTitle;
             _this.iconName = actionDefinition.iconName || _this.actionCode;
-            _this.location = actionDefinition.position || HEADER$1;
+            _this.location = actionDefinition.position || HEADER;
             _this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
             _this.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
             _this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : null;
@@ -2097,11 +2071,12 @@
             if (editable === void 0) { editable = true; }
             (editable) ? this.enable() : this.disable();
         };
-        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== '00'; };
+        FieldDescriptor.prototype.hasError = function () { return this.errorCode !== NO_ERROR; };
+        FieldDescriptor.prototype.resetError = function () { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); };
         FieldDescriptor.prototype.setError = function (code, message, type) {
             if (type === void 0) { type = DEFAULT_ERROR_TYPE; }
-            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : '00');
-            this.setAttr(fldAttr.errorType, (this.errorCode === '00') ? '' : type);
+            this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
+            this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
             this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
         };
         FieldDescriptor.prototype.getError = function () { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; };
@@ -2301,8 +2276,6 @@
         return FieldDescriptor;
     }(FormElement));
 
-    var HEADER = 'HEADER';
-    var NO_ERROR = '00';
     var FormStructureAndData = /** @class */ (function () {
         function FormStructureAndData(definitionReceived, formConfig) {
             var e_1, _d, e_2, _e, e_3, _f, e_4, _g;
@@ -2551,7 +2524,7 @@
             return this._actions;
         };
         FormStructureAndData.prototype.getHeaderActions = function () {
-            return this._actions.filter(function (actionItem) { return actionItem.location === HEADER; });
+            return this._actions.filter(function (actionItem) { return actionItem.location === HEADER$1; });
         };
         FormStructureAndData.prototype.getFieldObject = function (elementId) {
             return (this._fieldsObj && elementId && this._fieldsObj[elementId])
@@ -3622,7 +3595,7 @@
             this.errorDetail = recordResponse.errorDetail;
         };
         BasicFormComponent.prototype.errorOccured = function () {
-            return (this.errorCode !== '00');
+            return (this.errorCode !== NO_ERROR);
         };
         BasicFormComponent.prototype.changeState = function (state) { return this.formStructure.changeState(state); };
         BasicFormComponent.prototype.changeFormMode = function (state) { return this.changeState(state); };
@@ -3643,7 +3616,7 @@
                                 formData: this.formStructure.getPayload(),
                                 immutableData: this.formStructure.immutableData,
                             };
-                            this.errorCode = '00';
+                            this.errorCode = NO_ERROR;
                             this.errorMessage = '';
                             this.errorDetail = '';
                             this.inServerProcess = true;
@@ -3994,8 +3967,7 @@
                             if (!fieldToValidate) {
                                 return [2 /*return*/, false];
                             }
-                            fieldToValidate.setErrorMessage('');
-                            fieldToValidate.setErrorCode('00');
+                            fieldToValidate.resetError();
                             validationCallbacks = this.fieldInputValidation[fieldCode];
                             if (!validationCallbacks) return [3 /*break*/, 2];
                             clientValidationPromises = [];
@@ -4034,8 +4006,7 @@
                             if (!fieldToValidate || !intrinsicValidation) {
                                 return [2 /*return*/];
                             }
-                            fieldToValidate.setErrorMessage('');
-                            fieldToValidate.setErrorCode('00');
+                            fieldToValidate.resetError();
                             validationCallbacks = this.fieldValidationsStart[fieldCode];
                             if (!validationCallbacks) return [3 /*break*/, 2];
                             clientValidationPromises = [];