tuain-ng-forms-lib 14.4.91 → 14.4.95

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

@@ -7,15 +7,32 @@ import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 
+const CUSTOM_ATTRIBUTES = 'customAttributes';
 class PieceComponent {
     constructor() {
         this.visible = true;
         this.disabled = false;
+        this.customAttributes = {};
     }
     defaultProcessAttributeChange(attribute, value) {
-        attribute && (this[attribute] = value);
+        if (!attribute || attribute.trim() === '') {
+            return false;
+        }
+        const attributeParts = attribute.split('.');
+        if (attributeParts?.length > 1) {
+            const [attributeType, subAttribute] = attributeParts;
+            if (attributeType === CUSTOM_ATTRIBUTES) {
+                this.customAttributes[subAttribute] = value;
+                this.customAttributeChange(subAttribute, value);
+            }
+        }
+        else {
+            this[attribute] = value;
+        }
+        return true;
     }
     customProcessAttributeChange(attribute, value) { }
+    customAttributeChange(subAttribute, value) { }
 }
 PieceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: PieceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 PieceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: PieceComponent, selector: "lib-piece", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
@@ -155,8 +172,9 @@ class FieldComponent extends ElementComponent {
             this.focus();
         }
         else {
-            this[attribute] = value;
+            return super.defaultProcessAttributeChange(attribute, value);
         }
+        return true;
     }
     updateValue() { this.value = this.field?.value; }
     onInputChange() { setTimeout(() => this.field?.notifyEditionPartial(), 50); }
@@ -435,15 +453,11 @@ class LibTableComponent extends ElementComponent {
     tableColumnSort(columnName, direction = null) { this.table?.sort(columnName, direction ?? 'ascend'); }
     globalFilterChanged() { this.table?.setGlobalFilterString(this.globalFilterString?.trim() ?? '', false); }
     defaultProcessAttributeChange(attribute, value) {
-        if (!attribute) {
-            return false;
-        }
         try {
             if (attribute === 'visibleRecords') {
                 this.updateTableData();
             }
-            this[attribute] = value;
-            return true;
+            return super.defaultProcessAttributeChange(attribute, value);
         }
         catch {
             return false;
@@ -601,12 +615,19 @@ const DISABLED = 'disabled';
 class FormPiecePropagate extends FormPiece {
     constructor(pieceDefinition, formConfig) {
         super(pieceDefinition, formConfig);
+        this.propagationCustomAttributes = [];
         this._attributeChange = new BehaviorSubject(null);
     }
     get attributeChange() { return this._attributeChange; }
     propagateAttribute(name, value) {
         this._attributeChange?.next({ name, value });
     }
+    setCustomAttribute(name, value) {
+        super.setCustomAttribute(name, value);
+        if (this.propagationCustomAttributes?.includes(name)) {
+            this.propagateAttribute(name, value);
+        }
+    }
     setVisibility(visible, forced = null) {
         super.setVisibility(visible, forced);
         this.propagateAttribute(VISIBLE, this._visible);
@@ -654,6 +675,7 @@ class FormAction extends FormElement {
         super(actionDefinition, formConfig);
         this._actionActivated = new Subject();
         this.inProgress = false;
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.actions ?? [];
         this.elementType = elementTypes.action;
         this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
         this.actionName = actionDefinition.actionTitle;
@@ -751,6 +773,7 @@ class FieldDescriptor extends FormElement {
         this._hasChanged = false;
         this._outputOnly = false;
         this._tooltipText = '';
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.fields ?? [];
         this.elementType = elementTypes.field;
         const fld = (inputFieldReceived) ? inputFieldReceived : {};
         this.setAttr(attrs$1._fieldCode, fld.fieldCode);
@@ -1364,6 +1387,7 @@ class RecordTable extends FormElement {
         this.totalRecordsNumber = 0;
         this.recordsNumber = 0;
         this.clientPaging = true;
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.tables ?? [];
         this.elementType = elementTypes.table;
         this.waiting = false;
         this.currentPage = 1;
@@ -1747,6 +1771,7 @@ class RecordFormSubSection extends FormPiecePropagate {
         this.subSectionActions = [];
         this.elementsArray = {};
         this.active = false;
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.subsections ?? [];
         if (!subsectionReceived) {
             return;
         }
@@ -1824,6 +1849,7 @@ class RecordFormSection extends FormPiecePropagate {
         this.sectionTitle = null;
         this.subSections = [];
         this._exclusiveSubSectionsByAttr = {};
+        this.propagationCustomAttributes = this._formConfig?.propagationCustomAttributes?.sections ?? [];
         if (!sectionReceived) {
             return;
         }