@elementor/editor-canvas 4.2.0-933 → 4.2.0-935

package/dist/index.js

@@ -5021,6 +5021,14 @@ ${childTypeErrors.join("\n")}`);
       }
     }
     const { configErrors, styleErrors } = await this.applyProperties();
+    if (typeof window !== "undefined") {
+      const targetWindow = window.top || window;
+      targetWindow.dispatchEvent(
+        new CustomEvent("elementor/composition/built", {
+          detail: { rootContainers: this.rootContainers.map((c) => c.id) }
+        })
+      );
+    }
     return {
       configErrors,
       styleErrors,

package/dist/index.mjs

@@ -5007,6 +5007,14 @@ ${childTypeErrors.join("\n")}`);
       }
     }
     const { configErrors, styleErrors } = await this.applyProperties();
+    if (typeof window !== "undefined") {
+      const targetWindow = window.top || window;
+      targetWindow.dispatchEvent(
+        new CustomEvent("elementor/composition/built", {
+          detail: { rootContainers: this.rootContainers.map((c) => c.id) }
+        })
+      );
+    }
     return {
       configErrors,
       styleErrors,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.2.0-933",
+  "version": "4.2.0-935",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,26 +37,26 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.2.0-933",
+    "@elementor/editor": "4.2.0-935",
     "dompurify": "^3.2.6",
-    "@elementor/editor-controls": "4.2.0-933",
-    "@elementor/editor-documents": "4.2.0-933",
-    "@elementor/editor-elements": "4.2.0-933",
-    "@elementor/editor-interactions": "4.2.0-933",
-    "@elementor/editor-mcp": "4.2.0-933",
-    "@elementor/editor-notifications": "4.2.0-933",
-    "@elementor/editor-props": "4.2.0-933",
-    "@elementor/editor-responsive": "4.2.0-933",
-    "@elementor/editor-styles": "4.2.0-933",
-    "@elementor/editor-styles-repository": "4.2.0-933",
-    "@elementor/editor-ui": "4.2.0-933",
-    "@elementor/editor-v1-adapters": "4.2.0-933",
-    "@elementor/http-client": "4.2.0-933",
-    "@elementor/schema": "4.2.0-933",
-    "@elementor/twing": "4.2.0-933",
+    "@elementor/editor-controls": "4.2.0-935",
+    "@elementor/editor-documents": "4.2.0-935",
+    "@elementor/editor-elements": "4.2.0-935",
+    "@elementor/editor-interactions": "4.2.0-935",
+    "@elementor/editor-mcp": "4.2.0-935",
+    "@elementor/editor-notifications": "4.2.0-935",
+    "@elementor/editor-props": "4.2.0-935",
+    "@elementor/editor-responsive": "4.2.0-935",
+    "@elementor/editor-styles": "4.2.0-935",
+    "@elementor/editor-styles-repository": "4.2.0-935",
+    "@elementor/editor-ui": "4.2.0-935",
+    "@elementor/editor-v1-adapters": "4.2.0-935",
+    "@elementor/http-client": "4.2.0-935",
+    "@elementor/schema": "4.2.0-935",
+    "@elementor/twing": "4.2.0-935",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.2.0-933",
-    "@elementor/wp-media": "4.2.0-933",
+    "@elementor/utils": "4.2.0-935",
+    "@elementor/wp-media": "4.2.0-935",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/composition-builder/__tests__/composition-builder.test.ts

@@ -305,3 +305,48 @@ describe( 'CompositionBuilder.build required children', () => {
 		expect( childElements.some( ( child ) => child.widgetType === 'e-form-input' ) ).toBe( true );
 	} );
 } );
+
+describe( 'CompositionBuilder.build final composition built event', () => {
+	let dispatchEventSpy: jest.SpyInstance;
+
+	beforeEach( () => {
+		dispatchEventSpy = jest.spyOn( window, 'dispatchEvent' );
+	} );
+
+	afterEach( () => {
+		dispatchEventSpy.mockRestore();
+	} );
+
+	it( 'dispatches elementor/composition/built event with root container IDs after applyProperties completes', async () => {
+		// Arrange
+		const createdElement = createMockPartialContainer( GENERATED_ELEMENT_ID );
+		const doUpdateElementProperty = jest.fn();
+		const createElement = jest.fn().mockReturnValue( createdElement );
+		const getContainer = jest
+			.fn()
+			.mockImplementation( ( id: string ) => ( id === GENERATED_ELEMENT_ID ? createdElement : undefined ) );
+		const builder = CompositionBuilder.fromXMLString( xmlStringWithConfiguration, {
+			createElement,
+			deleteElement: jest.fn(),
+			getContainer,
+			generateElementId: jest.fn().mockReturnValue( GENERATED_ELEMENT_ID ),
+			getWidgetsCache: jest.fn().mockReturnValue( createMinimalWidgetsCache() ),
+			doUpdateElementProperty,
+		} );
+		builder.setElementConfig( createElementConfigPayload() );
+
+		// Act
+		await builder.build( createMockRootContainer() );
+
+		// Assert
+		expect( doUpdateElementProperty ).toHaveBeenCalledTimes( 1 );
+		expect( dispatchEventSpy ).toHaveBeenCalledWith(
+			expect.objectContaining( {
+				type: 'elementor/composition/built',
+				detail: {
+					rootContainers: [ GENERATED_ELEMENT_ID ],
+				},
+			} )
+		);
+	} );
+} );

package/src/composition-builder/composition-builder.ts

@@ -320,6 +320,15 @@ export class CompositionBuilder {
 
 		const { configErrors, styleErrors } = await this.applyProperties();
 
+		if ( typeof window !== 'undefined' ) {
+			const targetWindow = window.top || window;
+			targetWindow.dispatchEvent(
+				new CustomEvent( 'elementor/composition/built', {
+					detail: { rootContainers: this.rootContainers.map( ( c ) => c.id ) },
+				} )
+			);
+		}
+
 		return {
 			configErrors,
 			styleErrors,