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 +63 -233 4.2.0-beta13.31.2 View file →
@@ -2,17 +2,15 @@
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;
7 +use Elementor\Core\Utils\Assets_Config_Provider;
8 8 use Elementor\Elements_Manager;
9 -use Elementor\Modules\AtomicWidgets\Ajax\Render_Element_Action;
10 9 use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Tags_Module;
11 10 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Youtube\Atomic_Youtube;
12 11 use Elementor\Modules\AtomicWidgets\Elements\Div_Block\Div_Block;
13 12 use Elementor\Modules\AtomicWidgets\Elements\Flexbox\Flexbox;
14 -use Elementor\Modules\AtomicWidgets\Elements\Grid\Grid;
15 13 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Heading\Atomic_Heading;
16 14 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Image\Atomic_Image;
17 15 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
18 16 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Button\Atomic_Button;
@@ -17,27 +15,16 @@
17 15 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
18 16 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Button\Atomic_Button;
19 17 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Divider\Atomic_Divider;
20 18 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Svg\Atomic_Svg;
21 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs\Atomic_Tabs;
22 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Menu\Atomic_Tabs_Menu;
23 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tab\Atomic_Tab;
24 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Tabs\Atomic_Tabs_Content_Area\Atomic_Tabs_Content_Area;
25 19 use Elementor\Modules\AtomicWidgets\ImportExport\Atomic_Import_Export;
26 -use Elementor\Modules\AtomicWidgets\Elements\Loader\Frontend_Assets_Loader;
27 20 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Combine_Array_Transformer;
28 21 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Image_Src_Export_Transformer;
29 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Export\Svg_Src_Export_Transformer;
30 22 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Src_Transformer;
31 23 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Image_Transformer;
32 24 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 25 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Import_Export_Plain_Transformer;
36 26 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Classes_Transformer;
37 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Date_Time_Transformer;
38 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Html_V2_Transformer;
39 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Html_V3_Transformer;
40 27 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Link_Transformer;
41 28 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Plain_Transformer;
42 29 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Color_Overlay_Transformer;
43 30 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Gradient_Overlay_Transformer;
@@ -45,9 +32,8 @@
45 32 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Color_Stop_Transformer;
46 33 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Multi_Props_Transformer;
47 34 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Position_Transformer;
48 35 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Shadow_Transformer;
49 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Grid_Track_Size_Transformer;
50 36 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Size_Transformer;
51 37 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Stroke_Transformer;
52 38 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Transformer;
53 39 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Size_Scale_Transformer;
@@ -52,19 +38,16 @@
52 38 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Transformer;
53 39 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Image_Overlay_Size_Scale_Transformer;
54 40 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Background_Overlay_Transformer;
55 41 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Filter_Transformer;
56 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Font_Family_Transformer;
57 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Origin_Transformer;
58 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transition_Transformer;
59 42 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Rotate_Transformer;
60 43 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Skew_Transformer;
61 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Functions_Transformer;
44 +use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Transformer;
62 45 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Move_Transformer;
63 46 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Flex_Transformer;
64 47 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Transform_Scale_Transformer;
65 48 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Settings\Attributes_Transformer;
66 -use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
49 +use Elementor\Modules\AtomicWidgets\PropTypes\Key_Value_Array_Prop_Type;
67 50 use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers_Registry;
68 51 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Color_Overlay_Prop_Type;
69 52 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Gradient_Overlay_Prop_Type;
70 53 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Overlay_Size_Scale_Prop_Type;
@@ -75,16 +58,9 @@
75 58 use Elementor\Modules\AtomicWidgets\PropTypes\Box_Shadow_Prop_Type;
76 59 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
77 60 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
78 61 use Elementor\Modules\AtomicWidgets\PropTypes\Color_Stop_Prop_Type;
79 -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 -use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
83 -use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
84 62 use Elementor\Modules\AtomicWidgets\PropTypes\Gradient_Color_Stop_Prop_Type;
85 -use Elementor\Modules\AtomicWidgets\PropTypes\Html_V2_Prop_Type;
86 -use Elementor\Modules\AtomicWidgets\PropTypes\Html_V3_Prop_Type;
87 63 use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
88 64 use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
89 65 use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
90 66 use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
@@ -89,53 +65,27 @@
89 65 use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
90 66 use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
91 67 use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
92 68 use Elementor\Modules\AtomicWidgets\PropTypes\Image_Src_Prop_Type;
93 -use Elementor\Modules\AtomicWidgets\PropTypes\Svg_Src_Prop_Type;
94 69 use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
95 70 use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
96 71 use Elementor\Modules\AtomicWidgets\PropTypes\Shadow_Prop_Type;
97 -use Elementor\Modules\AtomicWidgets\PropTypes\Grid_Track_Size_Prop_Type;
98 72 use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
99 73 use Elementor\Modules\AtomicWidgets\PropTypes\Stroke_Prop_Type;
100 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Move_Prop_Type;
101 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Functions_Prop_Type;
102 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Origin_Prop_Type;
103 -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;
104 78 use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Prop_Type;
105 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Rotate_Prop_Type;
106 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Functions\Transform_Skew_Prop_Type;
107 -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;
108 81 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Styles_Manager;
109 82 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Base_Styles;
110 83 use Elementor\Modules\AtomicWidgets\Styles\Atomic_Widget_Styles;
111 -use Elementor\Modules\AtomicWidgets\Styles\Size_Constants;
112 84 use Elementor\Modules\AtomicWidgets\Styles\Style_Schema;
113 -use Elementor\Modules\AtomicWidgets\CssConverter\Css_Converter_REST_API;
114 85 use Elementor\Modules\AtomicWidgets\Database\Atomic_Widgets_Database_Updater;
115 -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 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form;
118 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Atomic_Form_Promotion;
119 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message\Form_Success_Message;
120 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message\Form_Error_Message;
121 -use Elementor\Modules\AtomicWidgets\PropTypeMigrations\Migrations_Orchestrator;
122 86 use Elementor\Plugin;
123 87 use Elementor\Widgets_Manager;
124 -use Elementor\Modules\AtomicWidgets\Library\Atomic_Widgets_Library;
125 -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 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Perspective_Origin_Transformer;
129 -use Elementor\Modules\AtomicWidgets\PropTypes\Query_Prop_Type;
130 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Perspective_Origin_Prop_Type;
131 -use Elementor\Modules\AtomicWidgets\Utils\Utils;
132 -use Elementor\Modules\AtomicWidgets\Elements\Atomic_Self_Hosted_Video\Atomic_Self_Hosted_Video;
133 -use Elementor\Modules\AtomicWidgets\PropsResolver\Transformers\Styles\Span_Transformer;
134 -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 -use Elementor\Modules\AtomicWidgets\PropTypes\Video_Src_Prop_Type;
138 88
139 89 if ( ! defined( 'ABSPATH' ) ) {
140 90 exit; // Exit if accessed directly.
141 91 }
@@ -142,9 +92,8 @@
142 92
143 93 class Module extends BaseModule {
144 94 const EXPERIMENT_NAME = 'e_atomic_elements';
145 95 const ENFORCE_CAPABILITIES_EXPERIMENT = 'atomic_widgets_should_enforce_capabilities';
146 - const EXPERIMENT_EDITOR_MCP = 'editor_mcp';
147 96
148 97 const PACKAGES = [
149 98 'editor-canvas',
150 99 'editor-controls', // TODO: Need to be registered and not enqueued.
@@ -152,11 +101,8 @@
152 101 'editor-elements', // TODO: Need to be registered and not enqueued.
153 102 'editor-props', // TODO: Need to be registered and not enqueued.
154 103 'editor-styles', // TODO: Need to be registered and not enqueued.
155 104 'editor-styles-repository',
156 - 'editor-interactions',
157 - 'editor-templates',
158 - 'editor-design-system',
159 105 ];
160 106
161 107 public function get_name() {
162 108 return 'atomic-widgets';
@@ -164,35 +110,37 @@
164 110
165 111 public function __construct() {
166 112 parent::__construct();
167 113
168 - if ( ! self::is_active() ) {
169 - return;
114 + if ( self::is_active() ) {
115 + $this->register_experimental_features();
170 116 }
171 117
172 - $this->register_experimental_features();
173 - $this->register_hooks();
118 + if ( Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME ) ) {
119 + Dynamic_Tags_Module::instance()->register_hooks();
174 120
175 - add_filter( 'elementor/editor/v2/packages', fn ( $packages ) => $this->add_packages( $packages ) );
176 - add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_styles_schema( $settings ) );
177 - add_filter( 'elementor/editor/localize_settings', fn ( $settings ) => $this->add_supported_units( $settings ) );
178 - add_filter( 'elementor/widgets/register', fn ( Widgets_Manager $widgets_manager ) => $this->register_widgets( $widgets_manager ) );
179 - 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();
180 123
181 - add_action( 'elementor/elements/elements_registered', fn ( $elements_manager ) => $this->register_elements( $elements_manager ) );
182 - 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 - add_action( 'elementor/frontend/before_register_scripts', fn () => $this->register_frontend_scripts() );
186 - add_action( 'elementor/frontend/after_enqueue_styles', fn () => $this->add_inline_styles() );
124 + Atomic_Styles_Manager::instance()->register_hooks();
187 125
188 - add_action( 'elementor/ajax/register_actions', fn ( Ajax $ajax ) => ( new Render_Element_Action() )->register( $ajax ) );
126 + ( new Atomic_Import_Export() )->register_hooks();
127 + ( new Atomic_Widgets_Database_Updater() )->register();
189 128
190 - add_action( 'elementor/atomic-widgets/settings/transformers/register', fn ( $transformers ) => $this->register_settings_transformers( $transformers ) );
191 - add_action( 'elementor/atomic-widgets/styles/transformers/register', fn ( $transformers ) => $this->register_styles_transformers( $transformers ) );
192 - add_action( 'elementor/atomic-widgets/import/transformers/register', fn ( $transformers ) => $this->register_import_transformers( $transformers ) );
193 - add_action( 'elementor/atomic-widgets/export/transformers/register', fn ( $transformers ) => $this->register_export_transformers( $transformers ) );
194 - add_action( 'elementor/editor/templates/panel/category', fn () => $this->render_panel_category_chip() );
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 + }
195 143 }
196 144
197 145 public static function get_experimental_data() {
198 146 return [
@@ -200,13 +148,9 @@
200 148 'title' => esc_html__( 'Atomic Widgets', 'elementor' ),
201 149 'description' => esc_html__( 'Enable atomic widgets.', 'elementor' ),
202 150 'hidden' => true,
203 151 'default' => Experiments_Manager::STATE_INACTIVE,
204 - 'release_status' => Experiments_Manager::RELEASE_STATUS_BETA,
205 - 'new_site' => [
206 - 'default_active' => true,
207 - 'minimum_installation_version' => '4.0.0',
208 - ],
152 + 'release_status' => Experiments_Manager::RELEASE_STATUS_ALPHA,
209 153 ];
210 154 }
211 155
212 156 private function register_experimental_features() {
@@ -217,9 +161,9 @@
217 161 'hidden' => true,
218 162 'default' => Experiments_Manager::STATE_INACTIVE,
219 163 ] );
220 164
221 - Plugin::$instance->experiments->add_feature( [
165 + Plugin::$instance->experiments->add_feature([
222 166 'name' => self::ENFORCE_CAPABILITIES_EXPERIMENT,
223 167 'title' => esc_html__( 'Enforce atomic widgets capabilities', 'elementor' ),
224 168 'description' => esc_html__( 'Enforce atomic widgets capabilities.', 'elementor' ),
225 169 'hidden' => true,
@@ -224,47 +168,11 @@
224 168 'description' => esc_html__( 'Enforce atomic widgets capabilities.', 'elementor' ),
225 169 'hidden' => true,
226 170 'default' => Experiments_Manager::STATE_ACTIVE,
227 171 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
228 - ] );
229 -
230 - Plugin::$instance->experiments->add_feature([
231 - 'name' => self::EXPERIMENT_EDITOR_MCP,
232 - 'title' => esc_html__( 'Editor MCP for atomic widgets', 'elementor' ),
233 - 'description' => esc_html__( 'Editor MCP for atomic widgets.', 'elementor' ),
234 - 'hidden' => true,
235 - 'default' => Experiments_Manager::STATE_ACTIVE,
236 - 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
237 172 ]);
238 -
239 - Plugin::$instance->experiments->add_feature([
240 - 'name' => Migrations_Orchestrator::EXPERIMENT_BC_MIGRATIONS,
241 - 'title' => esc_html__( 'Backward compatibility migrations', 'elementor' ),
242 - 'description' => esc_html__( 'Enable automatic prop type migrations for atomic widgets', 'elementor' ),
243 - 'hidden' => true,
244 - 'default' => Experiments_Manager::STATE_ACTIVE,
245 - 'release_status' => Experiments_Manager::RELEASE_STATUS_DEV,
246 - ]);
247 -
248 - // When a new feature affects settings or style schema, global class, interactions, variable, etc
249 - // anything in need of addressing migration for BC purposes, add it here.
250 - $migrations_affecting_features = [];
251 -
252 - Migrations_Orchestrator::register_affecting_feature_flag_hooks( $migrations_affecting_features );
253 173 }
254 174
255 - private function register_hooks() {
256 - Dynamic_Tags_Module::instance()->register_hooks();
257 - Atomic_Styles_Manager::instance()->register_hooks();
258 - Migrations_Orchestrator::make()->register_hooks();
259 - ( new Atomic_Widget_Styles() )->register_hooks();
260 - ( new Atomic_Widget_Base_Styles() )->register_hooks();
261 - ( new Atomic_Widgets_Library() )->register_hooks();
262 - ( new Atomic_Import_Export() )->register_hooks();
263 - ( new Atomic_Widgets_Database_Updater() )->register();
264 - ( new Css_Converter_REST_API() )->register_hooks();
265 - }
266 -
267 175 private function add_packages( $packages ) {
268 176 return array_merge( $packages, self::PACKAGES );
269 177 }
270 178
@@ -277,16 +185,8 @@
277 185
278 186 return $settings;
279 187 }
280 188
281 - private function add_supported_units( $settings ) {
282 - $settings['supported_size_units'] = Size_Constants::all_supported_units();
283 -
284 - $settings['size_units'] = Size_Constants::grouped_units();
285 -
286 - return $settings;
287 - }
288 -
289 189 private function register_widgets( Widgets_Manager $widgets_manager ) {
290 190 $widgets_manager->register( new Atomic_Heading() );
291 191 $widgets_manager->register( new Atomic_Image() );
292 192 $widgets_manager->register( new Atomic_Paragraph() );
@@ -293,66 +193,29 @@
293 193 $widgets_manager->register( new Atomic_Svg() );
294 194 $widgets_manager->register( new Atomic_Button() );
295 195 $widgets_manager->register( new Atomic_Youtube() );
296 196 $widgets_manager->register( new Atomic_Divider() );
297 - $widgets_manager->register( new Atomic_Self_Hosted_Video() );
298 197 }
299 198
300 199 private function register_elements( Elements_Manager $elements_manager ) {
301 200 $elements_manager->register_element_type( new Div_Block() );
302 201 $elements_manager->register_element_type( new Flexbox() );
303 - $elements_manager->register_element_type( new Grid() );
304 -
305 - $elements_manager->register_element_type( new Atomic_Tabs() );
306 - $elements_manager->register_element_type( new Atomic_Tabs_Menu() );
307 - $elements_manager->register_element_type( new Atomic_Tab() );
308 - $elements_manager->register_element_type( new Atomic_Tabs_Content_Area() );
309 - $elements_manager->register_element_type( new Atomic_Tab_Content() );
310 -
311 - if ( \Elementor\Utils::has_pro() && Plugin::$instance->experiments->is_feature_active( 'e_pro_atomic_form' ) ) {
312 - $elements_manager->register_element_type( new Atomic_Form() );
313 - $elements_manager->register_element_type( new Form_Success_Message() );
314 - $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 - }
318 -
319 - if ( ! \Elementor\Utils::has_pro() ) {
320 - $elements_manager->register_element_type( new Collection_Loop_Promotion() );
321 - }
322 202 }
323 203
324 204 private function register_settings_transformers( Transformers_Registry $transformers ) {
325 205 $transformers->register_fallback( new Plain_Transformer() );
206 +
326 207 $transformers->register( Classes_Prop_Type::get_key(), new Classes_Transformer() );
327 208 $transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
328 209 $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 - $transformers->register( Video_Src_Prop_Type::get_key(), new Video_Src_Transformer() );
331 210 $transformers->register( Link_Prop_Type::get_key(), new Link_Transformer() );
332 - $transformers->register( Query_Prop_Type::get_key(), new Query_Transformer() );
333 - $transformers->register( Attributes_Prop_Type::get_key(), new Attributes_Transformer() );
334 - $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 - $transformers->register( Html_V2_Prop_Type::get_key(), new Html_V2_Transformer() );
338 - $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() );
339 212 }
340 213
341 214 private function register_styles_transformers( Transformers_Registry $transformers ) {
342 215 $transformers->register_fallback( new Plain_Transformer() );
343 216
344 - $this->register_basic_styles_transformers( $transformers );
345 - $this->register_background_styles_transformers( $transformers );
346 - $this->register_filter_styles_transformers( $transformers );
347 - $this->register_transform_styles_transformers( $transformers );
348 - $this->register_layout_styles_transformers( $transformers );
349 - }
350 -
351 - private function register_basic_styles_transformers( Transformers_Registry $transformers ): void {
352 - $transformers->register( Font_Family_Prop_Type::get_key(), new Font_Family_Transformer() );
353 217 $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 218 $transformers->register( Box_Shadow_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
356 219 $transformers->register( Shadow_Prop_Type::get_key(), new Shadow_Transformer() );
357 220 $transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
358 221 $transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
@@ -357,12 +220,8 @@
357 220 $transformers->register( Flex_Prop_Type::get_key(), new Flex_Transformer() );
358 221 $transformers->register( Stroke_Prop_Type::get_key(), new Stroke_Transformer() );
359 222 $transformers->register( Image_Prop_Type::get_key(), new Image_Transformer() );
360 223 $transformers->register( Image_Src_Prop_Type::get_key(), new Image_Src_Transformer() );
361 - $transformers->register( Span_Prop_Type::get_key(), new Span_Transformer() );
362 - }
363 -
364 - private function register_background_styles_transformers( Transformers_Registry $transformers ): void {
365 224 $transformers->register( Background_Image_Overlay_Prop_Type::get_key(), new Background_Image_Overlay_Transformer() );
366 225 $transformers->register( Background_Image_Overlay_Size_Scale_Prop_Type::get_key(), new Background_Image_Overlay_Size_Scale_Transformer() );
367 226 $transformers->register( Background_Image_Position_Offset_Prop_Type::get_key(), new Position_Transformer() );
368 227 $transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
@@ -368,52 +227,33 @@
368 227 $transformers->register( Background_Color_Overlay_Prop_Type::get_key(), new Background_Color_Overlay_Transformer() );
369 228 $transformers->register( Background_Overlay_Prop_Type::get_key(), new Background_Overlay_Transformer() );
370 229 $transformers->register( Background_Prop_Type::get_key(), new Background_Transformer() );
371 230 $transformers->register( Background_Gradient_Overlay_Prop_Type::get_key(), new Background_Gradient_Overlay_Transformer() );
372 - }
373 -
374 - private function register_filter_styles_transformers( Transformers_Registry $transformers ): void {
375 231 $transformers->register( Filter_Prop_Type::get_key(), new Filter_Transformer() );
376 232 $transformers->register( Backdrop_Filter_Prop_Type::get_key(), new Filter_Transformer() );
377 - $transformers->register( Transition_Prop_Type::get_key(), new Transition_Transformer() );
378 233 $transformers->register( Color_Stop_Prop_Type::get_key(), new Color_Stop_Transformer() );
379 234 $transformers->register( Gradient_Color_Stop_Prop_Type::get_key(), new Combine_Array_Transformer( ',' ) );
380 235 $transformers->register( Position_Prop_Type::get_key(), new Position_Transformer() );
381 - }
382 -
383 - private function register_transform_styles_transformers( Transformers_Registry $transformers ): void {
384 236 $transformers->register( Transform_Move_Prop_Type::get_key(), new Transform_Move_Transformer() );
385 237 $transformers->register( Transform_Scale_Prop_Type::get_key(), new Transform_Scale_Transformer() );
386 238 $transformers->register( Transform_Rotate_Prop_Type::get_key(), new Transform_Rotate_Transformer() );
387 239 $transformers->register( Transform_Skew_Prop_Type::get_key(), new Transform_Skew_Transformer() );
388 - $transformers->register( Transform_Functions_Prop_Type::get_key(), new Transform_Functions_Transformer() );
389 - $transformers->register( Transform_Origin_Prop_Type::get_key(), new Transform_Origin_Transformer() );
390 - $transformers->register( Perspective_Origin_Prop_Type::get_key(), new Perspective_Origin_Transformer() );
240 + $transformers->register( Transform_Prop_Type::get_key(), new Transform_Transformer() );
391 241 $transformers->register(
392 - Transform_Prop_Type::get_key(),
393 - new Multi_Props_Transformer(
394 - [ 'transform-functions', 'transform-origin', 'perspective', 'perspective-origin' ],
395 - fn( $_, $key ) => 'transform-functions' === $key ? 'transform' : $key
396 - )
397 - );
398 - }
399 -
400 - private function register_layout_styles_transformers( Transformers_Registry $transformers ): void {
401 - $transformers->register(
402 242 Border_Radius_Prop_Type::get_key(),
403 - 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" )
404 244 );
405 245 $transformers->register(
406 246 Border_Width_Prop_Type::get_key(),
407 - 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" )
408 248 );
409 249 $transformers->register(
410 250 Layout_Direction_Prop_Type::get_key(),
411 - 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}" )
412 252 );
413 253 $transformers->register(
414 254 Dimensions_Prop_Type::get_key(),
415 - 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}" )
416 256 );
417 257 }
418 258
419 259 public function register_import_transformers( Transformers_Registry $transformers ) {
@@ -419,9 +259,8 @@
419 259 public function register_import_transformers( Transformers_Registry $transformers ) {
420 260 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
421 261
422 262 $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 263 }
425 264
426 265 public function register_export_transformers( Transformers_Registry $transformers ) {
427 266 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
@@ -426,9 +265,8 @@
426 265 public function register_export_transformers( Transformers_Registry $transformers ) {
427 266 $transformers->register_fallback( new Import_Export_Plain_Transformer() );
428 267
429 268 $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 269 }
432 270
433 271 public static function is_active(): bool {
434 272 return Plugin::$instance->experiments->is_feature_active( self::EXPERIMENT_NAME );
@@ -443,9 +281,8 @@
443 281 }
444 282
445 283 return $title;
446 284 }
447 -
448 285 /**
449 286 * Enqueue the module scripts.
450 287 *
451 288 * @return void
@@ -457,16 +294,14 @@
457 294 [ 'elementor-editor' ],
458 295 ELEMENTOR_VERSION,
459 296 true
460 297 );
461 -
462 - wp_set_script_translations( 'elementor-atomic-widgets-editor', 'elementor' );
463 298 }
464 299
465 300 private function render_panel_category_chip() {
466 301 ?><# if ( 'v4-elements' === name ) { #>
467 - <span class="elementor-panel-heading-category-chip">
468 - <?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>
469 304 <span class="e-promotion-react-wrapper" data-promotion="v4_chip"></span>
470 305 </span>
471 306 <# } #><?php
472 307 }
@@ -471,39 +306,34 @@
471 306 <# } #><?php
472 307 }
473 308
474 309 private function register_frontend_scripts() {
475 - $loader = new Frontend_Assets_Loader();
476 - $loader->register_scripts();
477 - }
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 + } );
478 314
479 - private function add_inline_styles() {
480 - $inline_css = implode( '', [
481 - '.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }',
482 - 'form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],',
483 - 'form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]',
484 - '{ display: block; }',
485 - ] );
486 - wp_add_inline_style( 'elementor-frontend', $inline_css );
487 - wp_add_inline_style( 'elementor-editor', $inline_css );
488 - }
315 + $assets_config_provider->load( 'frontend-handlers' );
489 316
490 - private function enqueue_promotion_styles() {
491 - if ( \Elementor\Utils::has_pro() ) {
317 + $frontend_handlers_package_config = $assets_config_provider->get( 'frontend-handlers' );
318 +
319 + if ( ! $frontend_handlers_package_config ) {
492 320 return;
493 321 }
494 322
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
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
500 329 );
501 330
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
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
507 337 );
508 338 }
509 339 }