@elementor/editor-elements 3.33.0-99 → 3.35.0-324

package/src/sync/update-element-editor-settings.ts

@@ -0,0 +1,28 @@
+import { __privateRunCommandSync as runCommandSync } from '@elementor/editor-v1-adapters';
+
+import { type V1ElementModelProps } from '..';
+import { getContainer } from './get-container';
+
+export const updateElementEditorSettings = ( {
+	elementId,
+	settings,
+}: {
+	elementId: string;
+	settings: V1ElementModelProps[ 'editor_settings' ];
+} ) => {
+	const element = getContainer( elementId );
+
+	if ( ! element ) {
+		throw new Error( `Element with id ${ elementId } not found` );
+	}
+
+	const editorSettings = element.model.get( 'editor_settings' ) ?? {};
+
+	element.model.set( 'editor_settings', { ...editorSettings, ...settings } );
+
+	setDocumentModifiedStatus( true );
+};
+
+function setDocumentModifiedStatus( status: boolean ) {
+	runCommandSync( 'document/save/set-is-modified', { status }, { internal: true } );
+}

package/src/sync/update-element-interactions.ts

@@ -0,0 +1,32 @@
+import { __privateRunCommandSync as runCommandSync } from '@elementor/editor-v1-adapters';
+
+import { type V1ElementModelProps } from '..';
+import { getContainer } from './get-container';
+
+export const updateElementInteractions = ( {
+	elementId,
+	interactions,
+}: {
+	elementId: string;
+	interactions: V1ElementModelProps[ 'interactions' ];
+} ) => {
+	const element = getContainer( elementId );
+
+	if ( ! element ) {
+		throw new Error( `Element with id ${ elementId } not found` );
+	}
+
+	element.model.set( 'interactions', interactions );
+
+	window.dispatchEvent( new CustomEvent( 'elementor/element/update_interactions' ) );
+
+	setDocumentModifiedStatus( true );
+};
+
+export const playElementInteractions = ( elementId: string, animationId: string ) => {
+	window.top?.dispatchEvent( new CustomEvent( 'atomic/play_interactions', { detail: { elementId, animationId } } ) );
+};
+
+function setDocumentModifiedStatus( status: boolean ) {
+	runCommandSync( 'document/save/set-is-modified', { status }, { internal: true } );
+}

package/src/types.ts

@@ -1,4 +1,5 @@
 import { type PropsSchema } from '@elementor/editor-props';
+import { type ClassState } from '@elementor/editor-styles';
 
 export type ElementID = string;
 
@@ -12,6 +13,7 @@ export type ElementType = {
 	controls: ControlItem[];
 	propsSchema: PropsSchema;
 	dependenciesPerTargetMapping?: Record< string, string[] >;
+	styleStates?: ClassState[];
 	title: string;
 };
 
@@ -39,6 +41,19 @@ export type Control = {
 	};
 };
 
-export type ControlItem = ControlsSection | Control;
+export type ElementControl = {
+	type: 'element-control';
+	value: {
+		type: string;
+		label?: string;
+		props: Record< string, unknown >;
+		meta?: {
+			layout?: ControlLayout;
+			topDivider?: boolean;
+		};
+	};
+};
+
+export type ControlItem = ControlsSection | Control | ElementControl;
 
 export type ControlLayout = 'full' | 'two-columns' | 'custom';

package/src/hooks/use-element-type.ts

@@ -1,35 +0,0 @@
-import { __privateUseListenTo as useListenTo, commandEndEvent } from '@elementor/editor-v1-adapters';
-
-import { getWidgetsCache } from '../sync/get-widgets-cache';
-import { type ElementType } from '../types';
-
-export function useElementType( type?: string ) {
-	return useListenTo(
-		commandEndEvent( 'editor/documents/load' ),
-		(): ElementType | null => {
-			if ( ! type ) {
-				return null;
-			}
-
-			const widgetsCache = getWidgetsCache();
-			const elementType = widgetsCache?.[ type ];
-
-			if ( ! elementType?.atomic_controls ) {
-				return null;
-			}
-
-			if ( ! elementType?.atomic_props_schema ) {
-				return null;
-			}
-
-			return {
-				key: type,
-				controls: elementType.atomic_controls,
-				propsSchema: elementType.atomic_props_schema,
-				dependenciesPerTargetMapping: elementType.dependencies_per_target_mapping ?? {},
-				title: elementType.title,
-			};
-		},
-		[ type ]
-	);
-}