tuain-ng-forms-lib 17.1.21 → 17.1.23

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Component, Input, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { signal, computed, Component, Input, model, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { BehaviorSubject, Subject, ReplaySubject } from 'rxjs';
 import yn from 'yn';
 import { nanoid } from 'nanoid';
@@ -181,8 +181,10 @@ class FieldComponent extends ElementComponent {
     tooltip = signal('');
     validateOnServer = signal(false);
     visibleLabel = signal(true);
-    value; // Valor del componente relacionado con el campo (pueden diferir en formato y tipo)
+    // value: any;  // Valor del componente relacionado con el campo (pueden diferir en formato y tipo)
+    value = model(); // Valor del componente relacionado con el campo (pueden diferir en formato y tipo)
     field = null;
+    // field = input.required<FieldDescriptor>();
     updatePropagatedAttributes() {
         this.updatePieceAttributes(this.field, signaledAttributes$4);
     }
@@ -215,15 +217,15 @@ class FieldComponent extends ElementComponent {
         this.start();
     }
     updateValue() {
-        this.value = this.field?.value;
+        this.value.set(this.field?.value);
     }
     onInputChange() { setTimeout(() => this.field?.notifyEditionPartial(), 50); }
     onChangeContent() { setTimeout(() => this.field?.notifyEditionFinish(), 50); }
     onShowInfo(detail = null) { setTimeout(() => this.field?.notifyEditionDetailRequest(detail), 50); }
     focus() { }
-    updateObject(widgetUpdate = true) { this.field?.setValue(this.value, widgetUpdate); }
+    updateObject(widgetUpdate = true) { this.field?.setValue(this.value(), widgetUpdate); }
     inputChanged() {
-        this.field?.setValue(this.value);
+        this.field?.setValue(this.value());
         this.onChangeContent();
     }
     inputTyped() {
@@ -231,7 +233,7 @@ class FieldComponent extends ElementComponent {
         this.onInputChange();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FieldComponent, selector: "lib-field", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: FieldComponent, selector: "lib-field", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponent, decorators: [{
             type: Component,
@@ -476,7 +478,7 @@ const CUSTOM_ATTRIBUTES = 'customAttributes';
 const signaledAttributes = [
     'allSelected', 'code', 'globalSearch', 'recordsPerPage', 'layout',
     'columns', 'selectedRecords', 'currentPage', 'totalRecordsNumber', 'visibleRecords',
-    'visible', 'disabled',
+    'waiting', 'visible', 'disabled',
 ];
 class LibTableComponent extends ElementComponent {
     // Atributos sincronizados del objeto
@@ -490,6 +492,7 @@ class LibTableComponent extends ElementComponent {
     currentPage = signal(null);
     totalRecordsNumber = signal(null);
     visibleRecords = signal([]);
+    waiting = signal(false);
     globalFilterString = '';
     tableFieldStyles;
     loaded = false;
@@ -499,7 +502,6 @@ class LibTableComponent extends ElementComponent {
     globalActions;
     selectionActions;
     table = null;
-    waiting = false;
     ngOnInit() {
         if (!this.table) {
             return;
@@ -557,7 +559,7 @@ class LibTableComponent extends ElementComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LibTableComponent, selector: "lib-table", inputs: { table: "table", waiting: "waiting" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LibTableComponent, selector: "lib-table", inputs: { table: "table" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibTableComponent, decorators: [{
             type: Component,
@@ -568,8 +570,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], propDecorators: { table: [{
                 type: Input
-            }], waiting: [{
-                type: Input
             }] } });
 
 const NO_ERROR = '00';
@@ -1590,6 +1590,7 @@ const attrs = {
     currentPage: { name: 'currentPage', propagate: 'currentPage' },
     totalRecordsNumber: { name: 'totalRecordsNumber', propagate: 'totalRecordsNumber' },
     visibleRecords: { name: '_visibleRecords', propagate: 'visibleRecords' },
+    waiting: { name: '_waiting', propagate: 'waiting' },
 };
 class RecordTable extends FormElement {
     _inlineActionTrigger = new Subject();
@@ -1745,7 +1746,7 @@ class RecordTable extends FormElement {
     set totalRecordsNumber(totalRecordsNumber) { this._totalRecordsNumber = totalRecordsNumber; }
     set recordsNumber(recordsNumber) { this._recordsNumber = recordsNumber; }
     set sorting(sorting) { this._sorting = sorting; }
-    set waiting(waiting) { this._waiting = waiting; }
+    set waiting(waiting) { this.setAttr(attrs.waiting, waiting); }
     set clientPaging(clientPaging) { this._clientPaging = clientPaging; }
     set sortable(sortable) { this._sortable = sortable; }
     getLayout() { return this.layout; }
@@ -1755,8 +1756,8 @@ class RecordTable extends FormElement {
     activateGlobalSearch() { this._globalSearch = true; }
     inactivateGlobalSearch() { this._globalSearch = false; }
     columnDefinition(fieldCode) { return this._tableColumnObj[fieldCode]; }
-    putOnWait() { this._waiting = true; }
-    freeWaiting() { this._waiting = false; }
+    putOnWait() { this.waiting = true; }
+    freeWaiting() { this.waiting = false; }
     setWidget(widget) { this.widget = widget; }
     notifyGlobalAction(actionCode) {
         const tableEvent = {
@@ -1950,7 +1951,7 @@ class RecordTable extends FormElement {
                 this.appendRecords(tableRecords);
             }
         }
-        this._waiting = false;
+        this.freeWaiting();
         this.updateVisibleRecords();
     }
     getTableRecord(recordId) {