Elementor Website Builder – more than just a page builder / 4.3.2

Elementor Website Builder – more than just a page builder v4.3.2

elementor / modules / atomic-widgets / elements / atomic-background-video / handlers / background-video-preview-handler.js

background-video-preview-handler.js in Elementor Website Builder – more than just a page builder 4.3.2, at modules/atomic-widgets/elements/atomic-background-video/handlers/background-video-preview-handler.js

28 lines 970 B

Raw Download Zip

1	import { register } from '@elementor/frontend-handlers';
2	import { refreshTree } from '@elementor/alpinejs';
3	import { resolveDesignTimeState, setEditorState } from './editor-background-video-state';
4	import { CONTROLS_ELEMENT_TYPE, PAUSE_ELEMENT_TYPE, PLAY_ELEMENT_TYPE } from './background-video-handler';
5
6	register( {
7	elementType: 'e-background-video',
8	id: 'e-background-video-preview-handler',
9	callback: ( { element, settings, listenToChildren } ) => {
10	const elementId = element.dataset.id;
11
12	setEditorState( elementId, resolveDesignTimeState( settings.state ) );
13	refreshTree( element );
14
15	listenToChildren( [ PLAY_ELEMENT_TYPE, PAUSE_ELEMENT_TYPE, CONTROLS_ELEMENT_TYPE ] )
16	.render( ( event ) => {
17	const childElement = event.detail.element;
18	const nearestBackgroundVideo = childElement.closest( '[data-e-type="e-background-video"]' );
19
20	if ( nearestBackgroundVideo !== element ) {
21	return;
22	}
23
24	refreshTree( element );
25	} );
26	},
27	} );
28