← All changes | modules/atomic-widgets/module.php +67 -155 4.1.2 → 3.35.3 View file →

		@@ -14,27 +14,22 @@
14	14	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
15	15	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Button\Atomic_Button;
16	16	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Divider\Atomic_Divider;
17	17	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;
	18	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs;
	19	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Menu;
	20	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab;
	21	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Content_Area;
22	22	use Elementor\Modules\AtomicWidgets\ImportExport\Atomic_Import_Export;
23	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	31	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	32	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Link_Transformer;
38	33	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Plain_Transformer;
39	34	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Color_Overlay_Transformer;
40	35	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Gradient_Overlay_Transformer;
		@@ -71,15 +66,11 @@
71	66	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
72	67	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
73	68	use Elementor\Modules\AtomicWidgets\PropTypes\Color_Stop_Prop_Type;
74	69	use Elementor\Modules\AtomicWidgets\PropTypes\Date_Time_Prop_Type;
75		-use Elementor\Modules\AtomicWidgets\PropTypes\Date_Range_Prop_Type;
76		-use Elementor\Modules\AtomicWidgets\PropTypes\Time_Range_Prop_Type;
77	70	use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
78	71	use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
79	72	use Elementor\Modules\AtomicWidgets\PropTypes\Gradient_Color_Stop_Prop_Type;
80		-use Elementor\Modules\AtomicWidgets\PropTypes\Html_V2_Prop_Type;
81		-use Elementor\Modules\AtomicWidgets\PropTypes\Html_V3_Prop_Type;
82	73	use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
83	74	use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
84	75	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
85	76	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
		@@ -84,9 +75,8 @@
84	75	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
85	76	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
86	77	use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
87	78	use Elementor\Modules\AtomicWidgets\PropTypes\Image_Src_Prop_Type;
88		-use Elementor\Modules\AtomicWidgets\PropTypes\Svg_Src_Prop_Type;
89	79	use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
90	80	use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
91	81	use Elementor\Modules\AtomicWidgets\PropTypes\Shadow_Prop_Type;
92	82	use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
		@@ -104,29 +94,21 @@
104	94	use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
105	95	use Elementor\Modules\AtomicWidgets\Styles\Size_Constants;
106	96	use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
107	97	use Elementor\Modules\AtomicWidgets\Database\Atomic_Widgets_Database_Updater;
108		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab_Content\Atomic_Tab_Content;
109		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form;
110		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form_Promotion;
111		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message\Form_Success_Message;
112		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message\Form_Error_Message;
	98	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab_Content;
113	99	use Elementor\Modules\AtomicWidgets\PropTypeMigrations\Migrations_Orchestrator;
114	100	use Elementor\Plugin;
115	101	use Elementor\Widgets_Manager;
116	102	use Elementor\Modules\AtomicWidgets\Library\Atomic_Widgets_Library;
117	103	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Query_Transformer;
118		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Date_Range_Transformer;
119		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Time_Range_Transformer;
120	104	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Perspective_Origin_Transformer;
	105	+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
	106	+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
121	107	use Elementor\Modules\AtomicWidgets\PropTypes\Query_Prop_Type;
122	108	use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Perspective_Origin_Prop_Type;
123	109	use Elementor\Modules\AtomicWidgets\Utils\Utils;
124		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Self_Hosted_Video\Atomic_Self_Hosted_Video;
125		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Span_Transformer;
126		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Video_Src_Transformer;
127		-use Elementor\Modules\AtomicWidgets\PropTypes\Span_Prop_Type;
128		-use Elementor\Modules\AtomicWidgets\PropTypes\Video_Src_Prop_Type;
	110	+use Elementor\Core\Base\Document;
129	111
130	112	if ( ! defined( 'ABSPATH' ) ) {
131	113	exit; // Exit if accessed directly.
132	114	}
		@@ -134,10 +116,9 @@
134	116	class Module extends BaseModule {
135	117	const EXPERIMENT_NAME = 'e_atomic_elements';
136	118	const ENFORCE_CAPABILITIES_EXPERIMENT = 'atomic_widgets_should_enforce_capabilities';
137	119	const EXPERIMENT_EDITOR_MCP = 'editor_mcp';
138		- const EXPERIMENT_CSS_GRID = 'e_css_grid';
139		- const EXPERIMENT_DESIGN_SYSTEM_PANEL = 'e_editor_design_system_panel';
	120	+ const EXPERIMENT_BC_MIGRATIONS = 'e_bc_migrations';
140	121
141	122	const PACKAGES = [
142	123	'editor-canvas',
143	124	'editor-controls', // TODO: Need to be registered and not enqueued.
		@@ -146,10 +127,8 @@
146	127	'editor-props', // TODO: Need to be registered and not enqueued.
147	128	'editor-styles', // TODO: Need to be registered and not enqueued.
148	129	'editor-styles-repository',
149	130	'editor-interactions',
150		- 'editor-templates',
151		- 'editor-design-system',
152	131	];
153	132
154	133	public function get_name() {
155	134	return 'atomic-widgets';
		@@ -157,33 +136,43 @@
157	136
158	137	public function __construct() {
159	138	parent::__construct();
160	139
161		- if ( ! self::is_active() ) {
162		- return;
	140	+ if ( self::is_active() ) {
	141	+ $this->register_experimental_features();
	142	+ Migrations_Orchestrator::register_feature_flag_hooks();
163	143	}
164	144
165		- $this->register_experimental_features();
166		- $this->register_hooks();
	145	+ if ( Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME ) ) {
	146	+ Dynamic_Tags_Module::instance()->register_hooks();
167	147
168		- add_filter( 'elementor/editor/v2/packages', fn ( $packages ) => $this->add_packages( $packages ) );
169		- add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_styles_schema( $settings ) );
170		- add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_supported_units( $settings ) );
171		- add_filter( 'elementor/widgets/register', fn ( Widgets_Manager $widgets_manager ) => $this->register_widgets( $widgets_manager ) );
172		- add_filter( 'elementor/usage/elements/element_title', fn ( $title, $type ) => $this->get_element_usage_name( $title, $type ), 10, 2 );
	148	+ ( new Atomic_Widget_Styles() )->register_hooks();
	149	+ ( new Atomic_Widget_Base_Styles() )->register_hooks();
	150	+ ( new Atomic_Widgets_Library() )->register_hooks();
173	151
174		- add_action( 'elementor/elements/elements_registered', fn ( $elements_manager ) => $this->register_elements( $elements_manager ) );
175		- add_action( 'elementor/editor/after_enqueue_scripts', fn () => $this->enqueue_scripts() );
176		- add_action( 'elementor/editor/after_enqueue_styles', fn () => $this->enqueue_promotion_styles() );
177		- add_action( 'elementor/preview/enqueue_styles', fn () => $this->enqueue_promotion_styles() );
178		- add_action( 'elementor/frontend/before_register_scripts', fn () => $this->register_frontend_scripts() );
179		- add_action( 'elementor/frontend/after_enqueue_styles', fn () => $this->add_inline_styles() );
	152	+ Atomic_Styles_Manager::instance()->register_hooks();
180	153
181		- add_action( 'elementor/atomic-widgets/settings/transformers/register', fn ( $transformers ) => $this->register_settings_transformers( $transformers ) );
182		- add_action( 'elementor/atomic-widgets/styles/transformers/register', fn ( $transformers ) => $this->register_styles_transformers( $transformers ) );
183		- add_action( 'elementor/atomic-widgets/import/transformers/register', fn ( $transformers ) => $this->register_import_transformers( $transformers ) );
184		- add_action( 'elementor/atomic-widgets/export/transformers/register', fn ( $transformers ) => $this->register_export_transformers( $transformers ) );
185		- add_action( 'elementor/editor/templates/panel/category', fn () => $this->render_panel_category_chip() );
	154	+ ( new Atomic_Import_Export() )->register_hooks();
	155	+ ( new Atomic_Widgets_Database_Updater() )->register();
	156	+
	157	+ add_filter( 'elementor/editor/v2/packages', fn ( $packages ) => $this->add_packages( $packages ) );
	158	+ add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_styles_schema( $settings ) );
	159	+ add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_supported_units( $settings ) );
	160	+ add_filter( 'elementor/widgets/register', fn ( Widgets_Manager $widgets_manager ) => $this->register_widgets( $widgets_manager ) );
	161	+ add_filter( 'elementor/usage/elements/element_title', fn ( $title, $type ) => $this->get_element_usage_name( $title, $type ), 10, 2 );
	162	+ add_filter( 'elementor/document/load/data', fn ( $data, $document ) => $this->backward_compatibility_migrations( $data, $document ), 10, 2 );
	163	+
	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() );
	168	+
	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() );
	174	+ }
186	175	}
187	176
188	177	public static function get_experimental_data() {
189	178	return [
		@@ -191,13 +180,9 @@
191	180	'title' => esc_html__( 'Atomic Widgets', 'elementor' ),
192	181	'description' => esc_html__( 'Enable atomic widgets.', 'elementor' ),
193	182	'hidden' => true,
194	183	'default' => Experiments_Manager::STATE_INACTIVE,
195		- 'release_status' => Experiments_Manager::RELEASE_STATUS_BETA,
196		- 'new_site' => [
197		- 'default_active' => true,
198		- 'minimum_installation_version' => '4.0.0',
199		- ],
	184	+ 'release_status' => Experiments_Manager::RELEASE_STATUS_ALPHA,
200	185	];
201	186	}
202	187
203	188	private function register_experimental_features() {
		@@ -227,9 +212,9 @@
227	212	'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
228	213	]);
229	214
230	215	Plugin::$instance->experiments->add_feature([
231		- 'name' => Migrations_Orchestrator::EXPERIMENT_BC_MIGRATIONS,
	216	+ 'name' => self::EXPERIMENT_BC_MIGRATIONS,
232	217	'title' => esc_html__( 'Backward compatibility migrations', 'elementor' ),
233	218	'description' => esc_html__( 'Enable automatic prop type migrations for atomic widgets', 'elementor' ),
234	219	'hidden' => true,
235	220	'default' => Experiments_Manager::STATE_ACTIVE,
		@@ -234,45 +219,10 @@
234	219	'hidden' => true,
235	220	'default' => Experiments_Manager::STATE_ACTIVE,
236	221	'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
237	222	]);
238		-
239		- Plugin::$instance->experiments->add_feature( [
240		- 'name' => self::EXPERIMENT_CSS_GRID,
241		- 'title' => esc_html__( 'CSS Grid', 'elementor' ),
242		- 'description' => esc_html__( 'Enable CSS Grid layout for containers.', 'elementor' ),
243		- 'hidden' => true,
244		- 'default' => Experiments_Manager::STATE_INACTIVE,
245		- 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
246		- ] );
247		-
248		- Plugin::$instance->experiments->add_feature([
249		- 'name' => self::EXPERIMENT_DESIGN_SYSTEM_PANEL,
250		- 'title' => esc_html__( 'Editor design system panel', 'elementor' ),
251		- 'description' => esc_html__( 'Unified design system entry in the editor (toolbar + single panel for variables and global classes).', 'elementor' ),
252		- 'hidden' => true,
253		- 'default' => Experiments_Manager::STATE_ACTIVE,
254		- 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
255		- ]);
256		-
257		- // When a new feature affects settings or style schema, global class, interactions, variable, etc
258		- // anything in need of addressing migration for BC purposes, add it here.
259		- $migrations_affecting_features = [];
260		-
261		- Migrations_Orchestrator::register_affecting_feature_flag_hooks( $migrations_affecting_features );
262	223	}
263	224
264		- private function register_hooks() {
265		- Dynamic_Tags_Module::instance()->register_hooks();
266		- Atomic_Styles_Manager::instance()->register_hooks();
267		- Migrations_Orchestrator::make()->register_hooks();
268		- ( new Atomic_Widget_Styles() )->register_hooks();
269		- ( new Atomic_Widget_Base_Styles() )->register_hooks();
270		- ( new Atomic_Widgets_Library() )->register_hooks();
271		- ( new Atomic_Import_Export() )->register_hooks();
272		- ( new Atomic_Widgets_Database_Updater() )->register();
273		- }
274		-
275	225	private function add_packages( $packages ) {
276	226	return array_merge( $packages, self::PACKAGES );
277	227	}
278	228
		@@ -288,10 +238,8 @@
288	238
289	239	private function add_supported_units( $settings ) {
290	240	$settings['supported_size_units'] = Size_Constants::all_supported_units();
291	241
292		- $settings['size_units'] = Size_Constants::grouped_units();
293		-
294	242	return $settings;
295	243	}
296	244
297	245	private function register_widgets( Widgets_Manager $widgets_manager ) {
		@@ -301,9 +249,8 @@
301	249	$widgets_manager->register( new Atomic_Svg() );
302	250	$widgets_manager->register( new Atomic_Button() );
303	251	$widgets_manager->register( new Atomic_Youtube() );
304	252	$widgets_manager->register( new Atomic_Divider() );
305		- $widgets_manager->register( new Atomic_Self_Hosted_Video() );
306	253	}
307	254
308	255	private function register_elements( Elements_Manager $elements_manager ) {
309	256	$elements_manager->register_element_type( new Div_Block() );
		@@ -313,16 +260,8 @@
313	260	$elements_manager->register_element_type( new Atomic_Tabs_Menu() );
314	261	$elements_manager->register_element_type( new Atomic_Tab() );
315	262	$elements_manager->register_element_type( new Atomic_Tabs_Content_Area() );
316	263	$elements_manager->register_element_type( new Atomic_Tab_Content() );
317		-
318		- if ( \Elementor\Utils::has_pro() && Plugin::$instance->experiments->is_feature_active( 'e_pro_atomic_form' ) ) {
319		- $elements_manager->register_element_type( new Atomic_Form() );
320		- $elements_manager->register_element_type( new Form_Success_Message() );
321		- $elements_manager->register_element_type( new Form_Error_Message() );
322		- } elseif ( ! \Elementor\Utils::has_pro() ) {
323		- $elements_manager->register_element_type( new Atomic_Form_Promotion() );
324		- }
325	264	}
326	265
327	266	private function register_settings_transformers( Transformers_Registry $transformers ) {
328	267	$transformers->register_fallback( new Plain_Transformer() );
		@@ -328,31 +267,17 @@
328	267	$transformers->register_fallback( new Plain_Transformer() );
329	268	$transformers->register( Classes_Prop_Type::get_key(), new Classes_Transformer() );
330	269	$transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
331	270	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
332		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Transformer() );
333		- $transformers->register( Video_Src_Prop_Type::get_key(), new Video_Src_Transformer() );
334	271	$transformers->register( Link_Prop_Type::get_key(), new Link_Transformer() );
335	272	$transformers->register( Query_Prop_Type::get_key(), new Query_Transformer() );
336	273	$transformers->register( Attributes_Prop_Type::get_key(), new Attributes_Transformer() );
337	274	$transformers->register( Date_Time_Prop_Type::get_key(), new Date_Time_Transformer() );
338		- $transformers->register( Date_Range_Prop_Type::get_key(), new Date_Range_Transformer() );
339		- $transformers->register( Time_Range_Prop_Type::get_key(), new Time_Range_Transformer() );
340		- $transformers->register( Html_V2_Prop_Type::get_key(), new Html_V2_Transformer() );
341		- $transformers->register( Html_V3_Prop_Type::get_key(), new Html_V3_Transformer() );
342	275	}
343	276
344	277	private function register_styles_transformers( Transformers_Registry $transformers ) {
345	278	$transformers->register_fallback( new Plain_Transformer() );
346	279
347		- $this->register_basic_styles_transformers( $transformers );
348		- $this->register_background_styles_transformers( $transformers );
349		- $this->register_filter_styles_transformers( $transformers );
350		- $this->register_transform_styles_transformers( $transformers );
351		- $this->register_layout_styles_transformers( $transformers );
352		- }
353		-
354		- private function register_basic_styles_transformers( Transformers_Registry $transformers ): void {
355	280	$transformers->register( Size_Prop_Type::get_key(), new Size_Transformer() );
356	281	$transformers->register( Box_Shadow_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
357	282	$transformers->register( Shadow_Prop_Type::get_key(), new Shadow_Transformer() );
358	283	$transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
		@@ -358,12 +283,8 @@
358	283	$transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
359	284	$transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
360	285	$transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
361	286	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
362		- $transformers->register( Span_Prop_Type::get_key(), new Span_Transformer() );
363		- }
364		-
365		- private function register_background_styles_transformers( Transformers_Registry $transformers ): void {
366	287	$transformers->register( Background_Image_Overlay_Prop_Type::get_key(), new Background_Image_Overlay_Transformer() );
367	288	$transformers->register( Background_Image_Overlay_Size_Scale_Prop_Type::get_key(), new Background_Image_Overlay_Size_Scale_Transformer() );
368	289	$transformers->register( Background_Image_Position_Offset_Prop_Type::get_key(), new Position_Transformer() );
369	290	$transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
		@@ -369,11 +290,8 @@
369	290	$transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
370	291	$transformers->register( Background_Overlay_Prop_Type::get_key(), new Background_Overlay_Transformer() );
371	292	$transformers->register( Background_Prop_Type::get_key(), new Background_Transformer() );
372	293	$transformers->register( Background_Gradient_Overlay_Prop_Type::get_key(), new Background_Gradient_Overlay_Transformer() );
373		- }
374		-
375		- private function register_filter_styles_transformers( Transformers_Registry $transformers ): void {
376	294	$transformers->register( Filter_Prop_Type::get_key(), new Filter_Transformer() );
377	295	$transformers->register( Backdrop_Filter_Prop_Type::get_key(), new Filter_Transformer() );
378	296	$transformers->register( Transition_Prop_Type::get_key(), new Transition_Transformer() );
379	297	$transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
		@@ -378,11 +296,8 @@
378	296	$transformers->register( Transition_Prop_Type::get_key(), new Transition_Transformer() );
379	297	$transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
380	298	$transformers->register( Gradient_Color_Stop_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
381	299	$transformers->register( Position_Prop_Type::get_key(), new Position_Transformer() );
382		- }
383		-
384		- private function register_transform_styles_transformers( Transformers_Registry $transformers ): void {
385	300	$transformers->register( Transform_Move_Prop_Type::get_key(), new Transform_Move_Transformer() );
386	301	$transformers->register( Transform_Scale_Prop_Type::get_key(), new Transform_Scale_Transformer() );
387	302	$transformers->register( Transform_Rotate_Prop_Type::get_key(), new Transform_Rotate_Transformer() );
388	303	$transformers->register( Transform_Skew_Prop_Type::get_key(), new Transform_Skew_Transformer() );
		@@ -395,11 +310,8 @@
395	310	[ 'transform-functions', 'transform-origin', 'perspective', 'perspective-origin' ],
396	311	fn( $_, $key ) => 'transform-functions' === $key ? 'transform' : $key
397	312	)
398	313	);
399		- }
400		-
401		- private function register_layout_styles_transformers( Transformers_Registry $transformers ): void {
402	314	$transformers->register(
403	315	Border_Radius_Prop_Type::get_key(),
404	316	new Multi_Props_Transformer( [ 'start-start', 'start-end', 'end-start', 'end-end' ], fn ( $_, $key ) => "border-{$key}-radius" )
405	317	);
		@@ -420,9 +332,8 @@
420	332	public function register_import_transformers( Transformers_Registry $transformers ) {
421	333	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
422	334
423	335	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Import_Transformer() );
424		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Import_Transformer() );
425	336	}
426	337
427	338	public function register_export_transformers( Transformers_Registry $transformers ) {
428	339	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
		@@ -427,9 +338,8 @@
427	338	public function register_export_transformers( Transformers_Registry $transformers ) {
428	339	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
429	340
430	341	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Export_Transformer() );
431		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Export_Transformer() );
432	342	}
433	343
434	344	public static function is_active(): bool {
435	345	return Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME );
		@@ -458,16 +368,14 @@
458	368	[ 'elementor-editor' ],
459	369	ELEMENTOR_VERSION,
460	370	true
461	371	);
462		-
463		- wp_set_script_translations( 'elementor-atomic-widgets-editor', 'elementor' );
464	372	}
465	373
466	374	private function render_panel_category_chip() {
467	375	?><# if ( 'v4-elements' === name ) { #>
468	376	<span class="elementor-panel-heading-category-chip">
469		- <?php echo esc_html__( 'New', 'elementor' ); ?><i class="eicon-info"></i>
	377	+ <?php echo esc_html__( 'Beta', 'elementor' ); ?><i class="eicon-info"></i>
470	378	<span class="e-promotion-react-wrapper" data-promotion="v4_chip"></span>
471	379	</span>
472	380	<# } #><?php
473	381	}
		@@ -477,34 +385,38 @@
477	385	$loader->register_scripts();
478	386	}
479	387
480	388	private function add_inline_styles() {
481		- $inline_css = implode( '', [
482		- '.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }',
483		- 'form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],',
484		- 'form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]',
485		- '{ display: block; }',
486		- ] );
	389	+ $inline_css = '.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }';
487	390	wp_add_inline_style( 'elementor-frontend', $inline_css );
488		- wp_add_inline_style( 'elementor-editor', $inline_css );
489	391	}
490	392
491		- private function enqueue_promotion_styles() {
492		- if ( \Elementor\Utils::has_pro() ) {
493		- return;
	393	+ private function backward_compatibility_migrations( array $data, $document ): array {
	394	+ if ( ! Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_BC_MIGRATIONS ) ) {
	395	+ return $data;
494	396	}
495	397
496		- wp_enqueue_style(
497		- 'elementor-atomic-widgets-promotion-fonts',
498		- 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap',
499		- [],
500		- ELEMENTOR_VERSION
	398	+ $orchestrator = Migrations_Orchestrator::make( $this->get_migrations_base_path() );
	399	+
	400	+ $orchestrator->migrate_document(
	401	+ $data,
	402	+ $document->get_post()->ID,
	403	+ function( $migrated_data ) use ( $document ) {
	404	+ $document->update_json_meta(
	405	+ Document::ELEMENTOR_DATA_META_KEY,
	406	+ $migrated_data
	407	+ );
	408	+ }
501	409	);
502	410
503		- wp_enqueue_style(
504		- 'elementor-atomic-widgets-promotion',
505		- $this->get_css_assets_url( 'modules/atomic-widgets/editor' ),
506		- [ 'elementor-atomic-widgets-promotion-fonts' ],
507		- ELEMENTOR_VERSION
508		- );
	411	+ return $data;
	412	+ }
	413	+
	414	+ private function get_migrations_base_path(): string {
	415	+ // define this in wp-config.php to use local migrations i.e. __DIR__ . '/wp-content/plugins/elementor/migrations/'
	416	+ if ( defined( 'ELEMENTOR_MIGRATIONS_PATH' ) ) {
	417	+ return ELEMENTOR_MIGRATIONS_PATH;
	418	+ }
	419	+
	420	+ return 'https://migrations.elementor.com/';
509	421	}
510	422	}