tuain-ng-forms-lib 14.3.0 → 14.3.20

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

@@ -300,13 +300,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: [{
@@ -320,6 +323,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'];
@@ -463,6 +468,11 @@ class FormElement {
     setCustomAttribute(name, value) { if (name) {
         this.customAttributes[name] = value;
     } }
+    setCustomAttributes(attributes) {
+        Object.entries(attributes).forEach(([name, value]) => {
+            this.setCustomAttribute(name, value);
+        });
+    }
     matchAttribute(name, value) { return this.customAttributes?.[name] === value; }
     isField() { return this.elementType === elementTypes.field; }
     isAction() { return this.elementType === elementTypes.action; }
@@ -787,7 +797,7 @@ class FieldDescriptor extends FormElement {
     get required() { return this._fieldRequired; }
     set required(required) { this.setAttr(attrs._fieldRequired, required ?? false); }
     get title() { return this._fieldTitle; }
-    set title(title) { this.setAttr(attrs._fieldTitle, title.toString()); }
+    set title(title) { this.setAttr(attrs._fieldTitle, title?.toString() ?? ''); }
     get tooltip() { return this._tooltipText; }
     set tooltip(tooltip) { this.setAttr(attrs._tooltipText, tooltip); }
     get type() { return this._fieldType; }
@@ -1005,8 +1015,19 @@ class FieldDescriptor extends FormElement {
 
 class RecordTableColumn {
     constructor(recTableColReceived, formConfig) {
+        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) {
@@ -1017,11 +1038,20 @@ class RecordTableColumn {
             this.fieldAlignment = (recTableColReceived.alignment != null) ? recTableColReceived.alignment.toLowerCase() : defaultTypeAlignment;
             this.visible = recTableColReceived?.visible ?? true;
             this.sortable = recTableColReceived?.sortable ?? false;
-            this.sortDirections = (this.sortable) ? ['ascend', 'descend'] : [null];
+            this.sortDirections = (this.sortable) ? ['ascend', 'descend'] : [];
             this.fieldFormat = recTableColReceived.format || '';
             this.customAttributes = recTableColReceived?.customAttributes ?? {};
         }
     }
+    getCustomAttribute(name) { return this.customAttributes?.[name] ?? 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;
     }
@@ -1037,7 +1067,7 @@ class RecordTableColumn {
     addFilter(columnValues, operator) {
         this.filterSetup = {
             fieldCode: this.fieldCode,
-            operator: operator ?? this.filterDef.operators[0],
+            operator: operator ?? this.filterDef?.operators[0],
             values: columnValues,
         };
     }
@@ -1081,6 +1111,15 @@ class TableAction {
         this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
         this.customAttributes = actionDefinition?.customAttributes ?? {};
     }
+    getCustomAttribute(name) { return this.customAttributes?.[name] ?? 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); }
@@ -1329,6 +1368,7 @@ class RecordTable extends FormElement {
             return;
         }
         record.toggleSelect();
+        this.requestedPage = this.currentPage ?? 1;
         const tableEvent = {
             tableCode: this.tableCode,
             actionCode: null,
@@ -1380,7 +1420,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 = { ...this.tableRecordObj };
         const newRecords = [...this.tableRecords];
@@ -1413,9 +1457,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;
             }
@@ -1695,6 +1741,11 @@ class RecordFormSection {
     }
     getCustomAttribute(name) { return this.customAttributes?.[name] ?? 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) { return this.customAttributes?.[name] === value; }
     get code() { return this.sectionCode; }
     get activation() { return this._activation; }
@@ -2754,12 +2805,12 @@ class BasicFormComponent {
             });
         }
     }
-    async formInit(params) {
+    async formInit(params, forceReload = false) {
         let initialState = this.preocessInputParams(params);
         if (!this.name) {
             return;
         }
-        if (!this._definitionObtained) {
+        if (forceReload || !this._definitionObtained) {
             this.busy = true;
             const formDefinition = await this.formManagerService.getFormDefinition(this.name);
             this.busy = false;