tuain-ng-forms-lib 14.4.91 → 14.4.95

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

@@ -8,15 +8,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 === null || attributeParts === void 0 ? void 0 : 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 });
@@ -160,8 +177,9 @@ class FieldComponent extends ElementComponent {
             this.focus();
         }
         else {
-            this[attribute] = value;
+            return super.defaultProcessAttributeChange(attribute, value);
         }
+        return true;
     }
     updateValue() { var _a; this.value = (_a = this.field) === null || _a === void 0 ? void 0 : _a.value; }
     onInputChange() { setTimeout(() => { var _a; return (_a = this.field) === null || _a === void 0 ? void 0 : _a.notifyEditionPartial(); }, 50); }
@@ -445,15 +463,11 @@ class LibTableComponent extends ElementComponent {
     tableColumnSort(columnName, direction = null) { var _a; (_a = this.table) === null || _a === void 0 ? void 0 : _a.sort(columnName, direction !== null && direction !== void 0 ? direction : 'ascend'); }
     globalFilterChanged() { var _a, _b, _c; (_a = this.table) === null || _a === void 0 ? void 0 : _a.setGlobalFilterString((_c = (_b = this.globalFilterString) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '', 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 (_a) {
             return false;
@@ -614,6 +628,7 @@ 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; }
@@ -621,6 +636,13 @@ class FormPiecePropagate extends FormPiece {
         var _a;
         (_a = this._attributeChange) === null || _a === void 0 ? void 0 : _a.next({ name, value });
     }
+    setCustomAttribute(name, value) {
+        var _a;
+        super.setCustomAttribute(name, value);
+        if ((_a = this.propagationCustomAttributes) === null || _a === void 0 ? void 0 : _a.includes(name)) {
+            this.propagateAttribute(name, value);
+        }
+    }
     setVisibility(visible, forced = null) {
         super.setVisibility(visible, forced);
         this.propagateAttribute(VISIBLE, this._visible);
@@ -665,20 +687,21 @@ class FormElement extends FormPiecePropagate {
 const HEADER = 'HEADER';
 class FormAction extends FormElement {
     constructor(actionDefinition, formConfig) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         super(actionDefinition, formConfig);
         this._actionActivated = new Subject();
         this.inProgress = false;
+        this.propagationCustomAttributes = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.actions) !== null && _c !== void 0 ? _c : [];
         this.elementType = elementTypes.action;
         this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
         this.actionName = actionDefinition.actionTitle;
         this.iconName = actionDefinition.iconName || this.actionCode;
         this.setCustomAttribute('location', actionDefinition.position || HEADER);
-        this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
+        this.backend = (_d = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _d !== void 0 ? _d : false;
         this.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
         this.restrictedOnField = actionDefinition.fieldRestrictedCode ? actionDefinition.fieldRestrictedCode.toString() : '';
         this.restrictedOnOperator = actionDefinition.operatorRestricted || '';
-        this.restrictedOnValue = (_b = actionDefinition.valueRestricted) !== null && _b !== void 0 ? _b : '';
+        this.restrictedOnValue = (_e = actionDefinition.valueRestricted) !== null && _e !== void 0 ? _e : '';
         this.customValidation = () => true;
     }
     get actionActivated() { return this._actionActivated; }
@@ -738,7 +761,7 @@ const attrs$1 = {
 };
 class FieldDescriptor extends FormElement {
     constructor(inputFieldReceived, formConfig) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         super(inputFieldReceived, formConfig);
         this._editionFinish = new Subject();
         this._editionPartial = new Subject();
@@ -767,13 +790,14 @@ class FieldDescriptor extends FormElement {
         this._hasChanged = false;
         this._outputOnly = false;
         this._tooltipText = '';
+        this.propagationCustomAttributes = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.fields) !== null && _c !== void 0 ? _c : [];
         this.elementType = elementTypes.field;
         const fld = (inputFieldReceived) ? inputFieldReceived : {};
         this.setAttr(attrs$1._fieldCode, fld.fieldCode);
-        this.title = (_a = fld.fieldTitle) !== null && _a !== void 0 ? _a : this._fieldCode;
+        this.title = (_d = fld.fieldTitle) !== null && _d !== void 0 ? _d : this._fieldCode;
         this.type = fld.fieldTypeCode;
-        this.captureType = (_b = fld.captureType) !== null && _b !== void 0 ? _b : DEFAULT_CAPTURE_TYPE;
-        const defaultValue = (_c = fld.defaultValue) !== null && _c !== void 0 ? _c : null;
+        this.captureType = (_e = fld.captureType) !== null && _e !== void 0 ? _e : DEFAULT_CAPTURE_TYPE;
+        const defaultValue = (_f = fld.defaultValue) !== null && _f !== void 0 ? _f : null;
         if (this._fieldType === this._formConfig.fieldTypes.boolean) {
             this.defaultValue = defaultValue !== null && defaultValue !== void 0 ? defaultValue : false;
         }
@@ -793,19 +817,19 @@ class FieldDescriptor extends FormElement {
             fieldFormat = null;
         }
         this.format = fieldFormat;
-        this.validateOnServer = (_d = fld.serverAction) !== null && _d !== void 0 ? _d : false;
+        this.validateOnServer = (_g = fld.serverAction) !== null && _g !== void 0 ? _g : false;
         this.tooltip = fld.tooltip || '';
         this.defaultEditable = this.enabled;
-        this.required = (_e = fld.required) !== null && _e !== void 0 ? _e : false;
-        this.outputOnly = (_f = fld.outputOnly) !== null && _f !== void 0 ? _f : false;
+        this.required = (_h = fld.required) !== null && _h !== void 0 ? _h : false;
+        this.outputOnly = (_j = fld.outputOnly) !== null && _j !== void 0 ? _j : false;
         this.maxLength = fld.maxLength || (this._captureType === 'TEXTAREA' ? BIG_MAX_LENGTH : STD_MAX_LENGTH);
-        this.intrinsicErrorMessage = (_p = (_k = (_j = (_h = (_g = this._formConfig) === null || _g === void 0 ? void 0 : _g.fieldValidations) === null || _h === void 0 ? void 0 : _h[this._fieldType]) === null || _j === void 0 ? void 0 : _j.message) !== null && _k !== void 0 ? _k : (_o = (_m = (_l = this._formConfig) === null || _l === void 0 ? void 0 : _l.fieldValidations) === null || _m === void 0 ? void 0 : _m.DEFAULT) === null || _o === void 0 ? void 0 : _o.message) !== null && _p !== void 0 ? _p : '';
-        this.setError(fld.errorCode, fld.errorMessage, (_q = fld.errorType) !== null && _q !== void 0 ? _q : DEFAULT_ERROR_TYPE);
-        this.setEditable((_r = fld.editable) !== null && _r !== void 0 ? _r : true);
-        this.visibleLabel = (_s = fld.visibleLabel) !== null && _s !== void 0 ? _s : true;
+        this.intrinsicErrorMessage = (_s = (_o = (_m = (_l = (_k = this._formConfig) === null || _k === void 0 ? void 0 : _k.fieldValidations) === null || _l === void 0 ? void 0 : _l[this._fieldType]) === null || _m === void 0 ? void 0 : _m.message) !== null && _o !== void 0 ? _o : (_r = (_q = (_p = this._formConfig) === null || _p === void 0 ? void 0 : _p.fieldValidations) === null || _q === void 0 ? void 0 : _q.DEFAULT) === null || _r === void 0 ? void 0 : _r.message) !== null && _s !== void 0 ? _s : '';
+        this.setError(fld.errorCode, fld.errorMessage, (_t = fld.errorType) !== null && _t !== void 0 ? _t : DEFAULT_ERROR_TYPE);
+        this.setEditable((_u = fld.editable) !== null && _u !== void 0 ? _u : true);
+        this.visibleLabel = (_v = fld.visibleLabel) !== null && _v !== void 0 ? _v : true;
         this.setVisibility(fld.visible);
         this.options = fld.fieldOptions;
-        this._setValue((_u = (_t = fld.fieldValue) !== null && _t !== void 0 ? _t : this._defaultValue) !== null && _u !== void 0 ? _u : '');
+        this._setValue((_x = (_w = fld.fieldValue) !== null && _w !== void 0 ? _w : this._defaultValue) !== null && _x !== void 0 ? _x : '');
     }
     get alignment() { return this._fieldAlignment; }
     set alignment(alignment) { this.setAttr(attrs$1._fieldAlignment, alignment); }
@@ -1368,7 +1392,7 @@ const attrs = {
 };
 class RecordTable extends FormElement {
     constructor(tableReceived, formConfig) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         super(tableReceived, formConfig);
         this._inlineActionTrigger = new Subject();
         this._globalActionTrigger = new Subject();
@@ -1389,6 +1413,7 @@ class RecordTable extends FormElement {
         this.totalRecordsNumber = 0;
         this.recordsNumber = 0;
         this.clientPaging = true;
+        this.propagationCustomAttributes = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.tables) !== null && _c !== void 0 ? _c : [];
         this.elementType = elementTypes.table;
         this.waiting = false;
         this.currentPage = 1;
@@ -1402,14 +1427,14 @@ class RecordTable extends FormElement {
         this.globalSearch = false;
         this.restrictedId = null;
         this.tableTitle = tableReceived.tableTitle;
-        this._appendPages = (_a = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.append) !== null && _a !== void 0 ? _a : false;
-        this.selectable = (_b = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectable) !== null && _b !== void 0 ? _b : false;
-        this.selectionBackend = (_c = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _c !== void 0 ? _c : false;
-        this.sortable = (_d = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _d !== void 0 ? _d : false;
+        this._appendPages = (_d = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.append) !== null && _d !== void 0 ? _d : false;
+        this.selectable = (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectable) !== null && _e !== void 0 ? _e : false;
+        this.selectionBackend = (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.selectionBackend) !== null && _f !== void 0 ? _f : false;
+        this.sortable = (_g = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.sortable) !== null && _g !== void 0 ? _g : false;
         this.setAttr(attrs.allSelected, false);
         this.setAttr(attrs.tableCode, tableReceived.tableCode);
-        this.setAttr(attrs.clientPaging, (_e = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _e !== void 0 ? _e : true);
-        this.setAttr(attrs.globalSearch, (_f = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _f !== void 0 ? _f : false);
+        this.setAttr(attrs.clientPaging, (_h = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.clientPaging) !== null && _h !== void 0 ? _h : true);
+        this.setAttr(attrs.globalSearch, (_j = tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.simpleFilter) !== null && _j !== void 0 ? _j : false);
         this.setAttr(attrs.globalFilterString, '');
         this.setAttr(attrs.sorting, { columnName: '', direction: '' });
         this.setAttr(attrs.recordsPerPage, formConfig.defaultRecordsPerPage);
@@ -1762,6 +1787,7 @@ class RecordTable extends FormElement {
 
 class RecordFormSubSection extends FormPiecePropagate {
     constructor(subsectionReceived, formObject, formConfig) {
+        var _a, _b, _c;
         super(subsectionReceived, formConfig);
         this._customRender = null;
         this.subsectionId = null;
@@ -1773,6 +1799,7 @@ class RecordFormSubSection extends FormPiecePropagate {
         this.subSectionActions = [];
         this.elementsArray = {};
         this.active = false;
+        this.propagationCustomAttributes = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.subsections) !== null && _c !== void 0 ? _c : [];
         if (!subsectionReceived) {
             return;
         }
@@ -1841,6 +1868,7 @@ class RecordFormSubSection extends FormPiecePropagate {
 const ACTIVE$1 = 'active';
 class RecordFormSection extends FormPiecePropagate {
     constructor(sectionReceived, formObject, formConfig) {
+        var _a, _b, _c;
         super(sectionReceived, formConfig);
         this._activation = new Subject();
         this._inactivation = new Subject();
@@ -1850,6 +1878,7 @@ class RecordFormSection extends FormPiecePropagate {
         this.sectionTitle = null;
         this.subSections = [];
         this._exclusiveSubSectionsByAttr = {};
+        this.propagationCustomAttributes = (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.propagationCustomAttributes) === null || _b === void 0 ? void 0 : _b.sections) !== null && _c !== void 0 ? _c : [];
         if (!sectionReceived) {
             return;
         }