tuain-ng-forms-lib 14.3.0 → 14.3.20

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

@@ -312,13 +312,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
             }] } });
 
 class LibTableRecordFieldComponent {
+    constructor() {
+        this.column = null;
+    }
     ngOnInit() {
         this.start();
     }
     start() { }
 }
 LibTableRecordFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableRecordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LibTableRecordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: LibTableRecordFieldComponent, selector: "lib-table-record-field", inputs: { fieldCode: "fieldCode", fieldType: "fieldType", fieldValue: "fieldValue" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LibTableRecordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: LibTableRecordFieldComponent, selector: "lib-table-record-field", inputs: { fieldCode: "fieldCode", fieldType: "fieldType", fieldValue: "fieldValue", column: "column" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: LibTableRecordFieldComponent, decorators: [{
             type: Component,
             args: [{
@@ -332,6 +335,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
                 type: Input
             }], fieldValue: [{
                 type: Input
+            }], column: [{
+                type: Input
             }] } });
 
 const changeViewAttributes = ['visibleRecords', 'currentPage', 'recordsPerPage'];
@@ -479,6 +484,11 @@ class FormElement {
             this.customAttributes[name] = value;
         }
     }
+    setCustomAttributes(attributes) {
+        Object.entries(attributes).forEach(([name, value]) => {
+            this.setCustomAttribute(name, value);
+        });
+    }
     matchAttribute(name, value) { var _a; return ((_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) === value; }
     isField() { return this.elementType === elementTypes.field; }
     isAction() { return this.elementType === elementTypes.action; }
@@ -806,7 +816,7 @@ class FieldDescriptor extends FormElement {
     get required() { return this._fieldRequired; }
     set required(required) { this.setAttr(attrs._fieldRequired, required !== null && required !== void 0 ? required : false); }
     get title() { return this._fieldTitle; }
-    set title(title) { this.setAttr(attrs._fieldTitle, title.toString()); }
+    set title(title) { var _a; this.setAttr(attrs._fieldTitle, (_a = title === null || title === void 0 ? void 0 : title.toString()) !== null && _a !== void 0 ? _a : ''); }
     get tooltip() { return this._tooltipText; }
     set tooltip(tooltip) { this.setAttr(attrs._tooltipText, tooltip); }
     get type() { return this._fieldType; }
@@ -1027,8 +1037,19 @@ class FieldDescriptor extends FormElement {
 class RecordTableColumn {
     constructor(recTableColReceived, formConfig) {
         var _a, _b, _c;
+        this.fieldCode = '';
+        this.fieldTitle = '';
+        this.fieldType = '';
+        this.fieldAlignment = '';
+        this.fieldFormat = '';
+        this.visible = true;
+        this.sortable = true;
+        this.sortDirections = [];
+        this.customAttributes = {};
         // Filtros
         this.filterVisible = false;
+        this.filterDef = null;
+        this.filterSetup = null;
         this._formConfig = formConfig;
         this.filterDef = null;
         if (recTableColReceived) {
@@ -1039,11 +1060,22 @@ class RecordTableColumn {
             this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
             this.visible = (_a = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.visible) !== null && _a !== void 0 ? _a : true;
             this.sortable = (_b = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.sortable) !== null && _b !== void 0 ? _b : false;
-            this.sortDirections = (this.sortable) ? ['ascend', 'descend'] : [null];
+            this.sortDirections = (this.sortable) ? ['ascend', 'descend'] : [];
             this.fieldFormat = recTableColReceived.format || '';
             this.customAttributes = (_c = recTableColReceived === null || recTableColReceived === void 0 ? void 0 : recTableColReceived.customAttributes) !== null && _c !== void 0 ? _c : {};
         }
     }
+    getCustomAttribute(name) { var _a, _b; return (_b = (_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null; }
+    setCustomAttribute(name, value) {
+        if (name) {
+            this.customAttributes[name] = value;
+        }
+    }
+    setCustomAttributes(attributes) {
+        Object.entries(attributes).forEach(([name, value]) => {
+            this.setCustomAttribute(name, value);
+        });
+    }
     hideFilter() {
         this.filterVisible = false;
     }
@@ -1058,9 +1090,10 @@ class RecordTableColumn {
         return this.filterDef;
     }
     addFilter(columnValues, operator) {
+        var _a;
         this.filterSetup = {
             fieldCode: this.fieldCode,
-            operator: operator !== null && operator !== void 0 ? operator : this.filterDef.operators[0],
+            operator: operator !== null && operator !== void 0 ? operator : (_a = this.filterDef) === null || _a === void 0 ? void 0 : _a.operators[0],
             values: columnValues,
         };
     }
@@ -1106,6 +1139,17 @@ class TableAction {
         this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
         this.customAttributes = (_c = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _c !== void 0 ? _c : {};
     }
+    getCustomAttribute(name) { var _a, _b; return (_b = (_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null; }
+    setCustomAttribute(name, value) {
+        if (name) {
+            this.customAttributes[name] = value;
+        }
+    }
+    setCustomAttributes(attributes) {
+        Object.entries(attributes).forEach(([name, value]) => {
+            this.setCustomAttribute(name, value);
+        });
+    }
     supportMode(state) { return this.viewOnState(state); }
     viewOnState(state) { return this.visibleStates.includes(state); }
     enabledOnState(state) { return this.enabledStates.includes(state); }
@@ -1350,11 +1394,13 @@ class RecordTable extends FormElement {
         this._inlineActionTrigger.next(tableEvent);
     }
     notifyRecordSelection(recordId) {
+        var _a;
         const record = this.getTableRecord(recordId);
         if (!record) {
             return;
         }
         record.toggleSelect();
+        this.requestedPage = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 1;
         const tableEvent = {
             tableCode: this.tableCode,
             actionCode: null,
@@ -1406,7 +1452,11 @@ class RecordTable extends FormElement {
     }
     setTableRecords(tableRecords, append) {
         if (!append) {
-            this.clean();
+            this.tableRecords = [];
+            this.setAttr('allSelected', false);
+            this.tableRecords.forEach(record => record.unselect());
+            this.setAttr('selectedRecords', []);
+            this.tableRecordObj = {};
         }
         const newRecordsObj = Object.assign({}, this.tableRecordObj);
         const newRecords = [...this.tableRecords];
@@ -1439,9 +1489,11 @@ class RecordTable extends FormElement {
         if (this.clientPaging) {
             let filteredRecords = this.getFilteredRecords();
             this.setAttr('totalRecordsNumber', filteredRecords.length);
-            visibleRecords = filteredRecords.slice((this.currentPage - 1) * this.recordsPerPage, (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage);
+            const sliceNumber1 = (this.currentPage - 1) * this.recordsPerPage;
+            const sliceNumber2 = (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage;
+            visibleRecords = filteredRecords.slice(sliceNumber1, sliceNumber2);
             const recordsLastPage = this.totalRecordsNumber % this.recordsPerPage;
-            const totalPages = this.totalRecordsNumber / this.recordsPerPage + (recordsLastPage ? 1 : 0);
+            const totalPages = Math.trunc(this.totalRecordsNumber / this.recordsPerPage + (recordsLastPage ? 1 : 0));
             if (this.currentPage > totalPages) {
                 this.currentPage = totalPages || 1;
             }
@@ -1724,6 +1776,11 @@ class RecordFormSection {
     }
     getCustomAttribute(name) { var _a, _b; return (_b = (_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null; }
     setCustomAttribute(name, value) { return name && (this.customAttributes[name] = value); }
+    setCustomAttributes(attributes) {
+        Object.entries(attributes).forEach(([name, value]) => {
+            this.setCustomAttribute(name, value);
+        });
+    }
     matchAttribute(name, value) { var _a; return ((_a = this.customAttributes) === null || _a === void 0 ? void 0 : _a[name]) === value; }
     get code() { return this.sectionCode; }
     get activation() { return this._activation; }
@@ -2856,14 +2913,14 @@ class BasicFormComponent {
             });
         }
     }
-    formInit(params) {
+    formInit(params, forceReload = false) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __awaiter(this, void 0, void 0, function* () {
             let initialState = this.preocessInputParams(params);
             if (!this.name) {
                 return;
             }
-            if (!this._definitionObtained) {
+            if (forceReload || !this._definitionObtained) {
                 this.busy = true;
                 const formDefinition = yield this.formManagerService.getFormDefinition(this.name);
                 this.busy = false;