tuain-ng-forms-lib 15.1.5 → 15.1.8

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

@@ -156,9 +156,13 @@ class FieldComponent extends ElementComponent {
         }
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
-            const { name: componentAttr, value } = event;
-            this.defaultProcessAttributeChange(componentAttr, value);
-            this.customProcessAttributeChange(componentAttr, value);
+            console.log('FieldComponent attributeChange');
+            console.log(event);
+            const { name: componentAttr, value = null } = event ?? {};
+            if (componentAttr) {
+                this.defaultProcessAttributeChange(componentAttr, value);
+                this.customProcessAttributeChange(componentAttr, value);
+            }
         });
         if (this.field) {
             this.field.widget = this;
@@ -260,9 +264,13 @@ class SectionComponent extends PieceComponent {
         }
         // Subscripción a cambios en atributos
         this.section?.attributeChange.subscribe(event => {
-            const { name: attrName, value } = event;
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
+            console.log('SectionComponent attributeChange');
+            console.log(event);
+            const { name: attrName, value = null } = event ?? {};
+            if (attrName) {
+                this.defaultProcessAttributeChange(attrName, value);
+                this.customProcessAttributeChange(attrName, value);
+            }
         });
         this.start();
     }
@@ -294,9 +302,13 @@ class SubSectionComponent extends PieceComponent {
         }
         // Subscripción a cambios en atributos
         this.subSection?.attributeChange.subscribe(event => {
-            const { name: attrName, value } = event;
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
+            console.log('SubSectionComponent attributeChange');
+            console.log(event);
+            const { name: attrName, value = null } = event ?? {};
+            if (attrName) {
+                this.defaultProcessAttributeChange(attrName, value);
+                this.customProcessAttributeChange(attrName, value);
+            }
         });
         this.start();
     }
@@ -442,9 +454,13 @@ class LibTableComponent extends ElementComponent {
         }
         // Subscripción a cambios en atributos
         this.table?.attributeChange.subscribe(event => {
-            const { name: attrName, value } = event;
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
+            console.log('LibTableComponent attributeChange');
+            console.log(event);
+            const { name: attrName, value = null } = event ?? {};
+            if (attrName) {
+                this.defaultProcessAttributeChange(attrName, value);
+                this.customProcessAttributeChange(attrName, value);
+            }
         });
         this.start();
     }
@@ -654,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);
         }
     }
@@ -689,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; }