← All changes | includes/widgets/heading.php +29 -117 4.0.7 → 3.26.2 View file →

		@@ -7,11 +7,10 @@
7	7
8	8	use Elementor\Core\Kits\Documents\Tabs\Global_Colors;
9	9	use Elementor\Core\Kits\Documents\Tabs\Global_Typography;
10	10	use Elementor\Modules\ContentSanitizer\Interfaces\Sanitizable;
11		-use Elementor\Core\Utils\Hints;
12		-use Elementor\Core\Admin\Admin_Notices;
13	11	use Elementor\Modules\Promotions\Controls\Promotion_Control;
	12	+use Elementor\Utils;
14	13
15	14	/**
16	15	* Elementor heading widget.
17	16	*
		@@ -117,9 +116,9 @@
117	116
118	117	/**
119	118	* Remove data attributes from the html.
120	119	*
121		- * @param string $content Heading title.
	120	+ * @param string $content Heading title
122	121	* @return string
123	122	*/
124	123	public function sanitize( $content ): string {
125	124	$allowed_tags = wp_kses_allowed_html( 'post' );
		@@ -141,29 +140,8 @@
141	140	return wp_kses( $content, $allowed_tags_for_heading );
142	141	}
143	142
144	143	/**
145		- * Get widget upsale data.
146		- *
147		- * Retrieve the widget promotion data.
148		- *
149		- * @since 3.18.0
150		- * @access protected
151		- *
152		- * @return array Widget promotion data.
153		- */
154		- protected function get_upsale_data() {
155		- return [
156		- 'condition' => ! Utils::has_pro(),
157		- 'image' => esc_url( ELEMENTOR_ASSETS_URL . 'images/go-pro.svg' ),
158		- 'image_alt' => esc_attr__( 'Upgrade', 'elementor' ),
159		- 'description' => esc_html__( 'Create captivating headings that rotate with the Animated Headline Widget.', 'elementor' ),
160		- 'upgrade_url' => esc_url( 'https://go.elementor.com/go-pro-heading-widget/' ),
161		- 'upgrade_text' => esc_html__( 'Upgrade Now', 'elementor' ),
162		- ];
163		- }
164		-
165		- /**
166	144	* Register heading widget controls.
167	145	*
168	146	* Adds different input fields to allow the user to change and customize the widget settings.
169	147	*
		@@ -247,9 +225,17 @@
247	225	'default' => 'h2',
248	226	]
249	227	);
250	228
251		- $this->maybe_add_ally_heading_hint();
	229	+ if ( ! Utils::has_pro() ) {
	230	+ $this->add_control(
	231	+ Utils::ANIMATED_HEADLINE . '_promotion',
	232	+ [
	233	+ 'label' => esc_html__( 'Animated Headline widget', 'elementor' ),
	234	+ 'type' => Promotion_Control::TYPE,
	235	+ ]
	236	+ );
	237	+ }
252	238
253	239	$this->end_controls_section();
254	240
255	241	$this->start_controls_section(
		@@ -265,10 +251,10 @@
265	251	[
266	252	'label' => esc_html__( 'Alignment', 'elementor' ),
267	253	'type' => Controls_Manager::CHOOSE,
268	254	'options' => [
269		- 'start' => [
270		- 'title' => esc_html__( 'Start', 'elementor' ),
	255	+ 'left' => [
	256	+ 'title' => esc_html__( 'Left', 'elementor' ),
271	257	'icon' => 'eicon-text-align-left',
272	258	],
273	259	'center' => [
274	260	'title' => esc_html__( 'Center', 'elementor' ),
		@@ -273,10 +259,10 @@
273	259	'center' => [
274	260	'title' => esc_html__( 'Center', 'elementor' ),
275	261	'icon' => 'eicon-text-align-center',
276	262	],
277		- 'end' => [
278		- 'title' => esc_html__( 'End', 'elementor' ),
	263	+ 'right' => [
	264	+ 'title' => esc_html__( 'Right', 'elementor' ),
279	265	'icon' => 'eicon-text-align-right',
280	266	],
281	267	'justify' => [
282	268	'title' => esc_html__( 'Justified', 'elementor' ),
		@@ -282,13 +268,8 @@
282	268	'title' => esc_html__( 'Justified', 'elementor' ),
283	269	'icon' => 'eicon-text-align-justify',
284	270	],
285	271	],
286		- 'classes' => 'elementor-control-start-end',
287		- 'selectors_dictionary' => [
288		- 'left' => is_rtl() ? 'end' : 'start',
289		- 'right' => is_rtl() ? 'start' : 'end',
290		- ],
291	272	'default' => '',
292	273	'selectors' => [
293	274	'{{WRAPPER}}' => 'text-align: {{VALUE}};',
294	275	],
		@@ -361,8 +342,11 @@
361	342	$this->start_controls_tab(
362	343	'title_colors_normal',
363	344	[
364	345	'label' => esc_html__( 'Normal', 'elementor' ),
	346	+ 'condition' => [
	347	+ 'link[url]!' => '',
	348	+ ],
365	349	]
366	350	);
367	351
368	352	$this->add_control(
		@@ -384,8 +368,11 @@
384	368	$this->start_controls_tab(
385	369	'title_colors_hover',
386	370	[
387	371	'label' => esc_html__( 'Hover', 'elementor' ),
	372	+ 'condition' => [
	373	+ 'link[url]!' => '',
	374	+ ],
388	375	]
389	376	);
390	377
391	378	$this->add_control(
		@@ -390,13 +377,16 @@
390	377
391	378	$this->add_control(
392	379	'title_hover_color',
393	380	[
394		- 'label' => esc_html__( 'Link Color', 'elementor' ),
	381	+ 'label' => esc_html__( 'Text Color', 'elementor' ),
395	382	'type' => Controls_Manager::COLOR,
396	383	'selectors' => [
397		- '{{WRAPPER}} .elementor-heading-title a:hover, {{WRAPPER}} .elementor-heading-title a:focus' => 'color: {{VALUE}};',
	384	+ '{{WRAPPER}} .elementor-heading-title:hover' => 'color: {{VALUE}};',
398	385	],
	386	+ 'condition' => [
	387	+ 'link[url]!' => '',
	388	+ ],
399	389	]
400	390	);
401	391
402	392	$this->add_control(
		@@ -408,9 +398,9 @@
408	398	'default' => [
409	399	'unit' => 's',
410	400	],
411	401	'selectors' => [
412		- '{{WRAPPER}} .elementor-heading-title a' => 'transition-duration: {{SIZE}}{{UNIT}};',
	402	+ '{{WRAPPER}} .elementor-heading-title' => 'transition-duration: {{SIZE}}{{UNIT}};',
413	403	],
414	404	]
415	405	);
416	406
		@@ -459,86 +449,8 @@
459	449	// PHPCS - the variable $title_html holds safe data.
460	450	echo $title_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
461	451	}
462	452
463		- public function maybe_add_ally_heading_hint() {
464		- $notice_id = 'ally_heading_notice';
465		- $plugin_slug = 'pojo-accessibility';
466		-
467		- if ( ! Hints::should_display_hint( $notice_id ) ) {
468		- return;
469		- }
470		-
471		- $one_subscription = Hints::is_plugin_connected_to_one_subscription();
472		- $is_installed = Hints::is_plugin_installed( $plugin_slug );
473		- $is_active = Hints::is_plugin_active( $plugin_slug );
474		-
475		- if ( $is_active ) {
476		- return;
477		- }
478		-
479		- if ( $one_subscription ) {
480		- if ( ! $is_installed ) {
481		- $notice_content = esc_html__( 'Want to ensure this heading is accessible? Your ONE subscription includes Ally. Install it and scan your page.', 'elementor' );
482		- $button_text = esc_html__( 'Install now', 'elementor' );
483		- $button_url = Hints::get_plugin_install_url( $plugin_slug );
484		- $campaign_data = [
485		- 'name' => 'elementor_ea11y_campaign',
486		- 'campaign' => 'acc-scanner-plg-heading-one-install',
487		- 'source' => 'editor-heading-widget-one-install',
488		- 'medium' => 'editor-one',
489		- ];
490		- } elseif ( ! $is_active ) {
491		- $notice_content = esc_html__( 'Keep your content accessible. Activate Ally, included in ONE, to scan this page.', 'elementor' );
492		- $button_text = esc_html__( 'Activate now', 'elementor' );
493		- $button_url = Hints::get_plugin_activate_url( $plugin_slug );
494		- $campaign_data = [
495		- 'name' => 'elementor_ea11y_campaign',
496		- 'campaign' => 'acc-scanner-plg-heading-one-activate',
497		- 'source' => 'editor-heading-widget-one-non-activate',
498		- 'medium' => 'editor-one',
499		- ];
500		- }
501		- } else {
502		- $notice_content = esc_html__( 'Make sure your page is structured with accessibility in mind. Ally helps detect and fix common issues across your site.', 'elementor' );
503		- if ( ! $is_installed ) {
504		- $button_text = esc_html__( 'Install now', 'elementor' );
505		- $button_url = Hints::get_plugin_install_url( $plugin_slug );
506		- } elseif ( ! $is_active ) {
507		- $button_text = esc_html__( 'Activate now', 'elementor' );
508		- $button_url = Hints::get_plugin_activate_url( $plugin_slug );
509		- }
510		- $campaign_data = [
511		- 'name' => 'elementor_ea11y_campaign',
512		- 'campaign' => 'acc-scanner-plg-heading',
513		- 'source' => 'editor-heading-widget',
514		- 'medium' => 'editor',
515		- ];
516		- }
517		-
518		- $notice_heading = esc_html__( 'Accessible structure matters', 'elementor' );
519		-
520		- $this->add_control(
521		- $notice_id,
522		- [
523		- 'type' => Controls_Manager::RAW_HTML,
524		- 'raw' => Hints::get_notice_template( [
525		- 'display' => ! Hints::is_dismissed( $notice_id ),
526		- 'heading' => $notice_heading,
527		- 'type' => 'info',
528		- 'content' => $notice_content,
529		- 'icon' => true,
530		- 'dismissible' => $notice_id,
531		- 'button_text' => $button_text,
532		- 'button_event' => $notice_id,
533		- 'button_data' => [
534		- 'action_url' => Admin_Notices::add_plg_campaign_data( $button_url, $campaign_data ),
535		- ],
536		- ], true ),
537		- ]
538		- );
539		- }
540		-
541	453	/**
542	454	* Render heading widget output in the editor.
543	455	*
544	456	* Written as a Backbone JavaScript template and used to generate the live preview.
		@@ -550,10 +462,10 @@
550	462	?>
551	463	<#
552	464	let title = elementor.helpers.sanitize( settings.title, { ALLOW_DATA_ATTR: false } );
553	465
554		- if ( '' !== settings.link?.url ) {
555		- title = '<a href="' + elementor.helpers.sanitizeUrl( settings.link?.url ) + '">' + title + '</a>';
	466	+ if ( '' !== settings.link.url ) {
	467	+ title = '<a href="' + elementor.helpers.sanitizeUrl( settings.link.url ) + '">' + title + '</a>';
556	468	}
557	469
558	470	view.addRenderAttribute( 'title', 'class', [ 'elementor-heading-title' ] );
559	471