@elementor/editor-canvas 4.1.0-697 → 4.1.0-698

package/dist/index.d.mts

@@ -164,6 +164,7 @@ type BackboneCollection<Model extends object> = {
 };
 type ElementModel = {
     id: string;
+    originId?: string;
     elType: string;
     settings: BackboneModel<Props>;
     editor_settings: Record<string, unknown>;

package/dist/index.d.ts

@@ -164,6 +164,7 @@ type BackboneCollection<Model extends object> = {
 };
 type ElementModel = {
     id: string;
+    originId?: string;
     elType: string;
     settings: BackboneModel<Props>;
     editor_settings: Record<string, unknown>;

package/dist/index.js

@@ -2008,6 +2008,7 @@ function createTemplatedElementView({
         this._lastResolvedSettingsHash = settingsHash;
         const context = {
           id: this.model.get("id"),
+          interaction_id: this.getInteractionId(),
           type,
           settings,
           base_styles: baseStylesDictionary
@@ -2042,6 +2043,11 @@ function createTemplatedElementView({
     _openEditingPanel(options) {
       this._doAfterRender(() => super._openEditingPanel(options));
     }
+    getInteractionId() {
+      const originId = this.model.get("originId");
+      const id = this.model.get("id");
+      return originId ?? id;
+    }
   };
 }
 
@@ -2074,10 +2080,11 @@ function createNestedTemplatedElementType({
 }
 function buildEditorAttributes(model) {
   const id = model.get("id");
+  const originId = model.get("originId");
   const cid = model.cid ?? "";
   const attrs = {
     "data-model-cid": cid,
-    "data-interaction-id": id,
+    "data-interaction-id": originId ?? id,
     "x-ignore": "true"
   };
   return Object.entries(attrs).map(([key, value]) => `${key}="${value}"`).join(" ");
@@ -2154,6 +2161,7 @@ function createNestedTemplatedElementView({
         this._lastResolvedSettingsHash = settingsHash;
         const context = {
           id: model.get("id"),
+          interaction_id: this.getInteractionId(),
           type,
           settings,
           base_styles: baseStylesDictionary,
@@ -2283,6 +2291,11 @@ function createNestedTemplatedElementView({
     },
     _openEditingPanel(options) {
       this._doAfterRender(() => parentOpenEditingPanel.call(this, options));
+    },
+    getInteractionId() {
+      const originId = this.model.get("originId");
+      const id = this.model.get("id");
+      return originId ?? id;
     }
   });
 }

package/dist/index.mjs

@@ -1974,6 +1974,7 @@ function createTemplatedElementView({
         this._lastResolvedSettingsHash = settingsHash;
         const context = {
           id: this.model.get("id"),
+          interaction_id: this.getInteractionId(),
           type,
           settings,
           base_styles: baseStylesDictionary
@@ -2008,6 +2009,11 @@ function createTemplatedElementView({
     _openEditingPanel(options) {
       this._doAfterRender(() => super._openEditingPanel(options));
     }
+    getInteractionId() {
+      const originId = this.model.get("originId");
+      const id = this.model.get("id");
+      return originId ?? id;
+    }
   };
 }
 
@@ -2040,10 +2046,11 @@ function createNestedTemplatedElementType({
 }
 function buildEditorAttributes(model) {
   const id = model.get("id");
+  const originId = model.get("originId");
   const cid = model.cid ?? "";
   const attrs = {
     "data-model-cid": cid,
-    "data-interaction-id": id,
+    "data-interaction-id": originId ?? id,
     "x-ignore": "true"
   };
   return Object.entries(attrs).map(([key, value]) => `${key}="${value}"`).join(" ");
@@ -2120,6 +2127,7 @@ function createNestedTemplatedElementView({
         this._lastResolvedSettingsHash = settingsHash;
         const context = {
           id: model.get("id"),
+          interaction_id: this.getInteractionId(),
           type,
           settings,
           base_styles: baseStylesDictionary,
@@ -2249,6 +2257,11 @@ function createNestedTemplatedElementView({
     },
     _openEditingPanel(options) {
       this._doAfterRender(() => parentOpenEditingPanel.call(this, options));
+    },
+    getInteractionId() {
+      const originId = this.model.get("originId");
+      const id = this.model.get("id");
+      return originId ?? id;
     }
   });
 }

package/package.json

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

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

@@ -61,13 +61,14 @@ export function createNestedTemplatedElementType( {
 	};
 }
 
-function buildEditorAttributes( model: { get: ( key: 'id' ) => string; cid?: string } ): string {
+function buildEditorAttributes( model: ElementView[ 'model' ] ): string {
 	const id = model.get( 'id' );
+	const originId = model.get( 'originId' );
 	const cid = model.cid ?? '';
 
 	const attrs: Record< string, string > = {
 		'data-model-cid': cid,
-		'data-interaction-id': id,
+		'data-interaction-id': originId ?? id,
 		'x-ignore': 'true',
 	};
 
@@ -181,6 +182,7 @@ export function createNestedTemplatedElementView( {
 
 					const context = {
 						id: model.get( 'id' ),
+						interaction_id: this.getInteractionId(),
 						type,
 						settings,
 						base_styles: baseStylesDictionary,
@@ -361,5 +363,12 @@ export function createNestedTemplatedElementView( {
 		_openEditingPanel( options?: { scrollIntoView: boolean } ) {
 			this._doAfterRender( () => parentOpenEditingPanel.call( this, options ) );
 		},
+
+		getInteractionId() {
+			const originId = this.model.get( 'originId' );
+			const id = this.model.get( 'id' );
+
+			return originId ?? id;
+		},
 	} ) as unknown as typeof ElementView;
 }

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

@@ -162,6 +162,7 @@ export function createTemplatedElementView( {
 
 					const context = {
 						id: this.model.get( 'id' ),
+						interaction_id: this.getInteractionId(),
 						type,
 						settings,
 						base_styles: baseStylesDictionary,
@@ -206,5 +207,12 @@ export function createTemplatedElementView( {
 		_openEditingPanel( options?: { scrollIntoView: boolean } ) {
 			this._doAfterRender( () => super._openEditingPanel( options ) );
 		}
+
+		getInteractionId() {
+			const originId = this.model.get( 'originId' );
+			const id = this.model.get( 'id' );
+
+			return originId ?? id;
+		}
 	};
 }

package/src/legacy/types.ts

@@ -203,6 +203,7 @@ type BackboneCollection< Model extends object > = {
 
 export type ElementModel = {
 	id: string;
+	originId?: string;
 	elType: string;
 	settings: BackboneModel< Props >;
 	editor_settings: Record< string, unknown >;