@elementor/editor-canvas 4.0.2 → 4.0.3

package/dist/index.js

@@ -2119,7 +2119,7 @@ function createTemplatedElementView({
       this.triggerMethod("render:template");
     }
     afterSettingsResolve(settings) {
-      return settings;
+      return this._getLinkAttributes(settings);
     }
     _beforeRender() {
       createBeforeRender(this);
@@ -2142,6 +2142,28 @@ function createTemplatedElementView({
       const id = this.model.get("id");
       return originId ?? id;
     }
+    _getLinkAttributes(settings) {
+      const linkAttributes = Object.entries(this._handleActionLinkAttributes(settings)).map(([key, value]) => `${key}="${value}"`).join(" ");
+      return {
+        ...settings,
+        link: linkAttributes ? {
+          tag: settings?.link?.tag,
+          attributes: linkAttributes
+        } : null
+      };
+    }
+    _handleActionLinkAttributes(settings) {
+      const link = settings.link;
+      if (!link || typeof link !== "object" || !("href" in link) || !link.href) {
+        return {};
+      }
+      const isActionLink = "tag" in link && link.tag === "button";
+      const urlAttrKey = isActionLink ? "data-action-link" : "href";
+      return {
+        [urlAttrKey]: link.href,
+        target: ("target" in link && link.target) ?? "_self"
+      };
+    }
   };
 }
 

package/dist/index.mjs

@@ -2085,7 +2085,7 @@ function createTemplatedElementView({
       this.triggerMethod("render:template");
     }
     afterSettingsResolve(settings) {
-      return settings;
+      return this._getLinkAttributes(settings);
     }
     _beforeRender() {
       createBeforeRender(this);
@@ -2108,6 +2108,28 @@ function createTemplatedElementView({
       const id = this.model.get("id");
       return originId ?? id;
     }
+    _getLinkAttributes(settings) {
+      const linkAttributes = Object.entries(this._handleActionLinkAttributes(settings)).map(([key, value]) => `${key}="${value}"`).join(" ");
+      return {
+        ...settings,
+        link: linkAttributes ? {
+          tag: settings?.link?.tag,
+          attributes: linkAttributes
+        } : null
+      };
+    }
+    _handleActionLinkAttributes(settings) {
+      const link = settings.link;
+      if (!link || typeof link !== "object" || !("href" in link) || !link.href) {
+        return {};
+      }
+      const isActionLink = "tag" in link && link.tag === "button";
+      const urlAttrKey = isActionLink ? "data-action-link" : "href";
+      return {
+        [urlAttrKey]: link.href,
+        target: ("target" in link && link.target) ?? "_self"
+      };
+    }
   };
 }
 

package/package.json

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

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

@@ -186,7 +186,7 @@ export function createTemplatedElementView( {
 		}
 
 		afterSettingsResolve( settings: { [ key: string ]: unknown } ) {
-			return settings;
+			return this._getLinkAttributes( settings );
 		}
 
 		_beforeRender() {
@@ -214,5 +214,37 @@ export function createTemplatedElementView( {
 
 			return originId ?? id;
 		}
+
+		_getLinkAttributes( settings: { [ key: string ]: unknown } ) {
+			const linkAttributes = Object.entries( this._handleActionLinkAttributes( settings ) )
+				.map( ( [ key, value ] ) => `${ key }="${ value }"` )
+				.join( ' ' );
+
+			return {
+				...settings,
+				link: linkAttributes
+					? {
+							tag: ( settings?.link as { tag?: string } )?.tag,
+							attributes: linkAttributes,
+					  }
+					: null,
+			};
+		}
+
+		_handleActionLinkAttributes( settings: { [ key: string ]: unknown } ) {
+			const link = settings.link;
+
+			if ( ! link || typeof link !== 'object' || ! ( 'href' in link ) || ! link.href ) {
+				return {};
+			}
+
+			const isActionLink = 'tag' in link && link.tag === 'button';
+			const urlAttrKey = isActionLink ? 'data-action-link' : 'href';
+
+			return {
+				[ urlAttrKey ]: link.href,
+				target: ( 'target' in link && link.target ) ?? '_self',
+			};
+		}
 	};
 }