← All changes | modules/nested-accordion/widgets/nested-accordion.php +32 -69 4.3.0 → 3.22.2 View file →

		@@ -14,9 +14,9 @@
14	14	use Elementor\Utils;
15	15	use Elementor\Group_Control_Text_Stroke;
16	16
17	17	if ( ! defined( 'ABSPATH' ) ) {
18		- exit; // Exit if accessed directly.
	18	+ exit; // Exit if accessed directly
19	19	}
20	20
21	21	/**
22	22	* Elementor Nested Accordion widget.
		@@ -27,15 +27,8 @@
27	27	* @since 3.15.0
28	28	*/
29	29	class Nested_Accordion extends Widget_Nested_Base {
30	30
31		- private $optimized_markup = null;
32		- private $widget_container_selector = '';
33		-
34		- protected function is_dynamic_content(): bool {
35		- return true;
36		- }
37		-
38	31	public function get_name() {
39	32	return 'nested-accordion';
40	33	}
41	34
		@@ -50,29 +43,17 @@
50	43	public function get_keywords() {
51	44	return [ 'nested', 'tabs', 'accordion', 'toggle' ];
52	45	}
53	46
54		- public function get_style_depends(): array {
55		- return [ 'widget-nested-accordion' ];
56		- }
57		-
58	47	public function show_in_panel(): bool {
59		- return Plugin::$instance->experiments->is_feature_active( 'container' );
	48	+ return Plugin::$instance->experiments->is_feature_active( 'nested-elements' );
60	49	}
61	50
62		- public function has_widget_inner_wrapper(): bool {
63		- return ! Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );
64		- }
65		-
66	51	protected function item_content_container( int $index ) {
67	52	return [
68	53	'elType' => 'container',
69	54	'settings' => [
70		- '_title' => sprintf(
71		- /* translators: %d: Item index. */
72		- __( 'item #%d', 'elementor' ),
73		- $index
74		- ),
	55	+ '_title' => sprintf( __( 'item #%s', 'elementor' ), $index ),
75	56	'content_width' => 'full',
76	57	],
77	58	];
78	59	}
		@@ -89,9 +70,8 @@
89	70	return 'item_title';
90	71	}
91	72
92	73	protected function get_default_children_title() {
93		- /* translators: %d: Item index. */
94	74	return esc_html__( 'Item #%d', 'elementor' );
95	75	}
96	76
97	77	protected function get_default_children_placeholder_selector() {
		@@ -106,13 +86,8 @@
106	86	return 'elementor-widget-n-accordion';
107	87	}
108	88
109	89	protected function register_controls() {
110		- if ( null === $this->optimized_markup ) {
111		- $this->optimized_markup = Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' ) && ! $this->has_widget_inner_wrapper();
112		- $this->widget_container_selector = $this->optimized_markup ? '' : ' > .elementor-widget-container';
113		- }
114		-
115	90	$this->start_controls_section( 'section_items', [
116	91	'label' => esc_html__( 'Layout', 'elementor' ),
117	92	] );
118	93
		@@ -166,9 +141,9 @@
166	141	'item_title' => esc_html__( 'Item #3', 'elementor' ),
167	142	],
168	143	],
169	144	'title_field' => '{{{ item_title }}}',
170		- 'button_text' => esc_html__( 'Add Item', 'elementor' ),
	145	+ 'button_text' => 'Add Item',
171	146	]
172	147	);
173	148
174	149	$this->add_responsive_control(
		@@ -325,9 +300,9 @@
325	300	'faq_schema_message',
326	301	[
327	302	'type' => Controls_Manager::ALERT,
328	303	'alert_type' => 'info',
329		- 'content' => esc_html__( 'Google no longer supports the FAQ schema; however, it may still hold secondary value for AI and LLMs.', 'elementor' ),
	304	+ 'content' => esc_html__( 'Let Google know that this section contains an FAQ. Make sure to only use it only once per page', 'elementor' ),
330	305	'condition' => [
331	306	'faq_schema[value]' => 'yes',
332	307	],
333	308	]
		@@ -492,10 +467,11 @@
492	467	$this->end_controls_section();
493	468	}
494	469
495	470	private function add_content_style_section() {
496		- $low_specificity_accordion_item_selector = ":where( {{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item ) > .e-con";
497	471
	472	+ $low_specificity_accordion_item_selector = ':where( {{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con';
	473	+
498	474	$this->start_controls_section(
499	475	'section_content_style',
500	476	[
501	477	'label' => esc_html__( 'Content', 'elementor' ),
		@@ -577,9 +553,9 @@
577	553	$this->add_group_control(
578	554	Group_Control_Typography::get_type(),
579	555	[
580	556	'name' => 'title_typography',
581		- 'selector' => ":where( {{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text",
	557	+ 'selector' => ':where( {{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text',
582	558	'fields_options' => [
583	559	'font_size' => [
584	560	'selectors' => [
585	561	'{{WRAPPER}}' => '--n-accordion-title-font-size: {{SIZE}}{{UNIT}}',
		@@ -669,17 +645,17 @@
669	645
670	646	switch ( $state ) {
671	647	case 'hover':
672	648	$translated_tab_text = esc_html__( 'Hover', 'elementor' );
673		- $translated_tab_css_selector = ":where( {{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:hover > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text";
	649	+ $translated_tab_css_selector = ':where( {{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:hover > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text';
674	650	break;
675	651	case 'active':
676	652	$translated_tab_text = esc_html__( 'Active', 'elementor' );
677		- $translated_tab_css_selector = ":where( {{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text";
	653	+ $translated_tab_css_selector = ':where( {{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text';
678	654	break;
679	655	default:
680	656	$translated_tab_text = esc_html__( 'Normal', 'elementor' );
681		- $translated_tab_css_selector = ":where( {{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text";
	657	+ $translated_tab_css_selector = ':where( {{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text';
682	658	break;
683	659	}
684	660
685	661	$this->start_controls_tab(
		@@ -705,8 +681,13 @@
705	681	Group_Control_Text_Shadow::get_type(),
706	682	[
707	683	'name' => $context . '_' . $state . '_text_shadow',
708	684	'selector' => '{{WRAPPER}} ' . $translated_tab_css_selector,
	685	+ 'fields_options' => [
	686	+ 'text_shadow_type' => [
	687	+ 'label' => esc_html__( 'Shadow', 'elementor' ),
	688	+ ],
	689	+ ],
709	690	]
710	691	);
711	692
712	693	$this->add_group_control(
		@@ -724,10 +705,9 @@
724	705	/**
725	706	* @string $state
726	707	*/
727	708	private function add_border_and_radius_style( $state ) {
728		- $selector = "{{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title";
729		-
	709	+ $selector = '{{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title';
730	710	$translated_tab_text = esc_html__( 'Normal', 'elementor' );
731	711
732	712	switch ( $state ) {
733	713	case 'hover':
		@@ -734,9 +714,9 @@
734	714	$selector .= ':hover';
735	715	$translated_tab_text = esc_html__( 'Hover', 'elementor' );
736	716	break;
737	717	case 'active':
738		- $selector = "{{WRAPPER}}{$this->widget_container_selector} > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title";
	718	+ $selector = '{{WRAPPER}} > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title';
739	719	$translated_tab_text = esc_html__( 'Active', 'elementor' );
740	720	break;
741	721	}
742	722
		@@ -772,9 +752,9 @@
772	752
773	753	$this->end_controls_tab();
774	754	}
775	755
776		- private function is_active_icon_exist( $settings ): bool {
	756	+ private function is_active_icon_exist( $settings ):bool {
777	757	return array_key_exists( 'accordion_item_title_icon_active', $settings ) && ! empty( $settings['accordion_item_title_icon_active'] ) && ! empty( $settings['accordion_item_title_icon_active']['value'] );
778	758	}
779	759
780	760	private function render_accordion_icons( $settings ) {
		@@ -909,14 +889,17 @@
909	889	] );
910	890	}
911	891
912	892	protected function get_initial_config(): array {
913		- return array_merge( parent::get_initial_config(), [
914		- 'support_improved_repeaters' => true,
915		- 'target_container' => [ '.e-n-accordion' ],
916		- 'node' => 'details',
917		- 'is_interlaced' => true,
918		- ] );
	893	+ if ( Plugin::$instance->experiments->is_feature_active( 'e_nested_atomic_repeaters' ) ) {
	894	+ return array_merge( parent::get_initial_config(), [
	895	+ 'support_improved_repeaters' => true,
	896	+ 'target_container' => [ '.e-n-accordion' ],
	897	+ 'node' => 'details',
	898	+ ] );
	899	+ }
	900	+
	901	+ return parent::get_initial_config();
919	902	}
920	903
921	904	protected function content_template_single_repeater_item() {
922	905	?>
		@@ -937,22 +920,12 @@
937	920	};
938	921
939	922	const itemTitleTextAttributes = {
940	923	'class': [ 'e-n-accordion-item-title-text' ],
941		- 'data-binding-index': view.collection.length + 1,
942	924	'data-binding-type': 'repeater-item',
943	925	'data-binding-repeater-name': 'items',
944		- 'data-binding-setting': ['item_title', 'element_css_id'],
945		- 'data-binding-config': JSON.stringify({
946		- 'element_css_id': {
947		- editType: 'attribute',
948		- attr: 'id',
949		- selector: 'details'
950		- },
951		- 'item_title': {
952		- editType: 'text'
953		- }
954		- }),
	926	+ 'data-binding-setting': ['item_title'],
	927	+ 'data-binding-index': view.collection.length + 1,
955	928	};
956	929
957	930	view.addRenderAttribute( 'details-container', itemWrapperAttributes, null, true );
958	931	view.addRenderAttribute( 'summary-container', itemTitleAttributes, null, true );
		@@ -1020,22 +993,12 @@
1020	993	});
1021	994
1022	995	view.addRenderAttribute( itemTitleTextKey, {
1023	996	'class': ['e-n-accordion-item-title-text'],
1024		- 'data-binding-index': itemCount,
1025	997	'data-binding-type': 'repeater-item',
1026	998	'data-binding-repeater-name': 'items',
1027		- 'data-binding-setting': ['item_title', 'element_css_id'],
1028		- 'data-binding-config': JSON.stringify({
1029		- 'element_css_id': {
1030		- editType: 'attribute',
1031		- attr: 'id',
1032		- selector: 'details'
1033		- },
1034		- 'item_title': {
1035		- editType: 'text'
1036		- }
1037		- }),
	999	+ 'data-binding-setting': ['item_title'],
	1000	+ 'data-binding-index': itemCount,
1038	1001	});
1039	1002	#>
1040	1003
1041	1004	<details {{{ view.getRenderAttributeString( itemWrapperKey ) }}}>