PluginProbe
Elementor Website Builder – more than just a page builder / 3.31.4
Elementor Website Builder – more than just a page builder v3.31.4
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
elementor / modules / atomic-widgets / module.php

module.php in Elementor Website Builder – more than just a page builder 3.31.4, at modules/atomic-widgets/module.php

340 lines 17.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2
3 namespace Elementor\Modules\AtomicWidgets;
4
5 use Elementor\Core\Base\Module as BaseModule;
6 use Elementor\Core\Experiments\Manager as Experiments_Manager;
7 use Elementor\Core\Utils\Assets_Config_Provider;
8 use Elementor\Elements_Manager;
9 use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Tags_Module;
10 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Youtube\Atomic_Youtube;
11 use Elementor\Modules\AtomicWidgets\Elements\Div_Block\Div_Block;
12 use Elementor\Modules\AtomicWidgets\Elements\Flexbox\Flexbox;
13 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Heading\Atomic_Heading;
14 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Image\Atomic_Image;
15 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
16 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Button\Atomic_Button;
17 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Divider\Atomic_Divider;
18 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Svg\Atomic_Svg;
19 use Elementor\Modules\AtomicWidgets\ImportExport\Atomic_Import_Export;
20 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Combine_Array_Transformer;
21 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Image_Src_Export_Transformer;
22 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Src_Transformer;
23 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Transformer;
24 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import\Image_Src_Import_Transformer;
25 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import_Export_Plain_Transformer;
26 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Classes_Transformer;
27 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Link_Transformer;
28 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Plain_Transformer;
29 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Color_Overlay_Transformer;
30 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Gradient_Overlay_Transformer;
31 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Transformer;
32 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Color_Stop_Transformer;
33 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Multi_Props_Transformer;
34 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Position_Transformer;
35 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Shadow_Transformer;
36 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Size_Transformer;
37 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Stroke_Transformer;
38 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Transformer;
39 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Size_Scale_Transformer;
40 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Overlay_Transformer;
41 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Filter_Transformer;
42 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Rotate_Transformer;
43 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Skew_Transformer;
44 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Transformer;
45 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Move_Transformer;
46 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Flex_Transformer;
47 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Scale_Transformer;
48 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Attributes_Transformer;
49 use Elementor\Modules\AtomicWidgets\PropTypes\Key_Value_Array_Prop_Type;
50 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers_Registry;
51 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Color_Overlay_Prop_Type;
52 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Gradient_Overlay_Prop_Type;
53 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Overlay_Size_Scale_Prop_Type;
54 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Overlay_Prop_Type;
55 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Position_Offset_Prop_Type;
56 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Overlay_Prop_Type;
57 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type;
58 use Elementor\Modules\AtomicWidgets\PropTypes\Box_Shadow_Prop_Type;
59 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
60 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
61 use Elementor\Modules\AtomicWidgets\PropTypes\Color_Stop_Prop_Type;
62 use Elementor\Modules\AtomicWidgets\PropTypes\Gradient_Color_Stop_Prop_Type;
63 use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
64 use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
65 use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
66 use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
67 use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
68 use Elementor\Modules\AtomicWidgets\PropTypes\Image_Src_Prop_Type;
69 use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
70 use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
71 use Elementor\Modules\AtomicWidgets\PropTypes\Shadow_Prop_Type;
72 use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
73 use Elementor\Modules\AtomicWidgets\PropTypes\Stroke_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;
78 use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Prop_Type;
79 use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Rotate_Prop_Type;
80 use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Skew_Prop_Type;
81 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Styles_Manager;
82 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Base_Styles;
83 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
84 use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
85 use Elementor\Modules\AtomicWidgets\Database\Atomic_Widgets_Database_Updater;
86 use Elementor\Plugin;
87 use Elementor\Widgets_Manager;
88
89 if ( ! defined( 'ABSPATH' ) ) {
90 exit; // Exit if accessed directly.
91 }
92
93 class Module extends BaseModule {
94 const EXPERIMENT_NAME = 'e_atomic_elements';
95 const ENFORCE_CAPABILITIES_EXPERIMENT = 'atomic_widgets_should_enforce_capabilities';
96
97 const PACKAGES = [
98 'editor-canvas',
99 'editor-controls', // TODO: Need to be registered and not enqueued.
100 'editor-editing-panel',
101 'editor-elements', // TODO: Need to be registered and not enqueued.
102 'editor-props', // TODO: Need to be registered and not enqueued.
103 'editor-styles', // TODO: Need to be registered and not enqueued.
104 'editor-styles-repository',
105 ];
106
107 public function get_name() {
108 return 'atomic-widgets';
109 }
110
111 public function __construct() {
112 parent::__construct();
113
114 if ( self::is_active() ) {
115 $this->register_experimental_features();
116 }
117
118 if ( Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME ) ) {
119 Dynamic_Tags_Module::instance()->register_hooks();
120
121 ( new Atomic_Widget_Styles() )->register_hooks();
122 ( new Atomic_Widget_Base_Styles() )->register_hooks();
123
124 Atomic_Styles_Manager::instance()->register_hooks();
125
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 }
143 }
144
145 public static function get_experimental_data() {
146 return [
147 'name' => self::EXPERIMENT_NAME,
148 'title' => esc_html__( 'Atomic Widgets', 'elementor' ),
149 'description' => esc_html__( 'Enable atomic widgets.', 'elementor' ),
150 'hidden' => true,
151 'default' => Experiments_Manager::STATE_INACTIVE,
152 'release_status' => Experiments_Manager::RELEASE_STATUS_ALPHA,
153 ];
154 }
155
156 private function register_experimental_features() {
157 Plugin::$instance->experiments->add_feature( [
158 'name' => 'e_indications_popover',
159 'title' => esc_html__( 'V4 Indications Popover', 'elementor' ),
160 'description' => esc_html__( 'Enable V4 Indication Popovers', 'elementor' ),
161 'hidden' => true,
162 'default' => Experiments_Manager::STATE_INACTIVE,
163 ] );
164
165 Plugin::$instance->experiments->add_feature([
166 'name' => self::ENFORCE_CAPABILITIES_EXPERIMENT,
167 'title' => esc_html__( 'Enforce atomic widgets capabilities', 'elementor' ),
168 'description' => esc_html__( 'Enforce atomic widgets capabilities.', 'elementor' ),
169 'hidden' => true,
170 'default' => Experiments_Manager::STATE_ACTIVE,
171 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
172 ]);
173 }
174
175 private function add_packages( $packages ) {
176 return array_merge( $packages, self::PACKAGES );
177 }
178
179 private function add_styles_schema( $settings ) {
180 if ( ! isset( $settings['atomic'] ) ) {
181 $settings['atomic'] = [];
182 }
183
184 $settings['atomic']['styles_schema'] = Style_Schema::get();
185
186 return $settings;
187 }
188
189 private function register_widgets( Widgets_Manager $widgets_manager ) {
190 $widgets_manager->register( new Atomic_Heading() );
191 $widgets_manager->register( new Atomic_Image() );
192 $widgets_manager->register( new Atomic_Paragraph() );
193 $widgets_manager->register( new Atomic_Svg() );
194 $widgets_manager->register( new Atomic_Button() );
195 $widgets_manager->register( new Atomic_Youtube() );
196 $widgets_manager->register( new Atomic_Divider() );
197 }
198
199 private function register_elements( Elements_Manager $elements_manager ) {
200 $elements_manager->register_element_type( new Div_Block() );
201 $elements_manager->register_element_type( new Flexbox() );
202 }
203
204 private function register_settings_transformers( Transformers_Registry $transformers ) {
205 $transformers->register_fallback( new Plain_Transformer() );
206
207 $transformers->register( Classes_Prop_Type::get_key(), new Classes_Transformer() );
208 $transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
209 $transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
210 $transformers->register( Link_Prop_Type::get_key(), new Link_Transformer() );
211 $transformers->register( Key_Value_Array_Prop_Type::get_key(), new Attributes_Transformer() );
212 }
213
214 private function register_styles_transformers( Transformers_Registry $transformers ) {
215 $transformers->register_fallback( new Plain_Transformer() );
216
217 $transformers->register( Size_Prop_Type::get_key(), new Size_Transformer() );
218 $transformers->register( Box_Shadow_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
219 $transformers->register( Shadow_Prop_Type::get_key(), new Shadow_Transformer() );
220 $transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
221 $transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
222 $transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
223 $transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
224 $transformers->register( Background_Image_Overlay_Prop_Type::get_key(), new Background_Image_Overlay_Transformer() );
225 $transformers->register( Background_Image_Overlay_Size_Scale_Prop_Type::get_key(), new Background_Image_Overlay_Size_Scale_Transformer() );
226 $transformers->register( Background_Image_Position_Offset_Prop_Type::get_key(), new Position_Transformer() );
227 $transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
228 $transformers->register( Background_Overlay_Prop_Type::get_key(), new Background_Overlay_Transformer() );
229 $transformers->register( Background_Prop_Type::get_key(), new Background_Transformer() );
230 $transformers->register( Background_Gradient_Overlay_Prop_Type::get_key(), new Background_Gradient_Overlay_Transformer() );
231 $transformers->register( Filter_Prop_Type::get_key(), new Filter_Transformer() );
232 $transformers->register( Backdrop_Filter_Prop_Type::get_key(), new Filter_Transformer() );
233 $transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
234 $transformers->register( Gradient_Color_Stop_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
235 $transformers->register( Position_Prop_Type::get_key(), new Position_Transformer() );
236 $transformers->register( Transform_Move_Prop_Type::get_key(), new Transform_Move_Transformer() );
237 $transformers->register( Transform_Scale_Prop_Type::get_key(), new Transform_Scale_Transformer() );
238 $transformers->register( Transform_Rotate_Prop_Type::get_key(), new Transform_Rotate_Transformer() );
239 $transformers->register( Transform_Skew_Prop_Type::get_key(), new Transform_Skew_Transformer() );
240 $transformers->register( Transform_Prop_Type::get_key(), new Transform_Transformer() );
241 $transformers->register(
242 Border_Radius_Prop_Type::get_key(),
243 new Multi_Props_Transformer( [ 'start-start', 'start-end', 'end-start', 'end-end' ], fn( $_, $key ) => "border-{$key}-radius" )
244 );
245 $transformers->register(
246 Border_Width_Prop_Type::get_key(),
247 new Multi_Props_Transformer( [ 'block-start', 'block-end', 'inline-start', 'inline-end' ], fn( $_, $key ) => "border-{$key}-width" )
248 );
249 $transformers->register(
250 Layout_Direction_Prop_Type::get_key(),
251 new Multi_Props_Transformer( [ 'column', 'row' ], fn( $prop_key, $key ) => "{$key}-{$prop_key}" )
252 );
253 $transformers->register(
254 Dimensions_Prop_Type::get_key(),
255 new Multi_Props_Transformer( [ 'block-start', 'block-end', 'inline-start', 'inline-end' ], fn( $prop_key, $key ) => "{$prop_key}-{$key}" )
256 );
257 }
258
259 public function register_import_transformers( Transformers_Registry $transformers ) {
260 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
261
262 $transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Import_Transformer() );
263 }
264
265 public function register_export_transformers( Transformers_Registry $transformers ) {
266 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
267
268 $transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Export_Transformer() );
269 }
270
271 public static function is_active(): bool {
272 return Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME );
273 }
274
275 private function get_element_usage_name( $title, $type ) {
276 $element_instance = Plugin::$instance->elements_manager->get_element_types( $type );
277 $widget_instance = Plugin::$instance->widgets_manager->get_widget_types( $type );
278
279 if ( Utils::is_atomic( $element_instance ) || Utils::is_atomic( $widget_instance ) ) {
280 return $type;
281 }
282
283 return $title;
284 }
285 /**
286 * Enqueue the module scripts.
287 *
288 * @return void
289 */
290 private function enqueue_scripts() {
291 wp_enqueue_script(
292 'elementor-atomic-widgets-editor',
293 $this->get_js_assets_url( 'atomic-widgets-editor' ),
294 [ 'elementor-editor' ],
295 ELEMENTOR_VERSION,
296 true
297 );
298 }
299
300 private function render_panel_category_chip() {
301 ?><# if ( 'v4-elements' === name ) { #>
302 <span class="elementor-panel-heading-category-chip">
303 <?php echo esc_html__( 'Alpha', 'elementor' ); ?><i class="eicon-info"></i>
304 <span class="e-promotion-react-wrapper" data-promotion="v4_chip"></span>
305 </span>
306 <# } #><?php
307 }
308
309 private function register_frontend_scripts() {
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 } );
314
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 );
338 }
339 }
340