← All changes | modules/atomic-widgets/module.php +41 -172 4.1.5 → 3.34.0-beta1 View file →

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