tuain-ng-forms-lib 17.1.36 → 17.1.38

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, eventData) {
+        this._customEvent.next({ code: this._fieldCode, eventName, eventData });
+    }
     notifyEditionFinish() {
         const fieldValue = this.value;
         this.resetError();
@@ -3096,6 +3101,7 @@ class BasicFormComponent extends FormStructureAndData {
     _formSectionsInactivate = {};
     _formActionsStart = {};
     _formActionsFinish = {};
+    _fieldCustomeEvent = {};
     _fieldInputValidation = {};
     _fieldValidationsStart = {};
     _fieldValidationsFinish = {};
@@ -3155,6 +3161,7 @@ class BasicFormComponent extends FormStructureAndData {
         this._formSectionsInactivate = {};
         this._formActionsStart = {};
         this._formActionsFinish = {};
+        this._fieldCustomeEvent = {};
         this._fieldInputValidation = {};
         this._fieldValidationsStart = {};
         this._fieldValidationsFinish = {};
@@ -3266,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, eventData } = event;
+                    this.startFieldCustomEvent(code, eventName, eventData);
+                });
                 field.editionFinish.subscribe(event => {
                     const { code, intrinsicValidation } = event;
                     this.startFieldValidation(code, intrinsicValidation);
@@ -3626,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) => {
@@ -3662,6 +3682,22 @@ class BasicFormComponent extends FormStructureAndData {
         }
         return true;
     }
+    async startFieldCustomEvent(code, eventName, eventData) {
+        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, eventData, fieldToTrigger);
+                clientEventPromises.push(clientEventPromise);
+            }
+        }
+    }
     async startFieldValidation(code, intrinsicValidation = true) {
         this.notifyFormActivity();
         const fieldToValidate = this.getField(code);