tuain-ng-forms-lib 15.1.7 → 15.1.8

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

@@ -156,6 +156,8 @@ class FieldComponent extends ElementComponent {
         }
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
+            console.log('FieldComponent attributeChange');
+            console.log(event);
             const { name: componentAttr, value = null } = event ?? {};
             if (componentAttr) {
                 this.defaultProcessAttributeChange(componentAttr, value);
@@ -262,6 +264,8 @@ class SectionComponent extends PieceComponent {
         }
         // Subscripción a cambios en atributos
         this.section?.attributeChange.subscribe(event => {
+            console.log('SectionComponent attributeChange');
+            console.log(event);
             const { name: attrName, value = null } = event ?? {};
             if (attrName) {
                 this.defaultProcessAttributeChange(attrName, value);
@@ -298,6 +302,8 @@ class SubSectionComponent extends PieceComponent {
         }
         // Subscripción a cambios en atributos
         this.subSection?.attributeChange.subscribe(event => {
+            console.log('SubSectionComponent attributeChange');
+            console.log(event);
             const { name: attrName, value = null } = event ?? {};
             if (attrName) {
                 this.defaultProcessAttributeChange(attrName, value);
@@ -448,6 +454,8 @@ class LibTableComponent extends ElementComponent {
         }
         // Subscripción a cambios en atributos
         this.table?.attributeChange.subscribe(event => {
+            console.log('LibTableComponent attributeChange');
+            console.log(event);
             const { name: attrName, value = null } = event ?? {};
             if (attrName) {
                 this.defaultProcessAttributeChange(attrName, value);
@@ -662,27 +670,33 @@ class FormPiecePropagate extends FormPiece {
     }
     get attributeChange() { return this._attributeChange; }
     propagateAttribute(name, value) {
+        console.log(`Propagación ${name} : ${JSON.stringify(value)}`);
         this._attributeChange?.next({ name, value });
     }
     setCustomAttribute(name, value) {
         super.setCustomAttribute(name, value);
         if (this.propagationCustomAttributes?.includes(name)) {
             const fullName = `customAttributes.${name}`;
+            console.log('piece setCustomAttribute');
             this.propagateAttribute(fullName, value);
         }
     }
     setVisibility(visible, forced = null) {
         super.setVisibility(visible, forced);
+        console.log('piece setVisibility');
         this.propagateAttribute(VISIBLE, this._visible);
     }
     set enabled(enabled) {
         super.enabled = enabled;
+        console.log('piece enabled');
         this.propagateAttribute(DISABLED, this._disabled);
     }
     formStateChange(state) {
         super.formStateChange(state);
         if (state) {
+            console.log('piece 1 formStateChange');
             this.propagateAttribute(VISIBLE, this._visible);
+            console.log('piece 2 formStateChange');
             this.propagateAttribute(DISABLED, this._disabled);
         }
     }
@@ -697,6 +711,8 @@ class FormElement extends FormPiecePropagate {
     setAttr(attr, value) {
         const { name: attrName, propagate: name } = attr;
         this[attrName] = value;
+        console.log(`Element setAttr name: ${name}`);
+        console.log(value);
         name && this.propagateAttribute(name, value);
     }
     isField() { return this.elementType === elementTypes.field; }