655 lines
18 KiB
PHP
655 lines
18 KiB
PHP
|
<?php
|
||
|
|
namespace Essential_Addons_Elementor\Elements;
|
||
|
|
|
||
|
|
// If this file is called directly, abort.
|
||
|
|
if (!defined('ABSPATH')) {
|
||
|
|
exit;
|
||
|
|
}
|
||
|
|
|
||
|
|
use \Elementor\Controls_Manager;
|
||
|
|
use \Elementor\Group_Control_Background;
|
||
|
|
use \Elementor\Group_Control_Border;
|
||
|
|
use \Elementor\Group_Control_Typography;
|
||
|
|
use \Elementor\Core\Kits\Documents\Tabs\Global_Typography;
|
||
|
|
use \Elementor\Widget_Base;
|
||
|
|
use \Elementor\Repeater;
|
||
|
|
use Essential_Addons_Elementor\Classes\Helper as HelperClass;
|
||
|
|
|
||
|
|
|
||
|
|
class Fancy_Text extends Widget_Base {
|
||
|
|
|
||
|
|
|
||
|
|
public function get_name() {
|
||
|
|
return 'eael-fancy-text';
|
||
|
|
}
|
||
|
|
|
||
|
|
public function get_title() {
|
||
|
|
return esc_html__( 'Fancy Text', 'essential-addons-for-elementor-lite');
|
||
|
|
}
|
||
|
|
|
||
|
|
public function get_icon() {
|
||
|
|
return 'eaicon-fancy-text';
|
||
|
|
}
|
||
|
|
|
||
|
|
public function get_categories() {
|
||
|
|
return [ 'essential-addons-elementor' ];
|
||
|
|
}
|
||
|
|
|
||
|
|
public function get_keywords() {
|
||
|
|
return [
|
||
|
|
'ea fancy text',
|
||
|
|
'ea typing text',
|
||
|
|
'animated headline',
|
||
|
|
'Headline',
|
||
|
|
'typewriter',
|
||
|
|
'text effect',
|
||
|
|
'text typing effect',
|
||
|
|
'text animation',
|
||
|
|
'animated heading',
|
||
|
|
'ea',
|
||
|
|
'essential addons'
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
public function get_style_depends() {
|
||
|
|
return [
|
||
|
|
'e-animations',
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
public function get_custom_help_url() {
|
||
|
|
return 'https://essential-addons.com/elementor/docs/fancy-text/';
|
||
|
|
}
|
||
|
|
|
||
|
|
protected function register_controls() {
|
||
|
|
|
||
|
|
// Content Controls
|
||
|
|
$this->start_controls_section(
|
||
|
|
'eael_fancy_text_content',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Fancy Text', 'essential-addons-for-elementor-lite')
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_prefix',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Prefix Text', 'essential-addons-for-elementor-lite'),
|
||
|
|
'placeholder' => esc_html__( 'Place your prefix text', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::TEXT,
|
||
|
|
'default' => esc_html__( 'This is the ', 'essential-addons-for-elementor-lite'),
|
||
|
|
'dynamic' => [ 'active' => true ],
|
||
|
|
'ai' => [
|
||
|
|
'active' => false,
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$repeater = new Repeater();
|
||
|
|
|
||
|
|
$repeater->add_control(
|
||
|
|
'eael_fancy_text_strings_text_field',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Fancy String', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::TEXT,
|
||
|
|
'label_block' => true,
|
||
|
|
'dynamic' => [ 'active' => true ],
|
||
|
|
'ai' => [
|
||
|
|
'active' => false,
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_strings',
|
||
|
|
[
|
||
|
|
'label' => __( 'Fancy Text Strings', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::REPEATER,
|
||
|
|
'show_label' => true,
|
||
|
|
'fields' => $repeater->get_controls(),
|
||
|
|
'title_field' => '{{ eael_fancy_text_strings_text_field }}',
|
||
|
|
'default' => [
|
||
|
|
[
|
||
|
|
'eael_fancy_text_strings_text_field' => __( 'First string', 'essential-addons-for-elementor-lite'),
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'eael_fancy_text_strings_text_field' => __( 'Second string', 'essential-addons-for-elementor-lite'),
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'eael_fancy_text_strings_text_field' => __( 'Third string', 'essential-addons-for-elementor-lite'),
|
||
|
|
]
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_suffix',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Suffix Text', 'essential-addons-for-elementor-lite'),
|
||
|
|
'placeholder' => esc_html__( 'Place your suffix text', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::TEXT,
|
||
|
|
'default' => esc_html__( ' of the sentence.', 'essential-addons-for-elementor-lite'),
|
||
|
|
'dynamic' => [ 'active' => true ],
|
||
|
|
'ai' => [
|
||
|
|
'active' => false,
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->end_controls_section();
|
||
|
|
|
||
|
|
// Settings Control
|
||
|
|
$this->start_controls_section(
|
||
|
|
'eael_fancy_text_settings',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Fancy Text Settings', 'essential-addons-for-elementor-lite')
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$style_options = apply_filters(
|
||
|
|
'fancy_text_style_types',
|
||
|
|
[
|
||
|
|
'styles' => [
|
||
|
|
'style-1' => esc_html__( 'Style 1', 'essential-addons-for-elementor-lite'),
|
||
|
|
'style-2' => esc_html__( 'Style 2 (Pro)', 'essential-addons-for-elementor-lite'),
|
||
|
|
],
|
||
|
|
'conditions' => ['style-2']
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_style',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Style Type', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::SELECT,
|
||
|
|
'default' => 'style-1',
|
||
|
|
'options' => $style_options['styles']
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_style_pro_alert',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Only available in pro version!', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::HEADING,
|
||
|
|
'condition' => [
|
||
|
|
'eael_fancy_text_style' => $style_options['conditions'],
|
||
|
|
]
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_responsive_control(
|
||
|
|
'eael_fancy_text_alignment',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Alignment', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::CHOOSE,
|
||
|
|
'options' => [
|
||
|
|
'left' => [
|
||
|
|
'title' => esc_html__( 'Left', 'essential-addons-for-elementor-lite'),
|
||
|
|
'icon' => 'eicon-text-align-left',
|
||
|
|
],
|
||
|
|
'center' => [
|
||
|
|
'title' => esc_html__( 'Center', 'essential-addons-for-elementor-lite'),
|
||
|
|
'icon' => 'eicon-text-align-center',
|
||
|
|
],
|
||
|
|
'right' => [
|
||
|
|
'title' => esc_html__( 'Right', 'essential-addons-for-elementor-lite'),
|
||
|
|
'icon' => 'eicon-text-align-right',
|
||
|
|
],
|
||
|
|
],
|
||
|
|
'default' => 'center',
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-container' => 'text-align: {{VALUE}}',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_transition_type',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Animation Type', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::SELECT,
|
||
|
|
'default' => 'typing',
|
||
|
|
'options' => [
|
||
|
|
'typing' => esc_html__( 'Typing', 'essential-addons-for-elementor-lite'),
|
||
|
|
'fadeIn' => esc_html__( 'Fade', 'essential-addons-for-elementor-lite'),
|
||
|
|
'fadeInUp' => esc_html__( 'Fade Up', 'essential-addons-for-elementor-lite'),
|
||
|
|
'fadeInDown' => esc_html__( 'Fade Down', 'essential-addons-for-elementor-lite'),
|
||
|
|
'fadeInLeft' => esc_html__( 'Fade Left', 'essential-addons-for-elementor-lite'),
|
||
|
|
'fadeInRight' => esc_html__( 'Fade Right', 'essential-addons-for-elementor-lite'),
|
||
|
|
'zoomIn' => esc_html__( 'Zoom', 'essential-addons-for-elementor-lite'),
|
||
|
|
'bounceIn' => esc_html__( 'Bounce', 'essential-addons-for-elementor-lite'),
|
||
|
|
'swing' => esc_html__( 'Swing', 'essential-addons-for-elementor-lite'),
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_speed',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Typing Speed', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::NUMBER,
|
||
|
|
'default' => '50',
|
||
|
|
'condition' => [
|
||
|
|
'eael_fancy_text_transition_type' => 'typing',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_delay',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Delay on Change', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::NUMBER,
|
||
|
|
'default' => '2500'
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_loop',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Loop the animation', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::SWITCHER,
|
||
|
|
'return_value' => 'yes',
|
||
|
|
'default' => 'yes'
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_cursor',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Display Type Cursor', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::SWITCHER,
|
||
|
|
'return_value' => 'yes',
|
||
|
|
'default' => 'yes',
|
||
|
|
'condition' => [
|
||
|
|
'eael_fancy_text_transition_type' => 'typing',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->end_controls_section();
|
||
|
|
|
||
|
|
|
||
|
|
if(!apply_filters('eael/pro_enabled', false)) {
|
||
|
|
$this->start_controls_section(
|
||
|
|
'eael_section_pro',
|
||
|
|
[
|
||
|
|
'label' => __( 'Go Premium for More Features', 'essential-addons-for-elementor-lite')
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_control_get_pro',
|
||
|
|
[
|
||
|
|
'label' => __( 'Unlock more possibilities', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::CHOOSE,
|
||
|
|
'options' => [
|
||
|
|
'1' => [
|
||
|
|
'title' => '',
|
||
|
|
'icon' => 'fa fa-unlock-alt',
|
||
|
|
],
|
||
|
|
],
|
||
|
|
'default' => '1',
|
||
|
|
'description' => '<span class="pro-feature"> Get the <a href="https://wpdeveloper.com/upgrade/ea-pro" target="_blank">Pro version</a> for more stunning elements and customization options.</span>'
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->end_controls_section();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
$this->start_controls_section(
|
||
|
|
'eael_fancy_text_prefix_styles',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Prefix Text Styles', 'essential-addons-for-elementor-lite'),
|
||
|
|
'tab' => Controls_Manager::TAB_STYLE
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_prefix_color',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Prefix Text Color', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::COLOR,
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-prefix' => 'color: {{VALUE}};',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_group_control(
|
||
|
|
Group_Control_Typography::get_type(),
|
||
|
|
[
|
||
|
|
'name' => 'typography',
|
||
|
|
'global' => [
|
||
|
|
'default' => Global_Typography::TYPOGRAPHY_PRIMARY
|
||
|
|
],
|
||
|
|
'fields_options' => [
|
||
|
|
'typography' => ['default' => 'yes'],
|
||
|
|
'font_size' => ['default' => ['size' => 22]],
|
||
|
|
'font_weight' => ['default' => 600],
|
||
|
|
'line_height' => ['default' => ['size' => 1]],
|
||
|
|
],
|
||
|
|
'selector' => '{{WRAPPER}} .eael-fancy-text-prefix',
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->end_controls_section();
|
||
|
|
|
||
|
|
|
||
|
|
$this->start_controls_section(
|
||
|
|
'eael_fancy_text_strings_styles',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Fancy Text Styles', 'essential-addons-for-elementor-lite'),
|
||
|
|
'tab' => Controls_Manager::TAB_STYLE
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_color_selector',
|
||
|
|
[
|
||
|
|
'label' => esc_html__('Choose Background Type', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::CHOOSE,
|
||
|
|
'options' => [
|
||
|
|
'solid-color' => [
|
||
|
|
'title' => __('Color', 'essential-addons-for-elementor-lite'),
|
||
|
|
'icon' => 'eicon-paint-brush',
|
||
|
|
],
|
||
|
|
'gradient-color' => [
|
||
|
|
'title' => __('Gradient', 'essential-addons-for-elementor-lite'),
|
||
|
|
'icon' => 'eicon-barcode',
|
||
|
|
],
|
||
|
|
],
|
||
|
|
'toggle' => true,
|
||
|
|
'default' => 'solid-color',
|
||
|
|
'condition' => [
|
||
|
|
'eael_fancy_text_style' => 'style-1',
|
||
|
|
]
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_strings_background_color',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Background', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::COLOR,
|
||
|
|
'default' => '',
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-strings' => 'background: {{VALUE}};',
|
||
|
|
],
|
||
|
|
'conditions' => [
|
||
|
|
'relation' => 'or',
|
||
|
|
'terms' => [
|
||
|
|
[
|
||
|
|
'terms' => [
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_color_selector',
|
||
|
|
'operator' => '==',
|
||
|
|
'value' => 'solid-color',
|
||
|
|
],
|
||
|
|
],
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_style',
|
||
|
|
'operator' => '==',
|
||
|
|
'value' => 'style-2',
|
||
|
|
],
|
||
|
|
],
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_group_control(
|
||
|
|
Group_Control_Background::get_type(),
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_color_gradient',
|
||
|
|
'types' => ['gradient'],
|
||
|
|
'fields_options' => [
|
||
|
|
'background' => [
|
||
|
|
'label' => _x( 'Gradient Color', 'Text Shadow Control', 'elementor' ),
|
||
|
|
'toggle' => false,
|
||
|
|
'default' => 'gradient',
|
||
|
|
],
|
||
|
|
'color' => [
|
||
|
|
'default' => '#062ACA',
|
||
|
|
],
|
||
|
|
'color_b' => [
|
||
|
|
'default' => '#9401D9',
|
||
|
|
]
|
||
|
|
],
|
||
|
|
'selector' => '{{WRAPPER}} .eael-fancy-text-strings',
|
||
|
|
'condition' => [
|
||
|
|
'eael_fancy_text_color_selector' => 'gradient-color',
|
||
|
|
'eael_fancy_text_style' => 'style-1',
|
||
|
|
]
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_group_control(
|
||
|
|
Group_Control_Typography::get_type(),
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_strings_typography',
|
||
|
|
'global' => [
|
||
|
|
'default' => Global_Typography::TYPOGRAPHY_PRIMARY
|
||
|
|
],
|
||
|
|
'fields_options' => [
|
||
|
|
'typography' => ['default' => 'yes'],
|
||
|
|
'font_size' => ['default' => ['size' => 22]],
|
||
|
|
'font_weight' => ['default' => 600],
|
||
|
|
],
|
||
|
|
'selector' => '{{WRAPPER}} .eael-fancy-text-strings, {{WRAPPER}} .typed-cursor',
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_strings_color',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Solid Color', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::COLOR,
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-strings' => 'color: {{VALUE}};',
|
||
|
|
],
|
||
|
|
'conditions' => [
|
||
|
|
'relation' => 'or',
|
||
|
|
'terms' => [
|
||
|
|
[
|
||
|
|
'terms' => [
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_style',
|
||
|
|
'operator' => '==',
|
||
|
|
'value' => 'style-1',
|
||
|
|
]
|
||
|
|
],
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_style',
|
||
|
|
'operator' => '==',
|
||
|
|
'value' => 'style-2',
|
||
|
|
],
|
||
|
|
],
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_cursor_color',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Typing Cursor Color', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::COLOR,
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-strings::after' => 'color: {{VALUE}};',
|
||
|
|
],
|
||
|
|
'condition' => [
|
||
|
|
'eael_fancy_text_cursor' => 'yes',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_responsive_control(
|
||
|
|
'eael_fancy_text_strings_padding',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Padding', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::DIMENSIONS,
|
||
|
|
'size_units' => [ 'px', 'em', '%' ],
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-strings' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_responsive_control(
|
||
|
|
'eael_fancy_text_strings_margin',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::DIMENSIONS,
|
||
|
|
'size_units' => [ 'px', 'em', '%' ],
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-strings' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$this->add_group_control(
|
||
|
|
Group_Control_Border::get_type(),
|
||
|
|
[
|
||
|
|
'name' => 'eael_fancy_text_strings_border',
|
||
|
|
'selector' => '{{WRAPPER}} .eael-fancy-text-strings',
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_strings_border_radius',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Border Radius', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::SLIDER,
|
||
|
|
'range' => [
|
||
|
|
'px' => [
|
||
|
|
'min' => 0,
|
||
|
|
'max' => 100,
|
||
|
|
],
|
||
|
|
],
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-strings' => 'border-radius: {{SIZE}}{{UNIT}};',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->end_controls_section();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$this->start_controls_section(
|
||
|
|
'eael_fancy_text_suffix_styles',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Suffix Text Styles', 'essential-addons-for-elementor-lite'),
|
||
|
|
'tab' => Controls_Manager::TAB_STYLE
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_control(
|
||
|
|
'eael_fancy_text_suffix_color',
|
||
|
|
[
|
||
|
|
'label' => esc_html__( 'Suffix Text Color', 'essential-addons-for-elementor-lite'),
|
||
|
|
'type' => Controls_Manager::COLOR,
|
||
|
|
'selectors' => [
|
||
|
|
'{{WRAPPER}} .eael-fancy-text-suffix' => 'color: {{VALUE}};',
|
||
|
|
],
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
$this->add_group_control(
|
||
|
|
Group_Control_Typography::get_type(),
|
||
|
|
[
|
||
|
|
'name' => 'ending_typography',
|
||
|
|
'global' => [
|
||
|
|
'default' => Global_Typography::TYPOGRAPHY_PRIMARY
|
||
|
|
],
|
||
|
|
'fields_options' => [
|
||
|
|
'typography' => ['default' => 'yes'],
|
||
|
|
'font_size' => ['default' => ['size' => 22]],
|
||
|
|
'font_weight' => ['default' => 600],
|
||
|
|
'line_height' => ['default' => ['size' => 1]],
|
||
|
|
],
|
||
|
|
'selector' => '{{WRAPPER}} .eael-fancy-text-suffix',
|
||
|
|
]
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
$this->end_controls_section();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
public function fancy_text($settings) {
|
||
|
|
$fancy_text = array("");
|
||
|
|
foreach ( $settings as $item ) {
|
||
|
|
if ( ! empty( $item['eael_fancy_text_strings_text_field'] ) ) {
|
||
|
|
$fancy_text[] = HelperClass::eael_wp_kses($item['eael_fancy_text_strings_text_field']) ;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return implode("|",$fancy_text);
|
||
|
|
}
|
||
|
|
|
||
|
|
protected function render() {
|
||
|
|
|
||
|
|
|
||
|
|
$settings = $this->get_settings_for_display();
|
||
|
|
$fancy_text = $this->fancy_text($settings['eael_fancy_text_strings']);
|
||
|
|
if(!apply_filters('eael/pro_enabled', false)) { $settings['eael_fancy_text_style'] = 'style-1'; }
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'class', 'eael-fancy-text-container' );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'class', esc_attr($settings['eael_fancy_text_style']) );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text-id', esc_attr($this->get_id()) );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text', $fancy_text );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text-transition-type', $settings['eael_fancy_text_transition_type'] );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text-speed', $settings['eael_fancy_text_speed'] );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text-delay', $settings['eael_fancy_text_delay'] );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text-cursor', $settings['eael_fancy_text_cursor'] );
|
||
|
|
$this->add_render_attribute( 'fancy-text', 'data-fancy-text-loop', $settings['eael_fancy_text_loop'] );
|
||
|
|
?>
|
||
|
|
|
||
|
|
<div <?php echo $this->get_render_attribute_string( 'fancy-text' ); ?> >
|
||
|
|
<?php if ( ! empty( $settings['eael_fancy_text_prefix'] ) ) : ?>
|
||
|
|
<span class="eael-fancy-text-prefix"><?php echo HelperClass::eael_wp_kses($settings['eael_fancy_text_prefix']); ?> </span>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<?php if ( $settings['eael_fancy_text_transition_type'] == 'fancy' ) : ?>
|
||
|
|
<span id="eael-fancy-text-<?php echo esc_attr($this->get_id()); ?>" class="eael-fancy-text-strings
|
||
|
|
<?php echo esc_attr( $settings['eael_fancy_text_color_selector'] ) ?>"></span>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<?php if ( $settings['eael_fancy_text_transition_type'] != 'fancy' ) : ?>
|
||
|
|
<span id="eael-fancy-text-<?php echo esc_attr($this->get_id()); ?>" class="eael-fancy-text-strings <?php echo esc_attr( $settings['eael_fancy_text_color_selector'] ); ?>">
|
||
|
|
<noscript>
|
||
|
|
<?php
|
||
|
|
$eael_fancy_text_strings_list = "";
|
||
|
|
foreach ( $settings['eael_fancy_text_strings'] as $item ) {
|
||
|
|
$eael_fancy_text_strings_list .= HelperClass::eael_wp_kses($item['eael_fancy_text_strings_text_field']) . ', ';
|
||
|
|
}
|
||
|
|
echo rtrim($eael_fancy_text_strings_list, ", ");
|
||
|
|
?>
|
||
|
|
</noscript>
|
||
|
|
</span>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<?php if ( ! empty( $settings['eael_fancy_text_suffix'] ) ) : ?>
|
||
|
|
<span class="eael-fancy-text-suffix"> <?php echo HelperClass::eael_wp_kses($settings['eael_fancy_text_suffix']); ?></span>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div><!-- close .eael-fancy-text-container -->
|
||
|
|
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
|
||
|
|
<?php
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
protected function content_template() {}
|
||
|
|
}
|