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