← All changes | includes/controls/groups/background.php +159 -143 4.2.0 → 3.5.3 View file →

		@@ -91,21 +91,21 @@
91	91	*/
92	92	private static function get_default_background_types() {
93	93	return [
94	94	'classic' => [
95		- 'title' => esc_html__( 'Classic', 'elementor' ),
	95	+ 'title' => _x( 'Classic', 'Background Control', 'elementor' ),
96	96	'icon' => 'eicon-paint-brush',
97	97	],
98	98	'gradient' => [
99		- 'title' => esc_html__( 'Gradient', 'elementor' ),
	99	+ 'title' => _x( 'Gradient', 'Background Control', 'elementor' ),
100	100	'icon' => 'eicon-barcode',
101	101	],
102	102	'video' => [
103		- 'title' => esc_html__( 'Video', 'elementor' ),
	103	+ 'title' => _x( 'Video', 'Background Control', 'elementor' ),
104	104	'icon' => 'eicon-video-camera',
105	105	],
106	106	'slideshow' => [
107		- 'title' => esc_html__( 'Slideshow', 'elementor' ),
	107	+ 'title' => _x( 'Slideshow', 'Background Control', 'elementor' ),
108	108	'icon' => 'eicon-slideshow',
109	109	],
110	110	];
111	111	}
		@@ -120,77 +120,37 @@
120	120	*
121	121	* @return array Control fields.
122	122	*/
123	123	public function init_fields() {
124		- $active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints();
125		-
126		- $location_device_args = [];
127		- $location_device_defaults = [
128		- 'default' => [
129		- 'unit' => '%',
130		- ],
131		- ];
132		-
133		- $angel_device_args = [];
134		- $angel_device_defaults = [
135		- 'default' => [
136		- 'unit' => 'deg',
137		- ],
138		- ];
139		-
140		- $position_device_args = [];
141		- $position_device_defaults = [
142		- 'default' => 'center center',
143		- ];
144		-
145		- foreach ( $active_breakpoints as $breakpoint_name => $breakpoint ) {
146		- $location_device_args[ $breakpoint_name ] = $location_device_defaults;
147		- $angel_device_args[ $breakpoint_name ] = $angel_device_defaults;
148		- $position_device_args[ $breakpoint_name ] = $position_device_defaults;
149		- }
150		-
151	124	$fields = [];
152	125
153	126	$fields['background'] = [
154		- 'label' => esc_html__( 'Background Type', 'elementor' ),
	127	+ 'label' => _x( 'Background Type', 'Background Control', 'elementor' ),
155	128	'type' => Controls_Manager::CHOOSE,
156	129	'render_type' => 'ui',
157	130	];
158	131
159		- $fields['gradient_notice'] = [
160		- 'type' => Controls_Manager::ALERT,
161		- 'alert_type' => 'warning',
162		- 'content' => esc_html__( 'Set locations and angle for each breakpoint to ensure the gradient adapts to different screen sizes.', 'elementor' ),
163		- 'render_type' => 'ui',
164		- 'condition' => [
165		- 'background' => [ 'gradient' ],
166		- ],
167		- ];
168		-
169	132	$fields['color'] = [
170		- 'label' => esc_html__( 'Color', 'elementor' ),
	133	+ 'label' => _x( 'Color', 'Background Control', 'elementor' ),
171	134	'type' => Controls_Manager::COLOR,
172	135	'default' => '',
173		- 'control_type' => 'content',
174		- 'title' => esc_html__( 'Background Color', 'elementor' ),
	136	+ 'title' => _x( 'Background Color', 'Background Control', 'elementor' ),
175	137	'selectors' => [
176	138	'{{SELECTOR}}' => 'background-color: {{VALUE}};',
177	139	],
178	140	'condition' => [
179		- 'background' => [ 'classic', 'gradient', 'video' ],
	141	+ 'background' => [ 'classic', 'gradient' ],
180	142	],
181	143	];
182	144
183	145	$fields['color_stop'] = [
184		- 'label' => esc_html_x( 'Location', 'Background Control', 'elementor' ),
	146	+ 'label' => _x( 'Location', 'Background Control', 'elementor' ),
185	147	'type' => Controls_Manager::SLIDER,
186		- 'size_units' => [ '%', 'custom' ],
	148	+ 'size_units' => [ '%' ],
187	149	'default' => [
188	150	'unit' => '%',
189	151	'size' => 0,
190	152	],
191		- 'device_args' => $location_device_args,
192		- 'responsive' => true,
193	153	'render_type' => 'ui',
194	154	'condition' => [
195	155	'background' => [ 'gradient' ],
196	156	],
		@@ -197,13 +157,12 @@
197	157	'of_type' => 'gradient',
198	158	];
199	159
200	160	$fields['color_b'] = [
201		- 'label' => esc_html__( 'Second Color', 'elementor' ),
	161	+ 'label' => _x( 'Second Color', 'Background Control', 'elementor' ),
202	162	'type' => Controls_Manager::COLOR,
203	163	'default' => '#f2295b',
204	164	'render_type' => 'ui',
205		- 'control_type' => 'content',
206	165	'condition' => [
207	166	'background' => [ 'gradient' ],
208	167	],
209	168	'of_type' => 'gradient',
		@@ -209,17 +168,15 @@
209	168	'of_type' => 'gradient',
210	169	];
211	170
212	171	$fields['color_b_stop'] = [
213		- 'label' => esc_html_x( 'Location', 'Background Control', 'elementor' ),
	172	+ 'label' => _x( 'Location', 'Background Control', 'elementor' ),
214	173	'type' => Controls_Manager::SLIDER,
215		- 'size_units' => [ '%', 'custom' ],
	174	+ 'size_units' => [ '%' ],
216	175	'default' => [
217	176	'unit' => '%',
218	177	'size' => 100,
219	178	],
220		- 'device_args' => $location_device_args,
221		- 'responsive' => true,
222	179	'render_type' => 'ui',
223	180	'condition' => [
224	181	'background' => [ 'gradient' ],
225	182	],
		@@ -226,13 +183,13 @@
226	183	'of_type' => 'gradient',
227	184	];
228	185
229	186	$fields['gradient_type'] = [
230		- 'label' => esc_html_x( 'Type', 'Background Control', 'elementor' ),
	187	+ 'label' => _x( 'Type', 'Background Control', 'elementor' ),
231	188	'type' => Controls_Manager::SELECT,
232	189	'options' => [
233		- 'linear' => esc_html__( 'Linear', 'elementor' ),
234		- 'radial' => esc_html__( 'Radial', 'elementor' ),
	190	+ 'linear' => _x( 'Linear', 'Background Control', 'elementor' ),
	191	+ 'radial' => _x( 'Radial', 'Background Control', 'elementor' ),
235	192	],
236	193	'default' => 'linear',
237	194	'render_type' => 'ui',
238	195	'condition' => [
		@@ -241,17 +198,20 @@
241	198	'of_type' => 'gradient',
242	199	];
243	200
244	201	$fields['gradient_angle'] = [
245		- 'label' => esc_html__( 'Angle', 'elementor' ),
	202	+ 'label' => _x( 'Angle', 'Background Control', 'elementor' ),
246	203	'type' => Controls_Manager::SLIDER,
247		- 'size_units' => [ 'deg', 'grad', 'rad', 'turn', 'custom' ],
	204	+ 'size_units' => [ 'deg' ],
248	205	'default' => [
249	206	'unit' => 'deg',
250	207	'size' => 180,
251	208	],
252		- 'device_args' => $angel_device_args,
253		- 'responsive' => true,
	209	+ 'range' => [
	210	+ 'deg' => [
	211	+ 'step' => 10,
	212	+ ],
	213	+ ],
254	214	'selectors' => [
255	215	'{{SELECTOR}}' => 'background-color: transparent; background-image: linear-gradient({{SIZE}}{{UNIT}}, {{color.VALUE}} {{color_stop.SIZE}}{{color_stop.UNIT}}, {{color_b.VALUE}} {{color_b_stop.SIZE}}{{color_b_stop.UNIT}})',
256	216	],
257	217	'condition' => [
		@@ -261,24 +221,22 @@
261	221	'of_type' => 'gradient',
262	222	];
263	223
264	224	$fields['gradient_position'] = [
265		- 'label' => esc_html__( 'Position', 'elementor' ),
	225	+ 'label' => _x( 'Position', 'Background Control', 'elementor' ),
266	226	'type' => Controls_Manager::SELECT,
267	227	'options' => [
268		- 'center center' => esc_html__( 'Center Center', 'elementor' ),
269		- 'center left' => esc_html__( 'Center Left', 'elementor' ),
270		- 'center right' => esc_html__( 'Center Right', 'elementor' ),
271		- 'top center' => esc_html__( 'Top Center', 'elementor' ),
272		- 'top left' => esc_html__( 'Top Left', 'elementor' ),
273		- 'top right' => esc_html__( 'Top Right', 'elementor' ),
274		- 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),
275		- 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),
276		- 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),
	228	+ 'center center' => _x( 'Center Center', 'Background Control', 'elementor' ),
	229	+ 'center left' => _x( 'Center Left', 'Background Control', 'elementor' ),
	230	+ 'center right' => _x( 'Center Right', 'Background Control', 'elementor' ),
	231	+ 'top center' => _x( 'Top Center', 'Background Control', 'elementor' ),
	232	+ 'top left' => _x( 'Top Left', 'Background Control', 'elementor' ),
	233	+ 'top right' => _x( 'Top Right', 'Background Control', 'elementor' ),
	234	+ 'bottom center' => _x( 'Bottom Center', 'Background Control', 'elementor' ),
	235	+ 'bottom left' => _x( 'Bottom Left', 'Background Control', 'elementor' ),
	236	+ 'bottom right' => _x( 'Bottom Right', 'Background Control', 'elementor' ),
277	237	],
278	238	'default' => 'center center',
279		- 'device_args' => $position_device_args,
280		- 'responsive' => true,
281	239	'selectors' => [
282	240	'{{SELECTOR}}' => 'background-color: transparent; background-image: radial-gradient(at {{VALUE}}, {{color.VALUE}} {{color_stop.SIZE}}{{color_stop.UNIT}}, {{color_b.VALUE}} {{color_b_stop.SIZE}}{{color_b_stop.UNIT}})',
283	241	],
284	242	'condition' => [
		@@ -288,22 +246,18 @@
288	246	'of_type' => 'gradient',
289	247	];
290	248
291	249	$fields['image'] = [
292		- 'label' => esc_html__( 'Image', 'elementor' ),
	250	+ 'label' => _x( 'Image', 'Background Control', 'elementor' ),
293	251	'type' => Controls_Manager::MEDIA,
294		- 'ai' => [
295		- 'category' => 'background',
296		- ],
297	252	'dynamic' => [
298	253	'active' => true,
299	254	],
300	255	'responsive' => true,
301		- 'title' => esc_html__( 'Background Image', 'elementor' ),
	256	+ 'title' => _x( 'Background Image', 'Background Control', 'elementor' ),
302	257	'selectors' => [
303	258	'{{SELECTOR}}' => 'background-image: url("{{URL}}");',
304	259	],
305		- 'has_sizes' => true,
306	260	'render_type' => 'template',
307	261	'condition' => [
308	262	'background' => [ 'classic' ],
309	263	],
		@@ -309,25 +263,24 @@
309	263	],
310	264	];
311	265
312	266	$fields['position'] = [
313		- 'label' => esc_html__( 'Position', 'elementor' ),
	267	+ 'label' => _x( 'Position', 'Background Control', 'elementor' ),
314	268	'type' => Controls_Manager::SELECT,
315	269	'default' => '',
316		- 'separator' => 'before',
317	270	'responsive' => true,
318	271	'options' => [
319		- '' => esc_html__( 'Default', 'elementor' ),
320		- 'center center' => esc_html__( 'Center Center', 'elementor' ),
321		- 'center left' => esc_html__( 'Center Left', 'elementor' ),
322		- 'center right' => esc_html__( 'Center Right', 'elementor' ),
323		- 'top center' => esc_html__( 'Top Center', 'elementor' ),
324		- 'top left' => esc_html__( 'Top Left', 'elementor' ),
325		- 'top right' => esc_html__( 'Top Right', 'elementor' ),
326		- 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),
327		- 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),
328		- 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),
329		- 'initial' => esc_html__( 'Custom', 'elementor' ),
	272	+ '' => _x( 'Default', 'Background Control', 'elementor' ),
	273	+ 'center center' => _x( 'Center Center', 'Background Control', 'elementor' ),
	274	+ 'center left' => _x( 'Center Left', 'Background Control', 'elementor' ),
	275	+ 'center right' => _x( 'Center Right', 'Background Control', 'elementor' ),
	276	+ 'top center' => _x( 'Top Center', 'Background Control', 'elementor' ),
	277	+ 'top left' => _x( 'Top Left', 'Background Control', 'elementor' ),
	278	+ 'top right' => _x( 'Top Right', 'Background Control', 'elementor' ),
	279	+ 'bottom center' => _x( 'Bottom Center', 'Background Control', 'elementor' ),
	280	+ 'bottom left' => _x( 'Bottom Left', 'Background Control', 'elementor' ),
	281	+ 'bottom right' => _x( 'Bottom Right', 'Background Control', 'elementor' ),
	282	+ 'initial' => _x( 'Custom', 'Background Control', 'elementor' ),
330	283
331	284	],
332	285	'selectors' => [
333	286	'{{SELECTOR}}' => 'background-position: {{VALUE}};',
		@@ -338,19 +291,22 @@
338	291	],
339	292	];
340	293
341	294	$fields['xpos'] = [
342		- 'label' => esc_html__( 'X Position', 'elementor' ),
	295	+ 'label' => _x( 'X Position', 'Background Control', 'elementor' ),
343	296	'type' => Controls_Manager::SLIDER,
344	297	'responsive' => true,
345		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
	298	+ 'size_units' => [ 'px', 'em', '%', 'vw' ],
346	299	'default' => [
	300	+ 'unit' => 'px',
347	301	'size' => 0,
348	302	],
349	303	'tablet_default' => [
	304	+ 'unit' => 'px',
350	305	'size' => 0,
351	306	],
352	307	'mobile_default' => [
	308	+ 'unit' => 'px',
353	309	'size' => 0,
354	310	],
355	311	'range' => [
356	312	'px' => [
		@@ -378,22 +334,45 @@
378	334	'position' => [ 'initial' ],
379	335	'image[url]!' => '',
380	336	],
381	337	'required' => true,
	338	+ 'device_args' => [
	339	+ Breakpoints_Manager::BREAKPOINT_KEY_TABLET => [
	340	+ 'selectors' => [
	341	+ '{{SELECTOR}}' => 'background-position: {{SIZE}}{{UNIT}} {{ypos_tablet.SIZE}}{{ypos_tablet.UNIT}}',
	342	+ ],
	343	+ 'condition' => [
	344	+ 'background' => [ 'classic' ],
	345	+ 'position_tablet' => [ 'initial' ],
	346	+ ],
	347	+ ],
	348	+ Breakpoints_Manager::BREAKPOINT_KEY_MOBILE => [
	349	+ 'selectors' => [
	350	+ '{{SELECTOR}}' => 'background-position: {{SIZE}}{{UNIT}} {{ypos_mobile.SIZE}}{{ypos_mobile.UNIT}}',
	351	+ ],
	352	+ 'condition' => [
	353	+ 'background' => [ 'classic' ],
	354	+ 'position_mobile' => [ 'initial' ],
	355	+ ],
	356	+ ],
	357	+ ],
382	358	];
383	359
384	360	$fields['ypos'] = [
385		- 'label' => esc_html__( 'Y Position', 'elementor' ),
	361	+ 'label' => _x( 'Y Position', 'Background Control', 'elementor' ),
386	362	'type' => Controls_Manager::SLIDER,
387	363	'responsive' => true,
388		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vh', 'custom' ],
	364	+ 'size_units' => [ 'px', 'em', '%', 'vh' ],
389	365	'default' => [
	366	+ 'unit' => 'px',
390	367	'size' => 0,
391	368	],
392	369	'tablet_default' => [
	370	+ 'unit' => 'px',
393	371	'size' => 0,
394	372	],
395	373	'mobile_default' => [
	374	+ 'unit' => 'px',
396	375	'size' => 0,
397	376	],
398	377	'range' => [
399	378	'px' => [
		@@ -421,18 +400,38 @@
421	400	'position' => [ 'initial' ],
422	401	'image[url]!' => '',
423	402	],
424	403	'required' => true,
	404	+ 'device_args' => [
	405	+ Breakpoints_Manager::BREAKPOINT_KEY_TABLET => [
	406	+ 'selectors' => [
	407	+ '{{SELECTOR}}' => 'background-position: {{xpos_tablet.SIZE}}{{xpos_tablet.UNIT}} {{SIZE}}{{UNIT}}',
	408	+ ],
	409	+ 'condition' => [
	410	+ 'background' => [ 'classic' ],
	411	+ 'position_tablet' => [ 'initial' ],
	412	+ ],
	413	+ ],
	414	+ Breakpoints_Manager::BREAKPOINT_KEY_MOBILE => [
	415	+ 'selectors' => [
	416	+ '{{SELECTOR}}' => 'background-position: {{xpos_mobile.SIZE}}{{xpos_mobile.UNIT}} {{SIZE}}{{UNIT}}',
	417	+ ],
	418	+ 'condition' => [
	419	+ 'background' => [ 'classic' ],
	420	+ 'position_mobile' => [ 'initial' ],
	421	+ ],
	422	+ ],
	423	+ ],
425	424	];
426	425
427	426	$fields['attachment'] = [
428		- 'label' => esc_html_x( 'Attachment', 'Background Control', 'elementor' ),
	427	+ 'label' => _x( 'Attachment', 'Background Control', 'elementor' ),
429	428	'type' => Controls_Manager::SELECT,
430	429	'default' => '',
431	430	'options' => [
432		- '' => esc_html__( 'Default', 'elementor' ),
433		- 'scroll' => esc_html_x( 'Scroll', 'Background Control', 'elementor' ),
434		- 'fixed' => esc_html_x( 'Fixed', 'Background Control', 'elementor' ),
	431	+ '' => _x( 'Default', 'Background Control', 'elementor' ),
	432	+ 'scroll' => _x( 'Scroll', 'Background Control', 'elementor' ),
	433	+ 'fixed' => _x( 'Fixed', 'Background Control', 'elementor' ),
435	434	],
436	435	'selectors' => [
437	436	'(desktop+){{SELECTOR}}' => 'background-attachment: {{VALUE}};',
438	437	],
		@@ -445,8 +444,9 @@
445	444	$fields['attachment_alert'] = [
446	445	'type' => Controls_Manager::RAW_HTML,
447	446	'content_classes' => 'elementor-control-field-description',
448	447	'raw' => esc_html__( 'Note: Attachment Fixed works only on desktop.', 'elementor' ),
	448	+ 'separator' => 'none',
449	449	'condition' => [
450	450	'background' => [ 'classic' ],
451	451	'image[url]!' => '',
452	452	'attachment' => 'fixed',
		@@ -453,18 +453,18 @@
453	453	],
454	454	];
455	455
456	456	$fields['repeat'] = [
457		- 'label' => esc_html_x( 'Repeat', 'Background Control', 'elementor' ),
	457	+ 'label' => _x( 'Repeat', 'Background Control', 'elementor' ),
458	458	'type' => Controls_Manager::SELECT,
459	459	'default' => '',
460	460	'responsive' => true,
461	461	'options' => [
462		- '' => esc_html__( 'Default', 'elementor' ),
463		- 'no-repeat' => esc_html__( 'No-repeat', 'elementor' ),
464		- 'repeat' => esc_html__( 'Repeat', 'elementor' ),
465		- 'repeat-x' => esc_html__( 'Repeat-x', 'elementor' ),
466		- 'repeat-y' => esc_html__( 'Repeat-y', 'elementor' ),
	462	+ '' => _x( 'Default', 'Background Control', 'elementor' ),
	463	+ 'no-repeat' => _x( 'No-repeat', 'Background Control', 'elementor' ),
	464	+ 'repeat' => _x( 'Repeat', 'Background Control', 'elementor' ),
	465	+ 'repeat-x' => _x( 'Repeat-x', 'Background Control', 'elementor' ),
	466	+ 'repeat-y' => _x( 'Repeat-y', 'Background Control', 'elementor' ),
467	467	],
468	468	'selectors' => [
469	469	'{{SELECTOR}}' => 'background-repeat: {{VALUE}};',
470	470	],
		@@ -474,18 +474,18 @@
474	474	],
475	475	];
476	476
477	477	$fields['size'] = [
478		- 'label' => esc_html__( 'Display Size', 'elementor' ),
	478	+ 'label' => _x( 'Size', 'Background Control', 'elementor' ),
479	479	'type' => Controls_Manager::SELECT,
480	480	'responsive' => true,
481	481	'default' => '',
482	482	'options' => [
483		- '' => esc_html__( 'Default', 'elementor' ),
484		- 'auto' => esc_html__( 'Auto', 'elementor' ),
485		- 'cover' => esc_html__( 'Cover', 'elementor' ),
486		- 'contain' => esc_html__( 'Contain', 'elementor' ),
487		- 'initial' => esc_html__( 'Custom', 'elementor' ),
	483	+ '' => _x( 'Default', 'Background Control', 'elementor' ),
	484	+ 'auto' => _x( 'Auto', 'Background Control', 'elementor' ),
	485	+ 'cover' => _x( 'Cover', 'Background Control', 'elementor' ),
	486	+ 'contain' => _x( 'Contain', 'Background Control', 'elementor' ),
	487	+ 'initial' => _x( 'Custom', 'Background Control', 'elementor' ),
488	488	],
489	489	'selectors' => [
490	490	'{{SELECTOR}}' => 'background-size: {{VALUE}};',
491	491	],
		@@ -495,16 +495,25 @@
495	495	],
496	496	];
497	497
498	498	$fields['bg_width'] = [
499		- 'label' => esc_html__( 'Width', 'elementor' ),
	499	+ 'label' => _x( 'Width', 'Background Control', 'elementor' ),
500	500	'type' => Controls_Manager::SLIDER,
501	501	'responsive' => true,
502		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
	502	+ 'size_units' => [ 'px', 'em', '%', 'vw' ],
503	503	'range' => [
504	504	'px' => [
	505	+ 'min' => 0,
505	506	'max' => 1000,
506	507	],
	508	+ '%' => [
	509	+ 'min' => 0,
	510	+ 'max' => 100,
	511	+ ],
	512	+ 'vw' => [
	513	+ 'min' => 0,
	514	+ 'max' => 100,
	515	+ ],
507	516	],
508	517	'default' => [
509	518	'size' => 100,
510	519	'unit' => '%',
		@@ -518,12 +527,32 @@
518	527	'background' => [ 'classic' ],
519	528	'size' => [ 'initial' ],
520	529	'image[url]!' => '',
521	530	],
	531	+ 'device_args' => [
	532	+ Breakpoints_Manager::BREAKPOINT_KEY_TABLET => [
	533	+ 'selectors' => [
	534	+ '{{SELECTOR}}' => 'background-size: {{SIZE}}{{UNIT}} auto',
	535	+ ],
	536	+ 'condition' => [
	537	+ 'background' => [ 'classic' ],
	538	+ 'size_tablet' => [ 'initial' ],
	539	+ ],
	540	+ ],
	541	+ Breakpoints_Manager::BREAKPOINT_KEY_MOBILE => [
	542	+ 'selectors' => [
	543	+ '{{SELECTOR}}' => 'background-size: {{SIZE}}{{UNIT}} auto',
	544	+ ],
	545	+ 'condition' => [
	546	+ 'background' => [ 'classic' ],
	547	+ 'size_mobile' => [ 'initial' ],
	548	+ ],
	549	+ ],
	550	+ ],
522	551	];
523	552
524	553	$fields['video_link'] = [
525		- 'label' => esc_html__( 'Video Link', 'elementor' ),
	554	+ 'label' => _x( 'Video Link', 'Background Control', 'elementor' ),
526	555	'type' => Controls_Manager::TEXT,
527	556	'placeholder' => 'https://www.youtube.com/watch?v=XHOmBV4js_E',
528	557	'description' => esc_html__( 'YouTube/Vimeo link, or link to video file (mp4 is recommended).', 'elementor' ),
529	558	'label_block' => true,
		@@ -534,11 +563,8 @@
534	563	TagsModule::POST_META_CATEGORY,
535	564	TagsModule::URL_CATEGORY,
536	565	],
537	566	],
538		- 'ai' => [
539		- 'active' => false,
540		- ],
541	567	'condition' => [
542	568	'background' => [ 'video' ],
543	569	],
544	570	'of_type' => 'video',
		@@ -593,10 +619,11 @@
593	619	// Mode on, and at the same time the page contains another video WITHOUT privacy mode on, one of the videos
594	620	// will not run properly. This added control allows users to align all their videos to one host (either
595	621	// youtube.com or youtube-nocookie.com, depending on whether the user wants privacy mode on or not).
596	622	$fields['privacy_mode'] = [
597		- 'label' => esc_html__( 'Privacy Mode', 'elementor' ),
	623	+ 'label' => esc_html__( 'Privacy mode', 'elementor' ),
598	624	'type' => Controls_Manager::SWITCHER,
	625	+ 'description' => esc_html__( 'Only works for YouTube videos.', 'elementor' ),
599	626	'condition' => [
600	627	'background' => [ 'video' ],
601	628	],
602	629	'of_type' => 'video',
		@@ -603,9 +630,9 @@
603	630	'frontend_available' => true,
604	631	];
605	632
606	633	$fields['video_fallback'] = [
607		- 'label' => esc_html__( 'Background Fallback', 'elementor' ),
	634	+ 'label' => _x( 'Background Fallback', 'Background Control', 'elementor' ),
608	635	'description' => esc_html__( 'This cover image will replace the background video in case that the video could not be loaded.', 'elementor' ),
609	636	'type' => Controls_Manager::MEDIA,
610	637	'dynamic' => [
611	638	'active' => true,
		@@ -619,9 +646,9 @@
619	646	'of_type' => 'video',
620	647	];
621	648
622	649	$fields['slideshow_gallery'] = [
623		- 'label' => esc_html__( 'Images', 'elementor' ),
	650	+ 'label' => _x( 'Images', 'Background Control', 'elementor' ),
624	651	'type' => Controls_Manager::GALLERY,
625	652	'condition' => [
626	653	'background' => [ 'slideshow' ],
627	654	],
		@@ -704,17 +731,17 @@
704	731	'default' => '',
705	732	'responsive' => true,
706	733	'options' => [
707	734	'' => esc_html__( 'Default', 'elementor' ),
708		- 'center center' => esc_html__( 'Center Center', 'elementor' ),
709		- 'center left' => esc_html__( 'Center Left', 'elementor' ),
710		- 'center right' => esc_html__( 'Center Right', 'elementor' ),
711		- 'top center' => esc_html__( 'Top Center', 'elementor' ),
712		- 'top left' => esc_html__( 'Top Left', 'elementor' ),
713		- 'top right' => esc_html__( 'Top Right', 'elementor' ),
714		- 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),
715		- 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),
716		- 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),
	735	+ 'center center' => _x( 'Center Center', 'Background Control', 'elementor' ),
	736	+ 'center left' => _x( 'Center Left', 'Background Control', 'elementor' ),
	737	+ 'center right' => _x( 'Center Right', 'Background Control', 'elementor' ),
	738	+ 'top center' => _x( 'Top Center', 'Background Control', 'elementor' ),
	739	+ 'top left' => _x( 'Top Left', 'Background Control', 'elementor' ),
	740	+ 'top right' => _x( 'Top Right', 'Background Control', 'elementor' ),
	741	+ 'bottom center' => _x( 'Bottom Center', 'Background Control', 'elementor' ),
	742	+ 'bottom left' => _x( 'Bottom Left', 'Background Control', 'elementor' ),
	743	+ 'bottom right' => _x( 'Bottom Right', 'Background Control', 'elementor' ),
717	744	],
718	745	'selectors' => [
719	746	'{{WRAPPER}} .elementor-background-slideshow__slide__image' => 'background-position: {{VALUE}};',
720	747	],
		@@ -720,19 +747,8 @@
720	747	],
721	748	'condition' => [
722	749	'background' => [ 'slideshow' ],
723	750	],
724		- ];
725		-
726		- $fields['slideshow_lazyload'] = [
727		- 'label' => esc_html__( 'Lazyload', 'elementor' ),
728		- 'type' => Controls_Manager::SWITCHER,
729		- 'separator' => 'before',
730		- 'condition' => [
731		- 'background' => [ 'slideshow' ],
732		- ],
733		- 'of_type' => 'slideshow',
734		- 'frontend_available' => true,
735	751	];
736	752
737	753	$fields['slideshow_ken_burns'] = [
738	754	'label' => esc_html__( 'Ken Burns Effect', 'elementor' ),