← All changes | modules/atomic-widgets/module.php +86 -127 4.0.9 → 3.33.0-beta1 View file →

		@@ -3,8 +3,9 @@
3	3	namespace Elementor\Modules\AtomicWidgets;
4	4
5	5	use Elementor\Core\Base\Module as BaseModule;
6	6	use Elementor\Core\Experiments\Manager as Experiments_Manager;
	7	+use Elementor\Core\Utils\Assets_Config_Provider;
7	8	use Elementor\Elements_Manager;
8	9	use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Tags_Module;
9	10	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Youtube\Atomic_Youtube;
10	11	use Elementor\Modules\AtomicWidgets\Elements\Div_Block\Div_Block;
		@@ -14,27 +15,20 @@
14	15	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
15	16	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Button\Atomic_Button;
16	17	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Divider\Atomic_Divider;
17	18	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Svg\Atomic_Svg;
18		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs\Atomic_Tabs;
19		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Menu\Atomic_Tabs_Menu;
20		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab\Atomic_Tab;
21		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Content_Area\Atomic_Tabs_Content_Area;
	19	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs;
	20	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_List;
	21	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab;
	22	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Content;
22	23	use Elementor\Modules\AtomicWidgets\ImportExport\Atomic_Import_Export;
23		-use Elementor\Modules\AtomicWidgets\Elements\Loader\Frontend_Assets_Loader;
24	24	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Combine_Array_Transformer;
25	25	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Image_Src_Export_Transformer;
26		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Svg_Src_Export_Transformer;
27	26	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Src_Transformer;
28	27	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Transformer;
29	28	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import\Image_Src_Import_Transformer;
30		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import\Svg_Src_Import_Transformer;
31		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Svg_Src_Transformer;
32	29	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import_Export_Plain_Transformer;
33	30	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Classes_Transformer;
34		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Date_Time_Transformer;
35		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Html_V2_Transformer;
36		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Html_V3_Transformer;
37	31	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Link_Transformer;
38	32	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Plain_Transformer;
39	33	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Color_Overlay_Transformer;
40	34	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Gradient_Overlay_Transformer;
		@@ -70,14 +64,11 @@
70	64	use Elementor\Modules\AtomicWidgets\PropTypes\Box_Shadow_Prop_Type;
71	65	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
72	66	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
73	67	use Elementor\Modules\AtomicWidgets\PropTypes\Color_Stop_Prop_Type;
74		-use Elementor\Modules\AtomicWidgets\PropTypes\Date_Time_Prop_Type;
75	68	use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
76	69	use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
77	70	use Elementor\Modules\AtomicWidgets\PropTypes\Gradient_Color_Stop_Prop_Type;
78		-use Elementor\Modules\AtomicWidgets\PropTypes\Html_V2_Prop_Type;
79		-use Elementor\Modules\AtomicWidgets\PropTypes\Html_V3_Prop_Type;
80	71	use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
81	72	use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
82	73	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
83	74	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
		@@ -82,9 +73,8 @@
82	73	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
83	74	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
84	75	use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
85	76	use Elementor\Modules\AtomicWidgets\PropTypes\Image_Src_Prop_Type;
86		-use Elementor\Modules\AtomicWidgets\PropTypes\Svg_Src_Prop_Type;
87	77	use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
88	78	use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
89	79	use Elementor\Modules\AtomicWidgets\PropTypes\Shadow_Prop_Type;
90	80	use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
		@@ -102,13 +92,9 @@
102	92	use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
103	93	use Elementor\Modules\AtomicWidgets\Styles\Size_Constants;
104	94	use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
105	95	use Elementor\Modules\AtomicWidgets\Database\Atomic_Widgets_Database_Updater;
106		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab_Content\Atomic_Tab_Content;
107		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form;
108		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message\Form_Success_Message;
109		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message\Form_Error_Message;
110		-use Elementor\Modules\AtomicWidgets\PropTypeMigrations\Migrations_Orchestrator;
	96	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab_Panel;
111	97	use Elementor\Plugin;
112	98	use Elementor\Widgets_Manager;
113	99	use Elementor\Modules\AtomicWidgets\Library\Atomic_Widgets_Library;
114	100	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Query_Transformer;
		@@ -114,12 +100,8 @@
114	100	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Query_Transformer;
115	101	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Perspective_Origin_Transformer;
116	102	use Elementor\Modules\AtomicWidgets\PropTypes\Query_Prop_Type;
117	103	use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Perspective_Origin_Prop_Type;
118		-use Elementor\Modules\AtomicWidgets\Utils\Utils;
119		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Self_Hosted_Video\Atomic_Self_Hosted_Video;
120		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Video_Src_Transformer;
121		-use Elementor\Modules\AtomicWidgets\PropTypes\Video_Src_Prop_Type;
122	104
123	105	if ( ! defined( 'ABSPATH' ) ) {
124	106	exit; // Exit if accessed directly.
125	107	}
		@@ -126,8 +108,9 @@
126	108
127	109	class Module extends BaseModule {
128	110	const EXPERIMENT_NAME = 'e_atomic_elements';
129	111	const ENFORCE_CAPABILITIES_EXPERIMENT = 'atomic_widgets_should_enforce_capabilities';
	112	+ const EXPERIMENT_NESTED = 'e_nested_elements';
130	113	const EXPERIMENT_EDITOR_MCP = 'editor_mcp';
131	114
132	115	const PACKAGES = [
133	116	'editor-canvas',
		@@ -136,10 +119,8 @@
136	119	'editor-elements', // TODO: Need to be registered and not enqueued.
137	120	'editor-props', // TODO: Need to be registered and not enqueued.
138	121	'editor-styles', // TODO: Need to be registered and not enqueued.
139	122	'editor-styles-repository',
140		- 'editor-interactions',
141		- 'editor-templates',
142	123	];
143	124
144	125	public function get_name() {
145	126	return 'atomic-widgets';
		@@ -147,31 +128,40 @@
147	128
148	129	public function __construct() {
149	130	parent::__construct();
150	131
151		- if ( ! self::is_active() ) {
152		- return;
	132	+ if ( self::is_active() ) {
	133	+ $this->register_experimental_features();
153	134	}
154	135
155		- $this->register_experimental_features();
156		- $this->register_hooks();
	136	+ if ( Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME ) ) {
	137	+ Dynamic_Tags_Module::instance()->register_hooks();
157	138
158		- add_filter( 'elementor/editor/v2/packages', fn ( $packages ) => $this->add_packages( $packages ) );
159		- add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_styles_schema( $settings ) );
160		- add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_supported_units( $settings ) );
161		- add_filter( 'elementor/widgets/register', fn ( Widgets_Manager $widgets_manager ) => $this->register_widgets( $widgets_manager ) );
162		- add_filter( 'elementor/usage/elements/element_title', fn ( $title, $type ) => $this->get_element_usage_name( $title, $type ), 10, 2 );
	139	+ ( new Atomic_Widget_Styles() )->register_hooks();
	140	+ ( new Atomic_Widget_Base_Styles() )->register_hooks();
	141	+ ( new Atomic_Widgets_Library() )->register_hooks();
163	142
164		- add_action( 'elementor/elements/elements_registered', fn ( $elements_manager ) => $this->register_elements( $elements_manager ) );
165		- add_action( 'elementor/editor/after_enqueue_scripts', fn () => $this->enqueue_scripts() );
166		- add_action( 'elementor/frontend/before_register_scripts', fn () => $this->register_frontend_scripts() );
167		- add_action( 'elementor/frontend/after_enqueue_styles', fn () => $this->add_inline_styles() );
	143	+ Atomic_Styles_Manager::instance()->register_hooks();
168	144
169		- add_action( 'elementor/atomic-widgets/settings/transformers/register', fn ( $transformers ) => $this->register_settings_transformers( $transformers ) );
170		- add_action( 'elementor/atomic-widgets/styles/transformers/register', fn ( $transformers ) => $this->register_styles_transformers( $transformers ) );
171		- add_action( 'elementor/atomic-widgets/import/transformers/register', fn ( $transformers ) => $this->register_import_transformers( $transformers ) );
172		- add_action( 'elementor/atomic-widgets/export/transformers/register', fn ( $transformers ) => $this->register_export_transformers( $transformers ) );
173		- add_action( 'elementor/editor/templates/panel/category', fn () => $this->render_panel_category_chip() );
	145	+ ( new Atomic_Import_Export() )->register_hooks();
	146	+ ( new Atomic_Widgets_Database_Updater() )->register();
	147	+
	148	+ add_filter( 'elementor/editor/v2/packages', fn ( $packages ) => $this->add_packages( $packages ) );
	149	+ add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_styles_schema( $settings ) );
	150	+ add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_supported_units( $settings ) );
	151	+ add_filter( 'elementor/widgets/register', fn ( Widgets_Manager $widgets_manager ) => $this->register_widgets( $widgets_manager ) );
	152	+ add_filter( 'elementor/usage/elements/element_title', fn ( $title, $type ) => $this->get_element_usage_name( $title, $type ), 10, 2 );
	153	+
	154	+ add_action( 'elementor/elements/elements_registered', fn ( $elements_manager ) => $this->register_elements( $elements_manager ) );
	155	+ add_action( 'elementor/editor/after_enqueue_scripts', fn () => $this->enqueue_scripts() );
	156	+ add_action( 'elementor/frontend/after_register_scripts', fn () => $this->register_frontend_scripts() );
	157	+
	158	+ add_action( 'elementor/atomic-widgets/settings/transformers/register', fn ( $transformers ) => $this->register_settings_transformers( $transformers ) );
	159	+ add_action( 'elementor/atomic-widgets/styles/transformers/register', fn ( $transformers ) => $this->register_styles_transformers( $transformers ) );
	160	+ add_action( 'elementor/atomic-widgets/import/transformers/register', fn ( $transformers ) => $this->register_import_transformers( $transformers ) );
	161	+ add_action( 'elementor/atomic-widgets/export/transformers/register', fn ( $transformers ) => $this->register_export_transformers( $transformers ) );
	162	+ add_action( 'elementor/editor/templates/panel/category', fn () => $this->render_panel_category_chip() );
	163	+ }
174	164	}
175	165
176	166	public static function get_experimental_data() {
177	167	return [
		@@ -179,13 +169,9 @@
179	169	'title' => esc_html__( 'Atomic Widgets', 'elementor' ),
180	170	'description' => esc_html__( 'Enable atomic widgets.', 'elementor' ),
181	171	'hidden' => true,
182	172	'default' => Experiments_Manager::STATE_INACTIVE,
183		- 'release_status' => Experiments_Manager::RELEASE_STATUS_BETA,
184		- 'new_site' => [
185		- 'default_active' => true,
186		- 'minimum_installation_version' => '4.0.0',
187		- ],
	173	+ 'release_status' => Experiments_Manager::RELEASE_STATUS_ALPHA,
188	174	];
189	175	}
190	176
191	177	private function register_experimental_features() {
		@@ -206,43 +192,26 @@
206	192	'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
207	193	] );
208	194
209	195	Plugin::$instance->experiments->add_feature([
210		- 'name' => self::EXPERIMENT_EDITOR_MCP,
211		- 'title' => esc_html__( 'Editor MCP for atomic widgets', 'elementor' ),
212		- 'description' => esc_html__( 'Editor MCP for atomic widgets.', 'elementor' ),
	196	+ 'name' => self::EXPERIMENT_NESTED,
	197	+ 'title' => esc_html__( 'Nested Elements', 'elementor' ),
	198	+ 'description' => esc_html__( 'Enable nested elements.', 'elementor' ),
213	199	'hidden' => true,
214		- 'default' => Experiments_Manager::STATE_ACTIVE,
	200	+ 'default' => Experiments_Manager::STATE_INACTIVE,
215	201	'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
216	202	]);
217	203
218	204	Plugin::$instance->experiments->add_feature([
219		- 'name' => Migrations_Orchestrator::EXPERIMENT_BC_MIGRATIONS,
220		- 'title' => esc_html__( 'Backward compatibility migrations', 'elementor' ),
221		- 'description' => esc_html__( 'Enable automatic prop type migrations for atomic widgets', 'elementor' ),
	205	+ 'name' => self::EXPERIMENT_EDITOR_MCP,
	206	+ 'title' => esc_html__( 'Editor MCP for atomic widgets', 'elementor' ),
	207	+ 'description' => esc_html__( 'Editor MCP for atomic widgets.', 'elementor' ),
222	208	'hidden' => true,
223		- 'default' => Experiments_Manager::STATE_ACTIVE,
	209	+ 'default' => Experiments_Manager::STATE_INACTIVE,
224	210	'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
225	211	]);
226		-
227		- // When a new feature affects settings or style schema, global class, interactions, variable, etc
228		- // anything in need of addressing migration for BC purposes, add it here.
229		- $migrations_affecting_features = [];
230		-
231		- Migrations_Orchestrator::register_affecting_feature_flag_hooks( $migrations_affecting_features );
232	212	}
233	213
234		- private function register_hooks() {
235		- Dynamic_Tags_Module::instance()->register_hooks();
236		- Atomic_Styles_Manager::instance()->register_hooks();
237		- Migrations_Orchestrator::make()->register_hooks();
238		- ( new Atomic_Widget_Styles() )->register_hooks();
239		- ( new Atomic_Widget_Base_Styles() )->register_hooks();
240		- ( new Atomic_Widgets_Library() )->register_hooks();
241		- ( new Atomic_Import_Export() )->register_hooks();
242		- ( new Atomic_Widgets_Database_Updater() )->register();
243		- }
244		-
245	214	private function add_packages( $packages ) {
246	215	return array_merge( $packages, self::PACKAGES );
247	216	}
248	217
		@@ -258,10 +227,8 @@
258	227
259	228	private function add_supported_units( $settings ) {
260	229	$settings['supported_size_units'] = Size_Constants::all_supported_units();
261	230
262		- $settings['size_units'] = Size_Constants::grouped_units();
263		-
264	231	return $settings;
265	232	}
266	233
267	234	private function register_widgets( Widgets_Manager $widgets_manager ) {
		@@ -271,9 +238,8 @@
271	238	$widgets_manager->register( new Atomic_Svg() );
272	239	$widgets_manager->register( new Atomic_Button() );
273	240	$widgets_manager->register( new Atomic_Youtube() );
274	241	$widgets_manager->register( new Atomic_Divider() );
275		- $widgets_manager->register( new Atomic_Self_Hosted_Video() );
276	242	}
277	243
278	244	private function register_elements( Elements_Manager $elements_manager ) {
279	245	$elements_manager->register_element_type( new Div_Block() );
		@@ -278,47 +244,31 @@
278	244	private function register_elements( Elements_Manager $elements_manager ) {
279	245	$elements_manager->register_element_type( new Div_Block() );
280	246	$elements_manager->register_element_type( new Flexbox() );
281	247
282		- $elements_manager->register_element_type( new Atomic_Tabs() );
283		- $elements_manager->register_element_type( new Atomic_Tabs_Menu() );
284		- $elements_manager->register_element_type( new Atomic_Tab() );
285		- $elements_manager->register_element_type( new Atomic_Tabs_Content_Area() );
286		- $elements_manager->register_element_type( new Atomic_Tab_Content() );
287		-
288		- if ( \Elementor\Utils::has_pro() && Plugin::$instance->experiments->is_feature_active( 'e_pro_atomic_form' ) ) {
289		- $elements_manager->register_element_type( new Atomic_Form() );
290		- $elements_manager->register_element_type( new Form_Success_Message() );
291		- $elements_manager->register_element_type( new Form_Error_Message() );
	248	+ if ( Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NESTED ) ) {
	249	+ $elements_manager->register_element_type( new Atomic_Tabs() );
	250	+ $elements_manager->register_element_type( new Atomic_Tabs_List() );
	251	+ $elements_manager->register_element_type( new Atomic_Tab() );
	252	+ $elements_manager->register_element_type( new Atomic_Tabs_Content() );
	253	+ $elements_manager->register_element_type( new Atomic_Tab_Panel() );
292	254	}
293	255	}
294	256
295	257	private function register_settings_transformers( Transformers_Registry $transformers ) {
296	258	$transformers->register_fallback( new Plain_Transformer() );
	259	+
297	260	$transformers->register( Classes_Prop_Type::get_key(), new Classes_Transformer() );
298	261	$transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
299	262	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
300		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Transformer() );
301		- $transformers->register( Video_Src_Prop_Type::get_key(), new Video_Src_Transformer() );
302	263	$transformers->register( Link_Prop_Type::get_key(), new Link_Transformer() );
303	264	$transformers->register( Query_Prop_Type::get_key(), new Query_Transformer() );
304	265	$transformers->register( Attributes_Prop_Type::get_key(), new Attributes_Transformer() );
305		- $transformers->register( Date_Time_Prop_Type::get_key(), new Date_Time_Transformer() );
306		- $transformers->register( Html_V2_Prop_Type::get_key(), new Html_V2_Transformer() );
307		- $transformers->register( Html_V3_Prop_Type::get_key(), new Html_V3_Transformer() );
308	266	}
309	267
310	268	private function register_styles_transformers( Transformers_Registry $transformers ) {
311	269	$transformers->register_fallback( new Plain_Transformer() );
312	270
313		- $this->register_basic_styles_transformers( $transformers );
314		- $this->register_background_styles_transformers( $transformers );
315		- $this->register_filter_styles_transformers( $transformers );
316		- $this->register_transform_styles_transformers( $transformers );
317		- $this->register_layout_styles_transformers( $transformers );
318		- }
319		-
320		- private function register_basic_styles_transformers( Transformers_Registry $transformers ): void {
321	271	$transformers->register( Size_Prop_Type::get_key(), new Size_Transformer() );
322	272	$transformers->register( Box_Shadow_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
323	273	$transformers->register( Shadow_Prop_Type::get_key(), new Shadow_Transformer() );
324	274	$transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
		@@ -324,11 +274,8 @@
324	274	$transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
325	275	$transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
326	276	$transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
327	277	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
328		- }
329		-
330		- private function register_background_styles_transformers( Transformers_Registry $transformers ): void {
331	278	$transformers->register( Background_Image_Overlay_Prop_Type::get_key(), new Background_Image_Overlay_Transformer() );
332	279	$transformers->register( Background_Image_Overlay_Size_Scale_Prop_Type::get_key(), new Background_Image_Overlay_Size_Scale_Transformer() );
333	280	$transformers->register( Background_Image_Position_Offset_Prop_Type::get_key(), new Position_Transformer() );
334	281	$transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
		@@ -334,11 +281,8 @@
334	281	$transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
335	282	$transformers->register( Background_Overlay_Prop_Type::get_key(), new Background_Overlay_Transformer() );
336	283	$transformers->register( Background_Prop_Type::get_key(), new Background_Transformer() );
337	284	$transformers->register( Background_Gradient_Overlay_Prop_Type::get_key(), new Background_Gradient_Overlay_Transformer() );
338		- }
339		-
340		- private function register_filter_styles_transformers( Transformers_Registry $transformers ): void {
341	285	$transformers->register( Filter_Prop_Type::get_key(), new Filter_Transformer() );
342	286	$transformers->register( Backdrop_Filter_Prop_Type::get_key(), new Filter_Transformer() );
343	287	$transformers->register( Transition_Prop_Type::get_key(), new Transition_Transformer() );
344	288	$transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
		@@ -343,11 +287,8 @@
343	287	$transformers->register( Transition_Prop_Type::get_key(), new Transition_Transformer() );
344	288	$transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
345	289	$transformers->register( Gradient_Color_Stop_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
346	290	$transformers->register( Position_Prop_Type::get_key(), new Position_Transformer() );
347		- }
348		-
349		- private function register_transform_styles_transformers( Transformers_Registry $transformers ): void {
350	291	$transformers->register( Transform_Move_Prop_Type::get_key(), new Transform_Move_Transformer() );
351	292	$transformers->register( Transform_Scale_Prop_Type::get_key(), new Transform_Scale_Transformer() );
352	293	$transformers->register( Transform_Rotate_Prop_Type::get_key(), new Transform_Rotate_Transformer() );
353	294	$transformers->register( Transform_Skew_Prop_Type::get_key(), new Transform_Skew_Transformer() );
		@@ -360,11 +301,8 @@
360	301	[ 'transform-functions', 'transform-origin', 'perspective', 'perspective-origin' ],
361	302	fn( $_, $key ) => 'transform-functions' === $key ? 'transform' : $key
362	303	)
363	304	);
364		- }
365		-
366		- private function register_layout_styles_transformers( Transformers_Registry $transformers ): void {
367	305	$transformers->register(
368	306	Border_Radius_Prop_Type::get_key(),
369	307	new Multi_Props_Transformer( [ 'start-start', 'start-end', 'end-start', 'end-end' ], fn ( $_, $key ) => "border-{$key}-radius" )
370	308	);
		@@ -385,9 +323,8 @@
385	323	public function register_import_transformers( Transformers_Registry $transformers ) {
386	324	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
387	325
388	326	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Import_Transformer() );
389		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Import_Transformer() );
390	327	}
391	328
392	329	public function register_export_transformers( Transformers_Registry $transformers ) {
393	330	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
		@@ -392,9 +329,8 @@
392	329	public function register_export_transformers( Transformers_Registry $transformers ) {
393	330	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
394	331
395	332	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Export_Transformer() );
396		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Export_Transformer() );
397	333	}
398	334
399	335	public static function is_active(): bool {
400	336	return Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME );
		@@ -428,9 +364,9 @@
428	364
429	365	private function render_panel_category_chip() {
430	366	?><# if ( 'v4-elements' === name ) { #>
431	367	<span class="elementor-panel-heading-category-chip">
432		- <?php echo esc_html__( 'New', 'elementor' ); ?><i class="eicon-info"></i>
	368	+ <?php echo esc_html__( 'Alpha', 'elementor' ); ?><i class="eicon-info"></i>
433	369	<span class="e-promotion-react-wrapper" data-promotion="v4_chip"></span>
434	370	</span>
435	371	<# } #><?php
436	372	}
		@@ -435,19 +371,42 @@
435	371	<# } #><?php
436	372	}
437	373
438	374	private function register_frontend_scripts() {
439		- $loader = new Frontend_Assets_Loader();
440		- $loader->register_scripts();
441		- }
	375	+ $assets_config_provider = ( new Assets_Config_Provider() )
	376	+ ->set_path_resolver( function ( $name ) {
	377	+ return ELEMENTOR_ASSETS_PATH . "js/packages/{$name}/{$name}.asset.php";
	378	+ } );
442	379
443		- private function add_inline_styles() {
444		- $inline_css = implode( '', [
445		- '.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }',
446		- 'form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],',
447		- 'form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]',
448		- '{ display: block; }',
449		- ] );
450		- wp_add_inline_style( 'elementor-frontend', $inline_css );
451		- wp_add_inline_style( 'elementor-editor', $inline_css );
	380	+ $assets_config_provider->load( 'frontend-handlers' );
	381	+
	382	+ $frontend_handlers_package_config = $assets_config_provider->get( 'frontend-handlers' );
	383	+
	384	+ if ( ! $frontend_handlers_package_config ) {
	385	+ return;
	386	+ }
	387	+
	388	+ wp_register_script(
	389	+ $frontend_handlers_package_config['handle'],
	390	+ $this->get_js_assets_url( 'packages/frontend-handlers/frontend-handlers' ),
	391	+ $frontend_handlers_package_config['deps'],
	392	+ ELEMENTOR_VERSION,
	393	+ true
	394	+ );
	395	+
	396	+ wp_register_script(
	397	+ 'elementor-youtube-handler',
	398	+ $this->get_js_assets_url( 'youtube-handler' ),
	399	+ [ $frontend_handlers_package_config['handle'] ],
	400	+ ELEMENTOR_VERSION,
	401	+ true
	402	+ );
	403	+
	404	+ wp_register_script(
	405	+ 'elementor-tabs-handler',
	406	+ $this->get_js_assets_url( 'tabs-handler' ),
	407	+ [ $frontend_handlers_package_config['handle'] ],
	408	+ ELEMENTOR_VERSION,
	409	+ true
	410	+ );
452	411	}
453	412	}