← All changes | includes/elements/container.php +24 -148 4.1.2 → 3.26.4 View file →

		@@ -38,9 +38,9 @@
38	38	* @param array|null $args
39	39	*
40	40	* @return void
41	41	*/
42		- public function __construct( array $data = [], ?array $args = null ) {
	42	+ public function __construct( array $data = [], array $args = null ) {
43	43	parent::__construct( $data, $args );
44	44
45	45	$this->active_kit = Plugin::$instance->kits_manager->get_active_kit();
46	46	}
		@@ -139,9 +139,8 @@
139	139	$config['controls'] = $this->get_controls();
140	140	$config['tabs_controls'] = $this->get_tabs_controls();
141	141	$config['show_in_panel'] = true;
142	142	$config['categories'] = [ 'layout' ];
143		- $config['include_in_widgets_config'] = true;
144	143
145	144	return $config;
146	145	}
147	146
		@@ -162,14 +161,9 @@
162	161	if ( ! settings.background_play_once ) {
163	162	videoAttributes += ' loop';
164	163	}
165	164
166		- view.addRenderAttribute(
167		- 'background-video-container',
168		- {
169		- 'class': 'elementor-background-video-container',
170		- }
171		- );
	165	+ view.addRenderAttribute( 'background-video-container', 'class', 'elementor-background-video-container' );
172	166
173	167	if ( ! settings.background_play_on_mobile ) {
174	168	view.addRenderAttribute( 'background-video-container', 'class', 'elementor-hidden-mobile' );
175	169	}
		@@ -174,14 +168,14 @@
174	168	view.addRenderAttribute( 'background-video-container', 'class', 'elementor-hidden-mobile' );
175	169	}
176	170	#>
177	171	<div {{{ view.getRenderAttributeString( 'background-video-container' ) }}}>
178		- <div class="elementor-background-video-embed" role="presentation"></div>
179		- <video class="elementor-background-video-hosted" role="presentation" {{ videoAttributes }}></video>
	172	+ <div class="elementor-background-video-embed"></div>
	173	+ <video class="elementor-background-video-hosted elementor-html5-video" {{ videoAttributes }}></video>
180	174	</div>
181	175	<# } #>
182		- <div class="elementor-shape elementor-shape-top" aria-hidden="true"></div>
183		- <div class="elementor-shape elementor-shape-bottom" aria-hidden="true"></div>
	176	+ <div class="elementor-shape elementor-shape-top"></div>
	177	+ <div class="elementor-shape elementor-shape-bottom"></div>
184	178	<# if ( 'boxed' === settings.content_width ) { #>
185	179	</div>
186	180	<# } #>
187	181	<?php
		@@ -204,14 +198,9 @@
204	198	}
205	199
206	200	$video_properties = Embed::get_video_properties( $settings['background_video_link'] );
207	201
208		- $this->add_render_attribute(
209		- 'background-video-container',
210		- [
211		- 'class' => 'elementor-background-video-container',
212		- ]
213		- );
	202	+ $this->add_render_attribute( 'background-video-container', 'class', 'elementor-background-video-container' );
214	203
215	204	if ( ! $settings['background_play_on_mobile'] ) {
216	205	$this->add_render_attribute( 'background-video-container', 'class', 'elementor-hidden-mobile' );
217	206	}
		@@ -217,9 +206,9 @@
217	206	}
218	207
219	208	?><div <?php $this->print_render_attribute_string( 'background-video-container' ); ?>>
220	209	<?php if ( $video_properties ) : ?>
221		- <div class="elementor-background-video-embed" role="presentation"></div>
	210	+ <div class="elementor-background-video-embed"></div>
222	211	<?php
223	212	else :
224	213	$video_tag_attributes = 'autoplay muted playsinline';
225	214
		@@ -226,9 +215,9 @@
226	215	if ( 'yes' !== $settings['background_play_once'] ) {
227	216	$video_tag_attributes .= ' loop';
228	217	}
229	218	?>
230		- <video class="elementor-background-video-hosted" role="presentation" <?php echo esc_attr( $video_tag_attributes ); ?>></video>
	219	+ <video class="elementor-background-video-hosted elementor-html5-video" <?php echo esc_attr( $video_tag_attributes ); ?>></video>
231	220	<?php endif; ?>
232	221	</div><?php
233	222	}
234	223
		@@ -251,9 +240,9 @@
251	240	if ( ! is_file( $shape_path ) || ! is_readable( $shape_path ) ) {
252	241	return;
253	242	}
254	243	?>
255		- <div class="elementor-shape elementor-shape-<?php echo esc_attr( $side ); ?>" aria-hidden="true" data-negative="<?php
	244	+ <div class="elementor-shape elementor-shape-<?php echo esc_attr( $side ); ?>" data-negative="<?php
256	245	Utils::print_unescaped_internal_string( $negative ? 'true' : 'false' );
257	246	?>">
258	247	<?php
259	248	// PHPCS - The file content is being read from a strict file path structure.
		@@ -333,18 +322,12 @@
333	322	*
334	323	* @return \Elementor\Element_Base|\Elementor\Widget_Base|null
335	324	*/
336	325	protected function _get_default_child_type( array $element_data ) {
337		- $el_types = array_keys( Plugin::$instance->elements_manager->get_element_types() );
338		-
339		- if ( in_array( $element_data['elType'], $el_types, true ) ) {
340		- return Plugin::$instance->elements_manager->get_element_types( $element_data['elType'] );
	326	+ if ( 'container' === $element_data['elType'] ) {
	327	+ return Plugin::$instance->elements_manager->get_element_types( 'container' );
341	328	}
342	329
343		- if ( ! isset( $element_data['widgetType'] ) ) {
344		- return null;
345		- }
346		-
347	330	return Plugin::$instance->widgets_manager->get_widget_types( $element_data['widgetType'] );
348	331	}
349	332
350	333	/**
		@@ -492,9 +475,8 @@
492	475	'max' => 1440,
493	476	],
494	477	],
495	478	'description' => sprintf(
496		- /* translators: %s: 100vh. */
497	479	esc_html__( 'To achieve full height Container use %s.', 'elementor' ),
498	480	'100vh'
499	481	),
500	482	'selectors' => [
		@@ -692,22 +674,8 @@
692	674	],
693	675	],
694	676	],
695	677	],
696		- 'scripts' => [
697		- [
698		- 'name' => 'swiper',
699		- 'conditions' => [
700		- 'terms' => [
701		- [
702		- 'name' => 'background_background',
703		- 'operator' => '===',
704		- 'value' => 'slideshow',
705		- ],
706		- ],
707		- ],
708		- ],
709		- ],
710	678	],
711	679	]
712	680	);
713	681
		@@ -1180,8 +1148,16 @@
1180	1148	);
1181	1149
1182	1150	$this->start_controls_tabs( 'tabs_shape_dividers' );
1183	1151
	1152	+ $shapes_options = [
	1153	+ '' => esc_html__( 'None', 'elementor' ),
	1154	+ ];
	1155	+
	1156	+ foreach ( Shapes::get_shapes() as $shape_name => $shape_props ) {
	1157	+ $shapes_options[ $shape_name ] = $shape_props['title'];
	1158	+ }
	1159	+
1184	1160	foreach ( [
1185	1161	'top' => esc_html__( 'Top', 'elementor' ),
1186	1162	'bottom' => esc_html__( 'Bottom', 'elementor' ),
1187	1163	] as $side => $side_label ) {
		@@ -1197,12 +1173,10 @@
1197	1173	$this->add_control(
1198	1174	$base_control_key,
1199	1175	[
1200	1176	'label' => esc_html__( 'Type', 'elementor' ),
1201		- 'type' => Controls_Manager::VISUAL_CHOICE,
1202		- 'label_block' => true,
1203		- 'columns' => 2,
1204		- 'options' => Shapes::get_shapes(),
	1177	+ 'type' => Controls_Manager::SELECT,
	1178	+ 'options' => $shapes_options,
1205	1179	'render_type' => 'none',
1206	1180	'frontend_available' => true,
1207	1181	'assets' => [
1208	1182	'styles' => [
		@@ -1397,106 +1371,8 @@
1397	1371	],
1398	1372	]
1399	1373	);
1400	1374
1401		- $this->add_control(
1402		- 'heading_grid_item',
1403		- [
1404		- 'type' => Controls_Manager::HEADING,
1405		- 'label' => esc_html__( 'Grid Item', 'elementor' ),
1406		- 'separator' => 'before',
1407		- ]
1408		- );
1409		-
1410		- $this->add_responsive_control(
1411		- 'grid_column',
1412		- [
1413		- 'label' => esc_html__( 'Column Span', 'elementor' ),
1414		- 'type' => Controls_Manager::SELECT,
1415		- 'options' => [
1416		- '' => ' ' . esc_html__( 'Default', 'elementor' ),
1417		- '1' => '1',
1418		- '2' => '2',
1419		- '3' => '3',
1420		- '4' => '4',
1421		- '5' => '5',
1422		- '6' => '6',
1423		- '7' => '7',
1424		- '8' => '8',
1425		- '9' => '9',
1426		- '10' => '10',
1427		- '11' => '11',
1428		- '12' => '12',
1429		- 'custom' => esc_html__( 'Custom', 'elementor' ),
1430		- ],
1431		- 'selectors' => [
1432		- '{{WRAPPER}}' => 'grid-column: span {{VALUE}};',
1433		- ],
1434		- ]
1435		- );
1436		-
1437		- $this->add_responsive_control(
1438		- 'grid_column_custom',
1439		- [
1440		- 'label' => esc_html__( 'Custom', 'elementor' ),
1441		- 'type' => Controls_Manager::TEXT,
1442		- 'ai' => [
1443		- 'active' => false,
1444		- ],
1445		- 'selectors' => [
1446		- '{{WRAPPER}}' => 'grid-column: {{VALUE}}',
1447		- ],
1448		- 'condition' => [
1449		- 'grid_column' => 'custom',
1450		- ],
1451		- ]
1452		- );
1453		-
1454		- $this->add_responsive_control(
1455		- 'grid_row',
1456		- [
1457		- 'label' => esc_html__( 'Row Span', 'elementor' ),
1458		- 'type' => Controls_Manager::SELECT,
1459		- 'options' => [
1460		- '' => ' ' . esc_html__( 'Default', 'elementor' ),
1461		- '1' => '1',
1462		- '2' => '2',
1463		- '3' => '3',
1464		- '4' => '4',
1465		- '5' => '5',
1466		- '6' => '6',
1467		- '7' => '7',
1468		- '8' => '8',
1469		- '9' => '9',
1470		- '10' => '10',
1471		- '11' => '11',
1472		- '12' => '12',
1473		- 'custom' => esc_html__( 'Custom', 'elementor' ),
1474		- ],
1475		- 'selectors' => [
1476		- '{{WRAPPER}}' => 'grid-row: span {{VALUE}};',
1477		- ],
1478		- ]
1479		- );
1480		-
1481		- $this->add_responsive_control(
1482		- 'grid_row_custom',
1483		- [
1484		- 'label' => esc_html__( 'Custom', 'elementor' ),
1485		- 'type' => Controls_Manager::TEXT,
1486		- 'separator' => 'after',
1487		- 'ai' => [
1488		- 'active' => false,
1489		- ],
1490		- 'selectors' => [
1491		- '{{WRAPPER}}' => 'grid-row: {{VALUE}}',
1492		- ],
1493		- 'condition' => [
1494		- 'grid_row' => 'custom',
1495		- ],
1496		- ]
1497		- );
1498		-
1499	1375	$this->add_group_control(
1500	1376	Group_Control_Flex_Item::get_type(),
1501	1377	[
1502	1378	'name' => '_flex',
		@@ -1961,11 +1837,11 @@
1961	1837	return self::slider_to_gaps_converter( $element );
1962	1838	}
1963	1839
1964	1840	/**
1965		- * Convert slider to gaps control for the 3.16 upgrade script
	1841	+ * convert slider to gaps control for the 3.16 upgrade script
1966	1842	*
1967		- * @param array $element
	1843	+ * @param $element
1968	1844	* @return array
1969	1845	*/
1970	1846	public static function slider_to_gaps_converter( $element ) {
1971	1847	$breakpoints = array_keys( (array) Plugin::$instance->breakpoints->get_breakpoints() );