Adding support for form render event

Author: rismehta

ui.frontend/src/index.js

@@ -15,7 +15,7 @@
  ******************************************************************************/
 import Utils from "./utils.js";
 import LanguageUtils from "./LanguageUtils.js";
-import {createFormInstance, FileObject, extractFileInfo, readAttachments, Click, Change, Submit, Save, Blur, AddItem, RemoveItem, CustomEvent, UIChange} from "@aemforms/af-core";
+import {createFormInstance, FileObject, extractFileInfo, readAttachments, Click, Change, Submit, Save, Blur, AddItem, RemoveItem, CustomEvent, UIChange, FormRendered} from "@aemforms/af-core";
 import {FormField, FormContainer, FormFieldBase, FormPanel, FormTabs, FormFileInput, FormOptionFieldBase, FormCheckBox, FormFileInputWidgetBase, FormFileInputWidget} from "./view/index.js";
 import {Constants} from "./constants.js";
 import GuideBridge from "./GuideBridge.js";
@@ -47,9 +47,10 @@ window.guideBridge = new GuideBridge();
  * @property {string} AddItem - The action for adding an item.
  * @property {string} RemoveItem - The action for removing an item.
  * @property {string} Save - The action for save event.
+ * @property {string} FormRendered - The action for form rendered event.
  */
 const Actions = {
-    Click, Change, Submit, Blur, AddItem, RemoveItem, UIChange, Save, CustomEvent
+    Click, Change, Submit, Blur, AddItem, RemoveItem, UIChange, Save, CustomEvent, FormRendered
 }
 
 /**

ui.frontend/src/utils.js

@@ -17,7 +17,7 @@
 import {Constants} from "./constants.js";
 import HTTPAPILayer from "./HTTPAPILayer.js";
 import {customFunctions} from "./customFunctions.js";
-import {FunctionRuntime} from '@aemforms/af-core';
+import {FunctionRuntime, FormRendered} from '@aemforms/af-core';
 import {loadXfa} from "./handleXfa";
 import RuleUtils from "./RuleUtils.js";
 
@@ -355,6 +355,14 @@ class Utils {
                 Utils.initializeAllFields(formContainer);
                 const event = new CustomEvent(Constants.FORM_CONTAINER_INITIALISED, { "detail": formContainer });
                 document.dispatchEvent(event);
+                // Dispatch formRendered event after form is fully rendered
+                if (formContainer && formContainer._model) {
+                    try {
+                        formContainer._model.dispatch(new FormRendered());
+                    } catch (error) {
+                        console.warn('Failed to dispatch formRendered event:', error);
+                    }
+                }
             }
         }
     }