tuain-ng-forms-lib 12.0.1 → 12.0.5

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 }; };
@@ -2159,7 +2134,7 @@
                 (attrName === this._formConfig.apifieldattrs.info) && this.setAttr(fldAttr.info, fld.info);
                 (attrName === this._formConfig.apifieldattrs.editable) && this.setEditable(fld.editable);
                 (attrName === this._formConfig.apifieldattrs.title) && this.setLabel(fld.fieldTitle.toString());
-                (attrName === this._formConfig.apifieldattrs.value) && (this.setValue(fld._fieldValue) && this.setChanged(false));
+                (attrName === this._formConfig.apifieldattrs.value) && (this.setValue(fld.fieldValue) && this.setChanged(false));
                 (attrName === this._formConfig.apifieldattrs.options) && this.setFieldOptions(fld.fieldOptions);
                 (attrName === this._formConfig.apifieldattrs.captureType) && this.setAttr(fldAttr.captureType, fld.captureType || 'INPUT');
                 (attrName === this._formConfig.apifieldattrs.type) && this.setFieldType(fld.fieldTypeCode);
@@ -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])
@@ -3085,8 +3058,6 @@
         }
         // Métodos virtuales para las aplicaciones
         LibFormManagerService.prototype.getFormDefinition = function (formCode) { };
-        LibFormManagerService.prototype.getFormRoute = function (formCode) { };
-        LibFormManagerService.prototype.getRouteForm = function (path) { };
         LibFormManagerService.prototype.execServerAction = function (actionDetail) { };
         LibFormManagerService.prototype.goToForm = function (formCode, token, subject) { };
         LibFormManagerService.prototype.loadStack = function () { };
@@ -3408,6 +3379,7 @@
             this._eventEmiter.subscribe(eventName, callback);
         };
         BasicFormComponent.prototype.openForm = function (name, data, backData, cleanStack) {
+            if (data === void 0) { data = null; }
             if (backData === void 0) { backData = null; }
             if (cleanStack === void 0) { cleanStack = false; }
             var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -3426,41 +3398,6 @@
             target.extra = (_h = target === null || target === void 0 ? void 0 : target.extra) !== null && _h !== void 0 ? _h : {};
             this.formManagerService.openForm(origin, target);
         };
-        /**
-         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
-         */
-        BasicFormComponent.prototype.goToPage = function (navigationArray, predefinedFields, options) {
-            if (options === void 0) { options = null; }
-            var _a;
-            var origin = null;
-            var cleanStack = (_a = options === null || options === void 0 ? void 0 : options.cleanStack) !== null && _a !== void 0 ? _a : false;
-            if (!cleanStack) {
-                origin = {
-                    name: this.name,
-                    url: this._formRoute,
-                    token: this.controlToken,
-                    fields: this.inputDataFields,
-                    extra: this.extraData
-                };
-            }
-            var target = {
-                name: this.formManagerService.getRouteForm(navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0]),
-                url: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[0],
-                state: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[1],
-                subject: navigationArray === null || navigationArray === void 0 ? void 0 : navigationArray[2],
-                fields: predefinedFields,
-                extra: null,
-            };
-            this.formManagerService.openForm(origin, target);
-        };
-        /**
-         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
-         */
-        BasicFormComponent.prototype.goToNewPage = function (nav, flds) { return this.goToPage(nav, flds, { cleanStack: true }); };
-        /**
-         * @deprecated Este método ya no debería ser utilizado. Use openForm con el nombre del formulario
-         */
-        BasicFormComponent.prototype.goToSubPage = function (nav, flds) { return this.goToPage(nav, flds, { cleanStack: false }); };
         BasicFormComponent.prototype.canGoBack = function () { return this.originToken !== null; };
         BasicFormComponent.prototype.goBack = function () { return this.formManagerService.backTo(); };
         BasicFormComponent.prototype.goBackForm = function () { return this.goBack(); };
@@ -3502,13 +3439,13 @@
         BasicFormComponent.prototype.getSubject = function () { return this.formSubject; };
         BasicFormComponent.prototype.getformSubject = function () { return this.getSubject(); };
         BasicFormComponent.prototype.preocessInputParams = function (params) {
-            var _a, _b;
-            this.controlToken = (_a = params === null || params === void 0 ? void 0 : params[TOKEN].toString()) !== null && _a !== void 0 ? _a : null;
+            var _a, _b, _c;
+            this.controlToken = (_a = params === null || params === void 0 ? void 0 : params[TOKEN]) !== null && _a !== void 0 ? _a : null;
             var _j = this.formManagerService.getFormInfo(this.controlToken), token = _j.token, subject = _j.subject, state = _j.state, fields = _j.fields, extra = _j.extra, originToken = _j.originToken;
             if (!this.controlToken || this.controlToken !== token) {
                 console.log("No se obtuvo un token v\u00E1lido para abrir el formulario " + this.controlToken + "->" + token);
             }
-            this.formSubject = (_b = params === null || params === void 0 ? void 0 : params[SUBJECT].toString()) !== null && _b !== void 0 ? _b : subject;
+            this.formSubject = (_c = (_b = params === null || params === void 0 ? void 0 : params[SUBJECT]) !== null && _b !== void 0 ? _b : subject) !== null && _c !== void 0 ? _c : null;
             this.inputDataFields = fields;
             this.extraData = extra;
             this.originToken = originToken;
@@ -3621,7 +3558,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); };
@@ -3642,7 +3579,7 @@
                                 formData: this.formStructure.getPayload(),
                                 immutableData: this.formStructure.immutableData,
                             };
-                            this.errorCode = '00';
+                            this.errorCode = NO_ERROR;
                             this.errorMessage = '';
                             this.errorDetail = '';
                             this.inServerProcess = true;
@@ -3993,8 +3930,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 = [];
@@ -4033,8 +3969,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 = [];