tuain-ng-forms-lib 17.1.35 → 17.1.37

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

@@ -933,6 +933,7 @@ const attrs$1 = {
     visibleLabel: { name: '_visibleLabel', propagate: 'visibleLabel' },
 };
 class FieldDescriptor extends FormElement {
+    _customEvent = new Subject();
     _editionFinish = new Subject();
     _editionPartial = new Subject();
     _detailRequest = new Subject();
@@ -1029,6 +1030,7 @@ class FieldDescriptor extends FormElement {
     get defaultEditable() { return this._defaultEditable; }
     set defaultEditable(editable) { this.setAttr(attrs$1.defaultEditable, editable); }
     get detailRequest() { return this._detailRequest; }
+    get customEvent() { return this._customEvent; }
     get editionFinish() { return this._editionFinish; }
     get editionPartial() { return this._editionPartial; }
     get empty() {
@@ -1246,6 +1248,9 @@ class FieldDescriptor extends FormElement {
         this.resetError();
         this._editionPartial.next({ code: this._fieldCode, intrinsicValidation: true });
     }
+    triggerCustomEvent(eventName) {
+        this._customEvent.next({ code: this._fieldCode, eventName });
+    }
     notifyEditionFinish() {
         const fieldValue = this.value;
         this.resetError();
@@ -2604,15 +2609,33 @@ class FormStructureAndData {
         }
     }
     setFieldErrorMessage(code, message) { this.getField(code)?.setErrorMessage(message); }
-    setFieldOptions(code, optionsArray, idAttribute, nameAttribute) {
+    setFieldOptions(code, optionsArray, idAttribute, valueAttribute, saparator = '-') {
         const field = this.getField(code);
-        if (field && optionsArray) {
-            const fieldOptions = optionsArray.map(item => ({
-                fieldOptionId: item[idAttribute],
-                fieldOptionValue: item[nameAttribute]
-            }));
-            field.setFieldOptions(fieldOptions);
+        if (!field) {
+            return;
+        }
+        const newOptions = [];
+        const numSeparators = (Array.isArray(valueAttribute)) ? (valueAttribute.length - 1) : 0;
+        for (let i = 0; i < optionsArray?.length; i++) {
+            const optionItem = optionsArray[i];
+            const fieldOptionId = optionItem?.[idAttribute];
+            let fieldOptionText = '';
+            if (Array.isArray(valueAttribute)) {
+                for (let index = 0; index < valueAttribute.length; index++) {
+                    const textPart = valueAttribute[index];
+                    fieldOptionText += (index < numSeparators)
+                        ? `${optionItem?.[textPart]} ${saparator} ` : optionItem?.[textPart];
+                }
+            }
+            else {
+                fieldOptionText = optionItem?.[valueAttribute];
+            }
+            if (fieldOptionId !== undefined && fieldOptionId !== null
+                && fieldOptionText !== undefined && fieldOptionText !== null) {
+                newOptions.push({ fieldOptionId, fieldOptionValue: fieldOptionText });
+            }
         }
+        field.options = newOptions;
     }
     getFieldSet(filter, inputCodes, secCode, subCode) {
         let codes = [];
@@ -3078,6 +3101,7 @@ class BasicFormComponent extends FormStructureAndData {
     _formSectionsInactivate = {};
     _formActionsStart = {};
     _formActionsFinish = {};
+    _fieldCustomeEvent = {};
     _fieldInputValidation = {};
     _fieldValidationsStart = {};
     _fieldValidationsFinish = {};
@@ -3137,6 +3161,7 @@ class BasicFormComponent extends FormStructureAndData {
         this._formSectionsInactivate = {};
         this._formActionsStart = {};
         this._formActionsFinish = {};
+        this._fieldCustomeEvent = {};
         this._fieldInputValidation = {};
         this._fieldValidationsStart = {};
         this._fieldValidationsFinish = {};
@@ -3248,6 +3273,10 @@ class BasicFormComponent extends FormStructureAndData {
         const formFields = this.getFields();
         if (Array.isArray(formFields)) {
             formFields.forEach(field => {
+                field.customEvent.subscribe(event => {
+                    const { code, eventName } = event;
+                    this.startFieldCustomEvent(code, eventName);
+                });
                 field.editionFinish.subscribe(event => {
                     const { code, intrinsicValidation } = event;
                     this.startFieldValidation(code, intrinsicValidation);
@@ -3608,6 +3637,15 @@ class BasicFormComponent extends FormStructureAndData {
             this._fieldInputValidation[code].push({ callback, properties });
         });
     }
+    onFieldCustomEvent(codes, callback, properties = null) {
+        const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
+        fieldSet.forEach((code) => {
+            if (!this._fieldCustomeEvent[code]) {
+                this._fieldCustomeEvent[code] = [];
+            }
+            this._fieldCustomeEvent[code].push({ callback, properties });
+        });
+    }
     onFieldValidationStart(codes, callback, properties = null) {
         const fieldSet = (Array.isArray(codes)) ? codes : (codes ? [codes] : []);
         fieldSet.forEach((code) => {
@@ -3644,6 +3682,22 @@ class BasicFormComponent extends FormStructureAndData {
         }
         return true;
     }
+    async startFieldCustomEvent(code, eventName) {
+        this.notifyFormActivity();
+        const fieldToTrigger = this.getField(code);
+        if (!fieldToTrigger) {
+            return;
+        }
+        const eventHandlerCallbacks = this._fieldCustomeEvent[code];
+        if (eventHandlerCallbacks) {
+            const clientEventPromises = [];
+            for (const eventHandlerMethod of eventHandlerCallbacks) {
+                const { callback, properties } = eventHandlerMethod;
+                const clientEventPromise = callback(eventName, fieldToTrigger);
+                clientEventPromises.push(clientEventPromise);
+            }
+        }
+    }
     async startFieldValidation(code, intrinsicValidation = true) {
         this.notifyFormActivity();
         const fieldToValidate = this.getField(code);