PluginProbe
Elementor Website Builder – more than just a page builder / 3.30.0-beta1
Elementor Website Builder – more than just a page builder v3.30.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 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 All 457 releases
← All changes | modules/atomic-widgets/styles/style-schema.php +71 -184 4.0.9 → 3.30.0-beta1 View file →
@@ -1,11 +1,8 @@
1 1 <?php
2 2
3 3 namespace Elementor\Modules\AtomicWidgets\Styles;
4 4
5 -use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Prop_Types_Mapping;
6 -use Elementor\Modules\AtomicWidgets\PropTypes\Background_Image_Overlay_Prop_Type;
7 -use Elementor\Modules\AtomicWidgets\PropTypes\Background_Overlay_Prop_Type;
8 5 use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type;
9 6 use Elementor\Modules\AtomicWidgets\PropTypes\Box_Shadow_Prop_Type;
10 7 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
11 8 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
@@ -10,21 +7,14 @@
10 7 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Radius_Prop_Type;
11 8 use Elementor\Modules\AtomicWidgets\PropTypes\Border_Width_Prop_Type;
12 9 use Elementor\Modules\AtomicWidgets\PropTypes\Color_Prop_Type;
13 10 use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
14 -use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Backdrop_Filter_Prop_Type;
15 -use Elementor\Modules\AtomicWidgets\PropTypes\Filters\Filter_Prop_Type;
16 11 use Elementor\Modules\AtomicWidgets\PropTypes\Layout_Direction_Prop_Type;
17 -use Elementor\Modules\AtomicWidgets\PropTypes\Position_Prop_Type;
18 12 use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
19 13 use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
20 14 use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
21 15 use Elementor\Modules\AtomicWidgets\PropTypes\Stroke_Prop_Type;
22 -use Elementor\Modules\AtomicWidgets\PropTypes\Transform\Transform_Prop_Type;
23 -use Elementor\Modules\AtomicWidgets\PropTypes\Transition_Prop_Type;
24 16 use Elementor\Modules\AtomicWidgets\PropTypes\Union_Prop_Type;
25 -use Elementor\Modules\AtomicWidgets\PropTypes\Flex_Prop_Type;
26 -use Elementor\Modules\AtomicWidgets\PropDependencies\Manager as Dependency_Manager;
27 17
28 18 if ( ! defined( 'ABSPATH' ) ) {
29 19 exit; // Exit if accessed directly.
30 20 }
@@ -44,26 +34,25 @@
44 34 self::get_background_props(),
45 35 self::get_effects_props(),
46 36 self::get_layout_props(),
47 37 self::get_alignment_props(),
48 - self::get_special_props(),
49 38 );
50 39 }
51 40
52 41 private static function get_size_props() {
53 42 return [
54 - 'width' => Size_Prop_Type::make()->description( 'The width of the element' ),
55 - 'height' => Size_Prop_Type::make()->description( 'The height of the element' ),
56 - 'min-width' => Size_Prop_Type::make()->description( 'The minimum width of the element' ),
57 - 'min-height' => Size_Prop_Type::make()->description( 'The minimum height of the element' ),
58 - 'max-width' => Size_Prop_Type::make()->description( 'The maximum width of the element' ),
59 - 'max-height' => Size_Prop_Type::make()->description( 'The maximum height of the element' ),
43 + 'width' => Size_Prop_Type::make(),
44 + 'height' => Size_Prop_Type::make(),
45 + 'min-width' => Size_Prop_Type::make(),
46 + 'min-height' => Size_Prop_Type::make(),
47 + 'max-width' => Size_Prop_Type::make(),
48 + 'max-height' => Size_Prop_Type::make(),
60 49 'overflow' => String_Prop_Type::make()->enum( [
61 50 'visible',
62 51 'hidden',
63 52 'auto',
64 - ] )->description( 'The overflow CSS property. CSS values: visible, hidden, auto' ),
65 - 'aspect-ratio' => String_Prop_Type::make()->description( 'Equivalent to CSS aspect-ration property' ),
53 + ] ),
54 + 'aspect-ratio' => String_Prop_Type::make(),
66 55 'object-fit' => String_Prop_Type::make()->enum( [
67 56 'fill',
68 57 'cover',
69 58 'contain',
@@ -68,25 +57,20 @@
68 57 'cover',
69 58 'contain',
70 59 'none',
71 60 'scale-down',
72 - ] )->description( 'The object-fit CSS. CSS values: fill, cover, contain, none, scale-down' ),
73 - 'object-position' => Union_Prop_Type::make()
74 - ->add_prop_type( String_Prop_Type::make()->enum( Position_Prop_Type::get_position_enum_values() ) )
75 - ->add_prop_type( Position_Prop_Type::make() )
76 - ->set_dependencies(
77 - Dependency_Manager::make( Dependency_Manager::RELATION_AND )
78 - ->where( [
79 - 'operator' => 'ne',
80 - 'path' => [ 'object-fit' ],
81 - 'value' => 'fill',
82 - ] )
83 - ->where( [
84 - 'operator' => 'exists',
85 - 'path' => [ 'object-fit' ],
86 - ] )
87 - ->get()
88 - ),
61 + ] ),
62 + 'object-position' => String_Prop_Type::make()->enum( [
63 + 'center center',
64 + 'center left',
65 + 'center right',
66 + 'top center',
67 + 'top left',
68 + 'top right',
69 + 'bottom center',
70 + 'bottom left',
71 + 'bottom right',
72 + ] ),
89 73 ];
90 74 }
91 75
92 76 private static function get_position_props() {
@@ -96,22 +80,21 @@
96 80 'relative',
97 81 'absolute',
98 82 'fixed',
99 83 'sticky',
100 - ] )->description( 'The CSS position property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky).' ),
101 - 'inset-block-start' => Size_Prop_Type::make()->description( 'Size PropType for the inset-block-start CSS property' ),
102 - 'inset-inline-end' => Size_Prop_Type::make()->description( 'Size PropType for the inset-inline-end CSS property' ),
103 - 'inset-block-end' => Size_Prop_Type::make()->description( 'Size PropType for the inset-block-end CSS property' ),
104 - 'inset-inline-start' => Size_Prop_Type::make()->description( 'Size PropType for the inset-inline-start CSS property' ),
105 - 'z-index' => Number_Prop_Type::make()
106 - ->description( 'The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. It specifies the stack order of elements.' ),
107 - 'scroll-margin-top' => Size_Prop_Type::make()->units( Size_Constants::anchor_offset() ),
84 + ] ),
85 + 'inset-block-start' => Size_Prop_Type::make(),
86 + 'inset-inline-end' => Size_Prop_Type::make(),
87 + 'inset-block-end' => Size_Prop_Type::make(),
88 + 'inset-inline-start' => Size_Prop_Type::make(),
89 + 'z-index' => Number_Prop_Type::make(),
90 + 'scroll-margin-top' => Size_Prop_Type::make(),
108 91 ];
109 92 }
110 93
111 94 private static function get_typography_props() {
112 95 return [
113 - 'font-family' => String_Prop_Type::make()->description( 'The font family of the text content.' ),
96 + 'font-family' => String_Prop_Type::make(),
114 97 'font-weight' => String_Prop_Type::make()->enum( [
115 98 '100',
116 99 '200',
117 100 '300',
@@ -124,54 +107,39 @@
124 107 'normal',
125 108 'bold',
126 109 'bolder',
127 110 'lighter',
128 - ] )
129 - ->description( 'The weight (or boldness) of the font. Values should match css font-weight specifications.' ),
130 - 'font-size' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The font size in Size PropType Format' ),
131 - 'color' => Color_Prop_Type::make()
132 - ->description( 'The text color, specified as a hex code, rgb(a), hsl(a), or a standard css color name.' ),
133 - 'letter-spacing' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The spacing between letters in Size PropType format' ),
134 - 'word-spacing' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The spacing between words in Size PropType format' ),
135 - 'column-count' => Number_Prop_Type::make()->description( 'The number of columns the text content should be divided into.' ),
136 - 'column-gap' => Size_Prop_Type::make()
137 - ->set_dependencies(
138 - Dependency_Manager::make()
139 - ->where( [
140 - 'operator' => 'gte',
141 - 'path' => [ 'column-count' ],
142 - 'value' => 1,
143 - ] )
144 - ->get()
145 - ),
146 - 'line-height' => Size_Prop_Type::make()->units( Size_Constants::typography() )->description( 'The line height of the text content in Size PropType format' ),
111 + ] ),
112 + 'font-size' => Size_Prop_Type::make(),
113 + 'color' => Color_Prop_Type::make(),
114 + 'letter-spacing' => Size_Prop_Type::make(),
115 + 'word-spacing' => Size_Prop_Type::make(),
116 + 'column-count' => Number_Prop_Type::make(),
117 + 'column-gap' => Size_Prop_Type::make(),
118 + 'line-height' => Size_Prop_Type::make(),
147 119 'text-align' => String_Prop_Type::make()->enum( [
148 120 'start',
149 121 'center',
150 122 'end',
151 123 'justify',
152 - ] )
153 - ->description( 'The horizontal alignment of the text content. Allowed values: start, center, end, justify.' ),
124 + ] ),
154 125 'font-style' => String_Prop_Type::make()->enum( [
155 126 'normal',
156 127 'italic',
157 128 'oblique',
158 - ] )
159 - ->description( 'The font style of the text content. CSS values: normal, italic, oblique' ),
129 + ] ),
160 130 // TODO: validate text-decoration in more specific way [EDS-524]
161 - 'text-decoration' => String_Prop_Type::make()
162 - ->description( 'The text decoration style. CSS values like: none, underline, overline, line-through, blink, etc.' ),
131 + 'text-decoration' => String_Prop_Type::make(),
163 132 'text-transform' => String_Prop_Type::make()->enum( [
164 133 'none',
165 134 'capitalize',
166 135 'uppercase',
167 136 'lowercase',
168 - ] )
169 - ->description( 'Controls the capitalization of text. CSS values: none, capitalize, uppercase, lowercase' ),
137 + ] ),
170 138 'direction' => String_Prop_Type::make()->enum( [
171 139 'ltr',
172 140 'rtl',
173 - ] )->description( 'The text direction. CSS values: ltr (left to right), rtl (right to left)' ),
141 + ] ),
174 142 'stroke' => Stroke_Prop_Type::make(),
175 143 'all' => String_Prop_Type::make()->enum( [
176 144 'initial',
177 145 'inherit',
@@ -177,13 +145,12 @@
177 145 'inherit',
178 146 'unset',
179 147 'revert',
180 148 'revert-layer',
181 - ] )->description( 'The all CSS property. CSS values: initial, inherit, unset, revert, revert-layer' ),
149 + ] ),
182 150 'cursor' => String_Prop_Type::make()->enum( [
183 151 'pointer',
184 - ] )
185 - ->description( 'The type of cursor to be displayed when pointing over the element. E.g., pointer.' ),
152 + ] ),
186 153 ];
187 154 }
188 155
189 156 private static function get_spacing_props() {
@@ -188,21 +155,13 @@
188 155
189 156 private static function get_spacing_props() {
190 157 return [
191 158 'padding' => Union_Prop_Type::make()
192 - ->add_prop_type( Dimensions_Prop_Type::make_with_units( Size_Constants::spacing() ) )
193 - ->add_prop_type(
194 - Size_Prop_Type::make()
195 - ->units( Size_Constants::spacing() )
196 - ->description( 'Padding css in Size PropType format' )
197 - ),
159 + ->add_prop_type( Dimensions_Prop_Type::make() )
160 + ->add_prop_type( Size_Prop_Type::make() ),
198 161 'margin' => Union_Prop_Type::make()
199 - ->add_prop_type( Dimensions_Prop_Type::make_with_units( Size_Constants::spacing_margin() ) )
200 - ->add_prop_type(
201 - Size_Prop_Type::make()
202 - ->units( Size_Constants::spacing_margin() )
203 - ->description( 'Margin css in Size PropType format' )
204 - ),
162 + ->add_prop_type( Dimensions_Prop_Type::make() )
163 + ->add_prop_type( Size_Prop_Type::make() ),
205 164 ];
206 165 }
207 166
208 167 private static function get_border_props() {
@@ -207,14 +166,14 @@
207 166
208 167 private static function get_border_props() {
209 168 return [
210 169 'border-radius' => Union_Prop_Type::make()
211 - ->add_prop_type( Border_Radius_Prop_Type::make() )
212 - ->add_prop_type( Size_Prop_Type::make()->units( Size_Constants::border() ) ),
170 + ->add_prop_type( Size_Prop_Type::make() )
171 + ->add_prop_type( Border_Radius_Prop_Type::make() ),
213 172 'border-width' => Union_Prop_Type::make()
214 - ->add_prop_type( Border_Width_Prop_Type::make() )
215 - ->add_prop_type( Size_Prop_Type::make()->units( Size_Constants::border() ) ),
216 - 'border-color' => Color_Prop_Type::make()->description( 'The border color, specified as a hex code, rgb(a), hsl(a), or a standard css color name.' ),
173 + ->add_prop_type( Size_Prop_Type::make() )
174 + ->add_prop_type( Border_Width_Prop_Type::make() ),
175 + 'border-color' => Color_Prop_Type::make(),
217 176 'border-style' => String_Prop_Type::make()->enum( [
218 177 'none',
219 178 'hidden',
220 179 'dotted',
@@ -224,71 +183,21 @@
224 183 'groove',
225 184 'ridge',
226 185 'inset',
227 186 'outset',
228 - ] )
229 - ->description( 'The border style in CSS values' ),
230 - 'outline-width' => Size_Prop_Type::make()
231 - ->units( Size_Constants::border() )
232 - ->description( 'The width of the outline in Size PropType format' ),
233 - 'outline-color' => Color_Prop_Type::make()->description( 'The color of the outline, specified as a hex code, rgb(a), hsl(a), or a standard css color name.' ),
234 - 'outline-style' => String_Prop_Type::make()->enum( [
235 - 'none',
236 - 'hidden',
237 - 'dotted',
238 - 'dashed',
239 - 'solid',
240 - 'double',
241 - 'groove',
242 - 'ridge',
243 - 'inset',
244 - 'outset',
245 - ] )->description( 'The outline style in CSS values' ),
246 - 'outline-offset' => Size_Prop_Type::make()->units( Size_Constants::border() )->description( 'The offset of the outline, specified as a length in Size PropType format' ),
247 -
187 + ] ),
248 188 ];
249 189 }
250 190
251 191 private static function get_background_props() {
252 - // Background image overlay as an exception
253 - $background_prop_type = Background_Prop_Type::make();
254 - $bg_overlay_prop_type = $background_prop_type->get_shape_field( Background_Overlay_Prop_Type::get_key() );
255 - $bg_image_overlay_prop_type = $bg_overlay_prop_type->get_item_type()->get_prop_type( Background_Image_Overlay_Prop_Type::get_key() );
256 - Dynamic_Prop_Types_Mapping::make()->get_extended_schema( $bg_image_overlay_prop_type->get_shape() );
257 192 return [
258 - 'background' => $background_prop_type,
193 + 'background' => Background_Prop_Type::make(),
259 194 ];
260 195 }
261 196
262 197 private static function get_effects_props() {
263 198 return [
264 - 'mix-blend-mode' => String_Prop_Type::make()->enum( [
265 - 'normal',
266 - 'multiply',
267 - 'screen',
268 - 'overlay',
269 - 'darken',
270 - 'lighten',
271 - 'color-dodge',
272 - 'saturation',
273 - 'color',
274 - 'difference',
275 - 'exclusion',
276 - 'hue',
277 - 'luminosity',
278 - 'soft-light',
279 - 'hard-light',
280 - 'color-burn',
281 - ] )->description( 'Applied as mix-blend mode css effect.' ),
282 199 'box-shadow' => Box_Shadow_Prop_Type::make(),
283 - 'opacity' => Size_Prop_Type::make()
284 - ->description( 'The opacity of the element, specified as a percentage between 0 (fully transparent) and 100 (fully opaque).' )
285 - ->units( Size_Constants::opacity() )
286 - ->default_unit( Size_Constants::UNIT_PERCENT ),
287 - 'filter' => Filter_Prop_Type::make(),
288 - 'backdrop-filter' => Backdrop_Filter_Prop_Type::make(),
289 - 'transform' => Transform_Prop_Type::make(),
290 - 'transition' => Transition_Prop_Type::make(),
291 200 ];
292 201 }
293 202
294 203 private static function get_layout_props() {
@@ -303,26 +212,26 @@
303 212 'inline-grid',
304 213 'flow-root',
305 214 'none',
306 215 'contents',
307 - ] )->description( 'The CSS display property defines the display behavior (the type of rendering box) of an element.' ),
308 - 'flex-direction' => String_Prop_Type::make()
309 - ->description( 'The direction of the contained items.' )
310 - ->enum( [
311 - 'row',
312 - 'row-reverse',
313 - 'column',
314 - 'column-reverse',
315 - ] ),
216 + ] ),
217 + 'flex-direction' => String_Prop_Type::make()->enum( [
218 + 'row',
219 + 'row-reverse',
220 + 'column',
221 + 'column-reverse',
222 + ] ),
316 223 'gap' => Union_Prop_Type::make()
317 224 ->add_prop_type( Layout_Direction_Prop_Type::make() )
318 - ->add_prop_type( Size_Prop_Type::make()->units( Size_Constants::layout() ) ),
225 + ->add_prop_type( Size_Prop_Type::make() ),
319 226 'flex-wrap' => String_Prop_Type::make()->enum( [
320 227 'wrap',
321 228 'nowrap',
322 229 'wrap-reverse',
323 - ] )->description( 'Specifies whether the flex items should wrap or not. CSS values: wrap, nowrap, wrap-reverse' ),
324 - 'flex' => Flex_Prop_Type::make(),
230 + ] ),
231 + 'flex-grow' => Number_Prop_Type::make(),
232 + 'flex-shrink' => Number_Prop_Type::make(),
233 + 'flex-basis' => Size_Prop_Type::make(),
325 234 ];
326 235 }
327 236
328 237 private static function get_alignment_props() {
@@ -339,22 +248,9 @@
339 248 'space-between',
340 249 'space-around',
341 250 'space-evenly',
342 251 'stretch',
343 - ] )
344 - ->description( 'Defines how the browser distributes space between and around content items along the main-axis of a flex container. CSS values: center, start, end, flex-start, flex-end, left, right, normal, space-between, space-around, space-evenly, stretch' ),
345 - 'justify-items' => String_Prop_Type::make()->enum( [
346 - 'normal',
347 - 'stretch',
348 - 'center',
349 - 'start',
350 - 'end',
351 - 'flex-start',
352 - 'flex-end',
353 - 'left',
354 - 'right',
355 - 'anchor-center',
356 - ] )->description( 'Defines how the browser distributes space between and around content items along the inline axis of a grid container. CSS values: center, start, end, flex-start, flex-end, left, right' ),
252 + ] ),
357 253 'align-content' => String_Prop_Type::make()->enum( [
358 254 'center',
359 255 'start',
360 256 'end',
@@ -360,10 +256,9 @@
360 256 'end',
361 257 'space-between',
362 258 'space-around',
363 259 'space-evenly',
364 - ] )
365 - ->description( 'Aligns a flex container\'s lines within when there is extra space in the cross-axis. CSS values: center, start, end, space-between, space-around, space-evenly' ),
260 + ] ),
366 261 'align-items' => String_Prop_Type::make()->enum( [
367 262 'normal',
368 263 'stretch',
369 264 'center',
@@ -373,9 +268,9 @@
373 268 'flex-end',
374 269 'self-start',
375 270 'self-end',
376 271 'anchor-center',
377 - ] )->description( 'Defines the default behavior for how flex items are laid out along the cross axis on the current line. CSS values: normal, stretch, center, start, end, flex-start, flex-end, self-start, self-end, anchor-center' ),
272 + ] ),
378 273 'align-self' => String_Prop_Type::make()->enum( [
379 274 'auto',
380 275 'normal',
381 276 'center',
@@ -389,17 +284,9 @@
389 284 'baseline',
390 285 'first baseline',
391 286 'last baseline',
392 287 'stretch',
393 - ] )->description( 'Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items. CSS values: auto, normal, center, start, end, self-start, self-end, flex-start, flex-end, anchor-center, baseline, first baseline, last baseline, stretch' ),
394 - 'order' => Number_Prop_Type::make()->description( 'Specifies the order of the flex items. Items with lower order values are displayed first.' ),
395 - ];
396 - }
397 -
398 - private static function get_special_props() {
399 - return [
400 - 'content' => String_Prop_Type::make()->description( 'The string content for pseudo-element content property' ),
401 - 'appearance' => String_Prop_Type::make()->enum( [ 'none', 'auto' ] )->description( 'The appearance of the element. CSS values: none, auto' ),
402 - 'clip-path' => String_Prop_Type::make()->description( 'The clip-path CSS property defines a shape to be used as clipping region.' ),
288 + ] ),
289 + 'order' => Number_Prop_Type::make(),
403 290 ];
404 291 }
405 292 }