tuain-ng-forms-lib 12.0.5 → 12.0.9

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

@@ -372,6 +372,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    var VALUE = '';
     var FieldComponent = /** @class */ (function () {
         function FieldComponent() {
         }
@@ -390,13 +391,20 @@
                 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);
+                    if (compAttr === VALUE) {
+                        _this.updateValue();
+                    }
+                    else if (_this.hasOwnProperty(compAttr)) {
+                        _this[compAttr] = value;
+                    }
                 });
             }
             this.start();
         };
         FieldComponent.prototype.start = function () { };
         FieldComponent.prototype.focus = function () { };
+        FieldComponent.prototype.updateValue = function () { };
+        FieldComponent.prototype.updateObject = function () { };
         FieldComponent.prototype.onInputChange = function () {
             var _this = this;
             setTimeout(function () { return _this.fieldObject.notifyEditionPartial(); }, 50);
@@ -935,13 +943,13 @@
             _this._recordSelectionTrigger = new rxjs.Subject();
             _this._selectionActionTrigger = new rxjs.Subject();
             _this._getDataTrigger = new rxjs.Subject();
+            _this._attributeChange = new rxjs.Subject();
             _this.tableRecordObj = {};
             _this._tableColumnObj = {};
             _this._actionsObj = {};
             _this.allSelected = false;
             _this.elementType = elementTypes.table;
             _this.waiting = false;
-            _this.complexFilter = false;
             _this.currentPage = 1;
             _this.totalPages = 1;
             _this.requestedPage = 1;
@@ -949,26 +957,29 @@
             _this._tableColumnObj = {};
             _this._actions = [];
             _this._actionsObj = {};
-            _this.filterConfig = [];
-            _this.filterObject = new Filter();
             _this.tableRecords = [];
-            _this.tableCode = tableReceived.tableCode;
+            _this.setAttr('allSelected', false);
+            _this.setAttr('filterObject', new Filter());
+            _this.setAttr('filterConfig', []);
+            _this.setAttr('tableCode', tableReceived.tableCode);
             _this.tableTitle = tableReceived.tableTitle;
-            _this.clientPaging = (_a = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _a !== void 0 ? _a : true;
-            _this.simpleFilter = (_b = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _b !== void 0 ? _b : false;
+            _this.setAttr('clientPaging', (_a = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _a !== void 0 ? _a : true);
+            _this.setAttr('simpleFilter', (_b = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _b !== void 0 ? _b : false);
+            _this.setAttr('complexFilter', false);
             _this._appendPages = (_c = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.append) !== null && _c !== void 0 ? _c : false;
             _this.selectable = (_d = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectable) !== null && _d !== void 0 ? _d : false;
-            _this.selectionBackend = (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _e !== void 0 ? _e : false;
+            _this.setAttr('selectionBackend', (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _e !== void 0 ? _e : false);
             _this.customAttributes = (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.customAttributes) !== null && _f !== void 0 ? _f : {};
-            _this.sortable = (_g = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _g !== void 0 ? _g : false;
-            _this.sorting = { columnName: '', direction: '' };
-            _this.recordsPerPage = formConfig.defaultRecordsPerPage;
+            _this.setAttr('sortable', (_g = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _g !== void 0 ? _g : false);
+            _this.setAttr('sorting', { columnName: '', direction: '' });
+            _this.setAttr('recordsPerPage', formConfig.defaultRecordsPerPage);
             if (tableReceived.fields) {
+                var columns = [];
                 try {
                     for (var _l = __values(tableReceived.fields), _m = _l.next(); !_m.done; _m = _l.next()) {
                         var columnReceived = _m.value;
                         var columnDefinition = new RecordTableColumn(columnReceived, _this._formConfig);
-                        _this.columns.push(columnDefinition);
+                        columns.push(columnDefinition);
                         _this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
                     }
                 }
@@ -979,6 +990,7 @@
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
+                _this.setAttr('columns', columns);
             }
             if (tableReceived.actions) {
                 var tableActions = tableReceived.actions.map(function (objDef) {
@@ -1011,12 +1023,13 @@
                 }
             }
             if (tableReceived.filters && tableReceived.filters.length > 0) {
-                _this.complexFilter = true;
+                _this.setAttr('complexFilter', true);
+                var filterConfig = _this.filterConfig;
                 try {
                     for (var _o = __values(tableReceived.filters), _p = _o.next(); !_p.done; _p = _o.next()) {
                         var filterReceived = _p.value;
                         var filterItem = new FieldSearch(filterReceived);
-                        _this.filterConfig.push(filterItem);
+                        filterConfig.push(filterItem);
                     }
                 }
                 catch (e_3_1) { e_3 = { error: e_3_1 }; }
@@ -1026,6 +1039,7 @@
                     }
                     finally { if (e_3) throw e_3.error; }
                 }
+                _this.setAttr('filterConfig', filterConfig);
             }
             if (_this.selectable) {
                 _this.selectionField = _this.columns
@@ -1058,6 +1072,11 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(RecordTable.prototype, "attributeChange", {
+            get: function () { return this._attributeChange; },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(RecordTable.prototype, "hasActions", {
             get: function () { return (this._actions.length > 0); },
             enumerable: false,
@@ -1087,6 +1106,12 @@
             enumerable: false,
             configurable: true
         });
+        RecordTable.prototype.setAttr = function (name, value) {
+            this[name] = value;
+            if (this._formConfig.monitoredTableAttributes.includes(name)) {
+                this._attributeChange.next({ name: name, value: value });
+            }
+        };
         RecordTable.prototype.appendRecords = function (records) { this.setTableRecords(records, true); };
         RecordTable.prototype.replaceRecords = function (records) { this.setTableRecords(records, false); };
         RecordTable.prototype.columnDefinition = function (fieldCode) { return this._tableColumnObj[fieldCode]; };
@@ -1154,11 +1179,11 @@
             this.tableRecordObj = {};
         };
         RecordTable.prototype.selectAll = function () {
-            this.allSelected = true;
+            this.setAttr('allSelected', true);
             this.tableRecords.forEach(function (record) { return record.select(); });
         };
         RecordTable.prototype.unSelectAll = function () {
-            this.allSelected = false;
+            this.setAttr('allSelected', false);
             this.tableRecords.forEach(function (record) { return record.unselect(); });
         };
         RecordTable.prototype.setTableRecords = function (tableRecords, append) {
@@ -1192,21 +1217,24 @@
         RecordTable.prototype.updateVisibleRecords = function () {
             var _this = this;
             if (!this.clientPaging || !this.tableRecords || this.tableRecords.length === 0) {
-                this.visibleRecords = this.tableRecords;
+                this.setAttr('visibleRecords', this.tableRecords);
             }
-            this.visibleRecords = (this.filterObject.filterModeSimple)
+            var recordsVisible = (this.filterObject.filterModeSimple)
                 ? this.tableRecords.filter(function (record) { return record.hasPattern(_this.filterObject.simpleFilterWords); })
                 : this.tableRecords.filter(function (record) { return record.hasCondition(_this.filterObject.advancedFilter); });
+            this.setAttr('visibleRecords', recordsVisible);
         };
         RecordTable.prototype.updateFromServer = function (tableReceived) {
             this.visible = (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.visible) || true;
-            this.currentPage = parseInt(tableReceived.currentPage, 10) || 1;
+            this.setAttr('currentPage', parseInt(tableReceived.currentPage, 10) || 1);
             this.totalPages = tableReceived.totalPages || 1;
-            this.recordsPerPage = tableReceived.recordsPerPage;
+            this.setAttr('recordsPerPage', tableReceived.recordsPerPage);
             this.recordsNumber = tableReceived.recordsNumber;
-            this.totalRecordsNumber = tableReceived.totalRecordsNumber;
-            this.sorting.columnName = tableReceived.sortingColumn || '';
-            this.sorting.direction = tableReceived.sortingDirection || '';
+            this.setAttr('totalRecordsNumber', tableReceived.totalRecordsNumber);
+            this.setAttr('sorting', {
+                columnName: tableReceived.sortingColumn || '',
+                direction: tableReceived.sortingDirection || ''
+            });
             this.requestedPage = 1;
             this.waiting = false;
             this.clean();
@@ -1301,16 +1329,15 @@
         // Ordenamiento
         RecordTable.prototype.setRequiredOrder = function (columnField) {
             if (columnField !== this.sorting.columnName) {
-                this.sorting.columnName = columnField;
-                this.sorting.direction = TABLE_SORT_ASCENDING;
+                this.setAttr('sorting', {
+                    columnName: columnField,
+                    direction: TABLE_SORT_ASCENDING
+                });
             }
             else {
-                if (this.sorting.direction === TABLE_SORT_ASCENDING) {
-                    this.sorting.direction = TABLE_SORT_DESCENDING;
-                }
-                else {
-                    this.sorting.direction = TABLE_SORT_ASCENDING;
-                }
+                var tableSort = this.sorting;
+                tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
+                this.setAttr('sorting', tableSort);
             }
         };
         RecordTable.prototype.localSortData = function () {
@@ -1494,15 +1521,30 @@
             this.hasActions = false;
         }
         LibTableComponent.prototype.ngOnInit = function () {
-            var _a;
-            this.formConfig = (_a = this.tableObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-            this.tableFieldStyles = this.formConfig.tableFieldStyles;
-            this.selectable = this.tableObject.selectable;
-            this.hasActions = this.tableObject.hasActions;
-            this.tableObject.widget = this;
-            this.inlineActions = this.tableObject.getActions(this.formConfig.tableActions.inline);
-            this.globalActions = this.tableObject.getActions(this.formConfig.tableActions.global);
-            this.selectionActions = this.tableObject.getActions(this.formConfig.tableActions.selection);
+            var _this = this;
+            var _a, _b;
+            if (this.tableObject) {
+                this.formConfig = (_a = this.tableObject) === null || _a === void 0 ? void 0 : _a._formConfig;
+                this.tableFieldStyles = this.formConfig.tableFieldStyles;
+                this.selectable = this.tableObject.selectable;
+                this.hasActions = this.tableObject.hasActions;
+                this.tableObject.widget = this;
+                this.inlineActions = this.tableObject.getActions(this.formConfig.tableActions.inline);
+                this.globalActions = this.tableObject.getActions(this.formConfig.tableActions.global);
+                this.selectionActions = this.tableObject.getActions(this.formConfig.tableActions.selection);
+                // Inicialización de campos mapeados del objeto
+                var mapping = Object.entries(this.formConfig.componentTableAttrMap);
+                for (var index = 0; index < mapping.length; index++) {
+                    var _c = __read(mapping[index], 2), tableAttr = _c[0], compAttr = _c[1];
+                    this[compAttr.toString()] = (_b = this.tableObject) === null || _b === void 0 ? void 0 : _b[tableAttr.toString()];
+                }
+                // Subscripción a cambios en atributos
+                this.tableObject.attributeChange.subscribe(function (event) {
+                    var tableAttr = event.name, value = event.value;
+                    var compAttr = _this.formConfig.componentTableAttrMap[tableAttr];
+                    _this.hasOwnProperty(compAttr) && (_this[compAttr] = value);
+                });
+            }
             this.start();
         };
         LibTableComponent.prototype.start = function () { };
@@ -1517,23 +1559,23 @@
         };
         LibTableComponent.prototype.tableColumnSort = function (columnFieldCode) {
             this.tableObject.setRequiredOrder(columnFieldCode);
-            if (this.tableObject.clientPaging) {
+            if (this.clientPaging) {
                 return this.tableObject.localSortData();
             }
             this.tableObject.notifyGetDataAction();
         };
         LibTableComponent.prototype.changePage = function (requestedPage) {
-            if (!this.tableObject.clientPaging) {
+            if (!this.clientPaging) {
                 this.tableObject.notifyGetDataAction(requestedPage);
             }
         };
         Object.defineProperty(LibTableComponent.prototype, "records", {
             get: function () {
-                var currentPageRecords = this.tableObject.records;
-                if (this.tableObject.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
-                    this.tableObject.totalRecordsNumber = currentPageRecords.length;
+                var currentPageRecords = this.visibleRecords;
+                if (this.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
+                    this.totalRecordsNumber = currentPageRecords.length;
                     return currentPageRecords.map(function (record, i) { return (Object.assign({ id: i + 1 }, record)); })
-                        .slice((this.tableObject.currentPage - 1) * this.tableObject.recordsPerPage, (this.tableObject.currentPage - 1) * this.tableObject.recordsPerPage + this.tableObject.recordsPerPage);
+                        .slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
                 }
                 return currentPageRecords;
             },
@@ -1545,8 +1587,8 @@
             var triggerDataUpdate = false;
             if (eventType === TABLE_FILTER_TYPES.simpleFilterChange || eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
                 this.tableObject.simpleFilterText = tableFilterEvent.simpleFilterString.trim();
-                if (this.tableObject.clientPaging) {
-                    this.tableObject.currentPage = 1;
+                if (this.clientPaging) {
+                    this.tableObject.setAttr('currentPage', 1);
                     this.tableObject.updateVisibleRecords();
                 }
                 else if (eventType === TABLE_FILTER_TYPES.simpleFilterFinish) {
@@ -1571,13 +1613,27 @@
             this.tableObject.notifyRecordSelection(recordId);
         };
         LibTableComponent.prototype.toggleSelectAll = function () {
-            if (this.tableObject.allSelected) {
+            if (this.allSelected) {
                 this.tableObject.unSelectAll();
             }
             else {
                 this.tableObject.selectAll();
             }
         };
+        Object.defineProperty(LibTableComponent.prototype, "availableFilters", {
+            get: function () {
+                return this.tableObject.availableFilters;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LibTableComponent.prototype, "selectedRecords", {
+            get: function () {
+                return this.tableObject.selectedRecords;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return LibTableComponent;
     }());
     LibTableComponent.decorators = [
@@ -2112,7 +2168,8 @@
                     return (_b = this._fieldValue) !== null && _b !== void 0 ? _b : false;
                     break;
                 case this._formConfig.fieldTypes.currency:
-                    return this._fieldValue.replace(',', '');
+                    return (typeof this._fieldValue === 'string')
+                        ? this._fieldValue.replace(',', '') : this._fieldValue;
                     break;
                 default:
                     return this._fieldValue;
@@ -2125,20 +2182,20 @@
             for (var index = 0; index < fieldKeys.length; index++) {
                 var attrName = fieldKeys[index];
                 var attrValue = fld[attrName];
-                (attrName === this._formConfig.apifieldattrs.visible) && this.setVisibility(attrValue);
-                (attrName === this._formConfig.apifieldattrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
-                (attrName === this._formConfig.apifieldattrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
-                (attrName === this._formConfig.apifieldattrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
-                (attrName === this._formConfig.apifieldattrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
-                (attrName === this._formConfig.apifieldattrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
-                (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.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);
-                (attrName === this._formConfig.apifieldattrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
+                (attrName === this._formConfig.apiFieldAttrs.visible) && this.setVisibility(attrValue);
+                (attrName === this._formConfig.apiFieldAttrs.labelVisible) && this.setVisibleLabel(fld.visibleLabel);
+                (attrName === this._formConfig.apiFieldAttrs.required) && this.setAttr(fldAttr.required, (_a = fld.required) !== null && _a !== void 0 ? _a : false);
+                (attrName === this._formConfig.apiFieldAttrs.errorCode) && this.setAttr(fldAttr.errorCode, fld.errorCode);
+                (attrName === this._formConfig.apiFieldAttrs.errorMessage) && this.setAttr(fldAttr.errorMessage, fld.errorMessage);
+                (attrName === this._formConfig.apiFieldAttrs.tooltip) && this.setAttr(fldAttr.tooltipText, fld.tooltip);
+                (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.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);
+                (attrName === this._formConfig.apiFieldAttrs.maxLength) && this.setAttr(fldAttr.maxLength, fld.maxLength);
             }
         };
         FieldDescriptor.prototype.setFieldType = function (inputFieldType) {
@@ -2552,6 +2609,13 @@
         FormStructureAndData.prototype.getSections = function () {
             return this._sections;
         };
+        Object.defineProperty(FormStructureAndData.prototype, "visibleSections", {
+            get: function () {
+                return this._sections.filter(function (sec) { return sec.visible; });
+            },
+            enumerable: false,
+            configurable: true
+        });
         FormStructureAndData.prototype.numSections = function () {
             return this._sections.length;
         };
@@ -3344,6 +3408,11 @@
         BasicFormComponent.prototype.disableActions = function (actionArray) { return this.formStructure.disableActions(actionArray); };
         BasicFormComponent.prototype.getStates = function () { return this.formStructure.getStates(); };
         BasicFormComponent.prototype.getSections = function () { return this.formStructure.getSections(); };
+        Object.defineProperty(BasicFormComponent.prototype, "visibleSections", {
+            get: function () { return this.formStructure.visibleSections; },
+            enumerable: false,
+            configurable: true
+        });
         BasicFormComponent.prototype.getSection = function (sectionCode) { return this.formStructure.getSection(sectionCode); };
         BasicFormComponent.prototype.activateSection = function (sectionCode) { return this.formStructure.activateSection(sectionCode); };
         BasicFormComponent.prototype.getSubSection = function (sectionCode, subsectionCode) { return this.formStructure.getSubSection(sectionCode, subsectionCode); };
@@ -3443,7 +3512,7 @@
             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);
+                return;
             }
             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;