PluginProbe
Elementor Website Builder – more than just a page builder / 3.31.2
Elementor Website Builder – more than just a page builder v3.31.2
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
← All changes | modules/atomic-widgets/module.php +71 -185 4.0.83.31.2 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,16 @@
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;
22 19 use Elementor\Modules\AtomicWidgets\ImportExport\Atomic_Import_Export;
23 -use Elementor\Modules\AtomicWidgets\Elements\Loader\Frontend_Assets_Loader;
24 20 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Combine_Array_Transformer;
25 21 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Image_Src_Export_Transformer;
26 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Svg_Src_Export_Transformer;
27 22 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Src_Transformer;
28 23 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Transformer;
29 24 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 25 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import_Export_Plain_Transformer;
33 26 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 27 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Link_Transformer;
38 28 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Plain_Transformer;
39 29 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Color_Overlay_Transformer;
40 30 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Gradient_Overlay_Transformer;
@@ -48,18 +38,16 @@
48 38 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Transformer;
49 39 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Size_Scale_Transformer;
50 40 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Overlay_Transformer;
51 41 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Filter_Transformer;
52 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Origin_Transformer;
53 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transition_Transformer;
54 42 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Rotate_Transformer;
55 43 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Skew_Transformer;
56 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Functions_Transformer;
44 +use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Transformer;
57 45 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Move_Transformer;
58 46 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Flex_Transformer;
59 47 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Scale_Transformer;
60 48 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Attributes_Transformer;
61 -use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
49 +use Elementor\Modules\AtomicWidgets\PropTypes\Key_Value_Array_Prop_Type;
62 50 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers_Registry;
63 51 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Color_Overlay_Prop_Type;
64 52 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Gradient_Overlay_Prop_Type;
65 53 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Overlay_Size_Scale_Prop_Type;
@@ -70,14 +58,9 @@
70 58 use Elementor\Modules\AtomicWidgets\PropTypes\Box_Shadow_Prop_Type;
71 59 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
72 60 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
73 61 use Elementor\Modules\AtomicWidgets\PropTypes\Color_Stop_Prop_Type;
74 -use Elementor\Modules\AtomicWidgets\PropTypes\Date_Time_Prop_Type;
75 -use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
76 -use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
77 62 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 63 use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
81 64 use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
82 65 use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
83 66 use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
@@ -82,44 +65,27 @@
82 65 use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
83 66 use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
84 67 use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
85 68 use Elementor\Modules\AtomicWidgets\PropTypes\Image_Src_Prop_Type;
86 -use Elementor\Modules\AtomicWidgets\PropTypes\Svg_Src_Prop_Type;
87 69 use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
88 70 use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
89 71 use Elementor\Modules\AtomicWidgets\PropTypes\Shadow_Prop_Type;
90 72 use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
91 73 use Elementor\Modules\AtomicWidgets\PropTypes\Stroke_Prop_Type;
92 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Move_Prop_Type;
93 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Functions_Prop_Type;
94 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Origin_Prop_Type;
95 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Scale_Prop_Type;
74 +use Elementor\Modules\AtomicWidgets\PropTypes\Filter_Prop_Type;
75 +use Elementor\Modules\AtomicWidgets\PropTypes\Backdrop_Filter_Prop_Type;
76 +use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Move_Prop_Type;
77 +use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Scale_Prop_Type;
96 78 use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Prop_Type;
97 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Rotate_Prop_Type;
98 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Skew_Prop_Type;
99 -use Elementor\Modules\AtomicWidgets\PropTypes\Transition_Prop_Type;
79 +use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Rotate_Prop_Type;
80 +use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Skew_Prop_Type;
100 81 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Styles_Manager;
101 82 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Base_Styles;
102 83 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
103 -use Elementor\Modules\AtomicWidgets\Styles\Size_Constants;
104 84 use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
105 85 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;
111 86 use Elementor\Plugin;
112 87 use Elementor\Widgets_Manager;
113 -use Elementor\Modules\AtomicWidgets\Library\Atomic_Widgets_Library;
114 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Query_Transformer;
115 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Perspective_Origin_Transformer;
116 -use Elementor\Modules\AtomicWidgets\PropTypes\Query_Prop_Type;
117 -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 88
123 89 if ( ! defined( 'ABSPATH' ) ) {
124 90 exit; // Exit if accessed directly.
125 91 }
@@ -126,9 +92,8 @@
126 92
127 93 class Module extends BaseModule {
128 94 const EXPERIMENT_NAME = 'e_atomic_elements';
129 95 const ENFORCE_CAPABILITIES_EXPERIMENT = 'atomic_widgets_should_enforce_capabilities';
130 - const EXPERIMENT_EDITOR_MCP = 'editor_mcp';
131 96
132 97 const PACKAGES = [
133 98 'editor-canvas',
134 99 'editor-controls', // TODO: Need to be registered and not enqueued.
@@ -136,10 +101,8 @@
136 101 'editor-elements', // TODO: Need to be registered and not enqueued.
137 102 'editor-props', // TODO: Need to be registered and not enqueued.
138 103 'editor-styles', // TODO: Need to be registered and not enqueued.
139 104 'editor-styles-repository',
140 - 'editor-interactions',
141 - 'editor-templates',
142 105 ];
143 106
144 107 public function get_name() {
145 108 return 'atomic-widgets';
@@ -147,31 +110,37 @@
147 110
148 111 public function __construct() {
149 112 parent::__construct();
150 113
151 - if ( ! self::is_active() ) {
152 - return;
114 + if ( self::is_active() ) {
115 + $this->register_experimental_features();
153 116 }
154 117
155 - $this->register_experimental_features();
156 - $this->register_hooks();
118 + if ( Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME ) ) {
119 + Dynamic_Tags_Module::instance()->register_hooks();
157 120
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 );
121 + ( new Atomic_Widget_Styles() )->register_hooks();
122 + ( new Atomic_Widget_Base_Styles() )->register_hooks();
163 123
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() );
124 + Atomic_Styles_Manager::instance()->register_hooks();
168 125
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() );
126 + ( new Atomic_Import_Export() )->register_hooks();
127 + ( new Atomic_Widgets_Database_Updater() )->register();
128 +
129 + add_filter( 'elementor/editor/v2/packages', fn( $packages ) => $this->add_packages( $packages ) );
130 + add_filter( 'elementor/editor/localize_settings', fn( $settings ) => $this->add_styles_schema( $settings ) );
131 + add_filter( 'elementor/widgets/register', fn( Widgets_Manager $widgets_manager ) => $this->register_widgets( $widgets_manager ) );
132 + add_filter( 'elementor/usage/elements/element_title', fn( $title, $type ) => $this->get_element_usage_name( $title, $type ), 10, 2 );
133 + add_action( 'elementor/elements/elements_registered', fn ( $elements_manager ) => $this->register_elements( $elements_manager ) );
134 + add_action( 'elementor/editor/after_enqueue_scripts', fn() => $this->enqueue_scripts() );
135 + add_action( 'elementor/frontend/after_register_scripts', fn() => $this->register_frontend_scripts() );
136 +
137 + add_action( 'elementor/atomic-widgets/settings/transformers/register', fn ( $transformers ) => $this->register_settings_transformers( $transformers ) );
138 + add_action( 'elementor/atomic-widgets/styles/transformers/register', fn ( $transformers ) => $this->register_styles_transformers( $transformers ) );
139 + add_action( 'elementor/atomic-widgets/import/transformers/register', fn ( $transformers ) => $this->register_import_transformers( $transformers ) );
140 + add_action( 'elementor/atomic-widgets/export/transformers/register', fn ( $transformers ) => $this->register_export_transformers( $transformers ) );
141 + add_action( 'elementor/editor/templates/panel/category', fn () => $this->render_panel_category_chip() );
142 + }
174 143 }
175 144
176 145 public static function get_experimental_data() {
177 146 return [
@@ -179,13 +148,9 @@
179 148 'title' => esc_html__( 'Atomic Widgets', 'elementor' ),
180 149 'description' => esc_html__( 'Enable atomic widgets.', 'elementor' ),
181 150 'hidden' => true,
182 151 '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 - ],
152 + 'release_status' => Experiments_Manager::RELEASE_STATUS_ALPHA,
188 153 ];
189 154 }
190 155
191 156 private function register_experimental_features() {
@@ -196,9 +161,9 @@
196 161 'hidden' => true,
197 162 'default' => Experiments_Manager::STATE_INACTIVE,
198 163 ] );
199 164
200 - Plugin::$instance->experiments->add_feature( [
165 + Plugin::$instance->experiments->add_feature([
201 166 'name' => self::ENFORCE_CAPABILITIES_EXPERIMENT,
202 167 'title' => esc_html__( 'Enforce atomic widgets capabilities', 'elementor' ),
203 168 'description' => esc_html__( 'Enforce atomic widgets capabilities.', 'elementor' ),
204 169 'hidden' => true,
@@ -203,46 +168,11 @@
203 168 'description' => esc_html__( 'Enforce atomic widgets capabilities.', 'elementor' ),
204 169 'hidden' => true,
205 170 'default' => Experiments_Manager::STATE_ACTIVE,
206 171 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
207 - ] );
208 -
209 - 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' ),
213 - 'hidden' => true,
214 - 'default' => Experiments_Manager::STATE_ACTIVE,
215 - 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
216 172 ]);
217 -
218 - 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' ),
222 - 'hidden' => true,
223 - 'default' => Experiments_Manager::STATE_ACTIVE,
224 - 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
225 - ]);
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 173 }
233 174
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 175 private function add_packages( $packages ) {
246 176 return array_merge( $packages, self::PACKAGES );
247 177 }
248 178
@@ -255,16 +185,8 @@
255 185
256 186 return $settings;
257 187 }
258 188
259 - private function add_supported_units( $settings ) {
260 - $settings['supported_size_units'] = Size_Constants::all_supported_units();
261 -
262 - $settings['size_units'] = Size_Constants::grouped_units();
263 -
264 - return $settings;
265 - }
266 -
267 189 private function register_widgets( Widgets_Manager $widgets_manager ) {
268 190 $widgets_manager->register( new Atomic_Heading() );
269 191 $widgets_manager->register( new Atomic_Image() );
270 192 $widgets_manager->register( new Atomic_Paragraph() );
@@ -271,54 +193,28 @@
271 193 $widgets_manager->register( new Atomic_Svg() );
272 194 $widgets_manager->register( new Atomic_Button() );
273 195 $widgets_manager->register( new Atomic_Youtube() );
274 196 $widgets_manager->register( new Atomic_Divider() );
275 - $widgets_manager->register( new Atomic_Self_Hosted_Video() );
276 197 }
277 198
278 199 private function register_elements( Elements_Manager $elements_manager ) {
279 200 $elements_manager->register_element_type( new Div_Block() );
280 201 $elements_manager->register_element_type( new Flexbox() );
281 -
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() );
292 - }
293 202 }
294 203
295 204 private function register_settings_transformers( Transformers_Registry $transformers ) {
296 205 $transformers->register_fallback( new Plain_Transformer() );
206 +
297 207 $transformers->register( Classes_Prop_Type::get_key(), new Classes_Transformer() );
298 208 $transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
299 209 $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 210 $transformers->register( Link_Prop_Type::get_key(), new Link_Transformer() );
303 - $transformers->register( Query_Prop_Type::get_key(), new Query_Transformer() );
304 - $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() );
211 + $transformers->register( Key_Value_Array_Prop_Type::get_key(), new Attributes_Transformer() );
308 212 }
309 213
310 214 private function register_styles_transformers( Transformers_Registry $transformers ) {
311 215 $transformers->register_fallback( new Plain_Transformer() );
312 216
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 217 $transformers->register( Size_Prop_Type::get_key(), new Size_Transformer() );
322 218 $transformers->register( Box_Shadow_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
323 219 $transformers->register( Shadow_Prop_Type::get_key(), new Shadow_Transformer() );
324 220 $transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
@@ -324,11 +220,8 @@
324 220 $transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
325 221 $transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
326 222 $transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
327 223 $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 224 $transformers->register( Background_Image_Overlay_Prop_Type::get_key(), new Background_Image_Overlay_Transformer() );
332 225 $transformers->register( Background_Image_Overlay_Size_Scale_Prop_Type::get_key(), new Background_Image_Overlay_Size_Scale_Transformer() );
333 226 $transformers->register( Background_Image_Position_Offset_Prop_Type::get_key(), new Position_Transformer() );
334 227 $transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
@@ -334,52 +227,33 @@
334 227 $transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
335 228 $transformers->register( Background_Overlay_Prop_Type::get_key(), new Background_Overlay_Transformer() );
336 229 $transformers->register( Background_Prop_Type::get_key(), new Background_Transformer() );
337 230 $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 231 $transformers->register( Filter_Prop_Type::get_key(), new Filter_Transformer() );
342 232 $transformers->register( Backdrop_Filter_Prop_Type::get_key(), new Filter_Transformer() );
343 - $transformers->register( Transition_Prop_Type::get_key(), new Transition_Transformer() );
344 233 $transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
345 234 $transformers->register( Gradient_Color_Stop_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
346 235 $transformers->register( Position_Prop_Type::get_key(), new Position_Transformer() );
347 - }
348 -
349 - private function register_transform_styles_transformers( Transformers_Registry $transformers ): void {
350 236 $transformers->register( Transform_Move_Prop_Type::get_key(), new Transform_Move_Transformer() );
351 237 $transformers->register( Transform_Scale_Prop_Type::get_key(), new Transform_Scale_Transformer() );
352 238 $transformers->register( Transform_Rotate_Prop_Type::get_key(), new Transform_Rotate_Transformer() );
353 239 $transformers->register( Transform_Skew_Prop_Type::get_key(), new Transform_Skew_Transformer() );
354 - $transformers->register( Transform_Functions_Prop_Type::get_key(), new Transform_Functions_Transformer() );
355 - $transformers->register( Transform_Origin_Prop_Type::get_key(), new Transform_Origin_Transformer() );
356 - $transformers->register( Perspective_Origin_Prop_Type::get_key(), new Perspective_Origin_Transformer() );
240 + $transformers->register( Transform_Prop_Type::get_key(), new Transform_Transformer() );
357 241 $transformers->register(
358 - Transform_Prop_Type::get_key(),
359 - new Multi_Props_Transformer(
360 - [ 'transform-functions', 'transform-origin', 'perspective', 'perspective-origin' ],
361 - fn( $_, $key ) => 'transform-functions' === $key ? 'transform' : $key
362 - )
363 - );
364 - }
365 -
366 - private function register_layout_styles_transformers( Transformers_Registry $transformers ): void {
367 - $transformers->register(
368 242 Border_Radius_Prop_Type::get_key(),
369 - new Multi_Props_Transformer( [ 'start-start', 'start-end', 'end-start', 'end-end' ], fn ( $_, $key ) => "border-{$key}-radius" )
243 + new Multi_Props_Transformer( [ 'start-start', 'start-end', 'end-start', 'end-end' ], fn( $_, $key ) => "border-{$key}-radius" )
370 244 );
371 245 $transformers->register(
372 246 Border_Width_Prop_Type::get_key(),
373 - new Multi_Props_Transformer( [ 'block-start', 'block-end', 'inline-start', 'inline-end' ], fn ( $_, $key ) => "border-{$key}-width" )
247 + new Multi_Props_Transformer( [ 'block-start', 'block-end', 'inline-start', 'inline-end' ], fn( $_, $key ) => "border-{$key}-width" )
374 248 );
375 249 $transformers->register(
376 250 Layout_Direction_Prop_Type::get_key(),
377 - new Multi_Props_Transformer( [ 'column', 'row' ], fn ( $prop_key, $key ) => "{$key}-{$prop_key}" )
251 + new Multi_Props_Transformer( [ 'column', 'row' ], fn( $prop_key, $key ) => "{$key}-{$prop_key}" )
378 252 );
379 253 $transformers->register(
380 254 Dimensions_Prop_Type::get_key(),
381 - new Multi_Props_Transformer( [ 'block-start', 'block-end', 'inline-start', 'inline-end' ], fn ( $prop_key, $key ) => "{$prop_key}-{$key}" )
255 + new Multi_Props_Transformer( [ 'block-start', 'block-end', 'inline-start', 'inline-end' ], fn( $prop_key, $key ) => "{$prop_key}-{$key}" )
382 256 );
383 257 }
384 258
385 259 public function register_import_transformers( Transformers_Registry $transformers ) {
@@ -385,9 +259,8 @@
385 259 public function register_import_transformers( Transformers_Registry $transformers ) {
386 260 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
387 261
388 262 $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 263 }
391 264
392 265 public function register_export_transformers( Transformers_Registry $transformers ) {
393 266 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
@@ -392,9 +265,8 @@
392 265 public function register_export_transformers( Transformers_Registry $transformers ) {
393 266 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
394 267
395 268 $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 269 }
398 270
399 271 public static function is_active(): bool {
400 272 return Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME );
@@ -409,9 +281,8 @@
409 281 }
410 282
411 283 return $title;
412 284 }
413 -
414 285 /**
415 286 * Enqueue the module scripts.
416 287 *
417 288 * @return void
@@ -427,10 +298,10 @@
427 298 }
428 299
429 300 private function render_panel_category_chip() {
430 301 ?><# if ( 'v4-elements' === name ) { #>
431 - <span class="elementor-panel-heading-category-chip">
432 - <?php echo esc_html__( 'New', 'elementor' ); ?><i class="eicon-info"></i>
302 + <span class="elementor-panel-heading-category-chip">
303 + <?php echo esc_html__( 'Alpha', 'elementor' ); ?><i class="eicon-info"></i>
433 304 <span class="e-promotion-react-wrapper" data-promotion="v4_chip"></span>
434 305 </span>
435 306 <# } #><?php
436 307 }
@@ -435,19 +306,34 @@
435 306 <# } #><?php
436 307 }
437 308
438 309 private function register_frontend_scripts() {
439 - $loader = new Frontend_Assets_Loader();
440 - $loader->register_scripts();
441 - }
310 + $assets_config_provider = ( new Assets_Config_Provider() )
311 + ->set_path_resolver( function( $name ) {
312 + return ELEMENTOR_ASSETS_PATH . "js/packages/{$name}/{$name}.asset.php";
313 + } );
442 314
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 );
315 + $assets_config_provider->load( 'frontend-handlers' );
316 +
317 + $frontend_handlers_package_config = $assets_config_provider->get( 'frontend-handlers' );
318 +
319 + if ( ! $frontend_handlers_package_config ) {
320 + return;
321 + }
322 +
323 + wp_register_script(
324 + $frontend_handlers_package_config['handle'],
325 + $this->get_js_assets_url( 'packages/frontend-handlers/frontend-handlers' ),
326 + $frontend_handlers_package_config['deps'],
327 + ELEMENTOR_VERSION,
328 + true
329 + );
330 +
331 + wp_register_script(
332 + 'elementor-youtube-handler',
333 + $this->get_js_assets_url( 'youtube-handler' ),
334 + [ $frontend_handlers_package_config['handle'] ],
335 + ELEMENTOR_VERSION,
336 + true
337 + );
452 338 }
453 339 }