OwlCyberSecurity - MANAGER

Edit File: button.php

<?php
namespace VamtamElementor\Widgets\Button;

// Extending the Button widget.

if ( vamtam_theme_supports( 'button--bijoux-button-type' ) ) {
	function render_content( $content, $widget ) {
		if ( 'button' === $widget->get_name() ) {
			$settings = $widget->get_settings();

if ( ! empty( $settings['button_type'] ) && $settings['button_type'] === 'bijoux-alt' ) {
				// Add element required for bijoux alt btn type (prefix).
				$content = str_replace(
					'<span class="elementor-button-content-wrapper">',
					'<span class="elementor-button-content-wrapper"><span class="vamtam-prefix"></span>',
					$content
				);
			}
		}

return $content;
	}
	// Called frontend & editor (editor after element loses focus).
	add_filter( 'elementor/widget/render_content', __NAMESPACE__ . '\render_content', 10, 2 );

// Vamtam_Widget_Button.
	function widgets_registered() {
		class Vamtam_Widget_Button extends \Elementor\Widget_Button {
			protected function render() {
				$settings = $this->get_settings_for_display();

$this->add_render_attribute( 'wrapper', 'class', 'elementor-button-wrapper' );

if ( ! empty( $settings['selected_icon']['value'] ) ) {
					$this->add_render_attribute( 'wrapper', 'class', 'has-icon' );
				}

if ( ! empty( $settings['link']['url'] ) ) {
					$this->add_link_attributes( 'button', $settings['link'] );
					$this->add_render_attribute( 'button', 'class', 'elementor-button-link' );
				}

$this->add_render_attribute( 'button', 'class', 'elementor-button' );
				$this->add_render_attribute( 'button', 'role', 'button' );

if ( ! empty( $settings['button_css_id'] ) ) {
					$this->add_render_attribute( 'button', 'id', $settings['button_css_id'] );
				}

if ( ! empty( $settings['size'] ) ) {
					$this->add_render_attribute( 'button', 'class', 'elementor-size-' . $settings['size'] );
				}

if ( $settings['hover_animation'] ) {
					$this->add_render_attribute( 'button', 'class', 'elementor-animation-' . $settings['hover_animation'] );
				}

?>
				<div <?php echo $this->get_render_attribute_string( 'wrapper' ); ?>>
					<a <?php echo $this->get_render_attribute_string( 'button' ); ?>>
						<?php if ( $settings['button_type'] === 'bijoux' && ! empty( $settings['text'] ) ) : ?>
							<div class="vamtam-content-wrap">
								<span class="vamtam-text-first-letter">
									<span class="vamtam-letter">
										<span class="outer">
											<span class="inner">
												<?php echo esc_html( $settings['text'][0] ); ?>
											</span>
										</span>
										<?php echo esc_html( $settings['text'][0] ); ?>
									</span>
								</span>
								<?php $this->render_text(); ?>
							</div>
						<?php else : ?>
							<?php $this->render_text(); ?>
						<?php endif; ?>
					</a>
				</div>
				<?php
			}
			// Override.
			protected function content_template() {
				?>
				<#
				view.addRenderAttribute( 'wrapper', 'class', 'elementor-button-wrapper' );

if ( settings.selected_icon.value ) {
					view.addRenderAttribute( 'wrapper', 'class', 'has-icon' );
				}

view.addRenderAttribute( 'text', 'class', 'elementor-button-text' );
				view.addInlineEditingAttributes( 'text', 'none' );
				var iconHTML = elementor.helpers.renderIcon( view, settings.selected_icon, { 'aria-hidden': true }, 'i' , 'object' ),
					migrated = elementor.helpers.isIconMigrated( settings, 'selected_icon' );
				#>
				<div {{{ view.getRenderAttributeString( 'wrapper' ) }}}>
					<a id="{{ settings.button_css_id }}" class="elementor-button elementor-size-{{ settings.size }} elementor-animation-{{ settings.hover_animation }}" href="{{ settings.link.url }}" role="button">
							<# if ( settings.button_type === 'bijoux' && settings.text ) { #>
								<div class="vamtam-content-wrap">
									<span class="vamtam-text-first-letter">
										<span class="vamtam-letter">
											<span class="outer">
												<span class="inner">{{{ settings.text[0] }}}</span>
											</span>
											{{{ settings.text[0] }}}
										</span>
									</span>
							<# } #>
							<span class="elementor-button-content-wrapper">
								<# if ( settings.button_type === 'bijoux-alt' ) { #>
									<span class="vamtam-prefix"></span>
								<# } #>
								<# if ( settings.icon || settings.selected_icon ) { #>
								<span class="elementor-button-icon elementor-align-icon-{{ settings.icon_align }}">
									<# if ( ( migrated || ! settings.icon ) && iconHTML.rendered ) { #>
										{{{ iconHTML.value }}}
									<# } else { #>
										<i class="{{ settings.icon }}" aria-hidden="true"></i>
									<# } #>
								</span>
								<# } #>
								<span {{{ view.getRenderAttributeString( 'text' ) }}}>{{{ settings.text }}}</span>
							</span>
							<# if ( settings.button_type === 'bijoux' && settings.text ) { #>
								</div>
							<# } #>
					</a>
				</div>
				<?php
			}
		}

// Replace current divider widget with our extended version.
		$widgets_manager = \Elementor\Plugin::instance()->widgets_manager;
		$widgets_manager->unregister_widget_type( 'button' );
		$widgets_manager->register_widget_type( new Vamtam_Widget_Button );
	}
	add_action( \Vamtam_Elementor_Utils::get_widgets_registration_hook(), __NAMESPACE__ . '\widgets_registered', 100 );
}

if ( vamtam_theme_supports( [ 'button--bijoux-button-type', 'button--underline-animation' ] ) ) {
	function add_button_style_section_controls( $controls_manager, $widget ) {
		if ( vamtam_theme_supports( 'button--bijoux-button-type' ) ) {
			$widget->start_injection( [
				'of' => 'background_color',
			] );
			// Bg Letter Color.
			$widget->add_control(
				'bg_letter_background_color',
				[
					'label' => __( 'Bg Letter Color', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::COLOR,
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} .vamtam-letter' => 'fill: {{VALUE}}; color: {{VALUE}};',
					],
					'condition' => [
						'button_type' => 'bijoux',
					]
				]
			);
			// Line Color.
			$widget->add_control(
				'prefix_color',
				[
					'label' => __( 'Line Color', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::COLOR,
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} .elementor-button .vamtam-prefix::before' => 'background-color: {{VALUE}};',
					],
					'condition' => [
						'button_type' => 'bijoux-alt',
					]
				]
			);
			$widget->end_injection();

$widget->start_injection( [
				'of' => 'button_background_hover_color',
			] );
			// Bg Letter Color Hover.
			$widget->add_control(
				'bg_letter_background_color_hover',
				[
					'label' => __( 'Bg Letter Color', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::COLOR,
					'selectors' => [
						'{{WRAPPER}} .vamtam-letter .inner' => 'fill: {{VALUE}}; color: {{VALUE}};',
					],
					'condition' => [
						'button_type' => 'bijoux',
					]
				]
			);
			// Line Color Hover.
			$widget->add_control(
				'prefix_color_hover',
				[
					'label' => __( 'Line Color', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::COLOR,
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} .elementor-button:hover .vamtam-prefix::before' => 'background-color: {{VALUE}};',
					],
					'condition' => [
						'button_type' => 'bijoux-alt',
					]
				]
			);
			$widget->end_injection();
			//Line Padding
			$widget->start_injection( [
				'of' => 'text_padding',
			] );
			$widget->add_responsive_control(
				'vamtam_prefix_padding',
				[
					'label' => __( 'Line Padding', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::DIMENSIONS,
					'size_units' => [ 'px', 'em', '%' ],
					'selectors' => [
						'{{WRAPPER}} .elementor-button .vamtam-prefix' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					],
					'allowed_dimensions' => 'horizontal',
					'condition' => [
						'button_type' => 'bijoux-alt',
					]
				]
			);
			$widget->end_injection();
		}
		if ( vamtam_theme_supports( 'button--underline-animation' ) ) {
			// Use Underline Anim.
			$widget->add_control(
				'vamtam_underline_anim',
				[
					'label' => __( 'Use Underline Animation', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::SWITCHER,
					'prefix_class' => 'vamtam-has-',
					'return_value' => 'underline-anim',
				]
			);
			// Width
			$widget->add_control(
				'underline_width',
				[
					'label' => __( 'Width', 'elementor' ),
					'type' => $controls_manager::SLIDER,
					'range' => [
						'px' => [
							'max' => vamtam_theme_supports( 'button--estudiar-underline-animation' ) ? 5 : 50,
							'min' => 0,
						],
					],
					'selectors' =>
						( vamtam_theme_supports( 'button--estudiar-underline-animation' )
							? [ '{{WRAPPER}} .elementor-button::before, {{WRAPPER}} .elementor-button::after' => 'height: {{SIZE}}{{UNIT}};' ]
							: [ '{{WRAPPER}} .elementor-button::after' => 'height: {{SIZE}}{{UNIT}}; bottom: -{{SIZE}}{{UNIT}}' ]
						),
					'condition' => [
						'vamtam_underline_anim!' => '',
					]
				]
			);
			// Underline Bg Color.
			$widget->add_control(
				'underline_bg_color',
				[
					'label' => __( 'Underline Bg Color', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::COLOR,
					'default' => '',
					'selectors' =>
						( vamtam_theme_supports( 'button--estudiar-underline-animation' )
							? [ '{{WRAPPER}} .elementor-button'        => '--vamtam-underline-bg-color: {{VALUE}};' ]
							: [ '{{WRAPPER}} .elementor-button::after' => '--vamtam-underline-bg-color: {{VALUE}};' ]
						),
					'condition' => [
						'vamtam_underline_anim!' => '',
					]
				]
			);
			// Underline Bg Hover Color.
			$widget->add_control(
				'underline_bg_color_hover',
				[
					'label' => __( 'Underline Bg Hover Color', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::COLOR,
					'default' => '',
					'selectors' => [
						'{{WRAPPER}} .elementor-button::after' => '--vamtam-underline-bg-hover-color: {{VALUE}};',
					],
					'condition' => [
						'vamtam_underline_anim!' => '',
					]
				]
			);
		}
	}
	function update_button_style_section_controls( $controls_manager, $widget ) {
		if ( vamtam_theme_supports( 'button--bijoux-button-type' ) ) {
			// Typography Line-Height.
			\Vamtam_Elementor_Utils::replace_control_options( $controls_manager, $widget, 'typography_line_height', [
				'condition' => [
					'button_type!' => 'bijoux',
				]
			] );
			$widget->start_injection( [
				'of' => 'typography_line_height',
			] );
			$widget->add_responsive_control(
				'vamtam_typography_line_height',
				[
					'label' => _x( 'Line-Height', 'Typography Control', 'vamtam-elementor-integration' ),
					'type' => $controls_manager::SLIDER,
					'desktop_default' => [
						'unit' => 'em',
					],
					'tablet_default' => [
						'unit' => 'em',
					],
					'mobile_default' => [
						'unit' => 'em',
					],
					'range' => [
						'px' => [
							'min' => 1,
						],
					],
					'size_units' => [ 'px', 'em' ],
					'selector_value' => 'line-height: calc(16em + {{SIZE}}{{UNIT}})', // 16em is the default bg letter font-size.
					'selectors' => [
						'{{WRAPPER}} .elementor-button' => 'line-height: calc(16em + {{SIZE}}{{UNIT}})',
					],
					'condition' => [
						'button_type' => 'bijoux',
					],
				]
			);
			$widget->end_injection();
		}
	}
}

if ( vamtam_theme_supports( 'button--icon-size-control' ) ) {
	function add_icon_size_control( $controls_manager, $widget ) {
		$widget->start_injection( [
			'of' => 'selected_icon',
		] );
		$widget->add_control(
			'vamtam_icon_size',
			[
				'label' => __( 'Size', 'elementor' ),
				'type' => $controls_manager::SLIDER,
				'range' => [
					'px' => [
						'min' => 1,
						'max' => 300,
					],
				],
				'selectors' => [
					'{{WRAPPER}} .elementor-button-icon' => 'font-size: {{SIZE}}{{UNIT}};',
				],
				'condition' => [
					'selected_icon[value]!' => '',
				],
			]
		);
		$widget->end_injection();
	}
}

if ( vamtam_theme_supports( 'button--hover-text-decoration' ) ) {
	function add_hover_text_decoration_control( $controls_manager, $widget ) {
		$widget->start_injection( [
			'of' => 'hover_color',
		] );
		$widget->add_control(
			'vamtam_hover_text_decoration',
			[
				'label' => __( 'Text Decoration', 'vamtam-elementor-integration' ),
				'type' => $controls_manager::SELECT,
				'default' => '',
				'options' => [
					'' => __( 'Default', 'vamtam-elementor-integration' ),
					'underline' => __( 'Underline', 'vamtam-elementor-integration' ),
					'overline' => __( 'Overline', 'vamtam-elementor-integration' ),
					'line-through' => __( 'Line Through', 'vamtam-elementor-integration' ),
					'none' => __( 'None', 'vamtam-elementor-integration' ),
				],
				'selectors' => [
					'{{WRAPPER}} .elementor-button:hover .elementor-button-text, {{WRAPPER}} .elementor-button:focus .elementor-button-text' => 'text-decoration: {{VALUE}}',
				],
			]
		);
		$widget->end_injection();
	}
}

if ( vamtam_theme_supports( 'button--icon-colors' ) ) {
	function add_icon_color_controls( $controls_manager, $widget ) {
		// Normal.
		$widget->start_injection( [
			'of' => 'button_text_color',
		] );
		$widget->add_control(
			'vamtam_icon_color',
			[
				'label' => __( 'Icon Color', 'vamtam-elementor-integration' ),
				'type' => $controls_manager::COLOR,
				'default' => '',
				'selectors' => [
					'{{WRAPPER}} .elementor-button .elementor-button-icon' => 'fill: {{VALUE}}; color: {{VALUE}};',
				],
				'condition' => [
					'selected_icon[value]!' => '',
				],
			]
		);
		$widget->end_injection();
		// Hover.
		$widget->start_injection( [
			'of' => 'hover_color',
		] );
		$widget->add_control(
			'vamtam_icon_hover_color',
			[
				'label' => __( 'Icon Color', 'vamtam-elementor-integration' ),
				'type' => $controls_manager::COLOR,
				'default' => '',
				'selectors' => [
					'{{WRAPPER}} .elementor-button:hover .elementor-button-icon, {{WRAPPER}} .elementor-button:focus .elementor-button-icon' => 'color: {{VALUE}};',
					'{{WRAPPER}} .elementor-button:hover .elementor-button-icon svg, {{WRAPPER}} .elementor-button:focus .elementor-button-icon svg' => 'fill: {{VALUE}};',
				],
				'condition' => [
					'selected_icon[value]!' => '',
				],
			]
		);
		$widget->end_injection();
	}
}

if ( vamtam_theme_supports( [ 'button--bijoux-button-type', 'button--icon-size-control' ] ) ) {
	// Content - Button section
	function section_button_content_before_section_end( $widget, $args ) {
		$controls_manager = \Elementor\Plugin::instance()->controls_manager;
		if ( vamtam_theme_supports( 'button--bijoux-button-type' ) ) {
			update_button_section_controls( $controls_manager, $widget );
			add_button_section_controls( $controls_manager, $widget );
		}
		if ( vamtam_theme_supports( 'button--icon-size-control' ) ) {
			add_icon_size_control( $controls_manager, $widget );
		}
	}
	add_action( 'elementor/element/button/section_button/before_section_end', __NAMESPACE__ . '\section_button_content_before_section_end', 10, 2 );
}

if ( vamtam_theme_supports( 'button--fitness-btn-style' ) ) {
	function add_use_theme_style_control( $controls_manager, $widget ) {
		$widget->start_injection( [
			'of' => 'typography_typography',
			'at' => 'before',
		] );
		$widget->add_control(
			'use_theme_style',
			[
				'label' => __( 'Use Theme Style', 'vamtam-elementor-integration' ),
				'type' => $controls_manager::SWITCHER,
				'prefix_class' => 'vamtam-has-',
				'return_value' => 'theme-style',
				'default' => 'theme-style',
			]
		);
		$widget->end_injection();
	}
}

if ( vamtam_theme_supports( [ 'button--bijoux-button-type', 'button--underline-animation', 'button--hover-text-decoration', 'button--icon-colors', 'button--fitness-btn-style' ] ) ) {
	// Style - Button section
	function section_style_before_section_end( $widget, $args ) {
		$controls_manager = \Elementor\Plugin::instance()->controls_manager;
		if ( vamtam_theme_supports( [ 'button--bijoux-button-type', 'button--underline-animation' ] ) ) {
			update_button_style_section_controls( $controls_manager, $widget );
			add_button_style_section_controls( $controls_manager, $widget );
		}
		if ( vamtam_theme_supports( 'button--hover-text-decoration' ) ) {
			add_hover_text_decoration_control( $controls_manager, $widget );
		}
		if ( vamtam_theme_supports( 'button--icon-colors' ) ) {
			add_icon_color_controls( $controls_manager, $widget );
		}
		if ( vamtam_theme_supports( 'button--fitness-btn-style' ) ) {
			add_use_theme_style_control( $controls_manager, $widget );
		}
	}
	add_action( 'elementor/element/button/section_style/before_section_end', __NAMESPACE__ . '\section_style_before_section_end', 10, 2 );
}