tuain-ng-forms-lib 17.1.22 → 17.1.24

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,
@@ -3093,7 +3095,7 @@ class BasicFormComponent extends FormStructureAndData {
     errorDetail = '';
     // Control de estado
     visible = false;
-    busy = false;
+    busy = signal(false);
     constructor(formManagerService, _eventManager, fileMgmtServices) {
         super();
         this.formManagerService = formManagerService;
@@ -3117,7 +3119,7 @@ class BasicFormComponent extends FormStructureAndData {
         this._definitionObtained = false;
         // Se limpian los manejadores de eventos
         this.visible = false;
-        this.busy = false;
+        this.busy.set(false);
         this._formChangeState = [];
         this._formSectionsCanDeactivate = {};
         this._formSectionsActivate = {};
@@ -3279,9 +3281,9 @@ class BasicFormComponent extends FormStructureAndData {
             return;
         }
         if (forceReload || !this._definitionObtained) {
-            this.busy = true;
+            this.busy.set(true);
             const formDefinition = await this.formManagerService.getFormDefinition(this.name);
-            this.busy = false;
+            this.busy.set(false);
             this.loadDefinition(formDefinition);
             this._definitionObtained = true;
         }
@@ -3358,12 +3360,12 @@ class BasicFormComponent extends FormStructureAndData {
         this.errorName = '';
         this.errorMessage = '';
         this.errorDetail = '';
-        this.busy = true;
+        this.busy.set(true);
         const formActionResponse = await this.formManagerService.execServerAction(actionDetail);
         if (!formActionResponse) {
             return null;
         }
-        this.busy = false;
+        this.busy.set(false);
         if (formActionResponse.hasError()) {
             const error = formActionResponse.error;
             this.errorCode = error.errorCode;
@@ -4253,9 +4255,9 @@ class BasicFormComponent extends FormStructureAndData {
      */
     set formCode(name) { this.name = name; }
     /**
-     * @deprecated Use busy
+     * @deprecated Use busy signal
      */
-    get inServerProcess() { return this.busy; }
+    get inServerProcess() { return this.busy(); }
     /**
      * @deprecated Use state
      */