tuain-ng-forms-lib 12.0.5 → 12.0.6

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

@@ -536,13 +536,13 @@ class RecordTable extends FormElement {
         this._recordSelectionTrigger = new Subject();
         this._selectionActionTrigger = new Subject();
         this._getDataTrigger = new Subject();
+        this._attributeChange = new 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;
@@ -550,26 +550,30 @@ class RecordTable extends FormElement {
         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) {
+            const columns = [];
             for (const columnReceived of tableReceived.fields) {
                 const columnDefinition = new RecordTableColumn(columnReceived, this._formConfig);
-                this.columns.push(columnDefinition);
+                columns.push(columnDefinition);
                 this._tableColumnObj[columnDefinition.fieldCode] = columnDefinition;
             }
+            this.setAttr('columns', columns);
         }
         if (tableReceived.actions) {
             const tableActions = tableReceived.actions.map(objDef => {
@@ -592,11 +596,13 @@ class RecordTable extends FormElement {
             }
         }
         if (tableReceived.filters && tableReceived.filters.length > 0) {
-            this.complexFilter = true;
+            this.setAttr('complexFilter', true);
+            const filterConfig = this.filterConfig;
             for (const filterReceived of tableReceived.filters) {
                 const filterItem = new FieldSearch(filterReceived);
-                this.filterConfig.push(filterItem);
+                filterConfig.push(filterItem);
             }
+            this.setAttr('filterConfig', filterConfig);
         }
         if (this.selectable) {
             this.selectionField = this.columns
@@ -608,6 +614,7 @@ class RecordTable extends FormElement {
     get selectionActionTrigger() { return this._selectionActionTrigger; }
     get recordSelectionTrigger() { return this._recordSelectionTrigger; }
     get getDataTrigger() { return this._getDataTrigger; }
+    get attributeChange() { return this._attributeChange; }
     get hasActions() { return (this._actions.length > 0); }
     get selectionFieldName() { var _a, _b; return (_b = (_a = this.selectionField) === null || _a === void 0 ? void 0 : _a.fieldCode) !== null && _b !== void 0 ? _b : null; }
     get columnNames() { return Object.keys(this._tableColumnObj); }
@@ -617,6 +624,12 @@ class RecordTable extends FormElement {
         return this.tableRecords.filter(rec => rec.selected)
             .map(rec => rec.recordId);
     }
+    setAttr(name, value) {
+        this[name] = value;
+        if (this._formConfig.monitoredTableAttributes.includes(name)) {
+            this._attributeChange.next({ name, value });
+        }
+    }
     appendRecords(records) { this.setTableRecords(records, true); }
     replaceRecords(records) { this.setTableRecords(records, false); }
     columnDefinition(fieldCode) { return this._tableColumnObj[fieldCode]; }
@@ -683,11 +696,11 @@ class RecordTable extends FormElement {
         this.tableRecordObj = {};
     }
     selectAll() {
-        this.allSelected = true;
+        this.setAttr('allSelected', true);
         this.tableRecords.forEach(record => record.select());
     }
     unSelectAll() {
-        this.allSelected = false;
+        this.setAttr('allSelected', false);
         this.tableRecords.forEach(record => record.unselect());
     }
     setTableRecords(tableRecords, append) {
@@ -709,21 +722,24 @@ class RecordTable extends FormElement {
     }
     updateVisibleRecords() {
         if (!this.clientPaging || !this.tableRecords || this.tableRecords.length === 0) {
-            this.visibleRecords = this.tableRecords;
+            this.setAttr('visibleRecords', this.tableRecords);
         }
-        this.visibleRecords = (this.filterObject.filterModeSimple)
+        const recordsVisible = (this.filterObject.filterModeSimple)
             ? this.tableRecords.filter(record => record.hasPattern(this.filterObject.simpleFilterWords))
             : this.tableRecords.filter(record => record.hasCondition(this.filterObject.advancedFilter));
+        this.setAttr('visibleRecords', recordsVisible);
     }
     updateFromServer(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();
@@ -803,16 +819,15 @@ class RecordTable extends FormElement {
     // Ordenamiento
     setRequiredOrder(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;
-            }
+            const tableSort = this.sorting;
+            tableSort.direction = (tableSort.direction === TABLE_SORT_ASCENDING) ? TABLE_SORT_DESCENDING : TABLE_SORT_ASCENDING;
+            this.setAttr('sorting', tableSort);
         }
     }
     localSortData() {
@@ -988,15 +1003,29 @@ class LibTableComponent {
         this.hasActions = false;
     }
     ngOnInit() {
-        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 _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
+            const mapping = Object.entries(this.formConfig.componentTableAttrMap);
+            for (let index = 0; index < mapping.length; index++) {
+                const [tableAttr, compAttr] = mapping[index];
+                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(event => {
+                const { name: tableAttr, value } = event;
+                const compAttr = this.formConfig.componentTableAttrMap[tableAttr];
+                this.hasOwnProperty(compAttr) && (this[compAttr] = value);
+            });
+        }
         this.start();
     }
     start() { }
@@ -1011,22 +1040,22 @@ class LibTableComponent {
     }
     tableColumnSort(columnFieldCode) {
         this.tableObject.setRequiredOrder(columnFieldCode);
-        if (this.tableObject.clientPaging) {
+        if (this.clientPaging) {
             return this.tableObject.localSortData();
         }
         this.tableObject.notifyGetDataAction();
     }
     changePage(requestedPage) {
-        if (!this.tableObject.clientPaging) {
+        if (!this.clientPaging) {
             this.tableObject.notifyGetDataAction(requestedPage);
         }
     }
     get records() {
-        const currentPageRecords = this.tableObject.records;
-        if (this.tableObject.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
-            this.tableObject.totalRecordsNumber = currentPageRecords.length;
+        const currentPageRecords = this.visibleRecords;
+        if (this.clientPaging && currentPageRecords && currentPageRecords.length > 0) {
+            this.totalRecordsNumber = currentPageRecords.length;
             return currentPageRecords.map((record, i) => (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;
     }
@@ -1035,8 +1064,8 @@ class LibTableComponent {
         let 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) {
@@ -1061,13 +1090,19 @@ class LibTableComponent {
         this.tableObject.notifyRecordSelection(recordId);
     }
     toggleSelectAll() {
-        if (this.tableObject.allSelected) {
+        if (this.allSelected) {
             this.tableObject.unSelectAll();
         }
         else {
             this.tableObject.selectAll();
         }
     }
+    get availableFilters() {
+        return this.tableObject.availableFilters;
+    }
+    get selectedRecords() {
+        return this.tableObject.selectedRecords;
+    }
 }
 LibTableComponent.decorators = [
     { type: Component, args: [{
@@ -1473,20 +1508,20 @@ class FieldDescriptor extends FormElement {
         for (let index = 0; index < fieldKeys.length; index++) {
             const attrName = fieldKeys[index];
             const 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);
         }
     }
     setFieldType(inputFieldType) {
@@ -2532,7 +2567,8 @@ class BasicFormComponent {
         this.controlToken = (_a = params === null || params === void 0 ? void 0 : params[TOKEN]) !== null && _a !== void 0 ? _a : null;
         const { token, subject, state, fields, extra, originToken } = this.formManagerService.getFormInfo(this.controlToken);
         if (!this.controlToken || this.controlToken !== token) {
-            console.log(`No se obtuvo un token válido para abrir el formulario ${this.controlToken}->${token}`);
+            console.log(`No se obtuvo un token válido para abrir el formulario ${this.name}:${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;