← All changes | modules/atomic-widgets/module.php +0 -63 4.2.0-beta1 → 4.0.0-beta1 View file →

		@@ -2,17 +2,14 @@
2	2
3	3	namespace Elementor\Modules\AtomicWidgets;
4	4
5	5	use Elementor\Core\Base\Module as BaseModule;
6		-use Elementor\Core\Common\Modules\Ajax\Module as Ajax;
7	6	use Elementor\Core\Experiments\Manager as Experiments_Manager;
8	7	use Elementor\Elements_Manager;
9		-use Elementor\Modules\AtomicWidgets\Ajax\Render_Element_Action;
10	8	use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Tags_Module;
11	9	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Youtube\Atomic_Youtube;
12	10	use Elementor\Modules\AtomicWidgets\Elements\Div_Block\Div_Block;
13	11	use Elementor\Modules\AtomicWidgets\Elements\Flexbox\Flexbox;
14		-use Elementor\Modules\AtomicWidgets\Elements\Grid\Grid;
15	12	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Heading\Atomic_Heading;
16	13	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Image\Atomic_Image;
17	14	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
18	15	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Button\Atomic_Button;
		@@ -25,14 +22,11 @@
25	22	use Elementor\Modules\AtomicWidgets\ImportExport\Atomic_Import_Export;
26	23	use Elementor\Modules\AtomicWidgets\Elements\Loader\Frontend_Assets_Loader;
27	24	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Combine_Array_Transformer;
28	25	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Image_Src_Export_Transformer;
29		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Svg_Src_Export_Transformer;
30	26	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Src_Transformer;
31	27	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Transformer;
32	28	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import\Image_Src_Import_Transformer;
33		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import\Svg_Src_Import_Transformer;
34		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Svg_Src_Transformer;
35	29	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import_Export_Plain_Transformer;
36	30	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Classes_Transformer;
37	31	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Date_Time_Transformer;
38	32	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Html_V2_Transformer;
		@@ -45,9 +39,8 @@
45	39	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Color_Stop_Transformer;
46	40	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Multi_Props_Transformer;
47	41	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Position_Transformer;
48	42	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Shadow_Transformer;
49		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Grid_Track_Size_Transformer;
50	43	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Size_Transformer;
51	44	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Stroke_Transformer;
52	45	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Transformer;
53	46	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Size_Scale_Transformer;
		@@ -52,9 +45,8 @@
52	45	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Transformer;
53	46	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Size_Scale_Transformer;
54	47	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Overlay_Transformer;
55	48	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Filter_Transformer;
56		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Font_Family_Transformer;
57	49	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Origin_Transformer;
58	50	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transition_Transformer;
59	51	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Rotate_Transformer;
60	52	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Skew_Transformer;
		@@ -76,10 +68,8 @@
76	68	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
77	69	use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
78	70	use Elementor\Modules\AtomicWidgets\PropTypes\Color_Stop_Prop_Type;
79	71	use Elementor\Modules\AtomicWidgets\PropTypes\Date_Time_Prop_Type;
80		-use Elementor\Modules\AtomicWidgets\PropTypes\Date_Range_Prop_Type;
81		-use Elementor\Modules\AtomicWidgets\PropTypes\Time_Range_Prop_Type;
82	72	use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
83	73	use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
84	74	use Elementor\Modules\AtomicWidgets\PropTypes\Gradient_Color_Stop_Prop_Type;
85	75	use Elementor\Modules\AtomicWidgets\PropTypes\Html_V2_Prop_Type;
		@@ -89,13 +79,11 @@
89	79	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
90	80	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
91	81	use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
92	82	use Elementor\Modules\AtomicWidgets\PropTypes\Image_Src_Prop_Type;
93		-use Elementor\Modules\AtomicWidgets\PropTypes\Svg_Src_Prop_Type;
94	83	use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
95	84	use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
96	85	use Elementor\Modules\AtomicWidgets\PropTypes\Shadow_Prop_Type;
97		-use Elementor\Modules\AtomicWidgets\PropTypes\Grid_Track_Size_Prop_Type;
98	86	use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
99	87	use Elementor\Modules\AtomicWidgets\PropTypes\Stroke_Prop_Type;
100	88	use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Move_Prop_Type;
101	89	use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Functions_Prop_Type;
		@@ -109,14 +97,11 @@
109	97	use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Base_Styles;
110	98	use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
111	99	use Elementor\Modules\AtomicWidgets\Styles\Size_Constants;
112	100	use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
113		-use Elementor\Modules\AtomicWidgets\CssConverter\Css_Converter_REST_API;
114	101	use Elementor\Modules\AtomicWidgets\Database\Atomic_Widgets_Database_Updater;
115	102	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab_Content\Atomic_Tab_Content;
116		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Collection_Loop\Collection_Loop_Promotion;
117	103	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form;
118		-use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form_Promotion;
119	104	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message\Form_Success_Message;
120	105	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message\Form_Error_Message;
121	106	use Elementor\Modules\AtomicWidgets\PropTypeMigrations\Migrations_Orchestrator;
122	107	use Elementor\Plugin;
		@@ -122,19 +107,14 @@
122	107	use Elementor\Plugin;
123	108	use Elementor\Widgets_Manager;
124	109	use Elementor\Modules\AtomicWidgets\Library\Atomic_Widgets_Library;
125	110	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Query_Transformer;
126		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Date_Range_Transformer;
127		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Time_Range_Transformer;
128	111	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Perspective_Origin_Transformer;
129	112	use Elementor\Modules\AtomicWidgets\PropTypes\Query_Prop_Type;
130	113	use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Perspective_Origin_Prop_Type;
131	114	use Elementor\Modules\AtomicWidgets\Utils\Utils;
132	115	use Elementor\Modules\AtomicWidgets\Elements\Atomic_Self_Hosted_Video\Atomic_Self_Hosted_Video;
133		-use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Span_Transformer;
134	116	use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Video_Src_Transformer;
135		-use Elementor\Modules\AtomicWidgets\PropTypes\Font_Family_Prop_Type;
136		-use Elementor\Modules\AtomicWidgets\PropTypes\Span_Prop_Type;
137	117	use Elementor\Modules\AtomicWidgets\PropTypes\Video_Src_Prop_Type;
138	118
139	119	if ( ! defined( 'ABSPATH' ) ) {
140	120	exit; // Exit if accessed directly.
		@@ -154,9 +134,8 @@
154	134	'editor-styles', // TODO: Need to be registered and not enqueued.
155	135	'editor-styles-repository',
156	136	'editor-interactions',
157	137	'editor-templates',
158		- 'editor-design-system',
159	138	];
160	139
161	140	public function get_name() {
162	141	return 'atomic-widgets';
		@@ -179,15 +158,11 @@
179	158	add_filter( 'elementor/usage/elements/element_title', fn ( $title, $type ) => $this->get_element_usage_name( $title, $type ), 10, 2 );
180	159
181	160	add_action( 'elementor/elements/elements_registered', fn ( $elements_manager ) => $this->register_elements( $elements_manager ) );
182	161	add_action( 'elementor/editor/after_enqueue_scripts', fn () => $this->enqueue_scripts() );
183		- add_action( 'elementor/editor/after_enqueue_styles', fn () => $this->enqueue_promotion_styles() );
184		- add_action( 'elementor/preview/enqueue_styles', fn () => $this->enqueue_promotion_styles() );
185	162	add_action( 'elementor/frontend/before_register_scripts', fn () => $this->register_frontend_scripts() );
186	163	add_action( 'elementor/frontend/after_enqueue_styles', fn () => $this->add_inline_styles() );
187	164
188		- add_action( 'elementor/ajax/register_actions', fn ( Ajax $ajax ) => ( new Render_Element_Action() )->register( $ajax ) );
189		-
190	165	add_action( 'elementor/atomic-widgets/settings/transformers/register', fn ( $transformers ) => $this->register_settings_transformers( $transformers ) );
191	166	add_action( 'elementor/atomic-widgets/styles/transformers/register', fn ( $transformers ) => $this->register_styles_transformers( $transformers ) );
192	167	add_action( 'elementor/atomic-widgets/import/transformers/register', fn ( $transformers ) => $this->register_import_transformers( $transformers ) );
193	168	add_action( 'elementor/atomic-widgets/export/transformers/register', fn ( $transformers ) => $this->register_export_transformers( $transformers ) );
		@@ -260,9 +235,8 @@
260	235	( new Atomic_Widget_Base_Styles() )->register_hooks();
261	236	( new Atomic_Widgets_Library() )->register_hooks();
262	237	( new Atomic_Import_Export() )->register_hooks();
263	238	( new Atomic_Widgets_Database_Updater() )->register();
264		- ( new Css_Converter_REST_API() )->register_hooks();
265	239	}
266	240
267	241	private function add_packages( $packages ) {
268	242	return array_merge( $packages, self::PACKAGES );
		@@ -299,9 +273,8 @@
299	273
300	274	private function register_elements( Elements_Manager $elements_manager ) {
301	275	$elements_manager->register_element_type( new Div_Block() );
302	276	$elements_manager->register_element_type( new Flexbox() );
303		- $elements_manager->register_element_type( new Grid() );
304	277
305	278	$elements_manager->register_element_type( new Atomic_Tabs() );
306	279	$elements_manager->register_element_type( new Atomic_Tabs_Menu() );
307	280	$elements_manager->register_element_type( new Atomic_Tab() );
		@@ -311,15 +284,9 @@
311	284	if ( \Elementor\Utils::has_pro() && Plugin::$instance->experiments->is_feature_active( 'e_pro_atomic_form' ) ) {
312	285	$elements_manager->register_element_type( new Atomic_Form() );
313	286	$elements_manager->register_element_type( new Form_Success_Message() );
314	287	$elements_manager->register_element_type( new Form_Error_Message() );
315		- } elseif ( ! \Elementor\Utils::has_pro() ) {
316		- $elements_manager->register_element_type( new Atomic_Form_Promotion() );
317	288	}
318		-
319		- if ( ! \Elementor\Utils::has_pro() ) {
320		- $elements_manager->register_element_type( new Collection_Loop_Promotion() );
321		- }
322	289	}
323	290
324	291	private function register_settings_transformers( Transformers_Registry $transformers ) {
325	292	$transformers->register_fallback( new Plain_Transformer() );
		@@ -325,16 +292,13 @@
325	292	$transformers->register_fallback( new Plain_Transformer() );
326	293	$transformers->register( Classes_Prop_Type::get_key(), new Classes_Transformer() );
327	294	$transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
328	295	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
329		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Transformer() );
330	296	$transformers->register( Video_Src_Prop_Type::get_key(), new Video_Src_Transformer() );
331	297	$transformers->register( Link_Prop_Type::get_key(), new Link_Transformer() );
332	298	$transformers->register( Query_Prop_Type::get_key(), new Query_Transformer() );
333	299	$transformers->register( Attributes_Prop_Type::get_key(), new Attributes_Transformer() );
334	300	$transformers->register( Date_Time_Prop_Type::get_key(), new Date_Time_Transformer() );
335		- $transformers->register( Date_Range_Prop_Type::get_key(), new Date_Range_Transformer() );
336		- $transformers->register( Time_Range_Prop_Type::get_key(), new Time_Range_Transformer() );
337	301	$transformers->register( Html_V2_Prop_Type::get_key(), new Html_V2_Transformer() );
338	302	$transformers->register( Html_V3_Prop_Type::get_key(), new Html_V3_Transformer() );
339	303	}
340	304
		@@ -348,11 +312,9 @@
348	312	$this->register_layout_styles_transformers( $transformers );
349	313	}
350	314
351	315	private function register_basic_styles_transformers( Transformers_Registry $transformers ): void {
352		- $transformers->register( Font_Family_Prop_Type::get_key(), new Font_Family_Transformer() );
353	316	$transformers->register( Size_Prop_Type::get_key(), new Size_Transformer() );
354		- $transformers->register( Grid_Track_Size_Prop_Type::get_key(), new Grid_Track_Size_Transformer() );
355	317	$transformers->register( Box_Shadow_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
356	318	$transformers->register( Shadow_Prop_Type::get_key(), new Shadow_Transformer() );
357	319	$transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
358	320	$transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
		@@ -357,9 +319,8 @@
357	319	$transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
358	320	$transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
359	321	$transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
360	322	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
361		- $transformers->register( Span_Prop_Type::get_key(), new Span_Transformer() );
362	323	}
363	324
364	325	private function register_background_styles_transformers( Transformers_Registry $transformers ): void {
365	326	$transformers->register( Background_Image_Overlay_Prop_Type::get_key(), new Background_Image_Overlay_Transformer() );
		@@ -419,9 +380,8 @@
419	380	public function register_import_transformers( Transformers_Registry $transformers ) {
420	381	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
421	382
422	383	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Import_Transformer() );
423		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Import_Transformer() );
424	384	}
425	385
426	386	public function register_export_transformers( Transformers_Registry $transformers ) {
427	387	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
		@@ -426,9 +386,8 @@
426	386	public function register_export_transformers( Transformers_Registry $transformers ) {
427	387	$transformers->register_fallback( new Import_Export_Plain_Transformer() );
428	388
429	389	$transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Export_Transformer() );
430		- $transformers->register( Svg_Src_Prop_Type::get_key(), new Svg_Src_Export_Transformer() );
431	390	}
432	391
433	392	public static function is_active(): bool {
434	393	return Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME );
		@@ -457,10 +416,8 @@
457	416	[ 'elementor-editor' ],
458	417	ELEMENTOR_VERSION,
459	418	true
460	419	);
461		-
462		- wp_set_script_translations( 'elementor-atomic-widgets-editor', 'elementor' );
463	420	}
464	421
465	422	private function render_panel_category_chip() {
466	423	?><# if ( 'v4-elements' === name ) { #>
		@@ -484,26 +441,6 @@
484	441	'{ display: block; }',
485	442	] );
486	443	wp_add_inline_style( 'elementor-frontend', $inline_css );
487	444	wp_add_inline_style( 'elementor-editor', $inline_css );
488		- }
489		-
490		- private function enqueue_promotion_styles() {
491		- if ( \Elementor\Utils::has_pro() ) {
492		- return;
493		- }
494		-
495		- wp_enqueue_style(
496		- 'elementor-atomic-widgets-promotion-fonts',
497		- 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap',
498		- [],
499		- ELEMENTOR_VERSION
500		- );
501		-
502		- wp_enqueue_style(
503		- 'elementor-atomic-widgets-promotion',
504		- $this->get_css_assets_url( 'modules/atomic-widgets/editor' ),
505		- [ 'elementor-atomic-widgets-promotion-fonts' ],
506		- ELEMENTOR_VERSION
507		- );
508	445	}
509	446	}