@elementor/editor-elements 4.3.0-999 → 4.3.0-beta1

package/src/link-restriction.ts

@@ -1,8 +1,7 @@
 import { type LinkPropValue } from '@elementor/editor-props';
 
-import { getContainer } from './sync/get-container';
 import { getElementSetting } from './sync/get-element-setting';
-import { type ExtendedWindow } from './sync/types';
+import { getPreviewElementDOM } from './sync/get-preview-element-dom';
 
 const ANCHOR_SELECTOR = 'a, [data-action-link]';
 
@@ -144,32 +143,7 @@ function checkForInlineLink( elementId: string, resolvedValue?: LinkValue ): boo
 }
 
 function getElementDOM( id: string ) {
-	try {
-		const fromContainer = getContainer( id )?.view?.el;
-
-		if ( fromContainer ) {
-			return fromContainer;
-		}
-
-		// Inner elements of component instances are rendered from Twig and have
-		// no V1 Backbone view, so getContainer(id) returns null. Fall back to
-		// querying the preview iframe document directly so link-in-link
-		// restriction still works for those elements.
-		return queryPreviewDOMByElementId( id );
-	} catch {
-		return null;
-	}
-}
-
-function queryPreviewDOMByElementId( id: string ): HTMLElement | null {
-	const previewDocument = ( window as unknown as ExtendedWindow ).elementor?.getPreviewContainer?.()?.view?.el
-		?.ownerDocument;
-
-	if ( ! previewDocument ) {
-		return null;
-	}
-
-	return previewDocument.querySelector< HTMLElement >( `[data-id="${ id }"]` );
+	return getPreviewElementDOM( id );
 }
 
 function isElementorElement( element: Element ): boolean {

package/src/sync/get-preview-element-dom.ts

@@ -0,0 +1,32 @@
+import { getContainer } from './get-container';
+
+type ExtendedWindow = Window & {
+	elementor?: {
+		getPreviewContainer?: () => { view?: { el?: HTMLElement } } | undefined;
+	};
+};
+
+export function getPreviewElementDOM( id: string ): HTMLElement | null {
+	try {
+		const fromContainer = getContainer( id )?.view?.el;
+
+		if ( fromContainer ) {
+			return fromContainer;
+		}
+
+		return queryPreviewDOMByElementId( id );
+	} catch {
+		return null;
+	}
+}
+
+function queryPreviewDOMByElementId( id: string ): HTMLElement | null {
+	const previewDocument = ( window as unknown as ExtendedWindow ).elementor?.getPreviewContainer?.()?.view?.el
+		?.ownerDocument;
+
+	if ( ! previewDocument ) {
+		return null;
+	}
+
+	return previewDocument.querySelector< HTMLElement >( `[data-id="${ id }"]` );
+}

package/src/sync/types.ts

@@ -182,6 +182,7 @@ export type V1ElementEditorSettingsProps = {
 	initial_position?: number;
 	component_uid?: string;
 	grid_outline?: boolean;
+	empty_state_preview?: boolean;
 };
 
 export type V1ElementSettingsProps = Record< string, PropValue >;
@@ -208,6 +209,8 @@ export type V1ElementConfig< T = object, TChild = unknown > = {
 	default_children?: Array< Record< string, TChild > >;
 	children_dependencies?: ChildDependencyRule[];
 	meta?: { [ key: string ]: string | number | boolean | null | NonNullable< V1ElementConfig[ 'meta' ] > };
+	default_html_tag?: string;
+	html_tag_follows_link?: boolean;
 } & T;
 
 type V1Model< T > = {

package/src/utils/get-default-style-tag-from-preview.ts

@@ -0,0 +1,59 @@
+import { getContainer } from '../sync/get-container';
+import { getPreviewElementDOM } from '../sync/get-preview-element-dom';
+import { type V1Element } from '../sync/types';
+
+export const DEFAULT_STYLE_CLASS_PREFIX = 'e-default-';
+
+export function parseDefaultStyleTagFromClassList( classList: DOMTokenList ): string | null {
+	for ( const className of classList ) {
+		if ( className.startsWith( DEFAULT_STYLE_CLASS_PREFIX ) ) {
+			return className.slice( DEFAULT_STYLE_CLASS_PREFIX.length );
+		}
+	}
+
+	return null;
+}
+
+export function getDefaultStyleTagFromPreviewElement( elementId: string ): string | null {
+	const renderRoot = getAtomicElementRenderRoot( elementId );
+
+	if ( ! renderRoot ) {
+		return null;
+	}
+
+	return parseDefaultStyleTagFromClassList( renderRoot.classList );
+}
+
+function getAtomicElementRenderRoot( elementId: string ): HTMLElement | null {
+	const view = getContainerView( elementId );
+
+	if ( view?.getDomElement ) {
+		const domElement = view.getDomElement().get?.( 0 );
+
+		if ( domElement ) {
+			return domElement;
+		}
+	}
+
+	const wrapper = view?.el ?? getPreviewElementDOM( elementId );
+
+	if ( ! wrapper ) {
+		return null;
+	}
+
+	if ( wrapper.hasAttribute( 'data-id' ) ) {
+		return wrapper;
+	}
+
+	const firstChild = wrapper.firstElementChild;
+
+	if ( firstChild instanceof HTMLElement ) {
+		return firstChild;
+	}
+
+	return wrapper;
+}
+
+function getContainerView( elementId: string ): V1Element[ 'view' ] | null {
+	return getContainer( elementId )?.view ?? null;
+}