tuain-ng-forms-lib 14.5.10 → 14.5.25

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

@@ -126,6 +126,7 @@ class FieldComponent extends ElementComponent {
         }
         this.formConfig = this.field?._formConfig;
         const mapping = Object.entries(this.formConfig?.fieldPropagateAttributes);
+        const customAttributesMapping = this.formConfig?.propagationCustomAttributes.fields ?? [];
         for (let index = 0; index < mapping.length; index++) {
             const fieldAttr = mapping[index]?.[0];
             const componentAttr = mapping[index]?.[1]?.toString() ?? '';
@@ -135,6 +136,18 @@ class FieldComponent extends ElementComponent {
                 this.customProcessAttributeChange(componentAttr, value);
             }
         }
+        // Atributos personalizados
+        for (let index = 0; index < customAttributesMapping.length; index++) {
+            const customAttribute = customAttributesMapping[index];
+            if (customAttribute) {
+                const value = this.field?.getCustomAttribute(customAttribute);
+                const fullName = `customAttributes.${customAttribute}`;
+                if (value) {
+                    this.defaultProcessAttributeChange(fullName, value);
+                    this.customProcessAttributeChange(fullName, value);
+                }
+            }
+        }
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
             const { name: componentAttr, value } = event;
@@ -298,6 +311,7 @@ const INLINE_ACTION$1 = 'INLINE';
 class LibTableRecordActionComponent extends PieceComponent {
     constructor() {
         super(...arguments);
+        this.isVisible = true;
         this.actionSelected = new EventEmitter();
     }
     ngOnInit() {
@@ -309,20 +323,25 @@ class LibTableRecordActionComponent extends PieceComponent {
             this.defaultProcessAttributeChange(attrName, attributeValue);
             this.customProcessAttributeChange(attrName, attributeValue);
         }
-        // Subscripción a cambios en atributos
-        this.action?.attributeChange.subscribe(event => {
-            const { name: attrName, value } = event;
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
-        });
         this.start();
     }
     start() {
-        this.action?.setRecodData(this.recordData);
+        if (this.action && this.action.restrictedOnField && this.recordData) {
+            const relatedField = this.recordData[this.action.restrictedOnField];
+            if (relatedField) {
+                const fieldValue = relatedField;
+                const restrictionOper = this.action.restrictedOnOperator;
+                const restrictionValue = this.action.restrictedOnValue;
+                if ((restrictionOper === '==' && fieldValue !== restrictionValue)
+                    || (restrictionOper === '!=' && fieldValue === restrictionValue)) {
+                    this.isVisible = false;
+                }
+            }
+        }
     }
     onActivate() {
         const tableEvent = {
-            actionCode: this.action.actionCode,
+            actionCode: this.action?.actionCode ?? '',
             recordId: this.recordId,
             recordData: this.recordData,
         };
@@ -601,7 +620,8 @@ class FormPiecePropagate extends FormPiece {
     setCustomAttribute(name, value) {
         super.setCustomAttribute(name, value);
         if (this.propagationCustomAttributes?.includes(name)) {
-            this.propagateAttribute(name, value);
+            const fullName = `customAttributes.${name}`;
+            this.propagateAttribute(fullName, value);
         }
     }
     setVisibility(visible, forced = null) {
@@ -661,6 +681,23 @@ class FormAction extends FormElement {
         }
         this.customValidation = () => true;
     }
+    connectWithParentForm(form, formChangeSubject) {
+        super.connectWithParentForm(form, formChangeSubject);
+        if (this.restrictedOnField) {
+            const relatedField = this._form.fields?.[this.restrictedOnField];
+            if (relatedField) {
+                relatedField.editionFinish.subscribe(event => this.updateRestrictedVisibility());
+                relatedField.editionPartial.subscribe(event => this.updateRestrictedVisibility());
+            }
+        }
+    }
+    updateRestrictedVisibility() {
+        const lastVisible = this._visible;
+        const newVisible = this._absoluteVisible && this.viewOnState(this._formState);
+        if (lastVisible !== newVisible) {
+            this.setVisibility(newVisible);
+        }
+    }
     viewOnState(state) {
         const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
         if (actionVisible && this._form && this.restrictedOnField) {
@@ -1214,25 +1251,6 @@ class TableAction extends FormPiece {
             this.restrictedOnOperator = actionDefinition.operatorRestricted || null;
         }
     }
-    viewOnState(state) {
-        const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
-        if (actionVisible && this._form && this.restrictedOnField) {
-            // Aqui se debe cambiar el campo por la columna del registro!!!!!
-            // const relatedField = this._form.fields?.[this.restrictedOnField];
-            const relatedField = this.recordData?.[this.restrictedOnField];
-            if (relatedField) {
-                const fieldValue = relatedField.value;
-                if ((this.restrictedOnOperator === '==' && fieldValue !== this.restrictedOnValue)
-                    || (this.restrictedOnOperator === '!=' && fieldValue === this.restrictedOnValue)) {
-                    return false;
-                }
-            }
-        }
-        return actionVisible;
-    }
-    setRecodData(recordData) {
-        this.recordData = recordData;
-    }
 }
 
 class TableRecordData {
@@ -2500,6 +2518,7 @@ class LibFileManagementService {
     openFile(fileBase64Data, fileName, fileType) { }
     saveFileFromURL(fileUrl, fullFileName = null) { }
     saveFile(fileBase64Data, fileName, fileType) { }
+    printPdfFile(pdfBufferData) { }
 }
 
 const PAYLOAD_VERSION = 'TUAINEXCHANGE_1.0';