ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / equitablegold.com / wp-content / plugins / master-addons / addons / ma-creative-links

<?php

namespace MasterAddons\Addons;

use \Elementor\Widget_Base;
use \Elementor\Controls_Manager as Controls_Manager;
use \Elementor\Group_Control_Border as Group_Control_Border;
use \Elementor\Group_Control_Box_Shadow as Group_Control_Box_Shadow;
use \Elementor\Group_Control_Typography as Group_Control_Typography;
use \Elementor\Core\Schemes\Typography;
use MasterAddons\Inc\Helper\Master_Addons_Helper;

/**
 * Author Name: Liton Arefin
 * Author URL : https: //jeweltheme.com
 * Date       : 6/27/19
 */

if (!defined('ABSPATH')) exit; // If this file is called directly, abort.

class JLTMA_Creative_Links extends Widget_Base
{

public function get_name()
	{
		return 'ma-creative-links';
	}

public function get_title()
	{
		return esc_html__('Creative Links', 'master-addons' );
	}

public function get_icon()
	{
		return 'jltma-icon eicon-editor-external-link';
	}

public function get_categories()
	{
		return ['master-addons'];
	}

public function get_style_depends()
	{
		return [
			'font-awesome-5-all',
			'font-awesome-4-shim'
		];
	}

public function get_help_url()
	{
		return 'https://master-addons.com/demos/creative-link/';
	}

protected function register_controls()
	{

// Style Presets
		$this->start_controls_section(
			'ma_el_creative_link_content_section',
			[
				'label' => esc_html__('Contents', 'master-addons' )
			]
		);

// Premium Version Codes
		if (ma_el_fs()->can_use_premium_code()) {

$this->add_control(
				'creative_link_effect',
				[
					'label'   => esc_html__('Effects', 'master-addons' ),
					'type'    => Controls_Manager::SELECT,
					'default' => 'jltma-cl-effect-1',
					'options' => [
						'jltma-cl-effect-1'  => esc_html__('Brackets', 	                                'master-addons' ),
						'jltma-cl-effect-2'  => esc_html__('3D Effect', 	                            'master-addons' ),
						'jltma-cl-effect-3'  => esc_html__('Bottom Line Slide', 	                    'master-addons' ),
						'jltma-cl-effect-4'  => esc_html__('Bottom Border Enlarge', 	                'master-addons' ),
						'jltma-cl-effect-5'  => esc_html__('Slide In', 	                                'master-addons' ),
						'jltma-cl-effect-6'  => esc_html__('Border Slide Down', 	                    'master-addons' ),
						'jltma-cl-effect-7'  => esc_html__('2nd Border Slide Up', 	                    'master-addons' ),
						'jltma-cl-effect-8'  => esc_html__('Border Translate', 	                        'master-addons' ),
						'jltma-cl-effect-9'  => esc_html__('2nd Text and Border', 	                    'master-addons' ),
						'jltma-cl-effect-10' => esc_html__('Reveal Push Out', 	                        'master-addons' ),
						'jltma-cl-effect-11' => esc_html__('Text Fill', 	                            'master-addons' ),
						'jltma-cl-effect-12' => esc_html__('Circle ', 	                                'master-addons' ),
						'jltma-cl-effect-13' => esc_html__('Three Dots', 	                            'master-addons' ),
						'jltma-cl-effect-14' => esc_html__('Border Switch', 	                        'master-addons' ),
						'jltma-cl-effect-15' => esc_html__('Scale Down', 	                            'master-addons' ),
						'jltma-cl-effect-16' => esc_html__('Fall Down', 	                            'master-addons' ),
						'jltma-cl-effect-17' => esc_html__('Move Up', 	                                'master-addons' ),
						'jltma-cl-effect-18' => esc_html__('Cross', 	                                'master-addons' ),
						'jltma-cl-effect-19' => esc_html__('3D Slide', 	                                'master-addons' ),
						'jltma-cl-effect-20' => esc_html__('3D Slide Down', 	                        'master-addons' ),
						'jltma-cl-effect-21' => esc_html__('Effect 21', 	                            'master-addons' ),
						'jltma-cl-effect-22' 	=> esc_html__('Effect 22', 	                        'master-addons' ),
					],

]
			);

//Free Version Codes
		} else {

$this->add_control(
				'creative_link_effect',
				[
					'label'   => esc_html__('Effects', 'master-addons' ),
					'type'    => Controls_Manager::SELECT,
					'default' => 'jltma-cl-effect-1',
					'options' => [
						'jltma-cl-effect-1'    => esc_html__('Brackets', 	                'master-addons' ),
						'jltma-cl-effect-3'    => esc_html__('Bottom Line Slide', 	        'master-addons' ),
						'jltma-cl-effect-4'    => esc_html__('Bottom Border Enlarge', 	    'master-addons' ),
						'jltma-cl-effect-13'   => esc_html__('Three Dots', 	                'master-addons' ),
						'jltma-cl-effect-11'   => esc_html__('Text Fill', 	                'master-addons' ),
						'jltma-cl-effect-17'   => esc_html__('Move Up', 	                'master-addons' ),
						'jltma-cl-effect-15'   => esc_html__('Scale Down', 	                'master-addons' ),
						'jltma-cl-effect-21'   => esc_html__('Basic Effect', 	            'master-addons' ),
						'cl-pro-link-1'  	   => esc_html__('3D Effect (Pro)', 	        'master-addons' ),
						'cl-pro-link-2'  	   => esc_html__('Slide In (Pro)', 	            'master-addons' ),
						'cl-pro-link-3'  	   => esc_html__('Border Slide Down (Pro)', 	'master-addons' ),
						'jltma-cl-effect-7'    => esc_html__('2nd Border Slide Up', 	    'master-addons' ),
						'cl-pro-link-4'  	   => esc_html__('Border Translate (Pro)', 	    'master-addons' ),
						'cl-pro-link-5'  	   => esc_html__('2nd Text and Border (Pro)', 	'master-addons' ),
						'cl-pro-link-6'  	   => esc_html__('Reveal Push Out (Pro)', 	    'master-addons' ),
						'cl-pro-link-7'  	   => esc_html__('Circle (Pro)', 	            'master-addons' ),
						'cl-pro-link'    	   => esc_html__('Border Switch (Pro)', 	    'master-addons' ),
						'cl-pro-link-8'  	   => esc_html__('Fall Down (Pro)', 	        'master-addons' ),
						'cl-pro-link-9'  	   => esc_html__('Cross (Pro)', 	            'master-addons' ),
						'cl-pro-link-10' 	   => esc_html__('3D Slide (Pro)', 	            'master-addons' ),
						'cl-pro-link-11' 	   => esc_html__('3D Slide Down (Pro)', 	    'master-addons' ),
						'jltma-cl-effect-22'   => esc_html__('Effect 22', 	                'master-addons' ),
					],

'description' => sprintf(
						'20+ more effects on <a href="%s" target="_blank">%s</a>',
						esc_url_raw(admin_url('admin.php?page=master-addons-settings-pricing')),
						__('Upgrade Now', 'master-addons' )
					)
				]
			);
		}

$this->add_responsive_control(
			'ma_el_creative_link_item_alignment',
			[
				'label'       => esc_html__('Item Alignment', 'master-addons' ),
				'type'        => Controls_Manager::CHOOSE,
				'label_block' => false,
				'options'     => Master_Addons_Helper::jltma_content_alignment(),
				'default'   => 'center',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link' => 'text-align: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'creative_link_text',
			[
				'label'       => esc_html__('Link Text', 'master-addons' ),
				'type'        => Controls_Manager::TEXT,
				'label_block' => true,
				'default'     => 'Click Me!',
				'placeholder' => esc_html__('Enter Link text', 'master-addons' ),
				'title'       => esc_html__('Enter Link text here', 'master-addons' ),
			]
		);

$this->add_control(
			'ma_el_creative_link_icon',
			[
				'label'            => esc_html__('Icon', 'master-addons' ),
				'description'      => esc_html__('Please choose an icon from the list.', 'master-addons' ),
				'type'             => Controls_Manager::ICONS,
				'fa4compatibility' => 'icon',
				'default'          => [
					'value'   => 'fas fa-external-link-alt',
					'library' => 'solid',
				],
				'render_type' => 'template',
				'condition' => [
					'creative_link_effect!' => 'jltma-cl-effect-11',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_icon_alignment',
			[
				'label'   => esc_html__('Icon Position', 'master-addons' ),
				'type'    => Controls_Manager::CHOOSE,
				'default' => 'left',
				'options' => [
					'left'  => [
						'title' => esc_html__('Left', 'master-addons' ),
						'icon'  => 'eicon-h-align-left',
					],
					'right' => [
						'title' => esc_html__('Left', 'master-addons' ),
						'icon'  => 'eicon-h-align-right',
					],
				],
				'condition' => [
					'ma_el_creative_link_icon!' => '',
				],
			]
		);

$this->add_control(
			'creative_alternative_link_text',
			[
				'label'       => esc_html__('Alternative Link Text', 'master-addons' ),
				'type'        => Controls_Manager::TEXT,
				'label_block' => true,
				'default'     => 'Go!',
				'placeholder' => esc_html__('Enter Alternative Link text', 'master-addons' ),
				'title'       => esc_html__('Enter Alternative Link text here', 'master-addons' ),
				'condition' => [
					'ma_el_creative_link_icon!' => '',
					'creative_link_effect!' => 'jltma-cl-effect-11',
					'creative_link_effect!' => 'jltma-cl-effect-15',
					'creative_link_effect!' => 'jltma-cl-effect-16',
				],
			]
		);

$this->add_control(
			'creative_link_url',
			[
				'label'       => esc_html__('Link URL', 'master-addons' ),
				'type'        => Controls_Manager::URL,
				'label_block' => true,
				'default'     => [
					'url'         => '#',
					'is_external' => '',
				],
				'show_external' => true,
			]
		);

$this->add_responsive_control(
			'ma_el_creative_link_alignment',
			[
				'label'       => esc_html__('Link Alignment', 'master-addons' ),
				'type'        => Controls_Manager::CHOOSE,
				'label_block' => false,
				'options'     => Master_Addons_Helper::jltma_content_alignment(),
				'default'   => 'center',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-1 .jltma-creative-link .jltma-creative-link-item,
						{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-2 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-2 .jltma-creative-link .jltma-creative-link-item span,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-3 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-4 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-5 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-6 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-7 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-8 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-9 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-10 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-11 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-12 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-13 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-14 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-17 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-18 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-19 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-20 .jltma-creative-link .jltma-creative-link-item,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-20 .jltma-creative-link span,
                        {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-21 .jltma-creative-link .jltma-creative-link-item' => 'text-align: {{VALUE}};',
				],
			]
		);

$this->add_responsive_control(
			'ma_el_creative_link_after_text_alignment',
			[
				'label'       => esc_html__('Back Text Alignment', 'master-addons' ),
				'type'        => Controls_Manager::CHOOSE,
				'default'   => 'center',
				'options' => [
					'flex-start' => [
						'title' => __('Left', 'master-addons' ),
						'icon' => 'fa fa-align-left',
					],
					'center' => [
						'title' => __('Center', 'master-addons' ),
						'icon' => 'fa fa-align-center',
					],
					'flex-end' => [
						'title' => __('Right', 'master-addons' ),
						'icon' => 'fa fa-align-right',
					],
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:before' => 'justify-content: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:after' => 'justify-content: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_icon_indent',
			[
				'label' => esc_html__('Icon Spacing', 'master-addons' ),
				'type'  => Controls_Manager::SLIDER,
				'range' => [
					'px' => [
						'max' => 60,
					],
				],
				'condition' => [
					'ma_el_creative_link_icon!' => '',
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-link-icon-right' => 'margin-left: {{SIZE}}px;',
					'{{WRAPPER}} .jltma-creative-link-icon-left'  => 'margin-right: {{SIZE}}px;',
					'{{WRAPPER}} .jltma-creative-link i'          => 'left: -{{SIZE}}px;',
				],
			]
		);

$this->end_controls_section();

/**
		 * Content Tab: Docs Links
		 */
		$this->start_controls_section(
			'jltma_section_help_docs',
			[
				'label' => esc_html__('Help Docs', 'master-addons' ),
			]
		);

$this->add_control(
			'help_doc_1',
			[
				'type'            => Controls_Manager::RAW_HTML,
				'raw'             => sprintf(esc_html__('%1$s Live Demo %2$s', 'master-addons' ), '<a href="https://master-addons.com/demos/creative-link/" target="_blank" rel="noopener">', '</a>'),
				'content_classes' => 'jltma-editor-doc-links',
			]
		);

$this->add_control(
			'help_doc_2',
			[
				'type'            => Controls_Manager::RAW_HTML,
				'raw'             => sprintf(esc_html__('%1$s Documentation %2$s', 'master-addons' ), '<a href="https://master-addons.com/docs/addons/how-to-add-creative-links/?utm_source=widget&utm_medium=panel&utm_campaign=dashboard" target="_blank" rel="noopener">', '</a>'),
				'content_classes' => 'jltma-editor-doc-links',
			]
		);

$this->add_control(
			'help_doc_3',
			[
				'type'            => Controls_Manager::RAW_HTML,
				'raw'             => sprintf(esc_html__('%1$s Watch Video Tutorial %2$s', 'master-addons' ), '<a href="https://www.youtube.com/watch?v=o6SmdwMJPyA" target="_blank" rel="noopener">', '</a>'),
				'content_classes' => 'jltma-editor-doc-links',
			]
		);
		$this->end_controls_section();

if (ma_el_fs()->is_not_paying()) {

$this->start_controls_section(
				'jltma_section_upgrade_pro',
				[
					'label' => esc_html__('Upgrade to Pro for More Features', 'master-addons' )
				]
			);

$this->add_control(
				'maad_el_control_get_pro',
				[
					'label'   => esc_html__('Unlock more possibilities', 'master-addons' ),
					'type'    => Controls_Manager::CHOOSE,
					'options' => [
						'1' => [
							'title' => esc_html__('', 'master-addons' ),
							'icon'  => 'fa fa-unlock-alt',
						],
					],
					'default'     => '1',
					'description' => '<span class="pro-feature"> Upgrade to  <a href="' . ma_el_fs()->get_upgrade_url() . '" target="_blank">Pro Version</a> for more Elements with Customization Options.</span>'
				]
			);

$this->end_controls_section();
		}

/*
			 * Master Addons: Style Controls
			 */
		$this->start_controls_section(
			'ma_el_creative_link_settings',
			[
				'label' => esc_html__('Link Styles', 'master-addons' ),
				'tab'   => Controls_Manager::TAB_STYLE
			]
		);

$this->add_responsive_control(
			'ma_el_creative_link_width',
			[
				'label'      => esc_html__('Width', 'master-addons' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => ['px', '%'],
				'range'      => [
					'px' => [
						'min'  => 0,
						'max'  => 500,
						'step' => 1,
					],
					'%' => [
						'min' => 0,
						'max' => 100,
					],
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-link' => 'width: {{SIZE}}{{UNIT}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_icon_size',
			[
				'label'   => __('Icon Size (px)', 'master-addons' ),
				'type'    => Controls_Manager::SLIDER,
				'default' => [
					'size' => 15,
				],
				'range' => [
					'px' => [
						'min' => 10,
						'max' => 100,
					],
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link i' => 'font-size: {{SIZE}}{{UNIT}};',
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link a svg' => 'width: {{SIZE}}{{UNIT}};',
				],
			]
		);

$this->add_group_control(
			Group_Control_Typography::get_type(),
			[
				'name'     => 'ma_el_creative_link_typography',
				'scheme'   => Typography::TYPOGRAPHY_1,
				'selector' => '{{WRAPPER}} .jltma-creative-links .jltma-creative-link .jltma-creative-link-item',
			]
		);

$this->add_responsive_control(
			'ma_el_creative_link_padding',
			[
				'label'      => esc_html__('Link Padding', 'master-addons' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => ['px', 'em', '%'],
				'selectors'  => [
					'{{WRAPPER}} .jltma-creative-link-item'                              => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-11 .jltma-creative-link-item::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-5 .jltma-creative-link-item span'      => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-10 .jltma-creative-link-item::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-15 .jltma-creative-link-item::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-16 .jltma-creative-link-item::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-17 .jltma-creative-link-item::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-19 .jltma-creative-link-item span'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
					'{{WRAPPER}} .jltma-cl-effect-19 .jltma-creative-link-item span::before'  => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				],
			]
		);

$this->start_controls_tabs('ma_el_creative_link_tabs');

$this->start_controls_tab('normal', ['label' => esc_html__('Normal', 'master-addons' )]);

$this->add_control(
			'ma_el_creative_link_text_color',
			[
				'label'     => esc_html__('Text Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#333333',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link a' =>  'color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-20 a span' => 'box-shadow: inset 0 3px {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-8 a::before,
                    {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-8 a::after' => 'border: 3px solid {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_background_color',
			[
				'label'     => esc_html__('Background Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item' => 'background-color: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_background_span_color',
			[
				'label'     => esc_html__('Span BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item span' => 'background-color: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_before_background_color',
			[
				'label'     => esc_html__('Before BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:before' => 'background-color: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_after_background_color',
			[
				'label'     => esc_html__('After BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:after' => 'background-color: {{VALUE}};',
				],
			]
		);
		$this->add_control(
			'ma_el_creative_link_hover_fill_text_color',
			[
				'label'     => esc_html__('Text Fill Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-11 a::before' => 'color: {{VALUE}};border-color: {{VALUE}};',
				],
				'condition' => [
					'creative_link_effect' => 'jltma-cl-effect-11'
				]
			]
		);

$this->add_group_control(
			Group_Control_Border::get_type(),
			[
				'name'     => 'ma_el_creative_link_border',
				'selector' => '{{WRAPPER}} .jltma-creative-link',
			]
		);

$this->add_control(
			'ma_el_creative_link_border_radius',
			[
				'label' => esc_html__('Border Radius', 'master-addons' ),
				'type'  => Controls_Manager::SLIDER,
				'range' => [
					'px' => [
						'max' => 100,
					],
				],
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-link'         => 'border-radius: {{SIZE}}px;',
					'{{WRAPPER}} .jltma-creative-link::before' => 'border-radius: {{SIZE}}px;',
					'{{WRAPPER}} .jltma-creative-link::after'  => 'border-radius: {{SIZE}}px;',
				],
			]
		);

$this->end_controls_tab();

$this->start_controls_tab('ma_el_creative_link_hover', [
			'label' => esc_html__('Hover', 'master-addons' )
		]);

$this->add_control(
			'ma_el_creative_link_hover_text_color',
			[
				'label'     => esc_html__('Text Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#333333',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-links .jltma-creative-link a:hover,
					{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-9 a span  : last-child,
					{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-20 a span:: before' => 'color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-8 .jltma-cl-effect-8 a::after' => 'border-color: {{VALUE}};',
					'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-13 a:hover::before,
                    {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-13 a:focus::before' => 'color: {{VALUE}}; text-shadow: 10px 0 {{VALUE}}, -10px 0 {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_hover_background_color',
			[
				'label'     => esc_html__('Background Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [
					'{{WRAPPER}} .jltma-creative-item:hover' => 'background-color: {{VALUE}};',
				]
			]
		);

$this->add_control(
			'ma_el_creative_link_hover_background_span_color',
			[
				'label'     => esc_html__('Span BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:hover span' => 'background-color: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_hover_before_background_color',
			[
				'label'     => esc_html__('Before BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:hover:before' => 'background-color: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_hover_after_background_color',
			[
				'label'     => esc_html__('After BG Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links .jltma-creative-link-item:hover:after' => 'background-color: {{VALUE}};',
				],
			]
		);

$this->add_control(
			'ma_el_creative_link_hover_border_color',
			[
				'label'     => esc_html__('Border Color', 'master-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '',
				'selectors' => [

'{{WRAPPER}} .jltma-creative-links.jltma-cl-effect-12 a::before,
                    {{WRAPPER}} .jltma-creative-links.jltma-cl-effect-12 a::after' =>  'border: 2px solid {{VALUE}};',
				],
			]
		);

$this->end_controls_tab();

$this->end_controls_tabs();

$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			[
				'name'     => 'link_box_shadow',
				'selector' => '{{WRAPPER}} .jltma-creative-link',
			]
		);

$this->end_controls_section();

if (ma_el_fs()->is_not_paying()) {

$this->start_controls_section(
				'ma_el_section_pro_style_section',
				[
					'label' => esc_html__('Upgrade to Pro for More Features', 'master-addons' ),
					'tab'   => Controls_Manager::TAB_STYLE
				]
			);

$this->add_control(
				'ma_el_control_get_pro',
				[
					'label'   => esc_html__('Unlock more possibilities', 'master-addons' ),
					'type'    => Controls_Manager::CHOOSE,
					'options' => [
						'1' => [
							'title' => esc_html__('', 'master-addons' ),
							'icon'  => 'fa fa-unlock-alt',
						],
					],
					'default'     => '1',
					'description' => '<span class="pro-feature"> Upgrade to  <a href="' . ma_el_fs()->get_upgrade_url() . '" target="_blank">Pro Version</a> for more Elements with
Customization Options.</span>'
				]
			);

$this->end_controls_section();
		}
	}

protected function render()
	{
		$settings = $this->get_settings();
		$link_id  = $this->get_id();

$this->add_render_attribute('ma_el_creative_links_wrapper', [
			'class'	=> [
				'jltma-creative-links',
				esc_attr($settings['creative_link_effect'])
			],
			'id' => 'ma-creative-link-' . esc_attr($link_id)
		]);

$this->add_render_attribute('ma_el_creative_link', [
			'class' => 'jltma-creative-link-item',
			'href'  => esc_url_raw($settings['creative_link_url']['url']),
		]);

if ($settings['creative_link_url']['is_external']) {
			$this->add_render_attribute('ma_el_creative_link', 'target', '_blank');
		}

if ($settings['creative_link_url']['nofollow']) {
			$this->add_render_attribute('ma_el_creative_link', 'rel', 'nofollow');
		}
?>
		<?php if (($settings['creative_link_effect'] == "jltma-cl-effect-2") ||
			($settings['creative_link_effect'] == "jltma-cl-effect-19") ||
			($settings['creative_link_effect'] == "jltma-cl-effect-20")
		) { ?>
			<div class="csstransforms3d">
			<?php } ?>

<div <?php echo $this->get_render_attribute_string('ma_el_creative_links_wrapper'); ?>>
				<div class="jltma-creative-link">
					<a <?php echo $this->get_render_attribute_string('ma_el_creative_link'); ?> <?php if (($settings['creative_link_effect'] == "jltma-cl-effect-10") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-11") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-15") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-16") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-17") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-18") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-19") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-20")
																								) { ?> data-hover="<?php echo (($settings['creative_link_effect'] == "jltma-cl-effect-11") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-15") ||
																									($settings['creative_link_effect'] == "jltma-cl-effect-16")) ? $this->parse_text_editor($settings['creative_link_text']) : ( $settings['creative_alternative_link_text'] ? $this->parse_text_editor($settings['creative_alternative_link_text']) : $this->parse_text_editor($settings['creative_link_text']) );
																								?>" <?php } ?>>

<?php if (($settings['creative_link_effect'] == "jltma-cl-effect-2") ||
							($settings['creative_link_effect'] == "jltma-cl-effect-5") ||
							($settings['creative_link_effect'] == "jltma-cl-effect-19") ||
							($settings['creative_link_effect'] == "jltma-cl-effect-20")
						) { ?>
							<span data-hover="<?php echo ($settings['creative_alternative_link_text']) ? $settings['creative_alternative_link_text'] : $settings['creative_link_text']; ?>">
							<?php }

if (($settings['creative_link_effect'] !== "jltma-cl-effect-10") &&
							($settings['creative_link_effect'] !== "jltma-cl-effect-11") &&
							($settings['creative_link_effect'] !== "jltma-cl-effect-15") &&
							($settings['creative_link_effect'] !== "jltma-cl-effect-16") &&
							($settings['creative_link_effect'] !== "jltma-cl-effect-17")
							) {
								if (!empty($settings['ma_el_creative_link_icon']) && $settings['ma_el_creative_link_icon_alignment'] == 'left') {
                                    $migrated = isset($settings['__fa4_migrated']['ma_el_creative_link_icon']);
                                    $is_new   = empty($settings['icon']) && \Elementor\Icons_Manager::is_migration_allowed();

if ($settings['creative_link_effect'] == "jltma-cl-effect-10") { ?>
								<span>
									<?php if ($settings['creative_link_effect'] == "jltma-cl-effect-10") {
										if (!empty($settings['ma_el_creative_link_icon']) && $settings['ma_el_creative_link_icon_alignment'] == 'left') {

$migrated = isset($settings['__fa4_migrated']['ma_el_creative_link_icon']);
                                            $is_new   = empty($settings['icon']) && \Elementor\Icons_Manager::is_migration_allowed();

if ($is_new || $migrated){
                                                \Elementor\Icons_Manager::render_icon($settings['ma_el_creative_link_icon'], ['aria-hidden' => 'true', 'class'=> 'jltma-creative-link-icon-left']);
                                            } else { ?>
                                                <i class="jltma-creative-link-icon-left <?php echo esc_attr($settings['icon']); ?>" aria-hidden="true"></i>
                                            <?php }
                                        }
									} ?>
									<?php echo $this->parse_text_editor($settings['creative_link_text']); ?>
								</span>
							<?php } else {
								echo $this->parse_text_editor($settings['creative_link_text']);
							} ?>

<?php if ($settings['creative_link_effect'] == "jltma-cl-effect-9") { ?>
								<span>
									<?php echo !empty($settings['creative_alternative_link_text']) ? $this->parse_text_editor($settings['creative_alternative_link_text']) : $this->parse_text_editor($settings['creative_link_text']); ?>
								</span>
							<?php } ?>

<?php if (!empty($settings['ma_el_creative_link_icon']) && $settings['ma_el_creative_link_icon_alignment'] == 'right') {
                                $migrated = isset($settings['__fa4_migrated']['ma_el_creative_link_icon']);
                                $is_new   = empty($settings['icon']) && \Elementor\Icons_Manager::is_migration_allowed();

</a>
				</div>
			</div>

<?php if (($settings['creative_link_effect'] == "jltma-cl-effect-2") ||
				($settings['creative_link_effect'] == "jltma-cl-effect-19") ||
				($settings['creative_link_effect'] == "jltma-cl-effect-20")
			) { ?>
			</div>
		<?php } ?>

<?php
	}
}

[-] ma-creative-links.php [edit]
[+] ..