@elementor/editor-canvas 4.4.0-1111 → 4.4.0-1113

package/dist/index.js

@@ -3081,10 +3081,12 @@ function buildEditorAttributes(model) {
   const id = model.get("id");
   const originId = model.get("originId");
   const cid = model.cid ?? "";
+  const isDecorative = model.get("editor_settings")?.decorative === true;
   const attrs = {
     "data-model-cid": cid,
     "data-interaction-id": originId ?? id,
-    "x-ignore": "true"
+    "x-ignore": "true",
+    ...isDecorative ? { "data-e-decorative": "true" } : {}
   };
   return Object.entries(attrs).map(([key, value]) => `${key}="${value}"`).join(" ");
 }

package/dist/index.mjs

@@ -3043,10 +3043,12 @@ function buildEditorAttributes(model) {
   const id = model.get("id");
   const originId = model.get("originId");
   const cid = model.cid ?? "";
+  const isDecorative = model.get("editor_settings")?.decorative === true;
   const attrs = {
     "data-model-cid": cid,
     "data-interaction-id": originId ?? id,
-    "x-ignore": "true"
+    "x-ignore": "true",
+    ...isDecorative ? { "data-e-decorative": "true" } : {}
   };
   return Object.entries(attrs).map(([key, value]) => `${key}="${value}"`).join(" ");
 }

package/package.json

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

package/src/legacy/__tests__/build-editor-attributes.test.ts

@@ -0,0 +1,41 @@
+import { buildEditorAttributes } from '../create-nested-templated-element-type';
+import { type ElementView } from '../types';
+
+const createModel = ( editorSettings?: Record< string, unknown > ) =>
+	( {
+		cid: 'c1',
+		get: ( key: string ) =>
+			( {
+				id: 'abc123',
+				editor_settings: editorSettings,
+			} )[ key ],
+	} ) as unknown as ElementView[ 'model' ];
+
+describe( 'buildEditorAttributes', () => {
+	it( 'should mark decorative elements', () => {
+		// Arrange
+		const model = createModel( { decorative: true } );
+
+		// Act
+		const attributes = buildEditorAttributes( model );
+
+		// Assert
+		expect( attributes ).toContain( 'data-e-decorative="true"' );
+	} );
+
+	it.each( [
+		[ 'no editor settings', undefined ],
+		[ 'decorative disabled', { decorative: false } ],
+		[ 'other editor settings only', { title: 'Hero' } ],
+	] )( 'should not mark the element when it has %s', ( _, editorSettings ) => {
+		// Arrange
+		const model = createModel( editorSettings );
+
+		// Act
+		const attributes = buildEditorAttributes( model );
+
+		// Assert
+		expect( attributes ).not.toContain( 'data-e-decorative' );
+		expect( attributes ).toContain( 'data-interaction-id="abc123"' );
+	} );
+} );

package/src/legacy/create-nested-templated-element-type.ts

@@ -71,15 +71,17 @@ export function createNestedTemplatedElementType( {
 	};
 }
 
-function buildEditorAttributes( model: ElementView[ 'model' ] ): string {
+export function buildEditorAttributes( model: ElementView[ 'model' ] ): string {
 	const id = model.get( 'id' );
 	const originId = model.get( 'originId' );
 	const cid = model.cid ?? '';
+	const isDecorative = model.get( 'editor_settings' )?.decorative === true;
 
 	const attrs: Record< string, string > = {
 		'data-model-cid': cid,
 		'data-interaction-id': originId ?? id,
 		'x-ignore': 'true',
+		...( isDecorative ? { 'data-e-decorative': 'true' } : {} ),
 	};
 
 	return Object.entries( attrs )